¨/* settings ´ zelena #30D8AB #30D8AB modra #0EBEC7 oranzova #FF8D09 bezova #FFD599 pozadi cerne #2B2B2B sedy text #787878 */ /* global */ html {position: relative;min-height: 100%;} body {background: #1a2026;color: #EEE;font-size: 16px;line-height: 23px;font-family:'urbane', 'Arial', 'Helvetica', sans-serif; font-weight: 400; overflow-x: hidden; /*text-rendering: optimizeLegibility;*/} body a {color: #FF8D09;text-decoration: underline;} body a:hover {color: #FF8D09;text-decoration: none;} body a:focus, body button:focus {outline: 0;} body input:focus-visible {outline: 0;} body a:focus {color: #FF8D09;} body strong {color: #FFF;} .container {max-width: 1600px;} .section {margin-bottom: 60px;} .modal-backdrop {--bs-backdrop-zindex: -50;} .text-right {text-align: right;} @media (max-width: 991px) { .section {margin-bottom: 30px;} } *:focus{outline: 0 !important;box-shadow: none !important;} *:focus-visible {outline: 0 !important;box-shadow: none !important;} .clear {clear: both;} .btn, .form-control {border-radius: 0;} .btn-default {background: #FFF;font-size: 16px;padding: 8px 20px;color: #000;border: 0;font-family: 'sk-modernistbold';line-height: 24px;position: relative;text-decoration: none;} .btn-default.icon-cart:after {content: "";position: absolute;top: 50%;margin-top: -10px;right: 12px;background: url(../img/icon-header-cart.png) center center no-repeat;display: block;width: 22px;height: 20px;} .btn-secondary {background-color: #FFD599;transition: all 200ms cubic-bezier(0.25, 0.1, 0.25, 1);} .btn-secondary:hover {background-color: #FF8D09;color: #FFF;transition: all 200ms cubic-bezier(0.25, 0.1, 0.25, 1);} .btn-primary {background-color: #FF8D09;background: linear-gradient(to right, #FF8D09, #FFAB00);color: #FFF;color: #000; transition: 0.3s;} .btn-primary:hover {background-color: #dd7804;} /*.btn-primary:hover {background-color: #dd7804; background: #dd7804; color: #FFF;}*/ .btn-third {background-color: #30D8AB;background: linear-gradient(to right, #0EBEC7, #30D8AB);color: #000;text-decoration: none;} .btn-third:hover {color: #FFF;} .btn-sixth {background-color: #DFDFDF;color: #000;text-decoration: none;} .btn-sixth:hover {color: #FFF;} .btn-full-center {padding-left: 0;padding-right: 0;width: 100%;text-align: center;} .btn-primary-border {border: 2px solid #FF8D09;color: #FF8D09;background: none;} .btn-fourth-border {border: 2px solid #000;color: #333;background: none;padding-top: 6px;padding-bottom: 6px;} .btn-fifth-border {border: 2px solid #666666;color: #FFF;background: none;padding-top: 4px;padding-bottom: 4px;} .btn-size-m {font-size: 15px;padding: 2px 15px;line-height: 22px;} .btn-size-l {font-size: 20px;padding: 8px 30px;line-height: 30px;} .btn-size-xl {font-size: 22px;padding: 12px 30px;line-height: 30px;} .btn-fb {background: #4964A2;color: #FFF;position: relative;padding-left: 50px;padding-right: 40px;} .btn-fb span {position: absolute;left: 15px;top: 50%;margin-top: -10px;font-size: 20px;} .btn-right {float: right;} .col-md-border-right {position: relative;} .col-md-border-right:after {content: "";height: 90%;width: 1px;background: #666;position: absolute;top: 5%;right: 0;} .oh {text-indent: -500px;overflow: hidden;display: inline-block;} .narrow {width: 992px;max-width: 100%;margin: 0 auto;} /* /global */ /* fonts */ html.wf-loading * {color: transparent !important;} /* /fonts */ /* .mobile-footer {position: fixed;height: 50px;background: #000;width: 100%;bottom: 0;left: 0;z-index: 999;} */ .shadow-background {height: 100%; width: 100%; background-color: rgba(0,0,0,0.5); z-index: 1; position: fixed; top:0;left: 0; right: 0; bottom: 0; visibility: hidden;opacity: 0;transition: visibility 0s, opacity 0.5s linear;} .shadow-background.active {visibility: visible;opacity: 1; z-index: 888;} @media (max-width: 991px) { body {font-size: 13px;line-height: 19px;} .btn-default {font-size: 13px;} .btn-primary {font-size: 15px;} } body.overflow {overflow: hidden;} .main-content {position: relative;} .tags-box {display: flex; gap:5px;} .tags-box span {padding: 0; margin: 0; font-size: 13px; font-weight:600; color: #fff; text-transform: uppercase; font-family:"urbane";} .tags-box .tag {display: flex; align-items: center; justify-content: center; gap: 5px; border-radius: 3px; text-transform: uppercase; font-weight: 600; padding: 0px 6px 0px 6px; line-height: 20px;} .tags-box .red {background-color: #ff3100;} .tags-box .red.outline {background-color: transparent; border: 1px solid #ff3100;} .tags-box .red.cancel {background-color: transparent; border: 1px solid #374048;} .tags-box .red.cancel span {color: #ff0000;} .tags-box .blue {background-color: #0cd6c6;} .tags-box .blue.outline {background-color:transparent; border: 1px solid #0cd6c6; color: #0cd6c6;} .tags-box .blue.outline span {color: #0cd6c6;} .tags-box .brown {background-color: #cc9e00;} .tags-box .orange {background-color: #ff8d09;} .tags-box .orange.outline {background-color: transparent; border: 1px solid #ff8d09; color: #ff8d09;} .tags-box .orange.outline span {color: #ff8d09;} .tags-box .white {background-color: #fff;} .tags-box .vip {background-color: #d0a92c;} .tags-box span.vip {color: #675927;} .tags-box .white.outline {background-color:transparent; border: 1px solid #fff;} .tags-box .black {background-color: #374048;} .tags-box .black.outline {background-color:transparent; border: 1px solid #374048;} .tags-box .black.outline span {color: #374048;} .tags-box .unavailable {background-color:transparent; border: 1px solid #ff3100; color: #ff3100; } .content .tags-box img {margin:0;} @media (max-width: 991px) { .price-tags .tag {font-size: 9px; } .tags-box .tag {line-height: 20px;} .tags-box span {font-size: 9px;} } .yamm .yamm-content {padding: 20px 15px;} .yamm .container {position:unset;} .button-box {display: flex;align-items: end;height: 100%; z-index: 999; position: absolute; bottom:0;} .button-box a {display: flex; align-items: center; text-decoration: none; background-color: #fff; margin: 20px; padding: 10px!important; gap: 15px; border-radius: 5px; transition: 0.3s;} .button-box a:hover {background-color: #1a2026; } .button-box a:hover span {color: #fff!important;} .button-box span {text-underline-offset: unset; padding: 0!important; margin: 0!important; color: #000; font-family:"urbane"!important; font-size: 15px!important; font-weight: 500!important;} .btn-primary {height: 55px; background-color: #ff8d09; border-radius: 5px; font-weight: 600; color: #fff; padding: 14px; border: 0; cursor:pointer;} .btn-primary span {line-height:30px;} @keyframes puls-effect { 0% { transform: scale(.5); opacity: 1; } 100% { transform: scale(2); opacity: 0; } } .pin.active { background-color: #84cc8e; } .pin.active::after { background-color: #84cc8e;} .pin.deactive { background-color: #ff3100; } .pin.deactive::after { background-color: #ff3100;} .section-design-dashboard {} .section-design-dashboard .title {color: #fff; font-family:"urbane"; font-weight: 600; color: #ff8d09; font-size: 18px; margin: 20px 0;} .section-design-dashboard .typography-container {display: flex; justify-content: space-between; gap: 40px; flex-wrap: wrap;} .section-design-dashboard .gap {border-bottom: 1px solid #374048; padding: 20px 0;} .section-design-dashboard .typography-container .typography .text {font-size: 20px; line-height: 34px; display: block;} .section-design-dashboard .typography-container .urbane-demi-bold {font-family:"urbane"; font-weight: 600;} .section-design-dashboard .typography-container .urbane-medium {font-family:"urbane"; font-weight: 500;} .section-design-dashboard .typography-container .neune-regular {font-family:"neue-haas-unica"; font-weight: 400;} .section-design-dashboard .typography-container .neune-bold {font-family:"neue-haas-unica"; font-weight: 700;} .section-design-dashboard .typography-container .name {color: #ff8d09; font-size: 18px; line-height: 34px; margin-bottom: 20px; display: block;} .content h1 {font-family:"urbane"; font-size: 50px; aletter-spacing: -15px; font-weight: 600; amargin: 0 0 30px 0;} .content h2 {font-family:"urbane";font-size: 40px; aletter-spacing: -15px; font-weight: 600; amargin: 48px 0 20px 0;} .content h3 {font-family:"urbane";font-size: 32px; aletter-spacing: -15px; font-weight: 600; amargin: 25px 0 15px 0;} .content h4 {font-family:"urbane";font-size: 28px; aletter-spacing: -15px; font-weight: 600; amargin: 10px 0 10px 0;} .content h5 {font-family:"urbane";font-size: 20px; aletter-spacing: -15px; font-weight: 600;} .headline-container {} .headline-container span {color:#0cd6c6; font-size: 13px;font-family:"urbane"; margin-bottom: 20px; display: block;} .body-texts-container .header {display: flex; gap: 10px; margin-top: 40px;} .body-texts-container.body-text .name {font-size: 18px; color: #babcbe; font-family:"neue-haas-unica"; font-weight: 400;} .body-texts-container.body-mid .name {font-size: 16px; color: #babcbe; font-family:"neue-haas-unica"; font-weight: 400;} .body-texts-container.body-small .name {font-size: 14px; color: #babcbe; font-family:"neue-haas-unica"; font-weight: 400;} .body-texts-container .info {color:#0cd6c6; font-size: 13px;font-family:"urbane";} .text-default {font-size: 18px; color: #babcbe; font-family:"neue-haas-unica"; font-weight: 400;} .text-default strong {color: #ff8d09;} .text-mid {font-size: 16px; color: #babcbe; font-family:"neue-haas-unica"; font-weight: 400;} .text-mid strong {color: #ff8d09;} .text-small {font-size: 14px; color: #babcbe; font-family:"neue-haas-unica"; font-weight: 400;} .text-small strong {color: #ff8d09;} header {background-color: #1a2026; font-size: 13px} header a {color: #babcbe} header a:hover {color: #babcbe} header .section-header-lg .section-header-first {border-bottom: 1px solid #374048;} header .section-header-lg .section-header-first .setting-web-box {font-family:"neue-haas-unica"; font-weight: 400; display: flex; align-items: center; line-height: 40px; } header .section-header-lg .section-header-first .setting-web-box .angle-down {color:#ff8d09;} header .section-header-lg .section-header-first .setting-web-box .lang-box {margin-right: 30px} header .section-header-lg .section-header-first .setting-web-box .lang-box .choose-lang {display: flex;gap: 8px;align-items: center;} header .section-header-lg .section-header-first .setting-web-box .lang-box .choose-lang span {display: inline; margin-bottom: 0; padding: 0; font-size: 12px; cursor: pointer; color:#babcbe;} header .section-header-lg .section-header-first .setting-web-box .lang-box .choose-lang:hover span {color: #fff;} header .section-header-lg .section-header-first .setting-web-box .lang-box img {padding: 11px 0; } header .section-header-lg .section-header-first .setting-web-box .lang-box .arrow {rotate: 90deg;} header .section-header-lg .section-header-first .setting-web-box .quick-help {position: relative; font-family:"neue-haas-unica";} header .section-header-lg .section-header-first .setting-web-box .quick-help .quick-help-container {display: flex;gap: 8px;align-items: center;} header .section-header-lg .section-header-first .setting-web-box .quick-help .quick-help-container .text {display: inline; margin-bottom: 0; padding: 0; font-size: 11px; color:#babcbe;} header .section-header-lg .section-header-first .setting-web-box .quick-help .quick-help-container:hover .text {color: #fff; cursor:pointer;} header .section-header-lg .section-header-first .phone-box {} header .section-header-lg .section-header-first .phone-box img {margin: 0;} header .section-header-lg .section-header-first .phone-box p {display: inline; margin: 0; padding: 0; color: #1a2026;} header .section-header-lg .section-header-first .action-box {text-align: center; color:#ff8d09; height: 100%; display: flex; justify-content: center; align-items: center} header .section-header-lg .section-header-first .action-box a {margin: 0; padding: 0; text-transform: uppercase; font-size: 12px; font-weight: 600; color:#ff8d09; text-decoration: none;} header .section-header-lg .section-header-first .action-box a:hover {text-decoration: underline;} header .section-header-lg .section-header-first .navbar {font-family:"neue-haas-unica"; font-weight: 400; font-size:13px; padding: 0; margin: 0; justify-content: end; height: 100%; margin-right:-15px;} header .section-header-lg .section-header-first .navbar a {color: #babcbe;} header .section-header-lg .section-header-first .navbar a:hover {color: #fff;} @media (max-width: 1220px) { header .section-header-lg .section-header-first .navbar {font-size: 11px;margin-right: -10px;} header .section-header-lg .section-header-first .navbar a {padding: 4px 11px;} } header .section-header-lg .section-header-second {font-size: 18px} header .section-header-lg .section-header-second .navbar {line-height: 47px; padding: 0; height: 100%;} header .section-header-lg .section-header-second .navbar .nav-link {color: #babcbe; font-family:"urbane"; font-weight: 500; font-size: 15px; margin:0; cursor:pointer; position: relative; transition:none; display: inline-block; z-index: 1;} header .section-header-lg .section-header-second .navbar .nav-link:hover {color: #fff;} header .section-header-lg .section-header-second .navbar .nav-item {} header .section-header-lg .section-header-second .nav-item.active:nth-child(1) ~ .active-category {left: 0;} header .section-header-lg .section-header-second .nav-item.active:nth-child(2) ~ .active-category {left: 69px;} header .section-header-lg .section-header-second .nav-item.active:nth-child(3) ~ .active-category {left: 139px;} header .section-header-lg .section-header-second .nav-item.active .nav-link {color: #fff;} header .section-header-lg .section-header-second .navbar .nav {} header .section-header-lg .section-header-second .active-category {position: absolute; bottom: 0; left: 0; width: 70px; height:100%; background: url("../img/button-background.png") no-repeat;background-size: 100% 100%; border-bottom: 5px solid #ff8d09; font-weight: 600; color: #fff; transition: .5s ease;} header .section-header-lg .section-header-second .logo-box {display: flex; justify-content: center; align-items: center; height: 100%} header .section-header-lg .section-header-second .logo-box img {padding: 17px 0;} header .section-header-lg .section-header-second .background {position:relative; display: flex; justify-content:end; align-items: center; height:100%; /* background: url("../img/header-background.png") no-repeat right;background-size: contain */} header .section-header-lg .section-header-second .background .container-icon .box-icon {padding: 15px; padding-top: 0; margin-top: 15px; position: relative;} header .section-header-lg .section-header-second .background .container-icon .box-icon.search {display: flex; align-items: center; font-family:"urbane"; font-weight: 400; color: #7a7d81; gap: 20px;} header .section-header-lg .section-header-second .background .container-icon .box-icon.search span {margin: 0; padding: 0; font-size: 14px; font-weight: 500;} /*header .section-header-second .background .container-icon .box-icon img:hover {filter: invert(57%) sepia(7%) saturate(7500%) hue-rotate(353deg) brightness(106%) contrast(105%);}*/ header .section-header-lg .section-header-second .background .container-icon .box-icon .badge {font-weight: normal; padding: 4px 6px;} header .section-header-lg .section-header-second .background .container-icon .box-icon .start-100 {left: 80%!important;} header .section-header-lg .section-header-second .background .container-icon .box-icon .bg-orange {background-color: #ff8d09;} header .section-header-lg .section-header-second .background img {cursor: pointer;} header .section-header-lg .section-header-second .background .box-icon {cursor: pointer} header .section-header-lg .section-header-second .background .icon-user:hover {filter: invert(57%) sepia(7%) saturate(7500%) hue-rotate(353deg) brightness(106%) contrast(105%);} header .section-header-lg .section-header-second .background .icon-favorite:hover {filter: invert(57%) sepia(7%) saturate(7500%) hue-rotate(353deg) brightness(106%) contrast(105%);} header .section-header-lg .section-header-second .background .icon-search:hover {filter: invert(57%) sepia(7%) saturate(7500%) hue-rotate(353deg) brightness(106%) contrast(105%);} header .section-header-lg .section-header-second .background .icon-basket:hover {filter: invert(57%) sepia(7%) saturate(7500%) hue-rotate(353deg) brightness(106%) contrast(105%);} header .section-header-lg .section-header-second .background .box-icon.icon-active .icon-user {filter: invert(57%) sepia(7%) saturate(7500%) hue-rotate(353deg) brightness(106%) contrast(105%);} header .section-header-lg .section-header-second .background .box-icon.icon-active .icon-basket {filter: invert(57%) sepia(7%) saturate(7500%) hue-rotate(353deg) brightness(106%) contrast(105%);} header .section-header-lg .section-header-second .background .box-icon.icon-active .icon-favorite {filter: invert(57%) sepia(7%) saturate(7500%) hue-rotate(353deg) brightness(106%) contrast(105%);} header .section-header-lg .section-header-second .background .box-icon.icon-active .icon-search {filter: invert(57%) sepia(7%) saturate(7500%) hue-rotate(353deg) brightness(106%) contrast(105%);} header .section-header-lg .section-header-third {background-color: #f2f3f4; position: relative} header .section-header-lg .section-header-third .navbar-nav {flex-direction: row; gap: 40px;} header .section-header-lg .section-header-third .navbar-nav .menu {display:none;} header .section-header-lg .section-header-third .navbar-nav .menu.active {display:flex; flex-direction: row; gap: 40px;} header .section-header-lg .section-header-third .navbar-nav a {font-family:"urbane"; font-weight: 600; color: #7a7d81; font-size: 14px; text-underline-offset: 18px; padding: 14px 0;} header .section-header-lg .section-header-third .navbar-nav a:hover {color: #000; text-decoration: underline 3px #ff8d09;} header .section-header-lg .section-header-third .dropdown-menu {width: 100%; --bs-dropdown-spacer: -0.1rem; --bs-dropdown-border-radius:unset; border: none; min-height: 517px;} header .section-header-lg .section-header-third .dropdown-toggle::after {display: none} header .section-header-lg .section-header-third .dropdown:hover > ul.dropdown-menu {display: block;position: absolute; min-height: 517px; padding:0;} header .section-header-lg .section-header-third .dropdown-toggle.nav-item-hover {color: #000; text-decoration: underline 3px #ff8d09;} header .section-header-lg .section-header-third .dropdown-menu.show {top: -3px !important;position: absolute !important;} .yamm .dropdown.yamm-fw .dropdown-menu {left: 0; right: 0; border-radius:0; border:0; } .yamm .dropdown {position: static;} header .section-header-lg .section-header-third .menu-extended ul li {list-style: none; padding: 2px 0;} header .section-header-lg .section-header-third .menu-extended ul li a {color: #000; text-decoration: none; font-family:"urbane"; font-size: 14px; font-weight: 500; } header .section-header-lg .section-header-third .menu-extended ul li a:hover {text-decoration: underline; text-underline-offset: 1px;} header .section-header-lg .section-header-third .menu-extended p {padding-bottom: 5px; margin: 0px; font-family:"urbane"; font-size: 13px; font-weight: 600;} header .section-header-lg .section-header-third .menu-extended .action-box a {font-family: "urbane";font-size: 14px;font-weight: 500; color: #1a2026;} header .section-header-lg .section-header-third .navbar-nav .menu-extended .action-box a:hover {color: #1a2026; text-decoration: underline;} header .section-header-lg .section-header-third .menu-extended .action-box .tag-box {display: flex; gap: 10px;color: #ff3100; text-decoration: none; padding-top: 0px; padding-bottom: 5px;} header .section-header-lg .section-header-third .menu-extended .action-box .tag-box span.tag {background-color: #ff3100; color: #fff; text-transform: uppercase; padding: 0px 6px 0px 6px; border-radius: 5px; font-size: 11px;font-family:"urbane"; font-weight: 600; margin: 0; line-height: 18px;} header .section-header-lg .section-header-third .menu-extended .action-box .tag-box span.tag-name {padding: 0; margin: 0; font-family:"urbane"; font-size: 14px; font-weight: 500; line-height: 18px;} header .section-header-lg .section-header-third .navbar-nav .menu-extended .action-box .tag-box:hover {color: #1a2026; text-decoration: none;} header .section-header-lg .section-header-third .navbar-nav .menu-extended .action-box .tag-box:hover .tag-name {text-decoration: underline; text-underline-offset: 1px; color: #ff3100;} header .section-header-lg .section-header-third .navbar-nav .menu-extended .action-box .tag-box:hover .tag {text-decoration: none; } header .section-header-lg .section-header-third .menu-extended .category-box {} header .section-header-lg .section-header-third .menu-extended .category-box ul li a {color: #7a7d81; font-weight: 400; font-family:"neue-haas-unica"; font-size: 14px;} header .section-header-lg .section-header-third .menu-extended .category-box ul li a:hover {text-decoration:underline; color: #7a7d81;} header .section-header-lg .section-header-third .menu-extended .title {font-family:"urbane"; font-size: 13px; font-weight: 600;} header .section-header-lg .section-header-third .menu-extended .brands-box {awidth: 480px;} header .section-header-lg .section-header-third .menu-extended .brands-box .logo-box {text-align: center; height: 90px; border-bottom: 1px solid #e6e6e6;display: flex; align-items: center; justify-content: center;} header .section-header-lg .section-header-third .menu-extended .brands-box .logo-box img {opacity: 0.7; filter: invert(59%) sepia(1%) saturate(448%) hue-rotate(19deg) brightness(84%) contrast(90%);} header .section-header-lg .section-header-third .menu-extended .brands-box a {text-decoration: none;} header .section-header-lg .section-header-third .menu-extended .brands-box a:hover {text-decoration: underline; text-underline-offset: 1px; color: #ff8d09; } header .section-header-lg .section-header-third .menu-extended .brands-box a .all-brands {color: #ff8d09; font-size: 14px; font-weight: 400;font-family:"neue-haas-unica"; margin-top: 15px;} header .section-header-lg .section-header-third .menu-extended .brands-box a .all-brands:hover {text-decoration: underline;} header .section-header-lg .section-header-third .menu-extended .banners-box {display: flex; gap: 20px; justify-content: center; height:335px;} header .section-header-lg .section-header-third .menu-extended .banners-box .banner {position: relative; width: 290px;} header .section-header-lg .section-header-third .menu-extended .banners-box .banner .background-banner { position: absolute; bottom:0; left: 0; height: 140px; background-image: url("../img/orange-background-banner.png") ; background-repeat: no-repeat; background-position: center; background-size: cover; width: 208px; } header .section-header-lg .section-header-third .menu-extended .banners-box .banner .button-box img {position: relative; filter: invert(65%) sepia(40%) saturate(3330%) hue-rotate(349deg) brightness(98%) contrast(111%);} header .section-header-lg .section-header-third .menu-extended .banners-box .banner .background {height: 100%;object-fit: cover;width: 100%;} header .section-header-lg .section-header-third .navbar-nav .menu-extended a:hover {text-decoration: none;text-underline-offset: 1px;color: #ff8d09;} header .section-header-lg .section-header-third .menu-sports .sport-title {padding-top: 0px; padding-bottom: 5px; ; font-family:"urbane"; font-size: 14px; font-weight: 600;} header .section-header-lg .section-header-third .menu-sports .sport-box {position: relative; margin-right: 15px; margin-bottom: 15px;} header .section-header-lg .section-header-third .menu-sports .sport-box span {margin: 0; padding: 0; font-family:"urbane"; font-weight: 600; position: absolute;left: 0;right: 0;text-align: center;top: 34px;} header .section-header-lg .section-header-third .menu-sports .sport-box a {text-decoration: none; font-size: 20px; color: #fff;} header .section-header-lg .section-header-third .menu-sports .sport-box .background {object-fit: cover;width: 100%; filter: brightness(65%);} header .section-header-lg .section-header-third .menu-brands .brands-title {padding-top: 0px; font-weight: 300; padding-bottom: 5px; position: absolute; font-size: 14px; font-family:"urbane"; font-weight: 600;} header .section-header-lg .section-header-third .menu-brands .brands-container {width: 1250px; padding-top: 40px;} header .section-header-lg .section-header-third .menu-brands .logo-box {text-align: center; height: 90px; border-bottom: 1px solid #e6e6e6;display: flex; align-items: center; justify-content: start;} header .section-header-lg .section-header-third .menu-brands .logo-box img {opacity: 0.7; filter: invert(59%) sepia(1%) saturate(448%) hue-rotate(19deg) brightness(84%) contrast(90%);} header .section-header-lg .section-header-third .menu-brands a {text-underline-offset: unset; text-decoration: none;} header .section-header-lg .section-header-third .menu-brands a:hover {text-decoration: underline; text-underline-offset: 1px; color: #ff8d09; } header .section-header-lg .section-header-third .menu-brands a .all-brands {color: #ff8d09; margin-top: 15px; font-size: 14px; font-weight: 400;font-family:"neue-haas-unica"; line-height: 19px;} header .section-header-lg .section-header-third .menu-brands .button-box a:hover {text-decoration: none;} header .section-header-lg .section-header-third .menu-brands .banner {position: relative; height:335px;} header .section-header-lg .section-header-third .menu-brands .banner .background-banner { position: absolute; bottom:0; left: 0; height: 140px; background-image: url("../img/orange-background-banner.png") ; background-repeat: no-repeat; background-position: center; background-size: cover; width: 208px; } header .section-header-lg .section-header-third .menu-brands .banner .button-box img {position: relative; filter: invert(65%) sepia(40%) saturate(3330%) hue-rotate(349deg) brightness(98%) contrast(111%);} header .section-header-lg .section-header-third .menu-brands .banner .background {height: 100%;object-fit: cover;width: 100%;} header .section-header-menu-mobile {display:none;} header .section-header-mobile {display:none;} @media (max-width: 991px) { header .section-header-lg {display:none;} header .section-header-menu-mobile {display:block; border-bottom: 1px solid #2E3841;z-index: 9999;position: relative;} header .section-header-menu-mobile .action-box { display:flex; justify-content:center; align-items:center; background:#fff; font-family:"urbane"; font-size: 12px; color:#1a2026; text-transform:uppercase;} header .section-header-menu-mobile .action-box a {padding: 10px; color:#1a2026; text-decoration:none; font-size: 12px; text-align: center;} header .section-header-menu-mobile .action-box span {margin:0; padding:0;} header .section-header-menu-mobile .menu {background: url("../img/menu-mobile-bg.png") no-repeat right bottom; display:flex; justify-content:space-between; align-items:center; height:60px; width:100%;} header .section-header-menu-mobile .menu .logo {flex:50%; padding-left:15px;} header .section-header-menu-mobile .menu .logo img {height: 26.5px;} header .section-header-menu-mobile .menu .menu-btn {flex:50%; display:flex; gap: 20px; align-items:center; justify-content:end; } header .section-header-menu-mobile .menu .menu-btn .box-icon {position: relative; cursor:pointer;} header .section-header-menu-mobile .menu .menu-btn .box-icon .badge {font-weight: normal; padding: 4px 6px;} header .section-header-menu-mobile .menu .menu-btn .box-icon .start-100 {left: 95%!important;} header .section-header-menu-mobile .menu .menu-btn .box-icon .bg-orange {background-color: #ff8d09;} header .section-header-menu-mobile .menu .menu-btn .box-icon.basket {margin-right:20px;} header .section-header-menu-mobile .extended-menu {} header .section-header-menu-mobile .extended-menu .box-icon {background-color: #ff8d09; width: 70px; cursor: pointer; height:100%;} header .section-header-menu-mobile .extended-menu .box-icon .show-menu {display:none;} header .section-header-menu-mobile .extended-menu .box-icon .show-menu.active {display: flex; flex-direction: column; justify-content:space-evenly; align-items:center; height:100%;} header .section-header-menu-mobile .extended-menu .box-icon .show-menu span { font-family:"urbane"; font-size: 11px; line-height: 11px;} header .section-header-menu-mobile .extended-menu .hide-menu {display:none;} header .section-header-menu-mobile .extended-menu .hide-menu.active {display:flex;} header .section-header-menu-mobile .extended-menu .hide-menu {flex-direction: column; justify-content:center; align-items:center; height:100%;} header .section-header-menu-mobile .extended-menu .hide-menu img {filter: invert(100%) sepia(0%) saturate(26%) hue-rotate(36deg) brightness(109%) contrast(107%);} header .section-header-mobile {display: block;position: fixed;right: -100vw;width: 100vw;height: 100%;z-index: 2;background: #fff;transition: .3s; overflow-x: scroll;} header .section-header-mobile.active {right: 0; z-index: 9999;width: 100vw;display: block;transition: .3s;} header .section-header-mobile .header-mobile {display:flex; align-items:center; justify-content:space-between; height: 50px; padding: 0 15px;} header .section-header-mobile .header-mobile .navbar span {color: #7a7d81; font-family:"urbane"; font-weight: 500; font-size: 16px; margin:0; cursor:pointer; transition:none;} header .section-header-mobile .header-mobile .nav-link {padding: 14px 0px;} header .section-header-mobile .header-mobile .nav-link.active {border-bottom: 3px solid #ff8d09; font-weight: 600; color: #ff8d09; } header .section-header-mobile .header-mobile .login-in {font-family:"neue-haas-unica"; font-weight: 400; font-size:13px; padding: 0; margin: 0; color:#000;} header .section-header-mobile .header-mobile .nav {gap:20px;} header .section-header-mobile .categories .menu {display: none;} header .section-header-mobile .categories .menu.active {display: block;} header .section-header-mobile .header-category {display:flex; align-items:center; justify-content:space-between; height: 50px; padding: 0 15px; background-color: #f2f3f5; cursor: pointer;} header .section-header-mobile .header-category img {rotate: 90deg; margin-right:5px;} header .section-header-mobile .header-category .icon-down.active {rotate: 270deg; } header .section-header-mobile .header-category span {font-family:"urbane"; font-weight: 600; font-size:16px; margin:0; padding:0; color:#000;} header .section-header-mobile .category-box {background-color: #f2f3f5; padding: 0 15px;} header .section-header-mobile .category-box ul {display:flex; flex-wrap: wrap; flex-direction: row; padding-bottom:20px;} header .section-header-mobile .category-box ul li {width:50%; padding:10px 0;} header .section-header-mobile .category-box ul li a {font-family:"neue-haas-unica"; font-weight: 400; font-size:16px; color:#7a7d81; text-decoration: none;} header .section-header-mobile .category-box ul li:nth-child(1) a {font-family:"neue-haas-unica"; font-weight: 400; font-size:16px; color:#000;} header .section-header-mobile .main-category {border-bottom: 1px solid #d8d8d8;} header .section-header-mobile .main-category:last-child {border-bottom: 0;} header .section-header-mobile .info {margin: 15px 15px 0 15px; padding-bottom: 15px; border-bottom: 1px solid #e7e8ea; display: flex; align-items: center; justify-content: space-between;} header .section-header-mobile .info .choose-lang {background-color: #f2f3f5; display: flex; width: 48%; height: 50px; align-items: center; justify-content: center; padding: 15px; gap: 15px; cursor:pointer;} header .section-header-mobile .info .choose-lang span {font-family:"neue-haas-unica"; color: #7a7d81; margin:0; padding:0; font-size:14px;} header .section-header-mobile .info .quick-help-container {background-color: #f2f3f5; display: flex; width: 49%; height: 50px; justify-content: center; padding: 15px; gap: 15px; cursor:pointer;} header .section-header-mobile .info .quick-help-container span {font-family:"neue-haas-unica"; color: #7a7d81; margin:0; padding:0; font-size:14px;} header .section-header-mobile .menu-quick {margin: 0 15px; padding-top: 25px;border-bottom: 1px solid #e7e8ea; } header .section-header-mobile .menu-quick ul {list-style:none; padding:0; margin:0; } header .section-header-mobile .menu-quick ul li a {font-family:"neue-haas-unica"; font-weight: 400; font-size:16px; color:#000; padding-bottom: 20px; } header .section-header-mobile .manufacturers {margin: 15px;} header .section-header-mobile .manufacturers span {font-family:"urbane"; font-weight: 600; font-size:14px; margin:0; padding:0; color:#7a7d81; margin-bottom: 10px;} header .section-header-mobile .manufacturers .logo-box {display: flex; justify-content: center; align-items:center;} header .section-header-mobile .manufacturers .logo-box img {opacity: 0.7; filter: invert(59%) sepia(1%) saturate(448%) hue-rotate(19deg) brightness(84%) contrast(90%); padding: 14px 0; } header .section-header-mobile .manufacturers a {text-align:center; text-decoration: none;} header .section-header-mobile .manufacturers a .all-brands {color: #ff8d09; font-size: 14px; font-weight: 400;font-family:"neue-haas-unica"; margin-top: 10px; margin-bottom:25px; padding:0;} header .section-header-mobile .banners {margin: 15px; display: flex; gap: 20px; justify-content: center; flex-direction:column; padding-bottom: 40px;} header .section-header-mobile .banners .banner {position: relative;} header .section-header-mobile .banners .banner .background-banner {position: absolute; bottom: 0; left: 0;} header .section-header-mobile .banners .banner .button-box img {position: relative; filter: invert(65%) sepia(40%) saturate(3330%) hue-rotate(349deg) brightness(98%) contrast(111%);} header .section-header-mobile .banners .banner .background {object-fit: cover;width: 100%;} } /* rychlá pomoc */ .section-quick-help {} .section-quick-help {display: none; z-index: 9999; width: 260px; position: absolute; background-color: #fff; top: 42px; left: 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;} .section-quick-help.active {} .quick-help:hover .section-quick-help {display: block;} .section-quick-help .header {background-color: #f2f3f4; padding: 15px;} .section-quick-help .header .phone-box {display: flex; gap: 10px; align-items: center; border-bottom: 1px solid #e6e6e6; padding-bottom: 12px; line-height: 20px;} .section-quick-help .header .phone-box img {margin: 0;} .section-quick-help .header .phone-box .phone {line-height: 18px; margin-bottom: 0; font-size: 14px; font-weight:600; font-family:"urbane"; color:#000;} .section-quick-help .header .phone-box .open-hours {line-height: 18px; display:flex; align-items:center; position:relative;} .section-quick-help .header .phone-box .open-hours span {display: inline-block; color: #7a7d81; margin-right: 10px; font-size: 14px; font-weight:400; font-family:"neue-haas-unica";} .section-quick-help .header .phone-box .open-hours img {display: inline-block; margin: 0;} .section-quick-help .header .phone-box .open-hours .pin {position: absolute; top: 5px; right: -30px;height: 10px; width: 10px; border-radius: 50%; cursor: pointer;} .section-quick-help .header .phone-box .open-hours .pin::after {content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; border-radius: 50%; animation: puls-effect 1s ease-in-out infinite;} .section-quick-help .header .email-box {display: flex; gap: 10px; align-items: center; padding-top:20px; padding-bottom: 5px; line-height: 20px;} .section-quick-help .header .email-box a {line-height: 20px; margin: 0; font-size: 15px; text-decoration: none; color: #000; font-weight:600; font-family:"urbane";} .section-quick-help ul {padding: 15px; font-size: 15px; margin: 0} .section-quick-help ul li {list-style: none; padding-bottom: 5px; line-height: 25px;} .section-quick-help ul li a {text-decoration: none; color: #000; font-weight:500; font-family:"urbane"; font-size: 14px;} .section-quick-help ul li a:hover {text-decoration: underline!important;} /* výběr země - modální okno */ .modal-set-delivery-country .modal-header {border:none; justify-content: end} .modal-set-delivery-country .modal-header .icon-close {font-size: 20px; padding-top: 10px; padding-right: 10px; cursor: pointer} .modal-set-delivery-country .modal-header .icon-close:hover {filter: invert(57%) sepia(7%) saturate(7500%) hue-rotate(353deg) brightness(106%) contrast(105%);} .modal-set-delivery-country .modal-body {padding-top: 0} .modal-set-delivery-country .modal-body a {text-decoration: none; color: #000; font-size: 14px; font-weight: 300;} .modal-set-delivery-country .modal-body a:hover {text-decoration: underline;} .modal-set-delivery-country .modal-body h5 {font-size: 23px; font-weight:600; margin-bottom: 45px; color: #1a2026;} .modal-set-delivery-country .modal-body h6 {color: #ff8d09; margin-bottom: 20px; font-size: 14px;font-weight: 600;} .modal-set-delivery-country .modal-body .country-box {display: flex; gap: 15px; margin-bottom: 15px} .modal-set-delivery-country .modal-body .country-box span {margin: 0; padding: 0; font-family:"neue-haas-unica"; font-size: 14px; font-weight: 400;} .modal-set-delivery-country .modal-body .continue-ship-box {border-left: 1px solid #CCC; padding-left: 50px; height: 95%;} .modal-set-delivery-country .modal-footer {width: 80%; border: none; font-size: 12px; color: #9b9b9b; line-height:16px; font-weight: 300; } .modal-set-delivery-country .modal-footer a {color: #9b9b9b; text-decoration: underline; font-size: 12px; } /* košík hover není prázdný */ .section-basket-not-empty {} .section-basket-not-empty {display: none; z-index: 999; width: 405px; position: absolute; background-color: #fff; top: 40px; right: -2px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;} .section-basket-not-empty.active {display: block;} header .section-basket-not-empty .background {/* background: url("../img/gray-background-user-left.png") no-repeat right top; */ height: 300px;background-size: contain;display: block;position: absolute;width: 350px;left: 0px;top: 0px;opacity: 0.2;} .section-basket-not-empty .main-content {padding: 20px;} .section-basket-not-empty .main-content {} .section-basket-not-empty .main-content .progress-bar-box {display: flex; gap: 15px; align-items: center;} .section-basket-not-empty .main-content .progress-bar-box .progress-bar .description-text {color: #000; font-size: 15px; margin: 0; padding: 0; padding-bottom: 10px; text-align: left;} .section-basket-not-empty .main-content .progress-bar-box .progress {background-color: #f2f3f4; height: 6px; border-radius: unset; width: 415px;} .section-basket-not-empty .main-content .progress-bar-box .progress .progress-bar {background-color: #0cd6c6;} .section-basket-not-empty .main-content .btn-default {display: flex; z-index: 999; position:relative; justify-content: center; align-items: center; margin: 20px 0; text-decoration: none; width: 100%; text-align:center; height: 55px; background-color: #ff8d09; border-radius: 5px; font-weight: 600; color: #fff; border: unset;} .section-basket-not-empty .item {display: flex; gap: 15px; padding: 20px; position: relative; z-index: 999; border-bottom: 1px solid #e6e6e6;} .section-basket-not-empty .item:last-child {border: unset;} .section-basket-not-empty .item .text-box .title {font-size: 17px; font-weight: 600; line-height: 20px; margin-bottom: 15px;} .section-basket-not-empty .item .text-box .info {display: flex; gap: 10px; align-items: center; margin-bottom: 15px;} .section-basket-not-empty .item .text-box .info .size {font-size: 14px; margin: 0; } .section-basket-not-empty .item .text-box .price {display: flex; justify-content: space-between; align-items: center;} .section-basket-not-empty .item .text-box .price .number {border:1px solid #ddd; height: 32px; border-radius: 5px; } .section-basket-not-empty .item .text-box .price .minus, .plus {padding: 0 8px;border-radius:4px;display: inline-block;vertical-align: middle;text-align: center; color: #7a7d81;} .section-basket-not-empty .item .text-box .price .number-text {margin-left: -5px; font-size: 15px;} .section-basket-not-empty .item .text-box .price input {height:24px;width: 19px;font-size: 15px; text-align: center;border: unset;border-radius:4px;display: inline-block;vertical-align: middle;} .section-basket-not-empty .item .text-box .price p {font-weight: 600; color: #ff8d09; margin: 0; padding: 0;} .section-basket-not-empty .footer {background-color: #f2f3f4; padding: 20px; display: flex; justify-content: space-between;} .section-basket-not-empty .footer p {margin: 0; padding: 0; font-size: 16px;} .section-basket-not-empty .footer .total-price {font-size: 23px; font-weight: 600; color: #ff8d09;} /* přihlašení k účtu - hover */ .section-login {} .section-login {display: none; z-index: 999; width: 350px; position: absolute; background-color: #fff; top: 60px; right: -2px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;} .section-login.active {display: block;} header .section-login .background {background: url("../img/gray-background-user-left.png") no-repeat right top;height: 300px;background-size: contain;display: block;position: absolute;width: 350px;left: 0px;top: 0px;opacity: 0.2;} .section-login .main-content {padding: 20px;} .section-login .main-content h5 {font-size: 25px; margin-bottom: 20px; margin-top: 15px; color: #000; font-weight:600; } .section-login .main-content form {margin-bottom: 20px; z-index: 999; position: relative;} .section-login .main-content form input {width: 100%; font-size: 16px; margin-bottom: 15px; height: 55px;background: transparent;border: 1px solid #babcbe;border-radius: 5px;padding: 18px; color: #000} .section-login .main-content form button {width: 100%; text-align:center; height: 55px; background-color: #ff8d09; border-radius: 5px; font-weight: 600; color: #fff; border: unset;} .section-login .main-content ::placeholder {color: #000; opacity: 1;} .section-login .main-content .social-media-box {display:flex; justify-content: center; align-items: center; gap: 25px; border-bottom: 1px solid #e6e6e6; padding-bottom: 20px; } .section-login .main-content .social-media-box span {margin: 0; padding: 0; color:#000; font-size:15px;} .section-login .main-content .social-media-box .icon-box {display: flex;align-items: center; gap: 15px; } .section-login .main-content .social-media-box .icon-box img {padding: 0; margin: 0;} .section-login .main-content .social-media-box a {text-decoration: none; color: #000;} .section-login .main-content .lost-password {display: block; color: #7a7d81; margin-bottom: 5px; font-size: 13px; text-align: center; padding-top: 20px;} .section-login .footer {background-color: #f2f3f4; padding: 20px;} .section-login .footer .registration {font-size: 15px;line-height: 7px; display: inline-block; text-decoration: none; text-align:center; width: 100%; height: 45px;border: 1px solid #babcbe;border-radius: 5px;padding: 18px; color: #000; font-weight: 600;} .section-login .footer .registration:hover {background: #878a8d; color:#fff;} /* slider na home page */ .section-slider {} .section-slider .container-slider {position: relative;} .section-slider .container-slider .splide {margin-top: -1px} .section-slider .container-slider ul li {padding: 0} .section-slider .container-slider .background {position: relative; height:650px; } .section-slider .container-slider .background-image {object-fit: cover;width: 100%; position:absolute; bottom:0; filter:brightness(65%); margin:0; height:100%;} .section-slider .container-slider .thumbnail {position: absolute; bottom: 0; right: 0; left: 0; background-size: 100% 100%;} .section-slider .container-slider .splide__list {width: 100%!important; border-top: 1px solid #cacaca} .section-slider .container-slider .splide__track--nav > .splide__list > .splide__slide {width: 25%!important;} .section-slider .container-slider .splide__progress {background: #2e3339;} .section-slider .container-slider .splide__progress__bar {height: 4px;background: #0cd6c6; position: absolute; left: 15px; max-width: 98.5%!important;} .section-slider .container-slider .text-box {height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center; color: #fff; position: relative;} .section-slider .container-slider .text-box p {font-size: 20px; color: #fff; margin: 0; font-family:"urbane"; font-weight: 500; font-size: 16px;} .section-slider .container-slider .text-box h1 {color: #fff; text-transform: none; font-size: 50px; font-family:"urbane"; font-weight: 600; margin: 20px 0;} .section-slider .thumbnail p {padding: 0; height: 100%; margin:0; display: flex;align-items: center;margin-left: 15px;color: #cacaca; font-family:"neue-haas-unica"; font-size:14px; font-weight:400; } .section-slider .thumbnail .splide__track--nav > .splide__list > .splide__slide {border: unset; margin: 0!important; height: 40px!important;} .section-slider .thumbnail .thumbnail .splide__slide {margin: 0; padding: 0} .section-slider .thumbnail .splide__track--nav > .splide__list > .splide__slide:after {content: '';width: 30px;height: 15px;position: absolute;border-right: 2px solid #cacaca;bottom: 0;right: 0;margin-top: 5px;} .section-slider .thumbnail .splide__track--nav > .splide__list > .splide__slide:last-child:after {content: none;} .section-slider .thumbnail .splide__track--nav > .splide__list > .splide__slide p .count-slider {color: #666a6c; margin-right: 5px;} .section-slider .thumbnail .splide__track--nav > .splide__list > .splide__slide.is-active {border: unset;} .section-slider .thumbnail .splide__track--nav > .splide__list > .splide__slide.is-active p {color: #fff; font-weight: 700;} .section-slider .thumbnail .splide__track--nav > .splide__list > .splide__slide.is-active p .count-slider {color: #ff8d09; margin-right: 5px;} .section-slider .thumbnail .splide__track--nav > .splide__list > .splide__slide:hover p {color: #fff; font-weight: 700;} .section-slider .thumbnail .splide__track--nav > .splide__list > .splide__slide:hover p .count-slider {color: #ff8d09;} .section-slider .banners-box {display: flex; flex-direction: column; height: 100%} .section-slider .container-slider a {height: 100%; display:block; text-decoration: none;} .section-slider .banners-box .banner {border-left: 3px solid #1a2026; position: relative; overflow: hidden;display: block;} .section-slider .banners-box .banner a {text-decoration: none; display: block; position: relative;} .section-slider .banners-box .banner img {position: absolute; bottom: 0px; margin: 0; padding: 0; height:auto;} .section-slider .banners-box .banner .text-box {position: absolute; bottom: 0; display: flex; flex-direction: column; width: 50%;justify-content: flex-end; margin-left: 20px; padding-bottom: 50px} .section-slider .banners-box .banner .text-box .tag {color: #fff; font-size: 13px; font-weight: 600; font-family:"urbane";} .section-slider .banners-box .banner .text-box h2 {font-size: 32px; text-transform: none; font-weight: 600; color: #fff; font-family:"urbane"; margin:0px 0px 10px 0px; } .section-slider .banners-box .banner .text-box img {bottom: 18px} .section-slider .banners-box .banner .text-box .move {filter: invert(98%) sepia(100%) saturate(1%) hue-rotate(297deg) brightness(107%) contrast(101%);} .section-slider .banners-box .banner .background {position:relative; height: 328px;} .section-slider .banners-box .banner .banner-link:hover .background-image {box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.5); transform: scale(1.1);} .section-slider .banners-box .banner .background-image {object-fit: cover;width: 100%; position:absolute; bottom:0; filter:brightness(65%); margin:0; background-position-y: center; transition: all .3s ease; height:100%;} .section-slider-mobile {display: none;} @media (max-width: 991px) { .section-slider-mobile {display: block;} .section-slider {display: none;} .section-slider-mobile .progressBarContainer {position: absolute;bottom: 0px;width: 90%;left: 5%; display:flex; justify-content: space-between; padding: 20px 0;} .section-slider-mobile .progressBarContainer div {display: block;width: 30%;padding: 0;cursor: pointer;margin-right: 5%;float: left;color: white;} .section-slider-mobile .progressBarContainer div:last-child {margin-right: 0;} .section-slider-mobile .progressBarContainer div span.progressBar {width: 100%;height: 4px;background-color: rgba(255, 255, 255, 0.4);display: block;} .section-slider-mobile .progressBarContainer div span.progressBar.active {background-color: #fff;} .section-slider-mobile .progressBarContainer div span.progressBar .inProgress {background-color: #0cd6c6;width: 0%;height: 4px;} .section-slider-mobile a {height: 100%; display:block; text-decoration: none;} .section-slider-mobile .background-image {margin: 0; object-fit: cover;width: 100%; filter:brightness(65%); margin:0; background-position-y: center; transition: all .3s ease; height: 100%;} .section-slider-mobile .background {position:relative; height:390px;} .section-slider-mobile .background a { color:#fff; text-decoration:none;} .section-slider-mobile .background .text-box {position: absolute; bottom: 0; display: flex; flex-direction: column; height: 100%; width: 100%; justify-content: center; text-align: center; color:#fff;} .section-slider-mobile .background .text-box p {font-size: 13px; font-weight: 500; font-family:"urbane"; } .section-slider-mobile .background .text-box h1 {font-size: 32px; font-weight: 600; font-family:"urbane";} .content .section-slider-mobile ul li {padding: 0;} } /* benefity */ .section-benefits {} .section-benefits .title-box {display: flex; gap: 15px; align-items: center; margin-bottom: 30px;} .section-benefits .title-box img {position: relative;} .section-benefits .title-box h1 {padding: 0; margin: 0; font-size: 28px; font-weight: 600; font-family:"urbane";} .section-benefits .title-box a {text-decoration: none; color:#fff;} .section-benefits .title-box a:hover h1 {color: #ff8d09;} .section-benefits .benefits-row {display: flex; justify-content: center; flex-wrap:wrap;} .section-benefits .benefits-row .benefit-box {border-right: 1px solid #283037; padding: 20px; text-align: center; flex:15%;} .section-benefits .benefits-row .benefit-box .text-box {margin-top: 10px;} .section-benefits .benefits-row .benefit-box .text-box h3 {left: 50%; transform: translateX(-50%); position: relative; font-size: 18px; font-weight: 600; font-family:"urbane"; color:#fff; margin:0;} .section-benefits .benefits-row .benefit-box .text-box p {line-height: 20px; font-size: 14px; font-weight: 400; font-family:"neue-haas-unica"; color:#babcbe;margin:0;} .section-benefits .benefits-row .benefit-box:last-child {border-right: none; } @media (max-width: 1200px) { .section-benefits .benefits-row .benefit-box:nth-child(6) {display: none;} } @media (max-width: 991px) { .section-benefits .title-box {display: none;} .section-benefits .benefits-row .benefit-box {display: none;} .section-benefits .benefits-row .benefit-box:nth-child(1) {display: block;} .section-benefits .benefits-row .benefit-box:nth-child(2) {display: block;} .section-benefits .benefits-row .benefit-box:nth-child(3) {display: block;} .section-benefits .benefits-row .benefit-box .text-box h3 {font-size: 13px; font-weight: 500; font-family:"urbane"; line-height: 18px;} .section-benefits .benefits-row .benefit-box .text-box p {display: none;} .section-benefits .benefits-row .benefit-box {border-right: none; padding: 0 20px; } .section-benefits .benefits-row .benefit-box img {width: 65px;} } .section-top-categories .category {position: relative; overflow:hidden;} .section-top-categories .category a {text-decoration: none;} .section-top-categories .category img {position: absolute; bottom: 0px; margin: 0; padding: 0; } .section-top-categories .category-background {position:relative;} .section-top-categories .background-orange {left:0; bottom: 0;} .section-top-categories .category .background-image {object-fit: cover;width: 100%; position:relative; top:0; filter:brightness(65%); margin:0; background-position-y: center; height:260px; transition: all .3s ease;} .section-top-categories .banner-link:hover .background-image {box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.5); transform: scale(1.1);} .section-top-categories .category .text-box {display: flex; justify-content: space-between; align-items: end; margin-bottom: 20px; position: absolute; bottom: 0; width:100%;} .section-top-categories .category .text-box h2 {color: #fff; font-size: 32px; font-weight: 600; font-family:"urbane"; margin: 0;margin-left: 20px;} .section-top-categories .category .text-box .button-box {background-color: #fff; border-radius: 5px; width: 60px; height:44px; position:relative; margin-right: 20px; align-items:center; justify-content: center;} .section-top-categories .category .text-box .button-box img {filter: invert(65%) sepia(40%) saturate(3330%) hue-rotate(349deg) brightness(98%) contrast(111%);margin: 0; position:relative;} @media (max-width: 991px) { .section-top-categories .category .background-image {height:100px;} .section-top-categories .category .text-box h2 {font-size: 20px;} .section-top-categories .category .text-box .button-box { width: 44px; height:32px;} .section-top-categories .background-orange {max-height:100px; width: auto;} } /* slider produktu */ .section-products-slider {aheight:100%;} .section-products-slider ul li {padding: 0;} .section-products-slider .title-box {display: flex; gap: 15px; align-items: center; margin-bottom: 30px;} .section-products-slider .title-box img {position: relative;} .section-products-slider .title-box h1 {padding: 0; margin: 0; font-size: 28px; font-weight: 600; font-family:"urbane";} .section-products-slider .title-box h1:hover {color: #ff8d09;} .section-products-slider .title-box a {text-decoration: none; color:#fff;} .section-products-slider .card a {text-decoration: none; height: 85%; transition: 0.4s ease-out;} .section-products-slider .card {border-radius: 0; border: 0; border-right: 1px solid #1a2026; aheight: 100%;transition: 0.4s ease-out;background-image: url("../img/slider-products/background.png");background-repeat: no-repeat; background-position: bottom; } .section-products-slider .card .background {margin: 0; padding: 0; position: absolute; bottom: 0; left: 0;} .section-products-slider .card .container-product {padding: 10px 20px; height: 100%;} .section-products-slider .card .container-product .card-header {display: flex; align-items: center; justify-content: space-between; height: 22px; padding: 0; border: 0; background: unset;} .section-products-slider .card .container-product .card-header:first-child {border-radius: 0;} .section-products-slider .card .container-product .card-header .free-shipping {color: #8b8e91; font-size: 14px; margin: 0; padding: 0;} .section-products-slider .card .container-product .card-header img {margin: 0; z-index: 666;position: relative;} .section-products-slider .card .container-product .card-img-top {margin: 0; padding: 0; padding-bottom: 20px;} .section-products-slider .card .container-product .alignment-content {display: flex; flex-direction: column; justify-content: space-evenly;height: 100%;padding-bottom: 20px; position: relative; z-index: 777;} .section-products-slider .card .container-product .card-body {padding: 0; margin: 0; position: relative; transition: 0.4s ease-out;} .section-products-slider .card .container-product .card-body h3 {margin: 0; margin-top: 10px; line-height: 20px; display: flex; flex-direction: column; height: 40px;} .section-products-slider .card .container-product .card-body h3 .name {font-size: 14px;overflow: hidden;padding: 0;font-weight: 600;color: #1a2026; text-transform: uppercase; font-family:"urbane";} .section-products-slider .card .container-product .card-body h3 .manufacturer {display: block; color: #1a2026; font-size: 14px; font-weight: 500; font-family:"urbane"; opacity: 50%;} .section-products-slider .card .container-product .card-body .tags-box .tag {apadding: 10px 9px 10px 9px; padding: 0px 6px 0px 6px; font-size: 11px;} .section-products-slider .splide__list {height: fit-content;} .section-products-slider .card .container-product .position-alternative-products {position: relative;} .section-products-slider .card .container-product .alternative-products-box {position: absolute; width: 100%; bottom: 5px; background-color: #fff; opacity: 0; height: 85px; border-bottom: 1px solid #cacaca; /* transform: translateY(30px); */ transition: 0.5s;} .section-products-slider .card .container-product .alternative-products-box span {margin: 0; padding: 0; font-size: 12px; font-family:"neue-haas-unica"; font-weight:400; border-bottom: 1px solid #e6e6e6; color:#1a2026;} .section-products-slider .card .container-product .alternative-products-box img {margin: 0; padding: 0; height: revert-layer; cursor: pointer;} .section-products-slider .card .container-product .alternative-products-box.active {opacity: 1; /* transform: translateY(0px); */ } .section-products-slider .card .container-product .hide-body {opacity: 0;} .section-products-slider .card .container-product .underline h3 span {text-decoration: underline;} .section-products-slider .card .container-product .alternative-products-box .splide__slide {text-align: center;} .section-products-slider .card .container-product .alternative-products-box .splide__slide.main-active {border-bottom: 3px solid #000;} .section-products-slider .card .container-product .alternative-products-box .products-box {margin-top: 7px;} .section-products-slider .card .container-product .alternative-products-box .products-box .splide__arrow {background-color: rgba(255,255,255,0.9); border-radius: 0; opacity: 0.8; height: 40px; width: 55px; right: 0;} .section-products-slider .card .container-product .alternative-products-box .products-box button img {filter: invert(65%) sepia(40%) saturate(3330%) hue-rotate(349deg) brightness(98%) contrast(111%);} .section-products-slider .card .container-product .alternative-products-box .products-box .splide__arrow--prev {display: none;} .section-products-slider .card .container-product .alternative-products-box .products-box .splide__arrow--prev.active {adisplay: block;} .section-products-slider .card .container-product .alternative-products-box .products-box .splide__arrow:hover:not(:disabled) {opacity: 0.8;} .section-products-slider .card .container-product .alternative-products-box .products-box .splide__list:nth-child(3) img {opacity: 0.1} .section-products-slider .card .container-product .position-footer {position: absolute; bottom: 20px;} .section-products-slider .card .container-product .cart-footer {display: flex; justify-content: space-between; z-index: 777; align-items: center; } .section-products-slider .card .container-product .cart-footer .price-box {display: flex; gap: 15px; align-items: center; justify-content: center;} .section-products-slider .card .container-product .cart-footer .price-box .reduced-price-box .price-discount {padding: 0; margin: 0; text-decoration: line-through; color: #babcbe; font-weight: 500; font-size: 14px;} .section-products-slider .card .container-product .cart-footer .price-box .price {font-size: 18px; color: #ff8d09; font-weight: 600; margin: 0; padding: 0; font-family:"urbane";} .section-products-slider .card .container-product .cart-footer .btn-primary {display: flex; gap: 10px; height: auto; padding: 0px; align-items:center; justify-content: center; width:69px; height: 36px;} .section-products-slider .card .container-product .cart-footer .btn-primary img {margin: 0; padding: 0; position: relative;} .section-products-slider .card .container-product .cart-footer .btn-primary .arrow-right {filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(311deg) brightness(104%) contrast(101%); width: 13px; height: 8px;} .section-products-slider .card .container-product .cart-footer .btn-primary .icon-basket {width: 22px; height:19px;} .section-products-slider .splide__arrow {background-color: #000; border-radius: 0; opacity: 1; height: 50px; width: 50px;} .section-products-slider .splide__arrow--next img {filter: invert(98%) sepia(100%) saturate(1%) hue-rotate(297deg) brightness(107%) contrast(101%);} .section-products-slider .splide__arrow--prev {display: none;} .section-products-slider .splide__arrow--prev.active {display: block;} .section-products-slider .splide__arrow--prev img {filter: invert(98%) sepia(100%) saturate(1%) hue-rotate(297deg) brightness(107%) contrast(101%); rotate: 180deg;} .section-products-slider .splide__arrow:hover:not(:disabled) {opacity: 1;} .section-products-slider .products-carousel-progress {display: none;} @media (max-width: 991px) { .section-products-slider .title-box { margin-left: 10px; margin-bottom: 10px;} .section-products-slider .title-box h1 {padding: 0; margin: 0; font-size: 20px;} .section-products-slider .container {padding: 0;} .section-products-slider .card .container-product {padding: 10px;} .section-products-slider .card .container-product .card-body h3 {margin-top: 5px;} .section-products-slider .card .container-product .card-body h3 .manufacturer {font-size: 12px;} .section-products-slider .card .container-product .card-body h3 .name {font-size: 13px;} .section-products-slider .card .container-product .card-body h3 span {font-size: 12px;font-weight: 500; height: auto;} .section-products-slider .card .container-product .card-body h3 strong {font-size: 13px; font-weight: 600; } .section-products-slider .card .container-product .cart-footer .price-box .price {font-size: 14px; color: #ff3100;} .section-products-slider .card .container-product .cart-footer .price-box .reduced-price-box .price-discount {font-size: 12px;} .section-products-slider .card .container-product .cart-footer .btn-primary img:first-child {display:none;} .section-products-slider .products-carousel-progress {background: #374048; display:block; width: 96%;left: 2%;position: relative;margin-top: 20px;} .section-products-slider .products-carousel-progress-bar {background: #ff8d09;height: 4px;transition: width 400ms ease;width: 0;} .section-products-slider .card .container-product .alternative-products-box {display:none;} .section-products-slider .card .container-product .cart-footer .btn-primary {width:36px} .section-products-slider .splide__arrow--next {right: 5px;} } /* info o obchodu - domovska stranka */ .section-stores-info-home-page {position:relative;} .section-stores-info-home-page .gray-background {position: absolute; bottom: 12px; background-image: url("../img/gray-background-2.png"); width:208px; height:140px; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 2; } .section-stores-info-home-page .store-box { position:relative; height:470px;} .content .section-stores-info-home-page .background {object-fit: cover;width: 100%; position:absolute; top: 0px; filter:brightness(65%); margin:0; background-position-y: center; height: inherit; border-bottom: 12px solid #374048; } .section-stores-info-home-page .store-box .store-container {padding: 25px; display: flex; justify-content: space-between; height: 100%; flex-direction: column;} .section-stores-info-home-page .store-box .store-container .header {position:relative;} .section-stores-info-home-page .store-box .store-container .header a {display: flex; gap:20px; color:#fff; align-items:center; font-size: 16px; font-family:"urbane"; font-weight:600; position:relative; width:fit-content;} .section-stores-info-home-page .store-box .store-container .header h1 {font-size: 40px; font-family:"urbane"; font-weight:600; margin-bottom: 20px;} .section-stores-info-home-page .store-box .store-container .header img {margin:0} .section-stores-info-home-page .store-box .store-container .header .pin {position: absolute; top: 5px; right: -50px;height: 15px; width: 15px; border-radius: 50%; cursor: pointer;} .section-stores-info-home-page .store-box .store-container .header .pin::after {content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; border-radius: 50%; animation: puls-effect 1s ease-in-out infinite;} .section-stores-info-home-page .store-box .store-container .links {display:flex; flex-direction:column; gap:5px} .section-stores-info-home-page .store-box .store-container .text-box {width: 50%; z-index: 999; margin-bottom: 13px;} .section-stores-info-home-page .store-box .store-container .text-box span {color: #fff; padding: 0; margin: 0; font-size: 16px; font-family:"urbane"; font-weight:500; display:block;} .section-stores-info-home-page .store-box .store-container .text-box span:first-child {font-weight:700;} .section-stores-info-home-page .store-box.teamsales .store-container .text-box span:first-child {font-weight:500;} .section-stores-info-home-page .store-box .store-container .text-box .button-box {display: flex;align-items: end;margin-top: 20px; z-index: 999; position: relative;} .section-stores-info-home-page .store-box .store-container .text-box .button-box {margin:0; height: auto; margin-top: 25px;} .section-stores-info-home-page .store-box .store-container .text-box .button-box a {margin:0;} .section-stores-info-home-page .store-box .store-container .text-box .button-box span {color: #000; } .section-stores-info-home-page .store-box .store-container .text-box .button-box img {position: relative; filter: invert(65%) sepia(40%) saturate(3330%) hue-rotate(349deg) brightness(98%) contrast(111%); margin:0;} @media (max-width: 991px) { .section-stores-info-home-page .store-box {height:280px;} .section-stores-info-home-page .store-box .store-container {padding: 20px;} .section-stores-info-home-page .store-box .store-container:first-child {margin-bottom:15px;} .section-stores-info-home-page .store-box .store-container .header h1 {font-size: 24px; margin-bottom: 10px;} .section-stores-info-home-page .store-box .store-container .header a {font-size: 12px;} .section-stores-info-home-page .store-box .store-container .text-box {width: 100%;} .section-stores-info-home-page .store-box .store-container .text-box span {font-size:14px;} .section-stores-info-home-page .store-box .store-container .header img {width: 20px;} .section-stores-info-home-page .store-box .store-container .links a {display:none;} .section-stores-info-home-page .store-box .store-container .links a:first-child {display:block;} .section-stores-info-home-page .store-box .store-container .text-box .button-box img {margin-left: 6px; margin-top: 6px; margin-bottom: 6px;} } /* novinky - domovska stranka */ .section-news {} .section-news .background {background-color: #ff8d09; padding: 30px 0 60px 0;} .section-news .title-box {display: flex; gap: 15px; align-items: center; margin-bottom: 30px;} .section-news .title-box h1 {padding: 0; margin: 0; color: #000; font-size: 28px; font-family:"urbane"; font-weight:600;} .section-news .title-box h1:hover {color: #fff;} .section-news .title-box a {text-decoration: none;} .section-news .title-box a:hover h1 {color: #fff;} .section-news .title-box img {position: relative; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(259deg) brightness(700%) contrast(100%);} .section-news .banner {position: relative; overflow: hidden;display: block; height:335px;} .section-news .banner .orange-background {position: absolute; bottom: 0px; background-image: url("../img/orange-background-banner.png"); width:250px; height: 140px; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 2; } .section-news .banner a {text-decoration: none;display: block;} .section-news .banner img {position: absolute; bottom: 0px; margin: 0; padding: 0; } .section-news .banner .background {object-fit: cover;width: 100%; position:absolute; top:0; filter:brightness(65%); margin:0; background-position-y: center; height:335px;} .section-news .banner .text-box {height: 100%; position: absolute; bottom: 0; display: flex; flex-direction: column; width: 50%;justify-content: flex-end; margin-left: 20px; padding-bottom: 50px; z-index:33;} .section-news .banner .text-box .tag {color: #fff; font-size: 13px; font-weight: 600; font-family:"urbane";} .section-news .banner .text-box h2 { text-transform: none; color: #fff; font-size: 32px; font-family:"urbane"; font-weight:600; margin: 0; line-height: 28px;} .section-news .banner .text-box img {bottom: 18px} .section-news .banner .background {transition: all .3s ease; padding: 0;} .section-news .banner .text-box .move {filter: invert(98%) sepia(100%) saturate(1%) hue-rotate(297deg) brightness(107%) contrast(101%);} .section-news .banner .banner-link:hover .background {box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.5);transform: scale(1.1);} @media (max-width: 991px) { .section-news .title-box {margin-bottom: 20px;} .section-news .title-box h1 {font-size: 20px;} .section-news .banner {margin-bottom:15px;} .section-news .banner .text-box {width:100%;} .section-news .banner .text-box .tag {font-size: 11px;} .section-news .banner .text-box h2 {font-size: 24px;} .section-news .banner img {width: 30px;} .section-news .banner {height: 280px;} .section-news .background {padding: 20px 0 30px 0;} } /* blog - domovska stranka */ .section-blog-slider {} .section-blog-slider .background {background-color: #ff8d09; padding: 30px 0 60px 0;} .section-blog-slider .title-box {display: flex; gap: 15px; align-items: center; margin-bottom: 30px;} .section-blog-slider .title-box h1 {padding: 0; margin: 0; color: #fff; font-size: 28px; font-family:"urbane"; font-weight:600;} .section-blog-slider .title-box a {text-decoration: none;} .section-blog-slider .title-box a:hover h1 {color: #ff8d09;} .section-blog-slider .title-box img {position: relative;} .section-blog-slider .btn-primary {width: 158px; height:48px; display: block; text-decoration: none; text-align: center; font-size: 14px; font-weight: 600; font-family:"urbane"; display: flex;align-items: center; justify-content: center; padding: 0;} .section-blog-slider .btn-primary span {margin: 0; padding: 0; color: #fff; text-align: center;} .section-blog-slider .btn-primary:hover {background: #DD7804;} .section-blog-slider .splide {margin-bottom: 60px;} .section-blog-slider .splide__track:after {content: '';width: 3px;height: 100%;position: absolute;border: 2px solid #1a2026;right: 0; bottom: 0;} .section-blog-slider .card a {text-decoration: none; } .section-blog-slider .card h2 {font-size: 20px; font-family:"urbane"; font-weight:600; margin:0; color: #fff; } .section-blog-slider .card a:hover h2 {color: #ff8d09;} .section-blog-slider .card {border-radius: 0; border: 0; height: 100%; background-color: #1a2026; } .section-blog-slider .card:after {content: '';width: 1px;height: 100%;position: absolute;border: 1px solid #283037;right: -20px; bottom: 0; overflow: visible; z-index: 2;} .section-blog-slider .card .container-blog .container-img {position: relative;overflow: hidden;display: block;} .section-blog-slider .card .container-blog .container-img .gray-background {position: absolute; bottom: 0px; right: 0; background-image: url("../img/gray-background-3.png"); width:250px; height: 140px; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 2; } .section-blog-slider .card .container-blog {height: 100%; } .section-blog-slider .card .container-blog a { text-decoration: none;position: relative;display: block; color:#fff;} .section-blog-slider .card .container-blog .blog-img {transition: all .3s ease; } .section-blog-slider .card .container-blog a:hover .blog-img { transform: scale(1.1); transition: all .3s ease;} .section-blog-slider .card .container-blog .background-image {object-fit: cover;width: 100%; position:relative; top:0; margin:0; background-position-y: center; } .section-blog-slider .card .container-blog .card-body {padding: 0; margin-top: 15px;} .section-blog-slider .card .container-blog .card-body .text-box p {color: #e6e6e6; line-height: 22px; font-size: 14px; font-family:"neue-haas-unica"; font-weight:400; margin: 5px 0 20px 0px; } .section-blog-slider .card .container-blog .card-body .text-box .display-mobile {display:none;} .section-blog-slider .card .container-blog .card-body .text-box .created-box span {font-size: 12px; font-family:"neue-haas-unica"; font-weight:400; color: #babcbe;} .section-blog-slider .splide__arrow {background-color: #fff; border-radius: 0; opacity: 1; height: 50px; width: 50px; top: 25%;} .section-blog-slider .splide__arrow--prev {display: none;} .section-blog-slider .splide__arrow:hover:not(:disabled) {opacity: 1;} .section-blog-slider .splide__arrow--prev.active img {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(103deg) brightness(0%) contrast(100%);} .section-blog-slider .splide__arrow--prev.active {display: block;} .section-blog-slider .splide__list {height: fit-content;} @media (max-width: 991px) { .section-blog-slider .title-box {margin-bottom:20px;} .section-blog-slider .title-box h1 {font-size:20px;} .section-blog-slider .splide {visibility: visible; margin-bottom: 30px;} .section-blog-slider .splide__list {display: block;} .section-blog-slider .splide__slide {display:none;} .section-blog-slider .splide__slide:nth-child(1) {display: block; margin-bottom: 30px;} .section-blog-slider .splide__slide:nth-child(2) {display: block;} .section-blog-slider .splide__arrows {display:none;} .section-blog-slider .card .container-blog .gray-background {display: none;} .section-blog-slider .card h2 {font-size: 18px; } .section-blog-slider .card .container-blog .card-body .text-box .created-box {display: none;} .section-blog-slider .btn-primary {line-height: 27px; width: 160px;} .section-blog-slider .card .container-blog .card-body .text-box p {display: inline-block;width: 202px;white-space: nowrap;overflow: hidden !important;text-overflow: ellipsis; margin:0;} .section-blog-slider .card .container-blog .card-body .text-box .display-mobile {} .section-blog-slider .card .container-blog .card-body .text-box .display-mobile {display:inline-block; color: #e6e6e6; line-height: 22px; font-size: 14px; font-family:"neue-haas-unica"; font-weight:400; text-decoration:underline; cursor: pointer; margin:0; bottom: 5px;position: relative;} .section-blog-slider .card .container-blog .card-body .text-box .display-mobile p:hover {text-decoration:none;} } /* vypis znacek - domovska stranka */ .section-brands-list {} .section-brands-list .background {background-color: #ff8d09; padding: 30px 0 60px 0;} .section-brands-list .title-box {display: flex; gap: 15px; align-items: center; margin-bottom: 0px;} .section-brands-list .title-box h1 {padding: 0; margin: 0; font-size: 28px; font-family:"urbane"; font-weight:600; color: #fff;} .section-brands-list .title-box a {text-decoration: none;} .section-brands-list .title-box a:hover h1 {color: #ff8d09;} .section-brands-list .brands-box {display: flex; justify-content: space-between; align-items: center; padding: 60px 0; overflow-x: scroll;} .section-brands-list .brands-box .logo-box img {filter: brightness(35%); margin: 0; padding: 0; width: 100px; max-width: none; transition: 0.3s;} .section-brands-list .brands-box .logo-box:hover img {filter: brightness(100%); transition: 0.3s;} .section-brands-list .brands-box .logo-box {display: flex; justify-content: center; align-items: center; text-align: center;} .section-brands-list .brands-box .logo-box.link a {font-size: 14px; font-family:"neue-haas-unica"; font-weight:400;} @media (max-width: 1200px) { .section-brands-list .title-box {margin-bottom:20px; position:relative;} .section-brands-list .title-box h1 {font-size: 20px;} .section-brands-list .brands-box {gap: 40px;padding: 20px 0px 80px 30px; } .section-brands-list .brands-box .logo-box img {max-width: fit-content;} .section-brands-list .title-box:after {content: '';width: 106%;height: 100%;position: absolute;border-bottom: 1px solid #374048;top: 0;bottom: 43px;left: -3%;margin-top: 15px;} } .section-instagram-feed .title-box {display: flex; gap: 15px; align-items: center; margin-bottom: 30px;} .section-instagram-feed .title-box h1 {padding: 0; margin: 0; font-size: 28px; font-family:"urbane"; font-weight:600; color: #fff;} .section-instagram-feed .title-box a {text-decoration: none;} .section-instagram-feed .title-box a:hover h1 {color: #ff8d09;} .section-instagram-feed .main-image {position: relative; } .section-instagram-feed .main-image img {object-fit: cover;width: 100%;position: relative;top: 0;margin: 0;background-position-y: center; max-width: none; height: 497px;} .section-instagram-feed .ig-img {position: relative; overflow: hidden;} .section-instagram-feed .ig-img img {margin: 0;} .section-instagram-feed .ig-img.with-img .ig-small-img {margin: 0; transition: all .3s ease;} .section-instagram-feed .ig-img.with-img:hover .ig-small-img {filter: brightness(65%); transform: scale(1.1); } .section-instagram-feed .ig-img.without-img {display: flex; justify-content:center; align-items:center; height: 254px;} .section-instagram-feed .ig-img.without-img .icon {filter: invert(55%) sepia(88%) saturate(1125%) hue-rotate(353deg) brightness(99%) contrast(104%); height: revert-layer;margin: 0;} .section-instagram-feed .ig-img.without-img .background-top {position: absolute; top:0; left: 0; margin: 0;} .section-instagram-feed .ig-img.without-img .background-bottom {position: absolute; bottom:11px; right: 0;} .section-instagram-feed .ig-img .icon-img {position: absolute; bottom: 15px; left: 10px; } .section-product-detail {} .section-product-detail .main-content {border-bottom: 1px solid #374048;} .section-product-detail .top-info {position:relative;} .section-product-detail .background-left {position: absolute; left: 0px; top: -60px; margin: 0; z-index: -1;} .section-product-detail .background-right {position: absolute; right: 0px; top: -60px; margin: 0; z-index: -1;} @media (max-width: 991px) { .section-product-detail .background-left {display: none;} .section-product-detail .background-right {display: none;} .section-product-detail .top-info .col-lg-8 {background-color: #fff; } } .section-product-detail .section-photo {background-color: #fff; position: relative;} .section-product-detail .section-photo .logo-box {padding: 20px; position: absolute;top: 0;z-index: 2;} .section-product-detail .section-photo .logo-box img {margin: 0;} .section-product-detail .section-photo .splide__arrow {background-color: #000; border-radius: 5px; opacity: 1; height: 50px; width: 50px;} .section-product-detail .section-photo .splide__arrow--next img {filter: invert(98%) sepia(100%) saturate(1%) hue-rotate(297deg) brightness(107%) contrast(101%);} .section-product-detail .section-photo .splide__arrow:hover:not(:disabled) {opacity: 1;} .section-product-detail .section-photo .splide .splide__track img {height:100%; max-width:100%; margin:0;} .section-product-detail .section-photo .splide .splide__slide {border-right: 1px solid #1a2026; padding: 70px 0 70px 0px;} .section-product-detail .section-photo .splide__pagination {right: auto;} .section-product-detail .section-photo .splide__pagination__page.is-active {background: #000; transform: initial;} .section-product-detail .section-photo .splide__pagination__page {width: 9px; height: 9px;} .section-product-detail .section-photo .splide__arrow--prev img {filter: invert(98%) sepia(100%) saturate(1%) hue-rotate(297deg) brightness(107%) contrast(101%); rotate: 180deg;} .section-product-detail .section-photo .add-to-favorite {display: none;} @media (max-width: 1400px) { .section-product-detail .section-photo .add-to-favorite {display: block; position: absolute; top: 0; right: -10px; z-index: 2; padding: 20px; cursor: pointer;} .section-product-detail .section-photo .logo-box {left: -16px;} .section-product-detail .section-photo .add-to-favorite img {height: 23px; margin:0} } @media (max-width: 991px) { .section-product-detail .section-photo .splide .splide__slide {text-align: center; border-right:0;} .section-product-detail .section-photo .splide__pagination {right: 0;} .section-product-detail .section-photo .splide__arrow {background-color:transparent;} .section-product-detail .section-photo .splide__arrow--next img {filter:none;} .section-product-detail .section-photo .splide__arrow--prev img {filter:none;} } .section-product-detail .section-info {margin-left: 15px; } .section-product-detail .section-info h1 {font-size: 20px; font-weight: 600; color: #fff; margin: 0; font-family:"urbane";} .section-product-detail .section-info .subtitle {display: flex; align-items:center; gap: 50px; margin: 0px 0 10px 0;} .section-product-detail .section-info .subtitle h2 {font-size: 16px; font-weight: 500; color: #babcbe; margin: 0; font-family:"urbane";} .section-product-detail .section-info .subtitle a {font-size: 12px; font-family:"urbane"; text-decoration: none;} .section-product-detail .section-info .subtitle a:hover {font-size: 12px; font-family:"urbane"; text-decoration: underline;} .section-product-detail .section-info .tags-box.mobile {display:none;} .section-product-detail .section-info .row {margin: 0; padding: 0;} .section-product-detail .section-info .row > * {padding: 0} @media (max-width: 1400px) { .section-product-detail .section-info .subtitle a {display: none;} .section-product-detail .section-info .row > * {padding:0;} } @media (max-width: 991px) { .section-product-detail .section-info {margin-left: 0px; margin-top: 10px;} .section-product-detail .section-info h1 {font-size: 18px; line-height: 23px; margin-bottom: 5px;} .section-product-detail .tags-box span {font-size: 11px;} .section-product-detail .tags-box .tag {line-height: 18px;} .section-product-detail .section-info .tags-box {display: none;} .section-product-detail .section-info .tags-box.mobile {display:flex;} .section-product-detail .section-info .subtitle {margin:10px 0 0px 0;} .section-product-detail .section-info .subtitle h2 {font-size: 14px;} } .section-product-detail .price-container {display: flex; justify-content: space-between; align-items: center; margin-top: 25px; border-bottom: 1px solid #7a7d81; padding-bottom: 10px; } .section-product-detail .price-container .action {border: 1px solid #fff; border-radius: 5px; display: flex; align-items: center; padding: 10px; gap: 25px;} .section-product-detail .price-container .action .price {font-size: 28px; color: #ff8d09; font-weight: 600; font-family:"urbane";} .section-product-detail .price-container .action .text {font-size: 13px; color: #fff; font-weight: 600; line-height: 14px; font-family:"urbane";} .section-product-detail .price-container .action a {color: #fff;} .section-product-detail .price-container .action a:hover {text-decoration:none;} .section-product-detail .price-container .action .unit {font-size: 9px;} .section-product-detail .price-container .sale {font-size: 25px; color: #babcbe; font-weight: 600; font-family:"urbane";} .section-product-detail .price-container .moc {font-size: 28px; color: #babcbe; font-weight: 600; font-family:"urbane";} .section-product-detail .price-container .old-moc {font-size: 18px; color: #babcbe; font-weight: 400; text-decoration:line-through; font-family:"neue-haas-unica";} @media (max-width: 1480px) { .section-product-detail .price-container .action {display: flex; flex-direction: column; gap: 0;} .section-product-detail .price-container .action .price {font-size: 16px;} .section-product-detail .price-container .action .time {color: #babcbe; font-size:11px; } .section-product-detail .price-container .sale {font-size: 20px; color: #fff;} .section-product-detail .price-container .moc {font-size: 20px; color: #fff;} .section-product-detail .price-container .old-moc {font-size: 14px;} } @media (max-width: 991px) { .section-product-detail .price-container {margin: 20px 0; border-bottom: 0;} .section-product-detail .price-container .action {display: inline; line-height: 17px;} .section-product-detail .price-container .action .time {text-align: center;width: 100%;display: inline-block;} } .section-product-detail .add-to-cart-form {margin: 0;padding: 0;} .section-product-detail .product-variants {display:flex; gap: 5px; padding: 20px 0;border-bottom: 1px solid #7a7d81; flex-wrap:wrap;} .section-product-detail .product-variants .img-box {background-color: #fff; padding:10px 3px;; border-radius: 5px; position:relative; max-width: 72px;} .section-product-detail .product-variants .img-box img {margin: 0;} .section-product-detail .product-variants .img-box.active:after {content: '';width: 100%;height: 100%;position: absolute;border-bottom: 5px solid #ff8d09;top: 0;bottom: 36px;left: 0;border-radius: 5px;} .section-product-detail .product-sizes {padding-bottom: 20px; padding-top:35px; border-bottom: 1px solid #7a7d81;} .section-product-detail .product-sizes .sizes {display: flex; gap: 5px; flex-wrap:wrap;} .section-product-detail .product-sizes .sizes a {border: 2px solid #ff3100; padding: 10px 23px; border-radius: 5px; font-family:"neue-haas-unica"; color: #fff; font-size: 16px; } .section-product-detail .product-sizes .sizes a:hover {border: 2px solid #fff;} .section-product-detail .product-sizes .sizes .variant {} .section-product-detail .product-sizes .sizes-tab {display: flex;justify-content: start;border-bottom: 1px solid #4a4f54;margin-bottom: 15px;margin-top: -12px;gap:15px; cursor:pointer;} .section-product-detail .product-sizes .sizes-tab span {font-family: "neue-haas-unica";font-size: 13px;color: #babcbe;font-weight: 400;width: 57px;text-align: center;padding-bottom: 10px;} .section-product-detail .product-sizes .sizes-tab span.active {color: #FF8D09;text-underline-offset: 16px;border-bottom: 1px solid #FF8D09; } .section-product-detail .product-sizes .variant-wrap.sizes-tab-content a {display:none;} .section-product-detail .product-sizes .variant-wrap.sizes-tab-content a.active {display:flex;} .section-product-detail .product-sizes .variant-wrap.sizes-tab-content a {border: 1px solid #babcbe;} .section-product-detail .product-variant-name {display:none;} @media (max-width: 991px) { .section-product-detail .product-variants .img-box {max-width: 67px;} .section-product-detail .product-variants {padding-top: 5px;} .section-product-detail .product-sizes .sizes-tab {display: none;} .section-product-detail .product-sizes {padding:0; border-bottom:0;} .section-product-detail .product-sizes .text {display: none;} .section-product-detail .product-sizes .sizes {display: none;} .section-product-detail .product-variant-name {display:block; font-size: 14px; font-weight: 600; color:#fff; font-family:"urbane"; padding-top: 20px; border-top: 1px solid #7a7d81;} } .section-product-detail .product-sizes .sizes a {text-decoration:none;} .section-product-detail .product-sizes .text {color: #babcbe; font-size: 13px; font-family:"neue-haas-unica";} .section-product-detail .product-sizes .text p {margin:0; margin-top: 15px;} .section-product-detail .product-sizes .text .watchdog {font-weight: 700;} .section-product-detail .product-sizes .text .watchdog .link {color: #babcbe;text-decoration:underline; cursor:pointer;} .section-product-detail .product-sizes .text .watchdog a:hover {text-decoration: none;} .section-product-detail .availability {} .section-product-detail .availability .tags-box {gap:10px;} .section-product-detail .availability .tags-box .tag {margin-top: 15px;} .section-product-detail .add-to-cart {display:flex;gap:10px; margin-top: 15px;} .section-product-detail .add-to-cart .add-to-cart-inputs {border: 0;background: transparent; display: flex;align-items: center; border: 1px solid #babcbe; border-radius: 5px;} .section-product-detail .add-to-cart .add-to-cart-inputs input {border: 0;text-align: center;color: #FFF;font-size: 16px;width: 35px;padding-left: 0;padding-right: 0; background: transparent;} .section-product-detail .add-to-cart .add-to-cart-inputs .input-group-addon {padding: 0 10px;border-radius: 0;border: 0;background: none;font-weight: 400;} .section-product-detail .add-to-cart .add-to-cart-inputs .input-group-addon a {color: #babcbe;text-decoration: none;font-size: 22px;} .section-product-detail .add-to-cart .add-to-cart-inputs .addon-text {color: #FFF;font-size: 16px;padding: 0 3px 0 3px;} .section-product-detail .add-to-cart .btn-primary {flex: 1; display: flex; gap: 25px; align-items:center; justify-content:center;} .section-product-detail .add-to-cart .btn-primary span {font-size: 16px; font-weight: 600;} .section-product-detail .add-to-cart .btn-primary img {margin:0; } .section-product-detail .add-to-cart .add-to-favorite {border: 1px solid #5e401e; width:56px; padding: 10px; display: flex; align-items:center; justify-content:center; border-radius: 5px; cursor:pointer;} .section-product-detail .add-to-cart .add-to-favorite img {margin: 0; } @media (max-width: 1400px) { .section-product-detail .add-to-cart {margin: 15px 0;} .section-product-detail .add-to-cart .add-to-favorite {display: none;} } @media (max-width: 991px) { .section-product-detail .product-sizes select {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('../img/angle-down-icon.svg') no-repeat center right; padding: 16px; height: 55px; background-position: right 17px top 17px, right 17px top 1em; border: 1px solid #babcbe; border-radius: 5px; width: 100%; margin-right: 5px; background-color: #fff; color:#1a2026; font-size: 16px; font-family:"neue-haas-unica"; } } .section-product-detail .personalisation {background-color:#32373c; margin: 20px 0; border-radius: 5px; padding: 15px 20px;} .section-product-detail .personalisation .personalisation-container {text-decoration:none; display: flex; align-items:center; justify-content: space-between; cursor:pointer;} .section-product-detail .personalisation .info {display: flex; gap: 15px; align-items:center; padding-bottom: 0; border: none;} .section-product-detail .personalisation .info img {margin: 0;} .section-product-detail .personalisation .info span {font-size: 14px; font-weight: 600; color:#fff; font-family:"urbane";} .section-product-detail .personalisation .link {display: flex; align-items:center; gap: 15px;} .section-product-detail .personalisation .link span {font-size: 13px; font-weight: 700; color:#babcbe; font-family:"neue-haas-unica"; margin-bottom: 3px;} .section-product-detail .personalisation .link img {margin: 0;} @media (max-width: 991px) { .section-product-detail .personalisation .info span .mobile {display:none} } .section-product-detail .benefits {display: flex; align-items:center; justify-content: space-around; margin: 40px 0 30px 0px;} .section-product-detail .benefits .benefit {display:flex; flex-direction:column; align-items:center; justify-content:center;} .section-product-detail .benefits .benefit img {margin:0; margin-bottom:10px;} .section-product-detail .benefits .benefit span {font-size: 10px; font-weight: 500; color:#babcbe; text-align: center; line-height: 16px; font-family:"urbane";} .section-product-detail .benefits .benefit span.price {color: #0cd6c6; } .section-product-detail .benefits .benefit .info {background-color:#32373c; border-radius: 100%;width:16px; height:16px; display: inline-block; line-height: 16px; padding-bottom:0;font-family:"urbane"; font-size: 11px; color: #babcbe; margin-left: 7px;top: -2px;position: relative; text-decoration: none;} @media (max-width: 991px) { .section-product-detail .benefits {margin: 25px 0 25px 0px; flex-direction: column; align-items: start; gap: 15px;} .section-product-detail .benefits .benefit {flex-direction: row; justify-content: start; gap: 10px;} .section-product-detail .benefits .benefit span {font-size: 12px;} .section-product-detail .benefits .benefit span br {display:none;} .section-product-detail .benefits .benefit img {margin: 0; } .section-product-detail .benefits .benefit:nth-child(2) img {margin-left:10px;} .section-product-detail .benefits .benefit:nth-child(3) img {margin-left:10px;} .section-product-detail .benefits .benefit .info {display:none;} .section-product-detail .benefits .benefit span.price { font-weight: 600;} } .section-product-detail .info {padding-bottom: 40px; border-bottom: 1px solid #374048;} .section-product-detail .info .description h2 {font-size: 14px; font-weight: 600; color:#fff; font-family:"urbane";} .section-product-detail .info .description {font-size: 16px; color:#babcbe; font-family:"neue-haas-unica"; line-height: 23px;} .section-product-detail .info .attributes {margin-left: 15px;} .section-product-detail .info .attributes h2 {font-size: 14px; font-weight: 600; color:#fff; font-family:"urbane"; border-bottom: 1px solid #374048; padding: 48px 0 20px 0; margin:0;} .section-product-detail .info .attributes .attr {border-bottom: 1px solid #374048;padding: 10px 0 10px 0;color: #FFF;font-size: 14px; font-family:"neue-haas-unica";} .section-product-detail .info .attributes .attr .title {color: #babcbe;} .section-product-detail .info .attributes .attr span {color: #fff;} .section-product-detail .info .attributes .attr a {text-decoration: none;} .section-product-detail .info .attributes .attr a:hover {text-decoration: underline;} .section-product-detail .info .attributes .attr .labels {display: flex; gap: 5px;} .section-product-detail .info .attributes .attr .labels .param-stars {border-radius: 3px;font-weight: 500;padding: 2px 7px 2px 7px; color: #babcbe; border: 1px solid #4a4f54; width: fit-content;} .section-product-detail .info .attributes .display-more-less {border-bottom: 1px solid #374048;padding: 10px 0 10px 0;color: #FFF;font-size: 13px; font-family:"urbane"; font-weight:700; } .section-product-detail .info .attributes .display-more-less .display-more span {margin-right: 5px;} .section-product-detail .info .attributes .display-more-less .display-less span {margin-right: 5px;} .section-product-detail .info .attributes .display-more-less img {margin: 0;} @media (max-width: 991px) { .section-product-detail .info {padding-bottom: 30px; border: 0;} .section-product-detail .info .attributes {margin-left: 0px;} .section-product-detail .info .attributes h2 {padding: 30px 0 20px 0;} .section-product-detail .info .description {color: #fff;} } .section-product-detail .info .more-info {display:flex; flex-wrap: wrap; gap: 10px; margin-top:50px; margin-left: 15px; } .section-product-detail .info .more-info .info {background-color: #fff; padding:15px; border-radius: 5px; width: 48.9%; height:67px; display: flex; align-items:center; justify-content: space-between; cursor:pointer;} .section-product-detail .info .more-info .info .name img {margin:0; max-width: 100%;height: auto;} .section-product-detail .info .more-info .info .name {font-size: 14px; font-weight: 600; color:#1a2026; font-family:"urbane"; display:flex; gap: 15px; align-items:center; line-height: 18px;} .section-product-detail .info .more-info .info .name .break {display: block;} .section-product-detail .info .more-info .info img {height:17px; margin:0;} @media (max-width: 1480px) { .section-product-detail .info .more-info .info {width: 100%;} .section-product-detail .info .more-info .info .name br {display: none; } } @media (max-width: 991px) { .section-product-detail .info .more-info {margin-top: 20px; margin-left: 0px;} .section-product-detail .info .more-info .info .arrow {display:none;} .section-product-detail .info .more-info .info {width: 48%;} .section-product-detail .info .more-info .info .name {font-size: 12px;} } .section-product-detail .section-products-slider .title-box h2 {font-size:28px;font-family:"urbane"; font-weight: 600; margin:0; color:#fff;} .section-product-detail .section-products-slider .title-box {margin: 35px 0px 15px 10px;} @media (max-width: 991px) { .section-product-detail .section-products-slider .title-box {margin: 20px 0px 15px 10px;} } .add-side-panel { position: fixed;right: -550px; top: 0; width: 550px;height: 100%;z-index: 2;background: #fff;transition: .3s; overflow-x: hidden; } .add-side-panel .panel {position:relative; height: 100%; background-image: url("../img/gray-background.png"); background-repeat: no-repeat; background-position: top right; background-size: auto; z-index: -1;} .add-side-panel.active {right: 0; z-index: 9999;width: 550px; display: block;transition: .3s; } .add-side-panel .background {position: absolute; right: 0px; top: 0px; margin: 0; z-index: -1;} .add-side-panel .background-bottom {position: absolute; left: 0px; bottom: 0px; margin: 0; z-index: -1; display:none;} .add-side-panel .position-close {text-align: end;} .add-side-panel .position-close .icon-close {cursor: pointer; filter: invert(57%) sepia(7%) saturate(7500%) hue-rotate(353deg) brightness(106%) contrast(105%); margin:0;} .add-side-panel.quick-buy .position-close {padding-right: 20px;padding-top: 20px;} @media (max-width: 991px) { .add-side-panel {width: 100vw; right: -100vw;} .add-side-panel.active {width: 100vw; right: 0;} .add-side-panel .position-close {position: absolute; top: 18px; right: 20px; z-index: 3;} .add-side-panel .position-close .icon-close {padding: 0; height: 25px; } } .side-panel-transparent-price {overflow:hidden;} .side-panel-transparent-price .position-close {padding: 30px 30px 0 0;} .side-panel-transparent-price .main-content {padding: 30px; padding-top: 0;} .side-panel-transparent-price .main-content h3 {font-size:23px;font-family:"urbane"; font-weight: 600; color:#1a2026; margin-bottom:35px;} .side-panel-transparent-price .main-content .price-container {padding-bottom: 20px; border-bottom: 1px solid #e6e6e6;} .side-panel-transparent-price .main-content .price-container .price {display: flex; gap: 20px; margin-bottom: 10px;} .side-panel-transparent-price .main-content .price-container .price span {font-size: 16px; color:#1a2026; font-family:"neue-haas-unica";} .side-panel-transparent-price .main-content .price-container .price .price-value {color: #ff8d09; font-size:18px;font-family:"urbane"; font-weight: 600;} .side-panel-transparent-price .main-content .price-container .price-percentage {margin:0; font-size: 14px; color:#7a7d81; font-family:"neue-haas-unica"; } .side-panel-transparent-price .main-content .sale-container {padding-top: 20px; padding-bottom: 0px; color:#1a2026; font-family:"neue-haas-unica";} .side-panel-transparent-price .main-content .sale-container .add-news {font-weight: 700;} .side-panel-transparent-price .newsletter-container {margin-top: 10px;} .side-panel-transparent-price .newsletter-container h4 {font-size:23px;font-family:"urbane"; font-weight: 600; color:#fff; margin-bottom: 20px;} .side-panel-transparent-price .newsletter-container {background-color: #ff8d09; padding: 30px; height: 100%;} .side-panel-transparent-price .newsletter-container form .newsletter-description {width: 100%;height: 55px;background: transparent;border: 1px solid #000;border-radius: 5px;padding: 18px; font-size: 18px; font-family:"neue-haas-unica";} .side-panel-transparent-price .newsletter-container form button {width:100%; margin-top: 10px; height: 55px; background-color: #fff; border-radius: 5px; border: 1px solid #fff; font-weight: 600; color: #000; font-size: 16px;} .side-panel-transparent-price .newsletter-container ::placeholder {color: #000; opacity: 1;} .side-panel-transparent-price .newsletter-container p { color: #1a2026; font-size: 14px; font-family:"neue-haas-unica"; line-height: 27px;} .side-panel-transparent-price .newsletter-container a {text-decoration: underline; color:#1a2026; } .side-panel-transparent-price .newsletter-container .checkbox-box {display: flex; gap: 10px; margin-top: 15px;} .side-panel-transparent-price .newsletter-container .form-check-input {border-color: #707070; width: 20px; height: 20px; border-radius: 0; background: transparent;} .side-panel-transparent-price .newsletter-container .form-check-input:hover {border-color: #764b1a;} .side-panel-transparent-price .newsletter-container .form-check-input:checked[type="checkbox"] {background-image: url("/img/check-icon.svg"); width: 20px; height: 20px;} @media (max-width: 991px) { .side-panel-transparent-price .main-content {padding: 20px;} .side-panel-transparent-price .main-content h3 {font-size:20px;} .side-panel-transparent-price .newsletter-container h4 {font-size:18px;} } .side-panel-technology .side-wrap {padding: 30px;} .side-panel-technology .main-content { height: 100%; background-image: url("../img/gray-backgroud-side-bottom.png"); background-repeat: no-repeat; background-position: bottom left; background-size: auto; z-index: -1;} .side-panel-technology .main-content .header {display:flex; gap: 15px; align-items: center; margin-bottom:35px;} .side-panel-technology .main-content .header img {height: 30px; margin: 0;} .side-panel-technology .main-content h3 {font-size:23px;font-family:"urbane"; font-weight: 600; color:#1a2026; margin-bottom:0px;} .side-panel-technology .main-content .technologies .technology {display: flex; gap: 15px; border-bottom: 1px solid #e6e6e6; padding: 30px 0;} .side-panel-technology .main-content .technologies .technology:last-child {border-bottom: 0;} .side-panel-technology .main-content .technologies .technology:first-child {padding-top: 0;} .side-panel-technology .main-content .technologies .technology .description .page {display: inline;} .side-panel-technology .main-content .technologies .technology .description .section {display: inline; margin: 0;} .side-panel-technology .main-content .technologies .technology .description .layoutArea {display: inline;} .side-panel-technology .main-content .technologies .technology .description .column {display: inline;} .side-panel-technology .main-content .technologies .technology .description .column p {display: inline; margin: 0;} .side-panel-technology .main-content .technologies .technology .description .text {display:inline;} .side-panel-technology .main-content .technologies .technology .description .text p {display: inline; margin:0;} .side-panel-technology .main-content .technologies .technology .description .text a {display: inline; margin-left: 5px; } .side-panel-technology .main-content .technologies img {height: 80px; width:80px; margin: 0;} .side-panel-technology .main-content .technologies h4 a {text-decoration: none; color:#1a2026;} .side-panel-technology .main-content .technologies h4 {font-size:18px;font-family:"urbane"; font-weight: 600; color:#1a2026; text-transform: uppercase;} .side-panel-technology .main-content .technologies .description {font-size: 14px; color:#1a2026; font-family:"neue-haas-unica";} .side-panel-technology .main-content .technologies .description strong {color: #000;} @media (max-width: 991px) { .side-panel-technology .main-content {padding: 20px;} .side-panel-technology .main-content h3 {font-size:20px;} } .side-panel-questions {} .side-panel-questions .side-wrap {padding: 30px; } .side-panel-questions .main-content {height:100%; background-image: url("../img/gray-backgroud-side-bottom.png"); background-repeat: no-repeat; background-position: bottom left; background-size: auto; z-index: -1;} .side-panel-questions .main-content .header {display:flex; justify-content: space-between; margin-bottom:35px;} .side-panel-questions .main-content .header .name {display:flex; gap: 15px; align-items: center; } .side-panel-questions .main-content .header img {height: 30px; margin: 0;} .side-panel-questions .main-content .header .btn-primary {font-size: 14px; padding: 14px 50px; cursor: pointer;} .side-panel-questions .main-content h3 {font-size:23px;font-family:"urbane"; font-weight: 600; color:#1a2026; margin-bottom:0px;} .side-panel-questions .main-content .questions .question {border-bottom: 1px solid #e6e6e6; padding: 15px 0;} .side-panel-questions .main-content .questions .question:last-child {border-bottom: 0;} .side-panel-questions .main-content .questions .question:first-child {padding-top: 0;} .side-panel-questions .main-content .questions .question .created {font-size: 14px; color:#7a7d81; font-family:"neue-haas-unica";} .side-panel-questions .main-content .questions .question p {font-size: 14px; color:#1a2026; font-family:"neue-haas-unica"; margin: 0;} .side-panel-questions .main-content .questions .question .answer {margin-top: 15px; margin-left: 10px; margin-bottom: 10px; padding-left: 10px; border-left: 2px solid #ff8d09;} .side-panel-questions .main-content .questions .question .answer .header {background-color: #f2f3f4; padding:2px 8px; display: flex; gap: 10px; align-items: center;width: fit-content; margin-bottom: 0;} .side-panel-questions .main-content .questions .question .answer .header .logo {display: flex; align-items: center;} .side-panel-questions .main-content .questions .question .answer .header .logo img {height: 12px;} .side-panel-questions .main-content .questions .question .answer .header .name {font-size: 14px; color:#7a7d81; font-family:"neue-haas-unica";} .side-panel-questions .main-content .questions .question .answer .text {font-size: 14px; color:#7a7d81; font-family:"neue-haas-unica"; margin-top: 5px;} .side-panel-questions .main-content .form-control {-webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 16px; height: 55px; border: 1px solid #babcbe; border-radius: 5px;} .side-panel-questions .main-content textarea.form-control {height: auto;} .side-panel-questions .main-content .row-inputs {display: flex; justify-content: space-between;gap: 25px; margin-bottom: 15px;} .side-panel-questions .main-content label {font-size: 14px; color:#1a2026; font-family:"neue-haas-unica";} .side-panel-questions .main-content form {border-bottom: 1px solid #e6e6e6; padding-bottom: 40px;} .side-panel-questions .main-content form .btn-primary {width: 100%; margin-top: 15px; font-size: 14px;} @media (max-width: 991px) { .side-panel-questions .main-content {padding: 20px;} .side-panel-questions .main-content h3 {font-size:20px} } .side-panel-table-sizes .side-wrap {padding: 30px; } .side-panel-table-sizes .main-content {height: 100%; background-image: url("../img/gray-backgroud-side-bottom.png"); background-repeat: no-repeat; background-position: bottom left; background-size: auto; z-index: -1;} .side-panel-table-sizes .main-content .header {display:flex; gap: 15px; align-items: center; margin-bottom:35px;} .side-panel-table-sizes .main-content .header img {height: 30px; margin: 0;} .side-panel-table-sizes .main-content .table-responsive {margin: 15px 0;} .side-panel-table-sizes .main-content h3 {font-size:23px;font-family:"urbane"; font-weight: 600; color:#1a2026; margin-bottom:0px;} .side-panel-table-sizes .main-content table {width: 100%; --bs-table-border-color: #dddede;} .side-panel-table-sizes .main-content table thead td {background-color: #ff8d09;text-align: center; border-right: 1px solid #fff; color: #fff; font-family:"neue-haas-unica"; font-size: 18px; font-weight: 700; height:50px; vertical-align:middle; } .side-panel-table-sizes .main-content table thead td:last-child{ border-right: 0;} .side-panel-table-sizes .main-content table tbody td {text-align:center; font-family:"neue-haas-unica"; font-size: 18px; height: 40px; vertical-align:middle; color: #000;} .side-panel-table-sizes .main-content .table-striped > tbody > tr:nth-of-type(2n+1) > * {--bs-table-accent-bg:#f9f9f9; color: #fff;} .side-panel-table-sizes .table-hover > tbody > tr:hover > * {--bs-table-accent-bg: #e6e6e6!important;} .side-panel-table-sizes .main-content a {font-family:"neue-haas-unica"; font-size: 14px;} @media (max-width: 991px) { .side-panel-table-sizes .main-content {padding: 20px;} .side-panel-table-sizes .main-content h3 {font-size:20px;} } .quick-buy .side-wrap {padding: 30px; } .quick-buy .main-content {height: 100%;} .quick-buy .quick-buy-container .splide {margin-bottom: 20px;} .quick-buy .quick-buy-container .splide__slide {text-align: center; margin-bottom: 20px; justify-content: center; padding: 20px 20px 0 20px;} .quick-buy .quick-buy-container .splide__pagination__page.is-active {background: #000; transform: unset; opacity: 1;} .quick-buy .quick-buy-container .splide__arrow {background-color: #000; border-radius: 0; opacity: 1; height: 50px; width: 50px;} .quick-buy .quick-buy-container .splide__arrow--next {right: 20px;} .quick-buy .quick-buy-container .splide__arrow--prev {left: 20px;} .quick-buy .quick-buy-container .splide__arrow--next img {filter: invert(98%) sepia(100%) saturate(1%) hue-rotate(297deg) brightness(107%) contrast(101%);} .quick-buy .quick-buy-container .splide__arrow:hover:not(:disabled) {opacity: 1;} .quick-buy .quick-buy-container .content-wrap {padding: 20px;} .quick-buy .quick-buy-container h4 {margin-top: 10px; margin-bottom: 0; padding: 0; font-size:23px;font-family:"urbane"; font-weight: 600; color: #1a2026;} .quick-buy .quick-buy-container .subtitle {display: flex; align-items:center; gap: 50px; margin: 0px 0 10px 0;} .quick-buy .quick-buy-container .subtitle p {font-size: 16px; font-weight: 500; color: #7a7d81; margin: 0; font-family:"urbane";} .quick-buy .quick-buy-container .subtitle a {font-size: 12px; font-family:"urbane"; text-decoration: none;} .quick-buy .quick-buy-container .subtitle a:hover {font-size: 12px; font-family:"urbane"; text-decoration: underline;} .quick-buy .quick-buy-container .price-box {display: flex; gap: 40px; align-items: center; padding: 15px 0; border-bottom: 1px solid #f0f0f0;} .quick-buy .quick-buy-container .price-box .sale {padding: 0; margin: 0; text-decoration: line-through; color: #7a7d81; font-weight: 500; font-size: 16px;} .quick-buy .quick-buy-container .price-box .old-moc {font-size: 28px; color: #ff8d09; font-weight: 600; margin: 0; padding: 0;} .quick-buy .quick-buy-container .select-size-box form {display: flex; justify-content: center; align-items: center; padding-top: 15px; padding-bottom: 10px;} .quick-buy .quick-buy-container .select-size-box select {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('../img/angle-down-icon.svg') no-repeat center right; padding: 16px; height: 55px; background-position: right 17px top 17px, right 17px top 1em; border: 1px solid #babcbe; border-radius: 5px; width: 84%; margin-right: 5px;} .quick-buy .quick-buy-container .select-size-box button {width: 14%;} .quick-buy .quick-buy-container .description-box { border-bottom: 1px solid #f0f0f0; padding-bottom: 15px;} .quick-buy .quick-buy-container .description-box p {font-family:"neue-haas-unica"; font-size: 12px; color: #000; margin-bottom: 0;} .quick-buy .quick-buy-container .description-box .size-description {display: flex; flex-wrap: wrap; gap: 15px; font-family:"neue-haas-unica"; font-size: 12px; color: #000;} .quick-buy .quick-buy-container .description-box .first-letter {color:#ff8d09; font-weight:700;} .quick-buy .quick-buy-container .description-box .link {text-decoration:underline; color: #000; cursor:pointer;} .quick-buy .quick-buy-container .tags-box {margin-top: 15px;} .quick-buy .quick-buy-container .tags-box span {font-size: 11px;} .quick-buy .quick-buy-container .description-box .tags-box span {font-size: 13px;} .quick-buy .quick-buy-container .description-box .tags-box .blue.outline {border: 1px solid #0cd6c6; color:#fff; background-color:#0cd6c6;} .quick-buy .quick-buy-container .description-box .tags-box img {filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(1000%) contrast(102%);} .quick-buy .quick-buy-container .benefit-box {color:#000;} .quick-buy .quick-buy-container .benefit-box h5 {font-size: 14px; font-family:"urbane"; font-weight: 600; margin:15px 0;} .quick-buy .quick-buy-container .benefit-box .item {display: flex; gap: 15px; align-items: center; margin-bottom: 8px;} .quick-buy .quick-buy-container .benefit-box .item p {margin: 0; padding: 0px; font-size: 12px;} .quick-buy .quick-buy-container .benefit-box .item p {margin: 0; padding: 0px;} .quick-buy .quick-buy-container .benefit-box .item .info {background-color:#32373c; border-radius: 100%;padding: 0px 5px;display: inline-block;font-size: 11px;margin-left: 8px;top: 0px;position: relative; color:#fff; text-decoration: none; line-height: 16px;} .quick-buy .quick-buy-container .benefit-box .color-blue {color: #0cd6c6;} @media (max-width: 991px) { .quick-buy .quick-buy-container h4 {font-size: 18px;} .quick-buy .quick-buy-container .subtitle a {display: none;} .quick-buy .quick-buy-container .subtitle p {font-size: 14px;} .quick-buy .quick-buy-container .price-box .old-moc {font-size: 20px;} .quick-buy .quick-buy-container .price-box .sale {font-size: 14px;} .quick-buy .quick-buy-container .benefit-box {margin-top: 15px;} .quick-buy .quick-buy-container .benefit-box h5 {display: none;} } .side-panel-watchdog .side-wrap {padding: 30px; } .side-panel-watchdog .main-content {height: 100%; background-image: url("../img/gray-backgroud-side-bottom.png"); background-repeat: no-repeat; background-position: bottom left; background-size: auto; z-index: -1;} .side-panel-watchdog .main-content h3 {font-size:23px;font-family:"urbane"; font-weight: 600; color:#1a2026; margin:0;} .side-panel-watchdog .main-content .text {font-size: 14px; color:#7a7d81; font-family:"neue-haas-unica"; margin: 25px 0; display: block;} .side-panel-watchdog .main-content select {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('../img/angle-down-icon.svg') no-repeat center right; padding: 16px; height: 55px; background-position: right 17px top 17px, right 17px top 1em; border: 1px solid #babcbe; border-radius: 5px; width: 100%; margin-right: 5px; margin-bottom: 25px; color: #babcbe;} .side-panel-watchdog .main-content select:invalid {color: #babcbe;} .side-panel-watchdog .main-content form .btn-primary {width: 100%; margin-top: 15px; font-size: 14px; font-weight: 600;} .side-panel-watchdog .main-content .form-control {-webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 16px; height: 55px; border: 1px solid #babcbe; border-radius: 5px;} .side-panel-watchdog .main-content label {font-size: 14px; color:#1a2026; font-family:"neue-haas-unica";} .side-panel-watchdog .checkbox-box {display: flex; gap: 10px; margin-top: 15px; margin-bottom: 60px; color:#1a2026;font-size: 14px; font-family:"neue-haas-unica"; } .side-panel-watchdog .form-check-input {border-color: #babcbe; width: 20px; height: 20px;} .side-panel-watchdog .form-check-input:hover {border-color: #e6e6e6;} @media (max-width: 991px) { .side-panel-watchdog .main-content {padding: 20px;} .side-panel-watchdog .main-content h3 {font-size:20px} } .side-panel-personalisation {} .side-panel-personalisation .side-wrap {padding: 30px; } .side-panel-personalisation .main-content {height: 100%;} .side-panel-personalisation .main-content h3 {font-size:23px;font-family:"urbane"; font-weight: 600; color:#1a2026; margin:0;} .side-panel-personalisation .nav-underline {border-bottom: 1px solid #e6e6e6; margin-top: 30px;} .side-panel-personalisation .nav {justify-content: space-between;} .side-panel-personalisation .nav-link {display: flex; gap: 15px;align-items: center; height: 55px; cursor: pointer;} .side-panel-personalisation .nav-underline .nav-link .active-icon {display: none;} .side-panel-personalisation .nav-underline .nav-link.active .active-icon {display: block;} .side-panel-personalisation .nav-underline .nav-link.active .inactive-icon {display: none;} .side-panel-personalisation .nav-underline .nav-link.active {border-bottom: 2px solid #ff8d09;} .side-panel-personalisation .nav-underline .nav-link.active span {color:#ff8d09;} .side-panel-personalisation .nav-underline span {font-size:14px;font-family:"urbane"; font-weight: 600; color: #7a7d81; line-height: 20px;} .side-panel-personalisation form {margin-top: 30px;} .side-panel-personalisation form .number-container {display: flex; gap: 50px;} .side-panel-personalisation form .number-container .column:nth-child(2) {width: 100%;} .side-panel-personalisation form .number-container .column .price-row {display: flex; align-items:center; justify-content:space-between;margin-bottom: 10px; } .side-panel-personalisation form .number-container .column .price-row .price {font-size:16px;font-family:"urbane"; font-weight: 600; color:#ff8d09;} .side-panel-personalisation form .number-container .column .price-row .form-control {width: 70px;} .side-panel-personalisation form .number-container .column .price-row .form-control::placeholder {color: #babcbe;opacity: 1;} .side-panel-personalisation form .checkbox-box {display: flex; gap: 10px; align-items:center; color:#1a2026;font-size: 14px; margin-top: 8px;} .side-panel-personalisation form .checkbox-box .form-check-input {border-color: #babcbe; width: 20px; height: 20px; margin: 0; border-radius: 0;} .side-panel-personalisation form .checkbox-box .form-check-input:hover {border-color: #e6e6e6;} .side-panel-personalisation form .checkbox-box span {font-size:14px;font-family:"urbane"; font-weight: 600; color: #1a2026;} .side-panel-personalisation form .form-control {-webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 16px; height: 40px; border: 1px solid #7a7d81; border-radius: 5px; font-family:"neue-haas-unica"; font-size: 16px;} .side-panel-personalisation form select {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('../img/angle-down-icon.svg') no-repeat center right; padding: 0px; height: 40px; background-position: right 17px top 9px, right 17px top 1em; border: 1px solid #7a7d81; border-radius: 5px; width: 180px; padding-left: 17px; margin-bottom: 10px; color: #7a7d81; font-family:"neue-haas-unica"; font-size: 16px; display: block;} .side-panel-personalisation form select:invalid {color: #7a7d81;} .side-panel-personalisation form label {text-transform:uppercase; font-size:11px;font-family:"urbane"; font-weight: 600; color: #7a7d81; margin:0;} .side-panel-personalisation .container-checkbox-colors {float: left; padding: 0px; margin: 0 -1px -1px 0; position: relative; z-index: 1; height: 12px; } .side-panel-personalisation .container-checkbox-colors input {opacity: 0; margin: 0 !important; position: absolute;} .side-panel-personalisation .container-checkbox-colors label {padding: 0; width: 26px; height: 21px; cursor: pointer;} .side-panel-personalisation .container-checkbox-colors label::before {content: ""; display: inline-block; position: absolute; width: 44px; height: 30px; border-radius: 5px;} .side-panel-personalisation .container-checkbox-colors label::before:hover {border: 1px solid #666;} .side-panel-personalisation .container-checkbox-colors label::after {position: absolute; top: 4px; left: 11px;} .checkbox.icon-check input[type="checkbox"]:checked + label::after {content: url('../img/check-form.svg');} .side-panel-personalisation .filter-param-options {overflow-x: visible; max-height: auto; overflow-y: visible;} .side-panel-personalisation .color-container {display: flex; gap: 24px; flex-wrap: wrap; margin-top: 0px; max-width: 290px; margin-bottom:20px;} .side-panel-personalisation .color-box .container-checkbox-colors:hover::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #000; z-index: -1;} .side-panel-personalisation .color-box .container-checkbox-colors .color-1::before {background: #000;} .side-panel-personalisation .checkbox.icon-check.color-1 input[type="checkbox"]:checked + label::after {content: url('../img/check-form.svg');} .side-panel-personalisation .color-container .checkbox label::before {border: unset;} .side-panel-personalisation .container-checkbox-colors .color-1::before {background: #000;} .side-panel-personalisation .color-container .container-checkbox-colors .color-2::before {background: #fff; border: 1px solid #babcbe;} .side-panel-personalisation .checkbox.color-2 input[type="checkbox"]:checked + label::before {border: 1px solid #000;} .side-panel-personalisation .container-checkbox-colors .color-3::before {background: #babcbe;} .side-panel-personalisation .container-checkbox-colors .color-4::before {background: #efd931;} .side-panel-personalisation .container-checkbox-colors .color-5::before {background: #ff8d09;} .side-panel-personalisation .container-checkbox-colors .color-6::before {background: #ff3100;} .side-panel-personalisation .container-checkbox-colors .color-7::before {background: #44a848;} .side-panel-personalisation .container-checkbox-colors .color-8::before {background: #0cd0c0;} .side-panel-personalisation .container-checkbox-colors .color-9::before {background: #255aaf;} .side-panel-personalisation .container-checkbox-colors .color-10::before {background: #72358d;} .side-panel-personalisation .container-checkbox-colors .color-11::before {background: #eac1ea;} .side-panel-personalisation .container-checkbox-colors .color-12::before {background: #62471c;} .side-panel-personalisation .checkbox.color-7 label::before {border-color: transparent;} .side-panel-personalisation .text-container {padding-top: 25px;border-top: 1px solid #e6e6e6; padding-bottom: 25px;border-bottom: 1px solid #e6e6e6;} .side-panel-personalisation .note {margin-top: 25px;} .side-panel-personalisation .btn-primary {width: 100%; font-size: 14px; font-weight: 600;} .side-panel-personalisation .text-container.number-container .column .price-row .form-control {width: 180px;} .side-panel-personalisation .disabled {pointer-events: none;opacity: 0.3;background: #fff;} .side-panel-personalisation .text {margin: 15px 0; padding-top: 10px;border-top: 1px solid #e6e6e6;} .side-panel-personalisation .text p {margin:0; color:#7a7d81; font-family:"neue-haas-unica"; font-size: 12px; line-height: 18px;} @media (max-width: 991px) { .side-panel-personalisation .main-content {padding: 20px;} .side-panel-personalisation .main-content h3 {font-size:20px;} .side-panel-personalisation .nav-underline span {line-height: 17px;} } .side-panel-log-in {overflow:hidden;} .side-panel-log-in .main-content {padding: 30px;} .side-panel-log-in .main-content h3 {font-size:23px;font-family:"urbane"; font-weight: 600; color:#1a2026; margin-bottom: 15px;} .side-panel-log-in .position-close {padding: 15px 15px 15px 0;} .side-panel-log-in .main-content {padding: 30px; padding-top: 0;} .side-panel-log-in .main-content .form input.form-control {height: 50px; border-color: #babcbe; font-family:"neue-haas-unica"; font-size: 14px; font-weight: 400; color:#1a2026; } .side-panel-log-in .main-content .btn-primary {width: 100%;} .side-panel-log-in .main-content .social-media-container {margin: 20px 0;} .side-panel-log-in .main-content .social-media-container a {border: 1px solid #babcbe; border-radius: 5px; height: 44px; width: 100%; text-decoration: none; font-size:14px;font-family:"urbane"; font-weight: 500; color:#1a2026; display: flex; align-items: center;} .side-panel-log-in .main-content .social-media-container a img {height: 24px; margin-left: 20px;} .side-panel-log-in .main-content .social-media-container a span {text-align: center; width: 100%;} .side-panel-log-in .main-content .forgot-password {font-family:"neue-haas-unica"; font-size: 14px; font-weight: 400; color:#7a7d81;} .side-panel-log-in .registration-container {background-color: #f2f3f4;padding: 30px;height: 100%; margin-top: 40px;} .side-panel-log-in .registration-container span {font-size:14px;font-family:"urbane"; font-weight: 500; color:#1a2026; margin-bottom: 15px; display: block;} .side-panel-log-in .registration-container a {border: 1px solid #babcbe; width:100%; height: 55px; text-align: center; font-size:16px;font-family:"urbane"; font-weight: 600; color:#1a2026; margin-bottom: 30px;display: flex;align-items: center;justify-content: center; text-decoration: none;} .side-panel-log-in .registration-container .benefits {display: flex; justify-content: space-between;} .side-panel-log-in .registration-container .benefits .benefit {display: flex; flex-direction: column; align-items: center; justify-content: center;} .side-panel-log-in .registration-container .benefits .benefit img {margin-bottom: 15px;} .side-panel-log-in .registration-container .benefits .benefit span {font-size:11px;font-family:"urbane"; font-weight: 500; color:#babcbe; text-align: center; line-height: 13px;} /* category - new */ .section-category {position:relative;} .section-category .container {position:relative;} .section-category .background-left {position: absolute; left: 12px; top: -60px; margin: 0; z-index: -1;} .section-category .background-right {position: absolute; right: 12px; top: -60px; margin: 0; z-index: -1;} .section-category .header-category {width: 100%;display: flex;align-items: center;justify-content: center;} .section-category .header-category .text {width: 835px; text-align:center;} .section-category .header-category h1 {font-size:50px;font-family:"urbane"; font-weight: 600; color: #fff; margin-bottom: 35px;display: block; line-height: 55px} .section-category .header-category {color:#babcbe; font-family:"neue-haas-unica"; font-size: 16px;} .section-category .header-category .description {display:inline;} .section-category .header-category .description p {display:inline;} .section-category .header-category .description strong a {color: #FF8D09;} .section-category .header-category .description a strong {color: #FF8D09;} .section-category .header-category .description .all-description {text-decoration: none; font-family:"neue-haas-unica"; font-size: 16px;} .section-category .header-category .description .all-description:hover {text-decoration: underline; } @media (max-width: 991.98px) { .section-category .background-left {display:none;} .section-category .background-right {display:none;} .section-category .header-category .text {display:none;} .content .section-category h1 {font-size:20px; left: 50%;transform: translate(-50%, 0);position: relative; font-family:"urbane"; font-weight: 600; text-align:center; margin-top: -40px;} .section-category .category-filter-mobile .row-inputs {display: flex; justify-content:space-between; gap:10px; margin-top: -8px; margin-bottom: 13px; margin-top: 5px;} .section-category .category-filter-mobile .row-inputs a {background-color: #fff; padding:15px; border-radius: 5px; height:53px; gap: 15px; display: flex; align-items:center; cursor:pointer; flex:1; text-decoration:none;} .section-category .category-filter-mobile .row-inputs .name img {margin:0; max-width: 100%;height: auto;} .section-category .category-filter-mobile .row-inputs .name {font-size: 14px; font-weight: 600; color:#1a2026; font-family:"urbane"; display:flex; gap: 15px; align-items:center; line-height: 18px;} .section-category .category-filter-mobile .row-inputs img {height:14px; margin:0;} .section-category .category-filter-mobile .row-inputs .selected-count {display:none;} } .section-category .help-container { margin-bottom: 25px; cursor: pointer; margin-top:-25px; width: fit-content;} .section-category .help-container a {text-decoration:none; display:flex;gap: 30px;} .section-category .help-container .img {text-align: center; position: relative; height: fit-content;} .section-category .help-container .img .background {position: absolute; bottom: 0px; left:0px; background-image: url("../img/background-help.png"); width:68px; height: 46px; background-repeat: no-repeat; background-position: left; background-size: cover; z-index: 1; } .section-category .help-container .help { z-index: 2; margin:0; position: relative; margin-left: 10px;} .section-category .help-container .text span:nth-child(1) {font-size:10px;font-family:"urbane"; font-weight: 600; text-transform:uppercase; text-decoration:none; color: #fff;} .section-category .help-container .text .title {font-size:20px;font-family:"urbane"; font-weight: 600; color: #ff8d09; display: inline-block; text-decoration:none;} .section-category .help-container .text .icon {display: inline-block; margin-left: 26px;} .section-category .help-container .text .icon img {filter: invert(54%) sepia(65%) saturate(1346%) hue-rotate(354deg) brightness(104%) contrast(103%); margin:0} @media (max-width: 1399.98px) { .section-category .help-container {margin-top: 0;} .section-category .help-container .text .title {font-size:17px;} .section-category .help-container .text span:nth-child(1) {font-size:9px;} .section-category .help-container a {gap: 20px;} .section-category .help-container .text .icon {margin-left: 16px;} .section-category .help-container-mobile {cursor: pointer; width: 100%; height:53px; border: 1px solid #707070; border-radius: 7px;} .section-category .help-container-mobile a {text-decoration:none; display:flex;gap: 30px; height: 100%;} .section-category .help-container-mobile .img {text-align: center; position: relative; height: 100%; display:flex; align-items:center;} .section-category .help-container-mobile .img .background {position: absolute; bottom: 0px; left:0px; background-image: url("../img/background-help.png"); width:68px; height: 46px; background-repeat: no-repeat; background-position: left; background-size: cover; z-index: 1; } .section-category .help-container-mobile .help { z-index: 2; margin:0; position: relative; margin-left: 10px;} .section-category .help-container-mobile .help-content {display: flex; justify-content: space-between; align-items:center; width: 100%; } .section-category .help-container-mobile .text {padding-bottom: 2px;} .section-category .help-container-mobile .text span:nth-child(1) {font-size:10px;font-family:"urbane"; font-weight: 600; text-transform:uppercase; text-decoration:none; color: #fff; margin-bottom: -20px;display: block;margin-top: 4px; } .section-category .help-container-mobile .text .title {font-size:20px;font-family:"urbane"; font-weight: 600; color: #ff8d09; display: inline-block; text-decoration:none;} .section-category .help-container-mobile .icon {display: inline-block; margin-right: 10px;} .section-category .help-container-mobile .icon img {filter: invert(54%) sepia(65%) saturate(1346%) hue-rotate(354deg) brightness(104%) contrast(103%); margin:0} .section-category .subcategory {position:relative; margin-top: 15px; overflow-x:scroll; border-top: 1px solid #2e3841;} .section-category .subcategory ul {margin:0; padding-bottom:25px; padding-top: 15px; display: flex; gap: 5px; } /* .section-category .subcategory:before {content:''; border-top: 1px solid #2e3841; display: block;height: 100%;position: relative;left: -11px;right: -11px;} */ .section-category .subcategory ul li:before {display:none;} .section-category .subcategory ul li {margin:0; padding:0;} .section-category .subcategory ul li a {text-decoration: none; font-family:"urbane"; font-weight: 500; color: #babac0; font-size: 14px; height: 29px; background-color: #374048; padding: 2px 12px 2px 12px; display: flex;align-items: center; border-radius: 3px;} .section-category .subcategory::-webkit-scrollbar {display:none;} .section-category .subcategory::-webkit-scrollbar-track {display:none;} .section-category .subcategory::-webkit-scrollbar-thumb {display:none;} .section-category .subcategory::-webkit-scrollbar-button {display:none;} } @media (max-width: 991.98px) { .section-category .help-container {display:none;} } .section-category .row-container {display:flex; gap: 20px;} .section-category .row-container .filter-column {flex: 295px; flex-grow: 0;flex-shrink: 0; padding-right: 20px;} @media (max-width: 1399.98px) { .section-category .row-container .filter-column {flex: 255px;} } @media (max-width: 991.98px) { .section-category .row-container {flex-direction: column; gap:0; } .section-category .row-container .filter-column {flex:1;} } .section-category .visible-filter {background-color: #374048; border-radius:3px; height:50px; display:flex; justify-content:space-between; align-items:center; padding:15px; cursor:pointer; margin-bottom:25px;} .section-category .visible-filter span {font-size:16px;font-family:"urbane"; font-weight: 500;} .section-category .visible-filter img {rotate: 180deg; margin:0;} .section-category .categories-submenu {padding-bottom:20px;} .section-category .categories-submenu h4::after {content: '';width: 10px;height: 100%;position: absolute;border-bottom: 2px solid #ff8d09;top: 0;bottom: 43px;left: 0;margin-top: 5px;} .section-category .title-category {display:flex; align-items:center; justify-content: space-between; margin-bottom: 22px; margin-top:19px;} .section-category .title-category h3 {font-size:14px; font-weight:600;font-family:"urbane"; margin:0; color: #fff; text-transform:uppercase; cursor:pointer; margin:0; display: flex; align-items: center; line-height: 20px;} .section-category .title-category h4 {font-size:14px; font-weight:600;font-family:"urbane"; margin:0; color: #fff; text-transform:uppercase; cursor:pointer; margin:0; display: flex; align-items: center; line-height: 20px; margin:0; font-size:14px;} .section-category .title-category .arrow {content: url('../img/plus.svg');} .section-category .title-category .arrow.active {content: url('../img/line-orange.svg');} .section-category .categories-submenu .title-category { margin-bottom: 25px;} .section-category .categories-submenu ul {margin: 0; padding:0;} .section-category .categories-submenu ul li {padding:0; padding-bottom:4px;} .section-category .categories-submenu ul li a {text-decoration:none; color: #fff;font-size:14px;font-family:"urbane"; font-weight: 500; } .section-category .categories-submenu ul li::before {display:none;} .section-category .categories-submenu ul li a.active {color: #ff8d09; font-weight: 600;} footer {background-color: #0f1215;} footer .social-container {position: relative; height:100%;} footer .social-container h1 {position: absolute; color: #fff; padding:24px 40px; font-size: 32px; font-weight: 600; z-index: 2;} footer .social-container .background {filter: brightness(65%); height: 260px;object-fit: cover;width: 100%;top: 0;margin: 0;background-position-y: center; z-index:1; position:absolute;} footer .social-container .background-social {position: absolute; top: 0px; background-image: url("../img/orange-background.png"); width:200px; height:130px; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 2; } footer .social-container .icon-box {display: flex; justify-content: center; height: 100%;align-items: center; gap:45px; position: relative; z-index:2;} footer .social-container .icon-box .background-icon {text-align: center; background-color: #ff8d09; padding: 0px; border-radius: 100%; height: 67px;width: 67px; display: flex;align-items: center;justify-content: center;} footer .social-container .icon-box .background-icon:hover {background-color: #dd7804;} footer .social-container .icon-box .background-icon:hover img {transform: scale(1.2); transition: all .3s ease;} footer .social-container .icon-box .background-icon img {transition: all .3s ease;} footer .social-container .icon-box a {text-decoration: none;} footer .social-container .icon-box .icon a {display: flex;flex-direction: column;justify-content: center;align-items: center;} footer .social-container .icon-box span {color: #fff;padding-top: 13px;text-align: center;font-size: 14px;font-weight: 600;} footer .background-newsletter {background-color: #ff8d09;} footer .background-newsletter form {background-color: revert-layer;} footer .background-newsletter .newsletter-box {padding: 24px 40px;} footer .background-newsletter .newsletter-box .header {display: flex; justify-content: space-between; align-items: center} footer .background-newsletter .newsletter-box .header h1 {color: #fff; font-size: 32px; font-weight: 600;} footer .background-newsletter .newsletter-box .header a {font-size: 14px; color: #000; font-family:"neue-haas-unica";} footer .background-newsletter .newsletter-box form label {display: block;padding-top: 15px;font-weight: 700;font-size: 18px;padding-bottom: 10px; font-family:"neue-haas-unica"; color: #000;} footer .background-newsletter .newsletter-box form input {width: 65%;height: 55px;background: transparent;border: 1px solid #000;border-radius: 5px;padding: 18px; font-size: 18px; font-family:"neue-haas-unica";} footer .background-newsletter .newsletter-box form button {width:33.5%; margin-left: 5px; height: 55px; background-color: #fff; border-radius: 5px; border: 1px solid #fff; vertical-align: top;} footer .background-newsletter .newsletter-box form button span {font-weight: 600; color: #1a2026; font-size: 16px;} footer .background-newsletter .newsletter-box form button:hover {background-color: #dd7804; border: 1px solid #dd7804; } footer .background-newsletter .newsletter-box form button:hover span {color:#fff;} footer .background-newsletter .newsletter-box form label.newsletter-description-mobile {display: none;} footer .background-newsletter .newsletter-box ::placeholder {color: #000; opacity: 1;} footer .background-newsletter .newsletter-box p {margin-top: 20px; color: #764b1a; font-size: 14px; font-family:"neue-haas-unica";} footer .background-newsletter .newsletter-box a {color: #764b1a;} footer .background-newsletter .newsletter-mobile {display:none;} @media (max-width: 1445px) { footer .background-newsletter .newsletter-box form input {width:60%;} } footer .links-box {padding: 60px 20px 40px 20px} footer .links-box h4 {position: relative; color: #ff8d09; font-size: 14px; font-weight: 600;} footer .links-box h4:after{content: '';width: 10px;height: 100%;position: absolute;border-bottom: 2px solid #ff8d09;top: 0;bottom: 43px;left: 0;margin-top: 5px;} footer .links-box ul {list-style: none;padding-left: 0;padding-top: 10px; font-size: 14px} footer .links-box ul li {padding-bottom: 5px} footer .links-box ul li a {text-decoration: none; color: #babcbe;} footer .links-box .links ul li:nth-child(1) a {color: #fff; font-weight:600;} footer .links-box .links ul li:nth-child(2) a {color: #fff; font-weight:600;} footer .links-box .links ul li:nth-child(3) a {color: #fff; font-weight:600;} footer .links-box ul li a strong {} footer .links-box ul li a:hover {text-decoration: underline;} footer .links-box .email {font-size: 20px; font-weight: 600; padding-top: 10px;padding-bottom: 30px; display: block;margin-bottom: 16px;} footer .links-box .email a {color: #fff} footer .links-box .phone {font-size: 20px; font-weight: 600; padding-top: 10px;color: #fff; margin-bottom: 0; display: block;} footer .links-box .phone-description {color: #babcbe; font-size: 12px; font-family:"neue-haas-unica";} footer .links-box .icon-box {display: flex;align-items: center;gap: 30px;padding-top: 18px; padding-bottom: 45px} footer .links-box .collapse:not(.show) {display:block;} footer .links-box .collapsing {display:none;} footer .links-box .header-footer .icon-down {display: none;} footer .icons-lg {} footer .valuation-box {border-top: 1px solid #2e363d; padding:25px 20px} footer .valuation-box .display-content-icon {display: flex; align-items: center; gap:70px} footer .valuation-box .display-content-icon h4 {position: relative; color: #ff8d09; font-size: 14px; font-weight: 600; margin: 0; padding: 0} footer .valuation-box .display-content-icon .valuation-icon-box {display: flex; gap: 50px} footer .valuation-box .display-content {display: flex; gap: 30px } footer .valuation-box .display-content .description-text .message {color: #ff8d09; font-size:14px; margin:0; padding: 0; font-family:"neue-haas-unica";} footer .valuation-box .display-content .description-text .seller {color: #e0e0e0; font-size: 12px; margin: 0;padding-bottom:10px; font-family:"neue-haas-unica";} footer .valuation-box .display-content .description-text .copyright {color: #636569; font-size: 14px; margin: 0; padding: 0; font-family:"neue-haas-unica";} footer .valuation-box .title-mobile {display:none;} footer .valuation-box .icons-mobile {display:none;} @media (max-width: 1200px) { footer .social-container {height: 188px;} footer .social-container .background { height:188px; padding:0;} } @media (max-width: 991px) { footer .social-container .container {padding:0;} footer .social-container h1 {padding: 20px 20px; font-size:24px; margin-bottom: 15px;} footer .social-container .icon-box .background-icon {height: 53px;width: 53px;} footer .social-container .icon-box .background-icon.facebook img {height:21px; width: 11px;} footer .social-container .icon-box .background-icon.instagram img {height:25px; width: 25px;} footer .social-container .icon-box .background-icon.youtube img {height:19px; width: 27px;} footer .social-container .icon-box span {display: none;} footer .background-newsletter .newsletter-box .header h1 {font-size: 24px; margin: 0;} footer .background-newsletter .newsletter-box .header a {display: none;} footer .background-newsletter .newsletter-box {padding: 20px 20px;} footer .background-newsletter .newsletter-box p {display: none;} footer .background-newsletter .newsletter-box form label {font-family:"neue-haas-unica"; color:#000; font-size:16px; font-weight: 700; padding-bottom: 15px;} footer .background-newsletter .newsletter-box form .newsletter-description-mobile {display: block;} footer .background-newsletter .newsletter-box form .newsletter-description {display:none;} footer .background-newsletter .newsletter-mobile {display:flex; flex-direction:column; gap: 10px;} footer .background-newsletter .newsletter-mobile .btn {height: 55px; width:100%; text-align: center; border-radius: 5px; display:flex; justify-content:center; align-items:center;} footer .background-newsletter .newsletter-mobile .btn:hover {border: 1px solid #fff;} footer .background-newsletter .newsletter-mobile .btn span {font-size: 16px;} footer .background-newsletter .newsletter-mobile .btn.subscribe {background: #fff; color:#000;} footer .background-newsletter .newsletter-mobile .btn.actual-newsletter {border: 1px solid #fff; color: #fff;} footer .background-newsletter .newsletter-box input {display: none;} footer .background-newsletter .newsletter-box button {display: none;} footer .background-newsletter .newsletter-box form label.newsletter-description-mobile {display: block;} footer .links-box {padding:20px 20px 0px 20px} footer .links-box .collapse {margin:0;} footer .links-box .collapse:not(.show) {display:none;} footer .links-box .collapsing {display:block;} footer .links-box .header-footer {display:flex; align-items:center; justify-content:space-between; height: 50px; padding: 0px; cursor: pointer;} footer .links-box .header-footer .icon-down {display: block;} footer .links-box h4 {margin:0;} footer .links-box h4::after {display: none;} footer .links-box .header-footer img {rotate: 90deg; margin-right:5px;} footer .links-box .header-footer .icon-down.active {rotate: 270deg; margin-right:5px;} footer .links-box .main-body {border-bottom: 1px solid #374048;} footer .links-box .info {display:flex; align-items: center; height: 180px; border-bottom: 1px solid #374048;} footer .links-box .info h4 {font-size:14px; margin:0; padding: 0; font-family:"urbane"; margin-bottom: 7px; } footer .links-box .info .email a {font-size: 14px; text-decoration:none;} footer .links-box .info .phone {font-size: 14px; margin:0;} footer .links-box .info .phone-box {height: 70px; width:50%;} footer .links-box .info .email-box {height: 70px; width:50%;} footer .links-box .phone-description {margin:0;} footer .links-box .info h4:after{display:block; content: '';width: 10px;height: 100%;position: absolute;border-bottom: 2px solid #ff8d09;top: 0;bottom: 43px;left: 0;margin-top: 5px;} footer .icons-lg {display: none;} footer .valuation-box {border:none; padding:20px;} footer .valuation-box .display-content-icon {flex-wrap: wrap; gap: 20px;flex-direction: column; align-items:start;} footer .valuation-box .display-content-icon h4 {display:none} footer .valuation-box .display-content-icon .title-mobile {display:block;} footer .valuation-box .display-content-icon .icons-mobile {display:flex; gap: 25px; flex-wrap: wrap; } footer .valuation-box .display-content-icon .valuation-icon-box {display:none;} footer .valuation-box .icons-mobile .img-box {width:43px; height:43px; display: flex; align-items:center;} footer .valuation-box .icons-mobile .img-box img {height: auto; width:100%;} footer .valuation-box .display-content .description-text .message {display: none; } footer .valuation-box .display-content .description-text .seller {display: none; } footer .valuation-box .display-content .description-text .copyright {font-size: 12px} } /* stara verze */ /* header {background: #1D1D1D;border-bottom: 1px solid #333;position: relative;z-index: 999;} header .logo {display: inline-block;margin: 18px 0 0 0;} header .logo img {height: 32px;display: inline-block;} header .logo-21 {margin-top: 18px;margin-bottom: -9px;} header .logo-21 img {height: 55px;} header .logo-22 img {height: 37px;} header .logo-24 {margin-top: 0;} header .logo-24 img {height: 60px;} header .logo-654 {margin-top: 9px;margin-bottom: -13px;} header .logo-654 img {height: 66px;} header .logo-language {color: #999999;font-family: 'sk-modernistbold';line-height: 14px;border-left: 1px solid #FF8D09;font-size: 20px;margin: 25px 0 0 12px;display: inline-block;padding: 0 10px 3px 14px;vertical-align: top;} header .logo-wrap {float: left;margin: 0 20px 0 0;z-index: 1000;position: relative;} header .choose-lang {margin-left: 20px;margin-top: 18px;border-left: 1px solid #FF8D09;padding-left: 23px;line-height: 26px;text-decoration: none;display: inline-block;vertical-align: top;} header .choose-lang .fa {margin-left: 3px;position: relative;top: 1px;} /* @media (min-width: 1600px) { header .col-search {margin: 0 -40px;width: 46%;} } */ /* header .search {padding: 12px 0;margin: 0;position: relative;z-index: 999;} header .search .form-group {margin: 0;position: relative;} /* header .search .form-group .twitter-typeahead {width: 100%;vertical-align: top;} */ /* header .search .form-group .loading {position: absolute;top: 100%;width: 100%;height: 80px;left: 0;background: #FFF url(../img/loading-main.svg) center center no-repeat;background-size: 30px 30px;} */ /* header .search input {height: 44px;line-height: 44px;border: 0;font-size: 16px;border-radius: 0;background: none;} header .search input:focus {box-shadow: none;} header .search button {width: 44px;height: 44px;text-align: center;z-index: 5;padding: 0;margin: 0;position: absolute;top: 0;right: 0;background: url(../img/icon-header-search.png) center center no-repeat;border: 0;} /* header .search button .oh {} header .search .form-group .tt-menu {background: #FFF;text-align: left;border: 0;border-radius: 0;width: 100%;max-height: 450px;overflow-y: scroll;} header .search .form-group .tt-menu .tt-suggestion {border-bottom: 1px solid #E3E3E3;padding: 0;display: block;cursor: pointer;background: none;color: #000;} header .search .form-group .tt-menu .tt-suggestion i {color: #FF8D09;display: inline-block;line-height: 25px;font-style: normal;float: right;font-size: 13px;} header .search .form-group .tt-menu .tt-suggestion a {color: #666666;text-decoration: none;display: block;line-height: 40px;padding: 6px 12px;} header .search .form-group .tt-menu .tt-suggestion img {margin: 0 15px 0 0;} header .search .form-group .tt-menu .tt-suggestion a.category {color: #000;line-height: 25px;font-size: 14px;margin: 0;} header .search .form-group .tt-menu .tt-suggestion a.category .sep {color: #FF8D09;display: inline-block;margin: 0 4px;} header .search .form-group .tt-menu .tt-suggestion a.product {font-size: 15px;} header .search .form-group .tt-menu .tt-suggestion a.more {background: #F2F2F2;color: #000;text-align: center;font-size: 15px;line-height: 40px;} header .search .form-group .tt-menu .tt-suggestion:hover, header .search .form-group .tt-menu .tt-suggestion.tt-cursor {background: #FBEED8;} header .search .form-group .tt-menu .empty-message {border: 0;font-size: 15px;line-height: 40px;padding: 6px 12px;color: #666666;background: #FFF;} */ /* header .typeahead__cancel-button {width: 44px;height: 44px;text-align: center;z-index: 5;padding: 0;margin: 0;position: absolute;top: 0;right: 0;border: 0;background: #FFF center center no-repeat;overflow: hidden;text-indent: -500px;z-index: 999;} /*header .loading .typeahead__cancel-button {background: #FFF url(../img/loading-main.svg) center center no-repeat;background-size: 30px 30px;}*/ /* header .typeahead__container {background: #FFF;z-index: 999;} header .typeahead__container.cancel .typeahead__cancel-button {background-image: url(../img/close.svg);background-size: 30px 30px;visibility: visible;} header .typeahead__container.loading .typeahead__cancel-button {background-image: url(../img/loading-main.svg);background-size: 30px 30px;visibility: visible;} header .typeahead__query {z-index: 10;} header .typeahead__list {border: 0;margin: 0;padding: 0;border: 0;border-top: 1px solid #333;border-radius: 0;} header .typeahead__dropdown .typeahead__dropdown-item > a, header .typeahead__list .typeahead__item > a {padding: 0;} header .typeahead__list .item {border-bottom: 1px solid #E3E3E3;padding: 0;display: block;cursor: pointer;background: none;color: #000;} header .typeahead__list .item i {color: #FF8D09;display: inline-block;line-height: 25px;font-style: normal;float: right;font-size: 13px;} header .typeahead__list .item .item-type {color: #666666;text-decoration: none;display: block;line-height: 40px;padding: 6px 20px 6px 12px;} header .typeahead__list .item img {margin: 0;max-width: 100%;height: auto;} /* header .typeahead__list .item .category {color: #000;line-height: 25px;font-size: 14px;margin: 0;} header .typeahead__list .item .category .sep {color: #FF8D09;display: inline-block;margin: 0 4px 0 0;} */ /* header .typeahead__list .item .category {font-size: 15px;margin: 0;} header .typeahead__list .item .category .sep {color: #FF8D09;display: inline-block;margin: 0 4px 0 0;} header .typeahead__list .item .category .tag {color: #FF8D09;font-size: 13px;} header .typeahead__list .item .product {font-size: 15px;} header .typeahead__list .item .product .price {color: #FF8D09;font-size: 13px;} header .typeahead__list .item .product .name {display: block;line-height: 20px;margin-top: 4px;height: 20px;overflow: hidden;} header .typeahead__list .item .product .product-no {color: #AAA;font-size: 13px;line-height: 16px;display: block;height: 16px;overflow: hidden;} header .typeahead__list .item .more {background: #F2F2F2;color: #000;text-align: center;font-size: 14px;line-height: 40px;} header .typeahead__list .item .more:hover .name {text-decoration: underline;} header .typeahead__list .item .section {background: #F2F2F2;color: #000;text-align: center;font-size: 14px;line-height: 20px;} header .typeahead__list .item .section:hover .name {text-decoration: underline;} header .typeahead__list .item .has-not-link:hover, header .typeahead__list .item .has-not-link {cursor: default;text-decoration: none;} header .typeahead__list .item .has-not-link:hover .name, header .typeahead__list .item .has-not-link .name {cursor: default;text-decoration: none;} header .typeahead__list .item:hover, header .typeahead__list .item.tt-cursor {background: #FBEED8;} .typeahead__container.loading .typeahead__query::after, .typeahead__container.loading .typeahead__query::before {display: none;} header .not-logged {padding: 19px 0 19px 15px;} header .not-logged a {display: inline-block;line-height: 30px;padding-left: 27px;background: url(../img/icon-header-profile.png) left center no-repeat;text-decoration: none;color: #FFF;} header .logged {padding: 19px 0 19px 15px;} header .logged .link-profile-wrap {padding-left: 38px;background: url(../img/icon-header-profile.png) left center no-repeat;display: inline-block;vertical-align: top;text-align: left;line-height: 15px;position: relative;} header .logged .link-profile-wrap:after {content: "";position: absolute;top: 0;left: 28px;height: 30px;width: 1px; background: #333;} header .logged a.link-profile {adisplay: inline-block;line-height: 15px;text-decoration: none;color: #FFF;} header .logged a.link-logout {color: #777;adisplay: inline-block;line-height: 15px;font-size: 12px;} header .cart {float: right;text-align: right;} header .cart a.to-cart {display: inline-block;margin: 14px 0 0 0;text-decoration: none;padding: 0 0 10px 0;vertical-align: top;} header .cart a .icon {background: url(../img/icon-header-cart.png) center center no-repeat;display: block;float: right;width: 40px;height: 40px;border: 2px solid #30D8AB;border-radius: 40px;position: relative;margin: 0 0 0 12px;} header .cart a .count {position: absolute;top: -7px;right: -4px;width: 18px;height: 18px;border-radius: 18px;background: #FFF;color: #000;text-align: center;line-height: 18px;font-size: 12px;} header .cart a .cart-info {float: right;} header .cart a strong {font-family: 'sk-modernistbold';font-weight: 400;text-transform: uppercase;color: #30D8AB;display: block;line-height: 18px;padding-top: 3px;afloat: right;} header .cart a .cart-sum {display: inline-block;line-height: 18px;font-size: 14px;color: #FFF;display: block;} header .navbar-toggle {background: none;z-index: 999;font-size: 26px;float: left;padding: 5px 10px;margin: 0;border-radius: 0;line-height: 40px;border: 0;} header .navbar-toggle.active {background: #1D1D1D;} header .navbar-toggle .fa {vertical-align: top;line-height: 40px;} header .navbar-toggle-burger {margin-right: 2px;width: 50px;text-align: center;} header .navbar-toggle-search {float: left;font-size: 18px;padding-left: 14px;padding-right: 14px;} header .navbar-toggle-user {float: right;font-size: 18px;margin-right: 5px;} header .navbar-toggle-user-logged-1 {color: #FF8D09;} header .navbar-toggle-cart {float: right;} .user-account {display: none;} /* zlin.adsport.cz */ /* .site-21 header .logo {margin-top: 18px;margin-bottom: -9px;} .site-21 header .logo img {height: 55px;} @media (max-width: 1250px) { header .logo img {height: 27px;} } @media (max-width: 991px) { body {apadding-top: 50px;position: relative;} .header-wrap {/*overflow: scroll;height: 100vh;*/ /*position: -webkit-sticky;position: sticky;width: 100%;top: 0;z-index: 9999;} .header-wrap.active {position: fixed;} header {text-align: center;background: #000;background: rgba(0,0,0,0.85);aposition: sticky;width: 100%;top: 0;z-index: 999;} header .container {padding: 0;width: 100%;} header .row {margin: 0;} header .logo-wrap {float: none;margin: 0;display: inline-block;vertical-align: top;} header .logo {margin-top: 14px;} header .logo-language {display: none;margin-top: 19px;margin-left: 7px;padding-right: 8px;} header .logo img {height: 16px;} header .navbar-toggle {display: block;font-size: 20px;width: 30px;padding: 5px;} header .choose-lang {margin-left: 10px;padding-left: 12px;margin-top: 12px;} header .choose-lang img {width: 20px;} header .icon {float: right;margin: 5px 10px 0 0;background: url(../img/icon-header-cart.png) center center no-repeat;display: block;float: right;width: 40px;height: 40px;border: 2px solid #30D8AB;border-radius: 40px;position: relative;} header .icon .count {position: absolute;top: -7px;right: -4px;width: 18px;height: 18px;border-radius: 18px;background: #FFF;color: #000;text-align: center;line-height: 18px;font-size: 12px;} header .search {padding: 12px;background: #1D1D1D;overflow-y: visible !important;overflow-x: visible !important;} header .search .form-group .tt-menu {position: relative !important;top: auto !important;} .user-account {padding: 12px;background: #1D1D1D;position: absolute;top: 51px;right: 0;width: 90%;max-width: 100%;z-index: 9999;} .user-account.in {display: block;} /* zlin.adsport.cz */ /* .site-21 header .logo {margin-top: 10px;} .site-21 header .logo img {height: 45px;} } */ #main-menu {background: #1D1D1D;text-align: center;position: relative;} #main-menu ul.nav {float: none;display: inline-block;border-left: 1px solid #333;} #main-menu ul.nav li.item-main {float: none;display: inline-block;border-right: 1px solid #333;} #main-menu ul.nav li.item-main a.item-main-link {line-height: 25px;padding: 11px 35px 9px 35px;color: #FFF;font-size: 15px;text-transform: uppercase;text-decoration: none;border-bottom: 5px solid transparent;background: none;letter-spacing: 1px;} #main-menu ul.nav li.item-main a.item-main-link .fa {display: none;} #main-menu ul.nav li.item-manufacturers a.item-main-link {font-family: 'sk-modernistregular';color: #999999;} #main-menu ul.nav li.item-sports a.item-main-link {font-family: 'sk-modernistregular';color: #999999;} #main-menu ul.nav li.item-sale a.item-main-link {color: #FF4C00;font-family: 'sk-modernistregular';padding-right: 60px;position: relative;} #main-menu ul.nav li.item-sale a.item-main-link:after {content: "";position: absolute;top: 0;right: 20px;width: 26px;height: 35px;background: url(../img/menu-icon-sale.png) left top no-repeat;} #main-menu ul.nav li.item-news a.item-main-link {color: #30D8AB;font-family: 'sk-modernistregular';padding-right: 60px;position: relative;} #main-menu ul.nav li.item-news a.item-main-link:after {content: "";position: absolute;top: 0;right: 20px;width: 26px;height: 35px;background: url(../img/menu-icon-news.png) left top no-repeat;} #main-menu ul.nav li.item-main:hover a.item-main-link, #main-menu ul.nav li.item-main a.item-main-link:focus, #main-menu ul.nav li.item-main a.item-main-link:hover {border-color: #FF8D09;color: #FFF;} #main-menu ul.nav li.item-special {} #main-menu ul.nav li.item-special a.item-main-link {padding-left: 25px;padding-right: 25px;} #main-menu ul.nav li.item-special img {margin-left: 8px;vertical-align: top;} #main-menu .dropdown-menu {border-radius: 0;padding-bottom: 0;} #main-menu .dropdown:hover > ul.dropdown-menu {display: block;min-height: 320px;} #main-menu .submenu-columns {color: #000;text-align: left;} /*#main-menu .submenu-columns .col-1, #main-menu .submenu-columns .col-2 {border-right: 1px solid #E1E1E1;}*/ #main-menu .submenu-columns h3 {padding: 0 0 40px 0;margin: 0;color: #FF8D09;font-weight: 400;position: relative;font-size: 20px;} #main-menu .submenu-columns h3 a {text-decoration: none;} #main-menu .submenu-columns h3:after {content: "";position: absolute;height: 4px;background: #FF8D09;bottom: 17px;width: 26px;left: 0;} #main-menu .submenu-columns ul {list-style: none;margin: 0 0 30px 0;display: block;padding: 0;} #main-menu .submenu-columns ul li {padding: 0 0 3px 0;margin: 0;} #main-menu .submenu-columns ul li a {color: #000;text-decoration: none;} #main-menu .submenu-columns ul li a:hover {text-decoration: underline;} #main-menu .submenu-columns .yamm-content {padding: 30px 0 0 0;} #main-menu .submenu-columns .category-photo {amargin: 30 0 0 0;} #main-menu .submenu-columns .category-photo img {max-height: 240px;} #main-menu .submenu-columns .category-photo-empty {aheight: 30px;} #main-menu.yamm .container {position: static;} #main-menu.yamm .container .dropdown-menu {left: 0;width: 100%;border: 0;} #main-menu.yamm .container .manufacturers {text-align: center;padding: 20px 0 30px 0;} #main-menu.yamm .container .manufacturers a.img-wrap {display: inline-block;max-width: 130px;line-height: 80px;margin: 0 0 35px 0;text-align: center;} #main-menu.yamm .container .manufacturers img {display: inline-block;max-height: 60px;} #main-menu.yamm .container .manufacturers a.img-wrap:hover {opacity: 0.7;} #main-menu.yamm .container .manufacturers .link-more {line-height: 40px;display: inline-block;margin: 12px 0;} #main-menu.yamm .container .sports {} #main-menu.yamm .container .sports a {color: #000;text-decoration: none;padding-left: 60px;line-height: 40px;display: block;background: left center no-repeat;background-size: 40px auto;margin: 10px 0 40px 0;white-space: nowrap;} #main-menu.yamm .container .sports a:hover {text-decoration: underline;} #main-menu.yamm .container .sports a.sport-1 {background-image: url(../img/icons/sport-1.svg);} #main-menu.yamm .container .sports a.sport-2 {background-image: url(../img/icons/sport-2.svg);} #main-menu.yamm .container .sports a.sport-3 {background-image: url(../img/icons/sport-3.svg);} #main-menu.yamm .container .sports a.sport-4 {background-image: url(../img/icons/sport-4.svg);} #main-menu.yamm .container .sports a.sport-5 {background-image: url(../img/icons/sport-5.svg);} #main-menu.yamm .container .sports a.sport-6 {background-image: url(../img/icons/sport-6.svg);} #main-menu.yamm .container .sports a.sport-7 {background-image: url(../img/icons/sport-7.svg);} #main-menu.yamm .container .sports a.sport-8 {background-image: url(../img/icons/sport-8.svg);} #main-menu.yamm .container .sports a.sport-9 {background-image: url(../img/icons/sport-9.svg);} #main-menu.yamm .container .sports a.sport-10 {background-image: url(../img/icons/sport-10.svg);} #main-menu.yamm .container .sports a.sport-11 {background-image: url(../img/icons/sport-11.svg);} #main-menu .row-30 {margin-left: -15px;margin-right: -15px;} #main-menu .row-30 > div {padding-left: 30px;padding-right: 30px;} @media (max-width: 1600px) { #main-menu .dropdown:hover > ul.dropdown-menu {min-height: 360px;} #main-menu.yamm .container .manufacturers {padding-top: 40px;margin-bottom: 0;padding-bottom: 0;} #main-menu.yamm .container .manufacturers {margin-bottom: 50px;} #main-menu.yamm .container .sports {padding-top: 20px;} #main-menu.yamm .container .sports a {margin-bottom: 50px;} } @media (max-width: 991px) { #main-menu .dropdown:hover > ul.dropdown-menu {min-height: 0;} #main-menu .row-30 {margin-left: -5px;margin-right: -5px;} #main-menu .row-30 > div {padding-left: 10px;padding-right: 10px;} } #main-menu ul.submenu-mobile {display: none;} #main-menu.collapsing {display: none;} #main-menu.in {position: relative;atop: 50px;aleft: 0;width: 90%;max-width: 100%;z-index: 9999;/*overflow-y: none;height: auto;max-height: none;padding: 0;overflow: auto !important;aposition: f;aheight: calc(100vh) !important;*/} #main-menu.in .container {width: auto;max-width: none;padding: 0;margin: 0;} #main-menu.in ul.nav {border: 0;display: block;} #main-menu.in ul.nav li.item-main {display: block;border: 0;text-align: left;border-bottom: 1px solid #333;} #main-menu.in ul.nav li.item-main:last-child {border-bottom: 0;} #main-menu.in ul.nav li.item-main a.dropdown-toggle {border: 0;padding-left: 20px;font-size: 16px;} #main-menu.in ul.nav li.item-sale a.dropdown-toggle {} #main-menu.in ul.nav li.item-main a.dropdown-toggle:hover {border: 0;} #main-menu.in ul.nav li.item-main a.dropdown-toggle .fa {display: block;float: right;margin-top: 0;} #main-menu.in ul.submenu-mobile {display: none;background: #FFF;padding: 0;} #main-menu.in ul.submenu-mobile li {float: left;width: 50%;aheight: 40px;aoverflow: hidden;} #main-menu.in ul.submenu-mobile li a {color: #000;font-size: 13px;text-decoration: none;padding: 10px 10px 10px 20px;display: block;line-height: 20px;} #main-menu.in ul.submenu-mobile li a:focus {text-decoration: underline;} #main-menu.in ul.submenu-mobile li:last-child {border-bottom: 0;} #main-menu.in .dropdown-menu {display: none;} #main-menu.in .submenu-columns {display: none;} @media (max-width: 1600px) { #main-menu ul.nav li.item-main a.item-main-link {padding-left: 10px;padding-right: 10px;} #main-menu ul.nav li.item-sale a.item-main-link {padding-right: 60px;} #main-menu ul.nav li.item-news a.item-main-link {padding-right: 60px;} } @media (max-width: 1250px) { #main-menu ul.nav li.item-main a.item-main-link:after {display: none;} #main-menu ul.nav li.item-sale a.item-main-link {padding-right: 20px;} #main-menu ul.nav li.item-news a.item-main-link {padding-right: 20px;} } @media (max-width: 992px) { #main-menu ul.nav li.item-main a.item-main-link:after {display: block;} } @media (max-width: 390px) { #main-menu.in ul.submenu-mobile li a {font-size: 12px;} } #banners-slides {background: #2B2B2B;} #banners-slides .item {background: center center no-repeat;height: 480px;width: 100%;abackground-size: cover;} #banners-slides .item .carousel-caption {text-shadow: none;color: #FFF;text-decoration: none;margin-bottom: 8%;} #banners-slides .item .carousel-caption h1 {font-size: 56px;margin: 0 0 5px 0;color: #FFF;} #banners-slides .item .carousel-caption h2 {font-size: 46px;margin: 0 0 5px 0;} #banners-slides .item .carousel-caption p {font-size: 22px;margin: 5px 0 25px 0;} #banners-slides .item .carousel-caption .btn-wrap {margin: 30px 0 50px 0;} #banners-slides .carousel-control {background: none;box-shadow: none;width: 8%;text-decoration: none;opacity: 1;} #banners-slides .carousel-control span {display: block;top: 50%;left: 50%;position: absolute;margin-top: -13px;margin-left: -8px;width: 17px;height: 26px;background: url(../img/carousel-arrows.png) 0 -26px no-repeat;} #banners-slides .carousel-control:hover span {background-position: 0 0;} #banners-slides .carousel-control.right span {background-position: -17px -26px;} #banners-slides .carousel-control.right:hover span {background-position: -17px 0;} #banners-slides .carousel-indicators {text-align: center;list-style: none;bottom: 60px;margin-left: -30%;} #banners-slides .carousel-indicators li {display: inline-block;background: #4B443E;border: 0;width: 8px;height: 8px;cursor: pointer;border-radius: 12px;padding: 0;margin: 0;} #banners-slides .carousel-indicators li.active {background: #30D8AB;} #banners-slides.category-slider {margin-bottom: 20px;} #banners-slides.category-slider .item {height: 340px;background-size: auto;} #banners-slides.category-slider .item:after {content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #000;opacity: 0.7;z-index: -1;} #banners-slides-mobile {background: #2B2B2B;} #banners-slides-mobile .item {background: center center no-repeat;height: 480px;width: 100%;abackground-size: cover;} #banners-slides-mobile .item .carousel-caption {text-shadow: none;color: #FFF;text-decoration: none;margin-bottom: 8%;} #banners-slides-mobile .item .carousel-caption h1 {font-family: 'sk-modernistbold';font-size: 56px;margin: 0 0 5px 0;color: #FFF;} #banners-slides-mobile .item .carousel-caption h2 {font-family: 'sk-modernistbold';font-size: 46px;margin: 0 0 5px 0;} #banners-slides-mobile .item .carousel-caption p {font-size: 22px;margin: 5px 0 25px 0;} #banners-slides-mobile .item .carousel-caption .btn-wrap {margin: 30px 0 50px 0;} #banners-slides-mobile .carousel-control {background: none;box-shadow: none;width: 8%;text-decoration: none;opacity: 1;} #banners-slides-mobile .carousel-control span {display: block;top: 50%;left: 50%;position: absolute;margin-top: -13px;margin-left: -8px;width: 17px;height: 26px;background: url(../img/carousel-arrows.png) 0 -26px no-repeat;} #banners-slides-mobile .carousel-control:hover span {background-position: 0 0;} #banners-slides-mobile .carousel-control.right span {background-position: -17px -26px;} #banners-slides-mobile .carousel-control.right:hover span {background-position: -17px 0;} #banners-slides-mobile .carousel-indicators {text-align: center;list-style: none;bottom: 60px;margin-left: -30%;} #banners-slides-mobile .carousel-indicators li {display: inline-block;background: #4B443E;border: 0;width: 8px;height: 8px;cursor: pointer;border-radius: 12px;padding: 0;margin: 0;} #banners-slides-mobile .carousel-indicators li.active {background: #30D8AB;} #banners-slides-mobile.category-slider {margin-bottom: 20px;} #banners-slides-mobile.category-slider .item {height: 340px;background-size: auto;} #banners-slides-mobile.category-slider .item:after {content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #000;opacity: 0.7;z-index: -1;} @media (max-width: 991px) { #banners-slides-mobile .item {height: auto;} #banners-slides-mobile .item .carousel-caption h1 {font-size: 40px;line-height: 48px;} #banners-slides-mobile .carousel-indicators {bottom: 0;} #banners-slides.category-slider .item {height: 200px;} } #banners-news {background: #000;background: rgba(29,29,29,0.9);padding: 60px 0 30px 0;margin-top: -120px;z-index: 10;position: relative;} #banners-news .news .item {background: center center no-repeat;background-size: cover;adisplay: table;display: block;text-align: center;text-decoration: none;height: 180px;position: relative;width: 100%;z-index: 1;} #banners-news .news .item span {avertical-align: middle;adisplay: table-cell;display: block;position: absolute;bottom: 10%;width: 100%;} #banners-news .news .item h3 {margin: 0 0 10px 0;font-size: 26px;color: #FFF;font-family: 'sk-modernistbold';text-shadow: 0 0 2px #000;} #banners-news .news .item:hover:after, #banners-news .news .item-img:hover:after {content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 10px solid #2B2B2B;background: rgba(0,0,0,0.5);z-index: -1;} #banners-news .news .item-img:hover:after {z-index: 99;} #banners-news .news .item-third {margin-bottom: 20px;display: block;height: 180px;display: table;} #banners-news .news .item-third span {text-align: left;atop: 10%;bottom: auto;vertical-align: middle;display: table-cell;position: relative;padding-left: 40px;} #banners-news .news .item-img {display: block;position: relative;width: 100%;z-index: 1;} #banners-news .news .item-img img {} #banners-news .manufacturers {margin: 30px 0 0 0;text-align: center;} #banners-news .manufacturers p {color: #787878;font-size: 14px;margin: 0 0 15px 0;} #banners-news .manufacturers .item {display: inline-block;padding: 5px 20px;border-left: 1px solid #2E2E2E;} #banners-news .manufacturers .item.first {border-left: 0;} #banners-news .manufacturers .item a {} #banners-news .manufacturers .item a img {opacity: 0.4;max-width: 60px;max-height: 40px;} #banners-news .manufacturers .item a:hover img {opacity: 1;} @media (max-width: 991px) { #banners-news {margin: 0;padding: 0;} #banners-news .news .item {margin: 0 0 15px 0;} #banners-news .news .item h3 {font-size: 16px;} } footer {background: #1D1D1D;} footer hr {border-color: #2E2E2E;margin: 0;} footer .advantages {padding: 30px 0;} footer .advantages img {float: left;margin: 0 20px 0 0;} footer .advantages h3 {text-transform: uppercase;color: #FFF;font-family: 'sk-modernistbold';font-weight: 400;font-size: 15px;margin: 13px 0 5px 0;} footer .advantages p {color: #787878;line-height: 20px;margin: 0 10% 0 0;} footer .contacts {padding: 30px 0;line-height: 30px;} footer .contacts p {adisplay: inline-block;margin: 0 50px 0 0;color: #FFF;font-family: 'sk-modernistbold';} footer .contacts a {color: #FFF;} footer .contacts .contact {font-size: 22px;color: #FFF;padding-left: 40px;background: left center no-repeat;} footer .contacts .contact-store {background-image: url(../img/icon-footer-store.png);} footer .contacts .contact-phone {background-image: url(../img/icon-footer-phone.png);} footer .contacts .contact-social {background-image: url(../img/icon-footer-social.png);} footer .contacts .contact-email {background-image: url(../img/icon-footer-envelope.png);} footer .contacts .contact-description {font-family: 'sk-modernistregular';padding-left: 40px;color: #787878;} /*footer .contacts strong {color: #FF8D09;font-size: 20px;}*/ footer a.social {width: 30px;height: 30px;overflow: hidden;text-indent: 500px;display: inline-block;background: center center no-repeat;margin: 0 0 0 20px;vertical-align: top;} footer a.social-facebook {background-image: url(../img/icon-footer-facebook.png);} footer a.social-instagram {background-image: url(../img/icon-footer-instagram.png);} footer a.social-youtube {background-image: url(../img/icon-footer-youtube.png);} footer a.social-newsletter {line-height: 30px;padding: 0 12px;background: #000;color: #FFF;text-decoration: none;width: auto;text-indent: 0;border-radius: 3px;font-size: 14px;font-family: 'sk-modernistregular';text-transform: uppercase;} footer a.social-newsletter .fa {font-size: 12px;line-height: 30px;margin-right: 8px;display: none;} @media (max-width: 767px) { footer hr {display: none;} footer .contacts {text-align: center;padding: 20px 0;} footer .contacts .contact {font-size: 16px;line-height: 24px;} footer .contacts p {margin: 5px 0;} footer a.social-newsletter {margin-top: 15px;} } footer .info {padding: 0;} footer .info .icon-heureka {margin-right: 30px;} footer .info h3 {color: #FF8D09;font-family: 'sk-modernistbold';font-weight: 400;font-size: 19px;margin: 0 0 25px 0;line-height: 30px;} footer .info h3 strong {font-weight: 400;margin: 0 20px 0 0;display: inline-block;vertical-align: top;color: #FF8D09;} footer .info .nav {list-style: none;padding: 0;margin: 0;} footer .info .nav li {padding: 3px 0;} footer .info .nav li a {color: #FFF;text-decoration: none;padding: 0;background: none;} footer .info .nav li a:hover {text-decoration: underline;background: none;} footer .info .newsletter {} /*footer .info .newsletter p {color: #787878;margin: 0 0 15px 0;padding: 3px 0 0 0;}*/ footer .info .newsletter .form-group {position: relative;} footer .info .newsletter input.form-control {background: #2F2F2F;padding: 0 15px;line-height: 48px;height: 48px;color: #FFF;border: 0;font-size: 15px;} footer .info .newsletter .btn {width: 48px;height: 48px;background: #FF8D09 url(../img/footer-newsletter-btn.png) center center no-repeat;padding: 0;position: absolute;top: 0;right: 0;} footer .info .newsletter .result {color: #FFF;padding: 10px 0;display: block;} footer .info .icons-business {} footer .info .icons-business img {margin-bottom: 30px;} footer .info .icons-arukereso {display: inline-block;max-width: 200px;text-align: center;margin-left: 30px;} footer .info .icons-arukereso img {margin-bottom: 10px;} footer .info .icons-arukereso a {color: #FFF;} /* footer .info .contact {margin: 0 0 7px 0;padding: 7px 0 7px 50px;background: left center no-repeat;font-size: 21px;color: #FFF;font-family: 'sk-modernistbold';} */ /* footer .info .contact-phone {background-image: url(../img/icon-footer-phone.png);} footer .info .contact-email {background-image: url(../img/icon-footer-email.png);} footer .info .contact a {color: #FFF;} */ @media (max-width: 767px) { footer .info {padding: 0;} footer .info h3 {margin-bottom: 0;} footer .info .icons-business {margin: 30px 0 0 0;} footer .info .nav li {float: left;width: 50%;} footer .info .newsletter-wrap {margin: 25px 0 0 0;} footer .info .share-wrap {margin: 25px 0 25px 0;} } footer .about {padding: 12px 0;font-size: 14px;background: #121212;} footer .about img {float: left;margin: 15px 25px 30px 0;} footer .about p {margin: 0;color: #787878;line-height: 20px;} footer .about strong {color: #FF8D09;font-weight: 400;display: block;} footer .about a {color: #FFF;text-decoration: none;} footer .about a:hover {text-decoration: underline;} footer .about .icons {margin: 15px 0 0 0;} footer .about .icons img {margin: 0 10px;filter: grayscale(100%);float: none;height: 20px;} footer .about .icons img:hover {-webkit-filter: grayscale(0%);} footer .about .icons img.visa {filter: grayscale(100%) brightness(160%);} footer .about .icons img.visa:hover {-webkit-filter: grayscale(0%);} footer .about .eet-info {font-size: 11px;color: #666;margin: 5px 0 10px 0;} /* .footer-banner {background: url(../img/banner-snipit.jpg) center center no-repeat;abackground-attachment: fixed;background-size: cover;height: 400px;} .footer-banner img {visibility: hidden;} */ .body-wrap {position: relative;z-index: 2;} .footer-banner {overflow: hidden;z-index: 1;height: 400px;position: relative;} .footer-banner .banner {position: fixed;bottom: 0;overflow: hidden;width: 100%;height: 400px;} .footer-banner img {position: absolute;width: 1920px;height: 400px;left: 50%;margin-left: -960px;} .footer-banner .shadow {position: absolute;top: 0;left: 0;background: url(../img/footer-banner-shadow.png) left top repeat-x;width: 100%;height: 123px;z-index: 99;} .row-content {margin-left: -40px;margin-right: -40px;abackground: rgba(0, 0, 0, 0.4);} .row-content > div {padding-left: 40px;padding-right: 40px;} .row-content .not-main {margin-top: 60px;} .row-content .not-main h2:first-child {margin-top: 0;} /* .ic-stock {background-image: } .ic-cart {background-position: url(../img/sprite.svg);background-size: 300px 300px;} */ .form-horizontal .has-feedback .form-control-feedback {right: 0px;} /*.filter .checkbox label {opacity: 0.2;}*/ .container {awidth: 1600px;} #main-carousel-background {position: absolute;top: 0;left: 0;width: 100%;z-index: -1;} #main-carousel-background img {width: 100%;} #main-carousel-background .item {background: center top;background-size: cover;width: 100%;height: 300px;} #main-carousel {} #main-carousel .carousel-inner {height: 130px;} #main-carousel .item .item-in {padding: 0 1%;} #main-carousel .item img {display: inline-block;max-height: 130px;} #main-carousel .carousel-caption {text-align: left;} #main-carousel .carousel-control {background: none;box-shadow: none;width: 5%;font-size: 72px;} #main-carousel .carousel-indicators {text-align: center;list-style: none;bottom: 0;} #main-carousel .carousel-indicators li {display: inline-block;border: 1px solid #FFF;width: 12px;height: 12px;margin: 0 1px;cursor: pointer;border-radius: 12px;padding: 0;margin: 0;} #main-carousel .carousel-indicators li.active {background: #FFF;} /* /svg */ #bar {background: rgba(0,0,0, 0.6);} #bar ul.nav {} #bar ul.nav li {background: url(../img/bar-menu-hr.png) right center no-repeat;} #bar ul.nav li a {apadding: 0 12px;padding: 0;aline-height: 44px;background: none;color: #FFF;line-height: 50px;font-size: 17px;white-space: nowrap;text-decoration: none;} #bar ul.nav li a:hover {text-decoration: underline;} #bar ul.nav li a.active {color: #F6A600;} #bar ul.nav li.item-161 {width: 70px;display: block;overflow: hidden;atable-layout:fixed;float: left;} #bar ul.nav li.item-161 a {background: url(../img/sprite.svg) 0 -178px no-repeat;background-size: 640px;width: 44px;white-space: nowrap;text-indent: -500px;padding: 0;margin-right: 22px;overflow: hidden;} #bar .dropdown {float: right;margin-left: 20px;margin-right: 15px;} #bar .lang {display: block;background: center center no-repeat;width: 20px;white-space: nowrap;text-indent: 500px;overflow: hidden;height: 50px;line-height: 50px;} #bar .lang.cz {background-image: url(../img/lang/cz.png);} #bar .lang.sk {background-image: url(../img/lang/sk.png);} #bar .lang.hu {background-image: url(../img/lang/hu.png);} #bar .lang-wrap {} #bar .lang-wrap .dropdown-menu:after {width: 0; content: ''; display: inline-block; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent rgba(0,0,0, 0.4) transparent; position: absolute;top: -10px;left: 50%;margin-left: -10px; } #bar .lang-wrap .dropdown-menu {border: 0;border-radius: 0;box-shadow: none;background: #000;background: rgba(0,0,0, 0.4);margin-top: 15px;min-width: 30px;left: -10px;} #bar .lang-wrap .dropdown-menu li {} #bar .lang-wrap .dropdown-menu li a {padding: 5px 12px;background: none;color: #FFF;text-transform: uppercase;} #bar .lang-wrap .dropdown-menu li a .lang {height: 20px;line-height: 20px;display: inline-block;vertical-align: top;margin: 0 10px 0 0;} #bar .cart-wrap {background: url(../img/bar-cart-left.png) left center no-repeat;line-height: 50px;padding-left: 24px;} #bar .cart {background: #129844;background: linear-gradient(to right, #129844 0%, #006C2B 100%);padding-right: 24px;} #bar .cart a {color: #FFF;text-transform: uppercase;font-size: 19px;height: 50px;display: block;text-align: center;text-decoration: none;} #bar .cart a strong {font-weight: 400;} #bar .cart a:hover strong {text-decoration: underline;} #bar .cart a .ic {height: 50px;width: 35px;background-position: 7px 12px;} #bar .cart a .count {display: inline-block;font-size: 11px;line-height: 15px;height: 15px;width: 15px;text-align: center;color: #FFF;background: #DB2161;border-radius: 20px;position: relative;left: -12px;top: -11px;} #bar-menu {background: #373737;} #bar-menu ul {} #bar-menu ul li {position: relative;} #bar-menu ul li:before {content: " ";display: block;position: absolute;top: 50%;margin-top: -8px;left: 0;width: 1px;height: 16px;background: #4F4F4F;} #bar-menu ul li:first-child:before {display: none;} #bar-menu ul li a {color: #999999;font-size: 16px;text-decoration: none;background: none;padding: 12px 5px;} #bar-menu ul li a:hover {text-decoration: underline;} #header-main {background: #211C21;} #header-main .logo {padding: 15px 0 0 0;display: block;} #header-main .logo img {max-width: 191px;max-height: 40px;} #header-main .navbar-toggle {font-size: 26px;margin-right: 0;padding-right: 5px;z-index: 999;} #header-main .search {padding: 12px 0 0 0;margin: 0;} #header-main .search .form-group {margin: 0;position: relative;} #header-main .search .form-group .twitter-typeahead {width: 100%;} #header-main .search input {height: 40px;line-height: 40px;border: 0;} #header-main .search input:focus {box-shadow: none;} #header-main .search button {width: 40px;height: 40px;text-align: center;padding: 0;margin: 0;position: absolute;top: 0;right: 0;background: #FDAA00;border: 0;} #header-main .search button .ic {background-position: 2px -148px;} #header-main .search .form-group .tt-menu {background: #FFF;background: rgba(255, 255, 255, 0.8);text-align: left;border: 0;border-radius: 0;width: 100%;} #header-main .search .form-group .tt-menu .tt-suggestion {border-bottom: 1px solid #DDD;padding: 3px 12px;display: block;cursor: pointer;line-height: 20px;font-size: 13px;background: none;color: #000;} #header-main .search .form-group .tt-menu .tt-suggestion i {font-size: 11px;color: #FFF;display: inline-block;margin: 2px 5px 2px 0;line-height: 16px;padding: 0 4px;background: linear-gradient(to right, #129844 0%, #006C2B 100%);border-radius: 3px;} #header-main .search .form-group .tt-menu .tt-suggestion a {color: #333;text-decoration: none;display: block;} #header-main .search .form-group .tt-menu .tt-suggestion:hover, #header-main .search .form-group .tt-menu .tt-suggestion.tt-cursor {background: #FFF;} #header-main .cart-wrap {background: url(../img/bar-cart-left.png) left center no-repeat;background-size: auto 100%;line-height: 64px;padding-left: 29px;} #header-main .cart {background: #129844;background: linear-gradient(to right, #129844 0%, #006C2B 100%);padding-right: 24px;} #header-main .cart a {color: #FFF;text-transform: uppercase;font-size: 19px;height: 64px;line-height: 64px;display: block;text-align: center;text-decoration: none;} #header-main .cart a strong {font-weight: 400;} #header-main .cart a:hover strong {text-decoration: underline;} #header-main .cart a .ic {height: 64px;width: 35px;background-position: 7px 19px;} #header-main .cart a .count {display: inline-block;font-size: 11px;line-height: 15px;height: 15px;width: 15px;text-align: center;color: #FFF;background: #DB2161;border-radius: 20px;position: relative;left: -12px;top: -11px;} #header-main .not-logged {line-height: 64px;padding: 0 25px 0 15px;background: url(../img/header-logged-hr.png) 15px center no-repeat;} #header-main .not-logged .ic {height: 34px;background-position: 0 -192px;margin: 15px 10px 0 0;} #header-main .not-logged a {font-size: 18px;color: #FFF;text-decoration: none;display: inline-block;vertical-align: top;white-space: nowrap;} #header-main .not-logged a:hover {text-decoration: underline;} #banners-carousel {background: rgba(0,0,0, 0.6);} #banners-carousel .item img {width: 100%;} #banners-carousel .item {background: center top;background-size: cover;width: 100%;} #banners-carousel .carousel-caption {text-align: left;} #banners-carousel .carousel-control {background: none;box-shadow: none;width: 5%;font-size: 72px;} #banners-carousel .carousel-control span {display: block;top: 50%;position: absolute;margin-top: -30px;} #banners-carousel .carousel-indicators {text-align: center;list-style: none;bottom: 0;margin: 0 10px 0 -30%;} #banners-carousel .carousel-indicators li {display: inline-block;border: 1px solid #FFF;width: 12px;height: 12px;margin: 0 1px;cursor: pointer;border-radius: 12px;padding: 0;margin: 0;} #banners-carousel .carousel-indicators li.active {background: #FFF;} #intro {background: url(../img/intro/slide1.jpg) center top no-repeat;background-size: cover;padding: 20px 0 15px 0;aheight: 300px;} #intro.has-slider {background: none;aheight: 350px;} #intro .logo img {width: 225px;} /* #intro form.search {border: 2px solid #E4D8CE;afloat: left;vertical-align: top;position: relative;} #intro form.search .form-group {width: 78%;vertical-align: top;overflow: hidden;float: left;} #intro form.search input {background: none;border: 0;line-height: 30px;height: 30px;padding: 0 12px;box-shadow: none;color: #FFF;width: 100%;} #intro form.search ainput:focus {border: 0;box-shadow: none;} #intro form.search input:focus {background: #FFF;color: #333;} #intro form.search input::-moz-placeholder {color: #EEE;} #intro form.search button {vertical-align: top;padding: 0;height: 30px;line-height: 30px;float: right;background: rgba(255,255,255, 0.7);width: 20%;border: 0;position: relative;} #intro form.search button .ic {height: 30px;background-position: 2px -10.3em;} #intro form.search button .left-triangle {width: 10px;height: 30px;position: absolute;top: 0;left: -10px;background-position: 0 -500px;} */ #intro form.search {} #intro form.search .form-group {position: relative;margin: 0;} #intro form.search .form-group .twitter-typeahead {width: 100%;} #intro form.search .form-group input {height: 34px;line-height: 34px;border: 2px solid #E4D8CE;background: none;padding: 0 50px 0 10px;box-shadow: none;font-size: 12px;} #intro form.search .form-group input.changed, #intro form.search .form-group input:focus {background: #FFF !important;color: #333;border-color: #FFF;} #intro form.search .form-group input::-moz-placeholder {color: #EEE;} #intro form.search .form-group input::-webkit-input-placeholder {color: #EEE;} #intro form.search .form-group input:focus::-moz-placeholder {color: #333;} #intro form.search .form-group input:focus::-webkit-input-placeholder {color: #333;} #intro form.search .form-group button {position: absolute;top: 0;right: 0;height: 34px;border: 0;border-radius: 0;background: #EBE1DA;} #intro form.search .form-group button .ic {height: 30px;background-position: 2px -144px;} #intro form.search .form-group button .left-triangle {width: 10px;height: 34px;position: absolute;top: 0;left: -10px;background-position: 0 -500px;} #intro form.search .form-group button:hover {background: #129844;background: linear-gradient(to right, #129844 0%, #006C2B 100%);} #intro form.search .form-group button:hover .left-triangle {background-position: -50px -500px;} #intro form.search .form-group .tt-menu {background: #FFF;background: rgba(255, 255, 255, 0.8);text-align: left;border: 0;border-radius: 0;width: 100%;} #intro form.search .form-group .tt-menu .tt-suggestion {border-bottom: 1px solid #DDD;padding: 3px 12px;display: block;cursor: pointer;line-height: 20px;font-size: 13px;background: none;color: #000;} #intro form.search .form-group .tt-menu .tt-suggestion i {font-size: 11px;color: #FFF;display: inline-block;margin: 2px 5px 2px 0;line-height: 16px;padding: 0 4px;background: linear-gradient(to right, #129844 0%, #006C2B 100%);border-radius: 3px;} #intro form.search .form-group .tt-menu .tt-suggestion a {color: #333;text-decoration: none;display: block;} #intro form.search .form-group .tt-menu .tt-suggestion:hover, #intro form.search .form-group .tt-menu .tt-suggestion.tt-cursor {background: #FFF;} /* #intro form.search .dropdown-menu {background: #FFF;background: rgba(255, 255, 255, 0.8);width: 100%;top: 0;text-align: left;border: 0;border-radius: 0;} #intro form.search .dropdown-menu li {border-bottom: 1px solid #DDD;} #intro form.search .dropdown-menu li:last-child {border-bottom: 0;} #intro form.search .dropdown-menu li a {padding: 0 12px;display: block;cursor: pointer;line-height: 27px;font-size: 13px;background: none;color: #000;} #intro form.search .dropdown-menu li.active a, #intro form.search .dropdown-menu li a:hover {background: #DDD;} #intro form.search .dropdown-menu li a i {color: #666;font-size: 11px;display: inline-block;padding: 0 7px 0 0;} */ #intro form.login {} #intro form.login .input-group-addon {background: #F6F6F6;border: 0;border-radius: 0;padding: 0;height: 34px;padding: 0 6px;} #intro form.login .login-wrap .input-group-addon .ic {height: 34px;background-position: 0 -13.7em;} #intro form.login .password-wrap .input-group-addon .ic {height: 34px;background-position: 0 -17.4em;} #intro form.login input {font-size: 12px;border: 0;box-shadow: none;padding-top: 0px;padding-bottom: 0px;line-height: 34px;height: 34px;background: #F6F6F6;} /*#intro form.login input[name=email] {background: #F6F6F6 url(../img/intro-login-input-email.png) left center no-repeat;width: 95%;} #intro form.login input[name=password] {background: #F6F6F6 url(../img/intro-login-input-password.png) left center no-repeat;} */ #intro form.login .row {margin-left: 0;margin-right: 0px;} #intro form.login .col-md-6, #intro form.login .col-md-5, #intro form.login .col-md-1 {padding-left: 0;padding-right: 0;} #intro form.login .col-md-5 {padding-left: 10px;} #intro form.login button {awidth: 50px;aline-height: 35px;aheight: 35px;height: 34px;line-height: 0;background: #FFF url(../img/intro-login-button.png) left center no-repeat;padding: 0 0 0 8px;border: 0;color: #FFF;font-weight: 300;font-size: 18px;margin: 0 -1px;} #intro form.login button span {display: block;padding: 0 5px 0 0;height: 34px;line-height: 34px;background: #129844;background: linear-gradient(to right, #129844 0%, #006C2B 100%);} #intro form.login p {text-align: left;padding: 7px 0 0 0;line-height: 22px;} #intro form.login p a {color: #FFF;text-decoration: none;font-size: 12px;} #intro form.login p a.fb-login {float: right;amargin-right: 12px;height: 22px;width: 151px;display: block;background: url(../img/intro-login-fb-login.png) no-repeat;text-indent: 500px;overflow: hidden;white-space: nowrap;} #intro form.login p a:hover {text-decoration: underline;} #intro .logged {height: 45px;padding: 0 60px 0 0;background: url(../img/intro-logged.png) right center no-repeat;margin: 0px 0 28px 0;} #intro .logged span.name {font-weight: 700;color: #E4E3E3;font-size: 16px;line-height: 20px;display: block;margin: -2px 0 3px 0;} #intro .logged . {display: inline-block;line-height: 21px;font-weight: 700;border: 1px solid #F39C0E;background: #F39C0E;color: #343331;font-size: 11px;text-transform: uppercase;padding: 0 7px;text-decoration: none;border-radius: 4px;margin: 0 0 0 10px;} #intro .logged .link-logout {background: none;color: #E4E3E3;border-color: #E4E3E3;} #intro .text {color: #E3E4E4;text-transform: uppercase;margin: 20px 0 0 0;padding: 0 32px 0 0;} #intro .text h2 {font-size: 25px;font-weight: 700;margin: 0;} #intro .text p {font-size: 25px;font-weight: 300;line-height: 30px;margin: 0;} #intro .reasons {border: 2px solid #FFF;border-radius: 5px;float: right;margin: 30px 0 0 0;} #intro .reasons p {float: left;border-right: 2px solid #FFF;margin: 0;padding: 4px 10px;text-align: center;color: #FFF;} #intro .reasons p .title {font-size: 46px;display: block;line-height: 40px;font-weight: 300;} #intro .reasons p .title strong {font-weight: 700;} #intro .reasons p .info {font-size: 14px;} #intro .reasons p.last {border: 0;} #intro .reasons p.first {background: #F6A600;background: linear-gradient(to right, #F6A600 0%, #F39B10 100%);border-radius: 5px 0 0 5px;} #brand {background: rgba(0,0,0, 0.6);abackground: #000;position: relative;margin: 0 0 15px 0;} #brand .navbar-toggle {font-size: 26px;margin-right: 0;padding-right: 5px;} #brand h2 {background: url(../img/brand-title-right.png) right center no-repeat;padding: 0 18px 0 0;margin: 0;color: #FFF;text-transform: uppercase;font-size: 23px;font-weight: 700;line-height: 25px;} #brand h2 span {display: block;background: #129844;background: linear-gradient(to right, #129844 0%, #006C2B 100%);padding: 24px 0;} #brand h2.sub span {padding-left: 20px;} #brand a.img-wrap {display: block;padding: 0 5px;border-right: 1px solid #666;margin: 6px 0;} #brand .logos img {opacity: 0.67;display: inline-block;max-height: 70px;vertical-align: middle;padding-top: 5px;} #brand .logos img:hover {opacity: 1;} #brand .logos img.smaller {apadding-top: 6px;padding-top: 0;} #brand .dropdown {text-align: center;} #brand .dropdown button {background: none;border: 0;font-size: 22px;font-weight: 700;text-transform: uppercase;line-height: 25px;padding: 24px 0;color: #FFF;} #brand .dropdown button .fa {color: #F39C0E;padding-right: 10px;} #brand .dropdown .dropdown-menu {border-radius: 0;width: 100%;width: calc(100% + 10px);border: 0;margin: 0;padding: 0;background: #333 url(../img/bg.jpg) left top;} /* #brand .dropdown ul::before {background: #333 url(../img/bg.jpg) center top;} #brand .dropdown ul {adisplay: block !important;border-radius: 0;width: 100%;width: calc(100% + 10px);background: rgba(0,0,0, 0.9);background: #000;padding: 10px 0 0 0;margin: 0;border: 0;abackground: #FFF;adisplay: block;abackground: #252526;abackground: rgba(0,0,0, 0.8);abackground: rgba(255,255,255, 0.8);background: #333;background: none;} */ #brand .dropdown ul {list-style: none;margin: 0;padding: 10px 0;background: rgba(0,0,0, 0.6);} #brand .dropdown ul li {margin: 0;padding: 0;background: left center no-repeat;abackground-size: auto 40px;position: relative;amargin: 0 3px;} #brand .dropdown ul li:last-child {border: 0;} #brand .dropdown ul li a {color: #FFF;text-decoration: none;font-size: 18px;background: none;padding: 5px 10px;line-height: 32px;acolor: #333;display: block;border-bottom: 1px solid #888;margin: 0 3px;} #brand .dropdown ul li a:hover {text-decoration: underline;} #brand .dropdown ul li a.active {color: #F39D0D;} #brand .dropdown ul li a .icon-wrap {display: inline-block;width: 70px;margin-left: 10px;text-align: center;height: 32px;overflow: hidden;vertical-align: top;} #brand .dropdown ul li a img {margin: 0;max-width: 70px;max-height: 30px;} #brand .dropdown ul li.item-84 {background-color: #DB2161;border: 0;margin: 0;} #brand .dropdown ul li.item-84 a .icon-wrap {text-align: left;} #brand .dropdown ul li.item-85 {background-color: #00B3E7;border: 0;margin: 0;} #brand .dropdown ul li.item-85 a .icon-wrap {text-align: left;margin-left: 4px;margin-right: 6px;} #brand .dropdown:hover .dropdown-menu {display: block;} #brand .dropdown ul li ul {left: 100%;top: 0;display: none;padding: 0;margin: 0;position: absolute;background: #333 url(../img/bg.jpg) -300px top;width: 200px;} #brand .dropdown ul li:hover ul {display: block;} #brand .dropdown ul li ul li {background: rgba(0,0,0, 0.6);line-height: 32px;} #brand .dropdown ul li ul li a {} /* #brand .col-md-2 {background: url(../img/intro-merchants-hr.png) right center no-repeat;} #brand .col-md-2:last-child {background: none;} */ #brand .on-left {position: absolute;top: 0;left: ;height: 100%;width: calc(50vw - 585px + 10px);background: #129844;} #categories-home {} #categories-home .row {margin-left: -8px;margin-right: -8px;} #categories-home .col-md-3 {padding-left: 8px;padding-right: 8px;} #categories-home .cat {margin: 0 0 20px 0;transition: all .2s ease-in-out;} #categories-home .cat:hover {transform: scale(1.08);box-shadow: 0 0 3px #333;z-index: 999;box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.6);} #categories-home .cat a {display: block;background: #000 center center no-repeat;background-size: cover;text-decoration: none;padding: 140px 0 20px;} #categories-home .cat a .name {display: block;margin: 0 0 15px 0;font-size: 22px;color: #F6A400;font-weight: 700;line-height: 25px;} #categories-home .cat a span {font-size: 13px;} #categories-home .cat:hover .triangle-svg {color: #FFF;background: #129844;background: linear-gradient(to right, #129844 0%, #006C2B 100%);} #categories-home .cat:hover svg polyline {fill: #006C2B;} #categories-home .cat-84 {background: #D4205E;background: linear-gradient(#D4205E, #650F2D);} #categories-home .cat-84 a {background: center 30px no-repeat;background-size: 90%;} #categories-home .cat-84 a .name {height: 25px;width: 100%;overflow: hidden;text-indent: -500px;} #categories-home .cat-85 {background: #00AEE1;background: linear-gradient(#00AEE1, #00465D);} #categories-home .cat-85 a {background: center 30px no-repeat;background-size: 90%;} #categories-home .cat-85 a .name {height: 25px;width: 100%;overflow: hidden;text-indent: -500px;} #categories-home-test {} #categories-home-test .row {margin-left: -8px;margin-right: -8px;} #categories-home-test .col-md-3 {padding-left: 8px;padding-right: 8px;} #categories-home-test .cat {margin: 0 0 20px 0;transition: all .2s ease-in-out;} #categories-home-test .cat:hover {transform: scale(1.08);box-shadow: 0 0 3px #333;z-index: 999;box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.6);} #categories-home-test .cat a {display: block;background: #000 center center no-repeat;background-size: cover;text-decoration: none;padding: 200px 0 20px;} #categories-home-test .cat a .name {display: block;margin: 0 0 15px 0;font-size: 22px;color: #F6A400;font-weight: 700;line-height: 25px;} #categories-home-test .cat a span {font-size: 13px;} #categories-home-test .cat:hover .triangle-svg {color: #FFF;background: #129844;background: linear-gradient(to right, #129844 0%, #006C2B 100%);} #categories-home-test .cat:hover svg polyline {fill: #006C2B;} #categories-home-test .cat-84 {background: #D4205E;background: linear-gradient(#D4205E, #650F2D);} #categories-home-test .cat-84 a {background: center 30px no-repeat;background-size: 90%;} #categories-home-test .cat-84 a .name {height: 25px;width: 100%;overflow: hidden;text-indent: -500px;} #categories-home-test .cat-85 {background: #00AEE1;background: linear-gradient(#00AEE1, #00465D);} #categories-home-test .cat-85 a {background: center 30px no-repeat;background-size: 90%;} #categories-home-test .cat-85 a .name {height: 25px;width: 100%;overflow: hidden;text-indent: -500px;} #categories-home-test .cat-other {} #categories-home-test .cat-other a {padding-top: 120px;} #categories-home-test .cat-other a .name {font-size: 18px;} /* * #categories-home .cat a .cat-link {color: #FFF;display: inline-block;abackground: url(../img/triangle-right-22.png) right center no-repeat;border: 1px solid #FFF;border-right: 0;padding: 0 12px 0 0;font-weight: 300;line-height: 22px;} #categories-home .cat a .cat-link:hover {background: #098338;border-color: #098338;} */ #categories-subpage {background: #098338;margin: 10px 0;} #categories-subpage ul {margin: 0;} #categories-subpage ul li {padding: 0;border-right: 1px solid #066229;vertical-align: top;} #categories-subpage ul li a {font-weight: 300;display: block;height: 64px;border-right: 1px solid #47A169;awhite-space: nowrap;color: #FFF;padding: 8px 5px;font-weight: 700;font-size: 16px;atext-transform: uppercase;line-height: 24px;background: none;text-decoration: none;} #categories-subpage ul li a.active span, #categories-subpage ul li a:hover span {abackground: #F6A400;border-bottom: 1px solid #F6A400;} #categories-subpage ul li a span {display: inline-block;} #categories-subpage ul li a span.rows-2 {line-height: 48px;} /* #categories-submenu {background: #F6A400;margin: 0 0 10px 0;} #categories-submenu h3 {float: left;background: url(../img/categories-submenu-title.png) right center no-repeat;background-size: auto 100%;color: #FFF;font-weight: 700;padding: 0 10px 0 0;margin: 0 12px 0 0;font-size: 22px;height: 100%;margin: 0 20px 0 0;} #categories-submenu h3 a {background: #FDAA00;display: block;line-height: 46px;padding: 0 5px 0 12px;text-decoration: none;color: #FFF;height: 100%;} #categories-submenu h3 a:hover {text-decoration: underline;} #categories-submenu ul {margin: 0;} #categories-submenu ul li {padding: 0;aborder-right: 1px solid #A56E00;vertical-align: top;width: 140px;} #categories-submenu ul li a {font-weight: 300;white-space: nowrap;color: #FFF;padding: 12px 7px;afont-weight: 700;font-size: 16px;atext-transform: uppercase;line-height: 22px;background: none;text-decoration: none;} #categories-submenu ul li a.active span {abackground: #F6A400;aborder-bottom: 1px solid #F6A400;color: #F6A400;} #categories-submenu ul li a:hover span {abackground: #F6A400;aborder-bottom: 1px solid #F6A400;acolor: #F6A400;text-decoration: underline;} #categories-submenu ul li a span {display: inline-block;background: url(../img/categories-submenu-bullet.png) left center no-repeat;padding: 0 0 0 8px;} #categories-submenu ul li a span.rows-2 {aline-height: 40px;apadding-top: 12px;} #categories-submenu {background: rgba(0,0,0, 0.3);margin: 0 0 10px 0;} #categories-submenu ul li {border: 0;} #categories-submenu ul li a {border-color: #555;} #categories-submenu ul.rows {float: left;width: 85%;} #categories-submenu ul.rows li {width: 140px;} #categories-submenu ul.rows li a {padding: 5px 7px;} */ /* #categories-submenu {background: #000;background: rgba(0,0,0, 0.3);margin: 0 0 10px 0;} #categories-submenu h3 {float: left;background: url(../img/categories-submenu-title.png) right center no-repeat;background-size: auto 100%;color: #FFF;font-weight: 700;padding: 0 10px 0 0;margin: 0 12px 0 0;font-size: 22px;height: 100%;} #categories-submenu h3 a {background: #FDAA00;display: block;line-height: 46px;padding: 0 5px 0 12px;text-decoration: none;color: #FFF;height: 100%;} #categories-submenu h3 a:hover {text-decoration: underline;} #categories-submenu h4 {font-weight: 700;margin: 0 12px 0 12px;font-size: 22px;} #categories-submenu .navbar-toggle {font-size: 26px;margin: 0;padding: 0px;} #categories-submenu ul {margin: 0;width: 80%;float: left;} #categories-submenu ul li {padding: 0;width: 112px;overflow: hidden;} #categories-submenu ul li a {font-weight: 300;white-space: nowrap;color: #FFF;padding: 3px 7px;afont-weight: 700;font-size: 16px;atext-transform: uppercase;line-height: 22px;background: none;text-decoration: none;} #categories-submenu ul li a.active span {abackground: #F6A400;aborder-bottom: 1px solid #F6A400;color: #F6A400;} #categories-submenu ul li a:hover span {abackground: #F6A400;aborder-bottom: 1px solid #F6A400;acolor: #F6A400;text-decoration: underline;} #categories-submenu ul li a span {display: inline-block;background: url(../img/categories-submenu-bullet.png) left center no-repeat;padding: 0 0 0 8px;} #categories-submenu ul li a span.rows-2 {aline-height: 40px;apadding-top: 12px;} */ #categories-submenu {margin: 0 0 30px 0;} /*#categories-submenu h3 {color: #FFF;border-bottom: 1px solid #FF8D09;margin: 0 0 14px 0;text-transform: uppercase;padding: 0 0 5px 0;font-weight: 400;font-family: 'sk-modernistbold';font-size: 15px;line-height: 25px;} */ #categories-submenu ul {padding: 0;margin: 10px 0;display: block;} #categories-submenu ul li {margin: 3px 0;display: block;} #categories-submenu ul li a {color: #7F7F7F;padding: 0;background: none;font-size: 15px;text-decoration: none;} #categories-submenu ul li a:hover {color: #FFF;} #categories-submenu ul li a.active {color: #FFF;font-family: 'sk-modernistbold';} @media (max-width: 992px) { #categories-submenu {margin: 0 0 10px 0;background: #333;} #categories-submenu {amargin: 0 0 10px 0;} #categories-submenu h3 {border: 0;margin: 0;padding: 0;} #categories-submenu ul {} #categories-submenu ul li {float: left;width: 50%;} } #slideshow {margin: 0 0 10px 0;} #carousel {aheight: 350px;aoverflow: hidden;} #carousel .item {} #carousel .item img {width: 100%;margin: 0;} #carousel .container {box-shadow: 0 0 20px #000;} #carousel .carousel-control {background: none;} #carousel .carousel-caption {padding: 0;top: 5%;text-transform: uppercase;color: #FFF;text-shadow: 0 2px 0 #000;} #carousel .carousel-caption h2 {font-size: 48px;margin: 0 0 15px 0;} #carousel .carousel-caption p {font-size: 22px;line-height: 35px;} #carousel .carousel-control {font-size: 80px;width: 10%;text-shadow: none;opacity: 1;} #carousel .carousel-control .fa {width: 30px;height: 50px;line-height: 50px;margin-top: -25px;display: inline-block;top: 50%;position: absolute;} #main {background: #2B2B2B url(../img/bg.jpg) center top no-repeat;padding: 0 0 40px 0;} #main .bg-white {background: #FFF;padding: 30px;} #main .bg-dark {background: #313133;padding: 20px 30px;color: #FFF;} #main .bg-dark a {color: #0A8639;text-decoration: underline;} #main .row-40 {margin-left: -40px;margin-right: -40px;} #main .row-40 > div {padding-left: 40px;padding-right: 40px;} #main .row-30 {margin-left: -30px;margin-right: -30px;} #main .row-30 > div {padding-left: 30px;padding-right: 30px;} #main .row-20 {margin-left: -20px;margin-right: -20px;} #main .row-20 > div {padding-left: 20px;padding-right: 20px;} #main .row-10 {margin-left: -10px;margin-right: -10px;} #main .row-10 > div {padding-left: 10px;padding-right: 10px;} #main .row-2 {margin-left: -2px;margin-right: -2px;} #main .row-2 > div {padding-left: 2px;padding-right: 2px;} #main .row-1 {margin-left: -1px;margin-right: -1px;} #main .row-1 > div {padding-left: 1px;padding-right: 0px;} #main .row-0 {margin-left: 0px;margin-right: 0px;} #main .row-0 > div {padding-left: 0px;padding-right: 0px;} #main-top {height: 40px;} @media (max-width: 767px) { #main .row-10, #main .row-20, #main .row-30 {margin-left: -5px;margin-right: -5px;} #main .row-30 > div {padding-left: 10px;padding-right: 10px;} } /* footer {background: rgba(0,0,0, 0.4);aheight: 220px;position: relative;} footer.sticky {position: absolute;bottom: 0;width: 100%;} footer .bg {background: url(../img/footer.png) left top no-repeat;background-size: cover;aheight: 220px;padding: 0 0 40px 0;color: #3B3B3D;} footer .info {padding: 0;} footer .info .logo {display: inline-block;margin: 25px 0 0 0;} footer .info .logo img {width: 180px;} footer .info img {max-width: 180px;} footer .info h3 {margin: 10px 0 0 0;text-transform: uppercase;font-size: 19px;font-weight: 700;} footer .info p {atext-transform: uppercase;line-height: 20px;margin: 0;font-size: 18px;font-weight: 300;} footer .info .certificates {margin: 15px 0 15px 0;} footer .info .certificates .certificate-asics {margin-right: 20px;display: inline-block;} footer .bg-test {background: url(../img/footer.png) left top no-repeat;background-size: cover;aheight: 220px;padding: 0 0 20px 20px;color: #3B3B3D;} footer .bg-test h3 {color: #3A3A3C;text-transform: uppercase;font-size: 16px;line-height: 25px;margin: 20px 0 5px 0;font-weight: 700;} footer .bg-test .info-delivery {padding-left: 10px;} footer .bg-test .reasons {} footer .bg-test .reasons ul {margin: 0;padding: 0;list-style: none;} footer .bg-test .reasons ul li {padding: 4px 0 7px 10px;background: url(../img/footer-li.png) left 9px no-repeat;} footer .bg-test .reasons a {color: #3B3B3D;font-weight: 700;} footer .bg-test p.icons {font-size: 26px;color: #FFF;margin: 0 0 2px 0;height: 38px;} footer .bg-test p.icons-bottom {margin-bottom: 9px;} footer .bg-test p.icons img {max-height: 23px;margin: 5px 0;vertical-align: middle;margin-right: 30px;} footer .bg-test p.icons img.mastercard {margin-left: 20px;max-height: 30px;} footer .bg-test p.icons img.visa {margin-left: 10px;max-height: 30px;} footer .bg-test p.icons img.ppl {margin-bottom: 4px;avertical-align: top;} footer .bg-test p.icons img.mastercard-verified {margin-left: 10px;margin-right: 10px;} footer .bg-test p.icons img.visa-verified {margin-left: 10px;} footer .bg-test .icon {width: 67px;height: 32px;display: inline-block;margin: 0 5px 2px 0;background: center center no-repeat;abackground-size: 100% auto;} footer .bg-test .icon-visa {background-image: url(../img/logo-visa.png);} footer .bg-test .icon-mastercard {background-image: url(../img/logo-mastercard.png);} footer .bg-test .icon-gopay {background-image: url(../img/logo-gopay.png);} footer .bg-test .icon-paypal {background-image: url(../img/logo-paypal.png);} footer .bg-test .icon-visa-verified {background-image: url(../img/logo-visa-verified.png);} footer .bg-test .icon-mastercard-verified {background-image: url(../img/logo-mastercard-verified.png);} footer .bg-test .social-fb {display: inline-block;width: 148px;height: 35px;background: url(../img/footer-facebook.png) no-repeat;} footer .bg-test .social-fb-3 {background-image: url(../img/adsport-sk/footer-facebook.png);} footer .bg-test .icon-ppl {background-image: url(../img/logo-ppl.png);} footer .bg-test .icon-ppl-parcelshop {background-image: url(../img/logo-ppl-parcelshop.png);} footer .bg-test .icon-posta-doruky {background-image: url(../img/logo-posta-doruky.png);} footer .bg-test .icon-posta-napostu {background-image: url(../img/logo-posta-napostu.png);} footer .bg-test .form {max-width: 169px;} footer .bg-test .form .form-group {position: relative;margin-left: 1px;} footer .bg-test .form input.form-control {color: #313133;border: 0;background: #FFF;height: 34px;line-height: 34px;padding: 0 50px 0 10px;font-size: 12px;} footer .bg-test .form input.form-control:focus {border-color: #313133;} footer .bg-test .form input.form-control::-moz-placeholder {color: #313133;} footer .bg-test .form input.form-control::-webkit-input-placeholder {color: #313133;} footer .bg-test .form button {position: absolute;top: 0;right: 0;padding: 0;margin: 0;width: 40px;height: 34px;line-height: 0;background: #FFF url(../img/intro-login-button.png) left center no-repeat;padding: 0 0 0 8px;border: 0;color: #FFF;font-weight: 300;font-size: 18px;margin: 0 -1px;} footer .bg-test .form button span {display: block;padding: 0 5px 0 0;height: 34px;line-height: 34px;background: #129844;background: linear-gradient(to right, #129844 0%, #006C2B 100%);} footer .bg .col-md-3 {padding-left: 15px;padding-right: 15px;} footer .bg h3 {color: #FFF;text-transform: uppercase;font-size: 17px;line-height: 25px;margin: 20px 0 10px 0;font-weight: 700;} footer .bg table {font-size: 13px;width: 100%;margin: 0 0 10px 0;} footer .bg table td {text-align: right;} footer .bg p {font-size: 12px;margin: 0 0 10px 0;line-height: 20px;} footer .bg p.icons {font-size: 26px;color: #FFF;} footer .bg .icon {width: 67px;height: 42px;display: inline-block;margin: 0 5px 2px 0;background: center center no-repeat;background-size: 100% auto;} footer .bg .icon-visa {background-image: url(../img/logo-visa.png);} footer .bg .icon-mastercard {background-image: url(../img/logo-mastercard.png);} footer .bg .icon-gopay {background-image: url(../img/logo-gopay.png);} footer .bg .icon-paypal {background-image: url(../img/logo-paypal.png);} footer .bg .icon-visa-verified {background-image: url(../img/logo-visa-verified.png);} footer .bg .icon-mastercard-verified {background-image: url(../img/logo-mastercard-verified.png);} footer .bg .icon-ppl {background-image: url(../img/logo-ppl.png);} footer .bg .icon-ppl-parcelshop {background-image: url(../img/logo-ppl-parcelshop.png);} footer .bg .icon-posta-doruky {background-image: url(../img/logo-posta-doruky.png);} footer .bg .icon-posta-napostu {background-image: url(../img/logo-posta-napostu.png);} footer .bg .form {margin-right: 20px;} footer .bg .form .form-group {position: relative;margin-left: 1px;} footer .bg .form input.form-control {color: #313133;border: 1px solid #313133;height: 35px;line-height: 35px;padding: 0 50px 0 10px;font-size: 12px;} footer .bg .form input.form-control:focus {border-color: #313133;} footer .bg .form input.form-control::-moz-placeholder {color: #313133;} footer .bg .form input.form-control::-webkit-input-placeholder {color: #313133;} footer .bg .form button.submit {position: absolute;top: 0;right: 0;padding: 0;margin: 0;width: 35px;height: 35px;background: #313133;color: #FFF;font-weight: 700;line-height: 35px;font-size: 14px;} footer .social-fb {display: block;} footer .social-fb .fa {height: 35px;width: 35px;line-height: 35px;text-align: center;display: block;float: left;margin: 0 8px 0 0;background: #3B5998;color: #FFF;font-size: 18px;} footer .social-fb span {color: #313133;font-size: 12px;line-height: 16px;display: block;} footer .on-right {position: absolute;top: 0;right: 0;height: 100%;width: calc(50vw - 585px + 10px);background: #f6a600;} footer .info .certificates {float: right;margin-top: 27px;margin-right: 10px;} footer .info .contact {float: left;padding: 27px 0 0 0;line-height: 30px;font-size: 15px;} footer .info .contact a {font-weight: 700;} footer .info .contact span {font-size: 13px;display: block;line-height: 20px;font-style: italic;margin-top: -5px;} */ .tab-primary {} .tab-primary .nav {margin: 0 0 56px 0;list-style: none;padding: 0;border-bottom: 1px solid #3F3F3F;} .tab-primary .nav li {padding: 0;margin: 0;} .tab-primary .nav li a {padding: 12px 25px;text-decoration: none;background: #333333;color: #9F9F9F;border-radius: 0;border: 0;font-size: 16px;margin: 6px 2px 0 0;} .tab-primary .nav li a:hover {color: #FFF;background: #3F3F3F;} .tab-primary .nav li.active a {padding: 15px 35px;background-color: #2E2E2E;color: #FF8D09;border: 1px solid #3F3F3F;border-bottom: 0;margin: 0 2px -1px 0;font-family: 'sk-modernistbold';} .tab-primary-white {} .tab-primary-white .nav {margin-bottom: 0;} .tab-primary-white .tab-content {background: #FFF;padding: 1px 30px 30px 30px;color: #333;} .tab-selectbox-wrap {margin: 0 0 20px 0;} .tab-selectbox-wrap .bootstrap-select {width: 100%;} @media (max-width: 991px) { .tab-primary .nav {margin-bottom: 30px;} .tab-primary .nav li a {padding: 6px 10px;font-size: 14px;} .tab-primary .nav li.active a {padding: 9px 10px;} } .content {} /*.content h1 {font-size: 26px;line-height: 40px;margin: 0 0 20px 0;color: #F6A600;font-weight: 700;}*/ /*.content h1 {margin: 0 0 30px 0;font-size: 32px;color: #FFF;line-height: 32px;font-weight: 400;} .content h2 {font-size: 24px;margin: 48px 0 20px 0;color: #FF8D09;font-weight: 400;} .content h2 strong {font-weight: 400;} .content h3 {font-size: 20px;margin: 25px 0 15px 0;font-weight: 400;color: #FF8D09;line-height: 28px;} .content h3 strong {font-weight: 400;} .content h4 {font-size: 16px;margin: 10px 0 10px 0;} .content h4 strong {font-weight: 400;}*/ /*.content a {color: #000;text-decoration: underline;}*/ .content img {margin: 15px 0;max-width: 100%;height: auto;} .content img.no-margin {margin: 0;} .content img.align-left {float: left;margin: 15px 20px 15px 0;} .content img.align-right {float: right;margin: 15px 0 15px 20px;} .content p {margin: 15px 0 15px 0;} .content p.top {margin: 25px 0;font-size: 17px;line-height: 24px;} .content table {border: 0;margin: 10px 0;border-collapse: collapse;max-width: 100%;} .content table tr th {vertical-align: top;text-align: left;border: 0;padding: 4px 12px;border: 1px solid #DDD;font-size: 13px;background: #F1F1F1;color: #000;} .content table tr td {border: 0;padding: 6px 10px;border: 1px solid #DDD;font-size: 13px;} .content ul {list-style: none;padding: 0px;margin: 15px 0 15px 20px; } .content ul li {padding: 1px 0 1px 5px;} .content ul li:before { background-color: #0cd6c6;border-radius: 50%;content: "";display: inline-block;margin-right: 10px;margin-bottom: 2px;height: 7px;width: 7px;} .content ul li ul {margin: 5px 0 5px 20px;} .content ol {list-style: decimal;padding: 0px;margin: 15px 0 15px 30px;} .content ol li {padding: 1px 0 1px 25px;} .content hr {border: 0;background: none;padding: 0;border-bottom: 1px solid #CCC;height: 1px;margin: 15px 0;} .content small {font-size: 11px;} .content strong {font-weight: 400;} .content .clear-top {margin-top: 0;padding-top: 0;} .content .clear-bottom {margin-bottom: 0;padding-bottom: 0;} .content .mb--20 {margin-bottom: 20px;} .content a.back {text-decoration: none;float: left;} .content a.back .fa {margin-right: 6px;} .content .color-grey, .content .color-grey a {color: #9F9F9F;} .content .color-yellow {color: #FF8D09;} .content .color-yellow a, .content .color-yellow strong {color: #FF8D09;} .content .color-green {color: #FF8D09;} .content .color-blue {color: #0cd6c6;} .content .color-red, .content .color-red strong {color: #DD0000;} .content .box-important {color: #DD0000;background: #FFF;padding: 10px;} .content .style-2-blue {font-size: 24px;margin: 48px 0 20px 0;color: #30d8ab;font-weight: 400;font-family: 'sk-modernistbold';} .content .style-2-blue strong {font-weight: 400;color: #30d8ab;} .content .style-3-blue {font-size: 20px;margin: 25px 0 15px 0;font-weight: 400;color: #30d8ab;font-family: 'sk-modernistbold';line-height: 28px;} .content .style-3-blue strong {font-weight: 400;color: #30d8ab;} .content .style-2-yellow {font-size: 24px;margin: 48px 0 20px 0;color: #FF8D09;font-weight: 400;font-family: 'sk-modernistbold';line-height: 28px;} .content .style-2-yellow strong {font-weight: 400;color: #FF8D09;} .content .style-3-yellow {font-size: 20px;margin: 25px 0 15px 0;font-weight: 400;color: #FF8D09;font-family: 'sk-modernistbold';} .content .style-3-yellow strong {font-weight: 400;color: #FF8D09;} .content .share-link-instagram {color: #FFF;} .content .share-link-instagram img {margin: 3px 15px 0 0 ;float: left;} .content table.sizetable {margin-bottom: 20px;} .content table.sizetable th {white-space: nowrap;color: #FFF;background: #333;} .content table.sizetable thead td {background: #F39C0E;color: #FFF;font-weight: 700;text-align: center;white-space: nowrap;} .content table.sizetable thead th {background: #129844;color: #FFF;vertical-align: middle;} .content table.sizetable tbody td {width: 55px;text-align: center;color: #333;} .content table.sizetable tbody th {vertical-align: middle;} .content table.sizetable-clothes tbody td {width: 75px;} .content table.sizetable-others tbody td {width: 85px;} .content table.sizetable td.width-auto {width: auto !important;text-align: left;} .content p.table-info {font-style: italic;color: #333;margin-top: -17px;} .content #christmas {background: #FFF;padding: 10px;color: #333;margin: 0 0 20px 0;} .content #christmas p {margin: 0;padding: 15px;border: 2px solid #DD0000;} .content ul.nav-tabs-color {margin: 15px 0 0 0;border-bottom: 3px solid #F6A600;padding: 0 20px;} .content ul.nav-tabs-color li {padding: 0;} .content ul.nav-tabs-color li a {border-radius: 0;padding: 0 0 0 30px;border: 0;color: #F6A600;background: url(../img/tab.png) left 100px no-repeat;text-decoration: none;font-size: 17px;} .content ul.nav-tabs-color li a span {display: block;padding: 0 30px 0 0;background: url(../img/tab.png) right 100px no-repeat;line-height: 42px;} .content ul.nav-tabs-color li.active a {background: url(../img/tab.png) left 0 no-repeat;border: 0;font-weight: 700;color: #FFF;} .content ul.nav-tabs-color li.active a span {background-position: right -84px;} /* .content .tab-content {padding: 20px;background: #FFF;color: #333;} .content .tab-content h2:first-child {margin-top: 0;} .content .tab-content h2 {color: #333;} .content .tab-content .form {margin: -20px;} */ .content h2.main-title {color: #FFF;font-size: 28px;line-height: 34px;margin: 0 0 40px 0;text-align: center;font-family: 'sk-modernistbold';padding: 0 0 20px 0;position: relative;} .content h2.main-title:after {content: "";height: 4px;width: 60px;position: absolute;bottom: 0px;left: 50%;margin-left: -30px;background: #FFF;} .content h2.main-title a {color: #FFF;text-decoration: none;} .content h2.main-title a:hover {color: #FF8D09;} .content .partner-logos {margin-bottom: 35px;} .content .partner-logos img {margin: 5px 20px 5px 0;} .content .partner-logos img.manufacturer-9 {width: 60px;margin-left: 13px;margin-right: 27px;} .content .partner-logos img.manufacturer-10 {width: 50px;margin-left: 15px;margin-right: 35px;} .content .partner-logos img.manufacturer-1 {width: 65px;margin-left: 8px;margin-right: 27px;} .content .partner-logos img.manufacturer-2 {width: 50px;margin-left: 13px;margin-right: 37px;} .content .partner-logos img.manufacturer-3 {width: 70px;margin-left: 15px;margin-right: 15px;} .content .partner-logos img.manufacturer-5 {width: 60px;margin-left: 8px;margin-right: 32px;} .form-check-input {border: 1px solid #babcbe; border-radius: 0; height: 17px; width: 17px; } .form-check-input:checked {background-color: #ff8d09; border: none;} @media (max-width: 991px) { .content h1 {font-size: 24px;line-height: 30px;margin-bottom: 20px;} } .content .vocobulary-link {color: #FFF;text-decoration: underline;text-decoration-style: dotted;} .content .vocobulary-link .tooltip-content {display: none;} /* .content .to-checkout {} .content .to-checkout .btn-default {margin-top: 10px;text-decoration: none;} .content ul.vocobulary {float: left;list-style: none;margin: 0 0 15px 0;padding: 0;} .content ul.vocobulary li {float: left;margin: 0 3px 3px 0;padding: 0;} .content ul.vocobulary li a {display: block;float: left;border: 1px solid #DDD;text-decoration: none;padding: 3px 5px;font-size: 16px;} */ /* .content .catalog-title a.triangle {color: #FFF;text-decoration: none;display: inline-block;background: url(../img/triangle-right-35.png) right center no-repeat;padding: 0 12px 0 0;font-weight: 300;} .content .catalog-title a.triangle span {display: inline-block;line-height: 32px;border: 1px solid #DFDFDF;border-right: 0;padding: 0 12px;} */ .section-content {padding: 0 0 20px 0;} .content .splide__pagination li:before {display: none;} .content .splide__list li:before {display: none;} .clear-bottom {padding-bottom: 0;margin-bottom: 0;} .section-faq {} .section-faq h2 {margin-top: 0;} .section-faq .faq-pages {margin-top: 50px;} .section-faq .submenu {} .section-faq .submenu h3 {color: #FFF;text-transform: uppercase;font-size: 15px;margin: 0;border-bottom: 1px solid #5D5D5D;padding: 0 0 14px 0;} .section-faq .submenu h3.no-2 {margin-top: 60px;} .section-faq .submenu h3 a {color: #FFF;text-decoration: none;} .section-faq .submenu h3 a:hover {text-decoration: underline;} .section-faq .submenu ul {margin: 0;padding: 0;} .section-faq .submenu ul li {padding: 0;} .section-faq .submenu ul li a {padding: 9px 0;border-bottom: 1px solid #5D5D5D;color: #9F9F9F;background: none;text-decoration: none;position: relative;} .section-faq .submenu ul li a:hover {color: #FFF;} .section-faq .submenu ul li.active a {color: #FFF;border-color: #FF8D09;font-family: 'sk-modernistbold';} .section-faq .submenu ul li.active a:after {content: "";position: absolute;top: 50%;right: 0;margin-top: -5px;width: 8px;height: 11px;background: url(../img/faq-arrow-active.png) no-repeat;} .section-faq .question {border-bottom: 1px solid #5D5D5D;} .section-faq .question h2.question-name {margin: 0;padding: 12px 0;position: relative;} .section-faq .question h2.question-name a {text-decoration: none;} .section-faq .question h2.question-name a:hover {text-decoration: underline;} .section-faq .question h2.question-name:after {content: "";position: absolute;top: 50%;right: 0;margin-top: -6px;width: 11px;height: 11px;background: url(../img/faq-plus-minus.png) 0 -11px no-repeat;} .section-faq .question h2.question-name.active:after {background-position: 0 4px;} .section-faq .question .answer {padding: 0 0 30px 0;display: none;} .section-faq .contact-buttons {margin: 50px 0 20px 0;} .section-faq .contact-buttons h2 {color: #FFF;font-size: 20px;} .section-faq .contact-buttons a {margin: 0 10px;} @media (max-width: 991px) { .section-faq h1 {margin-top: 15px;} .section-faq .faq-pages {margin-top: 0;} .section-faq .submenu h3 {border: 0;padding: 0;margin: 0;} } .section-dark {background: #1D1D1D;padding: 30px;} .section-white {background: #FFFFFF;padding: 30px;color: #333;} .section-profile {padding: 0 0 60px 0;} .section-profile .profile-data {margin: 0 0 20px 0;} .section-profile .section-dark {margin: 0 0 20px 0;} .section-profile .section-dark h2 {border-bottom: 1px solid #333;margin: 0 0 20px 0;padding: 0 0 18px 42px;font-family: 'sk-modernistbold';color: #FFF;font-size: 22px;background: left 3px no-repeat;} .section-profile .section-dark h2.icon-contact {background-image: url(../img/profile-icon-contact.png);background-position: 4px 3px;} .section-profile .section-dark h2.icon-credit {background-image: url(../img/profile-icon-credit.png);background-position: left 0;} .section-profile .section-dark p {margin: 10px 0;} .section-profile .section-dark p .data-label {color: #787878;display: inline-block;width: 120px;font-size: 14px;} .section-profile .section-dark .credit-description {color: #787878;} .section-profile .section-dark .credit-value {font-size: 45px;color: #FF8D09;text-align: center;margin: 40px 0;} .section-profile .section-dark .credit-help {color: #787878;padding-left: 30px;background: url(../img/profile-icon-help.png) left center no-repeat;} .section-profile .section-dark .credit-help a {color: #787878;} .section-profile .section-white {margin: 0 0 20px 0;} .section-profile .section-white h2 {margin: 0 0 30px 0;padding: 0 0 0 48px;font-family: 'sk-modernistbold';color: #FF8D09;font-size: 22px;background: left 3px no-repeat;} .section-profile .section-white h2.icon-address {background-image: url(../img/profile-icon-addresses.png);background-position: 4px 3px;} .section-profile .section-white h2.icon-orders {background-image: url(../img/profile-icon-orders.png);background-position: 4px 3px;} .section-profile .section-white h3 {border-bottom: 1px solid #DDD;margin: 0 0 30px 0;padding: 0 0 18px 0;font-family: 'sk-modernistbold';color: #FF8D09;font-size: 22px;background: left 3px no-repeat;} .section-profile .profile-addresses {border-bottom: 1px solid #DDD;margin: 0 0 20px 0;} .section-profile .profile-addresses .item-header {font-size: 13px;color: #FF8D09;padding: 3px 0;} .section-profile .profile-addresses .item {padding: 8px 0;border-top: 1px solid #DDD;} .section-profile .profile-addresses .item-edit {color: #333;padding-left: 24px;display: inline-block;background: url(../img/profile-icon-edit.png) left center no-repeat;line-height: 25px;font-size: 14px;margin-right: 15px;} .section-profile .profile-addresses .item-delete {color: #333;padding-left: 24px;display: inline-block;background: url(../img/profile-icon-trash.png) left center no-repeat;line-height: 25px;font-size: 14px;} .section-profile .profile-orders {border-bottom: 1px solid #DDD;margin: 0 0 20px 0;} .section-profile .profile-orders .item-header {font-size: 13px;color: #FF8D09;padding: 3px 0;} .section-profile .profile-orders .item {padding: 8px 0;border-top: 1px solid #DDD;} .section-profile .profile-orders .item .profile-order-detail {width: 30px;height: 25px;overflow: hidden;text-indent: 500px;display: block;background: url(../img/profile-order-view.png) center center no-repeat;} .section-profile .profile-orders .item strong.variable-symbol {color: #FF8D09;} .section-profile .profile-orders .item strong.price {color: #000;} .section-profile .profile-orders .item strong.order-state {color: #000;} .section-profile .section-password {display: none;} .pagination-wrap {padding: 8px 16px;background: transparent;text-align: center; padding-right:0;} .pagination-wrap .pagination {margin: 0;line-height: 30px; padding:0;} .pagination-wrap .pagination li {} .pagination-wrap .pagination li a {border: 1px solid transparent;background: 0;width:36px; height:36px; color: #babcbe;vertical-align: top;line-height: 30px; font-family:"urbane"; font-weight: 600; font-size: 14px; display: inline-block; text-decoration: none; border-radius: 3px;} .pagination-wrap .pagination li a.active {background-color: #fff; color: #1a2026; } .pagination-wrap .pagination li a.active:hover {border: 1px solid #fff;} .pagination-wrap .pagination li span.dots {color: #babcbe;padding: 0 10px;background: none;line-height: 30px;margin: 0;border: 0; font-family:"urbane"; font-weight: 600; font-size: 14px;} .pagination-wrap .pagination li a .fa {display:none;} .pagination-wrap .pagination li a:hover {border: 1px solid #4a4f54;} .pagination-wrap .pagination li a.next {margin-left: 15px;} .pagination-wrap .pagination li a.previous {margin-right: 15px;} /* #sidebar {} #sidebar ul.nav {list-style: none;} #sidebar ul.nav li {list-style: none;} #sidebar ul.nav li a.level-1 {background: none;border-bottom: 1px solid #EEE;text-transform: uppercase;font-size: 18px;line-height: 30px;} #sidebar ul.nav li a.level-2 {background: none;padding: 0 10px 0 20px;line-height: 27px;} #sidebar ul.nav ul {background: #F9FAFA;border-bottom: 1px solid #EEE;padding: 10px 0;margin: 0 0 15px 0;} #sidebar ul.nav ul li {} */ /* reporting */ #message {background: #FFF;} #message .fail {padding: 15px 20px;margin: 10px 0;background: #FFF;color: #EB1908;border: 1px solid #EB1908;} #message .fail a {color: #EB1908;} #message .success {padding: 15px 20px;margin: 10px 0;color: #FFF;background: #129844;background: linear-gradient(to right, #129844 0%, #006C2B 100%);} #message .success a {color: #FFF;} #message .info {border: 1px solid #F1F1F1;padding: 15px 20px;margin: 10px 0;color: #000;} /* /reporting */ /* forms */ .form {color: #000;margin: 0 0 10px 0;} .form h2 {margin: 0 0 40px 0;} .form .mandatory {color: #1a2026;font-size: 14px; font-weight: 400; font-family:"neue-haas-unica";} .form fieldset {} .form fieldset.block {margin: 0 0 40px 0;} .form label {text-align: left;afont-size: 13px;acolor: #666;font-weight: 400;} .form label.control-label {text-align: left;afont-weight: 400;} /*form button.submit {background: url(../img/button-right-57.png) right center no-repeat;font-weight: 700;font-size: 22px;padding: 0 40px 0 30px;border: 0;color: #FFF;line-height: 57px;text-transform: uppercase;}*/ .form input.form-control {line-height: 40px;height: 40px;background: none;font-size: 15px;box-shadow: none; border-radius: 5px;} .form input.form-control.size-l {line-height: 30px;padding: 12px 25px;height: 54px;} .form textarea.form-control {background: none;font-size: 15px;} .form select.form-control {height: 40px;} .form .info {margin: 5px 0 0 0;color: #787878;font-size: 14px;} .form .form-control:focus {box-shadow: none;border-color: #F6A600;} .form .checkbox {/*min-height: 40px;margin-bottom: 15px;*/apadding-top: 0;} .form .checkbox label {color: #babcbe;font-size: 16px; font-weight: 400; font-family:"neue-haas-unica";} .form .checkbox.form-toggle {margin-bottom: 20px;} .form .has-feedback .form-control-feedback {height: 40px;line-height: 40px;} .form .form-group {margin-bottom: 10px;} .form .submit-wrap {margin-bottom: 0;} .form .submit-wrap p {margin: 0;height: 54px;vertical-align: middle;display: table-cell;} /* .form .fb-login {font-size: 16px;color: #7F7F7F;} .form .fb-login a {display: inline-block;line-height: 30px;height: 30px;width: 207px;white-space: nowrap;overflow: hidden;text-indent: 500px;background: url(../img/registration-fb-login.png) no-repeat;margin-top: 10px;} */ .form-dark {} .form-dark label.control-label {color: #FFF;} .form-dark input.form-control {border: 0;background: #FFF;color: #1D1D1D;} .form-dark textarea.form-control {border: 0;background: #FFF;color: #1D1D1D;} .form-dark select.form-control {border: 0;} /*form .submit-wrap {} form .submit-wrap p {padding-top: 15px;margin: 0;} */ /* .form button.submit {font-weight: 700;font-size: 18px;padding: 0 15px 0 20px;margin-right: 20px;border: 0;color: #FFF;line-height: 54px;text-transform: uppercase;background: #129844;background: linear-gradient(to right, #129844 0%, #006C2B 100%);position: relative;} .form button.submit.with-icon {apadding-right: 40px;} .form button.submit .fa {margin-right: 5px;} .form button.submit svg {height: 100%;position: absolute;top: 0;right: -20px;} .form button.submit svg polyline {fill: #006C2B;} .form button.submit-40 {font-weight: 700;font-size: 16px;padding: 0 15px 0 20px;border: 0;color: #FFF;line-height: 40px;text-transform: uppercase;background: #129844;background: linear-gradient(to right, #129844 0%, #006C2B 100%);position: relative;} .form button.submit-40:hover {color: #FFF;} .form button.submit-40.with-icon {apadding-right: 40px;} .form button.submit-40 .fa {margin-right: 5px;} .form button.submit-40 svg {height: 100%;position: absolute;top: 0;right: -12px;} .form button.submit-40 svg polyline {fill: #006C2B;} */ #form-registration .switch-company {display: none;} #form-registration .switch-delivery-address {display: none;} #form-contact {padding: 30px;background: #1D1D1D;} #form-contact textarea.form-control {height: 140px;} #form-partner {padding: 30px;background: #1D1D1D;} #form-partner textarea.form-control {height: 140px;} #form-login-popup {} #form-profile-edit {background: url(../img/profile-edit-illust.png) right top no-repeat;} #form-address-edit {background: url(../img/profile-edit-address.png) right top no-repeat;min-height: 500px;} #form-newsletter {padding: 30px;background: #1D1D1D;color: #FFF;} /* a.submit-40 {font-weight: 700;font-size: 16px;padding: 0 15px 0 20px;border: 0;color: #FFF;line-height: 40px;text-transform: uppercase;background: #129844;background: linear-gradient(to right, #129844 0%, #006C2B 100%);position: relative;text-decoration: none;} a.submit-40:hover {color: #FFF;text-decoration: underline;} a.submit-40.with-icon {apadding-right: 40px;} a.submit-40 .fa {margin-right: 5px;} a.submit-40 svg {height: 100%;position: absolute;top: 0;right: -12px;} a.submit-40 svg polyline {fill: #006C2B;} */ /*form.form-bg {background: #F9FAFA;border-bottom: 1px solid #EEE;border-top: 1px solid #EEE;padding: 15px 0 0 0;margin: 0 0 15px 0;}*/ /* forms */ /* pagination */ /* .pagination {} .pagination ul {float: left;list-style: none;padding: 0;margin: 0;} .pagination ul li {float: left;margin: 0 0 10px 0;} .pagination ul li a {display: block;color: #000;text-decoration: none;font-weight: 700;font-size: 13px;line-height: 30px;padding: 0 10px;background: #BBB;} .pagination ul li a.active, .pagination ul li a:hover {color: #FFF;background: #000;} */ /* /pagination */ /* .content .subcategories {margin: 15px 0;background: #F9FAFA;border-bottom: 1px solid #EEE;border-top: 1px solid #EEE;} .content .subcategories ul {padding: 0;margin: 0;overflow: hidden;} .content .subcategories ul li {width: 33%;min-width: 150px;float: left;} .content .subcategories ul li a {background: none;text-decoration: none;padding: 4px 10px;} .content .subcategories ul li a:hover {color: #0CF;} */ /* .content .post {background: url(../img/menu-bottom.png) left bottom repeat-x;padding: 0 0 15px 0;margin: 0 0 15px 0;} .content .post h3, .content .post h2 {font-size: 20px;line-height: 25px;font-weight: 700;margin: 0 0 15px 0;} .content .post h2 a, .content .post h3 a {color: #15A5CA;} .content .post img {margin: 0;} .content .post p {margin: 0 0 5px 0;} */ .posts-catalog {padding: 30px 0 60px 0;} .posts-catalog .item {margin-bottom: 22px;} .posts-catalog .item img {margin: 0;} .posts-catalog .item .meta {color: #515151;font-size: 16px;font-family: 'sk-modernistbold';margin: 12px 0 8px 0;} .posts-catalog .item .meta .category {color: #30D8AB;display: inline-block;margin-right: 5px;} .posts-catalog .item h3 {margin: 0;font-weight: 400;line-height: 25px;font-size: 22px;} .posts-catalog .item h3 a {color: #FFF;text-decoration: none;} /* .posts-catalog .item a.triangle {color: #FFF;text-decoration: none;display: inline-block;background: url(../img/triangle-right-35.png) right center no-repeat;padding: 0 12px 0 0;font-weight: 300;} .posts-catalog .item a.triangle span {display: inline-block;line-height: 32px;border: 1px solid #DFDFDF;border-right: 0;padding: 0 12px;} */ .gallery {} .gallery .thumb {width: 250px;float: left;} .category-wrap {position: relative;} .category {} .category p {margin-top: 0;} .category .category-links-subcategory {margin: 20px 0;} .category .category-links-subcategory a.btn {margin-bottom: 3px;} .category .category-links-subcategory a.btn-primary {color: #000;padding-left: 27px;padding-right: 27px;} .category .category-links-subcategory a.btn-sixth {color: #000;} .category .category-links-subcategory a.btn-sixth:hover {text-decoration: underline;} .category .category-links-subcategory a.btn--file {padding-left: 50px;background-position: left top;background-repeat: no-repeat;} .category .category-links {margin: 20px 0;color: #FF8D09;} .category .category-links strong {} .category .category-links strong .fa {margin-right: 4px;color: #FF8D09;} .category .category-links a {color: #FFF;display: inline-block;color: #FFF;font-size: 15px;text-decoration: none;} .category .category-links a:hover {text-decoration: underline;} .category .category-links {} .category .btn--help {position: relative;overflow: hidden;} .category .btn--help .on-hover {position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: #FFD599;font-size: 13px;line-height: 14px;display: block;color: #000;padding: 5px 12px;white-space: normal;transition: all 0.25s ease 0s;z-index: 2;} .category .btn--help:hover .on-hover {left: 0;transition: all 0.4s ease 0s;} .category .btn--help .fa-info {font-size: 11px;line-height: 18px;height: 18px;width: 18px;text-align: center;color: #252525;background: #FFF;border-radius: 15px;position: relative;margin-left: 5px;} .category h1 {margin-bottom: 10px;} .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);text-align: center;} .overlay img {display: inline-block;margin-top: 50px;} .row-margin-8 {margin-left: -8px;margin-right: -8px;} .row-margin-8 .col-md-10, .row-margin-8 .col-md-2 {padding-left: 8px;padding-right: 8px;} #category-brand {padding: 0 0 20px 0;} #category-brand .breadcrumb {margin-top: 10px;} #category-brand .video {margin-top: -120px;} @media (max-width: 991px) { #category-brand .video {margin-top: 10px;} } .section-category-model {margin: 0 0 20px 0;} .section-category-model .breadcrumb {margin-top: 10px;} .catalog-title {margin: 30px 0;} .catalog-title h2.title {color: #FFF;font-size: 24px;line-height: 34px;margin: 0;text-align: center;font-family: 'sk-modernistbold';} .catalog-title h2.title a {color: #FFF;text-decoration: none;} .catalog-title h2.title a:hover {color: #FF8D09;} .catalog {} .catalog .section-products-slider .card {border-bottom: 1px solid #1a2026;} .catalog .row {margin-left: -13px;margin-right: -13px;} .catalog .col-md-3 {} .catalog .item {margin-bottom: 20px;position: relative;} .catalog .item .item-link {background: #FFF;display: block;text-decoration: none;} .catalog .item .icons {height: 40px;padding: 4px 15px 0 15px;position: relative;} .catalog .item .icons img {margin: 0;opacity: 0.5;width: 60px;} .catalog .item .icons .icons-top {position: absolute;top: 0;right: 10px;} .catalog .item h3 {font-size: 14px;line-height: 20px;height: 60px;overflow: hidden;margin: 0 15px 4px 15px;padding: 0;font-weight: 400;color: #000;font-family: 'sk-modernistregular';} .catalog .item h3 strong {color: #B4B4B4;font-weight: 400;display: block;font-family: 'sk-modernistregular';text-decoration: none;} .catalog .item .img-wrap {text-align: center;display: block;padding: 2px 15px 4px 15px;position: relative;} .catalog .item .img-wrap img {margin: 0;display: inline-block;amax-height: 140px;} .catalog .item .img-wrap a.default-img {display: block;} .catalog .item .img-wrap a.default-img img {max-width: 100%;} .catalog .item .info {background: #1D1D1D;line-height: 40px;text-align: center;apadding-left: 15px;} .catalog .item .info .row {margin: 0;} .catalog .item .info .row .col-xs-6 {padding: 0;} .catalog .item .info strong {font-size: 15px;color: #FFF;adisplay: block;white-space: nowrap;font-weight: 400;font-family: 'sk-modernistbold';vertical-align: top;} .catalog .item .info .price-old {color: #7F7F7F;text-decoration: line-through;display: inline-block;margin-left: 16px;vertical-align: top;} .catalog .item .info .btn-primary {padding: 0;text-align: center;width: 40px;line-height: 40px;font-size: 14px;vertical-align: top;white-space: nowrap;text-indent: 500px;overflow: hidden;background-image: url(../img/icon-header-cart.png);background-position: center center;background-repeat: no-repeat;background-color: #ff8d09;} .catalog .item .price-type {display: block;float: left;margin: 0 1px;width: 22px;height: 30px;overflow: hidden;text-indent: 500px;} .catalog .item .price-type.type-news {background-image: url(../img/icon-catalog-news.png);} .catalog .item .price-type.type-discount {background-image: url(../img/icon-catalog-sale.png);} .catalog .item .icon-sex {display: block;float: left;margin: 0 1px;width: 23px;height: 30px;overflow: hidden;text-indent: 500px;} .catalog .item .icon-sex--1 {background-image: url(../img/icon-catalog-male.png);} .catalog .item .icon-sex--2 {background-image: url(../img/icon-catalog-female.png);} .catalog .item .icon-delivery-free {display: block;float: left;margin: 0 1px;width: 23px;height: 30px;overflow: hidden;text-indent: 500px;background: url(../img/icon-catalog-delivery.png) 0 0 no-repeat;} .catalog .item:hover .icons img {opacity: 1;} .catalog .item:hover h3 span {text-decoration: underline;} .catalog .item .price-percent-sale {position: absolute;top: 55px;left: -4px;background: #ff3f00;padding: 0 12px 0 15px;height: 30px;line-height: 30px;color: #FFF;font-size: 16px;font-family: 'sk-modernistbold';} .catalog .tag-percent {position: absolute;top: 40px;left: 10px;padding: 0 7px;abackground: #ff3f00;line-height: 25px;z-index: 99;color: #ff3f00;font-family: 'sk-modernistbold';afont-size: 14px;} .catalog .tag-label {position: absolute;top: 40px;right: 10px;padding: 0 7px;background: #BD50AC;line-height: 25px;z-index: 99;color: #FFF;afont-family: 'sk-modernistbold';font-size: 14px;} .catalog .bx-wrapper .bx-controls-direction {top: -60px;right: 0;position: absolute;display: block;} .catalog .bx-wrapper .bx-controls-direction a {font-size: 30px;acolor: #FFF;display: inline-block;padding: 0 4px;margin-left: 3px;} .catalog .bx-wrapper .bx-controls-direction a.bx-prev {left: 5px;} .catalog .bx-wrapper .bx-controls-direction a.bx-next {right: 5px;} .catalog .bx-wrapper .bx-controls-direction a.disabled {display: none;} .catalog .tags-box {height: 14px;} @media (max-width: 1600px) { .catalog .item .info strong {font-size: 13px;} .catalog .item .info .price-old {margin-left: 10px;font-size: 11px;} } @media (max-width: 991px) { .catalog .item .info .price-old {display: none;} .catalog .item .icons img {width: 40px;} .catalog .item .img-wrap {padding-left: 7px;padding-right: 7px;} } /* .catalog-sidebar {} .catalog-sidebar .item {margin-bottom: 12px;border-bottom: 1px solid #2D2C2C;padding: 0 0 10px 0;} .catalog-sidebar .item h3 {text-transform: uppercase;font-weight: 300;font-size: 14px;line-height: 25px;height: 25px;overflow: hidden;margin: 0 0 3px 0;} .catalog-sidebar .item h3 a {text-decoration: none;color: #8B5E4D;} .catalog-sidebar .item h3 a:hover {color: #FFF;} .catalog-sidebar .item .img-wrap {height: 54px;width: 20%;overflow: hidden;margin: 0;float: left;} .catalog-sidebar .item .img-wrap img {margin: 0;max-width: 100%;} .catalog-sidebar .item .in {float: right;width: 75%;} .catalog-sidebar .item .price {font-size: 13px;color: #FFF;line-height: 25px;float: left;} .catalog-sidebar .item .price strong {font-weight: 300;} .catalog-sidebar .item .detail {float: right;display: block;font-size: 13px;padding: 0 12px;color: #FFF;line-height: 25px;text-transform: uppercase;text-decoration: none;-moz-transition: background-color 0.4s ease 0s;} .catalog-sidebar .item-no-1 .detail {background-color: #9E011A;} .catalog-sidebar .item-no-2 .detail {background-color: #C34101;} .catalog-sidebar .item-no-3 .detail {background-color: #FF8100;} .catalog-sidebar .item-no-4 .detail {background-color: #FFAC00;} .catalog-sidebar .item-no-5 .detail {background-color: #CC9B02;} .catalog-sidebar .item-no-6 .detail {background-color: #A47602;} .catalog-sidebar .item-no-7 .detail {background-color: #726E01;} .catalog-sidebar .item-no-8 .detail {background-color: #474401;} .catalog-sidebar .item-no-9 .detail {background-color: #337E0C;} .catalog-sidebar .item .detail:hover {background-color: #888;-moz-transition: background-color 0.4s ease 0s;} .catalog-sidebar .item .discount-type {display: block;position: absolute;bottom: 40px;right: 15px;background: #888;color: #FFF;padding: 0 10px;line-height: 25px;margin: 7px 0 0 0;text-transform: uppercase;} .catalog-sidebar .item .discount-type.akce {background-color: #9E011A;} .catalog-sidebar .item .discount-type.vyprodej {background-color: #FEAB00;} */ .list {} .list .item {margin-bottom: 15px;border-bottom: 1px solid #EEE;padding: 0 0 15px 0;} .list .item h2 {text-transform: uppercase;font-size: 16px;line-height: 25px;height: 25px;overflow: hidden;margin: 0 0 3px 0;} .list .item h2 a {text-decoration: none;} .list .item h2 a:hover {color: #FFAC00;} .list .item .img-wrap {width: 20%;overflow: hidden;margin: 0 15px 0 0;float: left;} .list .item .img-wrap img {margin: 0;max-width: 100%;} .list .item .in {float: left;width: 50%;} .list .item .info {float: right;width: 20%;border-left: 1px solid #DDD;padding: 15px 0 15px 20px;} .list .item .price {font-size: 24px;color: #000;line-height: 25px;display: block;margin: 0 0 15px 0} .list .item .price strong {font-weight: 700;} .list .item .detail {display: inline-block;font-size: 12px;color: #0CF;font-weight: 700;line-height: 25px;text-transform: uppercase;text-decoration: none;} .filter {color: #ACACAC;} .filter .checkbox.small label:before {width: 20px;height: 20px;top: 3px;} .filter .checkbox label:before {cursor:pointer;} .filter .checkbox label:hover:before {border:1px solid #e6e6e6;} .filter .checkbox.small label {padding-left: 32px;} .filter .selected-count {text-align: center;background-color: #ff8d09;padding: 0px;border-radius: 100%;height: 20px;width: 20px;display: flex;align-items: center;justify-content: center; font-family:"neue-haas-unica"; font-size: 12px; color: #1a2026; margin-left: 10px; font-weight: 400;} .filter .help-category {text-align: center;background-color: #374048;padding: 0px;border-radius: 100%;height: 16px;width: 16px;display: flex;align-items: center;justify-content: center; font-family:"urbane"; font-size: 11px; color: #babac0; margin-left: 10px; font-weight: 500; cursor: pointer;} .filter a {color: #9F9F9F;text-decoration: none;} .filter a:hover {color: #FFF;text-decoration: underline;} /*.filter h3 {font-weight: 400;font-family: 'sk-modernistbold';margin: 0;text-transform: uppercase;font-size: 15px;color: #FFF;line-height: 25px;} .filter h4 {font-weight: 400;text-transform: uppercase;color: #FF8D09;border-bottom: 1px solid #3F3F3F;margin: 25px 0 7px 0;font-size: 14px;padding: 0 0 10px 0;position: relative;} .filter h4 .selected-count {position: absolute;top: -4px;right: 10px;color: #FFF;background: #FFF;width: 20px;height: 20px;line-height: 20px;font-size: 12px;text-align: center;border-radius: 100%;color: #000;color: #FF8D09;background: #30D8AB;color: #FFF;font-family: 'sk-modernistbold';} /*.filter h4.icon {padding-left: 25px;}*/ .filter hr {border-color: #3F3F3F;} /* .filter .icon {width: 25px;height: 25px;display: inline-block;margin: 0 5px 0 0;} .filter .icon-stock {background-position: -50px -47px;} .filter .icon-price {background-position: 0 -548px;} .filter .icon-sale {background-position: 0 -598px;} */ .filter .border {display: block;border: 2px solid #888;padding: 2px;} .filter .border a {display: inline-block;padding: 0 8px;font-size: 13px;} .filter .checkbox {} .filter .checkbox:hover {text-decoration: none;} .filter .checkbox label {line-height: 20px;display: block; padding-bottom: 11px; padding-top: 2px; cursor: pointer;} .filter .sizes-units {display: flex;justify-content: space-between; border-bottom: 1px solid #4a4f54;margin-bottom: 15px; margin-top:20px; margin-right: 25px;} .filter .sizes-units a {font-family:"neue-haas-unica"; font-size: 13px; color: #babcbe; font-weight: 400; width: 57px; text-align:center; padding-bottom: 10px; } .filter .sizes-units a.active {color: #FF8D09; text-underline-offset: 16px; border-bottom: 1px solid #FF8D09;} .filter .sizes-units a:hover { text-decoration: none; border-bottom:1px solid #FF8D09; color: #FF8D09} .filter .sizes {padding: 8px 0 0 0;display: none; max-height: 277px;overflow-y: auto;padding-right: 10px;} .filter .sizes.active {display: block;} .filter .sizes .size {display: block;float: left;font-size: 16px; font-family:"neue-haas-unica"; font-weight:400; width: 36px;width: calc(22.3% - 0px);height: 40px;position: relative;text-align: center;line-height: 37px;border: 1px solid #4a4f54;color: #babcbe;margin: 0 5px 5px 0;text-decoration: none; border-radius: 5px;} /*.filter .sizes .size:hover {border: 1px solid #fff;} */ .filter .sizes .size.active {color: #1a2026; z-index: 2;} .filter .sizes .size.active:after, .filter .sizes .size:hover:after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 1px solid #fff; border-radius: 5px;} .filter .sizes .size.active:after {background-color:#fff; color: #1a2026; z-index: -1;} .filter .sizes .size input {display: none;} .filter .sizes .filter-hide {display: none;} .filter .color {padding: 8px 0 0 0;} .filter .color .checkbox {float: left;padding: 2px; ;margin: 0;position: relative;z-index: 1;} .filter .color .checkbox label {padding: 0;width: 45px;height: 30px;vertical-align: top;} .filter .color .checkbox:hover:after {/*content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 2px solid #30D8AB;z-index: -1;*/} .filter .color .checkbox label:before {width: 45px;height: 30px; border:unset; border-radius: 3px;} .filter .filter-param-options.color .checkbox {margin: 0;} .filter .filter-param-options.color input[type="checkbox"]:checked + label::after {content: url('../img/check-form.svg'); position: absolute;top: 4px;left: 11px;} .filter .price-slider {width: 100%;} .filter .price-slider input {width: 100%;} .filter .price-slider .range-text {font-size: 11px;width: 100%;padding: 3px 0 10px 0;} .filter .price-slider .range-text input {display: none;width: 100%;avisibility: hidden;} .filter .price-slider .range-text-inner {display: flex; justify-content: space-between; font-family:"neue-haas-unica"; font-size: 16px; font-weight: 400; color: #fff; margin-top: 15px;} .filter .price-slider .range-text .range-min {border: 1px solid #797e81; padding: 7px 31px;border-radius: 5px;} .filter .price-slider .range-text .range-max {border: 1px solid #797e81; padding: 7px 31px;border-radius: 5px;} .filter .price-slider .range-text .range-icon {border-top: 1px solid #fff; width: 24px; margin-top: 20px; } .filter .price-slider .range-text .mobile-text {display:none;} .filter .filter-not label {text-decoration: line-through;} .filter .filter-hide {display: none;} .filter .filter-item-label .filter-param-options {display: flex;flex-wrap: wrap; gap: 5px;} .filter .filter-item-label .checkbox.small label:before {display:none;} .filter .filter-item-label .checkbox.small label {padding: 1px 11px 2px 11px; border: 1px solid #4a4f54; border-radius: 3px; font-family:"neue-haas-unica"; font-size: 14px;} /* .filter .filter-item-label {background: linear-gradient(to right,#ff8d09,#ffab00);padding: 12px;} .filter .filter-item-label h4 {margin-top: 0;color: #333;} .filter .filter-item-label .checkbox label {color: #333;} .filter .filter-item-label .checkbox label:after {background: #333;} */ .filter .filter-param {padding-bottom: 30px; border-bottom: 1px solid #2E3841;} .filter .filter-param-fulltext-wrap {position: relative;} .filter input.filter-param-fulltext {background: transparent; border: 1px solid #7a7d81; border-radius:5px; margin: 15px 0 15px 0;height: 40px;line-height: 30px; font-family:"neue-haas-unica"; font-size: 16px; font-weight: 400; color:#fff;} .filter input.filter-param-fulltext.form-control::placeholder {color: #babcbe; font-family:"neue-haas-unica"; font-size: 16px; font-weight: 400;} .filter .filter-param-fulltext-wrap .icon-close {color: #FFF;position: absolute;top: 0px;right: 0px;font-size: 18px;cursor: pointer;background: #333 url(../img/close-white.png) 10px center no-repeat;width: 30px;height: 30px;background-size: 12px 12px;} .filter .filter-param-options-scroll {max-height: 205px;overflow-y: auto;} /*.filter .filter-param-options-scroll .filter-na {display: none;}*/ .filter .filter-param-options .filter-na {display: none;} .filter .filter-param-options input[type="checkbox"] {position: absolute;opacity: 0; cursor: pointer;height: 0;width: 0;} .filter .filter-param-options .checkbox input[type="checkbox"]:checked + label {color: #fff; } .filter .discountlevel .radio {margin-bottom: 10px; padding-left: 3px;} .filter .filter-param-options .checkbox {margin: 5px 0 5px 0;} .filter .filter-item-label .filter-param-options .checkbox input[type="checkbox"]:checked + label::after {content: none;} .filter .filter-item-label .filter-param-options .checkbox input[type="checkbox"]:checked + label {background: #fff; color: #1a2026; } .filter .filter-item-label .checkbox.small input[type="checkbox"]:checked + label {border-color: #fff;} .filter .filter-param-options .filter-param-empty {margin: 5px 0 5px 27px;color: #7F7F7F;} .filter .category-filter-tops {padding: 10px 7px 10px 7px;margin: 0;background: #1a2026; border-bottom: 1px solid #2E3841;} .filter .category-filter-top {float: left;width: 50%;padding: 5px 10px;} .filter .category-filter-top .checkbox {margin: 0;} .filter .category-filter-top .checkbox input[type="checkbox"] {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;} .filter .category-filter-top .checkbox label {padding-bottom: 5px} .category-filter-selected {margin: 0 0 30px 0; background-color: #2c333b; border-radius: 5px; padding:15px 15px; padding-bottom: 11px;} .category-filter-selected h4 {margin: 0 12px 0 0;padding: 0;font-family: 'sk-modernistbold';color: #FFF;display: inline-block;} .category-filter-selected div {display: inline; } .category-filter-selected a {padding: 2px 8px 4px 12px;color: #babcbe; font-family:"neue-haas-unica"; font-size: 14px; font-weight: 400; line-height: 24px;margin: 0;text-decoration: none; background-color: #374048; line-height: 21px; border-radius: 3px; margin: 0 5px 5px 0; display: inline-block;} .category-filter-selected a:hover {text-decoration:none; color: #fff;} .category-filter-selected a .icon-close {afont-size: 11px;margin: 0 0 3px 10px;vertical-align: middle;line-height: 21px;width: 9px;height: 9px;display: inline-block;background: url(../img/icon-close.svg) center center no-repeat;background-size: 10px 10px; cursor: pointer;filter: invert(57%) sepia(7%) saturate(7500%) hue-rotate(353deg) brightness(106%) contrast(105%);} .category-filter-selected .category-filter-reset {border: 0;text-decoration: underline;color: #ff8d09;font-size: 13px; font-family:"neue-haas-unica"; background-color: transparent;} .navbar-toggle {font-size: 24px;color: #FFF;margin: 0;padding: 0;float: right;} .navbar-toggle-full {background: #333;float: none;margin: 0;padding: 5px 10px;border: 0;width: 100%;border-radius: 0;text-align: center;border-bottom: 1px solid #555;} .navbar-toggle-full .fa {float: right;vertical-align: top;line-height: 25px;} .navbar-toggle-full h4 {line-height: 25px;} .category-order {display: none;} /* .filter { --scrollbarBG: #000; --thumbBG: #90A4AE; } .filter::-webkit-scrollbar { width: 11px; } .filter { scrollbar-width: thin; scrollbar-color: var(--thumbBG) var(--scrollbarBG); } .filter::-webkit-scrollbar-track { background: var(--scrollbarBG); } .filter::-webkit-scrollbar-thumb { background-color: var(--thumbBG) ; border-radius: 6px; border: 3px solid var(--scrollbarBG); } */ .filter .filter-param-options-scroll::-webkit-scrollbar {background-color: #FF8D09;width: 7px;} .filter .filter-param-options-scroll::-webkit-scrollbar-track {background-color: #374048;} .filter .filter-param-options-scroll::-webkit-scrollbar-thumb {background-color: #babac0;border-radius: 0px;border: 4px solid #FF8D09;} .filter .filter-param-options-scroll::-webkit-scrollbar-button {display:none;} .filter .variants .sizes::-webkit-scrollbar {background-color: #FF8D09;width: 7px;} .filter .variants .sizes::-webkit-scrollbar-track {background-color: #374048;} .filter .variants .sizes::-webkit-scrollbar-thumb {background-color: #babac0;border-radius: 0px;border: 4px solid #FF8D09;} .filter .variants .sizes::-webkit-scrollbar-button {display:none;} .filter .checkbox label:after {width: 14px; height: 14px; top:6px; left:3px;} .filter .price-slider-param .mobile-options {display:none;} @media (max-width: 992px) { /* .filter h4 {background: #333;border: 0;padding: 0;margin: 0;} #categories-submenu {abackground: #333;amargin: 0 0 10px 0;} #categories-submenu h3 {border: 0;margin: 0;padding: 0;} #categories-submenu ul {} #categories-submenu ul li {float: left;width: 50%;} #category-filter {background: #333;} */ /* .filter .checkbox {width: 50%;float: left;margin: 0;} .filter .sex-mobile .checkbox {width: 33%;float: left;margin: 0;} .filter .color .checkbox {width: auto;} .filter .filter-options {padding: 10px;} */ .category-filter-mobile {margin-bottom: 0px;} .category-filter-mobile .btn {position: relative;} .category-filter-mobile .btn .selected-count {position: absolute;top: 10px;right: 10px;color: #FFF;background: #FFF;width: 20px;height: 20px;line-height: 20px;font-size: 12px;text-align: center;border-radius: 100%;color: #000;color: #FF8D09;background: #30D8AB;color: #FFF;font-family: 'sk-modernistbold';} .filter {display: none;position: fixed;top: 100px;width: 100%;left: 0;z-index: 9999;height: calc(100% - 50px);background: #1a2026;} .filter.active {display: block;} .filter h4 {width: 48%;padding: 5px 12px;;aborder: 1px solid #FFF;margin: 3px 0 0 0;cursor: pointer;line-height: 30px;background: #283037;color: #a9acaf;position: relative; font-size: 20px; font-family:"urbane"; font-weight: 600; text-transform:uppercase; border-radius: 5px; position: relative; height: 48px;} .filter h4.active {background: #374048;color: #FFF;} .filter h4.active:after {content: '';width: 7px;height: 100%;position: absolute;border-right: 44px solid #374048;top: 0;bottom: 0;right: -17px;margin-top: 0px;border-radius: 5px;} .filter h4 .selected-count {right: 13px;top: 13px;} .filter .category-filter-header {padding: 17px 15px;line-height: 30px;position: relative; margin:0;background: #1a2026; border-bottom: 1px solid #2E3841;} .filter .category-filter-header h3 {margin:0; font-size: 20px; font-family:"urbane"; font-weight: 600; } .filter .category-filter-header .category-filter-close {position: absolute;top: 15px;right: 15px;font-size: 18px;color: #FFF;} .filter .category-filter-header .category-filter-close .icon-close {cursor: pointer; filter: invert(57%) sepia(7%) saturate(7500%) hue-rotate(353deg) brightness(106%) contrast(105%); margin: 0; height: 15px;} .filter .category-filter-footer {position: fixed;bottom: 0px;left: 0;width: 100%;} .filter .category-filter-footer .row-filter-footer {display:flex; align-items:center; justify-content:center; background-color: #fff; padding:14px 15px 14px 15px;} .filter .category-filter-footer .row-filter-footer .footer-item {width: 50%; padding-left: 12px;} .filter .category-filter-footer .row-filter-footer .footer-item .icon-close {cursor: pointer; filter: invert(57%) sepia(7%) saturate(7500%) hue-rotate(353deg) brightness(106%) contrast(105%); margin: 0; height: 11px; margin-bottom: 4px;} .filter .category-filter-footer .filter-cancel-btn {color: #FF8d09; font-family:"neue-haas-unica"; font-size: 16px; font-weight: 400; padding: 10px; padding-left: 5px;} .filter .category-filter-body {position: relative; padding-top: 12px; padding-bottom: 100px;overflow-y: scroll; overflow-x:hidden; height: 550px; padding-bottom:500px;} .filter .category-filter-body::-webkit-scrollbar {background-color: #FF8D09;width: 7px;} .filter .category-filter-body::-webkit-scrollbar-track {background-color: #374048;} .filter .category-filter-body::-webkit-scrollbar-thumb {background-color: #babac0;border-radius: 0px;border: 4px solid #FF8D09;} .filter .category-filter-body::-webkit-scrollbar-button {display:none;} .filter .category-filter-footer .btn-primary {width: 100%; font-size: 14px; font-family:"urbane"; text-decoration: none; color: #fff;} .filter .filter-item-label .filter-param-options {display:none;} .section-category .title-category:last-child {padding-bottom: 120px;} .section-category .title-category {margin-top: 5px;margin-left: 15px; margin-right: 15px; margin-bottom:0; border-radius: 5px; width: 97%;} .discountlevel .radio label {color: #FFF; font-size: 16px;font-weight: 400;font-family: "neue-haas-unica";} .filter .filter-param {padding:0; border: none;} .filter .filter-param-options {display: none;width: 48%;left: 50%;position: absolute;top: 17px;padding: 15px 15px 10px 15px;max-height: 100%;overflow-y: auto; margin-left: 5px;} .filter .filter-param-options.active {display: block; background: #374048; border-radius:5px; height: 105%; max-height: 105%;} .filter .filter-param-options .checkbox label {color: #FFF;} .filter .help-category {display: none;} .filter .filter-item-label {background: none;padding: 0;} .filter .filter-item-label .checkbox label {color: #FFF;} .filter .filter-item-label .checkbox.small label {border: none; padding-left: 32px; line-height: 20px;display: block;padding-bottom: 11px;padding-top: 2px;cursor: pointer; color: #babcbe;font-size: 16px; font-weight: 400;font-family: "neue-haas-unica"; color: #FFF;} .filter .filter-item-label .checkbox.small label::before {content: "";display: inline-block;position: absolute;width: 20px;height: 20px;left: 0;border: 1px solid #707070;border-radius: 0; background-color: transparent;-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;transition: border 0.15s ease-in-out, color 0.15s ease-in-out;} .filter .filter-item-label .checkbox.small label:hover:before {border: 1px solid #e6e6e6;} .filter input.filter-param-fulltext {display: none;} .category-order {display: none;position: fixed;top: 100px;width: 100%;left: 0;z-index: 2147483645;height: calc(100% - 50px);background: #1a2026;} .category-order.active {display: block;} .category-order .category-order-header {text-align: center;padding: 5px 10px;line-height: 30px;position: relative;margin: 0 0 10px 0;} .category-order .category-order-header h3 {line-height: 30px;font-weight: 400;font-family: 'sk-modernistbold';margin: 0;text-transform: uppercase;font-size: 15px;color: #FFF;} .category-order-header .category-order-close {position: absolute;top: 9px;right: 15px;font-size: 18px;color: #FFF;} .category-order-header .category-order-close .icon-close {cursor: pointer; filter: invert(57%) sepia(7%) saturate(7500%) hue-rotate(353deg) brightness(106%) contrast(105%); margin: 0; height: 15px;} .category-order-footer {position: fixed;bottom: 0;left: 0;width: 100%;} .category-order-footer .row-filter-footer {display:flex; align-items:center; justify-content:center; background-color: #fff; padding:14px 15px 14px 15px;} .category-order-footer .row-filter-footer .footer-item {width: 50%;} .category-order-footer .row-filter-footer .footer-item .icon-close {cursor: pointer; filter: invert(57%) sepia(7%) saturate(7500%) hue-rotate(353deg) brightness(106%) contrast(105%); margin: 0; height: 11px; margin-bottom: 4px;} .category-order-footer .btn-primary {width: 100%; font-size: 14px; font-family:"urbane"; text-decoration: none; color: #fff; display: flex; align-items:center; justify-content:center;} .category-order-footer .filter-cancel-btn {color: #FF8d09; font-family:"neue-haas-unica"; font-size: 16px; font-weight: 400; padding: 10px; padding-left: 5px; text-decoration: none;} .category-order .radio-wrap {padding: 5px 10px;border-bottom: 1px solid #777;} .category-order .radio {font-size: 15px;line-height: 24px;display: block;} .section-category .title-category .arrow {display:none;} .category-filter-selected {display: none!important;} .filter .selected-count {height: 22px;width: 22px; position: absolute;z-index: 999;} .filter .sizes .size {width: calc(30% - 0px);} .filter .price-slider .range-text .mobile-text {display:block; font-family:"neue-haas-unica"; font-size: 16px; font-weight: 400;} .filter .price-slider .range-text-inner {flex-direction:column; } .slider-track {background-color: #1a2026;} .filter .price-slider .range-number {display: flex; align-items: center; gap: 15px; margin-bottom: 20px;} .filter .price-slider .range-text { padding: 3px 0 6px 0;} .filter .price-slider .range-text .range-icon {display:none;} .filter .price-slider .range-text .range-min {width:100%;text-align: end; height:40px;} .filter .price-slider .range-text .range-max {width:100%;text-align: end; height:40px;} .filter .price-slider .range-text-inner {margin-bottom: 10px; aborder-bottom: 1px solid #1a2026; margin-top: 25px;} .filter .price-slider-param .mobile-options {display: block;} .filter .price-slider-param .checkbox label {border: none; padding-left: 32px; line-height: 20px;display: block;padding-bottom: 11px;padding-top: 2px;cursor: pointer; color: #babcbe;font-size: 16px; font-weight: 400;font-family: "neue-haas-unica"; color: #FFF;} .filter .price-slider-param .checkbox label::before {content: "";display: inline-block;position: absolute;width: 20px;height: 20px;left: 0;border: 1px solid #707070;border-radius: 0; background-color: transparent;-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;transition: border 0.15s ease-in-out, color 0.15s ease-in-out;} .filter .price-slider-param .checkbox.small label:hover:before {border: 1px solid #e6e6e6;} .filter .color .checkbox label:before {width: 61px;height: 41px;} .filter .color .checkbox label {width: 61px;height: 41px;} .filter .filter-param-options.color input[type="checkbox"]:checked + label::after {top: 9px;left: 18px;} } .category {margin: 0;} /* .category .filter-order {} .category .filter-order .ic {width: 25px;height: 25px;display: inline-block;margin: 0 10px 0 0;} .category .filter-order .icon-price {background-position: 0 -548px;} .category .filter-order .icon-sort-az {background-position: 0 -648px;} .category .filter-order button, .category .filter-order .open button {background: #1A171B;border-radius: 8px;border: 1px solid #FFF;color: #FFF;padding: 4px 10px;font-size: 13px;line-height: 25px;} .category .filter-order .dropdown-menu {background: #1A171B;border-radius: 8px;border: 1px solid #FFF;color: #FFF;padding: 4px 10px;} .category .filter-order .dropdown-menu li {} .category .filter-order .dropdown-menu li.selected {display: none;} .category .filter-order .dropdown-menu li a {background: none;color: #EEE;text-decoration: none;line-height: 25px;display: inline-block;padding: 0;font-size: 13px;} .category .filter-order .dropdown-menu li a:hover {color: #FFF;} */ .category-wrap {margin: 0 0 40px 0;} .category-wrap .category-pagination {margin: 0 0 25px 0; height: 50px; border-radius: 3px; display:flex; justify-content:space-between; gap: 15px;} .category-wrap .category-pagination .options {border: 1px solid #2e3841; width: 80%; display: flex; flex-wrap: wrap;} .category-wrap .category-pagination .category-pagination-filter {padding: 12px;display: inline-block;position: relative; vertical-align: top;} .category-wrap .category-pagination .checkbox label::before {width:20px; height:20px; border: 1px solid #707070; bottom:-1px;} .category-wrap .category-pagination .checkbox label::after {left: 0px;top: 0px;} .category-wrap .category-pagination .checkbox label {color:#babcbe; font-family:"neue-haas-unica"; font-size: 16px; padding-left: 30px; text-transform: lowercase; line-height: 20px;} .category-wrap .category-pagination .checkbox input { position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0 } .category-wrap .category-pagination .category-pagination-order .dropdown-toggle::after {vertical-align:middle;} .category-wrap .category-pagination .category-pagination-order {height: 50px; background-color:#374048;display: flex;align-items: center; border-radius: 3px;} @media (max-width: 1199.98px) { .category-wrap .category-pagination .checkbox label {font-size: 13px;} .category-wrap .category-pagination {height: auto;} } /* .category-wrap .category-pagination .category-pagination-order .selectpicker {padding: 0;background: none;border: 0;line-height: 30px;font-size: 15px;font-weight: 400;font-family: 'sk-modernistregular';} .category-wrap .category-pagination .category-pagination-order .selectpicker .caret {color: #7F7F7F;font-size: 25px;} .category-wrap .category-pagination .category-pagination-order .selectpicker .filter-option {color: #FFF;} .category-wrap .category-pagination .checkbox-sale-icon {position: absolute;top: 0;right: 10px;width: 26px;height: 35px;background: url(../img/menu-icon-sale.png) left top no-repeat;} .category-wrap .category-pagination .checkbox-news-icon {position: absolute;top: 0;right: 10px;width: 26px;height: 35px;background: url(../img/menu-icon-news.png) left top no-repeat;} .category-wrap .category-pagination .checkbox-delivery-free-icon {position: absolute;top: 0;right: 10px;width: 26px;height: 35px;background: url(../img/menu-icon-delivery-free.png) left top no-repeat;} .category-wrap .category-pagination .checkbox-stock-icon {position: absolute;top: 0;right: 10px;width: 26px;height: 35px;background: url(../img/menu-icon-stock.png) left top no-repeat;} */ .category-footer {} .category-footer .category-footer-row {display: flex; justify-content: space-between; padding: 30px 0 80px 0;} .category-footer .category-footer-row .help-container {margin-top:0; margin-bottom:0;} .category-footer .category-footer-row .pagination-load-more {width: 240px;} .category-footer .description-content {margin-bottom: 60px;} .category-footer .description-content h1 {font-family:"urbane"; font-weight: 600; font-size: 18px; margin:0; margin-bottom: 15px; color: #fff; display:block; } .category-footer .description-content h2 {font-family:"urbane"; font-weight: 600; font-size: 18px; margin:0; margin-bottom: 15px; color: #fff; display:block; } .category-footer .description-content p {color: #babcbe; font-family:"neue-haas-unica"; font-size: 16px; font-weight:400; display:inline;} .category-footer .description-content .all-description {display:none;} .category-pagination .pagination-wrap ul li:before {display:none;} .category-pagination .pagination-wrap {height:55px;} .category-pagination .pagination-wrap .pagination li a {line-height: 35px;} .category-pagination li:last-child {display: none;} .category-wrap .category-pagination .pagination-wrap {padding: 7px 13px 7px 13px;float: right;} .category-wrap .category-pagination .pagination-wrap .pagination {margin: 0;line-height: 30px;vertical-align: top;} .category-wrap .category-pagination .pagination-wrap .pagination li {display: inline-block;vertical-align: top;} .category-wrap .category-pagination .pagination-wrap .pagination li a {border: 0;background: 0;padding: 0 5px;color: #7F7F7F;vertical-align: middle;line-height: 30px;} .category-wrap .category-pagination .pagination-wrap .pagination li a:hover, .category-wrap .category-pagination .pagination-wrap .pagination li a.active {color: #FF8D09;} .category-wrap .category-pagination .pagination-wrap .pagination li span.dots {color: #7F7F7F;padding: 0 4px;background: none;line-height: 30px;margin: 0;border: 0;} .category-wrap .category-pagination .pagination-wrap .pagination li a .fa {font-size: 30px;vertical-align: top;} .category-wrap .category-pagination .bootstrap-select {} .category-wrap .category-pagination .bootstrap-select .dropdown-toggle {box-shadow: none;background: none;color: #FFF;border: 0;padding-top: 0;padding-bottom: 0;line-height: 30px;outline: none; font-size:16px;font-family:"urbane"; color:#fff;} .category-wrap .category-pagination .bootstrap-select .dropdown-menu {margin: 0;border: 0;border-radius: 0;} .category-wrap .category-pagination .bootstrap-select .dropdown-menu .selected {display: none;} .category-wrap .category-pagination .bootstrap-select .dropdown-menu a {text-decoration: none;font-size: 15px;line-height: 30px;} .category-wrap .category-pagination .bootstrap-select .dropdown-toggle::after {content: url('../img/arrow-down-orange.svg'); border:none; margin-left: -5px;} .category-wrap .category-pagination .bootstrap-select .filter-option {overflow: inherit;} .category-wrap .category-pagination .bootstrap-select .dropdown-menu .check-mark {display: none;} .category-wrap .category-pagination .bootstrap-select.open .dropdown-toggle {background: #f5f5f5;color: #000;} /* .category-wrap .category-pagination .category-pagination-order .selectpicker {} .category-wrap .category-pagination .category-pagination-order .selectpicker li {} .category-wrap .category-pagination .category-pagination-order .selectpicker .selected {background: #CCC;padding: 0;margin: 0;border: 0;} */ .category-wrap .pagination-live-loading {visibility: hidden;} @media (max-width: 991px) { .category-wrap .category-pagination .category-pagination-order {display: block;} .category-wrap .category-pagination .pagination-wrap {float: none;} .category-wrap .category-pagination .category-pagination-filter {padding: 5px;} .category-wrap .category-pagination .checkbox-sale-icon, .category-wrap .category-pagination .checkbox-news-icon, .category-wrap .category-pagination .checkbox-stock-icon, .category-wrap .category-pagination .checkbox-delivery-free-icon {display: none;} .category-wrap .category-pagination .category-pagination-filter .checkbox-delivery-free {display: none;} .category-wrap .category-pagination .category-pagination-filter .checkbox label {font-size: 13px;padding-left: 20px;} .category-wrap .category-pagination .category-pagination-filter .checkbox {margin-right: 7px;} .category-wrap .category-pagination .category-pagination-order .bootstrap-select {width: 100%;} .category-wrap .category-pagination .category-pagination-order span.name {display: none;} .category-wrap .category-pagination .pagination-wrap {text-align: left;} .category-wrap .category-pagination .pagination-wrap ul li {padding: 0;font-size: 12px;} .category-wrap .category-pagination .category-pagination-order {position: absolute;top: 0;right: 0;width: 140px;font-size: 12px;} .category-wrap .category-pagination .category-pagination-order .filter-option {font-size: 12px;} .pagination-live-loading {width: 100vw;} .category-footer .category-footer-row {flex-direction: column;align-items: center; gap: 20px;border-bottom: 1px solid #374048; padding: 30px 0 20px 0;} .category-footer .category-footer-row .pagination-load-more {width: 150px; height: 48px;} .category-footer .category-footer-row .pagination-load-more span {line-height: 22px;} .category-footer .description-category {margin-top: 25px;} .category-footer .description-category h2 {} .category-footer .description-content {margin-bottom: 0px;padding-bottom: 50px; border-bottom: 1px solid #374048;} .category-footer .description-content .all-description {display:inline;} .category-footer .description-content h1 {margin-top: 30px;} .category-footer .description-content h2 {margin-top: 30px;} } .category-wrap .selected {border: 1px solid #3F3F3F;margin: 0 0 20px 0;padding: 11px 16px;line-height: 24px;} .category-wrap .selected .selected-block {font-size: 14px;margin: 0 15px 0 0;display: none;} .category-wrap .selected .selected-block.active {display: inline-block;} .category-wrap .selected strong {text-transform: uppercase;color: #FF8D09;font-family: 'sk-modernistregular';font-weight: 400;display: inline-block;margin: 0 5px 0 0;} .category-wrap .selected a.selected {display: inline-block;background: #D1D1D1;padding: 0 5px;color: #333;border: 0;border-right: 1px solid #9F9F9F;margin: 0;text-decoration: none;font-family: 'sk-modernistbold';} .category-wrap .selected a.selected .close {display: inline-block;width: 10px;height: 26px;background: url(../img/category-filter-close.png) center center no-repeat;margin: 0 0 0 5px;opacity: 1;} /* #product {margin: 0 0 20px 0;} #product .top-info {background: #333333;margin: 0 0 30px 0;position: relative;} #product .top-info .photos-wrap {background: #FFF;padding: 30px 30px 10px 30px;} #product .top-info .photos {position: relative;} #product .top-info .photos .icons {position: absolute;top: -30px;right: 0px;z-index: 10;white-space: nowrap;} #product .top-info .photos .icons .price-type {display: block;float: left;width: 40px;padding: 33px 0 0 0;line-height: 25px;margin: 0 3px;position: relative;font-size: 11px;color: #FFF;text-align: center;text-transform: lowercase;} #product .top-info .photos .icons .price-type:after {content: "";width: 32px;height: 1px;position: absolute;top: 33px;left: 4px;background: #000;opacity: 0.1;} #product .top-info .photos .icons .price-type.type-discount {background: #FF5100 url(../img/icon-product-sale.png) center top no-repeat;} #product .top-info .photos .icons .price-type.type-news {background: #0EBEC7 url(../img/icon-product-news.png) center top no-repeat;} #product .top-info .photos .icons .icon-delivery-free {display: block;float: left;width: 40px;padding: 33px 0 0 0;line-height: 25px;margin: 0 3px;position: relative;font-size: 11px;color: #FFF;text-align: center;text-transform: lowercase;background: #FF8D09 url(../img/icon-product-delivery.png) center top no-repeat;} #product .top-info .photos .icons .icon-delivery-free:after {content: "";width: 32px;height: 1px;position: absolute;top: 33px;left: 4px;background: #000;opacity: 0.1;} #product .top-info .photos .manufacturer {margin: 0 0 20px 0;} #product .top-info .photos .manufacturer img {max-width: 120px;} #product .top-info .photos .thumbs {} #product .top-info .photos .thumbs .thumb-main {text-align: center;margin: 0 0 20px 0;} #product .top-info .photos .thumbs .thumb-main img {margin: 0 auto;} #product .top-info .photos .thumbs .thumb {margin: 0;padding: 0 5px;display: inline-block;width: 85px;} #product .top-info .photos .thumbs .thumb img {opacity: 0.5;} #product .top-info .photos .thumbs .thumb .active img, #product .top-info .photos .thumbs .thumb img:hover {opacity: 1;} #product .top-info .photos .thumbs a .zoomWrapper {margin: 0 auto;} #product .top-info .info {padding: 25px 40px 0 0;position: relative;} #product .top-info .info h1 {margin: 0 0 25px 0;font-size: 26px;color: #FFF;line-height: 32px;font-family: 'sk-modernistregular';} #product .top-info .info .info-label {text-transform: uppercase;font-size: 14px;} /* #product .top-info .info a.size-table {text-decoration: none;padding: 0;color: #F6A600;border: 1px solid #F6A600;border-radius: 4px;line-height: 23px;padding: 0 8px;text-transform: uppercase;font-size: 12px;font-weight: 700;white-space: nowrap;} #product .top-info .info span.stock {display: inline-block;text-transform: uppercase;background: url(../img/catalog-stock.png) left center no-repeat;color: #F6A400;line-height: 23px;font-size: 12px;padding-left: 30px;afont-size: 11px;font-weight: 700;text-decoration: none;} #product .top-info .info span.stock .ic {abackground-size: 50em;background-position: 0 -44px;width: 18px;} */ /* #product .top-info .info .prices {color: #FFF;border-bottom: 1px solid #424242;border-top: 1px solid #424242;margin: 18px 0 0 0;padding: 17px 0;line-height: 30px;} #product .top-info .info .prices strong {font-size: 28px;color: #FF8D09;display: inline-block;font-family: 'sk-modernistbold';font-weight: 400;} #product .top-info .info .prices .info-vat {display: inline-block;margin-left: 15px;color: #9F9F9F;font-size: 14px;vertical-align: top;} #product .top-info .info .prices .price-old-wrap {color: #9F9F9F;font-size: 14px;} #product .top-info .info .prices .price-old-wrap .info-price {color: #9F9F9F;display: inline-block;margin: 0 12px 0 0;} #product .top-info .info .prices .price-old {display: inline-block;position: relative;margin: 0 20px 0 0;color: #9F9F9F;font-size: 19px;z-index: 1;} #product .top-info .info .prices .price-old:after {content: "";display: block;position: absolute;top: 45%;left: 0;width: 100%;height: 1px;background: #FF8D09;z-index: -1;} #product .top-info .info .cashback {border-bottom: 1px solid #424242;padding: 18px 0;line-height: 31px;color: #FFF;font-size: 14px;} #product .top-info .info .cashback span {display: inline-block;width: 31px;height: 31px;overflow: hidden;text-indent: 500px;white-space: nowrap;background: url(../img/icon-product-cashback.png) center center no-repeat;vertical-align: top;margin: 0 5px;} #product .top-info .info .cashback .fa-info {font-size: 11px;line-height: 18px;height: 18px;width: 18px;text-align: center;color: #252525;background: #FF8D09;border-radius: 15px;position: relative;margin-left: 5px;} #product .top-info .info .variants {} #product .top-info .info .variants .variant-header {margin: 18px 0 20px 0;} #product .top-info .info .variants .variant-header .size-table {color: #FF8D09;font-size: 13px;vertical-align: top;} #product .top-info .info .variants .size-change-wrap {display: inline-block;margin-right: 20px;vertical-align: top;} #product .top-info .info .variants a.size-change {display: block;float: left;line-height: 18px;color: #9F9F9F;background: #2F2F2F;padding: 2px 4px;margin: 0 0 0 1px;text-decoration: none;font-size: 12px;} #product .top-info .info .variants a.size-change.active {background: #FFF;color: #000;} #product .top-info .info .variants .variant {display: inline-block;font-weight: 400;font-size: 20px;amin-width: 48px;aheight: 48px;text-align: center;background: #252525;border: 1px solid #424242;margin: -1px 0 0 -1px;text-decoration: none;color: #FFF;font-family: 'sk-modernistbold';position: relative;cursor: pointer;margin: 0 1px 1px 0;vertical-align: top;} #product .top-info .info .variants .varianta:hover {color: #FFF;background: linear-gradient(to right, #0EBEC7, #30D8AB);} #product .top-info .info .variants .variant:hover:after {content: "";border: 2px solid #0EBEC7;position: absolute;top: 0;left: 0;width: 100%;height: 100%;} #product .top-info .info .variants .variant.active {background: linear-gradient(to right, #0EBEC7, #30D8AB);color: #252525;} #product .top-info .info .variants .variant .name {display: block;line-height: 48px;white-space: nowrap;padding: 0 5px;} #product .top-info .info .variants .variant .name-eur {display: block;margin: 0 6px;border-top: 1px solid #333;font-size: 13px;color: #9F9F9F;white-space: nowrap;} #product .top-info .info .variants .variant.active .name-eur {border-color: #68DFC9;color: #252525;} #product .top-info .info .variants .variant .delivery {display: block;font-size: 11px;font-weight: 400;line-height: 10px;margin-top: 7px;display: none;} #product .top-info .info .variants .variant .delivery.one-row {margin-top: 13px;} /* #product .top-info .info .bonus {color: #FFF;border-bottom: 1px solid #CCC;line-height: 20px;margin: 30px 0 15px 0;padding: 0 0 15px 0;} #product .top-info .info .delivery-info {color: #F6A600;border-bottom: 1px solid #CCC;line-height: 20px;margin: 15px 0;padding: 0 0 15px 0;font-weight: 700;} */ /* #product .top-info .info .sizetable-variant {display: block;color: #FFF;font-family: 'sk-modernistbold';font-size: 12px;line-height: 18px;margin: 0 0 5px 0;} #product .top-info .info .sizetable-variant span {display: inline-block;margin: 0 2px;} #product .top-info .info form {margin: 20px 0;} /* #product .top-info .info form select {background: none;border: 1px solid #DDD;height: 54px;width: 85px;color: #FFF;font-size: 22px;} #product .top-info .info form input.count {background: none;border: 1px solid #DDD;height: 54px;width: 85px;color: #FFF;font-size: 22px;} */ /* #product .top-info .info form .input-group {border: 0;background: #252525;} #product .top-info .info form .input-group input {border: 0;text-align: right;color: #FFF;font-size: 20px;width: 35px;padding-left: 0;padding-right: 0;} #product .top-info .info form .input-group .input-group-addon {padding: 0 10px;border-radius: 0;border: 0;background: none;font-weight: 400;} #product .top-info .info form .input-group .input-group-addon a {color: #9F9F9F;text-decoration: none;font-size: 22px;} #product .top-info .info form .input-group .addon-text {color: #FFF;font-size: 20px;padding: 0 3px 0 3px;} #product .top-info .info form .btn-default {text-align: left;padding-left: 20px;} /* #product .top-info .info form .input-group .input-group-addon {padding: 0;border-radius: 0;border: 0;background: none;} #product .top-info .info form .input-group .addon-text {color: #C3C3C3;background: none;border: 0;font-size: 22px;padding-left: 0;padding-right: 15px;} #product .top-info .info form .input-group:hover .addon-text {color: #FFF;} #product .top-info .info form .input-group .addon-controls {border-left: 1px solid #DDD;} #product .top-info .info form .input-group .addon-controls aa {text-decoration: none;line-height: 25px;display: block;padding: 0 6px;font-size: 13px;color: #C3C3C3;} #product .top-info .info form .input-group .addon-controls aa.fa-minus {border-top: 1px solid #C3C3C3;} #product .top-info .info form .input-group .addon-controls aa:hover {color: #333;background: #C3C3C3;} */ /*#product .top-info .info form label {color: #FFF;font-size: 22px;padding: 0 7px;}*/ /* #product .top-info .info form .warning {color: #FF250A;atext-transform: uppercase;font-weight: 700;font-size: 15px;margin: 0 0 8px 160px;} #product .top-info .price-percent-sale {position: absolute;top: 120px;left: -9px;background: #ff3f00;padding: 0 15px 0 25px;height: 45px;line-height: 45px;color: #FFF;font-size: 24px;font-family: 'sk-modernistbold';} #product .top-info .price-percent-sale:after {content: "";position: absolute;top: 100%;left: 0;width: 9px;height: 9px;background: url(../img/product-percent-bottom.png) no-repeat;} #product .top-info .product-sold {color: #FF4C00;margin: 30px 0;padding: 10px;border: 1px solid #FF4C00;} #product .tag-label {position: absolute;top: 70px;right: 0px;background: #BD50AC;color: #FFF;padding: 0 10px;line-height: 30px;text-decoration: none;} #product .tag-label:hover {text-decoration: underline;} #product .same-products {margin: 0 0 30px 0;} #product .same-products .info-label {color: #9F9F9F;} #product .same-products .same-item {background: #FFF;padding: 10px;margin: 10px 0 0 0;} #product #zoom-container {position: absolute;top: 0;left: -20px;} #product #zoom-container {} /* nevim k cemu to tady je, tak delam novou verzi, viz nize #product .popover {margin: 0;border-radius: 0;box-shadow: none;} #product .popover .arrow {display: none;} #product .popover .popover-content {color: #333;padding: 1px 5px;text-transform: uppercase;font-size: 12px;font-family: 'sk-modernistbold';} #product .popover .popover-content span {color: #CCC;display: inline-block;padding: 0 4px;} */ /* #product .popover {amargin: 0;aborder-radius: 0;background: #000;color: #FFF;font-size: 12px;} #product .popover .popover-content {} #product .popover .arrow {aborder-color: #000;abackground-color: #000;} #product .popover.right .arrow:after { border-right-color: #000; } #product .popover.bottom .arrow:after { border-bottom-color: #000; } /*#product .info h2 {margin-top: 0;}*//* #product .attributes {margin: 15px 0;} #product .attr {border-bottom: 1px solid #3F3F3F;padding: 0 0 10px 0;margin: 0 0 10px 0;color: #FFF;font-size: 14px;} #product .attr strong {color: #9F9F9F;} #product .param-video {margin-top: 50px;} #product .param-stars {} #product .param-stars img {margin: 5px 1px;vertical-align: top;line-height: 24px;} #product .description-short {font-size: 16px;line-height: 24px;margin: 0 0 10px 0;font-style: italic;} #product .technologies {} #product .technologies img {margin: 0;} #product .technologies .item {margin: 0 0 25px 0;padding: 0 0 25px 0;border-bottom: 1px solid #3F3F3F;} #product .technologies .item h3 {color: #FF8D09;margin: 0 0 15px 0;} #product .delivery {border-top: 1px solid #424242;margin: 20px 0 0 0;padding: 10px 0 0 0;line-height: 26px;text-transform: uppercase;font-size: 14px;display: none;} #product .delivery.delivery-one {display: block;border-top: 0;padding: 0;} #product .delivery .delivery-when {color: #9F9F9F;margin: 5px 0;text-transform: none;} #product .delivery .delivery-when span {color: #30D8AB;font-family: 'sk-modernistbold';display: inline-block;margin: 0 10px 0 0;} #product .delivery-wo-variants {} #product .delivery-wo-variants .delivery-text {color: #252525;background: linear-gradient(to right, #0EBEC7, #30D8AB);text-transform: uppercase;display: inline-block;padding: 0 10px;font-family: 'sk-modernistbold';line-height: 26px;margin-left: 12px;font-size: 14px;} #product #question {} #product #question h2 {color: #FFF;} #product #breadcrumb {padding: 0;} #product .store-last-item {display: inline-block;margin-left: 12px;color: #FFF;padding: 0 10px;background: #DD0000;} #product .stock-last-item {display: inline-block;margin-left: 12px;color: #FFF;padding: 0 10px;background: #245CC1;} #product .top-info .bx-wrapper {} #product .top-info .thumbs .bx-wrapper .thumb img {opacity: 1;margin: 0;} #product .top-info .bx-wrapper .bx-pager {display: block;text-align: center;} #product .top-info .bx-wrapper .bx-pager .bx-pager-item {display: inline-block;} #product .top-info .bx-wrapper .bx-pager .bx-pager-item a {width: 10px;height: 10px;background: #DDD;margin: 0 1px;display: inline-block;overflow: hidden;text-indent: 500px;} #product .top-info .bx-wrapper .bx-pager .bx-pager-item a.active {background: #333;} #product .top-info .bx-wrapper .bx-controls-direction {} #product .top-info .bx-wrapper .bx-controls-direction a {top: 50%;position: absolute;display: block;font-size: 20px;color: #333;} #product .top-info .bx-wrapper .bx-controls-direction a.bx-prev {left: 5px;} #product .top-info .bx-wrapper .bx-controls-direction a.bx-next {right: 5px;} #product .variants-selectbox {width: 100%;} #product .variants-selectbox .btn {box-shadow: none;outline: 0;} #product .variants-selectbox .btn:focus {box-shadow: none;outline: 0;} #product .variants-selectbox .btn:active {box-shadow: none;outline: 0;} #product .variants-selectbox .btn:focus:active {box-shadow: none;outline: 0;} @media (max-width: 991px) { #product .top-info .info h1 {font-size: 20px;line-height: 28px;} #product .top-info .row {margin: 0;} #product .top-info .row > div {padding: 0;} /* #product .top-info .photos-wrap {padding: 30px 15px 15px 15px;} #product .top-info .photos {padding: 0;} */ /* #product .top-info .photos-wrap {padding-left: 10px;padding-right: 10px;} #product .top-info .info {padding-right: 0;} #product .top-info .info .prices .price-old-wrap {float: none !important;} #product .top-info .price-percent-sale {left: 0;top: 50px;background-image: none;padding: 0 8px;font-size: 18px;line-height: 30px;height: 30px;} #product .top-info .price-percent-sale:after {display: none;} #product .top-info .photos .manufacturer {margin-top: -20px;} #product .top-info .photos .manufacturer img {max-width: 60px;} #product .top-info .photos .icons {top: -10px;} #product .delivery .delivery-when span {display: block;} #product .tooltip {display: none !important;} #product .top-info .same-products .same-item {margin: 0;padding: 3px;margin-top: 8px;} #product .top-info .same-products .row {margin: 0 -2px;} #product .top-info .same-products .row > div {padding: 0 4px;} } @media (min-width: 992px) { #product .top-info .bx-wrapper {display: none;} } #product .technologies p {margin: 0;padding: 0;} #product .technologies ul {list-style: none;margin: 0;padding: 0;} #product .technologies ul li {padding: 0 0 0 25px;} #product .technologies ul li a.technology {color: #FFF;text-decoration: none;font-size: 16px;display: block;position: relative;} #product .technologies ul li a span {padding: 0 5px 0 0;display: block;position: absolute;top: 2px;left: -15px;} #product .technologies ul li a.technology:hover, #product .technologies ul li a.technology.active {color: #FFF;} #product .technologies ul li a.technology.active {font-weight: 700;} #product .technologies ul li a:hover {text-decoration: underline;} #product .technologies ul li a.active span {font-family:'FontAwesome';content: '\f105';} #product .technologies ul li .technology-toggle {margin: 0 0 10px 0;display: none;font-style: italic;} #product .technologies ul li .technology-toggle p {margin: 0;} */ /* .detail {padding-top: 15px;} .detail .image {} .detail .image img {margin: 0;max-width: 100%;} .detail .right {} .detail .right h1 {margin: 0 0 20px 0;line-height: 30px;font-size: 22px;} .detail .right .type {color: #888;text-transform: uppercase;display: inline-block;line-height: 30px;} .detail .right hr {height: 1px;border: 0;border-top: 1px solid #DDD;background: 0;clear: both;margin: 15px 0;} .detail .right .price {font-size: 36px;line-height: 40px;} .detail .right .available {background: #726E01;color: #FFF;display: block;float: right;line-height: 28px;padding: 0 15px;text-transform: uppercase;} .detail .right .not-available {background: #000;color: #FFF;display: block;float: right;line-height: 28px;padding: 0 15px;text-transform: uppercase;} .detail .right .social-share {margin: 15px 0;background: #F9FAFA;border-top: 1px solid #EEE;border-bottom: 1px solid #EEE;padding: 12px 8px 5px 8px;} .detail .right .social-share .addthis_button_tweet iframe {width: 76px !important;} .detail .right button {background: none;border: 0;padding: 0;margin: 0;text-transform: uppercase;font-size: 13px;font-weight: 700;} .detail .right button:hover {color: #00CCFF;} .detail .right .fa-shopping-cart {border: 1px solid #00CCFF;color: #00CCFF;border-radius: 40px;width: 40px;height: 40px;line-height: 40px;text-align: center;display: inline-block;font-size: 20px;margin-left: 12px;} .detail .variants {padding-bottom: 7px;border-bottom: 1px solid #EEE;margin-bottom: 7px;line-height: 25px;} .detail .variants span.count {font-style: italic;color: #666;} .detail .variants span.price {line-height: 25px;font-size: 14px;color: #666;} .detail .variants .fa-shopping-cart {font-size: 12px;line-height: 25px;height: 25px;border-radius: 25px;width: 25px;color: #666;border-color: #DDD;padding-right: 3px;} .detail .variants button:hover {color: #00CCFF;} .detail .variants button:hover .fa-shopping-cart {color: #00CCFF;border-color: #00CCFF;} .detail .variants .row {margin-left: 0;margin-right: 0;} .detail .variants .row > div {padding-left: 0;padding-right: 5px;} .detail .play {display: inline-block;margin-top: 10px;text-decoration: none;line-height: 25px;} .detail .play:hover {color: #00CCFF;} .detail .play .fa-play {font-size: 9px;line-height: 25px;height: 25px;border-radius: 25px;width: 25px;color: #CCC;border: 1px solid #CCC;text-align: center;margin-right: 5px;} .detail .play:hover .fa-play {color: #00CCFF;border-color: #00CCFF;} .detail .attrs {padding: 15px 0;} .detail .attrs p {margin: 0 0 5px 0;color: #666;} .detail .attrs a {color: #00CCFF;} .detail .attrs strong {color: #000;font-weight: 400;} */ .affix-container.affix-top { position: static !important; width: 100%; } .affix-container.affix { position: fixed !important; atop:70px; top: 0; margin-top: 10px; awidth: 100%; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; } @media (max-width: 767px) { .affix-container.affix-top, .affix-container.affix {position: relative !important;top: auto !important;} } .zoomContainer {} .zoomContainer .zoomLens {background-color: #FFF;} .section-cart {padding: 20px 0 60px 0;} #cart .cart-alert {background: #FFF;color: #DD0000;padding: 0 30px 10px 30px;font-style: italic;} #cart .form-validation {position: absolute;background: #DD0000;color: #FFF;left: calc(100% + 20px);top: 8px;min-width: 170px;white-space: nowrap;font-size: 14px;line-height: 20px;padding: 2px 20px 2px 8px;font-family: 'sk-modernistbold';} #cart .form-validation:after {content: "";position: absolute;left: -12px;top: 0;width: 0; height: 0; border-style: solid; border-width: 12px 12px 12px 0; border-color: transparent #dd0000 transparent transparent; } /* #cart .affix-container-wrap {position: relative;width: 100%;} */ /* #cart h2 {font-family: 'sk-modernistbold';font-size: 20px;margin: 0;padding: 15px 30px;color: #FF8D09;background: #1D1D1D;background: rgba(0,0,0,0.6);line-height: 30px;position: relative;} #cart h2.success {color: #30D8AB;} #cart h2.success:after {font-family:'FontAwesome';content: '\f00c';position: absolute;font-size: 20px;top: 15px;right: 30px;color: #30D8AB;border: 1px solid #30D8AB;width: 30px;height: 30px;border-radius: 30px;text-align: center;line-height: 30px;} #cart h2.fail {} #cart h2 .form-validation {position: relative;left: auto;top: auto;margin-top: 3px;vertical-align: top;margin-left: 24px;display: inline-block;} #cart .fa-info {font-size: 11px;line-height: 18px;height: 18px;width: 18px;text-align: center;color: #FFF;background: #C3C3C3;border-radius: 15px;position: relative;margin-left: 5px;} */ .section-cart .block {background: #FFF;padding: 15px 30px; margin: 0; border-top-right-radius: 5px; border-top-left-radius: 5px;} .section-cart .block p {margin: 0;} .section-cart .block hr {margin: 0;} .section-cart .block .price-number {} /*#cart .block .grey {color: #666;}*/ .section-cart .block .items {} .section-cart .block .items .item {position: relative;border-bottom: 1px solid #e6e6e6; margin-bottom: 3px; padding-bottom: 10px;} .section-cart .block .items .item:last-child {border: 0;} .section-cart .block .items .item .form-group {margin-bottom: 0;} .section-cart .block .items .item-wo-photo .photo-wrap {display: none;} .section-cart .block .items .item-wo-photo .info-wrap {width: 100%;} .section-cart .block .items .remove {display: block;width: 12px;height: 12px;background: url(../img/close.png) no-repeat;background-size: 12px 12px;opacity: 0.5; position:relative; left: -10px; } .section-cart .block .items .remove:hover {opacity: 1; filter: invert(57%) sepia(7%) saturate(7500%) hue-rotate(353deg) brightness(106%) contrast(105%);} .section-cart .block .items .remove-container {display: flex; align-items: center; justify-content: center; height:100%; } .section-cart .block .items img {margin: 0;} /* #cart .block .items .remove {display: inline-block;line-height: 21px;white-space: nowrap;border: 1px solid #5C5B5E;color: #5C5B5E;font-size: 11px;text-transform: uppercase;padding: 0 4px;text-decoration: none;border-radius: 4px;} #cart .block .items .remove:hover {} */ .section-cart .block .items h4 {line-height: 22px;margin: 0; font-size: 14px; font-family:"urbane"; font-weight: 600; } .section-cart .block .items h4 a {text-decoration: none; color: #000; } .section-cart .block .items h4 a:hover {text-decoration: underline;} .section-cart .block .items .variant-container {display: flex; gap: 5px; align-items: center; } .section-cart .block .items .variant-container span.variant-name {display: block;line-height: 20px;font-family:"neue-haas-unica"; font-size: 14px; font-weight: 400; margin: 0; color: #7a7d81;} .section-cart .block .items .variant-container .sep {color: #7a7d81; font-size: 11px;line-height: 20px;} .section-cart .block .items .variant-info {margin: 8px 0 0 0;} .section-cart .block .items .delivery-time {display: block;white-space: nowrap;color: #0cd6c6;font-size: 13px;line-height: 20px;text-decoration: none;font-family:"urbane"; font-weight: 600; text-transform: uppercase; } .section-cart .block .items .delivery-time.sold-out {font-size: 10px; color: #ff3100; } .section-cart .block .items .item-wo-photo span.variant-name {display: inline-block;} .section-cart .block .items .item-wo-photo span.variant-name::before {content: "- ";} .section-cart .block .items .item-wo-photo h4 {display: inline-block;margin-right: 2px;} /* #cart .block .items select {height: 21px;line-height: 21px;border: 1px solid #5C5B5E;padding: 0;} */ .section-cart .block .items .item .form-group {display: flex;justify-content: end;} .section-cart .block .items .input-group {background: #fff;line-height: 30px; border: 1px solid #babcbe; border-radius: 5px; width: 100px;} .section-cart .block .items .input-group input {height: 30px;line-height: 30px;width: 30px;border: 0;text-align: right;color: #1a2026;font-size: 14px;background: none;box-shadow: none;padding: 0;} .section-cart .block .items .input-group .input-group-addon {color: #babcbe;background: none;border: 0;font-size: 18px;padding: 0 6px 0 6px;line-height: 30px;} .section-cart .block .items .input-group .input-group-addon a {color: #babcbe;text-decoration: none;} .section-cart .block .items .input-group .input-group-addon-text {font-size: 14px;padding: 0 8px 0 4px;line-height: 30px;display: inline-block; font-family:"urbane"; font-weight:500;} .section-cart .block .items .input-group .form-control::placeholder {color: #1a2026;} .section-cart .block .items .item-price {font-family:"urbane"; font-weight:600; font-size: 15px; width: 100%;display: block; text-align: end; color: #000;} .section-cart .block .items .item-price.sold-out {opacity: 50%;} @media (max-width: 991px) { .section-cart {padding: 15px 0 30px 0;} .section-cart .block .items .delivery-time {font-size: 10px;} .section-cart .block .items .item {padding-top: 10px;} .section-cart .block .items .item .item-name {margin-bottom: 10px;} .section-cart .block .items .item .form-group {justify-content: start;} .section-cart .block .items .item-price {font-size: 18px;} } .section-cart .item-wrap-arrow {padding-left: 130px; background: url(../img/arrow-long-right.svg) no-repeat; background-position-x: 35px;background-position-y: 10px;} .section-cart .block .items .item.item-border {border:1px solid #e6e6e6; height: 64px; border-radius: 5px;} .section-cart .block .items .item.item-border {padding: 10px;} .section-cart .block .items .item.item-border .info {display: flex; gap: 15px; margin: 0;} .section-cart .block .items .item.item-border .item-img {display:flex; align-items:center; justify-content: center;} .section-cart .block .items .item.item-border .icon-gift {background-color: #ff8d09; border-radius: 5px; display: flex; gap: 5px; align-items:center; width: 78px; height:22px; justify-content: center;} .section-cart .block .items .item.item-border .icon-gift img {height: 12px; width: 13px; } .section-cart .block .items .item.item-border .icon-gift span {text-transform: uppercase; font-family:"urbane"; font-weight:600; font-size: 13px; color: #fff; } .section-cart .block .items .item.item-border h4 {font-family:"urbane"; font-weight:600; font-size: 13px;} .section-cart .block .items select {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('../img/angle-down-icon.svg') no-repeat center right; padding: 0px; height: 30px; background-position: right 7px top 7px, right 17px top 1em; border: 1px solid #babcbe; border-radius: 5px; width: 126px; padding-left: 17px; margin-bottom: 0px; color: #7a7d81; font-family:"neue-haas-unica"; font-size: 13px; display: block; font-weight: 400; background-size: 15px; } .section-cart .block .items form select:invalid {color: #7a7d81;} .section-cart .block .items .item.item-border .free-price {font-family:"urbane"; font-weight:600; font-size: 15px; width: 100%;display: block; text-align: end; color: #000;} .section-cart .block .items .personalization-info {display: flex; gap: 20px; align-items:center;} .section-cart .block .items .item.item-border .personalization-info h4 {font-family:"urbane"; font-weight:600; font-size: 14px; color: #000; font-weight: 600;} .section-cart .block .items .personalization-info .description {font-family:"neue-haas-unica"; font-size: 13px; font-weight: 400; color: #7a7d81;} .section-cart .block .items .item-change {display: flex; gap: 5px; align-items:center; font-family:"neue-haas-unica"; font-size: 13px; color: #ff8d09; font-weight: 400; justify-content: end; text-decoration: underline; cursor:pointer;} .section-cart .block .items .item-change:hover {text-decoration: none;} @media (max-width: 991px) { .section-cart .item-wrap-arrow {background:transparent; padding:0;} .section-cart .block .items .item.item-border {height: auto;} .section-cart .block .items .item.item-border .icon-gift {background-color: transparent; border: 1px solid #ff8d09; width: 65px;} .section-cart .block .items .item.item-border .icon-gift img {display: none;} .section-cart .block .items .item.item-border .icon-gift span {color: #ff8d09;} .section-cart .block .items .item.item-border .icon-gift-wrap {width: 25%;} .section-cart .block .items .item.item-border .item-img {justify-content: start;} .section-cart .block .items .item.item-border .remove {left: 0px; top: 5px;} .section-cart .block .items .item.item-border .justify-content-end {justify-content: flex-start!important;} .section-cart .block .items .item.item-border {margin-top: 10px;} .section-cart .block .items select {height: 45px; background-position: right 10px top 14px, right 17px top 1em; width: 170px;} .section-cart .block .items .personalization-info {flex-direction: column; gap: 5px; position: relative; align-items: start; margin-bottom: 10px;} .section-cart .block .items .item.item-border .personalization-info .remove {right: 0px;top: 5px; left: auto; position: absolute;} .section-cart .block .items .item .personalization-info .item-name {margin-bottom: 0;} } /* #cart .button-back {margin-right: 10px;float: left;} #cart .delivery-free-info-wrap {line-height: 16px;} #cart .delivery-free-info {font-size: 13px;} #cart .delivery-free-monitor {line-height: 32px;margin: 0 0 15px 0;white-space: nowrap;} #cart .delivery-free-monitor .monitor {display: block;height: 32px;background: #484644;vertical-align: top;} #cart .delivery-free-monitor .monitor span {display: inline-block;width: 100%;height: 32px;background: url(../img/delivery-free-monitor.png) right top no-repeat;} #cart .block .delivery-free-info {margin: -5px 0 10px 0;} */ /* #cart .coupon {color: #FFF;} #cart .coupon label {font-size: 17px;line-height: 30px;display: block;} #cart .coupon input {background: none;border: 2px solid #FFF;color: #FFF;} a#cart .coupon input:focus {background: #FFF;color: #333;border-color: #FFF;} #cart .coupon input::-moz-placeholder {color: #EEE;} #cart .coupon input:focus::-moz-placeholder {color: #333;} #cart .coupon .warning {color: #FFF;text-transform: uppercase;font-weight: 700;font-size: 13px;margin: 0 0 8px 0;} */ /* #cart button.white-border-right {font-weight: 700;font-size: 16px;padding: 0;amargin-right: 12px;adisplay: block;width: 100%;border: 0;color: #FFF;position: relative;height: 40px;background: none;} #cart button.white-border-right span {display: block;awidth: 100%;line-height: 36px;text-transform: uppercase;border: 2px solid #FFF;border-right: 0;margin-right: 12px;} #cart button.white-border-right svg {height: 40px;position: absolute;top: 0;right: 0px;} #cart button.white-border-right svg polyline {stroke: #FFF;} */ /* #cart .agree-wrap {margin: 0 0 15px 0;color: #FFF;} #cart .agree-wrap a {color: #FFF;text-decoration: underline;} #cart .agree-wrap label {color: #FFF;} */ .section-cart {} .section-cart .cart-steps {padding: 0 0 20px 0;text-align: center; border-bottom: 1px solid #374048;} .section-cart .cart-steps ul {list-style: none;margin: 0;position: relative;} .section-cart .cart-steps ul li {display: inline-block;} .section-cart .cart-steps ul li a {afont-size: 16px;acolor: #FF8D09;afont-family: 'sk-modernistbold';apadding: 5px 10px;aborder: 1px solid #FF8D09;margin: 0;text-decoration: none;text-align: left;display: block;position: relative; padding-right: 20px;margin-right: 85px;} .section-cart .cart-steps ul li a .no {display: inline-block;width: 30px;height: 30px;padding: 0 0px 0 0;border: 1px solid #e6e6e6;text-align: center;font-size: 16px;color: #FFF;line-height: 27px;border-radius: 100%;position: relative;z-index: 2;background: #e6e6e6;color: #000;font-size: 14px; font-family:"urbane"; font-weight:600; } .section-cart .cart-steps ul li a .name {display: inline-block;margin: 0px 0 0 10px;font-size: 14px; font-family:"urbane"; font-weight:600; color: #7a7d81; } /* .section-cart .cart-steps ul li a.next-line:after {content: "";position: absolute;top: 16px;width: calc(50% + 8px + 8px);left: calc(50% + 15px);height: 2px;background: #666;} .section-cart .cart-steps ul li a.prev-line:before {content: "";position: absolute;top: 16px;width: calc(50% + 1px);left: -16px;height: 2px;background: #666;} */ .section-cart .cart-steps ul li a.active .no {background: #FFF;color: #000;} .section-cart .cart-steps ul li a.now .no {background: #FF8D09; border-color: #FF8D09; color:#fff;} .section-cart .cart-steps ul li a.now .name {color: #FF8D09;} .section-cart .cart-steps ul li:before {background-color: none; content: none;} .section-cart .cart-steps li:not(:last-of-type) a:before {border-bottom: 1px solid #374048;position: absolute;left: 100%;top: 50%;width: 72px;content: "";display: block;} .section-cart .main-content-empty .background-left {position: absolute;left: 0px;top: 0px;margin: 0;z-index: -1;} .section-cart .main-content-empty .background-right {position: absolute;right: 0px;top: 0px;margin: 0;z-index: -1;} @media (max-width: 991px) { /* .section-cart .main-content-empty .background-left {display: none;} .section-cart .main-content-empty .background-right {display: none;} */ .section-cart {padding: 15px 0 30px 0;} .section-cart .cart-steps {padding: 0 0 15px 0;} .section-cart .cart-steps ul {display: flex;justify-content: space-between;align-items: center;} .section-cart .cart-steps ul li .next-line.now .name {width:fit-content;} .section-cart .cart-steps ul li a .name {width: 75px; } .section-cart .cart-steps ul li a {display: flex;align-items: center; padding-right: 10px; margin-right: 0px;} .section-cart .cart-steps ul li a .no {width: 22px;height: 22px; font-size: 12px; line-height: 21px;} .section-cart .cart-steps li:not(:last-of-type) a:before {width: 30px;} } .section-cart .main-content-empty h1 {margin-top: 35px; margin-bottom:22px; font-size: 28px; font-family:"urbane"; font-weight:600; } .section-cart .main-content-empty .empty-container {background-color: #374048; border-radius: 5px; height: 195px; position:relative; margin-bottom:25px;} .section-cart .main-content-empty .empty-container .dark-corner-left {position: absolute;left: 0px;top: 0px;margin: 0;z-index: 1;} .section-cart .main-content-empty .empty-container .dark-corner-right {position: absolute;right: 0px;bottom: 0px;margin: 0;z-index: 1; rotate: 180deg;} .section-cart .main-content-empty .empty-container .content {display:flex; align-items:center; justify-content:center; flex-direction: column; height: 100%;} .section-cart .main-content-empty .empty-container .content .text {display: flex; align-items: center; margin-bottom: 30px; z-index: 2;} .section-cart .main-content-empty .empty-container .content .text img {height:28px; filter: invert(57%) sepia(7%) saturate(7500%) hue-rotate(353deg) brightness(106%) contrast(105%); margin:0;} .section-cart .main-content-empty .empty-container .content .text span {margin-left: 15px; font-size: 20px; font-family:"urbane"; font-weight:600;} .section-cart .main-content-empty .empty-container .content .btn-primary {width: 288px; z-index: 2;} .section-cart .main-content-empty h2 {margin-top:0; margin-bottom: 10px; font-size: 14px; font-family:"urbane"; font-weight:600; color:#fff;} .section-cart .main-content-empty .section-news {margin-bottom:25px;} .section-cart .main-content-empty .section-quick-links .row-links {display:flex; gap:5px; justify-content: space-between; margin-bottom:25px;} .section-cart .main-content-empty .section-quick-links .row-links .link {background-color: #fff; border-radius: 5px; display:flex; align-items: center;width: 100%; height: 50px;} .section-cart .main-content-empty .section-quick-links .row-links .link .img {width: 60px; border-right: 1px solid #e6e6e6; display: flex; align-items: center; justify-content: center; margin: 0; height: 100%;} .section-cart .main-content-empty .section-quick-links .row-links .link .img img {height: 40px; margin: 0;} .section-cart .main-content-empty .section-quick-links .row-links .link .text span {font-size: 14px; font-family:"urbane"; font-weight:600; margin-left: 15px; color: #000; } @media (max-width: 991px) { .section-cart .cart-steps.mobile {display: none;} .section-cart .main-content-empty h2 {font-size: 14px;} .section-cart .main-content-empty h1 {font-size: 20px; text-align: center; margin-top: 10px;} .section-cart .main-content-empty .background-left {display: none;} .section-cart .main-content-empty .background-right {display: none;} .section-cart .main-content-empty .empty-container .content .text {flex-direction: column; gap: 20px;} .section-cart .main-content-empty .empty-container .content .text span {font-size: 18px; margin-left: 0;} .section-cart .main-content-empty .section-news .row {flex-wrap: nowrap; overflow-x: scroll;} .section-cart .main-content-empty .section-news .row .col-4 {width: 90%;} .section-cart .main-content-empty .empty-container .dark-corner-right {display: none;} .section-cart .main-content-empty .section-news .banner {height: 190px;} .section-cart .main-content-empty .section-news .banner .text-box .tag {font-size: 8px;} .section-cart .main-content-empty .section-news .banner .text-box h2 {margin-top: 6px; font-size: 18px;} .section-cart .main-content-empty .section-quick-links .row-links {flex-wrap: wrap;} .section-cart .main-content-empty .section-quick-links .row-links .link {width: 49%;} .section-cart .main-content-empty .section-quick-links .row-links .link:last-child {display: none;} } .section-cart .header-order {position: relative;margin-top: 35px; margin-bottom:22px; display: flex; align-items: center; gap: 70px; } .section-cart .header-order .background-left {position: absolute;left: 0px;top: -35px;margin: 0;z-index: -1;} .section-cart .header-order .background-right {position: absolute;right: 0px;top: -35px;margin: 0;z-index: -1;} .section-cart .header-order h1 {margin:0; font-size: 28px; font-family:"urbane"; font-weight:600; } .section-cart .header-order .info {display: flex; align-items:center; justify-content: center; gap: 5px;} .section-cart .header-order .info img {margin: 0;} .section-cart .header-order .info span {font-size: 13px; font-family:"urbane"; font-weight:500; text-transform:uppercase; color: #fff; } .section-cart .header-order.step-2 {align-items: end; justify-content: space-between; } .section-cart .header-order.step-2 a {color: #ff8d09; text-decoration: underline; display: flex; align-items: center; gap: 5px; } .section-cart .header-order.step-2 a:hover {text-decoration: none;} .section-cart .header-order.step-2 a span {text-transform: initial; color: #ff8d09; font-family:"neue-haas-unica"; font-size: 13px; font-weight: 400;} .section-cart .header-order.step-2 a img {filter: invert(65%) sepia(40%) saturate(3330%) hue-rotate(349deg) brightness(98%) contrast(111%); rotate: 180deg;} @media (max-width: 991px) { .section-cart .header-order h1 {font-size: 20px;} .section-cart .header-order .info span {font-size: 11px;} .section-cart .header-order {flex-direction: column; align-items: start;gap: 10px; margin-top: 20px;} .section-cart .header-order .background-left {width: 220px; left: -12px;top: -18px;} .section-cart .header-order .background-right {display: none;} } .section-cart .section-first-step-header {background-color: #374048; border-radius: 5px; color: #fff; padding: 10px; height:78px; margin-bottom: 10px;} .section-cart .section-first-step-header .description-progress {display: flex; justify-content: space-between; font-family:"neue-haas-unica"; font-size: 14px; font-weight: 500;} .section-cart .section-first-step-header strong {font-weight: 600;} .section-cart .section-first-step-header .max-value {padding: 0;margin-bottom: 0px;color: #0cd6c6;text-align: right;font-size: 11px; font-family:"urbane"; width: 100%;display: inline-block;} .section-cart .section-first-step-header .progress {background-color: #fff;height: 5px;border-radius: unset;} .section-cart .section-first-step-header .progress .progress-bar {background-color: #0cd6c6;} .section-cart .section-first-step-header .img {background-color: #fff; border-radius: 5px; height: 100%; width:58px; display: flex; align-items: center; justify-content: center;} .section-cart .section-first-step-header .img img {margin: 0; height: 40px;} .section-cart .section-first-step-header .btn-shipp {border: 1px solid #7b7d81; border-radius: 5px; height:100%; display: flex; align-items:center; justify-content: center; cursor: pointer;} .section-cart .section-first-step-header .btn-shipp span {font-size: 14px; font-family:"urbane"; font-weight:600; color: #ff8d09;} .section-cart .section-first-step-footer {background-color: #fff; border-radius: 5px;} .section-cart .section-first-step-footer .total-price-info {display: flex; justify-content: space-between; align-items:center; margin-top: 40px;margin-bottom: 0px; width: 345px; padding: 0px 30px;} .section-cart .section-first-step-footer .total-price-info span:first-child {font-size: 14px; font-family:"urbane"; font-weight:500; } .section-cart .section-first-step-footer .total-price-info strong {color: #000; font-weight: 600;} .section-cart .section-first-step-footer .total-price-info .total-price {font-size: 23px; font-family:"urbane"; font-weight:600; color: #ff8d09;} .section-cart .section-first-step-footer .row-btns {display:flex; align-items:end; justify-content: space-between; margin-top: 10px; padding: 15px 30px; } .section-cart .section-first-step-footer .row-btns .coupons-countainer {display:flex; flex-direction:column;} .section-cart .section-first-step-footer .row-btns .coupons-countainer label {font-size: 13px; font-family:"urbane"; font-weight:600;} .section-cart .section-first-step-footer .row-btns .coupons-countainer input {height: 53px;background: transparent;border: 1px solid #babcbe;border-radius: 5px;padding: 18px;font-size: 16px; color: #babcbe; font-family: "neue-haas-unica"; width: 300px;} .section-cart .section-first-step-footer .row-btns .coupons-countainer ::placeholder {color: #babcbe; opacity: 1;} .section-cart .section-first-step-footer .row-btns .coupons-countainer .btn-wrap {margin-top:5px;} .section-cart .section-first-step-footer .row-btns .coupons-countainer .btn-wrap .btn-arrow img {filter: invert(57%) sepia(7%) saturate(7500%) hue-rotate(353deg) brightness(106%) contrast(105%); margin:0} .section-cart .section-first-step-footer .row-btns .coupons-countainer .btn-wrap .btn-arrow {margin-left: -40px; height: 48px; cursor:pointer;} .section-cart .section-first-step-footer .cart-step-next .btn-primary {width: 345px; margin-top:5px;} .cashback-wrap-mobile {display: none;} @media (max-width: 1400px) { .section-cart .section-first-step-header .img {width: auto;} .section-cart .section-first-step-header .btn-shipp {margin-left: 10px;} } @media (max-width: 1200px) { .section-cart .section-first-step-header .img {display: none;} } @media (max-width: 991px) { .section-cart .section-first-step-header {background-color: transparent; padding: 0; margin-bottom: 0px;} .section-cart .section-first-step-header .description-progress {background-color: #374048; padding: 10px; border-top-right-radius: 5px; border-top-left-radius: 10px; } .section-cart .section-first-step-header .description-progress span:nth-child(2) {display: none;} .section-cart .section-first-step-header .max-value {display: none;} .section-cart .section-first-step-header .progress {--bs-progress-bar-color:#7a7d81; --bs-progress-bg:#7a7d81;} .section-cart .section-first-step-header .progress .progress-bar {color: #7a7d81;} .section-cart .section-first-step-header .btn-shipp {padding: 10px; background-color: #fff; text-align: center; color: #1a2026;} .section-cart .section-first-step-header .btn-shipp span {color: #1a2026;} .section-first-step-footer {display: flex; flex-direction: column-reverse;} .section-first-step-footer .cashback-wrap-mobile .cashback-wrap-header {display: flex; justify-content: space-between; margin-bottom: 10px;} .section-first-step-footer .cashback-wrap-mobile .cashback-wrap-header .cashback-info {font-family:"neue-haas-unica"; font-size: 14px; font-weight: 400;} .section-first-step-footer .cashback-wrap-mobile .cashback-wrap-header .cashback-plus {font-family:"urbane"; font-size: 16px; font-weight: 600; color: #3ad6c6; text-align: right; display: block;} .section-first-step-footer .cashback-wrap-mobile {background-color: #fff; display: block; padding: 0px 30px;} .section-first-step-footer .cashback-wrap-mobile .cashback-content {padding: 10px; background-color: #f0f0f0; border-radius: 5px; } .section-first-step-footer .cashback-wrap-mobile .cashback-content .img-wrap {display: flex; align-items: center; justify-content: start; position: relative; height: 100%;} .section-first-step-footer .cashback-wrap-mobile .cashback-content .img-wrap img {margin: 0; } .section-first-step-footer .cashback-wrap-mobile .cashback-content .background-wallet-cart {background: url(../img/wallet-cart-background.svg) no-repeat; position: absolute; bottom: -12px; left: -3px; height: 100%; width: 100%;} .section-first-step-footer .cashback-wrap-mobile .cashback-content .cashback-name {font-family:"urbane"; font-size: 14px; font-weight: 500; color: #1a2026; display: block; margin-bottom: -3px;} .section-first-step-footer .cashback-wrap-mobile .cashback-content .cahback-description {font-size: 13px; font-family:"neue-haas-unica"; font-weight:400; color: #7a7d81;} .section-first-step-footer .cashback-wrap-mobile .cashback-content .login-cashback {font-family:"neue-haas-unica"; font-size: 13px; font-weight: 400; color: #ff8d09; text-decoration: underline; display: flex; text-align: right; align-items: end; height: 100%;justify-content: end;} .section-first-step-footer .cashback-wrap-mobile .cashback-content .login-cashback:hover {text-decoration: none;} .section-first-step-footer .cashback-wrap-mobile .info-icon {background-color: #e6e6e6;border-radius: 100%;width: 16px;height: 16px;display: inline-block;line-height: 14px;padding-bottom: 0;font-family: "urbane";font-size: 11px;color: #374048;margin-left: 7px;top: -2px;position: relative;text-decoration: none; text-align: center;} .section-cart .section-first-step-footer .row-btns {display: block;} .section-cart .section-first-step-footer .row-btns .coupons-countainer {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e6e6e6;} .section-cart .section-first-step-footer .row-btns .coupons-countainer label {text-align: center; margin-bottom: 10px; } .section-cart .section-first-step-footer .row-btns .coupons-countainer input {height: 48px; width: 100%;} .section-cart .section-first-step-footer .total-price-info-wrap {display: flex; flex-direction: column; width: 100%; background-color: #f0f0f0; margin-top: 30px; padding: 20px 30px;} .section-cart .section-first-step-footer .total-price-info { width: 100%; margin:0; margin-bottom: 20px; padding: 0;} .section-cart .section-first-step-footer .total-price-info .total-price {color: #1a2026;} .section-cart .section-first-step-footer .cart-step-next .btn-primary {width: 100%;} .section-cart .section-first-step-footer .row-btns .coupons-countainer .btn-wrap .btn-arrow img {padding-bottom: 5px;} } .section-cart .section-no-miss-items .title {display: flex; justify-content: center; margin: 25px 0;} .section-cart .section-no-miss-items .title h2 {font-size: 20px; font-family:"urbane"; font-weight:600; color: #ff8d09; margin:0;} .section-cart .section-no-miss-items .no-miss-item {background: #fff; border-radius: 5px; padding: 15px;} .section-cart .section-no-miss-items .no-miss-item .img-miss {display:flex; align-items:center; justify-content:center; height:100%} .section-cart .section-no-miss-items .no-miss-item .img-miss img {margin:0} .section-cart .section-no-miss-items .no-miss-item .text {display: flex; flex-direction: column;} .section-cart .section-no-miss-items .no-miss-item .text .brand {font-size: 14px; font-family:"urbane"; font-weight:500; color: #1a2026; opacity: 0.5; margin:0; line-height: 18px;} .section-cart .section-no-miss-items .no-miss-item .text .name {font-size: 14px; font-family:"urbane"; font-weight:600; color: #1a2026; line-height: 18px;} .section-cart .section-no-miss-items .no-miss-item .content-miss {display: flex; flex-direction:column; justify-content:space-between; height: 100%;} .section-cart .section-no-miss-items .no-miss-item .content-miss .price-row {display:flex; align-items:center; justify-content: space-between; margin-top: 20px;} .section-cart .section-no-miss-items .no-miss-item .content-miss .price-row .price {font-size: 18px; font-family:"urbane"; font-weight:600; color: #ff8d09;} .section-cart .section-no-miss-items .no-miss-item .content-miss .price-row .btn-miss-item {background-color: #ff8d09; border-radius: 5px; height: 36px; width: 36px; display: flex; align-items: center; justify-content: center; cursor:pointer; transition: 0.3s;} .section-cart .section-no-miss-items .no-miss-item .content-miss .price-row .btn-miss-item:hover {background: #dd7804;} .section-cart .section-no-miss-items .no-miss-item .content-miss .price-row .btn-miss-item img {margin: 0;} .section-cart .radio label::after {background-color: #ff8d09; top: 32%;} .section-cart .section-cart-step-2 .payment-options .radio label::after {background-color: #ff8d09; top: 51%;} .section-cart .checkbox input[type="checkbox"]:checked + label::after {width: 14px;height: 14px;top: 11px;left: 3px; display: block;position: absolute; background: #FF8D09;} @media (max-width: 991px) { .section-cart .section-no-miss-items .title {justify-content: start; margin-top: 30px; margin-bottom: 20px;} .section-cart .section-no-miss-items .title h2 {font-size: 14px;} .section-cart .section-no-miss-items .row {overflow-x: scroll; flex-wrap: nowrap; } .section-cart .section-no-miss-items .no-miss-item .content-miss .price-row {margin-top: 10px;} } .section-cart-step-2 h2 {background-color: #374048; height: 60px; display: flex; align-items: center; margin:0; padding:0; font-size: 20px; font-family:"urbane"; font-weight:600; color: #fff; padding-left: 20px; border-top-left-radius: 5px;border-top-right-radius: 5px;} .section-cart-step-2 .block-additional-products {} .section-cart-step-2 .block-inline {padding: 0px 3px;} .section-cart-step-2 .block-additional-products label::before {top: 8px;} .section-cart-step-2 .block-additional-products .checkbox.small label {padding-left: 40px;} .form .section-cart-step-2 .checkbox label {font-size: 14px; font-family:"urbane"; font-weight:500; color: #1a2026;} .section-cart-step-2 .info-icon {background-color: #e6e6e6;border-radius: 100%;width: 16px;height: 16px;display: inline-block;line-height: 16px;padding-bottom: 0;font-family: "urbane";font-size: 11px;color: #374048;margin-left: 7px;top: -2px;position: relative;text-decoration: none; text-align: center;} .section-cart-step-2 .text-right {text-align: right;} .section-cart-step-2 .block-inline {background: #FFF;line-height: 35px;font-size: 16px;color: #000; padding-right: 25px;} .section-cart-step-2 .block-inline .price {font-size: 14px; font-family:"urbane"; font-weight:500; color: #1a2026;} .section-cart-step-2 .block-inline:last-child { border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;} .section-cart-step-2 .block-inline.charity .choose-price {padding-left: 60px; margin-top: -5px;} .section-cart-step-2 .block-inline.charity .choose-price span {color: #1a2026; font-family:"neue-haas-unica"; font-size: 16px; font-weight: 400;} .section-cart-step-2 .block-inline.charity .choose-price .radio {display: flex; align-items: center;} .section-cart-step-2 .block-inline.charity .choose-price .radio .chosen-price {color: #7a7d81; font-family:"neue-haas-unica"; font-size: 16px; font-weight: 400;} .section-cart-step-2 .block-additional-products .block-inline.charity .choose-price .radio label::before {top: 18px;} .section-cart-step-2 .block-inline.charity .choose-price .radio input[type="radio"]:checked + label .chosen-price {color:#1a2026;} /* #cart .cart-steps ul:before {content: "";position: absolute;top: 16px;width: 100%;left: 0;height: 2px;background: #666;z-index: 1;} */ .section-cart-step-2 .cart-title-delivery {display: flex; gap: 15px; align-items: top; justify-content: space-between; background-color: #374048;height: 60px; border-top-left-radius: 5px;border-top-right-radius: 5px; padding-right: 20px; cursor: pointer;} .section-cart-step-2 .cart-title-delivery .change-delivery {display: flex; gap: 10px; align-items: center; text-decoration: underline; color: #ff8d09; font-family:"neue-haas-unica"; font-size: 14px; font-weight: 400;} .section-cart-step-2 .cart-title-delivery .change-delivery img {margin: 0;} .section-cart-step-2 .cart-title-delivery .change-delivery:hover {text-decoration: none;} .section-cart-step-2 .delivery-options .wrap {display: flex;} .section-cart-step-2 .delivery-options .radio input[type="radio"] {width: 0;height: 0; position: absolute;} .section-cart-step-2 .delivery-options .radio label::before {top: 31%;} .section-cart-step-2 .delivery-options .radio {padding-left: 12px;} .section-cart-step-2 .delivery-options .radio .img-wrap {} .section-cart-step-2 .delivery-options .radio .img-wrap {margin: 0; height: 32px; width: 43px; text-align: center;} .section-cart-step-2 .delivery-options .radio .content-wrap {margin-left: 10px;} .section-cart-step-2 .delivery-options .radio .content-wrap .name-delivery {display: flex; align-items: center; gap: 10px;} .section-cart-step-2 .delivery-options .radio .content-wrap .name-delivery .delivery-method { font-family:"urbane"; font-size: 14px; font-weight: 500; color: #1a2026;} .section-cart-step-2 .delivery-options .radio .content-wrap .name-delivery .info-icon {margin-left: 10px; top: 0;} .section-cart-step-2 .delivery-options .radio .content-wrap .change-place {color: #ff8d09; font-family:"neue-haas-unica"; font-size: 13px; font-weight: 400; margin-left: 10px; text-decoration: underline; cursor: pointer; display: flex; align-items: center; gap: 5px; } .section-cart-step-2 .delivery-options .radio .content-wrap .change-place:hover {text-decoration: none;} .section-cart-step-2 .delivery-options .radio .content-wrap .change-place img {margin: 0; max-height: auto;} .section-cart-step-2 .delivery-options .radio .content-wrap .chosen-place {font-family:"neue-haas-unica"; font-size: 13px; color: #1a2026; font-weight: 400; margin-top: -10px; display: block;} .section-cart-step-2 .delivery-options .radio .content-wrap .chosen-place .place {font-weight: 700;} .section-cart-step-2 .delivery-options .block-inline {border-bottom: 1px solid #e6e6e6; padding-right: 0; margin-right: 25px; margin-left: 25px; padding-top: 10px;} .section-cart-step-2 .delivery-options .block-inline:last-child {border: 0;} .section-cart-step-2 .delivery-options .delivery-delivery-time {color: #7a7d81;font-size: 14px; font-family:"neue-haas-unica"; font-weight:400; text-transform: lowercase;white-space: nowrap;} @media (max-width: 1400px) { .section-cart-step-2 .block-additional-products .checkbox input[type="checkbox"] {position: absolute;} .section-cart-step-2 .block-additional-products .block-inline {padding-left: 20px;} .section-cart .header-order.step-2 {align-items: start;} .section-cart-step-2 .cart-title-delivery .change-delivery {display: none;} .section-cart-step-2 .delivery-options .radio .content-wrap .name-delivery {align-items: start; gap: 0;} .section-cart-step-2 .delivery-options .delivery-method-wrap {line-height: 21px; margin-bottom: 15px;} .section-cart-step-2 .delivery-options .radio .content-wrap .name-delivery .delivery-method {display: flex;align-items: center;} .section-cart-step-2 .delivery-options .radio .content-wrap .name-delivery .info-icon {top: 0px;} .section-cart-step-2 .delivery-options .radio .content-wrap .chosen-place {display: flex;flex-direction: column;line-height: 21px; margin-top: 0;} .section-cart-step-2 .delivery-options .radio .content-wrap .change-place {margin-left: 0px;} .section-cart-step-2 .delivery-options .radio label::before {top: 12%; width: 20px;height: 20px;} .section-cart-step-2 .block-inline.charity .choose-price {padding-left: 40px;} .section-cart-step-2 .block-inline.charity .choose-price select {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('../img/angle-down-icon.svg') no-repeat center right; padding: 0px 10px; height: 45px; background-position: right 8px top 10px, right 8px top 10px; border: 1px solid #babcbe; border-radius: 5px; width: 100%; margin-right: 5px; background-color: #fff; color:#7a7d81;font-size: 16px; font-family:"neue-haas-unica"; cursor: pointer; margin-top: 10px;} .section-cart-step-2 .block-inline.charity .choose-price select::placeholder {font-family:"neue-haas-unica"; font-weight: 400; color: #7a7d81;} } .section-cart-step-2 .payment-options .block-inline {border-bottom: 1px solid #e6e6e6; padding-right: 0; margin-right: 0px; margin-left: 36px; padding-top: 0px; height: 60px; display: flex; align-items: center;} .section-cart-step-2 .payment-options .block-inline.gopay {border: 0;} .section-cart-step-2 .payment-options .block-inline.gopay .img-wrap {background-color: transparent;} .section-cart-step-2 .payment-options .block-inline.gopay .payment-method-gopay-mobile {display: none;} .section-cart-step-2 .payment-options .block-inline:last-child {border: 0;} .section-cart-step-2 .payment-options .info-icon { top: 0;} .section-cart-step-2 .payment-options .radio {padding-left: 0px;} .section-cart-step-2 .payment-options .radio input[type="radio"] {position: absolute;} .section-cart-step-2 .payment-options .wrap {margin-left: 10px; display: flex; gap: 10px; align-items: center;} .section-cart-step-2 .payment-options .wrap .img-wrap {background-color: #f2f3f4; border-radius: 5px; width: 43px; height: 32px; display: flex; align-items: center; justify-content: center;} .section-cart-step-2 .payment-options .row {width: 100%;} .section-cart-step-2 .payment-options .content-wrap {display: flex; align-items: center; gap: 10px;} .section-cart-step-2 .payment-options .payment-name {display: flex; flex-direction: column;} .section-cart-step-2 .payment-options .payment-name .payment-method {font-family:"urbane"; font-size: 14px; font-weight: 500; color: #1a2026; display: block; line-height: 16px;} .section-cart-step-2 .payment-options .payment-name .payment-method-description {font-size: 14px; font-family:"neue-haas-unica"; font-weight:400; color: #1a2026; margin-top: 0px; line-height: 16px;} .section-cart-step-2 .payment-options .checkbox-group {padding-bottom: 0;} .section-cart .header-order .header-name {position: relative; display: flex; align-items: center; gap: 70px; } .section-cart .header-order .info {display: flex; align-items:center; justify-content: center; gap: 5px;} .section-cart .header-order .info img {margin: 0;} .section-cart .header-order .info span {font-size: 13px; font-family:"urbane"; font-weight:500; text-transform:uppercase; color: #fff; } .section-cart .header-order.step-3 {align-items: center; justify-content: space-between; } .section-cart .header-order.step-3 a {color: #ff8d09; text-decoration: underline; display: flex; align-items: center; gap: 5px; } .section-cart .header-order.step-3 a:hover {text-decoration: none;} .section-cart .header-order.step-3 a span {text-transform: initial; color: #ff8d09; font-family:"neue-haas-unica"; font-size: 13px; font-weight: 400;} .section-cart .header-order.step-3 a img {filter: invert(65%) sepia(40%) saturate(3330%) hue-rotate(349deg) brightness(98%) contrast(111%); rotate: 180deg; margin:0;} .section-cart .header-order.step-3 .delivery-time img {margin: 0; margin-right: 5px;} .section-cart .header-order.step-3 .delivery-time {text-transform: uppercase; font-size: 13px; font-family:"urbane"; font-weight:500; color: #fff; } .section-cart .header-order.step-3 .delivery-time .date {color: #f58d10;} @media (max-width: 1400px) { .section-cart .header-order .info {display: none;} .section-cart-step-2 h2 {font-size: 18px; height: 50px;} .section-cart-step-2 .payment-options .block-inline {margin-left: 35px;} .section-cart-step-2 .payment-options .wrap .img-wrap {height: 43px;} .section-cart-step-2 .payment-options .payment-name .payment-method {line-height: 19px;} .section-cart-step-2 .payment-options .payment-name .payment-method-description {margin-top: 0px; color: #7a7d81; } .section-cart-step-2 .payment-options .block-inline.payment {margin-right: 0px;} .section-cart-step-2 .payment-options .radio label::before {width: 20px;height: 20px;} .section-cart-step-2 .payment-options .block-inline.gopay .payment-method {display: none;} .section-cart-step-2 .payment-options .block-inline.gopay .payment-method-gopay-mobile {font-family:"urbane"; font-size: 14px; font-weight: 500; color: #1a2026; display: block;} .section-cart-step-2 .payment-options .checkbox-group {margin: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0;} .section-cart .header-order.step-3 .delivery-time {display: none;} .section-cart .header-order.step-3 a {display: none;} .section-cart .header-order.step-3 {align-items: start; margin-bottom: 10px;} } .section-cart .form .section-cart-step-3 h2 {margin: 0;} .section-cart .section-cart-step-3 .checkbox label:before {border: 1px solid #babcbe;} .section-cart .section-cart-step-3 .checkbox label:hover:before {border: 1px solid #707070;} .section-cart .section-cart-step-3 .checkbox input[type="checkbox"]:checked + label:before {border: 1px solid #707070;} .section-cart .section-cart-step-3 .checkbox input[type="checkbox"]:checked + label::after {top: 6px;} .section-cart .section-cart-step-3 .tab-pane {background: #FFF;padding: 20px 25px;margin: 0 0 20px 0; border-radius: 5px;} .section-cart .section-cart-step-3 .user-not-logged {background-color: #fff3e5; border-radius: 5px; padding: 10px 20px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 35px;} .section-cart .section-cart-step-3 .user-not-logged .user-not-logged-content h3 {margin: 0; font-size: 14px; font-family:"urbane"; font-weight:600; display: block; color: #1a2026;} .section-cart .section-cart-step-3 .user-not-logged .user-not-logged-content span {font-family:"neue-haas-unica"; font-size: 14px; font-weight: 400; color: #1a2026; margin-top: -5px;display: block;} .section-cart .section-cart-step-3 .user-not-logged .user-not-logged-content a {color: #1a2026;} .section-cart .section-cart-step-3 .user-not-logged .user-not-logged-content a:hover {text-decoration: none;} .section-cart .section-cart-step-3 .user-not-logged .user-not-logged-btns {display: flex; align-items: center; gap: 5px;} .section-cart .section-cart-step-3 .user-not-logged .user-not-logged-btns .alternative {font-size: 14px; font-family:"urbane"; font-weight:500; margin: 0 15px;} .section-cart .section-cart-step-3 .user-not-logged .user-not-logged-btns .btn-primary {text-decoration: none; height: 48px; font-size: 14px; font-family:"urbane";font-weight:600; line-height: 20px; padding: 14px 25px;} .section-cart .section-cart-step-3 .user-not-logged .user-not-logged-btns .img-wrap {border-radius: 5px; background-color: #fff; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; cursor: pointer;} .section-cart .section-cart-step-3 .user-not-logged .user-not-logged-btns .img-wrap img {margin: 0;} .section-cart-step-3 .info-icon {background-color: #e6e6e6;border-radius: 100%;width: 16px;height: 16px;display: inline-block;line-height: 14px;padding-bottom: 0;font-family: "urbane";font-size: 11px;color: #374048;margin-left: 7px;top: -2px;position: relative;text-decoration: none; text-align: center;} .section-cart .section-cart-step-3 .switch-company {padding-bottom: 25px; margin-bottom: 20px; border-bottom: 1px solid #babcbe;} .section-cart .section-cart-step-3 .checkbox {position:relative;} .section-cart .section-cart-step-3 .checkbox input {position: absolute;} .section-cart .section-cart-step-3 .checkbox label {font-family:"neue-haas-unica"; font-size: 14px; font-weight: 400; color: #1a2026;} .section-cart .section-cart-step-3 .form-control {border: 1px solid #babcbe; margin-bottom: 5px;} .section-cart .section-cart-step-3 .form-control::placeholder {font-family:"neue-haas-unica"; font-size: 13px; font-weight: 400; color: #1a2026; opacity: 51%;} .section-cart .section-cart-step-3 .control-label {color: #1a2026;font-size: 14px; font-weight: 400; font-family:"neue-haas-unica";} .section-cart .section-cart-step-3 .btn-ares-wrap {display:flex; align-items:end; justify-content: start; height: 100%;} .section-cart .section-cart-step-3 .btn-ares-wrap .btn-ares {border: 1px solid #babcbe; background-color: #f4f4f4; padding: 7px 15px; font-size: 14px; font-family:"urbane"; font-weight:600; color: #1a2026; border-radius: 5px; margin-bottom: 5px; cursor: pointer;} .section-cart .form .checkbox.form-toggle {margin-bottom: 15px;} .section-cart .section-cart-step-3 select {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('../img/angle-down-icon.svg') no-repeat center right; padding: 0px 10px; height: 40px; background-position: right 8px top 10px, right 8px top 10px; border: 1px solid #babcbe; border-radius: 5px; width: 100%; margin-right: 5px; background-color: #fff; color:#1a2026; font-size: 14px; font-family:"neue-haas-unica"; cursor: pointer;} .section-cart .section-cart-step-3 select.one-option-select {background: url('../img/angle-down-opacity-icon.svg') no-repeat center right; background-position: right 8px top 16px, right 8px top 16px; background-color: #F3F3F3;} .section-cart .section-cart-step-3 .one-option-select { color: #1a2026; opacity: 51%; font-family:"neue-haas-unica"; font-size: 14px; font-weight: 400; } .section-cart .section-cart-step-3 .main-adress {margin-bottom: 20px;} .section-cart .section-cart-step-3 .switch-delivery-address {margin-bottom: 20px;} .section-cart .section-cart-step-3 .section-notes textarea {border: 1px solid #babcbe; border-radius: 5px;} .section-cart .section-cart-step-3 .section-notes .title {display: none;} @media (max-width: 1400px) { .section-cart .section-cart-step-3 .tab-pane {padding: 0px; margin: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0;} .section-cart .section-cart-step-3 .tab-pane .contact-wrap {padding: 20px 25px;} .section-cart .section-cart-step-3 .user-not-logged .user-not-logged-btns .btn-primary {padding: 14px 20px;} } @media (max-width: 1200px) { .section-cart .section-cart-step-3 .checkbox label::before {border: 1px solid #707070;} .section-cart .section-cart-step-3 .user-not-logged {flex-direction: column; align-items: start; gap: 15px; padding: 20px 20px; margin-bottom: 0px;} .section-cart .section-cart-step-3 .user-not-logged .user-not-logged-btns .btn-primary {padding: 14px 52px; margin-right: 10px;} .section-cart .section-cart-step-3 .user-not-logged .user-not-logged-btns .alternative {display: none;} .section-cart .section-cart-step-3 .control-label {margin-top: 10px;} .section-cart .section-cart-step-3 .form-control {height: 50px;} .section-cart .section-cart-step-3 .btn-ares-wrap {justify-content: center;} .section-cart .section-cart-step-3 .btn-ares-wrap .btn-ares {padding: 15px 15px;} .section-cart .section-cart-step-3 select.one-option-select {background-position: right 8px top 20px, right 8px top 16px;} .section-cart .section-cart-step-3 .section-notes .title {display: block; font-size: 14px; font-family:"urbane";font-weight:600; text-decoration: underline; text-align: center; cursor: pointer; margin-bottom: 10px;} .section-cart .section-cart-step-3 .section-notes .title:hover {text-decoration: none;} .section-cart .section-cart-step-3 .section-notes .title:after {content:""; background: url('../img/angle-down-icon.svg') no-repeat center right; height: 12px;width: 20px;display: inline-block; margin-left: 10px; } } .section-cart .section-recapitulation {border-radius: 5px; padding: 20px;background: #f2f3f4;} .section-cart .section-recapitulation .block {padding:0px; background: #f2f3f4; margin: 0;} .section-cart .section-recapitulation h3 {margin-top:0; margin-bottom: 10px; font-family:"urbane"; font-size: 14px; font-weight: 600; color: #1a2026; } .section-cart .section-recapitulation .item {background-color: #fff; padding: 10px; border-radius: 5px;} .section-cart .section-recapitulation .photo-wrap {display: flex; align-items: center; justify-content: center;} .section-cart .section-recapitulation .block .items .variant-info {margin: 0;} .section-cart .section-recapitulation .variant-info h4 {font-family:"urbane"; font-size: 11px; font-weight: 500; color: #1a2026; line-height: 18px;} .section-cart .section-recapitulation .variant-info .variant-name {font-size: 12px; font-family:"neue-haas-unica"; font-weight:400; color: #7a7d81;} .section-cart .section-recapitulation .variant-info .sep {font-size: 12px; font-family:"neue-haas-unica"; font-weight:400; color: #7a7d81;} .section-cart .section-recapitulation .variant-info .cart-count-item {font-size: 12px; font-family:"neue-haas-unica"; font-weight:400; color: #7a7d81;} .section-cart .section-recapitulation .variant-info .price-wrap {position: relative; height:100%;} .section-cart .section-recapitulation .variant-info .item-price-wo-vat {font-family:"urbane"; font-size: 12px; font-weight: 500; color: #1a2026;} .section-cart .section-recapitulation .variant-info .item-price {font-family:"urbane"; font-size: 12px; font-weight: 500; color: #1a2026;} .section-cart .section-recapitulation .variant-info .personalization {font-family:"urbane"; font-size: 10px; font-weight: 500; color: #1a2026; display: block;} .section-cart .section-recapitulation .variant-info .personalization-price {position: absolute; bottom: 0; font-family:"urbane"; font-size: 12px; font-weight: 500; color: #1a2026; right: 0;} .section-cart .section-recapitulation .sale-coupon-wrap {background-color: #fff; padding: 1px 10px; margin-bottom: 3px; border-radius: 5px;} .section-cart .section-recapitulation .sale-coupon-wrap .sale-name {font-family:"urbane"; font-size: 11px; font-weight: 500; color: #1a2026;} .section-cart .section-recapitulation .sale-coupon-wrap .sale-coupon-wo-vat {font-family:"urbane"; font-size: 12px; font-weight: 600; color: #ff3100;} .section-cart .section-recapitulation .sale-coupon-wrap .sale-coupon {font-family:"urbane"; font-size: 12px; font-weight: 600; color: #ff3100;} .section-cart .section-recapitulation .sale-cashback-wrap {background-color: #fff; padding: 1px 10px; margin-bottom: 3px; border-radius: 5px;} .section-cart .section-recapitulation .sale-cashback-wrap .cashback-name {font-family:"urbane"; font-size: 11px; font-weight: 500; color: #1a2026;} .section-cart .section-recapitulation .sale-cashback-wrap .sale-cashback-wo-vat {font-family:"urbane"; font-size: 12px; font-weight: 600; color: #ff3100;} .section-cart .section-recapitulation .sale-cashback-wrap .sale-cashback {font-family:"urbane"; font-size: 12px; font-weight: 600; color: #ff3100;} .section-cart .section-recapitulation .section-info {border-top: 1px solid #babcbe; border-bottom: 1px solid #babcbe; padding: 5px 0; margin-top: 10px; font-family:"urbane"; font-size: 11px; font-weight: 500; color: #1a2026; } .section-cart .section-recapitulation .section-info .delivery-method {font-weight: 700;} .section-cart .section-recapitulation .section-info .payment-method {font-weight: 700;} .section-cart .section-recapitulation .sum { border-bottom: 1px solid #babcbe; padding: 10px 0; margin-bottom: 10px; font-family:"urbane"; font-size: 13px; font-weight: 500; color: #1a2026;} .section-cart .section-recapitulation .sum-name {font-weight: 600;} .section-cart .section-recapitulation .sum-price {font-family:"urbane"; font-size: 17px; font-weight: 600; color: #ff8d09;} .section-cart .section-recapitulation .sum-price-wo-vat {font-family:"urbane"; font-size: 17px; font-weight: 600; color: #ff8d09;} .section-cart .section-recapitulation .cashback-wrap {background-color: #fff; padding: 5px; border-radius: 5px;} .section-cart .section-recapitulation .cashback-wrap .img-wrap {display: flex; align-items: center; justify-content: center; position: relative; height: 100%;} .section-cart .section-recapitulation .cashback-wrap .img-wrap img {margin: 0; } .section-cart .section-recapitulation .cashback-wrap .background-wallet-cart {background: url(../img/wallet-cart-background.svg) no-repeat; position: absolute; bottom: -18px; left: 18px; height: 100%; width: 100%;} .section-cart .section-recapitulation .cashback-wrap .cashback-name {font-family:"urbane"; font-size: 14px; font-weight: 500; color: #1a2026; display: block; margin-bottom: -3px;} .section-cart .section-recapitulation .cashback-wrap .cahback-description {font-size: 13px; font-family:"neue-haas-unica"; font-weight:400; color: #7a7d81;} .section-cart .section-recapitulation .cashback-wrap .login-cashback {font-family:"neue-haas-unica"; font-size: 13px; font-weight: 400; color: #ff8d09; text-decoration: underline; display: block; text-align: right;} .section-cart .section-recapitulation .cashback-wrap .login-cashback:hover {text-decoration: none;} .section-cart .section-recapitulation .cashback-wrap .cashback-plus {font-family:"urbane"; font-size: 12px; font-weight: 600; color: #3ad6c6; text-align: right; display: block;} .section-cart .section-recapitulation .benefits-row {display: flex; align-items: center; justify-content: space-around; border-top: 1px solid #babcbe; margin: 10px 0;} .section-cart .section-recapitulation .benefits-row .benefit-box {display: flex; flex-direction: column; align-items: center; justify-content: center;} .section-cart .section-recapitulation .benefits-row .benefit-box .text-box {text-align: center;} .section-cart .section-recapitulation .benefits-row .benefit-box .text-box span {font-family:"urbane"; font-size: 11px; font-weight: 500; color: #1a2026; line-height: 17px; display: flex; align-items: center; justify-content: center;} .section-cart-step-2 .section-recapitulation .final-submit .agree-wrap {display: none;} .section-cart-step-2 .section-recapitulation .final-submit .btn-primary {width: 100%; font-size: 14px; font-family:"urbane"; font-weight: 600;} .section-recapitulation .final-submit input {position: absolute;} .section-recapitulation .final-submit .agree-wrap {padding: 15px 0; margin-bottom: 15px;} .section-recapitulation .final-submit .agree-wrap .checkbox:first-child {margin-bottom: 10px;} .section-recapitulation .final-submit .agree-wrap .checkbox label {font-family:"neue-haas-unica"; font-size: 13px; font-weight: 400; color: #7a7d81; line-height: 20px;} .section-recapitulation .final-submit .agree-wrap .checkbox label a {font-family:"neue-haas-unica"; font-size: 13px; font-weight: 400; color: #7a7d81;} .section-recapitulation .final-submit .agree-wrap .checkbox label a:hover {text-decoration: none;} .section-recapitulation .final-submit .agree-wrap .checkbox label::before {background: transparent; border: 1px solid #babcbe;} .section-cart .section-recapitulation .final-submit .agree-wrap .checkbox input[type="checkbox"]:checked + label::after {top: 6px;} .section-recapitulation .final-submit .btn-primary {width: 100%; font-size: 14px; font-family:"urbane"; font-weight: 600;} @media (max-width: 1400px) { .section-cart .section-recapitulation .sale-coupon-wrap {padding: 0; background-color: transparent;} .section-cart .section-recapitulation h3 {display: none;} .section-thankyou .section-thankyou-products .items {display: block;} .section-cart .cart-step-1 .block .items {display: block;} .section-cart .section-recapitulation {border-radius: 0;} .section-cart .section-recapitulation .section-info {border: none;} .section-cart .section-recapitulation .benefits-row {display: none;} .section-cart .section-recapitulation .cashback-wrap {display: none;} .section-cart .section-recapitulation .sum {border: 0;} .section-cart .section-recapitulation .sale-coupon-wrap .sale-name {font-size: 12px;} .section-cart .section-recapitulation .section-info .delivery-method {font-weight: 600;} .section-cart .section-recapitulation .sum {font-size: 14px;} .section-cart .section-recapitulation .sum-price {font-size: 25px;font-weight: 600;color: #1a2026;} .section-cart-step-2 .section-recapitulation .final-submit .btn-primary {font-size: 16px;} } @media (max-width: 1200px) { .section-cart .section-recapitulation .sum {font-size: 13px;} .section-cart .section-recapitulation .sum-price {font-size: 20px;font-weight: 600;color: #1a2026;} } @media (max-width: 991px) { .section-cart .block .items {display: none;} .section-thankyou .section-thankyou-products .items {display: block;} .section-cart .cart-step-1 .block .items {display: block;} .section-thankyou .header-thankyou {margin-top: 30px;} } .section-thankyou {position: relative; margin-bottom: 60px;} .section-thankyou .header-thankyou {display: flex; justify-content: center; flex-direction: column;align-items: center; margin-top: 60px; margin-bottom: 20px;} .section-thankyou .header-thankyou h1 {font-size: 28px; font-family:"urbane"; font-weight: 600; margin: 0;} .section-thankyou .header-thankyou .order-state {font-family:"neue-haas-unica"; font-size: 21px; font-weight: 400; color: #babcbe; margin: 0;} .section-thankyou .header-thankyou .background-left {position: absolute;left: 0px;top: -60px;margin: 0;z-index: -1;} .section-thankyou .header-thankyou .background-right {position: absolute;right: 0px;top: -60px;margin: 0;z-index: -1;} .section-thankyou .header-thankyou .delivery-time {text-transform: uppercase; font-size: 14px; font-family:"urbane"; font-weight:500; color: #fff; margin-top: 30px;} .section-thankyou .header-thankyou .delivery-time img {margin: 0; margin-right: 1px; height: 15px;} .section-thankyou .header-thankyou .delivery-time .date {color: #f58d10; font-weight: 600;} .section-thankyou .section-thankyou-products {border-radius: 5px; background-color: #fff; padding: 0;} .section-thankyou .section-thankyou-products .section-state-order {background-color: #f2f3f4; height: 85px;border-top-left-radius: 5px; border-top-right-radius: 5px;} .section-thankyou .section-thankyou-products .section-state-order .row {height: 100%;} .section-thankyou .section-thankyou-products .section-state-order .state {display: flex; flex-direction: column; align-items:center; justify-content: center; opacity: 50%; height: 100%;} .section-thankyou .section-thankyou-products .section-state-order .state.active {opacity: 100%; border-bottom: 5px solid #62d3c6;} .section-thankyou .section-thankyou-products .section-state-order .state.active img {filter: none;} .section-thankyou .section-thankyou-products .section-state-order .state img {margin: 0; filter: grayscale(1.0);} .section-thankyou .section-thankyou-products .section-state-order .state span {font-size: 11px; font-family:"urbane"; font-weight: 500; color: #1b2025; margin-top: 5px;} .section-thankyou .section-thankyou-products .items {} .section-thankyou-products.section-cart .block .items .item.item-border {border: none;} .section-thankyou .section-thankyou-products .items .variant-container .count {font-family:"neue-haas-unica"; font-size: 14px; font-weight: 400; margin: 0; color: #7a7d81;} .section-thankyou .section-thankyou-products.section-cart .items .products { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding-top: 10px;} /* .section-thankyou .section-thankyou-products .items .item {position: relative;border-bottom: 1px solid #e6e6e6; margin-bottom: 3px; padding: 10px 0px; margin: 0 15px;} .section-thankyou .section-thankyou-products .items .item.item-border {border-bottom: 0; margin-right: 0;} .section-thankyou .section-thankyou-products .items .item:last-child {aborder: 0;} .section-thankyou .section-thankyou-products .items .item .form-group {margin-bottom: 0;} .section-thankyou .section-thankyou-products .items .item .item-img-wrap {display: flex; align-items: center; justify-content: center;} .section-thankyou .section-thankyou-products .items .item .item-img {width: 80px; display: flex; align-items: center; justify-content: center;} .section-thankyou .section-thankyou-products .items .item-wo-photo .photo-wrap {display: none;} .section-thankyou .section-thankyou-products .items .item-wo-photo .info-wrap {width: 100%;} .section-thankyou .section-thankyou-products .items img {margin: 0;} .section-thankyou .section-thankyou-products .items h3 {line-height: 22px;margin: 0; font-size: 14px; font-family:"urbane"; font-weight: 600; } .section-thankyou .section-thankyou-products .items h3 a {text-decoration: none; color: #000; } .section-thankyou .section-thankyou-products .items h3 a:hover {text-decoration: underline;} .section-thankyou .section-thankyou-products .items .item-name {height: 100%; display: flex; flex-direction: column; justify-content: start;} .section-thankyou .section-thankyou-products .items .variant-container {display: flex; gap: 5px; align-items: center; } .section-thankyou .section-thankyou-products .items .variant-container span.variant-name {display: block;line-height: 20px;font-family:"neue-haas-unica"; font-size: 14px; font-weight: 400; margin: 0; color: #7a7d81;} .section-thankyou .section-thankyou-products .items .variant-container .sep {color: #7a7d81; font-size: 14px;} .section-thankyou .section-thankyou-products .items .variant-info {margin: 8px 0 0 0;} .section-thankyou .section-thankyou-products .items .delivery-time {display: block;white-space: nowrap;color: #0cd6c6;font-size: 13px;line-height: 20px;text-decoration: none;font-family:"urbane"; font-weight: 600; text-transform: uppercase; } .section-thankyou .section-thankyou-products .items .item-wo-photo span.variant-name {display: inline-block;} .section-thankyou .section-thankyou-products .items .item-wo-photo span.variant-name::before {content: "- ";} .section-thankyou .section-thankyou-products .items .item-wo-photo h4 {display: inline-block;margin-right: 2px;} .section-thankyou .section-thankyou-products .items .item-price {font-family:"urbane"; font-weight:600; font-size: 15px; width: 100%;display: block; text-align: end;} .section-thankyou .section-thankyou-products .items .item.item-border .info {display: flex; gap: 15px; margin: 0; margin-left: 15px; align-items: center; height: 100%;} .section-thankyou .section-thankyou-products .items .item.item-border .item-img {display:flex; align-items:center; justify-content: center;} .section-thankyou .section-thankyou-products .items .item.item-border .icon-gift {background-color: #ff8d09; border-radius: 5px; display: flex; gap: 5px; align-items:center; width: 78px; height:22px; justify-content: center; margin-top: 0px;} .section-thankyou .section-thankyou-products .items .item.item-border .icon-gift img {height: 12px; width: 13px; } .section-thankyou .section-thankyou-products .items .item.item-border .icon-gift span {text-transform: uppercase; font-family:"urbane"; font-weight:600; font-size: 13px; color: #fff; } .section-thankyou .section-thankyou-products .items .item.item-border h3 {font-family:"urbane"; font-weight:600; font-size: 13px;} .section-thankyou .section-thankyou-products.section-cart .items .personalization-info {flex-direction: column; justify-content: start; align-items: start; gap: 0px;} .section-thankyou .section-thankyou-products .items .item.item-border .personalization-info h3 {font-family:"urbane"; font-weight:600; font-size: 13px; color: #1a2026;} .section-thankyou .section-thankyou-products .items .personalization-info .description {font-family:"neue-haas-unica"; font-size: 13px; font-weight: 400; color: #7a7d81; margin-top: -5px;} .section-thankyou .section-thankyou-products .items .item-change a {display: flex; gap: 5px; align-items:center; font-family:"neue-haas-unica"; font-size: 13px; font-weight: 400; justify-content: end;} .section-thankyou .section-thankyou-products .items .price-container {display: flex; flex-direction: column; align-items: end; height: 100%;} .section-thankyou .section-thankyou-products .items .price-container .price {font-size: 15px; font-family:"urbane"; font-weight: 600; color: #1a2026;} .section-thankyou .section-thankyou-products .items .price-container .price.sale {color: #ff3100;} .section-thankyou .section-thankyou-products .items .price-container .price.moc {font-family:"urbane"; font-weight:500; font-size: 14px; color: #babcbe; text-decoration:line-through;}*/ .section-thankyou .section-thankyou-products-footer {padding-bottom: 20px;} .section-thankyou .section-thankyou-products-footer .footer-info {margin: 15px 30px 20px 0; padding-bottom: 15px; border-bottom: 1px solid #e6e6e6;} .section-thankyou .section-thankyou-products-footer .footer-info div {display: flex; justify-content: space-between; align-items: center; font-family:"urbane"; font-weight:500; font-size: 12px; color: #1a2026;} .section-thankyou .section-thankyou-products-footer .footer-info .name {display: flex; gap: 5px; align-items: center;} .section-thankyou .section-thankyou-products-footer .footer-info .name h4 {margin: 0; font-family:"urbane"; font-weight:500; font-size: 12px; color: #1a2026;} .section-thankyou .section-thankyou-products-footer .footer-info .name .selected {font-weight: 600; font-family:"urbane"; font-size: 12px; color: #1a2026;} .section-thankyou .section-thankyou-products-footer .cashback-wrap {display: flex; margin-left: 20px; gap: 15px; align-items: center;} .section-thankyou .section-thankyou-products-footer .cashback-wrap .img-wrap {display: flex; align-items: center; justify-content: center; position: relative; height: 100%; margin-left: 10px;} .section-thankyou .section-thankyou-products-footer .cashback-wrap .img-wrap img {margin: 0;} .section-thankyou .section-thankyou-products-footer .cashback-wrap .background-wallet-cart {background: url(../img/wallet-cart-background.svg) no-repeat; position: absolute; bottom: -8px; left: -4px; height: 100%; width: 100%;} .section-thankyou .section-thankyou-products-footer .cashback-wrap .cashback-info {display: flex; flex-direction: column; } .section-thankyou .section-thankyou-products-footer .cashback-wrap .cashback-name {font-family:"urbane"; font-size: 14px; font-weight: 600; color: #000; display: block; margin-bottom: -6px;} .section-thankyou .section-thankyou-products-footer .cashback-wrap .cahback-description {font-size: 14px; font-family:"neue-haas-unica"; font-weight:400; color: #000; display: flex; gap: 10px;} .section-thankyou .section-thankyou-products-footer .cashback-wrap .cashback-plus { font-family:"neue-haas-unica"; font-size: 14px; font-weight: 700; color: #3ad6c6; text-align: right; display: block;} .section-thankyou .section-thankyou-products-footer .total-price-info {display: flex; justify-content: space-between; align-items:center; margin-right: 30px; margin-bottom: 0px;} .section-thankyou .section-thankyou-products-footer .total-price-info span:first-child {font-size: 14px; font-family:"urbane"; font-weight:500; color:#1a2026; } .section-thankyou .section-thankyou-products-footer .total-price-info strong {color: #000; font-weight: 600;} .section-thankyou .section-thankyou-products-footer .total-price-info .total-price {font-size: 23px; font-family:"urbane"; font-weight:600; color: #ff8d09;} .section-thankyou .section-thankyou-products-footer .total-price-info .total-price .price-number {font-size: 23px; font-family:"urbane"; font-weight:600; color: #ff8d09;} .section-thankyou .section-thankyou-products-footer .total-price-info .wo-vat {font-size: 23px; font-family:"urbane"; font-weight:600; color: #ff8d09;} .section-thankyou .section-thankyou-products-footer .total-price-info .wo-vat .price-number {font-size: 23px; font-family:"urbane"; font-weight:600; color: #ff8d09;} .section-thankyou .section-feedback {background-color: #fff; border-radius: 5px; padding: 18px; display: flex; align-items: center; justify-content: space-between; cursor: pointer;} .section-thankyou .section-feedback img {margin: 0;} .section-thankyou .section-feedback .content {display: flex; gap: 15px; align-items: center;} .section-thankyou .section-feedback .info {display: flex; flex-direction: column; } .section-thankyou .section-feedback .info h4 {margin: 0; font-family:"urbane"; font-weight:600; color: #1a2026; font-size: 14px; } .section-thankyou .section-feedback .info p {margin: 0; font-family:"urbane"; font-weight:300; color: #1a2026; font-size: 11px; line-height: 16px;} .section-thankyou .section-feedback .icon-wrap {display: flex; align-items: center; justify-content: end;} .section-thankyou .section-thankyou-recapitulation {background-color: #374048; padding: 15px; border-radius: 5px; margin-top: 20px;} .section-thankyou .section-thankyou-recapitulation .row-thankyou {display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #7a7d81; padding: 10px 0;} .section-thankyou .section-thankyou-recapitulation h2 {font-size: 14px; font-family:"urbane"; font-weight:600; color: #fff; margin:0} .section-thankyou .section-thankyou-recapitulation .variable-symbol {font-size: 18px; font-family:"urbane"; font-weight:600; color: #ff8d09;} .section-thankyou .section-thankyou-recapitulation .payment-state {display: flex; align-items: center; gap: 10px; text-transform: uppercase;font-size: 13px; font-family:"urbane"; font-weight:600; padding: 0 5px; border-radius: 5px; line-height: 20px;} .section-thankyou .section-thankyou-recapitulation .payment-state img {margin: 0;} .section-thankyou .section-thankyou-recapitulation .payment-state.paid {border: 1px solid #00e91f; color: #00e91f; } .section-thankyou .section-thankyou-recapitulation .section-address {padding: 10px 0; border-bottom: 1px solid #7a7d81;} .section-thankyou .section-thankyou-recapitulation .section-address span {display: block; font-size: 14px; font-family:"neue-haas-unica"; font-weight:400; color: #f2f3f4; line-height: 19px;} .section-thankyou .section-thankyou-recapitulation .section-address .name {font-weight:500;} .section-thankyou .section-thankyou-recapitulation .section-address .info-wrap {margin-top: 20px;} .section-thankyou .section-thankyou-recapitulation .section-address h2 {margin-bottom: 5px;} .section-thankyou .section-thankyou-recapitulation .loyalty-program {padding-top: 10px;} .section-thankyou .section-thankyou-recapitulation .loyalty-program h2 {margin-bottom: 10px;} .section-thankyou .section-thankyou-recapitulation .loyalty-program .row-loyalty {display: flex; gap: 10px;} .section-thankyou .section-thankyou-recapitulation .loyalty-program .row-loyalty .logo-box {background-color: #c78053;border-radius: 100%;width: 54px;height: 45px;display: flex; align-items: center; justify-content: center;} .section-thankyou .section-thankyou-recapitulation .loyalty-program .row-loyalty .logo-box img {margin: 0;} .section-thankyou .section-thankyou-recapitulation .loyalty-program .info-icon {background-color: #e6e6e6;border-radius: 100%;width: 12px;height: 12px;display: inline-block;line-height: 14px;padding-bottom: 0;font-family: "urbane";font-size: 7px;color: #374048;margin-left: 1px;top: 1px;position: relative;text-decoration: none; text-align: center;} .section-thankyou .section-thankyou-recapitulation .loyalty-program .content {width: 100%} .section-thankyou .section-thankyou-recapitulation .loyalty-program .content .progress {background-color: #000;height: 5px;border-radius: unset;} .section-thankyou .section-thankyou-recapitulation .loyalty-program .content .progress .progress-bar {background-color: #c78053;} .section-thankyou .section-thankyou-recapitulation .loyalty-program .content .text {display: flex; justify-content: space-between;} .section-thankyou .section-thankyou-recapitulation .loyalty-program .content .text .name {font-size: 16px; font-family:"urbane"; font-weight:600; color: #c78053;} .section-thankyou .section-thankyou-recapitulation .loyalty-program .content .text .description {text-align: end; font-size: 11px; font-family:"urbane"; font-weight:500; color: #fff; line-height: 17px; margin-bottom: 5px;} .section-thankyou .section-thankyou-recapitulation .loyalty-program .content .text .description .remains {display: block;} .section-thankyou .section-thankyou-recapitulation .loyalty-program .content .text .description .next {text-decoration: underline;} .section-thankyou .section-thankyou-recapitulation .loyalty-program .content .text .description .next:hover {text-decoration: none;} .section-thankyou .section-feedback.mobile {display: none;} .section-thankyou .section-thankyou-recapitulation.mobile {display: none;} .section-thankyou .section-thankyou-products.section-cart .block .items .item.item-border {padding-right: 0;} @media (max-width: 1400px) { .section-thankyou .section-feedback .info p {font-size: 11px; margin-top: 5px;} .section-thankyou .header-thankyou {margin-top: 30px;} .section-thankyou .header-thankyou .background-right {display: none;} .section-thankyou .header-thankyou .background-left {width: 220px;left: -12px;top: -29px;} .section-thankyou .header-thankyou h1 {font-size: 20px;} .section-thankyou .header-thankyou .order-state {font-size: 16px;} .section-thankyou .header-thankyou .delivery-time {font-size: 11px; margin-top: 20px;} .section-thankyou .section-thankyou-products .section-state-order {display: none;} .section-thankyou .section-feedback {display: none;} .section-thankyou .section-feedback.mobile {display: flex; margin-bottom: 10px;} .section-thankyou .section-thankyou-recapitulation.mobile {display: block;} .section-thankyou .section-thankyou-recapitulation.mobile .row-thankyou {display: flex;} .section-thankyou .section-thankyou-recapitulation .row-thankyou {display: none;} .section-thankyou .section-thankyou-recapitulation.mobile {margin-top: 0px; background-color: transparent; padding-top: 5px; padding-bottom: 5px;} .section-thankyou .section-thankyou-recapitulation.mobile .row-thankyou:first-child {border-top: 1px solid #7a7d81; } .section-thankyou .section-thankyou-recapitulation.mobile .row-thankyou:last-child {border: none;} .section-thankyou .section-thankyou-products.section-cart .block {padding: 15px 20px; padding-bottom: 0;} .section-thankyou .section-thankyou-products.section-cart .block .items h4 {line-height: 17px;} .section-thankyou .section-thankyou-products.section-cart .block .items .item.item-border {border: 1px solid #e6e6e6;} .section-thankyou .section-thankyou-products-footer {padding: 15px 20px; padding-top: 0;} .section-thankyou .section-thankyou-products-footer .footer-info { margin: 0px 0px 10px 0;} .section-thankyou .section-thankyou-products-footer .total-price-info {margin-right: 0px;} .section-thankyou .section-thankyou-products-footer .total-price-info .total-price {font-size: 25px;} .section-thankyou .section-thankyou-products-footer .cashback-wrap {margin-left: 0; margin-top: 20px; background-color: #f0f0f0; padding: 10px; border-radius: 5px;} .section-thankyou .section-thankyou-products-footer .cashback-wrap .cahback-description {color: #7a7d81; margin-top: 5px;} .section-thankyou .section-thankyou-products-footer .cashback-wrap .cashback-plus {color: #0cd6c6;} .section-thankyou .section-thankyou-recapitulation {border-radius: 0; margin-top: 0px;} .section-thankyou .section-thankyou-products.section-cart .block .items .item.item-border .icon-gift-wrap {width: 20%;} } @media (max-width: 1200px) { } @media (max-width: 991px) { .section-thankyou .section-thankyou-products.section-cart .block .items .item-price {text-align: start;} .section-thankyou .section-thankyou-products.section-cart .block .items .item.item-border {border: 1px solid #e6e6e6;} } .free-shipping-container {} .free-shipping-container h3 {margin-top: 20px; margin-bottom: 40px; font-family:"urbane"; font-weight:600; color: #1a2026; font-size: 20px; padding-left: 20px; } .free-shipping-container h4 {margin-top: 30px; margin-bottom: 10px; font-family:"urbane"; font-weight:600; color: #1a2026; font-size: 14px; padding-left: 20px;} .free-shipping-container .free-shipping-row .items-row {display: flex;justify-content: space-between;} .free-shipping-container .free-shipping-row .items-row .item {padding: 20px; } .free-shipping-container .free-shipping-row .items-row .item .img-wrap {display: flex; align-items: center; justify-content: center; width: 143px;} .free-shipping-container .free-shipping-row .items-row .item .text {display: flex; flex-direction: column; } .free-shipping-container .free-shipping-row .items-row .item .text .brand {margin: 0;font-family:"urbane"; font-weight:500; color: #8c8f92; font-size: 12px; line-height: 16px;} .free-shipping-container .free-shipping-row .items-row .item .text .name {margin: 0;font-family:"urbane"; font-weight:600; color: #1a2026; font-size: 12px; line-height: 16px;} .free-shipping-container .free-shipping-row .items-row .item .price-row {display: flex; align-items: center; justify-content: space-between; margin-top: 10px;} .free-shipping-container .free-shipping-row .items-row .item .price-row .btn-miss-item {background-color: #ff8d09; border-radius: 5px; height: 36px; width: 36px; display: flex; align-items: center; justify-content: center; cursor:pointer; transition: 0.3s;} .free-shipping-container .free-shipping-row .items-row .item .price-row .btn-miss-item:hover {background: #dd7804;} .free-shipping-container .free-shipping-row .items-row .item .price-row .btn-miss-item img {margin: 0;} .free-shipping-container .free-shipping-row .items-row .item .price-row .price {margin: 0px; font-family:"urbane"; font-weight:600; color: #ff8d09; font-size: 14px; } .free-shipping-container .free-shipping-row .items-row .item + .item {border-left: 1px solid #e6e6e6;} @media (max-width: 991px) { .free-shipping-container h3 {padding-top: 20px; margin-top: 0;} .add-side-panel.quick-buy.crossell .position-close {padding-right: 0px;padding-top: 0px;} .free-shipping-container .free-shipping-row .items-row .item .img-wrap {width: 185px;} .free-shipping-container .free-shipping-row .items-row .item .text .name {font-size: 13px;} } .header-blocks {position: relative;height: 360px;} .header-blocks .decoration {position: absolute;right: 0px;top: 0px;background-image: url("../img/gray-background-right.png");background-repeat: no-repeat;background-position: center;background-size: cover; z-index: 2; height: 150px; width: 450px; filter: brightness(80%);} .header-blocks .background-sports {filter: brightness(50%);object-fit: cover;top: 0;margin: 0; height:360px;background-position-y: center;z-index: 1;position: absolute;} .header-blocks .wrap-content {height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; position: relative; z-index: 3;} .header-blocks .wrap-content .text {width: 835px;text-align: center;} .header-blocks .wrap-content .text h1 {font-size:50px;font-family:"urbane"; font-weight: 600; color: #fff; margin-bottom: 35px;display: block; line-height: 55px} .header-blocks .wrap-content .text {color:#babcbe; font-family:"neue-haas-unica"; font-size: 16px;} .header-blocks .wrap-content .text .description {display:inline;} .header-blocks .wrap-content .text .description p {display:inline;} .header-blocks .wrap-content .text .description .all-description {text-decoration: none; font-family:"neue-haas-unica"; font-size: 16px;} .header-blocks .wrap-content .text .description .all-description:hover {text-decoration: underline; } @media (max-width: 768px) { .header-blocks {height: 100%;} .header-blocks .background-sports {display:none;} .header-blocks .wrap-content .text .description {display: none;} .header-blocks .decoration {display: none;} .header-blocks .wrap-content .text h1 {font-size:20px; margin-bottom: 0; line-height: 30px; margin-top: 15px;} } .section-sports {margin-top: 55px;} .section-sports .sports .item {margin-bottom: 90px;} .section-sports .sports .header-item {position: relative; height: 135px;} .section-sports .sports .header-item .background {filter: brightness(80%); height: 135px;object-fit: cover;width: 100%;top: 0;margin: 0;background-position-y: center;z-index: 1;position: absolute;} .section-sports .sports .header-item h2 {display: flex; align-items: center; justify-content: center; margin: 0; color: #fff; font-size:28px;font-family:"urbane"; font-weight: 600;z-index: 3;position: relative;height: 100%;} .section-sports .sports .header-item .decoration {position: absolute;right: 0px;bottom: 0px;background-image: url("../img/gray-background-3.png");background-repeat: no-repeat;background-position: center;background-size: cover; z-index: 2; height: 140px; width: 200px; } .section-sports .sports .links {margin-top: 15px;} .section-sports .sports .links a {text-decoration: none; font-family:"neue-haas-unica"; font-size: 14px; font-weight: 400; color: #babcbe;} .section-sports .sports .links a:hover {text-decoration: underline;} .section-sports .sports .links .main-link {color: #ff8d09;} @media (max-width: 768px) { .section-sports {margin-top: 30px;} .section-sports .sports .item {margin-bottom: 20px;} .section-sports .sports .header-item {height: 100px;} .section-sports .sports .header-item .background {border-radius: 5px; height: 100px;} .section-sports .sports .header-item h2 {font-size:26px} .section-sports .sports .header-item .decoration {display:none;} .section-sports .sports .links {border-bottom: 1px solid #949799; margin-top: 10px; padding-bottom: 10px;} } .change-order-item-container {padding: 20px;} .change-order-item-container .header-change-order-item {border-bottom: 1px solid #e6e6e6; padding-bottom: 10px; } .change-order-item-container h3 {margin-top: 20px; margin-bottom: 0px; font-family:"urbane"; font-weight:600; color: #1a2026; font-size: 20px;} .change-order-item-container .splide {margin-bottom: 20px;} .change-order-item-container .splide__slide {text-align: center; margin-bottom: 20px; justify-content: center; padding: 0px;} .change-order-item-container .splide__pagination__page.is-active {background: #000; transform: unset; opacity: 1;} .change-order-item-container .splide__arrow {background-color: #000; border-radius: 0; opacity: 1; height: 50px; width: 50px;} .change-order-item-container .splide__arrow--next {right: 20px;} .change-order-item-container .splide__arrow--prev {left: 20px;} .change-order-item-container .splide__arrow--next img {filter: invert(98%) sepia(100%) saturate(1%) hue-rotate(297deg) brightness(107%) contrast(101%);} .change-order-item-container .splide__arrow:hover:not(:disabled) {opacity: 1;} .change-order-item-container .select-size-box form {display: flex; justify-content: center; align-items: center; padding-top: 15px; padding-bottom: 0px;} .change-order-item-container .select-size-box select {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('../img/angle-down-icon.svg') no-repeat center right; padding: 16px; height: 55px; background-position: right 17px top 17px, right 17px top 1em; border: 1px solid #babcbe; border-radius: 5px; width: 84%; margin-right: 5px; color: #1a2026; font-family:"neue-haas-unica"; font-size: 16px; font-weight: 400; line-height: 20px;} .change-order-item-container .select-size-box button {width: 21%;} .change-order-item-container .description-box {padding-bottom: 15px;} .change-order-item-container .description-box .size-description {display: flex; flex-wrap: wrap; gap: 10px; font-family:"neue-haas-unica"; font-size: 12px; color: #7a7d81; padding: 0; list-style-position: inside;} .change-order-item-container .description-box .first-letter {color:#7a7d81; font-weight:700;} .change-order-item-container .description-box .size-description li:first-child {list-style-type: none;padding-left: 0px;} .change-order-item-container .description-box .size-description li {list-style-position: inside; float:left;} .change-order-item-container .description-box .tags-box span {font-size: 13px;} .change-order-item-container .description-box .tags-box .blue.outline {border: 1px solid #0cd6c6; color:#fff; background-color:#0cd6c6;} .change-order-item-container .description-box .tags-box img {filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(1000%) contrast(102%);} .change-order-item-container .splide .item {height: 100%;background-image: url("../img/slider-products/background.png");background-repeat: no-repeat;background-position: bottom left; } .change-order-item-container .splide .item a {text-decoration: none; } .change-order-item-container .splide .item .text {display: flex; flex-direction: column; align-items: start; padding: 0 20px;} .change-order-item-container .splide .item .text .brand {margin: 0;font-family:"urbane"; font-weight:500; color: #8c8f92; font-size: 14px; line-height: 16px;} .change-order-item-container .splide .item .text .name {margin: 0;font-family:"urbane"; font-weight:600; color: #1a2026; font-size: 14px; line-height: 16px;} .change-order-item-container .splide .item .price-row {display: flex; align-items: center; justify-content: space-between; margin-top: 10px; padding: 0 20px; padding-bottom: 20px;} .change-order-item-container .splide .item .price-row .btn-miss-item {background-color: #ff8d09; border-radius: 5px; height: 36px; width: 36px; display: flex; align-items: center; justify-content: center; cursor:pointer; transition: 0.3s;} .change-order-item-container .splide .item .price-row .btn-miss-item:hover {background: #dd7804;} .change-order-item-container .splide .item .price-row .btn-miss-item img {margin: 0;} .change-order-item-container .splide .item .price-row .price {margin: 0px; font-family:"urbane"; font-weight:600; color: #ff8d09; font-size: 18px; } .change-order-item-container .splide .item .price-row .btn-primary {display: flex; gap: 10px; height: auto; padding: 0px; align-items:center; justify-content: center; width:69px; height: 36px;} .change-order-item-container .splide .item .price-row .btn-primary img {margin: 0; padding: 0; position: relative;} .change-order-item-container .splide .item .price-row .btn-primary .arrow-right {filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(311deg) brightness(104%) contrast(101%); width: 13px; height: 8px;} .change-order-item-container .splide .item .price-row .btn-primary .icon-basket {width: 22px; height:19px;} .feedback-container {height: 100%;} .feedback-container .feedback-header {padding: 20px 20px 15px 20px;} .feedback-container h3 {margin-top: 0px; margin-bottom: 20px; font-family:"urbane"; font-weight:600; color: #1a2026; font-size: 20px;} .feedback-container p {font-family:"urbane"; font-weight:300; color: #1a2026; font-size: 16px; margin: 0;} .feedback-container a:hover {text-decoration: none; } .feedback-container .main-content {background-color: #f2f3f4; padding: 35px 20px;} .feedback-container .main-content .question-wrap {margin-bottom: 20px;} .feedback-container .main-content .question-wrap h4 {font-family:"urbane"; font-weight:600; color: #1a2026; font-size: 20px; margin-bottom: 10px;} .feedback-container .main-content .question-wrap .stars-wrap {display: flex; justify-content: center;} .feedback-container .main-content .question-wrap .stars-wrap .stars {display: flex; align-items: center; gap: 20px;} .feedback-container .main-content .question-wrap .stars-wrap .stars .star {cursor: pointer;} .feedback-container .main-content .question-wrap p {font-family:"urbane"; font-weight:300; color: #1a2026; font-size: 16px;} .feedback-container .main-content .question-wrap .control-label {font-family:"urbane"; font-weight:300; color: #1a2026; font-size: 16px; margin: 0; margin-bottom: 10px;} .feedback-container .main-content .question-wrap textarea {border-radius: 5px; border: 1px solid #babcbe; margin-bottom: 10px; } .feedback-container .main-content .btn-primary {width: 100%; } @media (max-width: 1400px) { .feedback-container p {font-size: 13px;} } #cart .coupon-input {position: relative;} #cart .remove-coupon {display: block;position: absolute;top: 14px;right: 10px;width: 12px;height: 12px;background: url(../img/close.png) no-repeat;background-size: 12px 12px;opacity: 0.5;cursor: pointer;} .section-cart .checkbox-group {margin-bottom: 7px; padding-bottom: 20px;background-color: #fff;border-radius: 5px; padding-top: 10px;} #cart .block-inline {background: #FFF;line-height: 35px;font-size: 16px;color: #000; /*line-height: 19px;*/} #cart .block-inline img {margin: 0;max-width: 70px;max-height: 28px;display: inline-block;vertical-align: middle;} #cart .block-inline .radio {display: inline-block;padding-top: 0;} #cart .block-inline .radio label {color: #333;} #cart .block-inline.active .checkbox label {font-family: 'sk-modernistbold';} /* #cart .block-inline .delivery-date-info {line-height: 20px;display: inline-block;vertical-align: top;} #cart .block-inline .delivery-date-info .info {font-weight: 400;font-size: 13px;} */ #cart .block-inline .order-delivery-date {float: right;font-size: 14px;display: none;} #cart .block-inline .order-delivery-date .delivery-date-text {font-family: 'sk-modernistbold';} #cart .block-inline .order-delivery-date .delivery-date-min-text {font-family: 'sk-modernistbold';} #cart .block-inline input.delivery-date {width: 120px;display: inline-block;height: 33px;line-height: 33px;padding: 0 10px;margin-left: 15px;} #cart .payments-other {cursor: pointer;} #cart .payments-other .fa {font-size: 18px;color: #FF8D09;margin: 0 12px 0 0;} #cart .block-other-payments {display: none;} #cart .checkbox-group-sub {} #cart .checkbox-group-sub .block-inline {background: #F5F5F5;padding-left: 60px;} #cart .checkbox-group-sub .block-inline label {font-weight: 400;font-size: 15px;color: #000;} #cart .checkbox-group-sub .block-inline.active {background: #129844;background: linear-gradient(to right, #129844 0%, #006C2B 100%);color: #FFF;} #cart .checkbox-group-sub .block-inline.active .checkbox label {color: #FFF;} /* #cart .select-place h3 {margin: 0;font-size: 15px;line-height: 28px;} #cart .select-place h4 {margin: 0;font-size: 15px;line-height: 28px;font-weight: 400;} */ /*#cart .block_note {margin-bottom: 120px;}*/ #cart .nav-tabs {margin: 0;border: 0;background: #1D1D1D;} #cart .nav-tabs li {padding: 0;margin: 0;} #cart .nav-tabs li a {border-radius: 0;background: #353535;line-height: 48px;padding: 0 30px;border: 0;font-size: 16px;text-decoration: none;font-family: 'sk-modernistbold';color: #7F7F7F;} #cart .nav-tabs li.active a {background: #FFF;margin: 0;color: #333;} /* kosik - podvyber */ #cart .checkbox-group-sub {} #cart .checkbox-group-sub .selected {background: #FFD599;padding: 0 30px 0 55px;background: #F5F5F5;} #cart .checkbox-group-sub .selected h3 {margin: 0;font-size: 16px;padding: 8px 0 0 0;line-height: 22px;} #cart .checkbox-group-sub .selected h3 strong {color: #FF8D09;} #cart .checkbox-group-sub .selected p {margin: 0;font-size: 15px;padding: 0 0 8px 0;line-height: 20px;color: #333;} #cart .checkbox-group-sub .selected .btn {display: inline-block;margin: 8px 0 8px 0;vertical-align: top;} #cart .checkbox-group-sub .selected .subdelivery-icon {display: inline-block;vertical-align: top;margin: 8px 0;width: 90px;} #cart .checkbox-group-sub .selected .subdelivery-icon img {margin: 0;} /* #cart .checkbox-group-sub .selected .more {display: inline-block;line-height: 25px;background: #EEE;color: #000;margin: 11px 5px 0 0;padding: 0 8px;border: 1px solid #EEE;text-decoration: none;} #cart .checkbox-group-sub .selected .more:hover {text-decoration: underline;} #cart .checkbox-group-sub .selected .change-item {display: inline-block;line-height: 25px;background: none;border: 1px solid #F6A600;color: #F6A600;padding: 0 8px;font-weight: 700;text-decoration: none;margin: 11px 0 0 0;} #cart .checkbox-group-sub .selected .change-item:hover {background: #F6A600;color: #FFF;} */ #cart .checkbox-group-sub .search-form {background: #E8E8E8;padding: 10px 30px 10px 55px;} #cart .checkbox-group-sub .search-form input {background: #FFF;} #cart .checkbox-group-sub .search-form .btn {color: #333;} /*#cart .checkbox-group-sub .search-form button {background: #CCC;height: 35px;line-height: 35px;padding: 0 12px;border: 0;}*/ #cart .checkbox-group-sub .results {overflow: auto;max-height: 220px;margin: 0 -10px 0 0;} #cart .checkbox-group-sub .results ul {list-style: none;margin: 0;padding: 5px 10px 5px 0;} #cart .checkbox-group-sub .results ul li {border-top: 1px solid #DDD;padding: 5px 0 5px 20px;background: url(../img/cart-delivery-marker.png) left 12px no-repeat;} #cart .checkbox-group-sub .results ul li h3 {margin: 0;padding: 2px 0 0 0;font-size: 14px;font-family: 'sk-modernistregular';color: #333;line-height: 18px;} #cart .checkbox-group-sub .results ul li p {margin: 0;font-size: 13px;padding: 0 0 2px 0;color: #999;line-height: 18px;} #cart .checkbox-group-sub .results ul li .more {display: inline-block;line-height: 25px;margin: 5px 10px 0 0;color: #999;font-size: 15px;} #cart .checkbox-group-sub .results ul li .btn-primary-border {color: #FF8D09;} /* #cart .checkbox-group-sub .results ul li .more {display: inline-block;line-height: 25px;background: #EEE;color: #000;margin: 6px 5px 0 0;padding: 0 8px;border: 1px solid #EEE;text-decoration: none;} #cart .checkbox-group-sub .results ul li .more:hover {text-decoration: underline;} */ /* #cart .checkbox-group-sub .results ul li .select-item {display: inline-block;line-height: 25px;background: none;border: 1px solid #F6A600;color: #F6A600;padding: 0 8px;font-weight: 700;text-decoration: none;margin: 6px 0 0 0;} #cart .checkbox-group-sub .results ul li .select-item:hover {background: #F6A600;color: #FFF;} */ /* kosik - rekapitulace */ #cart .btn-arrow-next {padding-right: 50px;} #cart .btn-arrow-next:after {content: "";position: absolute;top: 50%;right: 20px;margin-top: -9px;width: 18px;height: 18px;background: url(../img/cart-arrow-next.png) no-repeat;} #cart .btn-arrow-prev {padding-left: 50px;} #cart .btn-arrow-prev:after {content: "";position: absolute;top: 50%;left: 20px;margin-top: -9px;width: 18px;height: 18px;background: url(../img/cart-arrow-prev.png) no-repeat;} #cart .calculate-shipping {} #cart .calculate-shipping .btn--calculate {} #cart .calculate-shipping .btn--calculate .fa {margin-right: 10px;} #cart .calculate-shipping .btn--calculate span {margin-right: 10px;float: left;width: 20px;height: 20px;background: url(../img/loading.svg) no-repeat;background-size: 20px;display: block;} #cart .calculate-shipping-note {color: #7F7F7F;display: inline-block;margin: 0 0 0 10px;} #cart .post-code-format {line-height: 40px;} #cart .calculate-shipping-info {background: #FFF;padding: 20px 30px;border-bottom: 1px solid #CCC;} #cart .calculate-shipping-info .btn {float: right;margin-top: -10px;} /* kosik - mapy */ #cart #map-canvas-dpd {width: 100%;height: 320px;min-width: 400px;} #cart #map-canvas-post {width: 100%;height: 320px;min-width: 400px;} #cart #map-canvas-ppl {width: 100%;height: 320px;min-width: 400px;} #cart #map-canvas-ups {width: 100%;height: 320px;min-width: 400px;} /* .cart-popup-wrap {position: relative;} .cart-popup-wrap:hover .cart-popup {display: block;} */ /* #brand .dropdown ul::before {background: #333 url(../img/bg.jpg) center top;} #brand .dropdown ul {adisplay: block !important;border-radius: 0;width: 100%;width: calc(100% + 10px);background: rgba(0,0,0, 0.9);background: #000;padding: 10px 0 0 0;margin: 0;border: 0;abackground: #FFF;adisplay: block;abackground: #252526;abackground: rgba(0,0,0, 0.8);abackground: rgba(255,255,255, 0.8);background: #333;background: none;} */ .cart-popup {background: #FFF;color: #000;position: absolute;top: 100%;right: 0;width: 400px;amax-width: 100%;z-index: 999;box-shadow: 0 0 3px #444;text-align: left;} .cart-popup:after {content: "";position: absolute;top: -8px;left: 55%; width: 0; height: 0; border-style: solid; border-width: 0 7.5px 8px 7.5px; border-color: transparent transparent #FFF transparent; } .cart-popup a {color: #000;} .cart-popup strong {color: #000;} .cart-popup form {padding: 20px 20px 0 20px;} .cart-popup img {margin: 0;} .cart-popup .sum {padding: 15px 20px 20px 20px;line-height: 30px;} .cart-popup .sum .sum-price {font-size: 22px;font-family: 'sk-modernistbold';} .cart-popup .sum .btn {margin-top: 15px;color: #FFF;padding-right: 70px;} .cart-popup .sum .btn:after {content: "";position: absolute;top: 50%;right: 20px;margin-top: -9px;width: 18px;height: 18px;background: url(../img/cart-arrow-next.png) no-repeat;} .cart-popup .item {margin: 0 0 10px 0;padding: 0 0 10px 0;position: relative;border-bottom: 1px solid #DDD;} .cart-popup .item .form-group {margin-bottom: 0;} .cart-popup .item-wo-photo .photo-wrap {display: none;} .cart-popup .item-wo-photo .info-wrap {width: 100%;} .cart-popup .remove {display: block;width: 12px;height: 12px;position: absolute;top: 10px;right: 0;background: url(../img/close.png) no-repeat;background-size: 8px 8px;opacity: 0.5;} .cart-popup .remove:hover {opacity: 1;} .cart-popup img {margin: 0;} /* .cart-popup .remove {display: inline-block;line-height: 21px;white-space: nowrap;border: 1px solid #5C5B5E;color: #5C5B5E;font-size: 11px;text-transform: uppercase;padding: 0 4px;text-decoration: none;border-radius: 4px;} .cart-popup .remove:hover {} */ .cart-popup h4 {line-height: 22px;margin: 0 15px 0 0;font-size: 16px;font-family: 'sk-modernistbold';} .cart-popup h4 a {text-decoration: none;color: #333;} .cart-popup h4 a:hover {text-decoration: underline;} .cart-popup span.variant-name {display: block;line-height: 20px;font-size: 14px;margin: 0;} .cart-popup .variant-info {margin: 8px 0 0 0;} .cart-popup .delivery-time {display: block;line-height: 20px;white-space: nowrap;color: #30D8AB;font-size: 14px;line-height: 30px;text-decoration: none;font-family: 'sk-modernistbold';} .cart-popup .item-wo-photo span.variant-name {display: inline-block;} .cart-popup .item-wo-photo span.variant-name::before {content: "- ";} .cart-popup .item-wo-photo h4 {display: inline-block;margin-right: 2px;} /* .cart-popup select {height: 21px;line-height: 21px;border: 1px solid #5C5B5E;padding: 0;} */ .cart-popup .item .input-group {background: #F3F3F3;line-height: 30px;} .cart-popup .item .input-group input {height: 30px;line-height: 30px;width: 30px;border: 0;text-align: right;color: #333;font-size: 15px;background: none;box-shadow: none;padding: 0;} .cart-popup .item .input-group .input-group-addon {color: #AAA;background: none;border: 0;font-size: 18px;padding: 0 6px 0 6px;line-height: 30px;} .cart-popup .item .input-group .input-group-addon a {color: #AAA;text-decoration: none;} .cart-popup .item .input-group .input-group-addon-text {font-size: 15px;padding: 0 8px 0 4px;line-height: 30px;display: inline-block;} .cart-popup .item-price, .cart-popup .item-price-wo-vat {font-family: 'sk-modernistbold';font-size: 18px;} .section-shipping-calc {} .section-shipping-calc .block-inline {padding: 5px 30px;background: #FFF;line-height: 35px;font-size: 16px;color: #000;border-bottom: 1px solid #CCC;} .section-shipping-calc label.control-label {line-height: 34px;} .section-shipping-calc .bootstrap-select {margin-bottom: 8px;} .section-shipping-calc .bootstrap-select .btn-info {background: none;color: #333;padding: 9px 12px;border-color: #CCC;} .section-shipping-calc .calculate-shipping {background: #FFF;padding: 20px 30px;margin: 0 0 20px 0;} .section-shipping-calc .calculate-shipping .btn--calculate {} .section-shipping-calc .calculate-shipping .btn--calculate .fa {margin-right: 10px;} .section-shipping-calc .calculate-shipping .btn--calculate span {margin-right: 10px;float: left;width: 20px;height: 20px;background: url(../img/loading.svg) no-repeat;background-size: 20px;display: block;} .section-shipping-calc .calculate-shipping-note {color: #7F7F7F;display: inline-block;margin: 0 0 0 10px;} .section-shipping-calc .post-code-format {line-height: 40px;} .section-shipping-calc .calculate-shipping-info {background: #FFF;padding: 20px 30px;border-bottom: 1px solid #CCC;} .section-shipping-calc .calculate-shipping-info .btn {float: right;margin-top: -10px;} /* registrace */ .section-registration {margin-bottom: 60px;} .section-registration .container {position: relative} .section-registration .background-left {position: absolute; left: 145px; top: 0; margin: 0} .section-registration .background-right {position: absolute; right: 145px; top: 0; margin: 0} .section-registration .main-content {display: flex; justify-content: center;} .section-registration .main-content .registration-container {background-color: #fff; width: 770px; border-radius: 5px; padding: 60px 200px 60px 200px;} .section-registration .main-content .registration-container .header {text-align: center;} .section-registration .main-content .registration-container .header h1 {font-family:"urbane"; font-size: 50px; font-weight: 600; text-align: center;color: #000; line-height: 60px; margin-bottom: 10px;} .section-registration .main-content .registration-container .header span {font-family:"urbane"; font-size: 20px; font-weight: 600; color: #ff8d09; line-height: 26px;} .section-registration .main-content .registration-container .form-label {margin-bottom: 3px; color: #1a2026; font-family:"neue-haas-unica"; font-size: 14px; font-weight: 400;} .section-registration .main-content .social-media-container {display: flex; justify-content: center; gap: 5px; margin-top: 20px;} .section-registration .main-content .social-media-container .media {border: 1px solid #e6e6e6; height:48px; width: 48px; display: flex; justify-content: center; align-items: center; border-radius: 5px;} .section-registration .main-content .social-media-container .media img {margin: 0; padding: 0;} .section-registration .main-content .or-box {display: flex; align-items: center; margin-top: 30px; margin-bottom: 15px;} .section-registration .main-content .or-box span {margin: 0 6px; padding: 0; color: #babcbe; font-family:"neue-haas-unica"; font-size: 14px; font-weight: 400; line-height: 20px;} .section-registration .main-content .or-box .line {display: inline-block; width: 100%; border-top: 0.2px solid #e6e6e6;} .section-registration .main-content .registration-email {text-align: center; margin-bottom: 20px; color: #1a2026; font-family:"urbane"; font-size: 14px; font-weight: 600; width: 100%;display: inline-block;} .section-registration .main-content .form-control {-webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 16px; height: 48px; border: 1px solid #babcbe; border-radius: 5px;} .section-registration .main-content .row-inputs {display: flex; gap: 10px;} .section-registration .main-content .row-inputs .first-input {width: 70%;} .section-registration .main-content .row-inputs .second-input {width: 30%;} .section-registration .main-content .form-checkbox {display: flex; gap: 10px;} .section-registration .main-content .form-checkbox label {color: #1a2026; font-family:"neue-haas-unica"; font-size: 13px; font-weight: 400; line-height: 17px;} .section-registration .main-content .form-checkbox a {color: #1a2026; font-family:"neue-haas-unica"; font-size: 13px; font-weight: 400; line-height: 17px;} .section-registration .main-content .form-checkbox .form-check-input {border-color: #babcbe;width: 24px;height: 20px;margin: 0;border-radius: 0;} .section-registration .main-content .btn-box {display: flex; justify-content: center; margin-top: 30px; } .section-registration .main-content .btn-box .btn-primary {color: #fff; text-decoration: none; width: 100%; background: #ff8d09;} @media (max-width: 1400px) { .section-registration .background-left {display:none;} .section-registration .background-right {display:none;} } @media (max-width: 991px) { .section-registration .main-content .registration-container {width: 100%;border-radius: 0;padding: 20px 20px 20px 20px;} .section-registration .main-content .registration-container .header h1 {font-size: 20px; line-height: 36px;} .section-registration .main-content .registration-container .header span {display: none;} .section-registration .main-content .social-media-container .media {height:64px; width: 64px;} .section-registration .main-content .social-media-container .media img {height:32px; width: 32px;} .section-registration .main-content .or-box {margin-top: 15px;} .section-registration .main-content .form-checkbox label {font-size: 14px; color: #7a7d81; } .section-registration .main-content .form-checkbox a {font-size: 14px; color: #7a7d81; } } /* login */ .section-user-login {margin-top: 60px;} .section-user-login .container {position: relative} .section-user-login .background-left {position: absolute; left: 145px; top: -60px; margin: 0} .section-user-login .background-right {position: absolute; right: 145px; top: -60px; margin: 0} .section-user-login .main-content {display: flex; justify-content: center; flex-direction: column; align-items: center;} .section-user-login .main-content .login-container {background-color: #fff; width: 770px; border-radius: 5px; padding: 60px 200px 60px 200px;} .section-user-login .main-content .login-container .header {text-align: center;} .section-user-login .main-content .login-container .header h1 {font-family:"urbane"; font-size: 50px; font-weight: 600; text-align: center;color: #000; line-height: 60px; margin-bottom: 10px;} .section-user-login .main-content .login-container .header span {font-family:"urbane"; font-size: 20px; font-weight: 600; color: #ff8d09; line-height: 26px;} .section-user-login .main-content .login-container .form-label {margin-bottom: 3px; color: #1a2026; font-family:"neue-haas-unica"; font-size: 14px; font-weight: 400;} .section-user-login .main-content .social-media-container {display: flex; justify-content: center; gap: 5px; margin-top: 20px;} .section-user-login .main-content .social-media-container .media {border: 1px solid #e6e6e6; height:48px; width: 48px; display: flex; justify-content: center; align-items: center; border-radius: 5px;} .section-user-login .main-content .social-media-container .media img {margin: 0; padding: 0;} .section-user-login .main-content .or-box {display: flex; align-items: center; margin-top: 30px; margin-bottom: 15px;} .section-user-login .main-content .or-box span {margin: 0 6px; padding: 0; color: #babcbe; font-family:"neue-haas-unica"; font-size: 14px; font-weight: 400; line-height: 20px;} .section-user-login .main-content .or-box .line {display: inline-block; width: 100%; border-top: 0.2px solid #e6e6e6;} .section-user-login .main-content .login-email {text-align: center; margin-bottom: 20px; color: #1a2026; font-family:"urbane"; font-size: 14px; font-weight: 600; width: 100%;display: inline-block;} .section-user-login .main-content .form-control {-webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 16px; height: 48px; border: 1px solid #babcbe; border-radius: 5px;} .section-user-login .main-content .row-inputs {display: flex; gap: 10px;} .section-user-login .main-content .row-inputs .first-input {width: 70%;} .section-user-login .main-content .row-inputs .second-input {width: 30%;} .section-user-login .main-content .remember-password {color: #7a7d81; font-family:"neue-haas-unica"; font-size: 14px; font-weight: 400; line-height: 17px; margin: 0;} .section-user-login .main-content .remember-password a {color: #7a7d81; font-family:"neue-haas-unica"; font-size: 14px; font-weight: 400; line-height: 17px; margin: 0;} .section-user-login .main-content .remember-password-mobile {display: none;} .section-user-login .main-content .btn-box {display: flex; justify-content: center; margin-top: 30px; } .section-user-login .main-content .btn-box .btn-primary {color: #fff; text-decoration: none; width: 100%; background: #ff8d09;} .section-user-login .main-content .login-container .btn-box .btn-primary {width: 80%;} .section-user-login .login-registration-container {width: 770px; padding: 10px 50px 60px 50px} .section-user-login .login-registration-container .header h2 {font-family:"urbane"; font-size: 20px; font-weight: 600; text-align: center;color: #fff; line-height: 26px; margin-top: 20px; margin-bottom: 30px;} .section-user-login .login-registration-container .benefits {display: flex; align-items:center; justify-content: space-around; margin: 40px 0 40px 0px} .section-user-login .login-registration-container .benefits .benefit {display:flex; flex-direction:column; align-items:center; justify-content:center;} .section-user-login .login-registration-container .benefits .benefit img {margin:0; margin-bottom:10px;} .section-user-login .login-registration-container .benefits .benefit span {font-size: 14px; font-weight: 500; color:#babcbe; text-align: center; line-height: 17px; font-family:"urbane";} .section-user-login .login-registration-container .btn-box .btn-primary {width: 50%; text-align: center; display: flex; align-items:center; justify-content: center;} .section-user-login .login-registration-container .btn-box.mobile {display: none;} @media (max-width: 991px) { .section-user-login .main-content .login-container {width: 100%;border-radius: 0;padding: 20px 20px 20px 20px;} .section-user-login .main-content .login-container .header h1 {font-size: 20px; line-height: 36px;} .section-user-login .main-content .login-container .header span {display: none;} .section-user-login .main-content .login-container .media {height:64px; width: 64px;} .section-user-login .main-content .login-container .media img {height:32px; width: 32px;} .section-user-login .main-content .or-box {margin-top: 15px;} .section-user-login .main-content .form-checkbox label {font-size: 14px; color: #7a7d81; } .section-user-login .main-content .form-checkbox a {font-size: 14px; color: #7a7d81; } .section-user-login .main-content .remember-password {display: none;} .section-user-login .main-content .remember-password-mobile {display: block; text-align: center;} .section-user-login .main-content .remember-password-mobile a { color: #7a7d81; font-family:"neue-haas-unica"; font-size: 14px; font-weight: 400; line-height: 17px; margin: 0;} .section-user-login .login-registration-container {width: 100%; padding: 20px;} .section-user-login .login-registration-container .benefits .benefit span {font-size: 13px;} .section-user-login .login-registration-container .header h2 {margin-top: 15px;} .section-user-login .login-registration-container .btn-box {display: none;} .section-user-login .login-registration-container .btn-box.mobile {display: block; } .section-user-login .login-registration-container .btn-box.mobile .btn-primary {width: 100%;} .section-user-login .main-content .login-container .btn-box .btn-primary {width: 100%;} } @media (max-width: 1400px) { .section-user-login .background-left {display:none;} .section-user-login .background-right {display:none;} } .mg-bottom {margin-bottom: 100px;} .container-block {width: 770px;} @media (max-width: 991px) { .mg-bottom {margin-bottom: 50px;} } .section-text {display: flex;justify-content: center} .section-text .container-block .white {color: #fff; font-family:"neue-haas-unica"; font-size: 18px; font-weight: 700;} .section-text .container-block p {color: #babcbe; font-family:"neue-haas-unica"; font-size: 18px; font-weight: 400; margin: 26px 0 15px 0;} @media (max-width: 991px) { .section-text .container-block .white {font-size: 16px;} .section-text .container-block p {font-size: 16px;} } .section-h1-columns-2 {display: flex;justify-content: center} .section-h1-columns-2 h1 {color: #fff; font-family:"urbane"; font-size: 50px; font-weight: 600;} .section-h1-columns-2 .container-block .container-columns p {color: #babcbe; font-family:"neue-haas-unica"; font-size: 18px; font-weight: 400;} .section-h1-columns-2 .container-block .container-columns {display: flex; gap: 20px;} .section-h1-columns-2 .container-block .container-columns div {flex-grow: 1;flex-basis: 0;} @media (max-width: 991px) { .mg-bottom {margin-bottom: 50px;} .section-h1-columns-2 .container-block .container-columns {display: block;} .section-h1-columns-2 h1 {font-size: 24px; margin-bottom: 0px;} .section-h1-columns-2 .container-block .container-columns p {font-size: 16px;} } @media (max-width: 576px) { .section-h1-columns-2 h1 {font-size: 20px;} } .section-h2-columns-2 {display: flex;justify-content: center} .section-h2-columns-2 h2 {color: #fff; font-family:"urbane"; font-size: 40px; font-weight: 600;} .section-h2-columns-2 .container-block .container-columns p {color: #babcbe; font-family:"neue-haas-unica"; font-size: 18px; font-weight: 400;} .section-h2-columns-2 .container-block .container-columns {display: flex; gap: 20px;} .section-h2-columns-2 .container-block .container-columns div {flex-grow: 1;flex-basis: 0;} @media (max-width: 991px) { .section-h2-columns-2 h2 {font-size: 22px; margin-bottom: 0px;} .section-h2-columns-2 .container-block .container-columns {display: block;} .section-h2-columns-2 .container-block .container-columns p {font-size: 14px;} } @media (max-width: 576px) { .section-h2-columns-2 h2 {font-size: 18px;} } .section-contact-form {background-color: #fff; padding: 50px 0;} .section-contact-form h1 {color: #ff8d09; font-family:"urbane"; font-size: 28px; font-weight: 600;} .section-contact-form .form-control {-webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 16px; height: 48px; border: 1px solid #babcbe; border-radius: 5px; margin-bottom: 15px;} .section-contact-form textarea.form-control {height: auto;} .section-contact-form label {font-size: 14px;color: #1a2026;font-family: "neue-haas-unica"; font-weight: 400; margin-bottom: 4px;} .section-contact-form select {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('../img/angle-down-icon.svg') no-repeat center right; padding: 16px; height: 55px; background-position: right 17px top 17px, right 17px top 1em; border: 1px solid #babcbe; border-radius: 5px; width: 100%; margin-right: 5px; margin-bottom: 25px; color: #babcbe;} .section-contact-form select:invalid {color: #babcbe;} .section-contact-form .btn-wrap {text-align: end;} .section-contact-form .btn-wrap .btn-primary {background: #ff8d09; height: 48px; padding: 14px 26px; font-size: 14px;} .section-stores-info-home-page.block .gray-background {background-image: url("../img/orange-background-right.png");} .section-square-texts-img {} .section-square-texts-img .container-texts {display: flex; gap: 10px; flex-wrap: wrap; height: 100%;} .section-square-texts-img .text {position: relative; width: 49%; padding: 20px;} .section-square-texts-img .text.orange-version {background-color: #ff8d09;} .section-square-texts-img .text.orange-version h3 {color: #1a2026;} .section-square-texts-img .text.orange-version p {color: #fff;} .section-square-texts-img .text.orange-version img {display: none;} .section-square-texts-img .text h3 {color: #878a8d; font-family:"neue-haas-unica"; font-size: 11px; text-transform: uppercase; font-weight: 400; margin: 0; margin-bottom: 10px;} .section-square-texts-img .text p {color: #babcbe; font-family:"neue-haas-unica"; font-size: 18px; font-weight: 400; margin: 0; margin-bottom: 10px;} .section-square-texts-img .text img {width: 200px;height: 130px; position: absolute; right: 0; bottom: 0; margin: 0; filter: brightness(55%);} .section-square-texts-img .img-wrap {height: 500px;} .section-square-texts-img .img-wrap img {height: 500px;object-fit: cover;width: 100%;background-position: center; margin: 0;} @media (max-width: 576px) { .section-square-texts-img .text p {font-size: 16px;} .section-square-texts-img .text {width: 100%;} .section-square-texts-img .img-wrap {margin-top: 10px; height: auto;} .section-square-texts-img .img-wrap img {height: 300px;} } .section-text-img-left {position: relative; } .section-text-img-left .background {position: absolute; height: 460px;object-fit: cover;width: 100%;background-position: center; margin: 0; filter: brightness(40%); object-position: 0px -260px; position: absolute; z-index: 1;} .section-text-img-left .text-wrap {display: flex; align-items:center; justify-content: start; height: 460px;} .section-text-img-left .text-wrap .text {width: 33%; position: relative; z-index: 2;} .section-text-img-left .text-wrap .text h1 {color: #fff; font-family:"urbane"; font-size: 50px; font-weight: 600; line-height: 65px;} .section-text-img-left .text-wrap .text p {color: #fff; font-family:"neue-haas-unica"; font-size: 18px; font-weight: 400;} @media (max-width: 1400px) { .section-text-img-left .text-wrap .text {width: 100%;} } @media (max-width: 991px) { .section-text-img-left .background {height: 300px; object-position: 0px 0px; position: relative;} .section-text-img-left .text-wrap .text h1 {font-size: 50px; } .section-text-img-left .text-wrap .text p {font-size: 18px;} .section-text-img-left .text-wrap {height: auto; margin-top: 20px;} } @media (max-width: 576px) { .section-text-img-left .text-wrap .text h1 {font-size: 20px; line-height: 26px;} } .section-text-img-right {position: relative; } .section-text-img-right .background {position: absolute; height: 460px;object-fit: cover;width: 100%;background-position: center; margin: 0; filter: brightness(40%); object-position: 0px -260px; position: absolute; z-index: 1;} .section-text-img-right .text-wrap {display: flex; align-items:center; justify-content: end; height: 460px;} .section-text-img-right .text-wrap .text {width: 33%; position: relative; z-index: 2;} .section-text-img-right .text-wrap .text h1 {color: #fff; font-family:"urbane"; font-size: 50px; font-weight: 600; line-height: 65px;} .section-text-img-right .text-wrap .text p {color: #fff; font-family:"neue-haas-unica"; font-size: 18px; font-weight: 400;} @media (max-width: 1400px) { .section-text-img-right .text-wrap .text {width: 100%;} } @media (max-width: 991px) { .section-text-img-right .background {height: 300px; object-position: 0px 0px; position: relative;} .section-text-img-right .text-wrap .text h1 {font-size: 50px; } .section-text-img-right .text-wrap .text p {font-size: 18px;} .section-text-img-right .text-wrap {height: auto; margin-top: 20px;} } @media (max-width: 576px) { .section-text-img-right .text-wrap .text h1 {font-size: 20px; line-height: 26px;} } .section-square-imgs-text {} .section-square-imgs-text .text-wrap {display: flex; align-items: center; height: 100%;} .section-square-imgs-text .text h3 {color: #fff; font-family:"urbane"; font-size: 32px; font-weight: 600; line-height: 40px;} .section-square-imgs-text .text p {color: #babcbe; font-family:"neue-haas-unica"; font-size: 18px; font-weight: 400;} .section-square-imgs-text .container-imgs {display: flex; gap: 10px; flex-wrap: wrap;} .section-square-imgs-text .container-imgs .img-wrap img {height:245px;width:245px; margin:0;} @media (max-width: 991px) { .section-square-imgs-text .text h3 { font-size: 25px; line-height: 30px;} .section-square-imgs-text .text p {font-size: 14px;} } @media (max-width: 576px) { .section-square-imgs-text .text h3 { font-size: 16px; line-height: 22px;} .section-square-imgs-text .container-imgs .img-wrap {width: 48%;} .section-square-imgs-text .container-imgs .img-wrap img {max-width: 100%;height: auto;} .section-square-imgs-text .container-imgs .img-wrap:nth-child(5) {display: none;} .section-square-imgs-text .container-imgs .img-wrap:nth-child(6) {display: none;} .section-square-imgs-text .container-imgs .img-wrap:nth-child(7) {display: none;} .section-square-imgs-text .container-imgs .img-wrap:nth-child(8) {display: none;} .section-square-imgs-text .container-imgs .img-wrap:nth-child(9) {display: none;} } .section-img-text {} .section-img-text img {height: 500px;object-fit: cover;width: 100%;background-position: center; margin: 0;} .section-img-text .text-wrap {display: flex; align-items: center; height: 100%;} .section-img-text .text h2 {color: #fff; font-family:"urbane"; font-size: 40px; font-weight: 600; line-height: 44px;} .section-img-text .text p {color: #babcbe; font-family:"neue-haas-unica"; font-size: 18px; font-weight: 400;} @media (max-width: 991px) { .section-img-text .text-wrap {margin-top: 10px;} .section-img-text .text h2 {font-size: 22px; margin-bottom: 0px; margin-top: 0;} .section-img-text .text p {font-size: 16px;} .section-img-text img {height: 250px;} } @media (max-width: 576px) { .section-img-text .text h2 {font-size: 18px; line-height: 24px;} } .section-img-h2 {} .section-img-h2 .wrap {display: flex; flex-direction: column; align-items: center; justify-content: center;} .section-img-h2 .wrap h2 {color: #fff; font-family:"urbane"; font-size: 40px; font-weight: 600;line-height: 44px; margin: 48px 0 40px 0;} .section-img-h2 .wrap img {height: 770px;} @media (max-width: 991px) { .section-img-h2 .wrap h2 {font-size: 22px; margin-bottom: 10px; margin-top: 0;} .section-img-h2 .wrap img {height: auto;} } @media (max-width: 576px) { .section-img-h2 .wrap h2 {font-size: 18px; line-height: 24px;} } .section-columns-2-imgs {} .section-columns-2-imgs h2 {color: #fff; font-family:"urbane"; text-align: center; font-size: 40px; font-weight: 600;line-height: 44px; margin: 48px 0 40px 0;} .section-columns-2-imgs .img-wrap {background-color: #fff;} .section-columns-2-imgs .img-wrap {height: 510px; display: flex; align-items: center; justify-content: center;} .section-columns-2-imgs .img-wrap img {height: 500px;} @media (max-width: 991px) { .section-columns-2-imgs h2 {font-size: 22px; margin-bottom: 10px; margin-top: 0;} .section-columns-2-imgs .img-wrap {height: auto;} .section-columns-2-imgs .img-wrap img {height: auto;} } @media (max-width: 576px) { .section-columns-2-imgs h2 {font-size: 18px; line-height: 24px;} } .section-columns-3-imgs {} .section-columns-3-imgs h2 {color: #fff; font-family:"urbane"; text-align: center; font-size: 40px; font-weight: 600;line-height: 44px; margin: 48px 0 40px 0;} .section-columns-3-imgs .img-wrap {background-color: #fff;} .section-columns-3-imgs .img-wrap {height: 330px; display: flex; align-items: center; justify-content: center;} .section-columns-3-imgs .img-wrap img {height: 310px;} @media (max-width: 991px) { .section-columns-3-imgs h2 {font-size: 22px; margin-bottom: 10px; margin-top: 0;} .section-columns-3-imgs .img-wrap img {height: auto;} .section-columns-3-imgs .img-wrap {height: auto;} } @media (max-width: 576px) { .section-columns-3-imgs h2 {font-size: 18px; line-height: 24px;} } .section-products-slider.block .splide__arrows {display: none;} .section-blog-slider.block .title-box {display: flex; justify-content: center;} .section-blog-slider.block .title-box h2 {color: #fff; font-family:"urbane"; text-align: center; font-size: 32px; font-weight: 600;line-height: 36px; margin: 48px 0 20px 0;} .section-blog-slider.block .splide__arrows {display: none;} .section-partners {} .section-partners .main-title {color: #fff; font-family:"urbane"; text-align: center; font-size: 32px; font-weight: 600;line-height: 36px; margin: 48px 0 20px 0;} .section-partners .items .img-wrap {display: flex; justify-content: center; align-items: center; background-color: #fff;} .section-partners .items .img-wrap img {margin: 0;} .section-partners .items a {text-decoration: none;} .section-partners .items h3 {color: #fff; font-family:"urbane"; font-size: 20px; font-weight: 600; margin: 0; margin: 10px 0 30px 0;} @media (max-width: 991px) { .section-partners .items h3 {font-size: 16px;} } .section-narrow-text {text-align:center; } .section-narrow-text p {color: #babcbe; font-family:"neue-haas-unica"; font-size: 18px; font-weight: 400;letter-spacing: -1px;} @media (max-width: 991px) { .section-narrow-text p {font-size: 16px; } } .section-advantages-text {background-color: #fff;} .section-advantages-text .item {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; border-right: 1px solid #e6e6e6; padding: 70px 20px;} .section-advantages-text .item h2 {color: #1a2026; font-family:"urbane"; text-align: center; font-size: 18px; font-weight: 600; margin: 0;} .section-advantages-text .item p {color: #7a7d81; font-family:"neue-haas-unica"; font-size: 14px; font-weight: 400; text-align: center; margin: 0; width: 55%; line-height: 18px;} .section-advantages-text .item a {font-family:"neue-haas-unica"; font-size: 14px; font-weight: 700; text-align: center;} .section-advantages-text .item:nth-child(4) {border: none;} @media (max-width: 991px) { .section-advantages-text .item h2 {font-size: 16px;} .section-advantages-text .item p {font-size: 16px; width: 80%; line-height: 24px; margin-bottom: 10px;} .section-advantages-text .item a {font-size: 16px;} .section-advantages-text .item {padding-bottom: 40px;} } @media (max-width: 576px) { .section-columns-3-imgs h2 {font-size: 18px; line-height: 24px;} } .section-btn-primary {} .section-btn-primary .btn-wrap {text-align: center; } .section-btn-primary .btn-wrap .btn-primary {background: #ff8d09; height: 53px; text-decoration: none; font-size: 14px; width: 270px; display: inline-block;} .section-img-text-product {position: relative; } .section-img-text-product {} .section-img-text-product img {height: 500px;object-fit: cover;width: 100%;background-position: center; margin: 0;} .section-img-text-product .content-wrap {display: flex; flex-direction:column; justify-content: center; height: 100%;} .section-img-text-product h2 {color: #fff; font-family:"urbane"; font-size: 40px; font-weight: 600; line-height: 44px; margin: 0; margin-bottom: 50px;} .section-img-text-product .text p {color: #babcbe; font-family:"neue-haas-unica"; font-size: 18px; font-weight: 400;} .section-img-text-product .btn-wrap {margin-top: 20px;} .section-img-text-product .btn-wrap .btn-primary {background: #ff8d09; height: 53px; text-decoration: none; font-size: 14px; width: 330px; display: inline-block; text-align: center;} .section-img-text-product .title-mobile {display: none;} .section-img-text-product .img-wrap-mobile {display: none;} @media (max-width: 991px) { .section-img-text-product .title-mobile {display: block;} .section-img-text-product h2 {display: none; font-size: 18px; line-height: 24px; margin-bottom: 10px; } .section-img-text-product .text p {font-size: 16px;} .section-img-text-product .img-wrap-mobile {display: block;} .section-img-text-product .img-wrap {display: none;} .section-img-text-product img {height: 230px;} .section-img-text-product .btn-wrap .btn-primary {width: 100%; } } .section-img-product-info {display: flex;justify-content: center} .section-img-product-info h2 {color: #fff; font-family:"urbane"; font-size: 32px; font-weight: 600; line-height: 36px; margin: 0;} .section-img-product-info ul {padding: 0; margin: 0; color: #babcbe; font-family:"neue-haas-unica"; font-size: 18px; font-weight: 400;} .section-img-product-info ul span {color: #0cd6c6; } .section-img-product-info ul li:before {display: none;} .section-img-product-info p {color: #babcbe; font-family:"neue-haas-unica"; font-size: 18px; font-weight: 400;} .section-img-product-info .btn-wrap {margin-top: 20px;} .section-img-product-info .btn-wrap .btn-primary {background: #ff8d09; height: 53px; text-decoration: none; font-size: 14px; width: 100%; display: inline-block; text-align: center;} @media (max-width: 991px) { .section-img-product-info h2 {font-size: 18px; line-height: 24px; margin-bottom: 10px; } .section-img-product-info p {font-size: 16px;} .section-img-product-info img {height: 230px; width: 100%; object-fit: cover;width: 100%;background-position: center;margin: 0;} .section-img-product-info .btn-wrap .btn-primary {width: 100%; } .section-img-product-info ul span {font-size: 16px;} .section-img-product-info ul {font-size: 16px;} } .section-blog-author {display: flex;justify-content: center; } .section-blog-author .container-block {background-color: #374048; padding: 20px;} .section-blog-author .img-wrap {border-radius: 100%; height: 150px;width: 150px; background-color: #1a2026; display: flex; justify-content: center; align-items: end; position: relative;} .section-blog-author .background {background-image: url("../img/orange-background-circle2.png"); height: 150px;width: 150px; position: absolute; top: -6px;left: -4px;z-index: 2;border-radius: 100%;} .section-blog-author .img-wrap img {margin: 0; height: 130px; z-index: 3;} .section-blog-author .img-container {position: relative; display: flex; align-items: center;} .section-blog-author .text .about {color: #878a8d; font-family:"neue-haas-unica"; font-size: 11px; font-weight: 400; text-transform: uppercase;} .section-blog-author .text h2 {margin: 0; margin-bottom: 10px; color: #fff; font-family:"urbane"; font-size: 20px; font-weight: 600; line-height: 26px;} .section-blog-author .text p {color: #babcbe; font-family:"neue-haas-unica"; font-size: 14px; font-weight: 400;} .section-blog-author .header-mobile {display: none;} @media (max-width: 991px) { .section-blog-author .text h2 {font-size: 16px; line-height: 22px; margin-bottom: 10px; } .section-blog-author .text p {font-size: 14px;} .section-blog-author .header-mobile {display: block;} .section-blog-author .header {display: none;} .section-blog-author .text .about {font-size: 11px;} .section-blog-author .wrap {display: flex; gap: 20px; align-items: center;} .section-blog-author .background { height: 70px;width: 70px; display: none; } .section-blog-author .img-wrap { height: 70px;width: 70px; } .section-blog-author .img-wrap img {height: 50px;} } /* .cart-popup .price-number {font-weight: 700;} .cart-popup .item {position: relative;margin: 0 0 4px 0;} .cart-popup .photo-wrap {background: #FFF;padding: 4px;line-height: 60px;} .cart-popup .remove {display: block;width: 20px;height: 20px;position: absolute;top: 0;right: 0;text-align: right;color: #AAA;} .cart-popup .remove:hover {color: #5C5B5E;} .cart-popup span.variant-name {display: inline-block;line-height: 20px;color: #FFF;font-size: 14px;margin: 0;font-style: italic;} .cart-popup .delivery-time {display: inline-block;line-height: 21px;white-space: nowrap;border: 1px solid #F6A600;color: #F6A600;font-size: 10px;text-transform: uppercase;padding: 0 4px;text-decoration: none;border-radius: 4px;} .cart-popup .form .input-group {} .cart-popup .form .input-group input {height: 21px;line-height: 21px;width: 45px;border: 1px solid #5C5B5E;text-align: right;color: #FFF;font-weight: 700;font-size: 14px;background: none;padding: 0 9px;border-radius: 4px;text-align: center;} .cart-popup .form .input-group .input-group-addon {color: #AAA;background: none;border: 0;font-size: 10px;padding: 0 7px 0 4px;line-height: 21px;} .cart-popup .form .input-group .input-group-addon a {color: #AAA;text-decoration: none;} .cart-popup .item-price {font-size: 16px;color: #FFF;} .cart-popup .sum {padding: 0 20px 20px 20px;} .cart-popup .sum .sum-price {font-size: 20px;} */ /* .cart-popup a.submit {font-weight: 700;font-size: 20px;padding: 0 10px 0 10px;text-decoration: none;margin: 15px 0 0 0;display: inline-block;border: 0;color: #FFF;line-height: 54px;text-transform: uppercase;background: #129844;background: linear-gradient(to right, #129844 0%, #006C2B 100%);position: relative;} .cart-popup a.submit .fa {} .cart-popup a.submit svg {height: 100%;position: absolute;top: 0;right: -20px;} .cart-popup a.submit svg polyline {fill: #006C2B;} */ .section-store-title {background: center center no-repeat;background-size: cover;padding: 60px 0;position: relative;z-index: 1;} .section-store-title:after {content: "";position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;z-index: -1;background: url(../img/store-title-overlay.png) center center no-repeat;background-size: cover;background: linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0.5));} .section-store-title .nav {margin: 0;} .section-store-title .nav li {padding: 0;} .section-store-title .nav li a {color: #FFF;font-family: 'sk-modernistbold';background: none;text-decoration: none;border-bottom: 1px solid #555;padding: 10px 0;} .section-store-title .nav li a.active {color: #FF8D09;border-color: #FF8D09;} .section-store-title h1.position-right {font-size: 55px;font-family: 'sk-modernistbold';line-height: 60px;text-align: right;padding: 14% 0 10% 0;} .section-store-title h1.position-left {font-size: 45px;font-family: 'sk-modernistbold';line-height: 50px;margin: 0 0 5px 0;} .section-store-title .subtitle {font-size: 28px;line-height: 32px;} .section-store-title .description {font-size: 19px;line-height: 30px;margin: 30px 0;} .section-columns-2-images {position: relative;z-index: 10;margin: 60px 0;} .section-columns-2-images .item {position: relative;z-index: 1;display: block;} .section-columns-2-images .item img {margin: 0;position: relative;z-index: 1;} .section-columns-2-images .item:hover .img-wrap:after {content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 10px solid #2B2B2B;background: rgba(0,0,0,0.5);z-index: 1;} .section-columns-2-images .item h2 {position: absolute;top: 20px;left: 20px;color: #FFF;font-family: 'sk-modernistbold';font-size: 38px;margin: 0;line-height: 40px;padding: 0 0 13px 0;z-index: 10;} .section-columns-2-images .item h2:after {content: "";height: 6px;width: 26px;background: #FF8D09;position: absolute;bottom: 0;left: 0;} .section-columns-2-images .item .btn {position: absolute;bottom: 20px;right: 20px;z-index: 10;} .section-columns-2-images .item .icon-play {position: absolute;top: 50%;left: 50%;width: 90px;height: 90px;border-radius: 90px;background: #FF8D09;color: #FFF;font-size: 55px;line-height: 90px;text-align: center;display: block;z-index: 10;padding-left: 10px;margin: -45px 0 0 -45px;} .section-store-map {margin-top: -3%;position: relative;z-index: 10;} .section-store-map .map {height: 450px;width: 100%;} .section-store-map .banner {height: 450px;width: 100%;display: block;background: center center no-repeat;background-size: cover;} .section-store-map .item {background: #1D1D1D;padding: 20px;color: #FFF;font-family: 'sk-modernistregular';font-size: 19px;line-height: 29px;margin: 0;} .section-store-map .item-1, .section-store-map .item-2 {margin-bottom: 4px;} .section-store-map .item h3 {text-transform: uppercase;font-family: 'sk-modernistregular';letter-spacing: 0.2em;font-size: 12px;margin: 0 0 20px 0;color: #FF8D09;} .section-store-map .item a {color: #FFF;} .section-store-map .item strong {color: #FF8D09;font-family: 'sk-modernistregular';font-weight: 400;} .section-store-map .item-2 {background-color: #FF8D09;} .section-store-map .item-2 strong {color: #000;} .section-store-map .item-2 h3 {color: #000;} .section-store-map .item-4 {background-image: url(../img/store-parking.png);background-repeat: no-repeat;background-position: center bottom;padding-bottom: 90px;background-size: 90%, auto;} .section-store-blog {background: #3A3A3A;padding: 0 0 30px 0;} .section-store-blog .item {margin: 0 0 30px 0;} .section-store-blog .item .img-wrap {position: relative;display: block;} .section-store-blog .item .img-wrap img {margin: 0;} .section-store-blog .item .meta {position: absolute;bottom: 15px;right: 15px;margin: 0;} .section-store-blog .item h3 {color: #FFF;font-size: 22px;line-height: 25px;margin: 12px 0;font-family: 'sk-modernistregular';} .section-store-blog .item h3 a {color: #FFF;text-decoration: none;} .section-store-blog .item:hover h3 a {text-decoration: underline;} .section-store-blog .item .btn-more {margin-top: 12px;} .section-store-blog .meta {background: #FFF;line-height: 25px;font-size: 13px;display: inline-block;margin: 0 0 10px 0;} .section-store-blog .meta span {vertical-align: top;} .section-store-blog .meta .tag-date {display: inline-block;padding: 0 12px;color: #AAA;font-family: 'sk-modernistbold';} .section-store-blog .meta .tag-category {display: inline-block;padding: 0 12px;color: #FFF;background: #FF8D09;} .section-store-blog .meta .tag-category-2 {background: linear-gradient(to right, #0EBEC7, #30D8AB);} .section-text-gallery {margin: 60px 0;} .section-text-gallery .gallery {} .section-text-gallery .gallery .item {margin: 0 0 10px 0;display: inline-block;} .section-text-gallery .gallery .item img {margin: 0;} .section-text-image {margin: 30px 0;} .section-video-inline {margin: 30px 0;} .section-videos {background: #3A3A3A;padding: 30px 0;} .section-videos .item {margin: 0 0 30px 0;} .section-videos .item .img-wrap {position: relative;display: block;} .section-videos .item .img-wrap img {margin: 0;} .section-videos .item h3 {color: #FFF;font-size: 22px;line-height: 25px;margin: 12px 0;font-family: 'sk-modernistregular';} .section-404 {padding-top: 60px; margin-bottom: 200px;} .section-404 .header {margin: 0px 0 70px 0; display: flex; align-items: center; justify-content: center; flex-direction: column;} .section-404 h1 {color: #fff; font-family:"urbane"; font-size: 50px; font-weight: 600; line-height: 60px; margin: 0; margin-bottom: 10px;} .section-404 .text-container {width: 30%; text-align: center; margin-bottom: 50px;} .section-404 .text-container p {color: #babcbe; font-family:"neue-haas-unica"; font-size: 16px; font-weight: 400; line-height: 24px;} .section-404 .backgrounds {position: relative;} .section-404 .backgrounds .background-left {position: absolute;left: 0px;top: -60px;margin: 0;z-index: -1;} .section-404 .backgrounds .background-right {position: absolute;right: 0px;top: -60px;margin: 0;z-index: -1;} .section-404 .btns {display: flex;flex-direction: row;gap: 10px;} .section-404 .btns .btn-primary {width: 300px; text-decoration: none; text-align: center; display: flex; align-items: center; justify-content: center;} .section-404 .btns .btn-primary:hover {color: #fff;} .section-404 .btns .btn-primary.btn-empty {background-color: transparent; background: transparent; border: 1px solid #babcbe; } .section-404 h2 {color:#fff; font-family:"urbane"; font-size: 14px; font-weight: 600; line-height: 17px; margin: 0; margin-bottom: 10px;} .section-404 .section-news .banner {height: 260px;} .section-404 .section-news .banner .text-box h2 {font-size: 25px;} .section-404 .section-news .banner .text-box .tag {font-size: 10px;} .section-404 .section-news .banner .text-box img {width: 22px;} .section-404 .section-cart {padding: 0;} .section-404 .section-cart .main-content-empty {padding-top: 30px;} .section-404 .section-cart .main-content-empty .section-quick-links .row-links {margin: 0;} .section-404 .section-cart .main-content-empty .section-quick-links .row-links .link .text {position: relative;} .section-404 .section-cart .main-content-empty .section-quick-links .row-links .link .text .count {color: #7a7d81; font-family:"neue-haas-unica"; font-size: 12px; font-weight: 400; line-height: 16px; display: block; margin: 0px; position: absolute; top: -1px;right: -20px;} @media (max-width: 991px) { .section-404 .header {margin: 0px 0 30px 0;} .section-404 {margin: 0px 0 20px 0; padding-top: 20px;} .section-404 .backgrounds {display: none;} .section-404 h1 {font-size: 24px; line-height: 36px; margin: 0;} .section-404 .text-container {width: 100%; margin-bottom: 10px;} .section-404 .btns {flex-direction: row; width: 100%; text-align: center;} .section-404 .btns .btn-primary {width: 100%; text-align: center;} .section-404 .section-news .flex-nowrap {overflow-y: scroll;} .section-404 .section-news .banner {height: 165px;} .section-404 .section-news .banner .text-box h2 {font-size: 15px; line-height: 17px;} .section-404 .section-news .banner .text-box .tag {font-size: 5px; line-height: 6px;} .section-404 .section-news .banner .orange-background {width: 120px; height: 82px;} .section-404 .section-news .banner .text-box {padding-bottom: 40px;} .section-404 .section-news .banner .text-box img {width: 14px;} } .section-gallery-inline {margin: 30px 0;} .section-gallery-inline img {margin: 0;} .section-gallery-inline .item {display: block;margin: 0 0 20px 0;} .section-gallery-photos {margin: 30px 0;} .section-gallery-photos img {margin: 0;} .section-gallery-photos .item {display: block;margin: 0 0 20px 0;} .section-tree {margin: 0 0 30px 0;} .section-tree .item {color: #FFF;aborder: 1px solid #FFF;text-align: center;margin: 0 0 10px 0;padding: 10px;background: #000;} .section-tree .item a {color: #FFF;text-decoration: none;} .content .category-search {} .content .category-search .fa-search {float: left;margin: 0 12px 0 0;font-size: 35px;color: #ff8d09;margin-bottom: 20px;} .content .category-search h1 {margin-bottom: 3px;} .content .category-search .category-count {color: #7f7f7f;} .content .category-search .other-results {color: #ff8d09;} .content .category-search .other-results h2 {margin-top: 20px;} .content .category-search .other-results a {color: #FFF;text-decoration: none;} .content .category-search .other-results a:hover {text-decoration: underline;} .content .category-search .other-results p {margin: 0 0 5px 0;color: #AAA;} .content .category-search .other-results .results-more {display: none;} .content .category-search .other-results a.results-toggle-more {color: #ff8d09;text-decoration: underline;} .content .category-search .other-results a.results-toggle-more:hover {text-decoration: none;} /* basket */ /* .basket table {margin: 0 0 10px 0;border: 0;} .basket table tr.item-row {background: #F9FAFA;border-bottom: 1px solid #EEE;} .basket table tr.item-row td {padding: 8px 15px;border: 0;vertical-align: middle;} .basket table tr.item-row td.image {width: 70px;} .basket table tr.item-row td.name a {font-size: 16px;text-decoration: none;color: #000;} .basket table tr.item-row td.name a:hover {text-decoration: underline;} .basket table tr.item-row td.remove {width: 20px;padding: 3px 10px;} .basket table tr.item-row td a.remove {} .basket table tr.item-row td.price {text-align: right;width: 120px;} .basket table tr.item-row td.count {width: 100px} .basket table tr.item-row td.count input.type-text {background: #FFF;border: 1px solid #EEE;height: 28px;line-height: 28px;padding: 0 8px;width: 35px;} .basket table tr.convert {background: none;} .basket table tr.convert td {border: 0;background: none;} .basket table tr.convert input {color: #00CCFF;margin: 8px 0 0 0;background: #EEE;font-weight: 700;border: 0;padding: 5px 10px;} .basket table tr.sum {border-top: 1px solid #333;background: #222;} .basket table tr.sum th {font-size: 15px;color: #FFF;text-transform: uppercase;font-weight: 500;background: none;border: 0;padding: 10px 15px;} .basket table tr.sum th.price {text-align: right;padding-right: 50px;text-transform: none;} .basket .coupon {border-top: 1px solid #333;background: #222;padding: 15px;} .basket .coupon label {font-size: 15px;color: #FFF;width: 160px;line-height: 30px;} .basket .coupon input.type-text {width: 200px;} .basket .coupon input.type-submit {} .basket .radio-select {margin: 15px 0;padding: 0 0 0 10px;position: relative;list-style: none;} .basket .radio-select li {padding: 0;margin: 0 0 5px 0;} .basket .radio-select li.checked {} .basket .radio-select label {padding: 0 20px 0 10px;width: auto;display: inline-block;width: 500px;} .basket .radio-select input {top: -1;left: -5px;position: relative;} .basket .radio-select select {margin-left: 25px;} .basket .radio-select p {margin: 0 0 10px 27px;padding: 10px;border-top: 1px solid #333;background: #222;font-style: italic;font-size: 13px;} .basket form .submit-button-wrap {margin-left: 0;} .basket table.address {width: 100%;border: 0;} .basket table.address tr {background: none;} .basket table.address th, .basket table.address td {border: 0;background: none;} .basket table.address th {width: 200px;text-align: left;font-size: 13px;color: #666;} */ /* /basket */ /* #breadcrumb {padding: 25px 0 0 0;} .breadcrumb {background: none;border-radius: 0;margin: 0;padding: 0;margin: 0 0 16px 0;list-style: none;} .breadcrumb li {padding: 0;} .breadcrumb li a {text-decoration: none;color: #9F9F9F;font-size: 15px;} .breadcrumb li a:hover {color: #FFF;} .breadcrumb li:last-child a {} .breadcrumb li:first-child a {background: none;} .breadcrumb > li + li::before {content: '>';} /* TODO kvuli kategorii*/ /* .content .breadcrumb {background: none;border-radius: 0;margin: 0;padding: 0;margin: 0 0 16px 0;list-style: none;} .content .breadcrumb li {padding: 0;} @media (max-width: 991px) { #breadcrumb {padding-top: 15px;} .breadcrumb li a {font-size: 12px;} } */ #breadcrumb .breadcrumb {list-style: none; margin:0; padding: 10px 0 25px 0; z-index: 777;position: relative;} #breadcrumb .breadcrumb > li + li::before {content: '';width: 10px;height: 100%;position: relative;border-top: 1px solid #ff8d09; bottom: -19px;left: 0;margin-top: 0px; display:inline-block;} #breadcrumb .breadcrumb > li {position: relative; padding: 0px 10px 0px 0px;} #breadcrumb .breadcrumb > li.first {top: 7px;} #breadcrumb .breadcrumb li a {text-decoration: none; font-size: 14px; color: #babcbe; padding-left: 10px; font-family:"neue-haas-unica"; } #breadcrumb .breadcrumb > li.first a {padding-left:0;} #breadcrumb .breadcrumb li a:hover {text-decoration: underline;} @media (max-width: 991px) { #breadcrumb .breadcrumb {padding: 10px 0 15px 0;} #breadcrumb .breadcrumb > li {display:none;} #breadcrumb .breadcrumb > li:last-child {display:block;} #breadcrumb .breadcrumb > li + li::before {content: url(../img/bold-arrow-left.svg); width: 6px;height: 12px;position: relative;border-top: none; bottom: -3px;left: 0;margin-top: 0px; display:inline-block;} #breadcrumb .breadcrumb li a {text-decoration: none; font-size: 16px; color: #7a7d81; padding-left: 10px; font-family:"neue-haas-unica"; } } /* .content .pagination-wrap {line-height: 36px;display: inline-block;background: url(../img/pagination-wrap-left.png) left top no-repeat, url(../img/pagination-wrap-right.png) right top no-repeat;padding: 0 12px;margin: 0 0 10px 0;font-size: 14px;} .content .pagination-wrap ul {border-top: 1px solid #FFF;border-bottom: 1px solid #FFF;border-radius: 0;margin: 0;} .content .pagination-wrap ul li {display: inline-block;padding: 0;} .content .pagination-wrap ul li a {background: none;color: #FFF;border: 0;padding: 0;line-height: 36px;display: inline-block;float: none;font-weight: 700;} .content .pagination-wrap ul li a.page {padding: 0;} .content .pagination-wrap ul li a.page span {display: inline-block;margin: 11px 0;padding: 0 10px;line-height: 14px;border-left: 1px solid #CCC;} .content .pagination-wrap ul li a.active {padding: 0;color: #F6A400;} .content .pagination-wrap ul li a.first span {border-left: 0;} .content .pagination-wrap ul li a.next {border-left: 1px solid #FFF;margin: 0 0 0 8px;font-weight: 700;padding: 0 20px;} .content .pagination-wrap ul li a.previous {border-right: 1px solid #FFF;margin: 0 8px 0 0;font-weight: 700;padding: 0 15px;} .content .pagination-count {line-height: 36px;display: inline-block;border: 1px solid #FFF;font-size: 14px;padding: 0 5px;} .content .pagination-count span {display: inline-block;margin: 11px 0;padding: 0 5px;line-height: 14px;border-left: 1px solid #CCC;cursor: pointer;font-weight: 700;} .content .pagination-count span.active {color: #F6A400;} .content .pagination-count span.fa {border: 0;font-weight: 400;} .content .pagination-count span.first {border: 0;} */ /* .content .pagination-wrap {abackground: #303032;margin: 0 0 10px 0;} .content .pagination-wrap .row {margin: 0;} .content .pagination-wrap [class^="col-md"] {padding: 0;background: #303032;height: 30px;} .content .pagination-wrap .prev {background: url(../img/pagination-prev.png) left center no-repeat;padding-left: 5px;} .content .pagination-wrap .prev .pagination li a {border: 0;} .content .pagination-wrap .next {background: url(../img/pagination-next.png) right center no-repeat;background-color: none;padding-right: 10px;} .content .pagination-wrap .next .pagination li a {border: 0;} .content .pagination {margin: 0;border-radius: 0;padding: 6px 0;vertical-align: top;} .content .pagination li {background: none;padding: 0;vertical-align: top;} .content .pagination li a {color: #FFF;font-weight: 700;text-decoration: none;border: 0;border-right: 1px solid #555;line-height: 18px;background: none;border-radius: 0;padding: 0 12px;vertical-align: top;} .content .pagination li a:first-child {border-left: 1px solid #555;} .content .pagination li a:hover {color: #F5A200;} .content .pagination li a.active {color: #F5A200;} .content .pagination-load-more {display: inline-block;border: 1px solid #FFF;color: #FFF;text-decoration: none;padding: 5px 8px;font-size: 14px;font-weight: 700;} .content .pagination-load-more .fa {margin-right: 8px;font-size: 16px;} .content .pagination-load-all {display: inline-block;border: 1px solid #FFF;color: #FFF;text-decoration: none;padding: 5px 8px;font-size: 14px;font-weight: 700;} .content .pagination-load-all .fa {margin-right: 8px;font-size: 16px;} */ /* .content .filter {background: none;margin: 15px 0;font-size: 13px;color: #666;border-bottom: 1px solid #EEE;padding: 0 0 5px 0;} .content .filter .order-by {float: left;} .content .filter .order-by strong {font-weight: 700;} .content .filter .order-by span {display: inline-block;padding-left: 15px;} .content .filter .order-by a {display: inline-block;text-decoration: none;color: #666;} .content .filter .order-by a:hover, .content .filter .order-by a.active {color: #0CF;} .content .filter .view {float: right;} .content .filter .view a {display: block;float: left;margin: 0 0 0 5px;color: #666;font-size: 20px;} .content .filter .view a:hover {color: #0CF;} */ /* .profile {width: 100%;position: relative;padding: 10px 0 0 0;} .profile .info {} .profile .info h2 {margin: 0 0 15px 0;} .profile .info strong {} .profile .info p {margin: 0;} .profile .info p.controllers {margin: 15px 0;} .profile a.logout {background: #000;display: block;text-decoration: none;position: absolute;top: 10px;right: 0;text-transform: uppercase;color: #FFF;line-height: 30px;padding: 0 12px;} */ .submenu-right {} .submenu-right h2 {margin-top: 0;} .submenu-right .nav {margin: 20px 0 0 0;} .submenu-right .nav li {padding: 0;} .submenu-right .nav li a {color: #3A3A3C;font-weight: 700;padding: 4px 10px 4px 15px;margin-left: 25px;text-decoration: none;background: url(../img/submenu-bullet.png) left center no-repeat;} .submenu-right .nav li a:hover {text-decoration: underline;} .submenu-right .nav li a.active {color: #F6A600;} .section-heureka-reviews {background: #FFF;padding: 20px 0;color: #333;} .section-heureka-reviews h2 {color: #333;text-align: center;margin: 20px 0 50px 0;font-family: 'sk-modernistbold', 'Arial', 'Helvetica', sans-serif;font-size: 26px;} .section-heureka-reviews .col-md-border-right:after {background: #EEE;} .reviews-heureka {margin: 0 0 40px 0;} .reviews-heureka .logo-heureka {float: right;margin: 0;} .reviews-heureka .review {margin: 0 0 20px 0;} .reviews-heureka .review .header {padding-left: 78px;background: url(../img/reviews-person.png) 15px 12px no-repeat;} .reviews-heureka .review .header-name {background: url(../img/reviews-person-heureka.png) left 0 no-repeat;background-size: 45px, auto;} .reviews-heureka .review .header h3 {margin: 0;padding: 4px 0 0 0;font-weight: 400;font-size: 16px;color: #333;} .reviews-heureka .review .header .date {font-size: 14px;display: block;padding: 0 0 10px 0;} .reviews-heureka .review .score {line-height: 40px;margin: 0;} .reviews-heureka .review .score strong {font-size: 26px;display: inline-block;margin: 0 12px 0 0;font-family: 'sk-modernistbold', 'Arial', 'Helvetica', sans-serif;color: #000;} .reviews-heureka .review .score span.star {display: inline-block;width: 20px;height: 20px;margin: 0 0 0 2px;background: url(../img/reviews-recomended-star.png) 0 0 no-repeat;} .reviews-heureka .review .score span.star-0 {background-position: -24px 0;} .reviews-heureka .review .score span.star-0-5 {background-position: -47px 0;} .reviews-heureka .review .summary {margin: 0 0 30px 0;} .reviews-heureka .review .recomended {display: inline-block;background: url(../img/reviews-recomended.png) right top no-repeat;width: 187px;line-height: 60px;padding: 0 10px 0 60px;text-transform: uppercase;color: #FFF;font-size: 10px;font-family: 'sk-modernistbold', 'Arial', 'Helvetica', sans-serif;} /* .reviews-heureka .review .ratings {font-size: 14px;padding: 8px 0;} .reviews-heureka .review .ratings p {margin: 5px 0;line-height: 15px;} .reviews-heureka .review .ratings strong {display: inline-block;margin: 0 0 0 6px;font-weight: 400;vertical-align: top;font-family: 'sk-modernistregular', 'Arial', 'Helvetica', sans-serif;} .reviews-heureka .review .ratings span.star {display: inline-block;width: 15px;height: 15px;margin: 0 0 0 2px;background: url(../img/reviews-rating-star.png) 0 0 no-repeat;vertical-align: top;} .reviews-heureka .review .ratings span.star-0 {background-position: -15px 0;} .reviews-heureka .review .ratings span.star-0-5 {background-position: -30px 0;} .reviews-heureka .review .reaction {line-height: 28px;font-size: 14px;padding-left: 90px;} .reviews-heureka .review .reaction .logo-wrap {border-top: 1px solid #DDD;margin: 20px 0 40px 0;position: relative;} .reviews-heureka .review .reaction .logo-wrap img {width: 150px;position: absolute;top: -20px;left: 0;background: #FFF;margin: 0;padding-right: 10px;} .reviews-heureka .review .reaction p {font-size: 13px;line-height: 19px;font-style: italic;margin-left: 10px;color: #888;} */ .section-manufacturers {} .section-manufacturers h2 {margin-top: 0px;color: #30D8AB;} .section-manufacturers .manufacturers {margin: 0 0 20px 0;} .section-manufacturers .manufacturers .item {background: url(../img/manufacturer-pattern-fade.png?2) left top no-repeat;background-size: 170px;padding: 12px;border: 2px solid #454545;margin-bottom: 20px;} .section-manufacturers .manufacturers .item-in {min-height: 190px;} .section-manufacturers .manufacturers .item h2 {color: #FFF;margin: 0 0 10px 0;padding: 0 0 10px 0;border-bottom: 1px solid #FFF;text-align: center;abackground: url(../img/manufacturer-pattern.png) left top repeat-x;abackground-size: 140px;} .section-manufacturers .manufacturers .item h2 a {color: #FFF;text-decoration: none;} .section-manufacturers .manufacturers .item h2 a:hover {text-decoration: underline;} .section-manufacturers .manufacturers .item h3 {color: #FFF;margin: 20px 0 0 0;} .section-manufacturers .manufacturers .item ul {margin-top: 10px;} .section-manufacturers .manufacturers .item ul li a {color: #FFF;font-size: 14px;} .section-manufacturers .manufacturers .item ul li.item-all a {color: #FF8D09;font-size: 14px;} .section-manufacturers .manufacturers .item img {margin-top: 60px;} .section-manufacturers .manufacturers .item .item-other {} .section-manufacturers .manufacturers .item .item-other a {margin-bottom: 10px;} .section-manufacturers .manufacturers .item .item-other-inline {text-align: center;margin-top: 10px;} .section-manufacturers .manufacturers .item .item-other-inline a {margin: 0 5px;padding-left: 9px;padding-right: 9px;} /* .section-manufacturers .manufacturers a {display: inline-block;margin: 40px 0;} .section-manufacturers .manufacturers a img {margin: 0;display: inline-block;opacity: 0.6;} .section-manufacturers .manufacturers a:hover img {opacity: 1;} */ .section-manufacturers .manufacturers-other {margin: 0 0 20px 0;} .section-manufacturers .manufacturers-other .row > div {border-bottom: 1px solid #3F3F3F} .section-manufacturers .manufacturers-other .item {width: 100px;margin: 0 30px 20px 0;display: inline-block;} .section-manufacturers .manufacturers-other a {display: inline-block;margin: 10px 0;} .section-manufacturers .manufacturers-other a img {margin: 0;display: inline-block;opacity: 0.6;max-height: 60px;} .section-manufacturers .manufacturers-other a:hover img {opacity: 1;} @media (max-width: 991px) { /*.section-manufacturers .manufacturers a {margin: 10px 0;padding: 0 20px;}*/ .section-manufacturers .manufacturers .item {padding: 8px;} .section-manufacturers .manufacturers .item img {margin-top: 20px;} .section-manufacturers .manufacturers .item .item-other-inline {} .section-manufacturers .manufacturers .item .item-other-inline a {margin-bottom: 8px;} } .section-manufacturers-list {} .section-manufacturers-list .manufacturers {margin-top: 55px;} .section-manufacturers-list .manufacturers .item {margin-bottom: 60px;} .section-manufacturers-list .manufacturers .item h2 { margin: 0; border-bottom: 1px solid #707070; padding-bottom: 10px; width: 95%; font-weight: 600;} .section-manufacturers-list .manufacturers .item a {font-family:"urbane"; font-weight:600; font-size: 20px; color: #fff; text-decoration: none; } .section-manufacturers-list .manufacturers .item .item-in .background-logo {background: url(../img/background-logos.svg) center top no-repeat;background-size: contain; margin-top: 20px; height: 100%;} .section-manufacturers-list .manufacturers .item .item-in .img-wrap {background-color: #fff; height: 131px; width: 131px; border-radius: 5px;} .section-manufacturers-list .manufacturers .item .item-in .background-logo a {display: flex; align-items: center; justify-content: center; height: 100%;} .section-manufacturers-list .manufacturers .item .item-in .background-logo a img {height: 50px;z-index: 2;margin: 0;} .section-manufacturers-list .manufacturers .item .item-in .background-logo h2 {display: none;} .section-manufacturers-list .manufacturers .item .item-in h3 {font-family:"urbane"; font-weight:600; font-size: 13px; color: #fff; margin: 0; margin-bottom: 0px; text-transform: uppercase; margin-top: 20px; margin-bottom: 5px;} .section-manufacturers-list .manufacturers .item .item-in ul {margin: 0;} .section-manufacturers-list .manufacturers .item .item-in ul li {padding: 0;} .section-manufacturers-list .manufacturers .item .item-in ul li::before {content: none;} .section-manufacturers-list .manufacturers .item .item-in ul li a {font-family:"neue-haas-unica"; font-weight: 400; color: #babcbe; font-size: 14px; } .section-manufacturers-list .manufacturers .item .item-in ul .item-all a {color: #ff8d09; } @media (max-width: 768px) { .section-manufacturers-list .manufacturers {margin-top: 30px;} .section-manufacturers-list .manufacturers .item {margin-bottom: 25px; padding-bottom: 15px; border-bottom: 1px solid #949799d9;} .section-manufacturers-list .manufacturers .item h2 {display: none;} .section-manufacturers-list .manufacturers .item .item-in .background-logo h2 {display: block; border: none; font-size: 26px; color: #000; width: auto; padding: 0; font-weight: 600;} .section-manufacturers-list .manufacturers .item .item-in .img-wrap {height: 100px; width: 100%; } .section-manufacturers-list .manufacturers .item .item-in .background-logo {background: url(../img/background-logos-mobile.svg) right top no-repeat;background-size: contain; margin-top: 0px; height: 100%;} .section-manufacturers-list .manufacturers .item .item-in .background-logo a {justify-content: start; width: 100%; gap: 20px;} .section-manufacturers-list .manufacturers .item .item-in h3 {font-size: 15px;} .section-manufacturers-list .manufacturers .item .item-in .background-logo a img {margin: 0 20px;} } .content .navigation-content {margin: 0; padding: 0; list-style: none;} .content .navigation-content li {padding: 10px 0; border-bottom: 1px solid #2e3841; font-family:"urbane"; font-size: 14px; font-weight: 500;} .content .navigation-content li a {color: #fff; text-decoration: none;} .content .navigation-content li.active a {color: #ff8d09;} .content .navigation-content li:before {display: none;} .content .title-navigation {width: 100%;display: block; border-top: 1px solid #2e3841; margin-top: 70px; padding: 10px 0px 25px 0; text-transform: uppercase; font-family:"urbane"; font-size: 14px; font-weight: 600;} .section-delivery {position: relative;} .section-delivery .background-left {position: absolute; left: 145px; top: -30px; margin: 0; z-index: -1;} .section-delivery .background-right {position: absolute; right: 145px; top: -30px; margin: 0; z-index: -1;} .section-delivery h1 {margin-top: 70px;font-family:"urbane"; font-size: 50px; font-weight: 600;} .section-delivery p {font-family:"neue-haas-unica"; font-weight: 400; color: #babcbe; font-size: 18px; } .section-delivery .table {--bs-table-color: #fff;} .section-delivery .table-wrap {display: flex; align-items: center; justify-content: center; margin-top: 90px;} .section-delivery table {awidth: auto;} .section-delivery table tr th:nth-child(1) {width: 280px;} .section-delivery table tr th.header-price {text-align: end; padding: 0px 10px 20px 0;} .section-delivery table tr th {border: 0; background: transparent; padding: 0px 20px 20px 0; color: #fff; border-bottom: 1px solid #394047; text-align: center;} .section-delivery table h2 {margin: 0; font-family:"urbane"; font-size: 20px; font-weight: 600;} .section-delivery table tr td {border: 0; border-bottom: 1px solid #394047; font-family:"urbane"; font-size: 14px; font-weight: 500; vertical-align: middle; } .section-delivery table span {display: flex; align-items: center; justify-content: center; line-height: 20px;} .section-delivery table span.price {justify-content: end;} .section-delivery table .info {flex-direction: column; line-height: 18px; align-items: start;} .section-delivery table .info span {align-items: start;} .section-delivery table .info .description {font-family:"neue-haas-unica"; font-weight: 400; color: #7a7d81; font-size: 14px; } .section-delivery table .name {gap: 10px; justify-content: start} .section-delivery table .tiny {font-family:"neue-haas-unica"; font-weight: 400; color: #7a7d81; font-size: 14px; } .section-delivery table img {margin: 5px 0; width: 43px; height: 32px;} .section-delivery table a {text-decoration: none; font-family:"urbane"; font-size: 12px; font-weight: 500;} .section-delivery table a:hover {text-decoration: underline;} .section-payment {position: relative;} .section-payment .background-left {position: absolute; left: 145px; top: -30px; margin: 0; z-index: -1;} .section-payment .background-right {position: absolute; right: 145px; top: -30px; margin: 0; z-index: -1;} .section-payment h1 {margin-top: 70px;font-family:"urbane"; font-size: 50px; font-weight: 600;} .section-payment p {font-family:"neue-haas-unica"; font-weight: 400; color: #babcbe; font-size: 18px; } .section-payment .table {--bs-table-color: #fff; min-width:970px;} .section-payment .table-wrap {display: flex; align-items: center; justify-content: center; margin-top: 90px;} .section-payment table {awidth: auto;} .section-payment table tr th {border: 0; background: transparent; padding: 0px 20px 20px 0; color: #fff; border-bottom: 1px solid #394047;} .section-payment table h2 {margin: 0; font-family:"urbane"; font-size: 20px; font-weight: 600;} .section-payment table tr td {border: 0; border-bottom: 1px solid #394047; font-family:"urbane"; font-size: 14px; font-weight: 500; vertical-align: middle; } .section-payment table span {display: flex; align-items: center; justify-content: end; line-height: 20px;} .section-payment table .name {gap: 20px; justify-content: start} .section-payment table img {margin: 5px 0; width: 14px; height: 22px;} .section-payment table .img-wrap {background-color: #f2f3f4; border-radius: 5px; width: 43px; height: 32px; display: flex; align-items: center; justify-content: center; margin: 4px 0;} .section-payment table .info-icon {background-color: #babcbe;border-radius: 100%;width: 16px;height: 16px;display: inline-block;line-height: 14px;padding-bottom: 0;font-family: "urbane";font-size: 11px;color: #374048;margin-left: 0px;top: 0px;position: relative;text-decoration: none; text-align: center;} .section-return {position: relative;} .section-return .background-left {position: absolute; left: 145px; top: -30px; margin: 0; z-index: -1;} .section-return .background-right {position: absolute; right: 145px; top: -30px; margin: 0; z-index: -1;} .section-return .title-navigation {width: 100%;display: block; border-top: 1px solid #2e3841; margin-top: 70px; padding: 10px 0px 25px 0; text-transform: uppercase; font-family:"urbane"; font-size: 14px; font-weight: 600;} .section-return h1 {margin-top: 70px;font-family:"urbane"; font-size: 50px; font-weight: 600;} .section-return p {font-family:"neue-haas-unica"; font-weight: 400; color: #babcbe; font-size: 18px; } .section-return .btn-primary {min-width: 280px;} .section-contact {position: relative;} .section-contact .background-left {position: absolute; left: 145px; top: -125px; margin: 0; z-index: -1;} .section-contact .background-right {position: absolute; right: 145px; top: -125px; margin: 0; z-index: -1;} .section-contact h1 {font-family:"urbane"; font-size: 50px; font-weight: 600; text-align: center; margin: 70px 0 45px 0;} .section-contact .contact-item {display: flex; align-items: center; justify-content: center; flex-direction: column; padding:0 70px 0px 70px; } .section-contact .contact-item.phone {border-right: 1px solid #374048; border-left: 1px solid #374048;} .section-contact .contact-item .wrap-img {background-color: #0cd6c6; border-radius: 100%; width: 71px; height: 71px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;} .section-contact .contact-item a {color: #fff; text-decoration: none; font-family:"urbane"; font-size: 20px; font-weight: 600; margin: 5px 0 15px 0;} .section-contact .contact-item a:hover {text-decoration: underline;} .section-contact .contact-item .item-name {font-family:"urbane"; font-size: 20px; font-weight: 600; margin: 5px 0 15px 0;} .section-contact .contact-item .note {text-align: center; font-family:"neue-haas-unica"; font-weight: 400; color: #babcbe; font-size: 16px; } .section-contact .return-title {font-family:"urbane"; font-size: 35px; font-weight: 600; text-align: center; color: #fff; margin-top: 60px;} .section-contact .btn-wrap {text-align:center;} .section-contact .btn-wrap .btn-primary {min-width: 280px;} .contact-form-info {margin-top: 70px;} .contact-form-info .contact-info {padding: 40px; background-color: #374048;} .contact-form-info .contact-info h3 {font-family:"urbane"; font-size: 28px; font-weight: 600; color: #ff8d09; margin: 0;} .contact-form-info .contact-info .title {font-family:"urbane"; font-size: 14px; font-weight: 600; color: #8e9297; margin-top: 30px;} .contact-form-info .contact-info span {display: block; font-family:"neue-haas-unica"; font-weight: 400; color: #fff; font-size: 16px;} .contact-form-info .contact-info div {margin-top: 30px;} .contact-form-info .contact-info strong {font-weight: 700;} .contact-form-info .contact-form {padding: 40px; background-color: #fff; height: 100%;} .contact-form-info .contact-form h3 {font-family:"urbane"; font-size: 28px; font-weight: 600; color: #ff8d09; margin: 0; margin-bottom: 30px;} .contact-form-info .contact-form .form-control {border: 1px solid #babcbe; margin-bottom: 5px; color: #babcbe;font-size: 16px; font-weight: 400; font-family:"neue-haas-unica"; border-radius: 5px;} .contact-form-info .contact-form .control-label {color: #1a2026;font-size: 14px; font-weight: 400; font-family:"neue-haas-unica";} .contact-form-info .contact-form .textarea {color:#1a2026; } .contact-form-info .contact-form div {margin-bottom: 20px;} .contact-form-info .contact-form .btn-wrap {text-align: end;} .contact-form-info .contact-form .btn-wrap .btn-primary {min-width: 155px;} .contact-form-info .contact-form .agreement {display: none;} @media (max-width: 1400px) { .section-contact h1 {font-size: 24px; line-height: 36px; margin: 20px 0 30px 0;} .section-contact .background-left {display: none;} .section-contact .background-right {display: none;} .section-contact .contact-item {margin-bottom: 50px; padding: 0;} .section-contact .contact-item.phone {border: 0;} .contact-form-info {margin-top: 30px;} .section-contact .return-title {margin-top: 0px; font-size: 24px; line-height: 28px;} .section-contact .btn-wrap .btn-primary {font-size: 14px;} .contact-form-info .contact-info {padding: 20px; padding-bottom: 60px;} .contact-form-info .contact-info .title {margin-bottom: 10px;} .contact-form-info .contact-info span {line-height: 24px;} .contact-form-info .contact-form {padding: 20px;} .contact-form-info .contact-form h3 {margin-bottom: 20px;} .contact-form-info .contact-form .agreement {display: block; font-family:"neue-haas-unica"; font-weight: 400; color: #1a2026; font-size: 13px; margin: 0;} .contact-form-info .contact-form .agreement a {font-family:"neue-haas-unica"; font-weight: 400; color: #1a2026; font-size: 13px;} .contact-form-info .contact-form .btn-wrap {margin-top: 30px;} .contact-form-info .contact-form .btn-wrap .btn-primary {min-width: 100%; width: 100%; height: 48px;} .contact-form-info .contact-form div {margin-bottom: 10px;} } .section-loyalty-program {position: relative;} .section-loyalty-program .background-left {position: absolute; left: 145px; top: -125px; margin: 0; z-index: -1;} .section-loyalty-program .background-right {position: absolute; right: 145px; top: -125px; margin: 0; z-index: -1;} .section-loyalty-program h1 {font-family:"urbane"; font-size: 50px; font-weight: 600; text-align: center; margin: 70px 0 45px 0;} .section-loyalty-program .text-wrap {display: flex; justify-content: center; border-radius: 5px;} .section-loyalty-program .text-wrap .text {width: 70%;} .section-loyalty-program .text-wrap .text p {font-family:"neue-haas-unica"; font-weight: 400; color: #babcbe; font-size: 21px; line-height: 32px; margin: 15px 0 30px 0; text-align: center;} .section-loyalty-program .table-wrap {padding: 30px; background-color: #374048; border-radius: 5px;} .section-loyalty-program .table-wrap .table {width: 100%;} .section-loyalty-program .table-wrap.mobile {display: none;} .section-loyalty-program .table-wrap .table .info-level {display:flex; flex-direction: column; align-items: center; gap: 10px;} .section-loyalty-program .table-wrap .table .info-level .logo-level {border-radius: 100%; height: 71px; width: 71px; display: flex; align-items: center; justify-content: center; } .section-loyalty-program .table-wrap .table .info-level .logo-level img {margin: 0px;} .section-loyalty-program .table-wrap .table .info-level .name {font-family:"urbane"; font-size: 20px; font-weight: 600; text-align: center; line-height: 24px; padding-bottom: 20px;} .section-loyalty-program .table-wrap .table .info-level.level-1 .name {color: #c78053;} .section-loyalty-program .table-wrap .table .info-level.level-1 .logo-level {background-color: #c78053;} .section-loyalty-program .table-wrap .table .info-level.level-2 .name {color: #c0c0c0;} .section-loyalty-program .table-wrap .table .info-level.level-2 .logo-level {background-color: #c0c0c0;} .section-loyalty-program .table-wrap .table .info-level.level-3 .name {color: #d0a92c;} .section-loyalty-program .table-wrap .table .info-level.level-3 .logo-level {background-color: #d0a92c;} .content .section-loyalty-program .table-wrap .table tr td {border: 0; padding-left: 0;} .content .section-loyalty-program .table-wrap .table tr + tr {border: 0; border-top: 1px solid #707070; padding-left: 0;} .content .section-loyalty-program .table-wrap .table tr th {border: 0; background: #374048;} .section-loyalty-program .table-wrap .table .info-icon {background-color: #e6e6e6;border-radius: 100%;width: 17px;height: 17px;display: flex; align-items: center; justify-content: center; line-height: 9px;padding-bottom: 0;font-family: "urbane";font-size: 11px;color: #374048; top: 0px;position: relative;text-decoration: none; text-align: center; margin-left: 15px;} .section-loyalty-program .table-wrap .table td {font-family:"urbane"; font-size: 16px; font-weight: 600; line-height: 19px; color: #fff; padding: 10px 0; text-align: center;} .section-loyalty-program .table-wrap .table .first-row td {color: #b1b1b1;} .section-loyalty-program .table-wrap .table .title {display: flex; align-items: center;} .section-loyalty-program .table-wrap .table td .icon-wrap {display: flex; justify-content: center; width: 100%;} .section-loyalty-program .table-wrap .table .icon {border-radius: 100%;width: 25px;height: 25px;display: flex; align-items: center; justify-content: center;} .section-loyalty-program .table-wrap .table .icon img {margin: 0;} .section-loyalty-program .table-wrap .table .icon.reject {background-color: #ff3100;} .section-loyalty-program .table-wrap .table .icon.accept {background-color: #2bd6c6;} .section-loyalty-program .section-dashboard .action-item {width: 100%;} .section-loyalty-program .section-dashboard .action-item .background .footer span strong {filter: blur(3px);} .section-loyalty-program h2 {font-family:"urbane"; font-size: 28px; font-weight: 600; color: #fff; line-height: 36px;} .section-loyalty-program .section-loyalty-wallet {} .section-loyalty-program .section-loyalty-wallet {padding: 30px; background-color: #374048; border-radius: 5px;} .section-loyalty-program .section-loyalty-wallet .logo-box {background-color: #0cd6c6; border-radius: 100%; width: 71px; height: 71px; display: flex; align-items: center; justify-content: center; flex: 0 0 71px;} .section-loyalty-program .section-loyalty-wallet .wallet-container {display: flex; gap: 20px;} .section-loyalty-program .section-loyalty-wallet .text-box .title {font-family:"urbane"; font-size: 20px; font-weight: 600; color: #0cd6c6; line-height: 24px;} .section-loyalty-program .section-loyalty-wallet .text-box p {margin-bottom: 0; font-family:"urbane"; font-size: 16px; font-weight: 600; color: #fff; line-height: 19px;} .content .section-loyalty-program .table-wrap .table tr td {vertical-align: middle;} .section-loyalty-program .section-loyalty-wallet .text-mobile {display: none;} @media (max-width: 1400px) { .section-loyalty-program .background-left {display: none;} .section-loyalty-program .background-right {display: none;} .section-loyalty-program h1 {font-size: 24px; line-height: 36px; margin: 20px 0 0px 0;} .section-loyalty-program .text-wrap .text {width: 100%;} .section-loyalty-program .text-wrap .text p {font-size: 16px; line-height: 24px;} .section-loyalty-program .table-wrap {display: none;} .section-loyalty-program .table-wrap.mobile {display: block; padding: 5px 30px;} .section-loyalty-program .table-wrap .table td {text-align: start; width: 50%;} .content .section-loyalty-program .table-wrap.mobile .table tr:first-of-type {border: 0;} .section-loyalty-program .table-wrap.mobile {border-radius: 0;} .section-loyalty-program .table-wrap.mobile .table td {font-size: 14px; line-height: 17px;} .section-loyalty-program .table-wrap.mobile .table td .icon-wrap {justify-content: start;} .section-loyalty-program .section-dashboard .action-item .background .header .code-mobile strong {filter: blur(3px);} .section-loyalty-program h2 {font-size: 24px; line-height: 36px;} .section-loyalty-program .section-loyalty-wallet .text-mobile {display: block;} .section-loyalty-program .section-loyalty-wallet .text-box p {display:none;} .section-loyalty-program .section-loyalty-wallet .wallet-container {align-items: center;} .content .section-loyalty-program .table-wrap .table tr td {padding-right: 15px;} } .section-about-us {} .section-about-us .background {} .section-about-us h1 {font-size: 50px;font-family: "urbane";font-weight: 600;color: #fff;margin-bottom: 35px;display: block;line-height: 60px; text-align: center; margin-top: 50px;} .section-about-us .text-wrap {display: flex; justify-content: center; border-radius: 5px; } .section-about-us .text-wrap .text {width: 70%;} .section-about-us .text-wrap .text p {font-family:"neue-haas-unica"; font-weight: 400; color: #babcbe; font-size: 16px; line-height: 24px;text-align: center;} .section-about-us .background-sports {filter: brightness(35%);object-fit: cover;top: 0;margin: 0;background-position-y: center;z-index: -1;position: absolute; width: 100%; height: 100vh;} .section-about-us .navigation {margin-top: 100px; margin-bottom: 200px; display: flex; justify-content: center; gap: 25px; flex-wrap: wrap;} .section-about-us .item-wrap {display: flex; } .section-about-us .item {background-color: #374048; padding: 20px; border-radius: 5px; width: 380px;} .section-about-us .item h2 {font-size: 20px;font-family: "urbane";font-weight: 600;color: #fff;margin-bottom: 25px; line-height: 26px; margin-top: 0;} .section-about-us .item p {margin: 0; color: #babcbe; font-family:"neue-haas-unica"; font-weight: 400;line-height: 24px; margin-bottom: 35px;} .section-about-us .item .btn-primary {height: 34px; text-decoration: none; font-size: 12px; width: fit-content;display: flex;align-items: center;} @media (max-width: 1400px) { .section-about-us .background-sports {display: none;} .section-about-us h1 {font-size: 24px; line-height: 36px; margin: 20px 0 0px 0;} .section-about-us .text-wrap .text {width: 100%;} .section-about-us .text-wrap .text p {font-size: 16px; line-height: 24px;} .section-about-us .navigation {margin-top: 10px; margin-bottom: 10px; gap: 15px;} .section-about-us .item {width: 100%;} .section-about-us .text-wrap .text p {font-size: 16px;} } .section-team {} .section-team .background {} .section-team h1 {font-size: 50px;font-family: "urbane";font-weight: 600;color: #fff;margin-bottom: 30px;display: block;line-height: 60px; text-align: center; margin-top: 50px;} .section-team .text-wrap {display: flex; justify-content: center; margin-bottom: 50px;} .section-team .text-wrap .text {width: 70%;} .section-team .text-wrap .text p {font-family:"neue-haas-unica"; font-weight: 400; color: #babcbe; font-size: 16px; line-height: 24px;text-align: center; margin: 0;} .section-team .header-filter-team {padding-bottom: 10px; border-bottom: 1px solid #3b4046; display: flex;gap: 30px;justify-content: center; margin: 0; margin-bottom: 70px;} .section-team .header-filter-team a {text-decoration:none; font-family:"neue-haas-unica"; font-weight: 400; color: #babcbe; font-size: 18px; cursor: pointer;} .section-team .header-filter-team a:hover {cursor: pointer;} .section-team .header-filter-team .team-checked {color: #fff; text-underline-offset: 14px; text-decoration-color: #ff8d09; text-decoration-line: underline; text-decoration-thickness: 2px;} .section-team .section-employee-members h3 {font-size: 28px; line-height: 36px;} .section-team .section-employee-members .position {font-size: 18px; line-height: 26px;} @media (max-width: 1400px) { .section-team h1 {font-size: 24px; line-height: 36px; margin: 20px 0 10px 0;} .section-team .text-wrap .text {width: 100%;} .section-team .text-wrap .text p {font-size: 16px; line-height: 24px;} .section-team .text-wrap {margin-bottom: 20px;} .section-team .header-filter-team {border: 0;padding: 0; overflow-x: scroll; gap: 5px; justify-content: start; padding-bottom: 0px; margin-bottom: 20px; padding-right: 10px; padding-left: 10px;} .section-team .header-filter-team .team-checked {text-decoration: none; background-color: #fff; color: #1a2026;} .section-team .header-filter-team a {font-family: "urbane";font-weight: 500;color: #babcbe;font-size: 14px;height: 17px;background-color: #374048;padding: 15px 12px 15px 12px;display: flex;align-items: center;border-radius: 3px;} .section-team .section-employee-members h3 {font-size: 16px; line-height: 17px;} .section-team .section-employee-members .position {font-size: 12px; line-height: 11px;} } .section-manufacturers {} .section-manufacturers .background {} .section-manufacturers h1 {font-size: 50px;font-family: "urbane";font-weight: 600;color: #fff;margin-bottom: 30px;display: block;line-height: 60px; text-align: center; margin-top: 50px;} .section-manufacturers .text-wrap {display: flex; justify-content: center; margin-bottom: 50px;} .section-manufacturers .text-wrap .text {width: 70%;} .section-manufacturers .text-wrap .text p {font-family:"neue-haas-unica"; font-weight: 400; color: #babcbe; font-size: 16px; line-height: 24px;text-align: center; margin: 0;} .section-manufacturers .timeline {position: relative;} .section-manufacturers .timeline .line {background: url(../img/dot-gray.svg); position: absolute; bottom: 0;top: 0; width: 5px; background-position: center; display: inline-block; left: 50%;} .section-manufacturers .timeline .item {position: relative; text-align:center; padding: 40px 0; } .section-manufacturers .timeline .item .icon {text-align: center; } .section-manufacturers .timeline .item .icon img {margin: 0;text-align: center; margin-left: 5px;} .section-manufacturers .timeline .item .background-logo {background: url(../img/background-logos.svg) center top no-repeat;background-size: contain; margin-top: 0px; height: 100%;} .section-manufacturers .timeline .item .img-wrap {background-color: #fff; height: 148px; width: 148px; border-radius: 5px; position: relative;} .section-manufacturers .timeline .item .background-logo a {display: flex; align-items: center; justify-content: center; height: 100%;} .section-manufacturers .timeline .item .background-logo a img {height: 50px;z-index: 2;margin: 0;} .section-manufacturers .timeline .item .more {position: absolute; left: 35px;bottom: -15px; background-color: #ff8d09; width: 76px; height: 34px; font-size: 12px;font-family: "urbane";font-weight: 600;color: #fff; line-height: 14px; display: flex; align-items: center; justify-content: center; border-radius: 5px;} .section-manufacturers .timeline .item .number { font-size: 40px;font-family: "urbane";font-weight: 600;color: #ff8d09; line-height: 44px; } .section-manufacturers .timeline .timeline-content {display: flex; justify-content: center; gap: 180px;} .section-history {} .section-history .background {} .section-history h1 {font-size: 50px;font-family: "urbane";font-weight: 600;color: #fff;margin-bottom: 30px;display: block;line-height: 60px; text-align: center; margin-top: 50px;} .section-history .text-wrap {display: flex; justify-content: center; margin-bottom: 50px;} .section-history .text-wrap .text {width: 70%;} .section-history .text-wrap .text p {font-family:"neue-haas-unica"; font-weight: 400; color: #babcbe; font-size: 16px; line-height: 24px;text-align: center; margin: 0;} .section-history .text-content .number {font-size: 20px;font-family: "urbane";font-weight: 600;color: #ff8d09; line-height: 26px;} .section-history .text-content h2 {font-size: 40px;font-family: "urbane";font-weight: 600;color: #fff; line-height: 44px; margin-bottom: 30px; margin-top: 10px;} .section-history .text-content p {font-family:"neue-haas-unica"; font-weight: 400; color: #babcbe; font-size: 18px; line-height: 26px;} .section-text-navigation {position: relative;} .section-text-navigation .background-left {position: absolute; left: 145px; top: -60px; margin: 0; z-index: -1;} .section-text-navigation .background-right {position: absolute; right: 145px; top: -60px; margin: 0; z-index: -1;} .section-text-navigation h1 {font-family:"urbane"; font-size: 32px; font-weight: 600; text-align: start; margin: 70px 0 25px 0;} .section-text-navigation .text-wrap {width: 775px;} .section-text-navigation .text-wrap p {font-family:"neue-haas-unica"; font-weight: 400; color: #babcbe; font-size: 18px;} .section-text-navigation .text-wrap h3 {font-family:"urbane"; font-size: 20px; font-weight: 600; color: #fff; margin: 45px 0 15px 0;} .section-text-navigation .header-business-conditions {margin-bottom: 80px;} .section-text-navigation .title-navigation {padding: 10px 0px 10px 0;} .section-text-navigation .navigation-content li a {font-family:"neue-haas-unica"; font-weight: 400; color: #babcbe; font-size: 14px; display: block; text-decoration:none; padding-bottom: 10px;} .section-text-navigation .navigation-content li a:hover {font-weight: 700; color: #ff8d09;} .section-text-navigation .navigation-content li {border-bottom: 0; padding:0;} .section-text-navigation .btn-top {display: none;} @media (max-width: 1200px) { .section-text-navigation .background-left {display: none;} .section-text-navigation .background-right {display: none;} .section-text-navigation .text-wrap {width: auto;} .section-text-navigation .btn-top {display: flex; align-items: center; justify-content:center; height: 50px; width: 50px; border-radius: 100%; background-color: #FB8d29; position: fixed; bottom: 20px; right: 20px; z-index: 9999; cursor: pointer;} .section-text-navigation .btn-top img {margin: 0; rotate: 180deg; filter: brightness(0) invert(1); width: 22px;} .section-text-navigation h1 {text-align: center; font-size: 24px; line-height: 36px; margin: 15px 0 15px 0;} .section-text-navigation .header-business-conditions {margin: 0;} .section-text-navigation .text-wrap h3 {margin: 20px 0 15px 0;} } .section-size-chart {} .content .section-size-chart .title-navigation {padding: 10px 0px 0px 0;} .section-size-chart .background-left {position: absolute; left: 145px; top: -60px; margin: 0; z-index: -1;} .section-size-chart .background-right {position: absolute; right: 145px; top: -60px; margin: 0; z-index: -1;} .section-size-chart h1 {font-family:"urbane"; font-size: 50px; font-weight: 600; text-align: start; margin: 70px 0 30px 0; line-height: 60px;} .section-size-chart .letter {font-family:"urbane"; font-size: 16px; font-weight: 600; margin-left: 8px;} .section-size-chart .navigation-content .logo-wrap img {filter: invert(30%) sepia(1%) saturate(448%) hue-rotate(19deg) brightness(84%) contrast(90%); margin: 0;} .section-size-chart .navigation-content .logo-wrap a {display: flex; gap: 25px; align-items: center; } .section-size-chart .navigation-content .logo-wrap span {font-family:"urbane"; font-size: 14px; font-weight: 500; color: #fff;} .section-size-chart .navigation-content .logo-wrap.active img {filter: invert(56%) sepia(71%) saturate(1780%) hue-rotate(353deg) brightness(103%) contrast(103%);} .section-size-chart .navigation-content .logo-wrap.active span {color: #FF8D09; } .section-size-chart .navigation-content li:last-child {border-bottom: 0px;} .section-size-chart .navigation-content {padding: 10px 0px 15px 0;} .section-size-chart .header-size-chart {padding: 0; border-bottom: 1px solid #2e3841; border-top: 1px solid #2e3841; display: flex; justify-content: space-between; align-items: center;} .section-size-chart .header-size-chart .logo-info {display: flex; gap: 20px; align-items: center;} .section-size-chart .header-size-chart .logo-info h2 {margin: 0; font-family:"urbane"; font-size: 40px; font-weight: 600;} .section-size-chart .header-size-chart .logo-info img {filter: invert(56%) sepia(71%) saturate(1780%) hue-rotate(353deg) brightness(103%) contrast(103%);} .section-size-chart .header-size-chart .option {display: flex; gap: 15px; } .section-size-chart .header-size-chart .option a {font-family:"neue-haas-unica"; font-weight: 400; color: #babcbe; font-size: 18px; text-decoration: none;} .section-size-chart .header-size-chart .option a.active {text-decoration: underline; color: #fff; text-decoration-color: #FF8D09; text-underline-offset: 5px;} .section-size-chart .table-responsive {margin-bottom: 50px;} .section-size-chart .table {border: 1px solid #495158; --bs-table-border-color: #495158; overflow: hidden; } .section-size-chart .table-responsive .table {width: 100%;} .section-size-chart table thead tr th {--bs-table-border-color: #495158; border: 1px solid #495158; background: #FF8D09; color: #fff; text-align: center; color: #fff; font-family:"neue-haas-unica"; font-size: 18px; font-weight: 700; vertical-align:middle; padding: 12px 27px; } .section-size-chart table thead tr th:first-child {min-width: 190px; text-align: start; padding: 12px 12px;} .section-size-chart table thead td {background-color: #ff8d09; } .section-size-chart table tbody tr th {--bs-table-border-color: #495158; border: 1px solid #495158; text-align:start; font-family:"neue-haas-unica"; font-size: 18px;vertical-align:middle; color: #fff; font-weight: 700; background: transparent; padding: 8px 12px;} .section-size-chart table tbody td {--bs-table-border-color: #495158; border: 1px solid #495158; text-align:center; font-family:"neue-haas-unica"; font-size: 18px;vertical-align:middle; color: #fff; font-weight: 400} .section-size-chart .table-striped > tbody > tr:nth-of-type(2n+1) > * {/*--bs-table-accent-bg:#374048;*/ color: #fff;} /*.section-size-chart .table-hover > tbody > tr:hover > * {--bs-table-accent-bg: #7a7d81!important; color: #fff;}*/ .section-size-chart .main-content h2 {font-size: 28px; font-family:"urbane"; font-weight: 600; margin: 20px 0 15px 0; color: #fff;} .section-size-chart .header-table {display: flex; align-items: center; gap: 15px; margin: 30px 0 15px 25px;} .section-size-chart .header-table h3 {font-size: 20px; font-family:"urbane"; font-weight: 600; margin: 0; color: #fff;} .section-size-chart .header-table a {font-size: 12px; font-family:"urbane"; } .section-size-chart td, th {position: relative;} .section-size-chart .table-hover > tbody > tr:hover > * {color: #fff;} .section-size-chart td:hover::after {background-color: rgba(55, 64, 72, .7);content: '';height: 10000px;left: 0;position: absolute;top: -5000px;width: 100%;z-index: -1;} .section-size-chart .select-container {display: none;} @media (max-width: 1200px) { .section-size-chart .background-left {display: none;} .section-size-chart .background-right {display: none;} .section-size-chart h1 {font-size: 24px; line-height: 36px;text-align:center; margin: 20px 0 10px 0;} .section-size-chart .header-size-chart .logo-info {display: none;} .section-size-chart .header-size-chart {border: 0; flex-direction: column; gap: 10px;} .section-size-chart .select-container {display: flex; align-items:center; justify-content:center; width: 100%;} .section-size-chart .select-container .manufacturers {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('../img/angle-down-icon.svg') no-repeat center right; height: 48px; background-position: right 13px top 13px, right 17px top 1em; border: 1px solid #babcbe; border-radius: 5px; margin-right: 0; color: #1a2026; font-family: "urbane"; padding-left: 15px; background-color: #fff; font-size: 14px; font-weight: 600px; width: 80%;} .section-size-chart .header-size-chart .option a {font-family: "urbane";font-weight: 500;color: #babcbe;font-size: 14px;height: 29px;background-color: #374048;padding: 15px 12px 15px 12px;display: flex;align-items: center;border-radius: 3px;} .section-size-chart .header-size-chart .option {gap: 5px;} .section-size-chart .header-size-chart .option a.active {text-decoration: none; background-color: #fff;color: #1a2026;} .section-size-chart .main-content h2 {margin: 10px 0 10px 0;} .section-size-chart .header-table {width: 100%; justify-content: space-between; gap:0; margin: 20px 0 10px 0px;} .section-size-chart .header-table a {font-size: 14px;} .section-size-chart .header-table h3 {} } .section-size-chart-overview {} .section-size-chart-overview .select-container {display: none;} .section-size-chart-overview .favorite-manufacturers {display: none;} .content .section-size-chart-overview .title-navigation {padding: 10px 0px 0px 0;} .section-size-chart-overview .background-left {position: absolute; left: 145px; top: -60px; margin: 0; z-index: -1;} .section-size-chart-overview .background-right {position: absolute; right: 145px; top: -60px; margin: 0; z-index: -1;} .section-size-chart-overview h1 {font-family:"urbane"; font-size: 50px; font-weight: 600; text-align: start; margin: 70px 0 30px 0; line-height: 60px;} .section-size-chart-overview .letter {font-family:"urbane"; font-size: 16px; font-weight: 600; margin-left: 8px;} .section-size-chart-overview .navigation-content .logo-wrap img {filter: invert(30%) sepia(1%) saturate(448%) hue-rotate(19deg) brightness(84%) contrast(90%); margin: 0;} .section-size-chart-overview .navigation-content .logo-wrap a {display: flex; gap: 25px; align-items: center; } .section-size-chart-overview .navigation-content .logo-wrap span {font-family:"urbane"; font-size: 14px; font-weight: 500; color: #fff;} .section-size-chart-overview .navigation-content .logo-wrap.active img {filter: invert(56%) sepia(71%) saturate(1780%) hue-rotate(353deg) brightness(103%) contrast(103%);} .section-size-chart-overview .navigation-content .logo-wrap.active span {color: #FF8D09; } .section-size-chart-overview .navigation-content li:last-child {border-bottom: 0px;} .section-size-chart-overview .navigation-content {padding: 10px 0px 15px 0;} .section-size-chart-overview .alphabet {padding: 10px 0; border-top: 1px solid #fb9b2c; border-bottom: 1px solid #fb9b2c; display: flex; justify-content: space-around;} .section-size-chart-overview .alphabet span {font-family:"urbane"; font-size: 24px; font-weight: 600; line-height: 26px;} .section-size-chart-overview .alphabet span.active {color: #FB8d29;} .section-size-chart-overview .main-content {margin-top: 59px;} .section-size-chart-overview .letter-wrap {margin-bottom: 40px;} .section-size-chart-overview .letter-wrap .letter {font-family:"urbane"; font-size: 28px; font-weight: 600; text-decoration: underline; text-decoration-color: #FB8d29; margin-bottom: 15px;text-decoration-thickness: 2px; text-underline-offset: 5px; margin-left: 0px; display: block;} .section-size-chart-overview .letter-wrap .background-logo {background: url(../img/background-logos.svg) center top no-repeat;background-size: contain; margin-top: 10px; height: 100%;} .section-size-chart-overview .letter-wrap .img-wrap {background-color: #fff; height: 150px; width: 150px; border-radius: 5px;} .section-size-chart-overview .letter-wrap .background-logo a {display: flex; align-items: center; justify-content: center; height: 100%;} .section-size-chart-overview .letter-wrap .background-logo a img {height: 50px;z-index: 2;margin: 0; filter: invert(59%) sepia(1%) saturate(448%) hue-rotate(19deg) brightness(84%) contrast(200%);} .section-size-chart-overview .letter-wrap h2 {margin: 0; font-family:"urbane"; font-size: 20px; font-weight: 600; line-height: 26px; color: #fff; } .section-size-chart-overview .manufacturers {display: flex; flex-wrap: wrap; gap: 30px;} .section-size-chart-overview .manufacturers .item {margin-top: 20px;} @media (max-width: 1200px) { .section-size-chart-overview .background-left {display: none;} .section-size-chart-overview .background-right {display: none;} .section-size-chart-overview h1 {font-size: 24px; line-height: 36px;text-align:center; margin: 20px 0 10px 0;} .section-size-chart-overview .select-container {display: flex; align-items:center; justify-content:center; width: 100%; margin-bottom: 35px;} .section-size-chart-overview .select-container .manufacturers {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('../img/angle-down-icon.svg') no-repeat center right; height: 48px; background-position: right 13px top 13px, right 17px top 1em; border: 1px solid #babcbe; border-radius: 5px; margin-right: 0; color: #1a2026; font-family: "urbane"; padding-left: 15px; background-color: #fff; font-size: 14px; font-weight: 600px; width: 80%;} .section-size-chart-overview .favorite-manufacturers {display: block; margin-top: 35px;} .section-size-chart-overview .favorite-manufacturers h1 {text-align: left; margin-bottom: 20px;} .section-size-chart-overview .favorite-manufacturers .img-wrap {display: flex; margin-bottom: 30px; } .section-size-chart-overview .favorite-manufacturers .img-wrap a img {opacity: 0.7;filter: invert(59%) sepia(1%) saturate(448%) hue-rotate(19deg) brightness(84%) contrast(90%); margin: 0; height: 40px;} .section-size-chart-overview .alphabet {display: none;} .section-size-chart-overview .main-content {display: none;} } .section-manufacturer-technologies {} .section-manufacturer-technologies .item {background: #FFF;margin: 0 0 20px 0;padding: 0 10px 15px 10px;} .section-manufacturer-technologies .item a {display: block;} .section-partner-detail {margin: 0 0 40px 0;} .section-partner-detail img {margin-bottom: 30px;} .section-partner-detail .attr {border-bottom: 1px solid #3F3F3F;padding: 0 0 10px 0;margin: 0 0 10px 0;color: #FFF;font-size: 14px;} .section-partner-detail .attr strong {color: #9F9F9F;} .section-consulting {} .section-consulting .background-left {position: absolute; left: 145px; top: -60px; margin: 0; z-index: -1;} .section-consulting .background-right {position: absolute; right: 145px; top: -60px; margin: 0; z-index: -1;} .section-consulting .content-wrap h1 {font-family:"urbane"; font-size: 50px; font-weight: 600; text-align: center; margin: 100px 0 60px 0;} .section-consulting .content-wrap {display: flex; justify-content: center;} .section-consulting .content-wrap .container-content {width: 1000px;} .section-consulting .content-wrap .container-content .background {background-color: #374048; border-radius: 2px; height: 100%;} .section-consulting .content-wrap .container-content .background .content-item {padding: 25px; margin-bottom: 0px;} .section-consulting .content-wrap .container-content .background .content-item .wrap-img {background-color: #0cd6c6; border-radius: 100%; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; margin-bottom: 15px;} .section-consulting .content-wrap .container-content .background .content-item .wrap-img img {margin: 0;} .section-consulting .content-wrap .container-content .background .content-item h2 {font-family:"urbane"; font-size: 20px; font-weight: 600; margin: 0; margin-bottom: 20px; color: #fff;} .section-consulting .content-wrap .container-content .background .content-item ul {padding: 0; margin: 0;} .section-consulting .content-wrap .container-content .background .content-item ul li {padding-bottom: 5px;} .section-consulting .content-wrap .container-content .background .content-item ul li::before {display: none;} .section-consulting .content-wrap .container-content .background .content-item ul li a {font-family:"neue-haas-unica"; font-weight: 400; color: #babcbe; font-size: 16px;} .section-consulting .content-wrap .container-content .background .content-item ul li a:hover {text-decoration: none;} @media (max-width: 1200px) { .section-consulting .background-left {display:none} .section-consulting .background-right {display:none} .section-consulting .content-wrap h1 {margin: 20px 0 20px 0; text-align: left; font-size: 24px; } .section-consulting .content-item {display: flex; gap: 20px;} .section-consulting .text-content {margin-top: 10px;} .section-consulting .content-wrap .container-content .background .content-item h2 {font-size: 18px;} } .section-consulting-detail {} .section-consulting-detail .background-left {position: absolute; left: 145px; top: -60px; margin: 0; z-index: -1;} .section-consulting-detail .background-right {position: absolute; right: 145px; top: -60px; margin: 0; z-index: -1;} .section-consulting-detail .title-navigation.consulting {margin-top: 60px; padding: 0px 0px 10px 0;border-bottom: 1px solid #2e3841;border-top: 0; font-weight: 600;} .section-consulting-detail .title-navigation {margin-top: 15px; border-top: 0; border-bottom: 1px solid #2e3841; padding: 0 0px 15px 0; font-weight: 500;} .section-consulting-detail .navigation-content li {padding-left: 20px;} .section-consulting-detail .navigation-content li a {line-height: 17px;} .section-consulting-detail h1 {margin-top: 60px; font-family:"urbane"; font-size: 40px; font-weight: 600; line-height: 52px;} .section-consulting-detail .important-paragraph {font-family:"urbane"; font-size: 28px; font-weight: 600; line-height: 36px; margin-bottom: 60px; color: #fff;} .section-consulting-detail img {display: block; margin: 40px 50px; margin-bottom: 0;} .section-consulting-detail p {font-family:"neue-haas-unica"; font-weight: 400; color: #babcbe; font-size: 18px; line-height: 26px;} .section-consulting-detail ol {margin: 0px 0 15px 25px;} .section-consulting-detail ol li::marker {font-family:"urbane"; font-size: 20px; font-weight: 600; color: #ff8d09;} .section-consulting-detail ol li {padding: 0px 0px 40px 10px; font-family:"neue-haas-unica"; font-weight: 400; color: #babcbe; font-size: 18px;line-height: 26px;} .section-consulting-detail .warning-info {padding: 5px 50px; background-color: #394047; border: 1px solid #484e55; border-radius: 5px; margin-top: 20px;} .section-consulting-detail .warning-info p {font-family:"neue-haas-unica"; font-weight: 400; color: #fff; font-size: 18px;line-height: 26px; margin: 10px 0;} .section-consulting-detail .warning-icon {background-color: #ff8d09;border-radius: 100%;width: 16px;height: 16px;display: inline-block;line-height: 14px;padding-bottom: 0;font-family: "urbane";font-size: 11px;color: #fff;margin-right: 7px;top: -3px;position: relative;text-decoration: none; text-align: center;} .section-consulting-detail p strong {font-family:"urbane"; font-size: 20px; font-weight: 600; line-height: 36px;} .section-account {} .section-account .container {position: relative;} .section-products-slider.section-account .container {padding-right: calc(var(--bs-gutter-x) * .5);padding-left: calc(var(--bs-gutter-x) * .5);} .section-account .header {border-bottom: 1px solid #374048;} .section-account .color-bronze {color: #c78053;} .section-account .header .header-container {display: flex; gap: 30px; align-items: center; height: 70px; } .section-account .header .header-container .info-level {display:flex; gap: 5px;} .section-account .header .header-container .info-level .logo-level {border-radius: 100%; height: 33px; width: 33px; display: flex; align-items: center; justify-content: center; background-color: #c78053;} .section-account .header .header-container .info-level .logo-level img {margin: 0px;} .section-account .header .header-container .info-level .name {display: flex; flex-direction: column; gap: 0px;} .section-account .header .header-container .info-level .name .user-name {color: #fff; font-size: 20px; font-weight: 600; padding: 0; margin: 0; font-family:"urbane"; line-height: 26px;} .section-account .header .header-container .info-level .name .level {color: #c78053; font-size: 11px; font-weight: 600; padding: 0; margin: 0; font-family:"urbane"; line-height: 13px;} .section-account .header .header-container a {text-decoration: underline; color: #ff8d09; font-family:"neue-haas-unica"; font-weight: 400; font-size: 14px;} .section-account .header .header-container a:hover {text-decoration: none;} .section-account .background-left {position: absolute; left: 10px; top: 0px; margin: 0; z-index: -1;} .section-account .background-right {position: absolute; right: 10px; top: 0px; margin: 0; z-index: -1;} .section-account .navigation-content {margin-top: 40px; width: 85%;} .section-account .navigation-content li:nth-child(1) {border-top: 1px solid #2e3841;} .section-account .navigation-content li {padding-left: 12px;} .section-account .navigation-content li a {line-height: 17px;} .section-account h1 {margin-top: 40px; font-family:"urbane"; font-size: 28px; font-weight: 600; line-height: 36px; margin-bottom: 20px;} .section-account h2 {margin-top: 40px; font-family:"urbane"; font-size: 20px; font-weight: 600; line-height: 26px; margin-bottom: 20px; color: #fff;} .section-account .title-mobile {display: none;} .section-account .back-mobile {display: none;} @media (max-width: 1200px) { .section-account .header .header-container .info-level .name .user-name {font-size: 16px; } .section-account .header .header-container .info-level .name .level {display: none;} .section-account .header .header-container {gap: 0; justify-content: space-between;} .section-account .title-mobile {display: block; text-align: center; font-family:"urbane"; font-size: 20px; font-weight: 600; line-height: 36px; margin: 10px 0;} .section-account .title-benefits {display: none;} .section-account .background-left {display: none;} .section-account .background-right {display: none;} .section-account .back-mobile {display: flex; gap: 10px;position: absolute; top: 8px;} .section-account .back-mobile img {rotate: 180deg; margin: 0;} .section-account .back-mobile a {text-decoration: none; color: #7a7d81; font-family:"neue-haas-unica"; font-weight: 400; font-size: 16px; } .section-account .title-container {position: relative;} .section-account h1 {font-size: 20px; text-align: center; margin: 10px 0;} } .section-account-receipt {} .section-account-receipt .cashback-wrap {display: flex; gap: 15px; align-items: center;} .section-account-receipt .cashback-wrap .img-wrap {display: flex; align-items: center; justify-content: center; position: relative; height: 100%;} .section-account-receipt .cashback-wrap .img-wrap img {margin: 0;} .section-account-receipt .cashback-wrap .background-wallet-cart {background: url(../img/wallet-cart-background.svg) no-repeat; position: absolute; bottom: -8px; left: -4px; height: 100%; width: 100%;} .section-account-receipt .cashback-wrap .cashback-info {display: flex; flex-direction: column; } .section-account-receipt .cashback-wrap .cashback-name {font-family:"urbane"; font-size: 14px; font-weight: 600; color: #000; display: block; margin-bottom: -6px;} .section-account-receipt .cashback-wrap .cahback-description {font-size: 14px; font-family:"neue-haas-unica"; font-weight:400; color: #000; display: flex; gap: 5px;} .section-account-receipt .cashback-wrap .cashback-plus { font-family:"neue-haas-unica"; font-size: 14px; font-weight: 700; color: #3ad6c6; text-align: right; display: block;} .section-account-receipt .order-item .background .content-container .items .items-info {display: flex; gap: 40px;align-items: end;} @media (max-width: 1200px) { .section-account-receipt .order-item .background .content-container .items .items-info {justify-content: normal; gap: 10px; width: 100%; flex-direction: column-reverse; align-items: end;} } .section-dashboard .background {background-color: #374048; border-radius: 5px; height: 100%;} .section-dashboard .background .main-content {padding: 20px;} .section-dashboard .background .main-content .header {display: flex; justify-content: space-between;} .section-dashboard .background .main-content .header .btn-primary {background: #ff8d09; text-decoration: none; height: 34px; font-family:"urbane"; font-size: 12px; font-weight: 600; padding: 6px 25px; } .section-dashboard .background .main-content .header h2 {margin-bottom: 10px; margin-top: 0px; font-family:"urbane"; font-size: 20px; font-weight: 600; line-height: 26px; color: #fff;} .section-dashboard .background .main-content .logo-container {margin-top: 15px; display: flex; gap: 20px} .section-dashboard .background .main-content .logo-container .logo-box {border-radius: 100%; height: 71px; width: 71px; display: flex; align-items: center; justify-content: center; background-color: #c78053;} .section-dashboard .background .main-content .logo-container .logo-box img {margin: 0px;} .section-dashboard .background .main-content .logo-container .text-box span {font-family:"urbane"; font-size: 20px; font-weight: 600; line-height: 24px; color: #c78053;} .section-dashboard .background .main-content .logo-container .text-box .description-text {color: #babcbe; font-size: 16px; font-family:"neue-haas-unica"; font-weight: 400; display: flex; gap: 10px; align-items: center;} .section-dashboard .background .main-content .logo-container .text-box .info-icon {background-color: #e6e6e6;border-radius: 100%;width: 11px;height: 11px;display: flex; align-items: center; justify-content: center; line-height: 9px;padding-bottom: 0;font-family: "urbane";font-size: 8px;color: #374048; top: 0px;position: relative;text-decoration: none; text-align: center;} .section-dashboard .background .main-content .logo-container .text-box a {text-decoration: none; color: #ff8d09; font-size: 14px; font-family:"neue-haas-unica"; font-weight: 400;} .section-dashboard .background .main-content .logo-container .text-box a:hover {text-decoration: underline;} .section-dashboard .background .main-content .progress-bar-container {margin: 10px 0 20px 0;} .section-dashboard .background .main-content .progress-bar-container .description-text {padding: 0; margin-bottom: 0px; color: #fff; text-align: right; font-family:"urbane"; font-size: 11px; width: 100%;display: inline-block;} .section-dashboard .background .main-content .progress-bar-container .description-text strong {font-weight: 700; } .section-dashboard .background .main-content .progress-bar-container .progress {background-color: #000; height: 5px; border-radius: unset;} .section-dashboard .background .main-content .progress-bar-container .progress .progress-bar {background-color: #c78053;} .section-dashboard .background .main-content .footer-mobile {display: none;} .section-dashboard .background .main-content .footer .title {font-family:"urbane"; font-size: 14px; font-weight: 600; } .section-dashboard .background .main-content .footer .actual-benefits {font-weight: 600; font-size: 15px; margin-bottom: 10px} .section-dashboard .background .main-content .footer .next-benefits {font-weight: 600; font-size: 15px; margin-bottom: 10px; color: #fff;} .section-dashboard .background .main-content .footer ul {margin: 10px 0 0px 0px;} .section-dashboard .background .main-content .footer ul li {border-top: unset; padding: 0;} .section-dashboard .background .main-content .footer ul li span {color: #babcbe; font-size: 14px; font-family:"neue-haas-unica";} .section-dashboard .background .main-content.wallet .title-wallet-mobile {display: none;} .section-dashboard .background .main-content.wallet .text-box span {color: #0cd6c6;} .section-dashboard .background .main-content.wallet .logo-container .logo-box {background-color: #0cd6c6;} .section-dashboard .background .main-content.wallet .logo-container {padding-bottom: 40px; border-bottom: 1px solid #707070;} .section-dashboard .background .main-content.wallet .footer {padding-top: 21px; } .section-dashboard .background .main-content.wallet .footer .title-box {display: flex; align-items: center; justify-content: space-between; } .section-dashboard .background .main-content.wallet .footer .title-box a {font-size: 14px; font-family:"neue-haas-unica"; font-weight: 400; text-decoration: none;} .section-dashboard .background .main-content.wallet .footer .title-box a:hover {text-decoration: underline;} .section-dashboard .background .main-content.wallet .footer .transactions span {font-size: 14px; font-family:"neue-haas-unica"; font-weight: 400; color: #babcbe; display: block;} .section-dashboard .background .main-content.wallet .footer .transactions a {font-size: 14px; font-family:"neue-haas-unica"; font-weight: 400; color: #babcbe; } .section-dashboard .background .main-content.wallet .footer .transactions a:hover {text-decoration: none;} .section-dashboard .background .main-content.wallet .footer .transactions {margin-top: 10px;} .section-dashboard .background .main-content.wallet .footer .transactions .prices span {text-align: end; color: #fff;} .section-dashboard .action-item {border-radius: 5px; position: relative; height: 100%;} .section-dashboard .action-item .background {background-color: #fff; padding: 20px 20px 50px 20px; position: relative; } .section-dashboard .action-item .background .header {border-bottom: 1px solid #e6e6e6; padding-bottom: 10px; display: flex; align-items: center; justify-content: space-between;} .section-dashboard .action-item .background .header .text h3 {font-family:"urbane"; font-size: 20px; font-weight: 600; color: #ff8d09; margin: 0; line-height: 24px;} .section-dashboard .action-item .background .header .text .description {display: flex; align-items: center; gap: 5px; } .section-dashboard .action-item .background .header .text .description span {font-size: 14px; font-family:"neue-haas-unica"; font-weight: 400; color: #1a2026;} .section-dashboard .action-item .background .header .text .description span strong {font-weight: 700; color: #1a2026;} .section-dashboard .action-item .background .header .code-mobile {display: none;} .section-dashboard .action-item .background .header img {margin: 0;} .section-dashboard .action-item .background .main-content {padding: 5px 0 0 0;} .section-dashboard .action-item .background .main-content p {margin: 0; padding: 0; color: #000; font-size: 14px; font-family:"neue-haas-unica"; font-weight: 400; display: inline; } .section-dashboard .action-item .background .main-content a {font-size: 12px; font-family:"neue-haas-unica"; font-weight: 400; text-decoration: none; } .section-dashboard .action-item .background .main-content a:hover {text-decoration: underline;} .section-dashboard .action-item .background .footer {margin-top: 20px; display: flex; align-items: center; position: absolute;bottom: 15px;} .section-dashboard .action-item .background .footer span {font-family:"urbane"; font-size: 18px; font-weight: 500; color: #1a2026; line-height:17px;} .section-dashboard .action-item .background .footer span strong {font-weight: 600; color: #1a2026;} .section-dashboard .action-item .background .footer a {font-size: 12px; font-family:"neue-haas-unica"; font-weight: 400; margin-left: 10px; text-decoration: none; line-height:15px;} .section-dashboard .action-item .background .footer a:hover {text-decoration: underline;} .section-dashboard .action-item .background .footer-mobile {display: none;} .section-dashboard .action-item .img {position: absolute; top: 0; right: 0; margin: 0;} .section-dashboard .action-item.img-background .banner {filter: brightness(25%);height: 100%;object-fit: cover;width: 100%;top: 0;margin: 0;background-position-y: center;z-index: 1;position: absolute; border-radius: 5px; } .section-dashboard .action-item.img-background .background {position: relative; z-index: 2; background-color: transparent;} .section-dashboard .action-item.img-background .background .header {border-color: #fff;} .section-dashboard .action-item.img-background .background .header .text .description span {color: #fff} .section-dashboard .action-item.img-background .background .header .text .description span strong {color: #fff} .section-dashboard .action-item.img-background .background .main-content p {color: #fff} .section-dashboard .action-item.img-background .background .footer span {color: #fff} .section-dashboard .action-item.img-background .background .footer span strong {color: #fff} .section-dashboard .section-products-slider .btn-primary {background: #ff8d09; text-decoration: none; height: 46px; font-family:"urbane"; font-size: 14px; font-weight: 600; padding: 6px 36px; margin-top: 20px; display:flex; width: fit-content; align-items: center;} .section-navigation-mobile {display: none;} @media (max-width: 1200px) { .section-dashboard .background .main-content .footer-mobile {display: block;} .section-dashboard .background .main-content {padding: 0px 10px 20px 10px;} .section-dashboard .background .main-content .header h2 {display: none;} .section-dashboard .background .main-content .header .loyalty-program-title {display: none;} .section-dashboard .background .main-content .logo-container .text-box span {font-size: 18px; line-height: 21px;} .section-dashboard .background .main-content .logo-container .text-box a {display: none;} .section-dashboard .background .main-content .progress-bar-container .description-text {text-align: left; margin-top: 5px;} .section-dashboard .background .main-content .footer {display: none;} .section-dashboard .background .main-content .footer-mobile {display: block; text-align: center; font-size: 14px; font-family:"neue-haas-unica"; font-weight: 400; margin-top: 20px; text-decoration: none; line-height:19px;} .section-dashboard .background .main-content .header .btn-primary {display: none;} .section-dashboard .background .main-content.wallet .logo-container .text-box a {display: block;} .section-dashboard .background .main-content.wallet .title-wallet-mobile {font-family:"urbane"; font-size: 18px; font-weight: 600; line-height: 26px; color: #fff; margin: 0;} .section-dashboard .background .main-content.wallet .logo-container {padding: 0; border-bottom: 0;} .section-navigation-mobile {display: block; margin-top: 20px;} .section-navigation-mobile .title-mobile {text-align: left;} .section-navigation-mobile ul {padding:0; margin: 0;} .section-navigation-mobile ul li {padding: 10px; height: 50px; border-radius: 5px; margin-bottom: 5px; background-color: #374048; } .section-navigation-mobile ul li img {margin: 0; margin-left: 10px;} .section-navigation-mobile ul li .icon-newsletter {margin-left: 5px;} /* .section-navigation-mobile .icon-basket {filter: invert(57%) sepia(7%) saturate(7500%) hue-rotate(353deg) brightness(106%) contrast(105%); } .section-navigation-mobile .icon-user {filter: invert(57%) sepia(7%) saturate(7500%) hue-rotate(353deg) brightness(106%) contrast(105%); }*/ .section-navigation-mobile a {text-decoration: none; font-family:"urbane"; font-size: 16px; font-weight: 500; line-height: 19px; color: #fff; display: flex; align-items: center; gap: 15px; height: 100%;} .section-navigation-mobile ul li::before {display: none;} .section-dashboard .action-item .background .main-content a {display: block; padding-top: 5px;} .section-dashboard .action-item .background {padding: 20px 20px 20px 20px;} .section-dashboard .action-item .background .header .text .description {display: none;} .section-dashboard .action-item .background .header .code-mobile {display: block; font-family:"urbane"; font-size: 14px; font-weight: 500; color: #1a2026;} .section-dashboard .action-item .background .header .code-mobile strong {font-weight: 600; color: #1a2026;} .section-dashboard .action-item .background .header img {display: none;} .section-dashboard .action-item .background .footer {display: none;} .section-dashboard .action-item .background .main-content p {padding-top: 5px;display: block;} .section-dashboard .action-item .background .header {padding-bottom: 15px;} .section-dashboard .action-item.img-background .background .header .code-mobile {color:#fff;margin-top: 0px;} .section-dashboard .action-item.img-background .background .header .code-mobile strong {color:#fff;} .section-dashboard .action-item.img-background {height: 170px;} } .section-account-order .order-item {margin-bottom: 30px;} .section-account-order .order-item .background {background-color: #fff; border-radius: 5px;} .section-account-order .order-item .background .content-container {} .section-account-order .order-item .background .content-container .header {display: flex; align-items: center; justify-content: space-between;padding: 20px 20px 10px 20px; border: none;} .section-account-order .order-item .background .content-container .header img {margin: 0;} .section-account-order .order-item .background .content-container .header .info-order {display: flex; gap: 20px; align-items: center;} .section-account-order .order-item .background .content-container .header .info-order h3 {font-family:"urbane"; font-size: 20px; font-weight: 600; color: #1a2026; margin: 0;} .section-account-order .order-item .background .content-container .header .info-order .tags-box span {display: contents;} .section-account-order .order-item .background .content-container .header .info-delivery {display: flex; gap: 40px; align-items: center;} .section-account-order .order-item .background .content-container .header .info-delivery .when-delivery {display: flex; gap: 10px; align-items: center;} .section-account-order .order-item .background .content-container .header .info-delivery .when-delivery span {font-family:"urbane"; font-size: 13px; font-weight: 500; color: #1a2026; text-transform: uppercase; line-height: 15px;} .section-account-order .order-item .background .content-container .header .info-delivery .when-delivery .blue {font-weight: 600; color: #2bd6c6;} .section-account-order .order-item .background .content-container .header .info-delivery a {font-size: 14px; font-family:"neue-haas-unica"; font-weight: 400; line-height: 18px;} .section-account-order .order-item .background .content-container .header .info-delivery a:hover {text-decoration: none;} .section-account-order .order-item .background .content-container .header .info-delivery.mobile {display: none;} .section-account-order .order-item .background .content-container .info {} .section-account-order .order-item .background .content-container .info {background-color: #f2f3f4; display: flex; align-items: center; justify-content: space-between; padding: 10px 20px 10px 20px;} .section-account-order .order-item .background .content-container .info .order span {font-size: 16px; font-family:"neue-haas-unica"; font-weight: 400; line-height: 24px; border-right: 1px solid #1a2026; color: #1a2026; line-height: 15px; padding: 0 10px;display: inline-block;} .section-account-order .order-item .background .content-container .info .order span:first-child {padding-left: 0;} .section-account-order .order-item .background .content-container .info .order {position: relative;} .section-account-order .order-item .background .content-container .info .order strong {color: #1a2026; font-weight: 700;} .section-account-order .order-item .background .content-container .info .order:after {content: '';width: 10px;height: 100%;position: absolute;border-right: 2px solid #f2f3f4;right: 0; top: 0;} .section-account-order .order-item .background .content-container .info .btn-container {display: flex; gap: 20px;} .section-account-order .order-item .background .content-container .info .btn-primary {background: #ff8d09; text-decoration: none; height: 34px; font-family:"urbane"; font-size: 12px; font-weight: 600; display:flex; align-items: center} .section-account-order .order-item .background .content-container .info .btn-primary:hover {background: #dd7804; color: #fff;} .section-account-order .order-item .background .content-container .items {display: flex; align-items: end; justify-content: space-between; padding: 20px} .section-account-order .order-item .background .content-container .items .total-price {font-size: 16px; font-family:"neue-haas-unica"; font-weight: 400; display: flex; gap: 20px; color: #1a2026} .section-account-order .order-item .background .content-container .items .total-price .orange {font-weight: 700; color: #ff8d09; } .section-account-order .order-item .background .content-container .items .images {display: flex; gap: 10px; position: relative;} .section-account-order .order-item .background .content-container .items .images:after {content: '';width: 10px;height: 100%;position: absolute;border-right: 2px solid #fff;right: 0; top: 0;} .section-account-order .order-item .background .content-container .items .images img {border-right: 1px solid #e6e6e6; padding-right: 15px; margin: 0;} .section-account-order .order-item .background .content-container .items .images .number-item {position: absolute; right: 35px; top: 10px; color: #000; font-size: 20px; font-weight: 600;} .section-account-order .order-item .background .content-container .items .images .overlay-img {opacity: 0.3;} .section-account-order .order-item .background .content-container .btns-mobile {display: none;} @media (max-width: 1200px) { .section-account-order .order-item .background .content-container .header .info-delivery {display: none;} .section-account-order .order-item .background .content-container .header .info-delivery.mobile {display: block;} .section-account-order .order-item .background .content-container .header .info-delivery .when-delivery {width: 100%;} .section-account-order .order-item .background .content-container .header .info-delivery .content-wrap {display: flex; align-items: center; justify-content: space-between;} .section-account-order .order-item .background .content-container .header .info-delivery.mobile a {text-align: center;} .section-account-order .order-item .background .content-container .header .info-delivery .blue {font-weight: 600; color: #2bd6c6; text-transform: uppercase;margin-top: 10px;margin-left: 22px;} .section-account-order .order-item .background .content-container .items .images img {border-right: 0; position: relative;} .section-account-order .order-item .background .content-container .items .images a:after {content: '';height: 100%;position: absolute; border-right: 1px solid #e6e6e6;right: -35%;top: 0;} .section-account.section-account-order .background-left {display: block; width: 280px; left: 0px;} .section-account-order .tags-box .tag {line-height: 22px;} .section-account-order .order-item .background .content-container .header {flex-direction:column; gap: 20px; padding: 20px 20px 20px 20px;} .section-account-order .order-item .background .content-container .header .info-order h3 {font-size: 18px; line-height: 26px;} .section-account-order .order-item .background .content-container .header .info-order {width: 100%;justify-content: space-between; flex-direction: column;align-items: start;gap: 5px;} .section-account-order .order-item .background .content-container .header .info-order .tags-box span {font-size: 13px;} .section-account-order .order-item .background .content-container .header .info-delivery {justify-content: space-between;width: 100%; gap: 0; margin-top: 10px;} .section-account-order .order-item .background .content-container .header .info-delivery .when-delivery {align-items: start;} .section-account-order .order-item .background .content-container .header .info-delivery .when-delivery .blue {display: block;margin-top: 10px;} .section-account-order .order-item .background .content-container .header img {margin-top: 1px;} .section-account-order .order-item .background .content-container .info .order span {font-size: 14px;} .section-account-order .order-item .background .content-container .items {flex-direction: column; gap: 30px; padding-bottom: 0;} .section-account-order .order-item .background .content-container .items .images {width: 100%;justify-content: space-between;} .section-account-order .order-item .background .content-container .items .images img {position: relative;} .section-account-order .order-item .background .content-container .items .images a {position: relative;} .section-account-order .order-item .background .content-container .btns-mobile {display: flex; flex-direction: column; gap: 10px; padding: 20px;} .section-account-order .order-item .background .content-container .btns-mobile .btn-primary {display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 14px;} .section-account-order .order-item .background .content-container .btns-mobile .btn-primary:hover {background: #dd7804; color: #fff;} .section-account-order .order-item .background .content-container .btns-mobile .btn-change {background: transparent; border: 1px solid #babcbe; color: #1a2026;} .section-account-order .order-item .background .content-container .info .order:after {display: none;} .section-account-order .order-item .background .content-container .info .order span {border: 0; display: block; padding: 0; } .section-account-order .order-item .background .content-container .info .order span + span {padding-top: 5px;} } .section-account-order-detail {} .section-account.section-account-order-detail .background-left { top: 16px;} .section-account.section-account-order-detail .background-right { top: 16px;} .section-account-order-detail .order-item {margin-bottom: 20px;} .section-account-order-detail .order-item .title-container {display: flex; align-items: center; justify-content: space-between;margin-bottom: 20px; margin-top: 40px;} .section-account-order-detail .order-item .title-container h1 {font-family:"urbane"; font-weight: 600; margin: 0; font-size: 28px; line-height: 36px; } .section-account-order-detail .order-item .title-container .delivery-time {color: #fff;font-size: 13px;line-height: 15px;text-decoration: none;font-family:"urbane"; font-weight: 500; text-transform: uppercase; } .section-account-order-detail .order-item .title-container .delivery-time .date {font-weight: 600; color: #f58d10;} .section-account-order-detail .order-item .title-container-mobile {display: none;} .section-account-order-detail .order-item .header-container {background-color: #f2f3f4; display: flex; justify-content: space-evenly; padding: 10px; border-top-right-radius: 5px; border-top-left-radius: 5px;} .section-account-order-detail .order-item .header-container .item {display: flex; flex-direction: column; align-items: center; justify-content: start; gap: 10px; } .section-account-order-detail .order-item .header-container .item span {font-family:"urbane"; margin: 0; font-size: 13px; color: #919397; line-height: 18px; font-weight: 500;} .section-account-order-detail .order-item .header-container .item .date {font-size: 11px; font-weight: 300;} .section-account-order-detail .order-item .header-container .item .active {color: #1b2025;} .section-account-order-detail .order-item .header-container .item.active img {filter: none;} .section-account-order-detail .order-item .header-container .item.finished img {filter: none;} .section-account-order-detail .order-item .header-container .item img {margin: 0; height: 36px; filter: grayscale(1.0);} .section-account-order-detail .order-item .header-container .item.track {display: none;} .section-account-order-detail .order-item .header-container .item .info-item {display: flex;flex-direction: column;align-items: center;} .section-account-order-detail .order-item .line-container {background-color: #f2f3f4;} .section-account-order-detail .order-item .line-container .line {border-bottom: 5px solid #62d3c6; display: block; width: 50%;} .section-account-order-detail .content-container {background-color: #fff; padding: 0;} .section-account-order-detail .content-container h2 {color: #1a2026;font-family:"urbane"; font-weight: 600; margin: 0; font-size: 20px; line-height: 26px; padding: 25px 0px; border-bottom: 1px solid #e6e6e6; margin: 0 20px;} .section-account-order-detail .content-container.section-cart .block .items .item.item-border {border: none; padding-right: 0;} .section-account-order-detail .content-container.section-cart .items .variant-container .count {font-family:"neue-haas-unica"; font-size: 14px; font-weight: 400; margin: 0; color: #7a7d81;} .section-account-order-detail .content-container.section-cart .block {padding: 0px 20px;} .section-account-order-detail .content-container.section-cart .block .items .item {padding: 20px 0;} .section-account-order-detail .content-container.section-cart .block .items .item.item-border .info {align-items: center;} .section-account-order-detail .content-container.section-cart .block .items .item {margin: 0;} .section-account-order-detail .account-order-detail-footer { background-color: #fff; padding-bottom: 20px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;} .section-account-order-detail .account-order-detail-footer .background {margin: 0px 20px 0px 20px; padding-top: 20px; border-top: 1px solid #e6e6e6;} .section-account-order-detail .account-order-detail-footer .note-container span {display: block; color: #7a7d81; font-family:"neue-haas-unica"; font-weight: 400; margin: 0; font-size: 13px; line-height: 15px;} .section-account-order-detail .account-order-detail-footer .note-container span strong {color: #000;font-family:"urbane"; font-weight: 600; margin: 0; font-size: 14px; line-height: 15px; margin-bottom: 5px; display: block;} .section-account-order-detail .account-order-detail-footer .footer-info {margin: 0; padding-bottom: 15px; border-bottom: 1px solid #e6e6e6;} .section-account-order-detail .account-order-detail-footer .footer-info div {display: flex; justify-content: space-between; align-items: center; font-family:"urbane"; font-weight:500; font-size: 12px; color: #1a2026;} .section-account-order-detail .account-order-detail-footer .footer-info .name {display: flex; gap: 5px; align-items: center;} .section-account-order-detail .account-order-detail-footer .footer-info .name h4 {margin: 0; font-family:"urbane"; font-weight:500; font-size: 12px; color: #1a2026;} .section-account-order-detail .account-order-detail-footer .footer-info .name .selected {font-weight: 600; font-family:"urbane"; font-size: 12px; color: #1a2026;} .section-account-order-detail .account-order-detail-footer .cashback-wrap {display: flex; gap: 15px; align-items: center;} .section-account-order-detail .account-order-detail-footer .cashback-wrap .img-wrap {display: flex; align-items: center; justify-content: center; position: relative; height: 100%;} .section-account-order-detail .account-order-detail-footer .cashback-wrap .img-wrap img {margin: 0;} .section-account-order-detail .account-order-detail-footer .cashback-wrap .background-wallet-cart {background: url(../img/wallet-cart-background.svg) no-repeat; position: absolute; bottom: -8px; left: -4px; height: 100%; width: 100%;} .section-account-order-detail .account-order-detail-footer .cashback-wrap .cashback-info {display: flex; flex-direction: column; } .section-account-order-detail .account-order-detail-footer .cashback-wrap .cashback-name {font-family:"urbane"; font-size: 14px; font-weight: 600; color: #000; display: block; margin-bottom: -6px;} .section-account-order-detail .account-order-detail-footer .cashback-wrap .cahback-description {font-size: 14px; font-family:"neue-haas-unica"; font-weight:400; color: #000; display: flex; gap: 10px;} .section-account-order-detail .account-order-detail-footer .cashback-wrap .cashback-plus { font-family:"neue-haas-unica"; font-size: 14px; font-weight: 700; color: #3ad6c6; text-align: right; display: block;} .section-account-order-detail .account-order-detail-footer .total-price-info {display: flex; justify-content: space-between; align-items:center; margin-bottom: 0px;} .section-account-order-detail .account-order-detail-footer .total-price-info span:first-child {font-size: 14px; font-family:"urbane"; font-weight:500; color:#1a2026; } .section-account-order-detail .account-order-detail-footer .total-price-info strong {color: #000; font-weight: 600;} .section-account-order-detail .account-order-detail-footer .total-price-info .total-price {font-size: 23px; font-family:"urbane"; font-weight:600; color: #ff8d09;} .section-account-order-detail .account-order-detail-footer .total-price-info .total-price .price-number {font-size: 23px; font-family:"urbane"; font-weight:600; color: #ff8d09;} .section-account-order-detail .account-order-detail-footer .total-price-info .wo-vat {font-size: 23px; font-family:"urbane"; font-weight:600; color: #ff8d09;} .section-account-order-detail .account-order-detail-footer .total-price-info .wo-vat .price-number {font-size: 23px; font-family:"urbane"; font-weight:600; color: #ff8d09;} .section-account-order-detail .order-update {padding: 20px 20px 1px 20px; border-radius: 5px; background-color: #fff;} .section-account-order-detail .order-update h2 {color: #1a2026;font-family:"urbane"; font-weight: 600; margin: 0; font-size: 20px; line-height: 26px; padding-bottom: 5px; } .section-account-order-detail .order-update p {font-family:"neue-haas-unica"; font-size: 13px; font-weight: 400; color: #000; margin-top: 0; } .section-account-order-detail .order-info {margin-top: 95px;} .section-account-order-detail .order-info .background {background-color: #374048; padding: 10px 20px 10px 20px; border-radius: 5px;} .section-account-order-detail .order-info .background .icons-container {margin-bottom: 15px;} .section-account-order-detail .order-info .background .icons-container .icon {background-color: #fff; display: flex; justify-content: space-between; padding: 19px 13px 19px 22px; margin-bottom: 10px; border-radius: 5px; cursor: pointer;} .section-account-order-detail .order-info .background .icons-container .icon span {font-size: 11px; font-family:"urbane"; font-weight:600; color: #1a2026; line-height: 13px;} .section-account-order-detail .order-info .background .icons-container .icon img {margin: 0;} .section-account-order-detail .order-info .background .icons-container .icon .name {display: flex; align-items: center;} .section-account-order-detail .order-info .background .icons-container .icon .name span {margin-left: 12px; line-height: 13px;} .section-account-order-detail .order-info .background .icons-container .icon .icon-close {filter: invert(57%) sepia(7%) saturate(7500%) hue-rotate(353deg) brightness(106%) contrast(105%); height: 11px;} .section-account-order-detail .order-info hr {border-bottom: 1px solid #7a7d81; margin: 10px 0; opacity: unset;} .section-account-order-detail .order-info .background .icons-container .icon:first-child { padding: 17px 13px 17px 22px;} .section-account-order-detail .order-info .background .icons-container .icon:first-child span {font-size: 12px; font-family:"urbane"; font-weight:500; color: #1a2026;} .section-account-order-detail .order-info .status-order {border-top: 1px solid #7a7d81; border-bottom: 1px solid #7a7d81; padding: 10px 0;} .section-account-order-detail .order-info .status-order .tags-box {width: 100%;} .section-account-order-detail .order-info .status-order .tags-box .tag {width: 100%; gap: 10px;} .section-account-order-detail .order-info .status-order .tags-box .blue.outline {background-color: #32e934;border: 1px solid #32e934;color: #374048; font-weight: 600;} .section-account-order-detail .order-info .status-order .tags-box .blue.outline img {filter: invert(67%) sepia(64%) saturate(3864%) hue-rotate(355deg) brightness(0%) contrast(101%);} .section-account-order-detail .addresses-order {padding-top: 10px;} .section-account-order-detail .addresses-order .delivery-address {border-bottom: 1px solid #7a7d81; } .section-account-order-detail .addresses-order .billing-address {padding-top: 10px;} .section-account-order-detail .addresses-order span {display:block; font-family:"neue-haas-unica"; font-weight: 400; font-size: 14px;} .section-account-order-detail .addresses-order .title {font-size: 14px; font-family:"urbane"; font-weight:600; margin-bottom: 5px;} .section-account-order-detail .addresses-order img {margin: 0; cursor: pointer; margin-left: 5px;} .section-account-order-detail .addresses-order .block {margin-bottom: 10px;} .section-account-order-detail .unpaid-container {display: none;} @media (max-width: 1200px) { .section-account.section-account-order-detail .background-left {display: block; width: 280px; left: 0px;} .section-account.section-account-order-detail .back-mobile {top: 30px;} .section-account-order-detail .order-item .title-container {display: none;} .section-account-order-detail .order-item .title-container-mobile {display: block; margin-top: 60px;} .section-account-order-detail .order-item .title-container-mobile .delivery-time {color: #fff;font-size: 13px;line-height: 15px;text-decoration: none;font-family:"urbane"; font-weight: 500; text-transform: uppercase; border-bottom: 1px solid #7a7d81; padding-bottom: 15px;} .section-account-order-detail .order-item .title-container-mobile .delivery-time .date {font-weight: 600; color: #f58d10;} .section-account-order-detail .order-item .title-container-mobile .delivery-time img {margin: 0;} .section-account-order-detail .order-item .title-container-mobile h1 {display: flex; justify-content: space-between; font-size: 14px; font-family:"urbane"; font-weight:600; border-bottom: 1px solid #7a7d81; padding-bottom: 10px; text-decoration: none;} .section-account-order-detail .order-item .title-container-mobile h1 .number {font-size: 18px; font-family:"urbane"; font-weight:600; color: #ff8d09; text-decoration: none;} .section-account-order-detail .order-item .title-container-mobile .delivery-time .date {display: block; margin-left: 15px;} .section-account-order-detail .order-item .title-container-mobile .status-order {display: flex; justify-content: space-between; font-size: 14px; font-family:"urbane"; font-weight:600; padding-bottom: 15px;} .section-account-order-detail .order-item .title-container-mobile .status-order .tags-box .tag {color: #fff; font-size: 13px; font-weight: 700; background: #ff3100;} .section-account-order-detail .order-item .title-container-mobile .status-order .tags-box .tag img {border: 1px solid #fff;border-radius: 100%; width: 13px; height: 13px;} .section-account-order-detail .order-item .unpaid-container {display: flex; justify-content: space-between; gap: 10px; margin-bottom: 20px;} .section-account-order-detail .order-item .unpaid-container .btn-primary {font-size: 16px; font-weight: 600; width: 50%; display: flex; justify-content: center; align-items: center; height: 57px;} .section-account-order-detail .order-item .unpaid-container select {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('../img/angle-down-icon.svg') no-repeat center right; height: 57px; background-position: right 13px top 16px, right 17px top 1em; border: 1px solid #babcbe; border-radius: 5px; margin-right: 0; color: #1a2026; font-family: "urbane"; padding-left: 25px; background-color: #fff; font-size: 14px; font-weight: 600px; width: 50%;} .section-account-order-detail .order-item .header-container .item {display: none;} .section-account-order-detail .order-item .header-container .item.active {display: flex; flex-direction: row; gap: 15px;} .section-account-order-detail .order-item .header-container .item.track {display: flex; align-items: center; justify-content: space-between; flex-direction: row; gap: 15px; background-color: #fff; border: 1px solid #e6e6e6; border-radius: 5px; padding: 10px;} .section-account-order-detail .order-item .header-container .item.track img {margin: 0; filter: none; height: auto; } .section-account-order-detail .order-item .header-container .item.track span {font-size: 11px; font-family:"urbane"; font-weight:600; color: #1a2026; line-height: 14px;} .section-account-order-detail .order-item .header-container .item.track .icon-arrow {filter: invert(8%) sepia(6%) saturate(388%) hue-rotate(169deg) brightness(1%) contrast(95%);} .section-account-order-detail .order-item .header-container .item .info-item {align-items: start;} .section-account-order-detail .order-item .line-container .line {display: none;} .section-account-order-detail .order-item {margin-bottom: 10px;} .section-account-order-detail .content-container h2 {display: none;} .section-account-order-detail .section-cart .block .items {display: block;} .section-account-order-detail .section-cart .block .items h4 {font-size: 14px; line-height: 17px;} .section-account-order-detail .section-cart .block .items .item.item-border h4 {font-size: 14px; line-height: 17px; margin-bottom: 0px;} .section-account-order-detail .section-cart .block .items .item.item-border .icon-gift {margin-top: 10px;} .section-account-order-detail .section-cart .block .items .item.item-border .variant-container {display: none;} .section-account-order-detail .section-cart .block .items .item.item-border .icon-gift-wrap {width: 22%;} .section-account-order-detail .section-cart .block .items .item:last-child {border-bottom: 1px solid #e6e6e6;} .section-account-order-detail .account-order-detail-footer .footer-info {padding-top: 15px;} .section-account-order-detail .content-container.section-cart .block .items .item .row {position: relative;} .section-account-order-detail .content-container.section-cart .block .items .item .row:after {content: '';height: 145%;position: absolute; border-left: 5px solid #ff8d09;left: -8px;top: -20px;} .section-account-order-detail .content-container.section-cart .block .items .item.item-border {border: 1px solid #e6e6e6; border-radius: 5px; padding: 10px;margin-top: 25px;} .section-account-order-detail .content-container.section-cart .block .items .item.item-border .row:after {display: none;} .section-account-order-detail .section-cart .block .items .item .item-name {margin: 0;} .section-account-order-detail .account-order-detail-footer .cashback-wrap .cashback-info {gap: 5px;} .section-account-order-detail .account-order-detail-footer .total-price-info .total-price {font-size: 25px;} .section-account-order-detail .account-order-detail-footer .cashback-wrap {margin-bottom: 0px;margin-top: 30px;} .section-account-order-detail .account-order-detail-footer .background {border: 0; padding-top: 0px;} .section-account-order-detail .account-order-detail-footer .total-price-info {padding-top: 15px;} .section-account-order-detail .order-info {margin-top: 0px;} .section-account-order-detail .order-info .background .icons-container {display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 0px; padding-bottom: 15px; border-bottom: 1px solid #7a7d81;} .section-account-order-detail .order-info .background .icons-container .icon:first-child {width: 100%; margin-bottom: 15px; padding: 19px 13px 19px 22px; min-height: 56px;display: flex; align-items: center;} .section-account-order-detail .order-info .background .icons-container .icon:first-child img {display: block;} .section-account-order-detail .order-info .background .icons-container .icon:first-child img {width: 11px;} .section-account-order-detail .order-info .background .icons-container .icon img {display: none;} .section-account-order-detail .order-info .background .icons-container .icon .name img {display: block; } .section-account-order-detail .order-info .background .icons-container .icon {width: 49%; margin-bottom: 0px;} .section-account-order-detail .order-info hr {display: none;} .section-account-order-detail .order-info .status-order {display: none;} .section-account-order-detail .order-info .background {padding: 20px;} } .section-account-receipt-detail .order-info .background .icons-container {margin:0;} .section-account-receipt-detail .order-info .background .icons-container .icon {margin-bottom: 0;} .section-account-receipt-detail .order-info .background .icons-container .icon:first-child {margin-bottom: 10px;} @media (max-width: 1200px) { .section-account-receipt-detail .order-info .background .icons-container .icon {width: 100%;} .section-account-receipt-detail .order-info .background .icons-container .icon:first-child {margin: 0;} .section-account-receipt-detail .order-info .background .icons-container {border: 0; padding: 0;} .section-account-receipt-detail .order-info .background {padding: 20px;} .section-account-receipt-detail.section-account-order-detail .content-container.section-cart .block .items .item .row:after {border: 0;} } .section-account.section-account-complaint .background-left { top: 16px;} .section-account.section-account-complaint .background-right { top: 16px;} .section-account-complaint .complaint-item {margin-bottom: 30px;} .section-account-complaint .complaint-item .background {background-color: #fff; border-radius: 5px;} .section-account-complaint .complaint-item .background .content-container {} .section-account-complaint .complaint-item .background .content-container .header {display: flex; gap: 20px; align-items: center; padding: 20px 20px 10px 20px; border: none;} .section-account-complaint .complaint-item .background .content-container .header h2 {font-family:"urbane"; font-size: 20px; font-weight: 600; color: #1a2026; margin: 0;} .section-account-complaint .complaint-item .background .content-container .info {} .section-account-complaint .complaint-item .background .content-container .info {background-color: #f2f3f4; display: flex; align-items: center; justify-content: space-between; padding: 5px 20px 5px 20px;} .section-account-complaint .complaint-item .background .content-container .info .text span {font-size: 16px; font-family:"neue-haas-unica"; font-weight: 400; line-height: 24px; border-right: 1px solid #1a2026; color: #1a2026; line-height: 15px; padding: 0 10px;display: inline-block;} .section-account-complaint .complaint-item .background .content-container .info .text span:first-child {padding-left: 0;} .section-account-complaint .complaint-item .background .content-container .info .text {position: relative;} .section-account-complaint .complaint-item .background .content-container .info .text:after {content: '';width: 10px;height: 100%;position: absolute;border-right: 2px solid #f2f3f4;right: 0; top: 0;} .section-account-complaint .complaint-item .background .content-container .icon {width: 185px; height: 40px; border: 1px solid #374048; border-radius: 5px; display: flex;align-items: center;justify-content: space-around; background-color: #fff; cursor: pointer;} .section-account-complaint .complaint-item .background .content-container .icon span {font-size: 12px; font-family:"urbane"; font-weight:500; color: #1a2026; line-height: 13px;} .section-account-complaint .complaint-item .background .content-container .icon img {margin: 0;} .section-account-complaint .complaint-item .background .content-container .product.product-mobile {display: none;} .section-account-complaint .complaint-item .background .content-container .product {display: flex; align-items: start; justify-content: space-between; padding: 10px 20px 20px 20px;} .section-account-complaint .complaint-item .background .content-container .product .info-product {display: flex; align-items: center; gap: 20px;} .section-account-complaint .complaint-item .background .content-container .product img {margin: 0;} .section-account-complaint .complaint-item .background .content-container .product .total-price {font-size: 16px; font-family:"urbane"; font-weight: 600; color: #1a2026} .section-account-complaint .complaint-item .background .content-container .product .description .name {font-size: 14px; font-family:"urbane"; font-weight: 600; color: #1a2026} .section-account-complaint .complaint-item .background .content-container .product .description span {font-size: 14px; font-family:"neue-haas-unica"; font-weight: 400; display: block; color: #1a2026; line-height: 22px;} .section-account-complaint .complaint-item .background .content-container .product .description span strong {font-weight: 700; color: #1a2026;} @media (max-width: 1200px) { .section-account.section-account-complaint .background-left {display: block; width: 280px; left: 0px;} .section-account.section-account-complaint .back-mobile {top: 35px;} .section-account-complaint .complaint-item .background .content-container .header {flex-direction: column; gap: 5px; align-items: start;} .section-account-complaint .complaint-item .background .content-container .header h2 {font-size: 18px;} .section-account-complaint .complaint-item .background .content-container .tags-box span {font-size: 10px;} .section-account-complaint .complaint-item .background .content-container .info .text:after {display: none;} .section-account-complaint .complaint-item .background .content-container .info .text {display: flex; flex-direction: column; gap: 10px;} .section-account-complaint .complaint-item .background .content-container .info .text span {border: 0; padding: 0; font-size: 14px;} .section-account-complaint .complaint-item .background .content-container .info {padding: 20px 20px 20px 20px;} .section-account-complaint .complaint-item .background .content-container .product {display: none;} .section-account-complaint .complaint-item .background .content-container .product.product-mobile {display: block;} .section-account-complaint .complaint-item .background .content-container .product.product-mobile .description span {color: #7a7d81;} .section-account-complaint .complaint-item .background .content-container .product.product-mobile .description .name {color: #1a2026;} .section-account-complaint .complaint-item .background .content-container .product.product-mobile .total-price {text-align: end; display: block; padding-bottom: 10px; border-bottom: 1px solid #e6e6e6; } .section-account-complaint .complaint-item .background .content-container .product .fault-description {font-size: 14px; font-family:"neue-haas-unica"; font-weight: 400; display: block; color: #1a2026; line-height: 22px; padding-top: 10px;} .section-account-complaint .complaint-item .background .content-container .product .fault-description strong {font-weight: 700; color: #1a2026;} .section-account-complaint .complaint-item .background .content-container .icon {width: 100%; background-color: #f2f3f4; border: 0; margin-top: 15px; padding: 12px; justify-content: space-between;} } .section-account-wish-list {} .section-account-wish-list .unavailable-item .card-img-top {opacity: 0.5;} .section-account-wish-list .card .container-product .card-body .tags-box .tag.unavailable {} .section-account-wish-list .card .container-product .cart-footer .alert-btn {display: flex; gap: 10px; height: auto; padding: 0px; align-items:center; justify-content: center; width:69px; height: 36px; background-color: #f2f3f4; cursor: pointer;} .section-account-wish-list .card .container-product .cart-footer .alert-btn img {margin: 0; padding: 0; position: relative;} .section-account.section-account-wish-list .background-left {top: 18px;} .section-account.section-account-wish-list .background-right {top: 18px;} @media (max-width: 1200px) { .section-account.section-account-wish-list .back-mobile {top: 34px;} } .section-account-watch-dog .watch-dog-item .background {background-color: #fff; border-radius: 5px;} .section-account-watch-dog .watch-dog-item .background .content-container {margin: 0 20px; padding-bottom: 20px;} .section-account-watch-dog .watch-dog-item .background .content-container .header {display: flex; gap: 20px; align-items: center; padding: 20px 0px 10px 0px; border-bottom: 1px solid #e6e6e6;} .section-account-watch-dog .watch-dog-item .background .content-container .header h2 {font-family:"urbane"; font-size: 20px; font-weight: 600; color: #1a2026; margin: 0;} .section-account-watch-dog .watch-dog-item .background .content-container .product {display: flex; align-items: center; justify-content: space-between; padding: 5px 0px 5px 0px; border-bottom: 1px solid #e6e6e6;} .section-account-watch-dog .watch-dog-item .background .content-container .product .info-product {display: flex; align-items: center; gap: 20px;} .section-account-watch-dog .watch-dog-item .background .content-container .product img {margin: 0;} .section-account-watch-dog .watch-dog-item .background .content-container .product .description .name {font-size: 14px; font-family:"urbane"; font-weight: 600; color: #1a2026} .section-account-watch-dog .watch-dog-item .background .content-container .product .description .info {display: flex; gap: 20px;} .section-account-watch-dog .watch-dog-item .background .content-container .product .description span {font-size: 14px; font-family:"neue-haas-unica"; font-weight: 400; display: block; color: #1a2026; line-height: 19px;} .section-account-watch-dog .watch-dog-item .background .content-container .product .description span strong {font-weight: 700; color: #1a2026; } .section-account-watch-dog .watch-dog-item .background .content-container .product .btns {display: flex; align-items: center; justify-content: center; gap: 20px;} .section-account-watch-dog .watch-dog-item .background .content-container .product .btns .btn-primary {height: 34px; font-size: 12px; padding: 6px 23px;} .section-account-watch-dog .watch-dog-item .background .content-container .product .btns .btn-remove {display: none;} .section-account-watch-dog .name-mobile {display: none;} .section-account.section-account-watch-dog .background-left {top: 18px;} .section-account.section-account-watch-dog .background-right {top: 18px;} @media (max-width: 1200px) { .section-account.section-account-watch-dog .background-left {display: block; width: 280px; left: 0px;} .section-account.section-account-watch-dog .back-mobile {top: 34px;} .section-account-watch-dog .watch-dog-item .background .content-container .product .description .name {display: none;} .section-account-watch-dog .name-container-mobile {display: flex;gap: 20px; } .section-account-watch-dog .name-container-mobile .name-mobile {font-size: 14px; font-family:"urbane"; font-weight: 600; color: #1a2026; display: block;} .section-account-watch-dog .watch-dog-item .background .content-container .header h2 {display: none;} .section-account-watch-dog .watch-dog-item .background .content-container .product .info-product {flex-direction: column; padding: 15px 0px;} .section-account-watch-dog .watch-dog-item .background .content-container .product {flex-direction: column; align-items: start; padding-bottom: 20px;} .section-account-watch-dog .watch-dog-item .background .content-container .header {border: 0; padding: 0;} .section-account-watch-dog .watch-dog-item .background .content-container .product .info-product .description {width: 100%; } .section-account-watch-dog .watch-dog-item .background .content-container .product .description .info {flex-direction: column; gap: 5px;} .section-account-watch-dog .watch-dog-item .background .content-container .product .btns {flex-direction: column; gap: 10px; width: 100%;} .section-account-watch-dog .watch-dog-item .background .content-container .product .btns .btn-primary {width: 100%; text-align: center; font-size: 14px; height: 53px; display: flex; align-items: center; justify-content: center;} .section-account-watch-dog .watch-dog-item .background .content-container .product .btns .btn-cross-remove {display: none;} .section-account-watch-dog .watch-dog-item .background .content-container .product .btns .btn-primary.btn-remove {background-color: transparent; color: #1a2026;font-size: 14px; font-family:"urbane"; font-weight: 600; border: 1px solid #babcbe; border-radius: 5px; display: flex; background: transparent; text-decoration: none;} } .section-account-saved-articles {} .section-account-saved-articles .header {display: flex; justify-content: space-between; align-items:center;} .section-account-saved-articles .header .cross {position: absolute;z-index: 2;top: 10px;right: 10px;} .section-account-saved-articles .header .cross img {margin: 0; filter: invert(67%) sepia(64%) saturate(3864%) hue-rotate(355deg) brightness(102%) contrast(101%);} .section-account.section-account-saved-articles .background-left {top: 18px;} .section-account.section-account-saved-articles .background-right {top: 18px;} @media (max-width: 1200px) { .section-account.section-account-saved-articles .background-left {display: block; width: 280px; left: 0px;} .section-account.section-account-saved-articles .back-mobile {top: 34px;} .section-account-saved-articles .section-blog .items-blog {margin-top: 15px;} .section-account-saved-articles .section-blog .items-blog .tags-box span {font-size: 13px;} .section-account-saved-articles .section-blog .items-blog .item h3 {margin: 10px 0 15px 0;} .section-account-saved-articles .section-blog .items-blog .item {margin: 0; padding-bottom: 20px; border-bottom: 1px solid #e6e6e6;} .section-account-saved-articles .section-blog .items-blog:after {content: '';width: 100%;height: 100%;position: absolute;border: 2px solid #1a2026;bottom: 0px;overflow: visible;z-index: 2;} } .section-account-settings {} .section-account.section-account-settings .background-left {top: 18px;} .section-account.section-account-settings .background-right {top: 18px;} .section-account-settings h2 {font-family:"urbane"; font-size: 20px; font-weight: 600; } .section-account-settings .personal-data {background-color: #fff; border-radius: 5px; padding: 20px;} .section-account-settings .personal-data .header h2 {margin: 0px 0 15px 0; font-family:"urbane"; font-size: 20px; font-weight: 600; color: #1a2026;} .section-account-settings .personal-data .header {border-bottom: 1px solid #e6e6e6; margin-bottom: 20px;} .section-account-settings .personal-data .input {margin-bottom: 15px;} .section-account-settings .personal-data .input.short {width: 50%; position: relative;} .section-account-settings .personal-data .input.short .img {position: absolute; top: 44px; right: 10px; margin: 0;} .section-account-settings .personal-data .input label {font-size: 14px;color: #1a2026;font-family: "neue-haas-unica"; } .section-account-settings .personal-data .input .form-control {height: 48px;border: 1px solid #babcbe;border-radius: 5px; font-family: "neue-haas-unica"; font-size: 16px; color: #1a2026;} .section-account-settings .personal-data select {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('../img/angle-down-icon.svg') no-repeat center right; height: 48px; background-position: right 13px top 13px, right 17px top 1em; border: 1px solid #babcbe; border-radius: 5px; width: 100%; margin-right: 5px; color: #1a2026; font-family: "neue-haas-unica"; padding-left: 10px;} .section-account-settings .personal-data select:invalid {color: #1a2026;} .section-account-settings .personal-data .info-icon {background-color: #e6e6e6;border-radius: 100%;width: 16px;height: 16px;display: inline-block;line-height: 14px;padding-bottom: 0;font-family: "urbane";font-size: 11px;color: #374048;margin-left: 7px;top: -2px;position: relative;text-decoration: none; text-align: center;} .section-account-settings .personal-data .footer {border-top: 1px solid #e6e6e6; padding-top: 20px;} .section-account-settings .personal-data .footer .btn-primary {width: 250px; font-size: 14px; font-family:"urbane"; font-weight: 600; } .section-account-settings .change-password {background-color: #fff; border-radius: 5px; padding: 20px; height: 100%;} .section-account-settings .change-password .header h2 {margin: 0px 0 15px 0; font-family:"urbane"; font-size: 20px; font-weight: 600; color: #1a2026;} .section-account-settings .change-password .header {border-bottom: 1px solid #e6e6e6; margin-bottom: 20px;} .section-account-settings .change-password .content-password {display: flex; flex-direction: column; align-items: center; justify-content: space-around; height: 90%;} .section-account-settings .change-password .content-password .img {position: relative; margin: 20px 0;} .section-account-settings .change-password .content-password .img .background {position: absolute;bottom: -20px;background-image: url("../img/bg-light.png");width: 208px; height: 140px; background-repeat: no-repeat;background-position: center;background-size: cover;z-index: 2; left: -30px;} .section-account-settings .change-password .content-password .img img {margin: 0; z-index: 3;} .section-account-settings .change-password .content-password p {font-size: 14px;color: #1a2026;font-family: "neue-haas-unica"; line-height: 24px; font-weight: 400; } .section-account-settings .change-password .btn-primary {width: 80%; text-align: center; font-size: 14px;} .section-account-settings .billing-address {} .section-account-settings .billing-address .add-address {border: 1px solid #787d81; border-radius: 5px; height: 220px; display: flex; align-items: center; justify-content: center; flex-direction: column; cursor: pointer;} .section-account-settings .billing-address .add-address .text {display: flex; align-items:center; flex-direction: column; justify-content: center; gap: 5px; } .section-account-settings .billing-address .add-address .text span {font-family:"urbane"; font-size: 12px; font-weight: 600; color: #fff;} .section-account-settings .billing-address .add-address .text img {margin: 0;} .section-account-settings .billing-address .address {background-color: #fff; position: relative; padding: 20px; height: 220px; border-radius: 5px;} .section-account-settings .billing-address .address .close {position: absolute; top: 20px; right: 20px; filter: invert(57%) sepia(7%) saturate(7500%) hue-rotate(353deg) brightness(106%) contrast(105%); margin: 0; height: 12px; width: 12px;} .section-account-settings .billing-address .address .header {display:flex; align-items:center; gap: 20px; border: none;} .section-account-settings .billing-address .address .header span {font-size: 20px;color: #1a2026;font-family: "urbane"; font-weight: 600; } .section-account-settings .billing-address .address .header .default {border: 1px solid #ff8d09; padding: 2px 5px; border-radius: 5px; display: flex; gap: 5px; align-items: center;} .section-account-settings .billing-address .address .header .default img {margin: 0;} .section-account-settings .billing-address .address .header .default span {font-family:"urbane"; font-size: 13px; font-weight: 600; color: #ff8d09; line-height: 14px;} .section-account-settings .billing-address .address span {display: block;} .section-account-settings .billing-address .address .info-address {margin: 18px 0; } .section-account-settings .billing-address .address .info-address span {font-size: 14px;color: #1a2026;font-family: "neue-haas-unica"; line-height: 24px; font-weight: 400; } .section-account-settings .billing-address .address .info-address span.name {font-weight: 700;} .section-account-settings .billing-address .address .item-change {cursor: pointer; display: flex; align-items: center; justify-content: start; gap: 10px;} .section-account-settings .billing-address .address .item-change span {font-size: 14px;color: #ff8d09;font-family: "neue-haas-unica"; text-decoration: underline; } .section-account-settings .billing-address .address .item-change img {margin: 0;} .section-account-settings .delivery-address .add-address {border: 1px solid #787d81; border-radius: 5px; height: 220px; display: flex; align-items: center; justify-content: center; flex-direction: column; cursor: pointer;} .section-account-settings .delivery-address .add-address .text {display: flex; align-items:center; flex-direction: column; justify-content: center; gap: 5px; } .section-account-settings .delivery-address .add-address .text span {font-family:"urbane"; font-size: 12px; font-weight: 600; color: #fff;} .section-account-settings .delivery-address .add-address .text img {margin: 0;} .section-account-settings .delivery-address .address {background-color: #fff; position: relative; padding: 20px; height: 220px; border-radius: 5px;} .section-account-settings .delivery-address .address .close {position: absolute; top: 20px; right: 20px; filter: invert(57%) sepia(7%) saturate(7500%) hue-rotate(353deg) brightness(106%) contrast(105%); margin: 0; height: 12px; width: 12px;} .section-account-settings .delivery-address .address .header {display:flex; align-items:center; gap: 20px; border: none;} .section-account-settings .delivery-address .address .header span {font-size: 20px;color: #1a2026;font-family: "urbane"; } .section-account-settings .delivery-address .address .header .default {border: 1px solid #ff8d09; padding: 2px 5px; border-radius: 5px; display: flex; gap: 5px; align-items: center;} .section-account-settings .delivery-address .address .header .default img {margin: 0;} .section-account-settings .delivery-address .address .header .default span {font-family:"urbane"; font-size: 13px; font-weight: 600; color: #ff8d09; line-height: 14px;} .section-account-settings .delivery-address .address span {display: block;} .section-account-settings .delivery-address .address .info-address {margin: 18px 0; } .section-account-settings .delivery-address .address .info-address span {font-size: 14px;color: #1a2026;font-family: "neue-haas-unica"; line-height: 24px; font-weight: 400; } .section-account-settings .delivery-address .address .info-address span.name {font-weight: 700;} .section-account-settings .delivery-address .address .item-change {cursor: pointer; display: flex; align-items: center; justify-content: start; gap: 10px;} .section-account-settings .delivery-address .address .item-change span {font-size: 14px;color: #ff8d09;font-family: "neue-haas-unica"; text-decoration: underline; } .section-account-settings .delivery-address .address .item-change img {margin: 0;} .section-account-settings .newsletter {background-color: #fff; border-radius: 5px; padding: 20px; margin-top: 48px;} .section-account-settings .newsletter .header h2 {margin: 0; font-family:"urbane"; font-size: 20px; font-weight: 600; color: #1a2026;} .section-account-settings .newsletter .header {border-bottom: 1px solid #e6e6e6; margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between;padding-bottom: 15px; } .section-account-settings .newsletter .btns {display: flex; gap: 20px;} .section-account-settings .newsletter .btns .btn-log-out {width: 120px; border: 1px solid #babcbe; border-radius: 5px; display: flex; align-items:center; justify-content: center; font-family:"urbane"; font-size: 12px; font-weight: 600; color: #1a2026; height: 34px;} .section-account-settings .newsletter .btns .btn-primary {font-size: 12px; width: 85px; text-align: center; height: 34px; padding: 0; align-items: center; display: flex; justify-content: center;} .section-account-settings .newsletter .form-check-input:checked[type="checkbox"] {background-image: url("/img/check-icon.svg"); width: 20px; height: 20px; background-color: #ff8d09; } .section-account-settings .newsletter .form-check-input {border-color: #babcbe;width: 20px;height: 20px;margin: 0;border-radius: 0;} .section-account-settings .newsletter .form-check-input:checked {background-color: #ff8d09;} .section-account-settings .newsletter .name {font-size: 14px;color: #1a2026;font-family: "urbane"; font-weight: 600; padding-bottom: 10px; display: block;} .section-account-settings .newsletter .checkbox-box {display: flex; align-items: center; gap: 8px; } .section-account-settings .newsletter .checkbox-box span {font-size: 14px;color: #1a2026;font-family: "neue-haas-unica"} @media (max-width: 1200px) { .section-account.section-account-settings .background-left {display: block; width: 280px; left: 0px;} .section-account.section-account-settings .back-mobile {top: 34px;} .section-account-settings .billing-address .flex-nowrap {overflow-y: scroll;} .section-account-settings .personal-data .header h2 {font-size: 18px;} .section-account-settings .personal-data .input.short {width: 70%;} .section-account-settings .personal-data .footer .btn-primary {width: 100%;} .section-account-settings .change-password {margin-top: 20px;} .section-account-settings .change-password .header h2 {font-size: 18px;} .section-account-settings .change-password .content-password .img {display: none;} .section-account-settings .change-password .content-password p {text-align: center; margin: 0; padding: 0 80px;} .section-account-settings .change-password .content-password {height: 100%;} .section-account-settings .change-password .header {margin-bottom: 0px;} .section-account-settings .change-password .btn-primary {display: flex; align-items: center; justify-content: center;margin-bottom: 20px; } .section-account-settings h2 {margin-top: 50px; font-size: 18px;} .section-account-settings .newsletter .header h2 {font-size: 18px;} .section-account-settings .newsletter .checkbox-box {margin-bottom: 10px;} .section-account-settings .newsletter .btns {gap: 10px; margin-top: 20px;} .section-account-settings .newsletter .btns .btn-primary {height: 53px; width: 50%;} .section-account-settings .newsletter .btns .btn-log-out {height:53px; width: 50%;} } .side-panel-billing-address .side-wrap {padding: 30px;} .side-panel-billing-address .main-content h3 {font-size: 23px;font-family: "urbane";font-weight: 600;color: #1a2026;margin-top: 0px; margin-bottom: 20px;} .side-panel-billing-address .main-content label {font-size: 14px; color:#1a2026; font-weight: 400; font-family:"neue-haas-unica"; display: block;} .side-panel-billing-address .main-content form {border-bottom: 1px solid #e6e6e6; padding-bottom: 40px;} .side-panel-billing-address .main-content .btn-primary {width: 100%; margin-top: 15px; margin-bottom: 15px; font-size: 16px; display: block;} .side-panel-billing-address .main-content .delete-address-container {text-align: center;} .side-panel-billing-address .main-content .delete-address-container a {display: block; font-size: 14px;font-family: "neue-haas-unica"; font-weight: 400;} .side-panel-billing-address .main-content .delete-address-container a:hover {text-decoration: none;} .side-panel-billing-address .main-content .form-control {-webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 16px; height: 48px; border: 1px solid #babcbe; border-radius: 5px;} .side-panel-billing-address .main-content .checkbox-box span {font-size: 14px;color: #1a2026;font-family: "neue-haas-unica"; font-weight: 400;} .side-panel-billing-address .main-content select {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('../img/angle-down-icon.svg') no-repeat center right; height: 48px; background-position: right 13px top 13px, right 17px top 1em; border: 1px solid #babcbe; border-radius: 5px; width: 100%; margin-right: 5px; color: #1a2026; font-family: "neue-haas-unica"; padding-left: 10px;} .side-panel-billing-address .main-content select:disabled {background-color: #E2E2E2; border: 1px solid #babcbe;} .side-panel-billing-address .main-content .form-check-input {border-color: #707070; width: 20px; height: 20px; border-radius: 0; background: transparent;} .side-panel-billing-address .main-content .form-check-input:hover {border-color: #764b1a;} .side-panel-billing-address .main-content .input-box {amargin-bottom: 5px;} .side-panel-billing-address .main-content .btn-ares-wrap {display:flex; align-items:end; justify-content: start; height: 100%;} .side-panel-billing-address .main-content .btn-ares-wrap .btn-ares {border: 1px solid #babcbe; background-color: #f4f4f4; padding: 11px 15px; font-size: 14px; font-family:"urbane"; font-weight:600; color: #1a2026; border-radius: 5px; cursor: pointer; width: 100%;text-align: center;} .side-panel-delivary-address .side-wrap {padding: 30px;} .side-panel-delivary-address .main-content h3 {font-size: 23px;font-family: "urbane";font-weight: 600;color: #1a2026;margin-top: 0px; margin-bottom: 20px;} .side-panel-delivary-address .main-content label {font-size: 14px; color:#1a2026; font-weight: 400; font-family:"neue-haas-unica"; display: block;} .side-panel-delivary-address .main-content .btn-primary {width: 100%; margin-top: 15px; margin-bottom: 15px; font-size: 16px; display: block;} .side-panel-delivary-address .main-content .delete-address-container {text-align: center;} .side-panel-delivary-address .main-content .delete-address-container a {display: block; font-size: 14px;font-family: "neue-haas-unica"; font-weight: 400;} .side-panel-delivary-address .main-content .delete-address-container a:hover {text-decoration: none;} .side-panel-delivary-address .main-content .form-control {-webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 16px; height: 48px; border: 1px solid #babcbe; border-radius: 5px;} .side-panel-delivary-address .main-content .checkbox-box span {font-size: 14px;color: #1a2026;font-family: "neue-haas-unica"; font-weight: 400;} .side-panel-delivary-address .main-content select {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('../img/angle-down-icon.svg') no-repeat center right; height: 48px; background-position: right 13px top 13px, right 17px top 1em; border: 1px solid #babcbe; border-radius: 5px; width: 100%; margin-right: 5px; color: #1a2026; font-family: "neue-haas-unica"; padding-left: 10px;} .side-panel-delivary-address .main-content select:disabled {background-color: #E2E2E2; border: 1px solid #babcbe;} .side-panel-delivary-address .main-content .form-check-input {border-color: #707070; width: 20px; height: 20px; border-radius: 0; background: transparent;} .side-panel-delivary-address .main-content .form-check-input:hover {border-color: #764b1a;} .side-panel-delivary-address .main-content .input-box {amargin-bottom: 5px;} .side-panel-delivary-address .main-content textarea.form-control {height: auto; margin-bottom: 15px;} .side-panel-change-password .side-wrap {padding: 30px;} .side-panel-change-password .main-content h3 {font-size: 23px;font-family: "urbane";font-weight: 600;color: #1a2026;margin-top: 0px; margin-bottom: 20px;} .side-panel-change-password .main-content label {font-size: 14px; color:#1a2026; font-weight: 400; font-family:"neue-haas-unica"; display: block;} .side-panel-change-password .main-content .btn-primary {width: 100%; margin-top: 50px; margin-bottom: 20px; font-size: 16px; display: block;} .side-panel-change-password .main-content .forgot-password-container {text-align: center;} .side-panel-change-password .main-content .forgot-password-container a {display: block; font-size: 14px;font-family: "neue-haas-unica"; font-weight: 400;} .side-panel-change-password .main-content .forgot-password-container a:hover {text-decoration: none;} .side-panel-change-password .main-content .form-control {-webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 16px; height: 48px; border: 1px solid #babcbe; border-radius: 5px;} .side-panel-change-password .main-content .input-box {margin-bottom: 15px;} .side-panel-account-change-phone .side-wrap {padding: 30px;} .side-panel-account-change-phone .main-content h3 {font-size: 23px;font-family: "urbane";font-weight: 600;color: #1a2026;margin-top: 0px; margin-bottom: 20px;} .side-panel-account-change-phone .main-content label {font-size: 14px; color:#1a2026; font-weight: 400; font-family:"neue-haas-unica"; display: block;} .side-panel-account-change-phone .main-content .btn-primary {width: 100%; margin-top: 30px; font-size: 16px; display: block;} .side-panel-account-change-phone .main-content .form-control {-webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 16px; height: 48px; border: 1px solid #babcbe; border-radius: 5px;} .side-panel-account-question .side-wrap {padding: 30px;} .side-panel-account-question .main-content h3 {font-size: 23px;font-family: "urbane";font-weight: 600;color: #1a2026;margin-top: 0px; margin-bottom: 20px;} .side-panel-account-question .main-content label {font-size: 14px; color:#1a2026; font-weight: 400; font-family:"neue-haas-unica"; display: block;} .side-panel-account-question .main-content .btn-primary {width: 100%; margin-top: 30px; font-size: 16px; display: block;} .side-panel-account-question .main-content .form-control {-webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 16px; height: 48px; border: 1px solid #babcbe; border-radius: 5px;} .side-panel-account-question .main-content textarea.form-control {height: auto;} .side-panel-account-complaint .gap-step-complaint {margin-bottom: 60px;} .side-panel-account-complaint form {z-index: 9999;position: relative;} .side-panel-account-complaint .side-wrap {padding: 30px;} .side-panel-account-complaint .main-content h3 {font-size: 23px;font-family: "urbane";font-weight: 600;color: #1a2026;margin-top: 0px; margin-bottom: 20px;} .side-panel-account-complaint .main-content label {font-size: 14px; color:#1a2026; font-weight: 400; font-family:"neue-haas-unica"; display: block; } .side-panel-account-complaint .main-content .btn-primary {width: 100%; margin-top: 30px; font-size: 14px; display: flex; align-items: center; justify-content:center; color: #fff; font-size: 14px;font-family: "urbane";font-weight: 600; cursor: pointer;} .side-panel-account-complaint .main-content .radio input[type="radio"] {width: 0;height: 0; position: absolute;} .side-panel-account-complaint .main-content .radio label::before {top: 45%;} .side-panel-account-complaint .main-content .radio {padding-left: 12px; margin: 20px 0;} .side-panel-account-complaint .main-content .radio label::after {background-color: #ff8d09; top: 45%;} .side-panel-account-complaint .main-content span {font-size: 14px;font-family: "urbane";font-weight: 500;color: #1a2026} .side-panel-account-complaint .main-content .wrap {display: flex; gap: 30px;} .side-panel-account-complaint .main-content .wrap img {margin: 0; height: 70px;} .side-panel-account-complaint .main-content .wrap h4 {font-size: 14px;font-family: "urbane";font-weight: 600;color: #1a2026;margin-top: 0px; margin-bottom: 5px; line-height: 17px;} .side-panel-account-complaint .main-content .wrap span {display: block; font-size: 14px; color:#1a2026; font-weight: 400; font-family:"neue-haas-unica"; line-height: 19px;} .side-panel-account-complaint .count-wrap {display: flex;margin-left: 26%; margin-top: 10px; margin-bottom: 20px;} .side-panel-account-complaint .input-group {background: #fff;line-height: 30px; border: 1px solid #babcbe; border-radius: 5px; width: 100px;} .side-panel-account-complaint .input-group input {height: 30px;line-height: 30px;width: 30px;border: 0;text-align: right;color: #1a2026;font-size: 14px;background: none;box-shadow: none;padding: 0;} .side-panel-account-complaint .input-group .input-group-addon {color: #babcbe;background: none;border: 0;font-size: 18px;padding: 0 6px 0 6px;line-height: 30px;} .side-panel-account-complaint .input-group .input-group-addon a {color: #babcbe;text-decoration: none;} .side-panel-account-complaint .input-group .input-group-addon-text {font-size: 14px;padding: 0 8px 0 4px;line-height: 30px;display: inline-block; font-family:"urbane"; font-weight:500; color: #1a2026;} .side-panel-account-complaint .input-group .form-control::placeholder {color: #1a2026;} .side-panel-account-complaint .section-complaint-step-2 .previous-step {display: flex; align-items: center; gap: 5px; margin-bottom: 10px; cursor: pointer;} .side-panel-account-complaint .section-complaint-step-2 .previous-step img {position: relative;filter: invert(65%) sepia(40%) saturate(3330%) hue-rotate(349deg) brightness(98%) contrast(111%); rotate: 180deg; margin: 0;} .side-panel-account-complaint .section-complaint-step-2 .previous-step span {font-size: 14px;font-family: "urbane";font-weight: 600; color: #FB8d29;} .side-panel-account-complaint .section-complaint-step-2 .wrap {margin-bottom: 20px;} .side-panel-account-complaint .section-complaint-step-2 .checkbox-wrap {margin-top: 10px;margin-bottom: 25px;} .side-panel-account-complaint .section-complaint-step-2 .checkbox-box {margin-bottom: 10px; display: flex; gap: 10px;} .side-panel-account-complaint .section-complaint-step-2 label {font-size: 16px; color:#1a2026; font-weight: 400; font-family:"neue-haas-unica";} .side-panel-account-complaint .section-complaint-step-2 .form-check-input {border-color: #000; width: 20px; height: 20px; border-radius: 0; background: transparent;} .side-panel-account-complaint .section-complaint-step-2 .form-check-input:checked[type="checkbox"] {background-image: url("/img/check-icon.svg"); width: 20px; height: 20px; background-color: #ff8d09; } .side-panel-account-complaint .section-complaint-step-2 .form-check-input:checked {background-color: #ff8d09;} .side-panel-account-complaint .section-complaint-step-2 select {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('../img/angle-down-icon.svg') no-repeat center right; height: 48px; background-position: right 13px top 13px, right 17px top 1em; border-radius: 5px; width: 100%; margin-right: 5px; color: #1a2026; font-family: "urbane"; padding-left: 10px; font-size: 14px; background-color: #f2f3f4; border: 0; } .side-panel-account-complaint .section-complaint-step-2 textarea.form-control {-webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 16px; height: 48px; border: 1px solid #babcbe; border-radius: 5px;} .side-panel-account-complaint .section-complaint-step-2 textarea.form-control {height: auto;} .side-panel-account-complaint .main-content .section-complaint-step-3 h3 {border-bottom: 1px solid #e6e6e6; margin-bottom: 0px; padding-bottom: 20px; width: 100%;} .side-panel-account-complaint .main-content .section-complaint-step-3 .complaint-state {margin-top: 20px; margin-bottom: 30px; display:flex; gap: 10px; } .side-panel-account-complaint .main-content .section-complaint-step-3 .complaint-state span {font-size: 20px;font-family: "urbane";font-weight: 600;color: #1a2026;} .side-panel-account-complaint .main-content .section-complaint-step-3 .complaint-state img {height: 22px; margin: 0;} .side-panel-account-complaint .main-content .section-complaint-step-3 .next-steps {margin: 20px 0;} .side-panel-account-complaint .main-content .section-complaint-step-3 .next-steps .step {margin-bottom: 10px; display: flex; gap: 30px; align-items: start;} .side-panel-account-complaint .main-content .section-complaint-step-3 .next-steps .step .number {height: 30px; width: 30px; border-radius: 100%; display: flex; align-items:center; justify-content: center; background-color: #ff8d09; color: #fff;font-size: 14px;font-family: "urbane";font-weight: 600; flex: 0 0 30px; } .side-panel-account-complaint .main-content .section-complaint-step-3 .next-steps .step .description {font-size: 16px; color:#1a2026; font-weight: 500; font-family:"neue-haas-unica"; line-height: 24px;} .side-panel-account-complaint .main-content .section-complaint-step-3 .next-steps .step .description strong {font-weight: 700; color:#1a2026;} .side-panel-account-complaint .main-content .section-complaint-step-3 .next-steps .step .description a {color:#1a2026; } .side-panel-account-complaint .main-content .section-complaint-step-3 .next-steps .step .description .address {margin: 10px 0; display: block;} .side-panel-account-complaint .main-content .section-complaint-step-3 .btn-primary {font-size: 16px;} .side-panel-account-complaint .main-content .section-complaint-step-3 .btn-primary.back {font-size: 14px; border: 1px solid #babcbe; background: transparent; background-color: transparent; margin-top: 15px; color: #1a2026;} .section-blog {} .section-blog .container {position: relative;} .section-blog .background-left {position: absolute; left: 0px; top: -115px; margin: 0; z-index: -1;} .section-blog .background-right {position: absolute; right: 0px; top: -115px; margin: 0; z-index: -1;} .section-blog h1 {font-family:"urbane"; font-size: 50px; font-weight: 600; line-height: 60px; text-align: center; margin: 50px 0 30px 0;} .section-blog .header-filter-blog {padding-bottom: 10px; border-bottom: 1px solid #3b4046;} .section-blog .header-filter-blog .filter-blog {display: flex;gap: 15px;justify-content: center; margin: 0;} .section-blog .header-filter-blog .filter-blog div {cursor: pointer;} .section-blog .header-filter-blog .filter-blog input[type="checkbox"] {visibility: hidden;} .section-blog .header-filter-blog .filter-blog label {font-family:"neue-haas-unica"; font-weight: 400; color: #babcbe; font-size: 18px; cursor: pointer;} .section-blog .header-filter-blog .filter-blog .blog-checked label {color: #fff; text-underline-offset: 14px; text-decoration-color: #ff8d09; text-decoration-line: underline; text-decoration-thickness: 2px;} .section-blog .items-blog {margin-top: 35px; overflow: hidden;} .section-blog .items-blog img {margin: 0;} .section-blog .items-blog .img-wrap.main-blog-img {height: 100%;display: block;margin-bottom: 45px;} .section-blog .items-blog .img-wrap.main-blog-img img {height: 400px; width: 100%; } .section-blog .items-blog .img-wrap.main-blog-img .gray-background {display: none;} .section-blog .items-blog .main-blog {margin-left: 40px; display: block;} .section-blog .items-blog h3 a {font-family:"urbane"; font-size: 28px; font-weight: 600; color: #f2f3f4; line-height: 36px; text-decoration: none;} .section-blog .items-blog h3 a:hover {text-decoration: underline;} .section-blog .items-blog .info {display: flex; gap: 14px; margin: 25px 0;} .section-blog .items-blog .info .author {color: #fff; font-family:"neue-haas-unica"; font-weight: 400; font-size: 14px; display: flex; gap: 10px; align-items: center;} .section-blog .items-blog .info .author img {height: 24px; width: 24px;} .section-blog .items-blog .info .time {font-family:"neue-haas-unica"; font-weight: 400; color: #babcbe; font-size: 14px; display: list-item;list-style-position: inside;} .section-blog .items-blog .info .tag-date {font-family:"neue-haas-unica"; font-weight: 400; color: #babcbe; font-size: 14px; display: list-item;list-style-position: inside;} .section-blog .items-blog .perex {margin: 10px 0; font-family:"neue-haas-unica"; font-weight: 400; color: #babcbe; font-size: 18px; line-height: 26px;} .section-blog .items-blog .footer {display: flex; justify-content: space-between;margin-top: 30px; align-items: center;} .section-blog .items-blog .footer a {font-family:"urbane"; font-size: 14px; font-weight: 600; color: #f2f3f4; line-height: 17px; text-decoration: underline; text-underline-offset: 3px;} .section-blog .items-blog .footer a:hover {text-decoration: none;} .section-blog .items-blog .footer .icons {display: flex; gap: 15px;} .section-blog .items-blog .footer .icons .icon {cursor: pointer;} .section-blog .items-blog .footer .icons .count-read {display: none;} .section-blog .items-blog .tags-box span {padding: 3px 7px;border-radius: 5px;line-height: 15px;} .section-blog .items-blog .item {margin-bottom: 50px;} .section-blog .items-blog .item .img-wrap {position: relative;display: block;} .section-blog .items-blog .item .img-wrap .gray-background {position: absolute; bottom: 0px; right: 0; background-image: url("../img/gray-background-3.png"); width:250px; height: 140px; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 2; } .section-blog .items-blog .item .img-wrap .tags-box {position: absolute; z-index: 2; top: 10px; left: 10px; } .section-blog .items-blog .item h3 {margin-bottom: 5px;} .section-blog .items-blog .item h3 a {font-size: 20px;} .section-blog .items-blog .item .perex {font-size: 14px;} .section-blog .items-blog .item .read {font-family:"neue-haas-unica"; font-weight: 400; color: #babcbe; font-size: 14px; line-height: 22px;} .section-blog .items-blog .item .info {margin-top: 0px;} .section-blog .items-blog .item {position: relative;} .section-blog .items-blog .item:after {content: '';width: 1px;height: 100%;position: absolute;border: 1px solid #374048;right: -13px; bottom: 0; overflow: visible; z-index: 2;} .section-blog .items-blog .footer {margin-top: 25px;} .section-blog .pagination-items {display: flex; justify-content: end;} .section-blog .pagination-items ul li::before {display: none;} @media (max-width: 1200px) { .section-blog .background-left {display: none;} .section-blog .background-right {display: none;} .section-blog h1 {font-family:"urbane"; font-size: 24px; font-weight: 600; line-height: 36px; text-align: center;margin: 20px 0 20px 0;} .section-blog .header-filter-blog {border: 0;padding: 0} .section-blog .header-filter-blog .filter-blog {overflow-x: scroll; gap: 5px; justify-content: start; padding-bottom: 15px;} .section-blog .header-filter-blog .filter-blog .blog-checked label {text-decoration: none; background-color: #fff; color: #1a2026;} .section-blog .header-filter-blog .filter-blog label {font-family: "urbane";font-weight: 500;color: #babcbe;font-size: 14px;height: 17px;background-color: #374048;padding: 15px 12px 15px 12px;display: flex;align-items: center;border-radius: 3px;} .section-blog .header-filter-blog .filter-blog input[type="checkbox"] {display: none;} .section-blog .items-blog {margin-top: 15px;} .section-blog .items-blog .img-wrap.main-blog-img .gray-background {position: absolute; bottom: 0px; right: 0; background-image: url("../img/gray-background-3.png"); width:250px; height: 140px; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 2; display: block;} .section-blog .items-blog .img-wrap.main-blog-img img {height: auto;} .section-blog .items-blog .img-wrap.main-blog-img {margin: 0; position: relative; } .section-blog .items-blog .main-blog {margin: 0;} .section-blog .items-blog h3 a {font-size: 20px; line-height: 26px;} .section-blog .items-blog .info .author {font-size: 13px;} .section-blog .items-blog .info .time {font-size: 13px;} .section-blog .items-blog .info .tag-date {font-size: 13px;} .section-blog .items-blog .perex p {margin: 0;} .section-blog .items-blog .perex {font-size: 14px;line-height: 20px;} .section-blog .items-blog .main-blog .perex {font-size: 14px;line-height: 20px;} .section-blog .items-blog .info {margin: 10px 0;} .section-blog .items-blog .footer {margin-top: 15px;} .section-blog .items-blog .footer a {font-size: 13px;} .section-blog .items-blog .footer .icons .count-read {display: block; font-family:"neue-haas-unica"; font-weight: 400; color: #babcbe; font-size: 13px;} .section-blog .items-blog .footer .icons .icon {display: none;} .section-blog .items-blog .item {margin: 0; padding: 20px 0; border-bottom: 1px solid #3b4046;} .section-blog .items-blog .main-blog {margin: 0; padding: 20px 0; border-bottom: 1px solid #3b4046;} .section-blog .items-blog .tags-box span {font-size: 13px;} .section-blog .items-blog h3 {margin-top: 5px;} } .section-blog-detail {} .section-blog-detail .container {position: relative;} .section-blog-detail .background-left {position: absolute; left: 10px; top: 0px; margin: 0; z-index: -1;} .section-blog-detail .background-right {position: absolute; right: 10px; top: 0px; margin: 0; z-index: -1;} .section-blog-detail h1 {margin: 0; padding-top: 35px; padding-bottom: 20px; font-family:"urbane"; font-size: 50px; font-weight: 600; line-height: 60px; text-align: center;} .section-blog-detail .perex {font-family:"neue-haas-unica"; font-weight: 400; color: #fff; font-size: 21px; display: flex; justify-content: center; line-height: 32px; margin-bottom: 20px;} .section-blog-detail .perex p {margin: 0; text-align: center; width: 50%;} .section-blog-detail .img-wrap img {width: 100%;} .section-blog-detail .header-blog {display: flex; justify-content: center; margin: 40px 0;} .section-blog-detail .header-blog .content-blog-header {display: flex; width: 80%;} .section-blog-detail .header-blog .content-blog-header .item + .item {border-left: 1px solid #7e7e7e;} .section-blog-detail .header-blog .name {font-family:"urbane"; font-size: 20px; font-weight: 600; margin-bottom: 20px; display: block; width: fit-content;} .section-blog-detail .header-blog .blog-author-mobile {display:none;} .section-blog-detail .header-blog .blog-author {display: flex; gap: 35px; padding-right: 60px;} .section-blog-detail .header-blog .blog-author .author img {margin: 0;} .section-blog-detail .header-blog .blog-author .info .tags-box {gap: 15px; margin-bottom: 15px;} .section-blog-detail .header-blog .blog-author .info .tags-box span {padding: 3px 7px;border-radius: 5px; line-height: 15px;} .section-blog-detail .header-blog .blog-author .info .tags-box .orange {color: #ff8d09; } .section-blog-detail .header-blog .blog-author .info .name-author {display: block; font-family:"urbane"; font-size: 20px; font-weight: 600; margin-bottom: 10px;} .section-blog-detail .header-blog .blog-author .info .time {margin-bottom: 3px; display: block; color: #babcbe; font-family:"neue-haas-unica"; font-weight: 400; font-size: 14px;} .section-blog-detail .header-blog .blog-author .info .save {display: flex; align-items: center; gap: 15px; margin-top: 15px;} .section-blog-detail .header-blog .blog-author .info .save img {margin:0; height: 19px} .section-blog-detail .header-blog .blog-author .info .save span {font-family:"neue-haas-unica"; font-weight: 400; font-size: 19px;} .section-blog-detail .header-blog .blog-author .info .save span:hover {text-decoration: underline; cursor: pointer;} .section-blog-detail .header-blog .blog-keywords {padding: 0 60px; width: 300px;} .section-blog-detail .header-blog .blog-keywords .tags {display: flex; flex-wrap: wrap; gap: 20px; line-height: 15px; } .section-blog-detail .header-blog .blog-keywords .tags span {font-family:"neue-haas-unica"; font-weight: 400; font-size: 14px; color: #babcbe; } .section-blog-detail .header-blog .follow {padding: 0 60px;} .section-blog-detail .header-blog .follow .icons {display: flex;justify-content: center;align-items: center;gap: 30px;} .section-blog-detail .header-blog .follow .icons .background-icon {text-align: center;background-color: #ff8d09;padding: 0px;border-radius: 100%;height: 44px;width: 44px;display: flex;align-items: center;justify-content: center;} .section-blog-detail .header-blog .follow .icons .background-icon img {margin: 0;} .section-blog-detail .header-blog .follow .icons .background-icon.facebook img {height: 18px;} .section-blog-detail .header-blog .share {padding: 0 60px;} .section-blog-detail .header-blog .share .icons .icon a {display: flex;align-items: center;gap: 10px; margin-bottom: 15px; text-decoration: none; font-family:"neue-haas-unica"; font-weight: 400; font-size: 20px; color: #babcbe;} .section-blog-detail .header-blog .share .icons .icon a:hover {text-decoration: underline;} .section-blog-detail .header-blog .share .icons .icon span {} .section-blog-detail .header-blog .share .icons .icon img {margin: 0;} @media (max-width: 1200px) { .section-blog-detail .background-left {display: none;} .section-blog-detail .background-right {display: none;} .section-blog-detail .header-blog {margin-top: 5px;margin-bottom: 20px;justify-content: start;} .section-blog-detail .header-blog .blog-keywords {display: none;} .section-blog-detail .header-blog .follow {display: none;} .section-blog-detail .header-blog .share {display: none;} .section-blog-detail .header-blog .blog-author {display: none;} .section-blog-detail .header-blog .content-blog-header .item + .item {border: 0;} .section-blog-detail h1 {font-size: 24px;line-height: 36px; padding-top: 20px; padding-bottom: 10px;} .section-blog-detail .perex p {width: 100%;} .section-blog-detail .perex {font-size: 16px;line-height: 24px; margin-bottom: 10px;} .section-blog-detail .img-wrap img {height: 155px} .section-blog-detail .header-blog .content-blog-header {width: 100%;} .section-blog-detail .blog-author-mobile {display: block;} .section-blog-detail .blog-author-mobile .tags-box {gap: 5px; margin-bottom: 0px;} .section-blog-detail .blog-author-mobile .tags-box span {padding: 3px 7px;border-radius: 5px; line-height: 15px; font-size: 13px;} .section-blog-detail .blog-author-mobile .tags-box .orange {color: #ff8d09; } .section-blog-detail .blog-author-mobile .header-blog-author {display: flex; gap: 15px; align-items: center; margin-bottom: 10px;} .section-blog-detail .blog-author-mobile .header-blog-author .time {display: block; color: #babcbe; font-family:"neue-haas-unica"; font-weight: 400; font-size: 14px;} .section-blog-detail .blog-author-mobile .author {display: flex; gap: 15px; align-items: center; margin-bottom: 15px;} .section-blog-detail .blog-author-mobile .author img {margin: 0; height: 45px; width: 45px;} .section-blog-detail .blog-author-mobile .author .name-author {display: block; font-family:"urbane"; font-size: 20px; font-weight: 600; } .section-blog-detail .blog-author-mobile .author .time {display: block; color: #babcbe; font-family:"neue-haas-unica"; font-weight: 400; font-size: 14px; margin-left: 10px;} .section-blog-detail .blog-author-mobile .icons {display: flex; gap: 30px; align-items: center; margin-bottom: 0px;} .section-blog-detail .blog-author-mobile .icons .icon {display: flex; gap: 10px; align-items: center; margin-bottom: 20px;} .section-blog-detail .blog-author-mobile .icons .icon img {height: 19px; margin: 0;} .section-blog-detail .blog-author-mobile .icons .icon span {font-family:"neue-haas-unica"; font-weight: 400; font-size: 14px;} .section-blog-detail .blog-author-mobile .icons .icon span:hover {text-decoration: underline; cursor: pointer;} } .section-career {} .section-career .text-wrap {display: flex; justify-content: center;} .section-career .text-wrap .text {width: 70%;} .section-career .text-wrap .text h1 {margin: 0; padding-top: 35px;font-family:"urbane"; font-size: 50px; font-weight: 600; line-height: 60px; text-align: center;} .section-career .text-wrap .text p {font-family:"neue-haas-unica"; font-weight: 400; color: #fff; font-size: 21px; line-height: 32px; margin: 15px 0 30px 0; text-align: center;} .section-career .section-search-employee {} .section-career .section-search-employee h2 {margin: 0; padding-bottom: 20px;font-family:"urbane"; font-size: 40px; font-weight: 600; line-height: 60px; text-align: center; color: #fff;} .section-career .section-search-employee .item {border: 1px solid #fff; padding: 30px;} .section-career .section-search-employee .item .header {display: flex; gap: 20px; margin-bottom: 10px; justify-content: center;} .section-career .section-search-employee .item .header .icon {text-align: center;background-color: #dcff4a;padding: 0px;border-radius: 100%;height: 42px;width: 42px;display: flex;align-items: center;justify-content: center;} .section-career .section-search-employee .item .header .icon.marketing {background-color: #0cd6c6;} .section-career .section-search-employee .item .header .position {display: flex; flex-direction: column; align-items: center; gap: 2px;} .section-career .section-search-employee .item .header .position .name {margin: 0; font-family:"urbane"; font-size: 30px; font-weight: 600; line-height: 36px; text-align: center;} .section-career .section-search-employee .item .header .position .section {margin: 0; font-family:"urbane"; font-size: 20px; font-weight: 600; line-height: 24px; text-align: center; color: #bcbcbc; } .section-career .section-search-employee .item p {font-family:"neue-haas-unica"; font-weight: 400; color: #fff; font-size: 18px; line-height: 26px; color: #babcbe;} .section-career .section-search-employee .item .btn-wrap {display: flex; justify-content: center; align-items: center; margin-top: 50px;} .section-career .section-search-employee .item .btn-primary {text-decoration: none; display: block; height: 48px; width: fit-content; display: flex; justify-content: center; align-items: center;} .section-career .section-employee-benefits {} .section-career .section-employee-benefits h2 {margin: 0; padding-bottom: 0px;font-family:"urbane"; font-size: 40px; font-weight: 600; line-height: 60px; text-align: center; color: #fff;} .section-career .section-employee-benefits .benefits-row {display: flex; justify-content: center; flex-wrap:wrap;} .section-career .section-employee-benefits .benefits-row .benefit-box {padding: 0px; text-align: center; flex:15%;} .section-career .section-employee-benefits .benefits-row .benefit-box .text-box {} .section-career .section-employee-benefits .benefits-row .benefit-box .text-box h3 {left: 50%; transform: translateX(-50%); position: relative; font-size: 18px; font-weight: 600; font-family:"urbane"; color:#fff; margin:0;} .section-employee-members h2 {margin: 0; padding-bottom: 40px;font-family:"urbane"; font-size: 40px; font-weight: 600; line-height: 60px; text-align: center; color: #fff;} .section-employee-members .img-wrap {position: relative;} .section-employee-members .img-wrap img {margin: 0; border-radius: 5px; width: 100%;} .section-employee-members .img-wrap .background {position: absolute; bottom: 0px; background-image: url("../img/orange-background-banner.png"); width:230px; height: 155px; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 2; } .section-employee-members h3 {margin: 0; font-family:"urbane"; font-size: 25px; font-weight: 600; line-height: 32px; color: #ff8d09; margin-top: 30px;} .section-employee-members .position {font-family:"neue-haas-unica"; font-weight: 400; color: #fff; font-size: 16px; line-height: 23px; color: #babcbe;} .section-employee-members .description {font-family:"neue-haas-unica"; font-weight: 400; color: #fff; font-size: 14px; line-height: 22px; color: #babcbe; width: 95%;} .section-form-employee .text p {color: #babcbe; font-family:"neue-haas-unica"; font-weight: 400; font-size: 21px; line-height: 32px;} .section-form-employee .form {padding: 40px;background-color: #fff;height: 100%;} .section-form-employee .form h3 {margin: 0; font-family:"urbane"; font-size: 28px; font-weight: 600; line-height: 36px; color: #ff8d09;} .section-form-employee .form p {font-family:"neue-haas-unica"; font-weight: 400; font-size: 18px; line-height: 26px; color: #7a7d81; margin: 0; margin-bottom: 50px;} .section-form-employee .form .form-control {border: 1px solid #babcbe; margin-bottom: 5px; color: #babcbe;font-size: 16px; font-weight: 400; font-family:"neue-haas-unica"; border-radius: 5px; height: 48px; color: #1a2026;} .section-form-employee .form .control-label {color: #1a2026;font-size: 14px; font-weight: 400; font-family:"neue-haas-unica";} .section-form-employee .form .textarea {color:#1a2026; height: auto; padding: 15px;} .section-form-employee .form input[type="file"] {display: none;} .section-form-employee .form span {color: #1a2026;font-size: 14px; font-weight: 400; font-family:"neue-haas-unica";} .section-form-employee .form .custom-file-input {border: 1px solid #1d1d1d; margin-bottom: 5px; color: #1d1d1d;font-size: 16px; font-weight: 400; font-family:"neue-haas-unica"; border-radius: 5px; height: 48px; color: #1a2026; background: url('../img/icon-upload.svg') no-repeat center right; background-position: right 17px top 13px, right 17px top 1em; display: flex; align-items: center; width: 100%; cursor: pointer; padding-left: 20px;} .section-form-employee .form textarea::placeholder {color: #babcbe;} .section-form-employee .form .footer-form {display: flex; align-items: center; justify-content: space-between; margin-top: 10px;} .section-form-employee .form .footer-form .form-check-input {height: 20px; width: 20px; border-color: #babcbe; border-radius: 0;} .section-form-employee .form .footer-form .btn-primary {height: 48px; display: flex; align-items:center; justify-content: center; font-size: 14px } .section-form-employee .form .footer-form .checkbox-box {display: flex; align-items:center; gap: 10px;} .section-form-employee .form .footer-form .checkbox-box p {margin: 0; color: #1a2026;font-size: 14px; font-weight: 400; font-family:"neue-haas-unica";} .section-form-employee .form .footer-form .checkbox-box a {margin: 0; color: #1a2026;font-size: 14px; font-weight: 400; font-family:"neue-haas-unica";} .section-form-employee .form .footer-form .text-mobile {display: none;} @media (max-width: 1200px) { .section-career .text-wrap .text {width: 100%;} .section-career .text-wrap .text h1 {margin: 0; padding-top: 20px;font-family:"urbane"; font-size: 24px; font-weight: 600; line-height: 36px; text-align: center;} .section-career .text-wrap .text p {font-size: 16px; line-height: 32px; margin: 10px 0 20px 0;} .section-career .section-search-employee h2 {font-size: 24px; line-height: 36px; text-align: start;} .section-career .section-search-employee .item {margin-bottom: 20px;} .section-career .section-search-employee .item .header {justify-content: start;} .section-career .section-search-employee .item .header .position {align-items: start;} .section-career .section-search-employee .item .header .icon {height: 46px; width: 46px;} .section-career .section-search-employee .item .header .position .name {font-size: 18px; line-height: 21px;} .section-career .section-search-employee .item .header .position .section {font-size: 16px; line-height: 19px;} .section-career .section-search-employee .item p {font-size: 14px;} .section-career .section-search-employee .item .btn-wrap {margin-top: 20px; } .section-career .section-search-employee .item .btn-primary {font-size: 12px;} .section-career .section-employee-benefits h2 {font-size: 24px; line-height: 36px; text-align: start;} .section-career .section-employee-benefits .benefits-row .benefit-box .text-box h3 {font-size: 14px; line-height: 17px;} .section-career .section-employee-benefits .benefits-row {margin-bottom: 40px;} .section-employee-members h2 {font-size: 24px; line-height: 36px; text-align: start;} .section-employee-members h3 {font-size: 16px; font-weight: 600; line-height: 17px; margin-top: 20px;} .section-employee-members .position {font-size: 12px; line-height: 11px;} .section-employee-members .description {font-size: 12px; line-height: 22px;} .section-form-employee .form {padding: 20px 10px;} .section-form-employee .form p {margin-bottom: 15px;} .section-form-employee .form textarea::placeholder {font-size: 14px;} .section-form-employee .form .custom-file-input {font-size: 12px;} .section-form-employee .form .footer-form {flex-direction: column-reverse; align-items: start;} .section-form-employee .form .footer-form .btn-wrap {width: 100%;} .section-form-employee .form .footer-form .btn-primary {width: 100%; } .section-form-employee .form .footer-form .form-check-input {display: none;} .section-form-employee .form .footer-form .checkbox-box {align-items: start;} .section-form-employee .form .footer-form p {display: none;} .section-form-employee .form .footer-form .text-mobile {display: block;} } .section-career-detail {} .section-career-detail .container {position: relative;} .section-career-detail .background-left {position: absolute; left: 10px; top: 0px; margin: 0; z-index: -1;} .section-career-detail .background-right {position: absolute; right: 10px; top: 0px; margin: 0; z-index: -1;} .section-career-detail h1 {margin: 0; padding-top: 35px; padding-bottom: 20px; font-family:"urbane"; font-size: 50px; font-weight: 600; line-height: 60px; text-align: center;} .section-career-detail .description {font-family:"neue-haas-unica"; font-weight: 400; color: #fff; font-size: 21px; display: flex; justify-content: center; line-height: 32px; margin-bottom: 20px;} .section-career-detail .description p {margin: 0; text-align: center; width: 50%;} .section-career-detail .img-wrap img {width: 100%;} .section-career-detail ul {text-indent:-20px; margin-left:20px;} .section-career-detail h2 {color:#fff; font-family:"urbane"; font-size: 28px; font-weight: 600; line-height: 36px; } .section-career-detail h2:first-child {margin-top: 10px;} .section-career-detail .content ul li {font-family:"neue-haas-unica"; font-weight: 400; color: #babcbe; font-size: 18px; line-height: 26px;} .section-career-detail span {font-family:"neue-haas-unica"; font-weight: 400; color: #babcbe; font-size: 18px; line-height: 26px;} .section-career-detail .info {margin-bottom: 30px;} .section-career-detail .info h2 {margin-bottom: 5px;} .section-career-detail .info span {display: block;} .section-career-detail .info .contact {display: flex; gap: 30px; align-items: center; } .section-career-detail .info .contact span {font-size: 14px; } .section-career-detail .info .contact .about .name {color:#fff; font-family:"urbane"; font-size: 20px; font-weight: 600; line-height: 26px;} .section-career-detail .keywords {width: 300px;} .section-career-detail .keywords .tags {display: flex; flex-wrap: wrap;line-height: 15px; } .section-career-detail .keywords .tags span {font-family:"neue-haas-unica"; font-weight: 400; font-size: 14px; color: #babcbe; margin-right: 20px;} .section-career-detail .icons .icon {margin-bottom: 10px;} .section-career-detail .icons .icon img {margin: 0;} .section-career-detail .icons .icon a {border:0; text-decoration: none; color: #babcbe; display: flex; gap: 10px; align-items: center;} .section-career-detail .icons .icon a:hover {text-decoration: underline;} .section-career-detail .section-form-employee {margin-top: 60px;} .section-career-detail .icons .icon.icon-mobile {display: none;} @media (max-width: 1200px) { .section-career-detail .background-left {display: none;} .section-career-detail .background-right {display: none;} .section-career-detail h1 {font-size: 24px;line-height: 36px; padding-top: 20px; padding-bottom: 10px;} .section-career-detail .description p {width: 100%;} .section-career-detail .description {font-size: 16px;line-height: 32px; margin-bottom: 10px;} .section-career-detail .img-wrap img {height: 155px} .section-career-detail h2 {font-size: 24px;} .section-career-detail .content ul li {font-size: 16px;} .section-career-detail span {font-size: 16px;} .section-career-detail .icons .icon {display: none;} .section-career-detail .icons .icon.icon-mobile {display: block;} .section-career-detail .icons .icon.icon-mobile span {font-size: 18px; color: #fff;} .section-career-detail .section-form-employee {margin-top: 0px;} } .section-exchange {padding-bottom: 60px;} .section-exchange .container {position: relative;} .section-exchange .background-left {position: absolute; left: 10px; top: 0px; margin: 0; z-index: -1;} .section-exchange .background-right {position: absolute; right: 10px; top: 0px; margin: 0; z-index: -1;} .section-exchange h1 {margin: 0; padding-top: 50px; padding-bottom: 70px; font-family:"urbane"; font-size: 40px; font-weight: 600; line-height: 36px; text-align: center;} .section-exchange .form-container {background-color: #374048; border-radius: 5px; padding: 40px 100px 20px 100px; margin-left: 140px; margin-right: 40px; position: relative;} .section-exchange .form-container::after {content: ''; height: 100%; width: 1px; border-right: 1px solid #374048; right: -52px; position: absolute; top: 0; } .section-exchange .form-container .title-container {display:flex; justify-content: center;} .section-exchange .form-container .title-container h2 {padding-bottom: 20px; font-family:"urbane"; font-size: 28px; font-weight: 600; line-height: 36px; color: #fff; margin: 0; width: 73%;} .section-exchange .form-container .form-control {-webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 16px; height: 48px; border-radius: 5px; margin-bottom: 10px;} .section-exchange .form-container ::placeholder {color: #babcbe; font-family:"neue-haas-unica"; font-size: 16px; font-weight: 400;} .section-exchange .form-container .form-group {display: flex; justify-content: center;} .section-exchange .form-container .btn-primary {font-family:"urbane"; font-size: 16px; font-weight: 600; line-height: 19px; text-align: center; width: 100%;} .section-exchange .form-container .or-box {display: flex; align-items: center; margin-top: 30px; margin-bottom: 15px;} .section-exchange .form-container .or-box span {margin: 0 6px; padding: 0; color: #babcbe; font-family:"neue-haas-unica"; font-size: 14px; font-weight: 400; line-height: 20px;} .section-exchange .form-container .or-box .line {display: inline-block; width: 100%; border-top: 0.2px solid #e6e6e6;} .section-exchange .form-container p {color: #fff; font-family:"neue-haas-unica"; font-size: 14px; font-weight: 700; text-align: center;} .section-exchange .form-container a {font-family:"neue-haas-unica"; font-size: 14px; font-weight: 400;} .section-exchange .contact {color: #fff; font-family:"neue-haas-unica"; font-size: 14px; font-weight: 700; text-align: center; margin-left: 140px;margin-right: 50px; padding-top: 0px; margin-top: 30px;} .section-exchange .text-container {padding-left: 45px;} .section-exchange .text-container .text {padding: 70px 0; padding-left: 45px; padding-bottom: 0;} .section-exchange .text-container p {font-family:"neue-haas-unica"; font-size: 18px; font-weight: 400; line-height: 26px; margin: 0;} .section-exchange .text-container p strong {font-weight: 700; padding-bottom: 10px; display: block;} .section-exchange .text-container .benefits {margin-top: 60px;} .section-exchange .text-container .benefits .benefit {margin-bottom: 25px; display: flex; gap: 20px; align-items: center;} .section-exchange .text-container .benefits .benefit .img-wrap {flex-basis: 50px;flex-grow: 0;display: flex;justify-content: center;} .section-exchange .text-container .benefits .benefit img {margin: 0;} .section-exchange .text-container .benefits .benefit p {font-family:"neue-haas-unica"; font-size: 16px; font-weight: 400; line-height: 24px;} @media (max-width: 1400px) { .section-exchange .form-container {padding: 40px 60px;} } @media (max-width: 1200px) { .section-exchange .background-left {left: 0px; width: 250px; } .section-exchange .background-right {display:none;} .section-exchange .form-container {padding: 25px 20px;} .section-exchange h1 {font-size: 20px; padding-bottom: 40px; padding-top: 30px;} .section-exchange .form-container {margin: 0; height: auto;} .section-exchange .form-container .title-container h2 {font-size: 20px; line-height: 26px; width: 100%; text-align: center;} .section-exchange .form-container ::placeholder {color: #7a7d81;} .section-exchange .form-container .or-box {margin-top: 20px;} .section-exchange .form-container p {margin-bottom: 0;} .section-exchange .contact {margin-left: 20px; margin-right: 40px;; margin-top: 40px; margin-bottom: 40px; line-height: 18px; padding-top: 0px;} .section-exchange .text-container {padding: 0; border: 0;} .section-exchange .text-container .text {padding: 0; padding-left: 0px;} .section-exchange .text-container p {text-align: center;} .section-exchange .text-container p strong {text-align: center; line-height: 36px} .section-exchange .text-container .benefits {margin-top: 40px;} .section-exchange .text-container .benefits .benefit p {text-align: left; color: #fff;} } .section-exchange-login .order-items {background-color: #374048; border-radius: 5px; padding: 20px; margin-left: 140px; margin-right: 40px; } .section-exchange-login .order-items .header .title {font-family:"neue-haas-unica"; font-size: 12px; font-weight: 400; display: block; line-height: 26px; color: #babcbe;} .section-exchange-login .order-items .header .info-level {display:flex; gap: 5px;} .section-exchange-login .order-items .header .info-level .logo-level {border-radius: 100%; height: 33px; width: 33px; display: flex; align-items: center; justify-content: center; background-color: #c78053;} .section-exchange-login .order-items .header .info-level .logo-level img {margin: 0px;} .section-exchange-login .order-items .header .info-level .name {display: flex; flex-direction: column; gap: 0px;} .section-exchange-login .order-items .header .info-level .name .user-name {color: #fff; font-size: 20px; font-weight: 600; padding: 0; margin: 0; font-family:"urbane"; line-height: 26px;} .section-exchange-login .order-items .header .info-level .name .level {color: #c78053; font-size: 11px; font-weight: 600; padding: 0; margin: 0; font-family:"urbane"; line-height: 13px;} .section-exchange-login .order-items .item {border-bottom: 1px solid #e6e6e6; padding-bottom: 20px; } .section-exchange-login .order-items .item h2 {color: #fb8d29; font-size: 16px; font-weight: 600; padding: 0; margin: 0; font-family:"urbane"; line-height: 17px; margin-top: 20px; margin-bottom: 10px;} .section-exchange-login .order-items .item .content-wrap {display:flex; justify-content: space-between; align-items: end;} .section-exchange-login .order-items .item .content-wrap .images {display: flex; gap: 10px; position: relative; background-color: #fff; padding: 10px; border-radius: 5px;} .section-exchange-login .order-items .item .content-wrap .images:after {content: '';width: 10px;height: 100%;position: absolute;border-right: 2px solid #fff;right: 0; top: 0; border-radius: 5px;} .section-exchange-login .order-items .item .content-wrap .images.one {padding-right: 0;} .section-exchange-login .order-items .item .content-wrap .images img {border-right: 1px solid #e6e6e6; padding-right: 15px; margin: 0; width: 80px; height: 50px;} .section-exchange-login .order-items .item .content-wrap .images .number-item {position: absolute; right: 35px; top: 30px; color: #000; font-size: 20px; font-weight: 600;} .section-exchange-login .order-items .item .content-wrap .images .overlay-img {opacity: 0.3;} .section-exchange-login .order-items .item .content-wrap .btn-primary {text-decoration: none; height: 34px; min-width: 90px; display: flex; align-items: center; justify-content:center; font-size: 12px; font-weight: 600;} .section-exchange-login .order-items .item .content-wrap .btn-primary:hover {color: #fff; } .section-exchange-login .order-items a {text-align: center; font-family:"neue-haas-unica"; font-size: 14px; font-weight: 400; line-height: 22px; display: block; margin-top: 10px;} @media (max-width: 1200px) { .section-exchange-login .order-items {margin-left: 0; margin-right: 0;} .section-exchange-login .order-items .header .title {display: none;} .section-exchange-login .order-items .header .info-level .name .user-name {font-size: 17px; line-height: 22px;} .section-exchange-login .order-items .header .info-level .name .level {font-size: 9px; line-height: 11px;} .section-exchange-login .order-items .item h2 {font-size: 12px; line-height: 17px;} .section-exchange-login .order-items .images a {margin-top: 0px;} .section-exchange-login .order-items .item {border-bottom: 0; padding-bottom: 0px;} .section-exchange-login .order-items .item .content-wrap {align-items: start;flex-direction: column; gap: 0px;} .section-exchange-login .order-items .item .content-wrap .images .number-item {font-size: 10px; right: 45px;top: 25px;} .section-exchange-login .order-items .item .content-wrap .btn-primary {height: 31px; width: 80px; font-size: 9px;} .section-exchange-login .text-container {margin-top: 40px;} } .section-exchange-select {} .section-exchange-select .container {position: relative;} .section-exchange-select .background-left {position: absolute; left: 10px; top: -15px; margin: 0; z-index: -1;} .section-exchange-select .background-right {position: absolute; right: 10px; top: -15px; margin: 0; z-index: -1;} .section-cart.section-exchange-select .cart-steps {padding: 20px 0 20px 0; border: 0;} .section-exchange-select .header {margin-top: 50px; text-align: center; margin-left: 140px; margin-right: 140px; margin-bottom: 30px;} .section-exchange-select .header a {position: absolute; display: flex; gap: 5px; align-items: center; font-family:"neue-haas-unica"; font-size: 14px; font-weight: 400;} .section-exchange-select .header a img {filter: invert(65%) sepia(40%) saturate(3330%) hue-rotate(349deg) brightness(98%) contrast(111%); rotate: 180deg; margin: 0;} .section-exchange-select .header h1 {font-size: 20px; font-weight: 600; padding: 0; margin: 0; font-family:"urbane"; line-height: 26px; color: #f09238;} .section-exchange-select .order {margin-left: 140px; margin-right: 140px; border-radius: 5px; background-color: #fff; padding: 20px;} .section-exchange-select .header-info {display: flex; justify-content: space-between; align-items: center; padding-bottom: 20px; border-bottom: 1px solid #e6e6e6;} .section-exchange-select .header-info h2 {color: #000; font-family:"urbane"; font-size: 20px; font-weight: 600; line-height: 26px; margin: 0;} .section-exchange-select .header-info .info {position: relative;} .section-exchange-select .header-info .info span {font-size: 16px; font-family:"neue-haas-unica"; font-weight: 400; line-height: 24px; border-right: 1px solid #1a2026; color: #1a2026; line-height: 15px; display: inline-block; padding: 0 10px;} .section-exchange-select .header-info .info span:first-child {padding-left: 0;} .section-exchange-select .header-info .info:after {content: '';width: 10px;height: 100%;position: absolute;border-right: 2px solid #fff;right: 0; top: 0;} .section-cart.section-exchange-select .block {padding: 0;} .section-cart.section-exchange-select .block .items .item.item-border {height: auto; padding-bottom: 10px;padding-top: 10px;} .section-cart.section-exchange-select .block .items .variant-container {flex-direction: column; gap: 10px; align-items: start; } .section-cart.section-exchange-select .block .items .variant-row {display: flex; gap: 10px; align-items:center;} .section-cart.section-exchange-select .block .items .variant-row {display: flex; gap: 10px; align-items:center;} .section-cart.section-exchange-select .block .items .item-price {width: auto; text-align: start;} .section-exchange-select .block .items .difference-price {margin-left: 10px;} .section-cart.section-exchange-select .block .items .item {padding-bottom: 15px;padding-top: 15px;} .section-cart.section-exchange-select .block .items .variant-container span.variant-name {margin-top: -4px;} .section-cart.section-exchange-select .item-wrap-arrow {padding-top: 15px; position: relative;} .section-cart.section-exchange-select .block .items select {width: 100%; height: 48px; font-size: 14px; background-position: right 13px top 15px, right 17px top 1em; display: flex; align-items: center;} .section-exchange-select .change-select {text-decoration: underline; color: #ff8d09; font-size: 14px; font-family:"neue-haas-unica"; font-weight: 400; line-height: 20px; position: absolute; right: 20px; top: 10px; cursor: pointer; } .section-exchange-select .change-select:hover {text-decoration: none;} .section-cart.section-exchange-select .block .items .change-select img {margin: 0; margin-right: 5px;} .section-exchange-select .footer {display: flex; gap: 25px; align-items: center; justify-content: end; margin-left: 140px; margin-right: 140px; margin-top: 30px;} .section-exchange-select .footer span {color: #ff8d09; font-family:"urbane"; font-size: 14px; font-weight: 600; line-height: 17px; margin: 0;} .section-exchange-select .footer .btn-primary {width: 320px; display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 16px; font-weight: 600;} .section-exchange-select .footer .btn-primary:hover {color: #fff;} @media (max-width: 1200px) { .section-exchange-select h1 {font-size: 20px; line-height: 36px; padding-bottom: 0px; padding-top: 10px; font-family:"urbane"; font-weight: 600; text-align: center; margin-bottom: 0;} .section-cart.section-exchange-select .cart-steps ul li .next-line.now .name {width: min-content;} .section-cart.section-exchange-select .cart-steps ul li a {padding-right: 5px; font-size: 12px;line-height: 14px;} .section-cart.section-exchange-select .cart-steps li:not(:last-of-type) a::before {width: 20px;} .section-exchange-select .background-left {left: 0px; width: 250px; } .section-exchange-select .background-right {display:none;} .section-exchange-select .header h1 {font-size: 18px; } .section-exchange-select .order {margin-left:0; margin-right: 0;} .section-exchange-select .header a {display: none;} .section-exchange-select .header {margin-left:0; margin-right: 0; margin-top: 10px; margin-bottom: 20px;} .section-exchange-select .header-info {} .section-exchange-select .order {padding: 0;} .section-exchange-select .header-info {padding: 10px 20px 10px 20px; flex-direction: column; align-items: start; gap: 10px; background-color: #f1f0f0;} .section-exchange-select .header-info h2 {font-size: 18px;} .section-exchange-select .header-info .info span {font-size: 14px;} .section-exchange-select .header-info .info::after {border-right: 2px solid #f1f0f0;} .section-cart.section-exchange-select .block .items {display: block; padding: 0 20px;} .section-cart.section-exchange-select .block .items h4 {padding-bottom: 5px;} .section-cart.section-exchange-select .block .items .item-price {font-size: 14px;} .section-cart .block .items .item .item-name {margin-bottom: 25px;} .section-cart.section-exchange-select .block .items select {height: 45px; font-size: 16px;} .section-cart.section-exchange-select .block .items .item .item-img img {width: auto;} .section-cart .block .items .item.item-border .info {justify-content: space-between; } .section-exchange-select .tags-box span {font-size: 13px; } .section-cart.section-exchange-select .block .items .item.item-border .header-info-border {display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;} .section-exchange-select .footer {flex-direction: column; margin-left: 0px; margin-right: 0px; margin-top: 20px; gap: 20px;} .section-exchange-select .footer .btn-primary {width: 90%;} } .side-panel-change-product .side-wrap {padding: 30px;} .side-panel-change-product h3 {font-family:"urbane"; font-size: 23px; font-weight: 600; line-height: 23px; margin-top:0; margin-bottom: 50px; color: #1a2026;} .side-panel-change-product .choose-size {display: flex; gap: 20px; align-items: end; margin-bottom: 50px;} .side-panel-change-product .title {display: block; color: #ff8d09; font-family:"urbane"; font-size: 13px; font-weight: 600; line-height: 15px; margin-bottom: 15px;} .side-panel-change-product .choose-size img {margin: 0;} .side-panel-change-product .select-container {width: 100%;} .side-panel-change-product select {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('../img/angle-down-icon.svg') no-repeat center right; height: 48px; background-position: right 13px top 13px, right 17px top 1em; border-radius: 5px; width: 100%; margin-right: 5px; color: #1a2026; font-family: "neue-haas-unica"; padding-left: 10px; font-size: 16px; border: 0; width: 100%; border: 1px solid #babcbe;} .side-panel-change-product .choose-color p {margin: 0; color: #7a7d81; font-size: 14px; font-family:"neue-haas-unica"; font-weight: 400; line-height: 24px; display: inline-block;} .side-panel-change-product .choose-color .info-icon {background-color: #e6e6e6;border-radius: 100%;width: 16px;height: 16px;display: inline-block;line-height: 14px;padding-bottom: 0;font-family: "urbane";font-size: 11px;color: #374048;margin-right: 7px;position: relative;text-decoration: none; text-align: center;} .section-panel-select-color {margin-top: 100px;} .side-panel-change-product .btn-primary:disabled {background: #e6e6e6; width: 100%; height: 55px; display: flex; align-items: center; color: #fff; font-size: 16px; margin-top: 40px; text-align: center; justify-content: center;} .side-panel-change-product .btn-primary {background: #ff8d09; width: 100%; height: 55px; display: flex; align-items: center; color: #fff; font-size: 16px; margin-top: 40px; text-align: center; justify-content: center;} .side-panel-change-product .variants {display: flex; gap: 10px; flex-wrap: wrap;} .side-panel-change-product .variants .variant {margin-bottom: 10px; cursor: pointer;} .side-panel-change-product .variants .variant .img-wrap {border: 1px solid #babcbe; border-radius: 5px; padding: 10px;margin-bottom: 2px; } .side-panel-change-product .variants .variant.active .img-wrap {border: 1px solid #ff8d09; border-bottom: 5px solid #ff8d09} .side-panel-change-product .variants .variant .img-wrap img {margin: 0;} .side-panel-change-product .variants .variant span {display: block; color: #2c333b; font-family: "neue-haas-unica"; font-size: 14px; font-weight: 400; } .side-panel-change-product .variants .variant .price {color: #7a7d81; margin-top: -6px;} @media (max-width: 1200px) { .side-panel-change-product h3 {font-size: 20px; margin-bottom: 40px;} .side-panel-change-product .side-wrap {padding: 30px 20px;} .side-panel-change-product .variants .variant span {margin-bottom: 5px;} .side-panel-change-product .variants {justify-content: space-between;} } .section-exchange-way-to-us {} .section-exchange-way-to-us .container {position: relative;} .section-exchange-way-to-us .background-left {position: absolute; left: 10px; top: -15px; margin: 0; z-index: -1;} .section-exchange-way-to-us .background-right {position: absolute; right: 10px; top: -15px; margin: 0; z-index: -1;} .section-cart.section-exchange-way-to-us .cart-steps {padding: 20px 0 20px 0; border: 0;} .section-cart.section-exchange-way-to-us .cart-steps ul li a.now.previous .name {color: #7a7d81;} .section-cart.section-exchange-way-to-us .cart-steps ul li a img {margin: 0;} .section-exchange-way-to-us .header {margin-top: 50px; text-align: center; margin-left: 140px; margin-right: 140px; margin-bottom: 30px;} .section-exchange-way-to-us .header a {position: absolute; display: flex; gap: 5px; align-items: center; font-family:"neue-haas-unica"; font-size: 14px; font-weight: 400;} .section-exchange-way-to-us .header a img {filter: invert(65%) sepia(40%) saturate(3330%) hue-rotate(349deg) brightness(98%) contrast(111%); rotate: 180deg; margin: 0;} .section-exchange-way-to-us .header h1 {font-size: 20px; font-weight: 600; padding: 0; margin: 0; font-family:"urbane"; line-height: 26px; color: #f09238;} .section-exchange-way-to-us .delivery-container { margin-left: 140px; margin-right: 140px;} .section-exchange-way-to-us .delivery-container .header-delivery {display: flex;gap: 10px;align-items: center; background-color: #374048;height: 60px; padding: 0 25px; border-top-left-radius: 5px;border-top-right-radius: 5px;} .section-exchange-way-to-us .delivery-container .header-delivery h2 {font-size: 20px; font-weight: 600; padding: 0; margin: 0; font-family:"urbane"; line-height: 36px; color: #fff;} .section-exchange-way-to-us .delivery-container .info-icon {background-color: #e6e6e6;border-radius: 100%;width: 22px;height: 22px;display: flex; align-items: center; justify-content:center; line-height: 14px;padding-bottom: 0;font-family: "urbane";font-size: 12px;color: #374048;position: relative;text-decoration: none; text-align: center;} .section-exchange-way-to-us .delivery-container .choice-delivery {background-color: #fff; padding: 0 25px; border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;} .section-exchange-way-to-us .delivery-container .choice-delivery .delivery {border-bottom: 1px solid #e6e6e6;padding-right: 0; padding-top: 20px; padding-bottom: 20px;} .section-exchange-way-to-us .delivery-container .choice-delivery .delivery:last-child {border: 0;} .section-exchange-way-to-us .delivery-container .choice-delivery .delivery .radio {padding: 0} .section-exchange-way-to-us.section-cart .delivery-container .choice-delivery .delivery .radio label::after {top: 48%;} .section-exchange-way-to-us .delivery-container .choice-delivery .delivery .img-wrap img {margin: 0; height: 32px;} .section-exchange-way-to-us .delivery-container .choice-delivery .delivery .name-delivery {display:flex; gap: 15px; align-items:center;} .section-exchange-way-to-us .delivery-container .choice-delivery .delivery .name-delivery .info-icon {width: 16px;height: 16px; font-size: 11px} .section-exchange-way-to-us .delivery-container .choice-delivery .delivery .name-delivery .delivery-method {font-size: 14px; font-weight: 500; padding: 0; margin: 0; font-family:"urbane"; line-height: 17px; color: #1a2026;} .section-exchange-way-to-us .delivery-container .choice-delivery .delivery .wrap {display: flex; align-items: center; gap: 20px; margin-left: 5px;} .section-exchange-way-to-us .delivery-container .choice-delivery .delivery .price {font-size: 14px; font-weight: 500; padding: 0; margin: 0; font-family:"urbane"; line-height: 17px; color: #1a2026; height: 100%; display: flex; align-items: center; justify-content: end;} .section-exchange-way-to-us .footer {display: flex; justify-content: end; margin-top: 30px;} .section-exchange-way-to-us .footer .btn-primary.disabled {width: 320px; display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 16px; font-weight: 600; background: #764b1a; color: #ac9375;} .section-exchange-way-to-us .footer .btn-primary.disabled:hover {color: #ac9375;} @media (max-width: 1200px) { .section-exchange-way-to-us h1 {font-size: 20px; line-height: 36px; padding-bottom: 0px; padding-top: 10px; font-family:"urbane"; font-weight: 600; text-align: center; margin-bottom: 0;} .section-cart.section-exchange-way-to-us .cart-steps ul li .next-line.now .name {width: min-content;} .section-cart.section-exchange-way-to-us .cart-steps ul li a {padding-right: 5px; font-size: 12px;line-height: 14px;} .section-cart.section-exchange-way-to-us .cart-steps li:not(:last-of-type) a::before {width: 20px;} .section-exchange-way-to-us .background-left {left: 0px; width: 250px; } .section-exchange-way-to-us .background-right {display:none;} .section-exchange-way-to-us .header h1 {font-size: 18px; } .section-exchange-way-to-us .order {margin-left:0; margin-right: 0;} .section-exchange-way-to-us .header a {display: none;} .section-exchange-way-to-us .header {margin-left:0; margin-right: 0; margin-top: 10px; margin-bottom: 20px;} .section-exchange-way-to-us .delivery-container {margin-left:0; margin-right: 0;} .section-exchange-way-to-us .delivery-container .header-delivery h2 {font-size: 18px;} .section-exchange-way-to-us .delivery-container .info-icon {display:none;} .section-exchange-way-to-us .delivery-container .choice-delivery .delivery {padding-top: 15px;padding-bottom: 15px;} .section-exchange-way-to-us .footer {justify-content: center;} .section-exchange-way-to-us .footer .btn-primary.disabled {width: 230px;} } .section-exchange-way-to-you {} .section-exchange-way-to-you .container {position: relative;} .section-exchange-way-to-you .background-left {position: absolute; left: 10px; top: -15px; margin: 0; z-index: -1;} .section-exchange-way-to-you .background-right {position: absolute; right: 10px; top: -15px; margin: 0; z-index: -1;} .section-cart.section-exchange-way-to-you .cart-steps {padding: 20px 0 20px 0; border: 0;} .section-cart.section-exchange-way-to-you .cart-steps ul li a.now.previous .name {color: #7a7d81;} .section-cart.section-exchange-way-to-you .cart-steps ul li a img {margin: 0;} .section-exchange-way-to-you .header {margin-top: 50px; text-align: center; margin-left: 140px; margin-right: 140px; margin-bottom: 30px;} .section-exchange-way-to-you .header a {position: absolute; display: flex; gap: 5px; align-items: center; font-family:"neue-haas-unica"; font-size: 14px; font-weight: 400;} .section-exchange-way-to-you .header a img {filter: invert(65%) sepia(40%) saturate(3330%) hue-rotate(349deg) brightness(98%) contrast(111%); rotate: 180deg; margin: 0;} .section-exchange-way-to-you .header h1 {font-size: 20px; font-weight: 600; padding: 0; margin: 0; font-family:"urbane"; line-height: 26px; color: #f09238;} .section-exchange-way-to-you .delivery-container {margin-left: 140px; margin-right: 140px;} .section-exchange-way-to-you .delivery-container .header-delivery {display: flex;gap: 10px;align-items: center; background-color: #374048;height: 60px; padding: 0 25px; border-top-left-radius: 5px;border-top-right-radius: 5px;} .section-exchange-way-to-you .delivery-container .header-delivery h2 {font-size: 20px; font-weight: 600; padding: 0; margin: 0; font-family:"urbane"; line-height: 36px; color: #fff;} .section-exchange-way-to-you .delivery-container .info-icon {background-color: #e6e6e6;border-radius: 100%;width: 22px;height: 22px;display: flex; align-items: center; justify-content:center; line-height: 14px;padding-bottom: 0;font-family: "urbane";font-size: 12px;color: #374048;position: relative;text-decoration: none; text-align: center;} .section-exchange-way-to-you .delivery-container .choice-delivery {background-color: #fff; padding: 0; border-bottom-left-radius: 5px;border-bottom-right-radius: 5px; margin-bottom: 20px;} .section-exchange-way-to-you .delivery-container .choice-delivery .delivery {border-bottom: 1px solid #e6e6e6; padding-right: 0; margin-right: 25px; margin-left: 25px; padding-top: 15px; padding-bottom: 15px;} .section-exchange-way-to-you .delivery-container .choice-delivery .delivery:last-child {border: 0;} .section-exchange-way-to-you .delivery-container .choice-delivery .delivery .wrap {display: flex;} .section-exchange-way-to-you .delivery-container .choice-delivery .delivery .radio input[type="radio"] {width: 0;height: 0; position: absolute;} .section-exchange-way-to-you .delivery-container .choice-delivery .delivery .radio label::before {top: 50%;} .section-exchange-way-to-you.section-cart .delivery-container .choice-delivery .delivery .radio label::after {top: 50%;} .section-exchange-way-to-you.section-cart .delivery-container .choice-delivery .delivery .radio label {padding-left: 10px;} .section-exchange-way-to-you .delivery-container .choice-delivery .delivery .radio {padding-left: 12px;} .section-exchange-way-to-you .delivery-container .choice-delivery .delivery .radio .img-wrap {} .section-exchange-way-to-you .delivery-container .choice-delivery .delivery .radio .img-wrap img {margin: 0; max-width: 70px;max-height: 28px; text-align: center;} .section-exchange-way-to-you .delivery-container .choice-delivery .delivery .radio .content-wrap {margin-left: 15px; display: flex;flex-direction: column;justify-content: center;} .section-exchange-way-to-you .delivery-container .choice-delivery .delivery .radio .content-wrap .name-delivery {display: flex; align-items: center; gap: 10px; } .section-exchange-way-to-you .delivery-container .choice-delivery .delivery .radio .content-wrap .name-delivery .delivery-method { font-family:"urbane"; font-size: 14px; font-weight: 500; color: #1a2026; display: flex; align-items: center;} .section-exchange-way-to-you .delivery-container .choice-delivery .delivery .radio .content-wrap .name-delivery .info-icon {margin-left: 10px; top: 0;} .section-exchange-way-to-you .delivery-container .choice-delivery .delivery .radio .content-wrap .change-place {color: #ff8d09; font-family:"neue-haas-unica"; font-size: 14px; font-weight: 400; margin-left: 10px; text-decoration: underline; cursor: pointer; display: flex; align-items: center; gap: 5px; } .section-exchange-way-to-you .delivery-container .choice-delivery .delivery .radio .content-wrap .change-place:hover {text-decoration: none;} .section-exchange-way-to-you .delivery-container .choice-delivery .delivery .radio .content-wrap .change-place img {margin: 0; max-height: auto;} .section-exchange-way-to-you .delivery-container .choice-delivery .delivery .radio .content-wrap .chosen-place {font-family:"neue-haas-unica"; font-size: 14px; color: #1a2026; font-weight: 400; display: block; margin-top: 5px;} .section-exchange-way-to-you .delivery-container .choice-delivery .delivery .radio .content-wrap .chosen-place .place {font-weight: 700;} .section-exchange-way-to-you .delivery-container .choice-delivery .delivery .delivery-delivery-time {color: #7a7d81;font-size: 14px; font-family:"neue-haas-unica"; font-weight:400; text-transform: lowercase;white-space: nowrap;} .section-exchange-way-to-you .delivery-container .choice-delivery .delivery .price {font-size: 14px; font-weight: 500; padding: 0; margin: 0; font-family:"urbane"; line-height: 27px; color: #1a2026; height: 100%; display: flex; align-items: start; justify-content: end;} .section-exchange-way-to-you .delivery-container .choice-addresses {padding: 20px 30px; background-color: #fff;} .section-exchange-way-to-you .delivery-container .choice-addresses .adress {display: flex; justify-content: space-between; padding: 20px; background-color: #f1f0f0; border-radius: 5px; position: relative; height: 100%;} .section-exchange-way-to-you .delivery-container .choice-addresses .adress .default {border: 1px solid #ff8d09; padding: 2px 5px; border-radius: 5px; display: flex; gap: 5px; align-items: center; width: fit-content; } .section-exchange-way-to-you .delivery-container .choice-addresses .adress .default img {margin: 0;} .section-exchange-way-to-you .delivery-container .choice-addresses .adress .default span {font-family:"urbane"; font-size: 13px; font-weight: 600; color: #ff8d09; line-height: 14px;} .section-exchange-way-to-you .delivery-container .choice-addresses .adress .info-address {margin-top: 18px; } .section-exchange-way-to-you .delivery-container .choice-addresses .adress .new-adress {margin-top: 38px;} .section-exchange-way-to-you .delivery-container .choice-addresses .adress .info-address span {font-size: 16px;color: #1a2026;font-family: "neue-haas-unica"; line-height: 24px; font-weight: 400;display: block;} .section-exchange-way-to-you .delivery-container .choice-addresses .adress .info-address span.name {font-weight: 700;} .section-exchange-way-to-you .delivery-container .choice-addresses .adress .container-adress {width: 100%;} .section-exchange-way-to-you .delivery-container .choice-addresses .adress.radio label::before {right: 0;top: 4%; width: 25px;height: 25px; left: unset;} .section-exchange-way-to-you .delivery-container .choice-addresses .adress.radio label::after {right: 0;top: 2%; width: 25px;height: 25px; background-color: #0cd0c0;background-image: url('../img/check-icon.svg');left: unset; } .section-exchange-way-to-you .delivery-container .choice-addresses .adress.radio input[type="radio"] {display: none;} .section-exchange-way-to-you .delivery-container .choice-addresses .adress.radio label {width: 100%;} .section-exchange-way-to-you .delivery-container .choice-addresses .add-address {border: 1px solid #ff8d09; border-radius: 5px; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; cursor: pointer;} .section-exchange-way-to-you .delivery-container .choice-addresses .add-address .text {display: flex; align-items:center; flex-direction: column; justify-content: center; gap: 5px; } .section-exchange-way-to-you .delivery-container .choice-addresses .add-address .text span {font-family:"urbane"; font-size: 12px; font-weight: 600; color: #ff8d09;} .section-exchange-way-to-you .delivery-container .choice-addresses .add-address .text img {margin: 0;} .section-exchange-way-to-you .footer {display: flex; justify-content: end; margin-top: 30px; margin-left: 140px; margin-right: 140px;} .section-exchange-way-to-you .footer .btn-primary.disabled {width: 335px; display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 16px; font-weight: 600; background: #764b1a; color: #ac9375;} .section-exchange-way-to-you .footer .btn-primary.disabled:hover {color: #ac9375;} @media (max-width: 1200px) { .section-exchange-way-to-you h1 {font-size: 20px; line-height: 36px; padding-bottom: 0px; padding-top: 10px; font-family:"urbane"; font-weight: 600; text-align: center; margin-bottom: 0;} .section-cart.section-exchange-way-to-you .cart-steps ul li .next-line.now .name {width: min-content;} .section-cart.section-exchange-way-to-you .cart-steps ul li a {padding-right: 5px; font-size: 12px;line-height: 14px; display: flex;flex-direction: column;align-items: center;justify-content: center;} .section-cart.section-exchange-way-to-you .cart-steps ul li a .name {margin: 0; margin-top: 5px; font-size: 10px; text-align: center; line-height: 14px;} .section-cart.section-exchange-way-to-you .cart-steps li:not(:last-of-type) a::before {width: 20px;} .section-exchange-way-to-you .background-left {left: 0px; width: 250px; } .section-exchange-way-to-you .background-right {display:none;} .section-exchange-way-to-you .header h1 {font-size: 18px; } .section-exchange-way-to-you .header a {display: none;} .section-exchange-way-to-you .header {margin-left:0; margin-right: 0; margin-top: 10px; margin-bottom: 20px;} .section-exchange-way-to-you .delivery-container .header-delivery h2 {font-size: 18px;} .section-exchange-way-to-you .delivery-container {margin-left:0; margin-right: 0;} .section-exchange-way-to-you .footer {margin-left:0; margin-right: 0; justify-content: center;} .section-exchange-way-to-you .cart-steps a.now img {filter: none;} .section-exchange-way-to-you .cart-steps a img {filter: invert(57%) sepia(7%) saturate(7500%) hue-rotate(353deg) brightness(0%) contrast(105%);} .section-exchange-way-to-you .delivery-container .info-icon {display: none;} .section-exchange-way-to-you .delivery-container .choice-delivery .delivery .radio .content-wrap {display: flex;flex-direction: column;justify-content: center;} .section-exchange-way-to-you .delivery-container .choice-delivery .delivery .radio .content-wrap .change-place {margin-left: 0; margin-top: 5px;} .section-exchange-way-to-you .delivery-container .choice-delivery .delivery .radio label::before {top: 50%;} .section-exchange-way-to-you.section-cart .delivery-container .choice-delivery .delivery .radio label::after {top: 50%;} .section-exchange-way-to-you .select-container {display: flex; align-items:center; justify-content:center; width: 100%;} .section-exchange-way-to-you .select-container .address {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('../img/angle-down-icon.svg') no-repeat center right; height: 50px; background-position: right 13px top 15px, right 17px top 1em; border: 1px solid #babcbe; border-radius: 5px; margin-right: 0; color: #1a2026; font-family: "neue-haas-unica"; padding-left: 15px; background-color: #fff; font-size: 14px; font-weight: 400; display: flex; align-items: center; width: 100%; margin-bottom: 15px;} .section-exchange-way-to-you .delivery-container .header-delivery {padding: 0 20px;} .section-exchange-way-to-you .delivery-container .choice-addresses .adress.default-adress {display: block; padding: 0; background-color: #fff;} .section-exchange-way-to-you .delivery-container .choice-addresses .adress {display: none;} .section-exchange-way-to-you .delivery-container .choice-addresses .adress.radio label::before {display: none;} .section-exchange-way-to-you .delivery-container .choice-addresses {padding: 20px 20px;} .section-exchange-way-to-you .delivery-container .choice-addresses .adress .default {padding: 3px 7px;} .section-exchange-way-to-you .delivery-container .choice-addresses .radio label {padding-left: 0;} .section-exchange-way-to-you .delivery-container .choice-addresses .adress .info-address {margin-top: 10px; margin-bottom: 20px;} .section-exchange-way-to-you .delivery-container .choice-addresses .add-address {width: 100%;border: 0; border-top: 1px solid #e6e6e6; text-align: center; padding-top: 15px;} .section-exchange-way-to-you .delivery-container .choice-addresses .add-address .text img {display: none;} .section-exchange-way-to-you .delivery-container .choice-addresses .add-address .text span {font-size: 14px;} } .section-exchange-payment .payment-container .wrap {margin-left: 10px; display: flex; gap: 10px; align-items: center;} .section-exchange-payment .payment-container .wrap .img-wrap {background-color: #f2f3f4; border-radius: 5px; width: 43px; height: 32px; display: flex; align-items: center; justify-content: center;} .section-exchange-payment .payment-container .row {width: 100%;} .section-exchange-payment .payment-container .content-wrap {display: flex; align-items: center; gap: 10px;} .section-exchange-payment .payment-container .payment-name {display: flex; flex-direction: column;} .section-exchange-payment .payment-container .payment-name .payment-method {font-family:"urbane"; font-size: 14px; font-weight: 500; color: #1a2026; display: block; line-height: 16px;} .section-exchange-payment .payment-container .payment-name .payment-method-description {font-size: 14px; font-family:"neue-haas-unica"; font-weight:400; color: #1a2026; margin-top: 0px; line-height: 16px;} .section-exchange-payment .payment-container .checkbox-group {padding-bottom: 0;} .section-exchange-payment .summary-container { border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;} .section-exchange-payment .summary-container .summary {padding: 30px 20px; background-color: #fff;} .section-exchange-payment .summary-container .summary textarea {border: 1px solid #babcbe; border-radius: 5px; padding: 10px;} .section-exchange-payment .summary-container .summary .form-control::placeholder {font-size: 16px; font-family:"neue-haas-unica"; font-weight:400; color: #7a7d81;} .section-exchange-payment .summary-container .summary .prices-wrap {padding-bottom: 15px; margin-right: 15px;} .section-exchange-payment .summary-container .summary .wrap {display: flex; justify-content: space-between; align-items: center;} .section-exchange-payment .summary-container .summary .wrap span {font-family:"urbane"; font-size: 12px; font-weight: 500; color: #2c333b; display: block;} .section-exchange-payment .summary-container .summary .wrap.total {padding-top: 15px; border-top: 1px solid #babcbe; margin-right: 15px;} .section-exchange-payment .summary-container .summary .wrap.total .name {font-family:"urbane"; font-size: 14px; font-weight: 600; color: #ff8d09; display: block;} .section-exchange-payment .summary-container .summary .wrap.total span {font-family:"urbane"; font-size: 23px; font-weight: 600; color: #ff8d09; display: block;} .section-exchange-payment .footer .btn-primary {width: 335px; display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 16px; font-weight: 600;} .section-exchange-payment .footer .btn-primary:hover {color: #fff;} @media (max-width: 1200px) { .section-exchange-payment h1 {font-size: 20px; line-height: 36px; padding-bottom: 0px; padding-top: 10px; font-family:"urbane"; font-weight: 600; text-align: center; margin-bottom: 0;} .section-cart.section-exchange-payment .cart-steps ul li .next-line.now .name {width: min-content;} .section-cart.section-exchange-payment .cart-steps ul li a {padding-right: 5px; font-size: 12px;line-height: 14px;} .section-cart.section-exchange-payment .cart-steps li:not(:last-of-type) a::before {width: 20px;} .section-exchange-payment .background-left {left: 0px; width: 250px; } .section-exchange-payment .background-right {display:none;} .section-exchange-payment .header {} .section-exchange-payment .header h1 {font-size: 18px; } .section-exchange-payment .header a {display: none;} .section-exchange-payment .header {margin-left:0; margin-right: 0; margin-top: 10px; margin-bottom: 20px;} .section-exchange-payment .payment-container {margin-left:0; margin-right: 0;} .section-exchange-payment.section-exchange-way-to-you .delivery-container {margin-left:0; margin-right: 0;} .section-exchange-payment .payment-container .payment-name {width: max-content;} .section-exchange-payment .footer .btn-primary {width: 80%;} .section-exchange-payment.section-exchange-way-to-you .delivery-container .choice-delivery .delivery .radio label::before {top: 50%;} .section-exchange-payment.section-exchange-way-to-you.section-cart .delivery-container .choice-delivery .delivery .radio label::after {top: 50%;} } .section-exchange-thankyou {} .section-exchange-thankyou .container {position: relative;} .section-exchange-thankyou .background-left {position: absolute; left: 10px; top: -15px; margin: 0; z-index: -1;} .section-exchange-thankyou .background-right {position: absolute; right: 10px; top: -15px; margin: 0; z-index: -1;} .section-exchange-thankyou .header {display: flex; justify-content: center; flex-direction: column;align-items: center; margin-top: 60px; margin-bottom: 20px;} .section-exchange-thankyou .header h1 {font-size: 28px; font-family:"urbane"; font-weight: 600; margin: 0;} .section-exchange-thankyou .header .info {font-family:"neue-haas-unica"; font-size: 21px; font-weight: 400; color: #babcbe; margin: 0;} .section-exchange-thankyou .header .background-left {position: absolute;left: 0px;top: -60px;margin: 0;z-index: -1;} .section-exchange-thankyou .header .background-right {position: absolute;right: 0px;top: -60px;margin: 0;z-index: -1;} .section-exchange-thankyou .header .delivery-time {text-transform: uppercase; font-size: 14px; font-family:"urbane"; font-weight:500; color: #fff; margin-top: 30px;} .section-exchange-thankyou .header .delivery-time img {margin: 0; margin-right: 1px; height: 15px;} .section-exchange-thankyou .header .delivery-time .date {color: #f58d10; font-weight: 600;} .section-cart.section-exchange-thankyou .block .items .variant-container {gap: 15px;} .section-cart.section-exchange-thankyou .item-wrap-arrow {margin-top: 25px;} .section-cart.section-exchange-thankyou .block .items h4 {margin-bottom: 3px;} .section-cart.section-exchange-thankyou .block .items .item.item-border {height: auto;} .section-cart.section-exchange-thankyou .item-wrap-arrow {background-position-y: 0px;} .section-cart.section-exchange-thankyou .block .items .item-price {padding-right: 10px;} .section-cart.section-exchange-thankyou .block .items {border-bottom: 1px solid #e6e6e6; padding-bottom: 15px; z-index: 999;position: relative;} .section-exchange-thankyou.section-exchange-payment .summary-container {border-radius: 0;} .section-exchange-thankyou .summary-container label {font-size: 12px; font-family:"urbane"; font-weight: 500; margin: 0; margin-bottom: 2px; color: #1a2026;} .section-exchange-thankyou .summary-container .summary {padding-top: 0;} .section-exchange-thankyou .summary-container .summary strong {color: #1a2026; font-weight: 600; } .section-exchange-thankyou .steps-exchange {background-color: #f1f0f0; padding: 30px 20px; border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;} .section-exchange-thankyou .steps-exchange h2 {font-size: 20px; font-family:"urbane"; font-weight: 600; margin: 0; margin-bottom: 20px;} .section-exchange-thankyou .steps-exchange .steps {display: flex; justify-content: space-between; } .section-exchange-thankyou .steps-exchange .steps .step + .step {border-left: 1px solid #e6e6e6; } .section-exchange-thankyou .steps-exchange .steps .step {display: flex;flex-direction: column; align-items: center; justify-content:center; width: 70%;} .section-exchange-thankyou .steps-exchange .steps .step .step-img {} .section-exchange-thankyou .steps-exchange .steps .step .step-img span {font-size: 23px; font-family:"urbane"; font-weight: 600; color: #ff8d09; display: flex; align-items: center; justify-content: center; background: url('../img/icon-dot-exchange.svg') no-repeat center right; height: 50px; width: 50px;} .section-exchange-thankyou .text-container {width: 70%; display:flex; justify-content: center;} .section-exchange-thankyou .steps-exchange .steps .step p {font-family:"neue-haas-unica"; font-size: 16px; font-weight: 400; color: #2c333b; text-align: center;} .section-exchange-thankyou .steps-exchange .steps .step p strong {font-weight: 700; color: #2c333b; } .section-exchange-thankyou.section-thankyou .section-thankyou-recapitulation .payment-state.unpaid {font-weight: 700; color:#ff3100; border: 1px solid #ff3100; border-radius: 5px; padding: 2px 5px;} .section-exchange-thankyou.section-thankyou .section-thankyou-recapitulation .payment-state.unpaid .icon {width: 13px; height: 13px; background-color: #ff3100; display: flex; align-items: center; justify-content: center; color: #fff; font-family: "urbane"; font-size: 10px; font-weight: 600; border-radius: 100%;} .section-exchange-thankyou .section-thankyou-recapitulation .borderless {border: 0;} .section-exchange-thankyou .section-thankyou-recapitulation .btns .btn-primary {text-decoration: none; width: 50%; text-align:center; height: 41px; display: flex;align-items: center;justify-content: center;} .section-exchange-thankyou .section-thankyou-recapitulation .btns .btn-primary:hover {color: #fff; text-decoration: none;} .section-exchange-thankyou .section-thankyou-recapitulation .btns select {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('../img/angle-down-icon.svg') no-repeat center right; height: 41px; background-position: right 13px top 10px, right 17px top 1em; border: 1px solid #babcbe; border-radius: 5px; margin-right: 0; color: #1a2026; font-family: "urbane"; padding-left: 25px; background-color: #fff; font-size: 11px; font-weight: 500px; width: 100%;} .section-thankyou .section-thankyou-recapitulation .row-thankyou.btns {gap: 10px;} .section-exchange-thankyou .section-thankyou-recapitulation .btns .select-container {width: 50%;} .section-exchange-thankyou.section-thankyou .section-thankyou-recapitulation {margin: 0; height: 80%;} .section-exchange-thankyou .summary-container .summary .form-control::placeholder {opacity: 0;} @media (max-width: 1400px) { .section-exchange-thankyou.section-cart {padding:0;} .section-thankyou.section-exchange-thankyou .section-thankyou-recapitulation .row-thankyou {display: flex;} .section-exchange-thankyou .header .background-left {top: -10px;} } @media (max-width: 1200px) { .section-exchange-thankyou .header {margin-top: 10px; margin-bottom: 20px;} .section-exchange-thankyou .header h1 {font-size: 20px;} .section-exchange-thankyou h1 {padding-top: 20px;} .section-exchange-thankyou .header .info {font-size: 16px; margin-bottom: 20px;} .section-exchange-thankyou .header .delivery-time {display: none;} .section-exchange-thankyou.section-thankyou .section-thankyou-recapitulation {height: 100%; border-radius: 5px; border-bottom-left-radius: 0px;border-bottom-right-radius: 0px; padding-top: 5px;} .section-thankyou .section-thankyou-recapitulation .row-thankyou {padding: 15px 0;} .section-exchange-thankyou.section-thankyou .section-thankyou-recapitulation .payment-state.unpaid {background-color: #ff3100; color: #fff;} .section-exchange-thankyou.section-thankyou .section-thankyou-recapitulation .payment-state.unpaid .icon {background-color: #fff; color: #ff3100;} .section-exchange-thankyou .section-thankyou-recapitulation .btns .btn-primary {height: 57px; font-size: 16px;} .section-exchange-thankyou .section-thankyou-recapitulation .btns select {height: 57px;font-size: 14px; background-position: right 13px top 17px, right 17px top 1em;} .section-cart.section-exchange-thankyou .block .items {display: block} .section-exchange-thankyou .section-products-info {display: inline-grid;} .section-exchange-thankyou .steps-exchange h2 {font-size:18px; margin-bottom: 30px;} .section-exchange-thankyou .steps-exchange {border-bottom-left-radius: 0px;border-bottom-right-radius: 0px; padding: 20px 20px;} .section-exchange-thankyou .steps-exchange .steps .step {flex-direction: row; width: 100%; border-bottom: 1px solid #e6e6e6; justify-content: start; padding-bottom: 10px;margin-top: 10px;gap: 20px;} .section-exchange-thankyou .steps-exchange .steps .step p {margin: 0; text-align: start;line-height: 20px;} .section-exchange-thankyou .steps-exchange .steps {display: block;} .section-exchange-thankyou .text-container {width: 100%; justify-content: start;} .section-exchange-thankyou .steps-exchange .steps .step + .step {border-left: 0; } .section-exchange-thankyou .steps-exchange .steps .step .step-img span {font-size: 18px;} .section-exchange-thankyou .steps-exchange .steps .step:last-child {border: 0;} .section-exchange-thankyou.section-cart .block {padding: 10px 20px; border-top-right-radius: 0px;border-top-left-radius: 0px;} .section-exchange-thankyou .tags-box {margin-bottom: 5px;} .section-exchange-thankyou .tags-box span {font-size: 10px;} .section-cart.section-exchange-thankyou .block .items h4 {margin-bottom: 5px;} .section-cart.section-exchange-thankyou .block .items .item-price {text-align: start;} .section-cart.section-exchange-thankyou .block .items .item .item-name {margin: 0;} .section-cart.section-exchange-thankyou .block .items img {width: auto;} .section-cart.section-exchange-thankyou .block .items .item.item-border .free-price {text-align: start; font-size: 18px; margin-top: 10px;} .section-cart.section-exchange-thankyou .block .items .item.item-border h4 {font-size: 14px} .section-cart.section-exchange-thankyou .block .items {padding-bottom: 5px;} .section-exchange-thankyou .summary-container .summary label {display: none;} .section-exchange-thankyou .summary-container .summary .form-control::placeholder {opacity: 1;} .section-exchange-thankyou .summary-container .summary .wrap.total {border-top: 1px solid #e6e6e6; margin-right: 0px;} .section-exchange-thankyou .summary-container .summary .prices-wrap {border-top: 1px solid #e6e6e6; padding-top: 15px; margin-right: 0px;} .section-exchange-payment .summary-container .summary .wrap.total span {font-size: 25px;} .section-exchange-thankyou .steps-exchange .steps .step .step-img span {height: 40px; width: 40px; background-size: 40px;} } .section-exchange-way-to-you.section-return-way-to-us .delivery-container .choice-delivery {margin-bottom: 10px;} .section-return-way-to-us .delivery-container.disabled {margin-bottom: 10px;} .section-return-way-to-us .delivery-container.disabled .header-delivery {border-radius: 5px; } .section-return-way-to-us .delivery-container.disabled .header-delivery h2 { color: #73797f; } @media (max-width: 1200px) { .section-cart.section-return-way-to-us .cart-steps li:not(:last-of-type) a::before {top: 20%;} } .section-exchange-way-to-you.section-return-payment .delivery-container .header-delivery {display: flex; justify-content: space-between; align-items: center; } .section-exchange-way-to-you.section-return-payment .delivery-container .header-delivery a {font-family:"neue-haas-unica"; font-size: 14px; font-weight: 400;} .section-exchange-way-to-you.section-return-payment .delivery-container .header-delivery a img {margin: 0; margin-right: 10px;} .section-exchange-way-to-you.section-return-payment .delivery-container .info-icon {height: 16px; width: 16px; font-size: 11px;} .section-return-payment .payment-container {background-color: #fff; padding:25px; border-bottom-left-radius: 5px;border-bottom-right-radius: 5px; margin-bottom: 10px;} .section-return-payment .payment-container .form-control {height: 48px; border: 1px solid #babcbe; font-family:"neue-haas-unica"; font-size: 14px; font-weight: 400; color: #1a2026;} .section-return-payment .payment-container .control-label {font-family:"neue-haas-unica"; font-size: 14px; font-weight: 400; color: #1a2026; margin-bottom: 5px;} .section-return-payment .payment-container .form-control-feedback {font-family:"neue-haas-unica"; font-size: 14px; font-weight: 400; color: #1a2026;} .section-return-payment.section-exchange-way-to-you .delivery-container .choice-delivery .delivery {margin-left: 30px;} .section-return-payment .payment-container .form-items {display: flex; gap: 10px;} .section-return-payment .payment-container .form-items .bank-no {width: 170%;} .section-return-payment .payment-container .form-items img {margin: 0; max-width: initial; margin-bottom: 7px;height: 35px;} .section-return-payment .payment-container .form-items .slash {display:flex; justify-content: center; align-items: end; height: 100%;} .section-return-payment .payment-container .bank-info {font-family:"neue-haas-unica"; font-size: 14px; font-weight: 400; color: #7a7d81; margin-top: 10px;display: block;} .section-return-payment .delivery-container.disabled {margin-bottom: 10px;} .section-return-payment .delivery-container.disabled .header-delivery {border-radius: 5px; } .section-return-payment .delivery-container.disabled .header-delivery h2 { color: #73797f; } @media (max-width: 1200px) { .section-return-payment .payment-container .form-items {margin-top: 20px;} } .section-return-thankyou.section-exchange-thankyou .header {margin-bottom: 60px;} .section-return-thankyou.section-cart {padding-top: 0;} .section-thankyou .section-thankyou-recapitulation .bank-no h2 {padding-top: 10px; padding-bottom: 5px; } .section-thankyou .section-thankyou-recapitulation .bank-no span {font-family:"neue-haas-unica"; font-size: 14px; font-weight: 400; color: #f2f3f4;} .section-return-thankyou.section-exchange-thankyou.section-thankyou .section-thankyou-recapitulation {height: auto;} @media (max-width: 1200px) { .section-return-thankyou.section-exchange-thankyou .header {margin-bottom: 20px;} .section-thankyou .section-thankyou-recapitulation .bank-no {padding: 15px 0;} } .section-type-select {display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 40px 0;} .section-type-select .select-1 select {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('../img/angle-down-icon.svg') no-repeat center right; height: 55px; background-position: right 17px top 17px, right 17px top 1em; border: 1px solid #babcbe; border-radius: 5px; min-width: 310px; margin-right: 5px; margin-bottom: 25px; color: #7a7d81; font-family:"neue-haas-unica"; font-weight: 400; font-size: 16px; line-height: 24px; background-color: #fff; display: flex; align-items: center;} .section-type-select .select-1 select:invalid {color: #babcbe;} .section-type-select .form-control:focus {color: #babcbe;background-color: #fff;border-color: #fff;} .section-type-select .select-2 .select2-container {display: inline;} .section-type-select .select-2 .select2-container--default .select2-selection--single {background-color: #FFF; border: 1px solid #babcbe; border-radius: 5px;height: 55px; display: flex; align-items: center; background: url('../img/angle-down-icon.svg') no-repeat center right; background-position: right 17px top 17px, right 17px top 1em; background-color: #fff; min-width: 310px; padding: 0 8px;} .select2-container--default .select2-selection--single .select2-selection__placeholder {color: #7a7d81!important; font-family: "neue-haas-unica"!important; font-size: 16px!important; } .select2-container--default .select2-results__option {color: #7a7d81!important; font-family: "neue-haas-unica"!important; font-size: 16px!important; font-weight: 400!important; line-height: 19px!important; padding: 6px 6px;} .select2-container--default .select2-selection--single .select2-selection__arrow {display: none!important;} .select2-container--default .select2-results__option .select2-results__option {padding-left: 16px!important;} .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {background-color: transparent!important; color: #1a2026!important;} .select2-container--default .select2-results__group {color: #ff8d09!important; background-color: #fff4e8!important; font-weight: 600; padding: 15px 16px!important;} .select2-container--default .select2-selection--single .select2-selection__rendered {color: #7a7d81!important; font-family:"neue-haas-unica"; font-weight: 400; font-size: 16px; line-height: 24px!important;} .section-cta-button {text-align: center;margin: 40px 0;} .section-cta-button .btn-wrap {display: inline-block;background: #1D1D1D;padding: 20px 30px;} .section-cta-button .btn-wrap img {margin: 0 30px 0 0;} /*.section-contact {margin: 0 0 40px 0;} .section-contact .contact-item {margin: 40px 0 0 0;padding: 0 0 0 40px;position: relative;} .section-contact .contact-item img {margin: 0;position: absolute;top: 5px;left: 0;} .section-contact .contact-item img.envelope {margin-top: 3px;} .section-contact .contact-item .item-name, .section-contact .contact-item a {font-size: 24px;color: #FFF;font-family: 'sk-modernistbold', 'Arial', 'Helvetica', sans-serif;display: inline-block;} .section-contact .contact-item .note {width: 370px;max-width: 100%;} .section-contact .note {color: #ABABAB;margin: 15px 0 20px 0;}*/ .section-banner-text {margin: 0 0 40px 0;} .section-banner-text .background {background: center center no-repeat;background-size: cover;text-align: center;padding: 5% 0;color: #FFF;position: relative;z-index: 1;} .section-banner-text .background:after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.2;z-index: -1;} .section-banner-text .icon-wrap {display: inline-block;background: #1D1D1D;text-align: center;width: 50px;height: 50px;border-radius: 50px;margin: 0 0 10px 0;} .section-banner-text .icon-wrap img {margin: 10px 0 0 0;width: 30px;} .section-banner-text .subtitle {text-transform: uppercase;color: #FFF;margin: 0;font-size: 14px;font-family: 'sk-modernistbold', 'Arial', 'Helvetica', sans-serif;font-weight: 400;line-height: 20px;} .section-banner-text .text-meta {margin-top: 20px;} .section-banner-text h1 {color: #FFF;margin: 0;font-size: 38px;font-family: 'sk-modernistbold', 'Arial', 'Helvetica', sans-serif;font-weight: 400;line-height: 45px;} .section-title {margin: 40px 0;} .section-title h2 {position: relative;text-align: center;margin: 0;padding: 0 0 30px 0;font-size: 30px;} .section-title h2:after {content: "";position: absolute;bottom: 10px;width: 42px;height: 3px;left: 50%;margin-left: -21px;background: #FF8D09;} .section-why {margin: 40px 0;} .section-why .item {margin: 0 0 20px 0;text-align: center;} .section-why .item h3 {color: #FFF;font-size: 26px;margin: 0 0 12px 0;padding: 0 0 12px 0;border-bottom: 1px solid #FF8D09;} .section-why .item p {margin: 0 0 5px 0;} .section-why .item a {} .section-share-icons {margin: 30px 0;text-align: center;} .section-share-icons a {display: inline-block;margin: 0 35px;} .section-share-icons img {margin: 0;} .section-technology-header {margin: 0 0 40px 0;} .section-technology-header img {margin: 0;} .section-technology-header .btn {margin-bottom: 5px;} .section-technology-header .background {background: center center no-repeat;background-size: cover;text-align: center;padding: 3%;color: #FFF;position: relative;z-index: 1;margin: 0 0 40px 0;} .section-technology-header .background:after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.2;z-index: -1;} .section-technology-header h2 {margin-top: 0;} .section-technology-header .share-link-instagram {margin-top: 40px;display: block;} @media (max-width: 991px) { .section-technology-header .btn {margin-bottom: 5px;} } .table-responsive {awidth: 100%;aoverflow: hidden;border: 0;} .table-responsive .table-responsive-controls {display: none;} .table-responsive .table-responsive-wrap {awidth: 100%;aoverflow-x: hidden;} .table-responsive th { position: sticky;left: 0; } .table-responsive .table-responsive-controls a {width: 30px;height: 30px;background: #FF8D09;line-height: 30px;display: inline-block;color: #FFF;font-size: 16px;text-align: center;} .table-responsive .table { max-width: none;width: auto; } /* .profile {} .profile-credit {} .profile-credit p {font-size: 16px;color: #7F7F7F;line-height: 54px;} .profile-credit p strong {font-weight: 700;color: #0A8639;font-size: 20px;} .profile-credit a.submit {font-weight: 700;font-size: 18px;padding: 0 10px 0 10px;text-decoration: none;margin: 15px 20px 0 0;display: inline-block;border: 0;color: #FFF;line-height: 54px;text-transform: uppercase;background: #129844;background: linear-gradient(to right, #129844 0%, #006C2B 100%);position: relative;} .profile-credit a.submit .ic {width: 30px;display: inline-block;height: 54px;background-position: 0 14px;} .profile-credit a.submit svg {height: 100%;position: absolute;top: 0;right: -20px;} .profile-credit a.submit svg polyline {fill: #006C2B;} .profile-orders {} .profile-orders .price-wrap {padding-right: 42px;} .profile-orders .header {background: #ECEDED;padding: 10px;font-size: #CCC;} .profile-orders .item {padding: 10px;border-bottom: 1px solid #ECEDED;} .profile-orders .item .link {display: inline-block;line-height: 26px;margin: 0 0 0 15px;background: #F6A600;color: #313133;font-size: 12px;text-transform: uppercase;padding: 0 5px;text-decoration: none;border-radius: 4px;font-weight: 700;} .profile-orders .item .link.order-detail {background-color: #098338;color: #FFF;} */ .category-tag {margin: 0 0 40px 0;} /* .order {margin: 0 0 12px 0;border-bottom: 1px solid #DDD;padding: 0 0 12px 0;} .order h3 {text-transform: uppercase;font-size: 16px;line-height: 25px;height: 25px;overflow: hidden;margin: 0 0 3px 0;} .order h4 {font-size: 14px;font-weight: 400;color: #666;} .order h4 a {color: #666;} */ .benefits {margin-bottom: 20px;} .benefits .img {position: relative;height: 350px;background: url(../img/benefits.jpg) center top no-repeat;background-size: cover;margin-top: 20px;} .benefits .img:before {display: block;content: "";width: 100%;height: 100%;background: #000;opacity: 0.3;position: absolute;top: 0;left: 0;} .benefits .img span {display: block;position: absolute;width: 178px;height: 178px;background: url(../img/benefit.png) center center no-repeat;top: 50%;left: 50%;margin: -89px 0 0 -89px;} .gm-style {} .gm-style img {max-width: none;} .gm-style .gm-style-iw {} .gm-style .gm-style-iw h2, #cart .gm-style .gm-style-iw h2 {margin: 0 0 10px 0;padding: 0;background: none;color: #FF8D09;font-size: 18px;} .gm-style .gm-style-iw p {margin: 10px 0;} .gm-style .gm-style-iw .more {display: inline-block;line-height: 25px;color: #999;margin: 0 10px 0 0;text-decoration: none;} .gm-style .gm-style-iw .more:hover {text-decoration: underline;} .gm-style .gm-style-iw .select-item {display: inline-block;line-height: 25px;background: none;border: 2px solid #FF8D09;color: #FF8D09;padding: 0 8px;text-decoration: none;font-family: 'sk-modernistbold';} .gm-style .gm-style-iw .select-item:hover {background: #F6A600;color: #FFF;} .modal {} .modal button.close {position: absolute;top: 10px;right: 10px;width: 20px;height: 20px;background: url(../img/modal-close.png) no-repeat;opacity: 1;z-index: 99;} .modal-content {border-radius: 0;position: relative;} .modal-content strong {color: #000;} .modal-catalog {background: #E0E0E0;padding: 20px 40px 20px 40px} .modal-catalog .category-wrap {margin: 0;} .modal-catalog h3 {color: #000;font-family: 'sk-modernistbold';margin: 0 0 30px 0;} .modal-buttons {background: #E0E0E0;background: #FFF;padding: 20px 40px 20px 40px;border-bottom: 1px solid #C5C5C5;} .modal-buttons .btn-primary {padding-left: 20px;padding-right: 60px;text-align: left;position: relative;} .modal-buttons .btn-primary:after {content: "";position: absolute;top: 50%;right: 20px;margin-top: -9px;width: 18px;height: 18px;background: url(../img/cart-arrow-next.png) no-repeat;} .modal-buttons .btn-sixth {position: relative;text-align: right;padding-left: 52px;padding-right: 18px;color: #666666;padding-top: 6px;padding-bottom: 6px;} .modal-buttons .btn-sixth:after {position: absolute;top: 50%;left: 20px;height: 18px;width: 18px;margin-top: -9px;content: "";background: url(../img/modal-arrow-back.png) no-repeat;} .modal-products {color: #333;padding: 40px 0 0 0;} .modal-products .loading {padding: 10px;text-align: center;} .modal-products .loading img {display: inline-block;} .modal-products .item {padding: 20px 40px;border-bottom: 1px solid #C5C5C5;} .modal-products .item .success {font-family: 'sk-modernistbold';color: #30D8AB;font-size: 38px;line-height: 37px;margin: 0;padding: 0 0 55px 0;background: url(../img/modal-product-success.png) right bottom no-repeat;} .modal-products .item .fail {font-family: 'sk-modernistbold';color: #333;font-size: 38px;line-height: 37px;margin: 0;padding: 0 0 55px 0;} .modal-products .item h2 {font-size: 18px;color: #333;margin: 0 0 15px 0;} .modal-products .item img {display: inline-block;} .modal-products .item p {margin: 1px 0;} .modal-products .item p .data-label {color: #787878;display: inline-block;width: 140px;font-size: 14px;text-transform: uppercase;} .modal-products .item p select {width: 180px;display: inline-block;line-height: 40px;height: 40px;} .modal-products .item .price {font-family: 'sk-modernistbold';font-size: 16px;} .modal-text {padding: 20px 40px;color: #000;} .modal-text h2 {text-align: center;margin: 0 0 25px 0;} .modal-cashback-buttons {padding: 0 0 40px 0;} .modal-store {color: #333;padding: 40px;} .modal-store .loading {padding: 10px;text-align: center;} .modal-store .loading img {display: inline-block;} .modal-delivery {} .modal-delivery .modal-content {box-shadow: none;padding: 0;background: none;border: 0;} .modal-delivery button.close {display: none;} .modal-delivery .embed-responsive {min-height: 530px;} .modal-delivery-iframe {background: #FFF;} .modal-alert {padding: 20px;} @media (max-width: 991px) { .modal-products {padding-top: 10px;} .modal-products .item {padding: 0 20px 10px 20px;} .modal-products .item .success {font-size: 24px;background: none;padding: 0;margin: 0 0 10px 0;} .modal-products .item .fail {font-size: 24px;padding-bottom: 25px;} .modal-buttons {padding: 10px 20px;;} .modal-buttons .btn-sixth {padding-left: 36px;padding-right: 13px;} .modal-buttons .btn-sixth:after {left: 10px;} .modal-buttons .btn-primary {padding-right: 36px;padding-left: 13px;} .modal-buttons .btn-primary:after {right: 10px;} .modal-products .item p.select-variant-wrap {text-align: center;margin-bottom: 20px;} .modal-products .item p.select-variant-wrap select {width: 100%;margin-bottom: 10px;} a.modal-buttons .btn-fifth-border {margin: 0 0 10px 0;} a.modal-buttons .btn-fifth-border:after {display: none;} a.modal-buttons .btn {padding: 5px 12px;} a.modal-buttons .btn-primary:after {display: none;} .modal-catalog {padding: 10px 20px;} .modal-catalog h3 {margin: 10px 0 20px 0;} } .modal-countries-select {padding: 40px 40px 30px 40px;} .modal-countries-select h2 {color: #000;margin: 0;} .modal-countries {padding: 20px 40px 20px 40px;} .modal-countries-eshops {background: #F6F6F6;} .modal-countries h2 {text-transform: uppercase;color: #777;font-size: 14px;margin: 0 0 20px 0;font-family: 'sk-modernistregular', 'Arial', 'Helvetica', sans-serif;} .modal-countries a {color: #333;text-decoration: none;display: inline-block;margin: 0 0 15px 0;} .modal-countries a:hover {text-decoration: underline;} .modal-countries a img {width: 35px;margin: 0 15px 0 0;} @media (min-width: 1400px) { .modal.fade .modal-dialog {width: 1200px;} } .modal-user {} .modal-user form {margin: 0;} .modal-user button.close {background-image: url(../img/modal-close-white.png);} /* .modal-user-login {padding: 20px;} */ /* .modal-newsletter {} .modal-newsletter form {margin: 0;} .modal-newsletter button.close {background-image: url(../img/modal-close-white.png);} .modal-shadow {} .modal-shadow.fade .modal-dialog {width: 992px;} .modal-shadow button.close {border: 2px solid #FF8D09;color: #FF8D09;border-radius: 100%;font-size: 30px;width: 40px;height: 40px;text-align: center;line-height: 34px;text-shadow: none;background: #333;} .modal-shadow .modal-backdrop {background-image: url(../img/modal-shadow.png);background-position: center center;} .modal-shadow .modal-content {background: none;box-shadow: none;border: 0;} .modal-shadow .img {/*height: 100%;position: absolute;bottom: 0;left: 0;*/height: 700px;position: relative;z-index: 99;} /*.modal-shadow .modal-shadow-footer {background: #393939;padding: 20px 70px 40px 30px;position: absolute;bottom: 0;width: 90%;right: 0;z-index: 100;text-align: right;font-size: 20px;line-height: 40px;} .modal-shadow .modal-shadow-footer img {margin: 0 10px;vertical-align: middle;} .modal-shadow .modal-shadow-footer .images {display: inline-block;} .modal-shadow .modal-shadow-footer .btn {vertical-align: top;margin-left: 20px;} .modal-shadow .modal-shadow-footer .triangle {position: absolute;z-index: 10;left: 0px;top: -69px;abackground: linear-gradient(to right top, #393939 50%, transparent 50%);width: 100%;height: 70px;atransform: scaleX(-1);clip-path: polygon(100% 0%, 0% 100%, 100% 100%); background: #393939;} .modal-shadow .modal-shadow-sale {position: absolute;bottom: 17%;right: 40px;width: 80%;z-index: 1;text-align: right;background: #FFF;padding: 0px 30px 80px 30px;color: #000;} .modal-shadow .modal-shadow-sale .background {position: absolute;top: 0;left: 0;background: #FFF;width: 100%;height: 100%;transform: rotate(-7deg);z-index: -1;} .modal-shadow .modal-shadow-sale .triangle {position: absolute;z-index: -1;left: 0px;top: -99px;abackground: linear-gradient(to right top, #FFF 50%, transparent 50%);width: 100%;height: 100px;atransform: scaleX(-1);clip-path: polygon(100% 0%, 0% 100%, 100% 100%);background: #FFF;} .modal-shadow .modal-shadow-sale button.close {top: -120px;right: -20px;} .modal-shadow .modal-shadow-sale h2 {color: #FF8D09;font-size: 42px;font-family: 'sk-modernistbold';font-weight: 700;margin: -50px 0 0 0;line-height: 40px;} .modal-shadow .modal-shadow-sale h3 {color: #000;font-size: 42px;font-family: 'sk-modernistbold';font-weight: 700;margin: 0;line-height: 40px;} .modal-shadow .modal-shadow-sale p {font-size: 22px;margin: 8px 0;} .modal-shadow .modal-shadow-sale p.valid {font-size: 18px;} .modal-shadow-red {} .modal-shadow .modal-shadow-sale {background: #dc0032;padding-bottom: 130px;color: #FFF;} .modal-shadow .modal-shadow-sale .triangle {background: #dc0032;} .modal-shadow .modal-shadow-sale h2 {color: #FFF;padding-top: 50px;font-size: 60px;line-height: 60px;} xxx.modal-shadow .modal-shadow-sale p {text-transform: uppercase;font-size: 30px;line-height: 30px;} .modal-shadow .modal-shadow-footer {text-align: center;padding: 20px 40px 40px 40px;} .modal-shadow .modal-shadow-footer p {display: inline-block;margin-top: 10px;max-width: 400px;line-height: 30px;font-size: 18px;font-weight: 700;font-family: 'sk-modernistbold';} .modal-shadow .modal-shadow-footer .images {vertical-align: top;} .modal-shadow .modal-shadow-footer .btn {background: #dc0032;border-radius: 10px;amargin-top: 10px;padding: 15px 30px;text-transform: uppercase;color: #FFF;font-size: 18px;font-family: 'sk-modernistbold';} @media (max-width: 991px) { .modal-shadow {text-align: center;} .modal-shadow.fade .modal-dialog {width: auto;} .modal-shadow .img {height: 300px;} .modal-shadow .modal-shadow-sale {position: relative;bottom: auto;right: auto;padding: 20px;width: 90%;margin: 0 auto;text-align: left;} .modal-shadow .modal-shadow-sale h2 {font-size: 28px;line-height: 30px;margin: 0;padding-top: 20px;} .modal-shadow .modal-shadow-sale h3 {font-size: 28px;line-height: 30px;} .modal-shadow .modal-shadow-sale p {font-size: 16px;line-height: 20px;} .modal-shadow .modal-shadow-sale .triangle {top: auto;bottom: -29px;height: 30px;abackground: linear-gradient(to left bottom, #FFF 50%, transparent 50%);clip-path: polygon(0% 100%, 0% 0%, 100% 0%);} .modal-shadow .modal-shadow-footer {position: relative;bottom: auto;right: auto;text-align: center;width: 100%;font-size: 16px;padding: 10px 10px 30px 10px;line-height: 30px;} .modal-shadow .modal-shadow-footer .triangle {top: -29px;height: 30px;} .modal-shadow .modal-shadow-footer .images {display: block;margin: 0 0 10px 0;} .modal-shadow .modal-shadow-footer .btn {margin-left: 0;} .modal-shadow .modal-shadow-footer img {max-width: 110px;margin: 0 5px;} } */ /* .christmass-delivery {position: relative;apadding: 15px;background: url(../img/product-christmass-info.png) right -24px no-repeat;abackground-size: cover;margin: 0 0 30px 0;z-index: 1;} /* .christmass-delivery:before {content: "";display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: url(../img/christmass-icon1.png) left bottom no-repeat;z-index: -1;} .christmass-delivery:after {content: "";display: block;position: absolute;top: 0;right: 0;width: 100%;height: 100%;background: url(../img/christmass-icon2.png) right top no-repeat;z-index: -1;} * / .christmass-delivery h3 {color: #FF8D09;font-size: 24px;line-height: 30px;font-family: 'sk-modernistbold';margin: 0 0 20px 0;background: linear-gradient(75deg, #ae7c2b, #fff6bf, #fff6bf); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .christmass-delivery .christmass-delivery-desc {margin: 0 0 20px 0;} .christmass-delivery .christmass-delivery-desc strong {width: auto;} .christmass-delivery .christmass-delivery-desc span {color: #FFF;font-size: 14px;} .christmass-delivery p {margin: 0;} .christmass-delivery p strong {display: inline-block;width: 250px;} .christmass-delivery p span {acolor: #FF8D09;} .christmass-delivery i {display: block;margin: 10px 0 0 0;color: #AAA;font-size: 14px;} */ .christmass-delivery {text-align: center;margin: 0 0 30px 0;} .christmass-delivery h2 {color: #FFF;margin: 0 0 4px 0;} .christmass-delivery h3 {color: #FF8D09;font-size: 16px;margin: 0;} .christmass-delivery p {margin: 0;} .christmass-delivery strong {} .christmass-delivery img {width: 20px;opacity: 0.7;} .christmass-delivery .christmass-delivery-header {} .christmass-delivery .christmass-delivery-header p {font-size: 20px;line-height: 28px;} .black-friday {display: block;float: right;aheight: 180px;margin: 0 0 20px 50px;} .black-friday img {margin-top: 20px;} @media (max-width: 767px) { .black-friday {margin: 0 0 20px 0;float: none;} } .section-alert {padding: 5px 0 5px 0;text-align: center;display: block;background: #F9C84E;color: #DD0000;font-size: 17px;line-height: 30px;font-family: 'sk-modernistbold';text-decoration: none;position: relative;z-index: 99;text-decoration: none;} .section-alert:hover {color: #DD0000;text-decoration: none;} .section-alert img {display: inline-block;margin: 0 50px 0 0;vertical-align: top;} .section-alert p {margin: 0;} .section-alert .alert-content {display: inline-block;vertical-align: top;} .section-alert .countdown {display: inline-block;margin: 0 0 0 50px;vertical-align: top;} .section-alert .countdown div {display: inline-block;apadding: 15px 0 0 0;vertical-align: top;acolor: #333;position: relative;awidth: 55px;line-height: 30px;} .section-alert .countdown .countdown-long {margin-left: 4px;} .section-alert .countdown div strong {font-size: 25px;acolor: #333;color: inherit;font-weight: 400;font-family: 'sk-modernistbold';adisplay: block;text-align: center;display: inline-block;width: 35px;text-align: right;vertical-align: top;} .section-alert .countdown div span {font-size: 12px !important;acolor: #333;color: inherit;aposition: absolute;atop: -5px;aleft: 0;awidth: 100%;aheight: 15px;atext-align: center;display: inline-block;margin-left: 3px;vertical-align: bottom;line-height: 20px;} .section-alert .tree-links {display: inline-block;} .section-alert .tree-links form {margin: 0;} .section-alert .tree-links .item {display: inline-block;width: 120px;} .section-alert .tree-links .bootstrap-select {line-height: 40px;} .section-alert .tree-links .btn-info {background: #FFF;} .section-alert .tree-links select {} @media (max-width: 992px) { .section-alert {font-size: 14px;line-height: 22px;} .section-alert .countdown {margin: 0;} } .section-tree-links {margin: 0 0 20px 0;} .section-tree-links h3 {color: #FFF;margin: 0;line-height: 40px;} .section-tree-links form {margin: 0;} .section-tree-links .item {} .section-tree-links .bootstrap-select {line-height: 40px;} .section-tree-links .btn-info, .section-tree-links .btn-info:active, .section-tree-links .btn-info:focus, .section-tree-links .btn-info:hover, .section-tree-links .open .btn-info {background: #FFF;border: 0;line-height: 40px;height: 40px;padding: 0 0 0 10px;font-size: 16px;color: #333;} .section-tree-links .dropdown-menu {padding: 0;border-radius: 0;margin-top: 7;border: 0;} .section-tree-links .dropdown-menu [data-original-index="0"] {font-family: 'sk-modernistbold';} .section-promo-form {margin: 0 0 20px 0;} .section-promo-form h2 {color: #FFF;font-size: 32px;line-height: 40px;margin: 0 0 20px 0;} .section-promo-form .form .checkbox label {color: #FFF;} .section-promo-form .form .submit-wrap {margin-top: 12px;} .section-promo-form .bx-wrapper {position: relative;} .section-promo-form .bx-wrapper img {margin: 0;} .section-promo-form .bx-wrapper .bx-controls-direction {display: none;} .section-promo-form .bx-wrapper .bx-pager {position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;background: rgba(0,0,0,0.5);} .section-promo-form .bx-wrapper .bx-pager .bx-pager-item {display: inline-block;margin: 10px 4px;} .section-promo-form .bx-wrapper .bx-pager a {display: inline-block;background: #4B443E;border: 0;width: 8px;height: 8px;text-indent: 500px;overflow: hidden;cursor: pointer;border-radius: 12px;padding: 0;margin: 0;} .section-promo-form .bx-wrapper .bx-pager a.active {background: #30D8AB;} .section-promo-form .report-success {background: #FFF;padding: 30px 20px 20px 20px;color: #333;text-align: center;min-height: 400px;} .section-promo-form .report-success h2 {color: #333;} .section-promo-form .report-success h2 .fa {font-size: 20px;top: 15px;right: 30px;color: #30D8AB;border: 1px solid #30D8AB;width: 30px;height: 30px;border-radius: 30px;text-align: center;line-height: 30px;margin-right: 12px;} /* .cookies-panel {position: fixed;left: 0;bottom: 0;font-size: 14px;width: 100%;padding: 10px 20px;max-width: 100%;background-color: #1D1D1D;background: rgba(29,29,29,0.7);z-index: 1000;color: #FFF;line-height: 20px;text-align: center;aopacity: 0.7;} .cookies-panel button {line-height: 40px;} .cookies-panel button {background: #000000;border: 0;padding: 0 15px;margin: 0 10px 0 0;color: #FFF;} .cookies-panel button .fa {margin-right: 8px;} .cookies-panel a {color: #FFF;text-decoration: underline;display: inline-block;margin: 0 5px;} .cookies-panel a:hover {text-decoration: none;color: #FFF;} @media (max-width: 991px) { .cookies-panel {font-size: 11px;line-height: 16px;padding: 8px 20px;} .cookies-panel .text {display: block;} .cookies-panel button {line-height: 25px;} } */ .cookies-container .pux-container {width: 1340px;max-width: 100%;padding-left: 15px;padding-right: 15px;margin: 0 auto;color: #000;} .cookies-container .cookies-panel {box-shadow: none;} .cookies-container .cookies-panel .cookies-inner-left a {color: #000;} .cookies-container .cookies-inner .cookies-inner-title {afont-weight: 400;} .cookies-container .cookies-btn {background: #F3F3F3;color: #000;text-decoration: none;margin-top: 0;border-radius: 0;border: 0;padding: 10px 30px;} .cookies-container .cookies-btn:hover {color: #000;} .cookies-container .btn-primary {background: #FF8D09;color: #FFF;font-family: 'sk-modernistbold';} .cookies-container .btn-primary:hover {color: #FFF;} .cookies-container .btn-primary:after {display: none;} .cookies-modal-content {color: #000;} .cookies-modal-content strong {color: #000;} .cookies-modal-content .checkbox-cookies label::before {border-color: #FF8D09;} .cookies-modal-content .checkbox-cookies input[type="checkbox"]:checked + label::before {background-color: #FF8D09;} .cookies-modal-content .checkbox-cookies input[type="checkbox"]:disabled + label::before {opacity: 1;} .absolute-bottom {display: block;position: fixed;bottom: 20px;left: 20px;z-index: 999;} .absolute-bottom img {max-width: 200px;margin: 0;} .absolute-bottom .close {font-size: 13px;position: absolute;top: 5px;right: 5px;background: #333;width: 20px;height: 20px;text-align: center;line-height: 20px;border-radius: 20px;color: #FFF;opacity: 1;} @media (max-width: 991px) { .absolute-bottom img {max-width: 140px;} } /* .window {} .window .modal-content {border-radius: 0;} .window .modal-content h1 {color: #313133;font-size: 26px;margin: 12px 0;font-weight: 700;} .window .modal-content h3.title {color: #313133;margin: 0 0 15px 0;font-weight: 400;font-size: 20px;} .window .modal-content .modal-header {background: #F5A100;} .window .modal-content .modal-body {padding: 0;} .window .modal-content .product-wrap {padding: 25px 15px;color: #313133;border-bottom: 1px solid #DDD;position: relative;} .window .modal-content .product-wrap a.close-product {position: absolute;top: 15px;right: 15px;text-decoration: none;color: #313133;} .window .modal-content .product-wrap a.close-product:hover {color: #F5A100;} .window .modal-content .product-wrap img {margin: 0;} .window .modal-content .product-wrap h2 {margin: 0 0 16px 0;font-weight: 700;} .window .modal-content .product-wrap strong {font-size: 15px;line-height: 25px;} .window .modal-content .product-wrap select {margin-bottom: 7px;} .window .modal-content .category-wrap {background: #ECEDED;padding: 15px;} .window .modal-content .order-wrap {padding: 15px;color: #313133;} .window .modal-content .order-wrap p.top {font-size: 16px;line-height: 24px;margin: 0;} .window .modal-content .order-wrap strong.my-bonus {display: inline-block;line-height: 45px;border-radius: 5px;background: #006C2B;background: linear-gradient(to right, #006C2B 0%, #129844 100%);padding: 0 12px;color: #FFF;margin: 0 5px;} .window .modal-content .order-wrap h3 {margin: 0 0 10px 0;} .window .modal-content .order-wrap p {margin: 0;} .window .modal-content .order-products-wrap {background: #ECEDED;padding: 15px;color: #313133;} .window .modal-content .order-products-wrap .products {color: #5C5B5E;} .window .modal-content .order-products-wrap .products .item {margin: 0 0 10px 0;} .window .modal-content .order-products-wrap .products img {margin: 0;} .window .modal-content .order-products-wrap .products h2 {margin: 10px 0 5px 0;color: #5C5B5E;font-weight: 700;} .window .modal-content .order-products-wrap .products h2 a {color: #5C5B5E;} .window .modal-content .order-products-wrap .products p {margin: 0;} .window .modal-content .order-products-wrap .products .hr {border-left: 1px solid #5C5B5E;margin: 10px 0 0 0;line-height: 40px;} .window .modal-content .order-products-wrap .products .price-number {font-weight: 700;} .window .modal-content .order-products-wrap hr {margin: 8px 0;} .window .modal-content .order-products-wrap .price-total {background: #FFF;padding: 5px 12px;border-radius: 5px;text-align: center;display: inline-block;} .window .modal-content .order-products-wrap .price-total .w-vat {display: block;font-size: 18px;line-height: 24px;} .window .modal-content .order-products-wrap .price-total .wo-vat {display: block;font-size: 12px;font-weight: 400;} .window .modal-content .order-products-wrap .reverse-charge {margin-top: 30px;font-size: 13px;line-height: 20px;} .window .modal-content .modal-footer {background: #313133;padding: 20px 0;text-align: left;} .window .modal-content .add a.product-add {font-weight: 700;font-size: 18px;padding: 0 15px 0 10px;border: 0;color: #FFF;line-height: 52px;text-transform: uppercase;background: #129844;background: linear-gradient(to right, #129844 0%, #006C2B 100%);position: relative;text-decoration: none;margin-top: 50px;} .window .modal-content .add a.product-add .fa {margin-left: 0px;margin-right: 10px;} .window .modal-content .add a.product-add svg {height: 100%;position: absolute;top: 0;right: -19px;} .window .modal-content .add a.product-add svg polyline {fill: #006C2B;} .window .modal-content .added {margin-top: 50px;font-size: 16px;font-weight: 700;} .window .modal-content a.submit {font-weight: 700;font-size: 20px;padding: 0 40px 0 30px;border: 0;color: #FFF;line-height: 64px;text-transform: uppercase;background: #129844;background: linear-gradient(to right, #129844 0%, #006C2B 100%);position: relative;margin-left: 20px;text-decoration: none;} .window .modal-content a.submit .fa {margin-left: -10px;margin-right: 20px;} .window .modal-content a.submit svg {height: 100%;position: absolute;top: 0;right: -20px;} .window .modal-content a.submit svg polyline {fill: #006C2B;} .window .modal-content .modal-footer .triangle-svg-large {color: #FFF;display: inline-block;vertical-align: top;position: relative;text-decoration: none;margin-left: 18px;margin-right: 20px;} .window .modal-content .modal-footer .triangle-svg-large span {line-height: 25px;display: inline-block;border: 2px solid #FFF;border-left: 0;avertical-align: top;padding: 5px 22px 5px 18px;font-size: 20px;} .window .modal-content .modal-footer .triangle-svg-large svg {height: 100%;position: absolute;top: 0;left: -18px;} .window .modal-content .modal-footer .triangle-svg-large:hover {color: #FFF;background: #006C2B;background: linear-gradient(to right, #006C2B 0%, #129844 100%);} .window .modal-content .modal-footer .triangle-svg-large:hover svg polyline {fill: #006C2B;} .window .modal-content .modal-footer .share {color: #666;font-size: 15px;} .window .modal-content .modal-footer .share a {display: inline-block;width: 188px;font-size: 13px;margin-top: 5px;height: 31px;padding: 0 0 0 45px;line-height: 31px;color: #FFF;background: url(../img/thankyou-share.png) left center no-repeat;text-decoration: none;} .window .modal-content .paypal-button {} .window .modal-content .paypal-button a {margin: 0;padding: 0 30px;} */ .content .gm-style {font-size: 14px;} .content .gm-style img {margin: 0;} .content .gm-style .gm-style-mtc {display: none !important;} /* .tooltip.right {padding: 5px 0 15px 0;} .tooltip.right .tooltip-inner {border-radius: 0;background: #000;background: rgba(0, 0, 0, 0.8);padding: 8px 12px;} .tooltip.right .tooltip-arrow {border-top-color: rgba(0, 0, 0, 0.8);margin-left: -15px;border-width: 15px 15px 0px;} */ .tooltip.right .tooltip-inner {padding: 8px 12px;min-width: 200px;} .tooltip.top {margin-left: -8px;} #mav-login {max-width: 380px;margin: 5% auto 0 auto;} #mav-login #main {padding: 0;} #mav-login #main .logo-wrap {text-align: center;} #mav-login #main .logo-wrap img {display: inline-block;} #mav-login {} .trusted-icons {} .trusted-icons > a {vertical-align: top;} #trustbadgeCustomContainer {display: inline-block;vertical-align: top;margin-left: 20px;} #trustbadgeCustomContainer div {position: relative !important;bottom: auto !important;left: auto !important;right: auto !important;top: auto !important;} /* @media (max-width: 768px) { header .logo {position: relative;float: none;text-align: center;margin: 0 auto;} } */ .navbar-collapse {box-shadow: none;border: 0;padding: 0;overflow-x: auto;} /* .navbar-collapse.in {overflow-y: hidden !important;} */ .text-xs-left { text-align: left; } .text-xs-right { text-align: right; } .text-xs-center { text-align: center; } .text-xs-justify { text-align: justify; } @media (min-width: 768px) { .text-sm-left { text-align: left; } .text-sm-right { text-align: right; } .text-sm-center { text-align: center; } .text-sm-justify { text-align: justify; } } @media (min-width: 992px) { .text-md-left { text-align: left; } .text-md-right { text-align: right; } .text-md-center { text-align: center; } .text-md-justify { text-align: justify; } } @media (min-width: 1200px) { .text-lg-left { text-align: left; } .text-lg-right { text-align: right; } .text-lg-center { text-align: center; } .text-lg-justify { text-align: justify; } } @media (min-width: 1600px) { #product .top-info .photos .thumbs {min-width: 650px;} } @media (min-width: 1600px) { #intro .text {margin-top: 51px;} #categories-home .cat-84 a {background-position: center 13px;} #product .top-info .info form {margin-top: 35px;} } @media (min-width: 768px) { /* #brand .on-left {width: calc(50vw - 375px + 8px);} footer .on-right {width: calc(50vw - 375px + 8px);} */ } @media (min-width: 992px) { /* #brand .on-left {width: calc(50vw - 485px + 8px);} footer .on-right {width: calc(50vw - 485px + 8px);} */ } @media (min-width: 1200px) { /*#brand .on-left {width: calc(50vw - 585px + 8px);}*/ /*footer .on-right {width: calc(50vw - 585px + 18px);}*/ /*#main-menu .submenu-columns ul li {width: 49%;}*/ } @media (min-width: 1600px) { #banners-news {margin-top: -60px;} #banners-slides .item .carousel-caption {margin-bottom: 5%;} #banners-slides .carousel-indicators {bottom: 0;} /* #brand .on-left {width: calc(50vw - 787px + 10px );} footer .on-right {width: calc(50vw - 787px + 10px);} */ } @media (min-width: 1200px) { #brand .logos img {max-width: 65px;margin-top: 7px;} } @media (min-width: 1600px) { body {font-size: 16px;line-height: 24px;} #brand h2 .hp {font-size: 30px;} .row-content {margin-left: -3%;margin-right: -3%;} .row-content > div {padding-left: 3%;padding-right: 3%;} #product .top-info .info .prices {amargin: 15px 0;apadding: 17px 0;} #product .top-info .info .variants {margin: 15px 0;} footer .bg-test {padding-left: 70px;background-position: 30px top;} /*#categories-submenu ul li {width: 150px;}*/ #main-carousel .item .item-in {padding-top: 80px;}*/ #main-carousel .carousel-inner {height: 200px;} #main-carousel .item img {max-height: 200px;} /*#banners-slides .item {height: 450px;}*/ } @media (max-width: 420px) { #header-main .not-logged {background: none;} } @media (max-width: 991px) { #brand h2 {background: none;padding-right: 0;} #brand h2 span {padding: 15px 0 15px 15px;} #brand .on-left, footer .on-right {display: none;} #brand a.img-wrap {border-right: 0;} footer .info .contact {} /* #product .top-info .photos {padding: 15px;} #product .top-info .info {padding: 15px;} #product .top-info .photos .thumbs {max-width: 999px;} */ .affix-container.affix {position: relative !important;top: auto !important;width: auto !important;margin-top: 20px;} .navbar-collapse.collapse { display: none !important; } .navbar-collapse { overflow-x: none !important; } .navbar-collapse.in { overflow-y: none !important; } .collapse.in { display: block !important; } button.collapsed {display: block;} .christmass-delivery {padding-top: 50px;} .christmass-delivery:before {display: none;} .christmass-delivery:after {content: "";display: block;position: absolute;top: 0;right: 0;width: 100%;height: 100%;background: url(../img/christmass-icon2.png) right top no-repeat;z-index: -1;} .christmass-delivery p {margin-bottom: 10px;} .christmass-delivery p strong {width: auto;} } @media (max-width: 1200px) { #product .top-info .photos {background: #FFF;} #brand h2 {font-size: 20px;} #header-main .not-logged .ic {display: none;} footer .bg-test p.icons img {margin-right: 10px;} footer .bg-test {background: none;padding: 0;} footer .delivery-description {apadding: 0 15px;background: #F6A600;amargin-top: 15px;} #product .top-info .photos-wrap {background: #FFF;margin: 0;} } /* iframe[data-testid=dialog_iframe] {display: none !important;} */