@charset "UTF-8"; @font-face {font-family:'Montserrat';font-style:normal;font-display:swap;font-weight:400;src:url('../font/Montserrat-Regular.ttf') format('truetype');} @font-face {font-family:'Montserrat';font-style:normal;font-display:swap;font-weight:500;src:url('../font/Montserrat-Medium.ttf') format('truetype');} @font-face {font-family:'Montserrat';font-style:normal;font-display:swap;font-weight:600;src:url('../font/Montserrat-SemiBold.ttf') format('truetype');} @font-face {font-family:'Montserrat';font-style:normal;font-display:swap;font-weight:700;src:url('../font/Montserrat-Bold.ttf') format('truetype');} @font-face {font-family:'Montserrat';font-style:normal;font-display:swap;font-weight:900;src:url('../font/Montserrat-Black.ttf') format('truetype');} @font-face { font-family:'icons-nav'; src:url('../font/icons-nav.ttf?cnwnjs') format('truetype'); font-weight:normal; font-style:normal; } html {position:relative;scrollbar-width: none;background:#eee;} body {width:100%;min-width:360px;max-width:100%;margin:0;padding:0;color:#000;font-size:15px;font-family:'Montserrat',Arial,Helvetica,sans-serif;background:#fff;} /* html::-webkit-scrollbar, .credit div.popup section::-webkit-scrollbar {width:0px;height:0px;background:transparent;} */ ::-webkit-scrollbar {width: 0;height: 0;} /*2023-03-14mss: test to scroll reservations! body::-webkit-scrollbar {width: 11px;height: 100%;}*/ /** base rules */ header,nav,main,menu,section,article,details,aside,footer {display:block;margin:0;} /*body>header::after,.footer::after,*/header::after,section::after,main footer::after,form::after,div.product::after{content:"";display:block;clear:both;} ul,ol {margin:0;padding:0;font-size:0;list-style-type:none;} ul li,ol li {display:inline-block;font-size:15px;} dl,dt,dd {margin:0;} p {margin:16px 0;} p.fl {display: flex;align-items: center;} *[onclick],*[data-click],*[data-link],*[data-href] {cursor:pointer;} *[disabled] {opacity: 0.5;} *[readonly] {opacity: 0.5;} img {outline:none;border:0;user-select:none;} a {text-decoration:underline;color:inherit;} nav a,nav a.link {text-decoration:none;} aside a {text-decoration:none;} article a {text-decoration:none;} a:active, a:hover {outline:0;text-decoration:none;} form {margin:0;padding:0;} button, input, optgroup, select, textarea {margin:0;color:inherit;font:inherit;} input::placeholder, select::placeholder {text-transform: none;} button, select {text-transform:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;} input.num {text-align:right;} h1 {margin:0;padding:12px 0 6px 0;font-size:21px;} h2 {margin:0;padding:8px 0 4px 0;font-size:17px;} h3 {margin:0;padding:4px 0 2px 0;font-size:16px;} select:-moz-focusring {color:transparent;text-shadow:0 0 0 #000;outline:none;} button {padding:0;overflow:visible;border:0;cursor:pointer;} button::-moz-focus-inner {padding:0;border:none;} select::-ms-expand {display:none;vertical-align:top;} time {display: inline-block;margin-bottom: 11px;color: #888;font-size: 16px;font-weight: normal;} table {border-collapse:collapse;border-spacing:0;} td, th {padding:0;} .loading {position:relative;/*min-height: 80px;*/} .loading::after {content:attr(data-loading);display:block;position:absolute;top:0;right:0;bottom:0;left:0;min-height:20px;padding-left:30px;color:#1c1f29;background:transparent url('../img/loading.gif') center center no-repeat;background-size:auto 20px;} form.loading::after {content:attr(data-loading);position:absolute;display:block;box-sizing:border-box;left:0;top:0;width:100%;height:100%;padding-top:10%;font-size:24px;text-align:center;background:rgba(255,255,255,0.9);z-index:100;} a.img img {display:block;} div.img,a.img {display:block;position:relative;width:134px;height:150px;margin:0 auto;text-align:center;overflow:hidden;} picture {display:block;} section.list picture {display:block;position:relative;height:100%;} div.img.hide,a.img.hide {display:none;} div.img::before,a.img::before {content:'';display:block;padding-top:100%;} div.img img,a.img img {display:block;position:absolute;top:-1000%;bottom:-1000%;left:-1000%;right:-1000%;max-width:100%;max-height:100%;margin:auto;} div.video {position:relative;width:100%;margin-bottom: 18px;} div.video::before {content:'';display:block;padding-top:56.25%;} div.video iframe {display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;} a.close,button.close {z-index:2;display:inline-block;position:absolute;top:5px;right:5px;font-size:0;text-decoration:none;width:11px;height:10px;background:transparent url('../img/close.png') center center no-repeat;background-size:contain;} .close::after {/*2022-02-13mss:to be checked by Iva where is needed! ;content:"";display:inline-block;background:url(../img/primex-images/group_152.svg);background-size:cover;width:26px;height:26px;margin-top:20px;*/} .left {float:left;} .right {float:right;} .right-pos {right:20px;} .half {width:49%;/*2022-02-13mss?@?@?:width:44%;padding:0px 15px;*/} .full {width:100%;} .cen,.center {text-align:center;} .num {text-align:right;} .text-left {text-align:left;} .hidden,.hide,.onlyDesktop {display:none;} .yellow {color:#F2E200;} .blue {color:#322C90;} .error-free {display:none !important;} .wrapper {width:90%;margin:0 auto;margin-top:20px;} .flex {display:flex;align-items:center;} p.flex {display:flex;justify-content: space-between;} div.rte h2 {margin-bottom: 16px;} div.rte a {font-weight: bold;} div.rte p {margin:0 0 16px;} div.rte h4, div.rte h5, div.rte h6 {max-width:none;background:none;margin:0px;color:#000;padding:0px} div.rte h4::before, div.rte h5::before, div.rte h6::before {display:none;} div.rte ul li {display:block;padding:5px 0px;} div.rte ul li::before {content: "•";display: inline-block;width: 20px; font-size: 18px;color: #ffb100;color: #000;} /*COLOR STYLE*/ .red {color:red;} .white {color:#fff;} .green {color:#14B936;} .blue {color:#328CFE;} .dark-blue {color:#322C90;} .bold {font-weight:700;} .gray {color:#5D5D5D;} .bacg-yellow {background-color:#F2E200;} .bacg-blue {background-color:#221C74;} .bacg-lightblue {background-color:#322C90;} .bacg-green {background-color:#F0F0F0;} .bacg-white {background-color:#fff;} .bacg-gray {background-color:#484848;} .bacg-lgray {background-color:#E6E6E6;} .shadow {box-shadow:2px 2px 10px gray;} .height {height:20px;} .border-color {border:1px solid #F2E200;} .price {font-weight:700;color:#000;font-size:18px;} .total {font-weight:700;font-size:24px;} .old-price {text-decoration-line:line-through;font-size:14px;color:gray;} .style-chk {display:block;margin-top:30px;background-color:#F2E200;padding-bottom:15px;border-radius:8px;} /** page template **/ /* header */ body > header {position:sticky;top:0;height:63px;padding:0;background:#000;display:flex;align-items:center;z-index:100;} body > header > a {flex:none;} body > header > nav {flex:auto;} a.logo {position:relative;padding:0 12px 2px 16px;line-height:61px;background:#322c90;} a.logo::after {content:'';display:block;position:absolute;top:0;right:-9px;bottom:0px;width:18px;background:#322c90;transform:skew(-12deg,0deg);} a.logo img {width:145px;vertical-align:middle;} nav.main {display:none;color:white;} ul.main li {display:block;position:relative;min-width:300px;margin:0;border-bottom:1px solid #D9D9D9;color:#000;} ul.main li a {display:block;height:60px;border-bottom:2px solid transparent;/*2022-03-26mss: padding-left:30px;*/ padding:0 30px 0 30px; font-size:17px;line-height:60px;font-weight:500;} ul.main li a.sub::after {content:"";position:absolute;display:inline-block;right:21px;top:20px;width:20px;height:30px;background:url('/img/menu-down.svg');background-size:12px;background-repeat:no-repeat;} ul.main ol,ul.main li a.sub+ol {display:none;background:#f3f3f3;padding-left:30px;} ul.main ol li {border-bottom:none;} ul.main ol a {height:50px;line-height:50px;font-size:15px;} ul.main ol b {height:40px;padding:0 30px;line-height:40px;font-size:15px;white-space: nowrap;font-weight: 500;} ul.main li.quickLink {padding-bottom: 16px;} ul.main li.quickLink a {box-sizing: border-box;height: 30px;padding-left: 60px;line-height: 30px; text-decoration: underline;font-size: 13px; } ul.main li.quickLink a:hover {text-decoration: none; } ul.social {display:flex;box-sizing:border-box;width:320px;padding:24px;align-items:center;} ul.social li {flex:auto;} ul.social li a {display:block;width:40px;height:40px;} ul.brand {display:flex;align-items:center;/*flex-wrap: wrap;*/box-sizing:border-box;width:320px;padding:24px;} ul.brand li {flex:auto;width: 25%;} ul.brand li img {display:block;max-width: 88%;/*2024-09-10mss: breaks Our brands-page! height: 40px;height: 48px;height: 62px;*/margin: auto;} footer ul.brand li img {display:block;max-width: 88%;/*2024-09-10mss: new! height: 40px;height: 48px;*/height: 62px;margin: auto;} a.facebook {background:url('/img/facebook-icon.svg') center center no-repeat;} a.instagram {background:url('/img/instagram-icon.svg') center center no-repeat;} a.youtube {background:url('/img/youtube-icon.svg') center center no-repeat;} a.linkedin {background:url('/img/linked-icon.svg') center center no-repeat;} .head ul {display:flex;justify-content:flex-end;align-items:center;padding-right:16px;} .head li {flex:none;/*2022-03-04mss? breaks `add to cart` popup!* / position:relative;/*!*/text-align:center;} .head li a {margin-right:16px;} .head .phone {/*2022-09-02mss: test! ;*/display:none;} .head .login {/*2022-09-02mss: test! ;*/display:none;} .head .profile {/*2022-09-02mss: test! ;*/display:none;margin-right: 16px;} .head .profile a {display:block;height:30px;line-height: 28px;padding:0 9px;text-align: center;text-transform: capitalize;color:#000;font-weight: bold;font-size: 14px;border-radius:8px;background-color:#F2E200;} .head .compare>a {display:none;} .head .cart>a {display:none;} .head .phone a {display:block;position:relative;width:22px;height:22px;background:url('/img/phone.svg') center left no-repeat;background-size:22px;} .head .lang {display: none;} .head .lang a {display:block;height:30px;width:35px;margin-right: 0px;line-height: 28px;text-align: center;text-transform: capitalize;color:#000;font-weight: bold;font-size: 14px;border-radius:8px;background-color:#F2E200;} .head .lang a.active {display: none;} header.open .head .profile {display: none;} header.open .head .lang {display: block;margin-right: 16px;} header.open .head .phone {display: block;margin-right: 16px;} /* .head .phone>a {position:absolute;top:0;right:0;bottom:0;left:0;} */ .head .menu {display:block;width:25px;height:20px;background:url(/img/menu.svg) center left no-repeat;} .head a.show {display:block;} a.compare-icon {position:relative;display:block;width:41px;height:20px;background:url('/img/compare.svg') center left no-repeat;background-size:41px;} a.cart-icon {position:relative;display:block;width:30px;height:22px;background:url('/img/cart.svg') center left no-repeat;background-size:30px;} .counter {position:absolute;top:-13px;right:-10px;width:18px;height:18px;border:2px solid black;border-radius:50px;line-height:18px;color:black;font-size:11px;text-align:center;font-weight:700;background:#F2E200;z-index:1;} .open nav.main {display:block;position:fixed;top:60px;right:0;height:100%;width:300px;overflow-x:hidden;padding:0px;box-shadow:0 0 25px rgba(0,0,0,0.16);background:white;transition:0.5s;z-index:101;} .open nav.main ul.main {display:block;} ul.main li.open a.sub::after {transform:rotate(90deg);} ul.main li.open ol,ul.main li.open a.sub+ol {display:block;} .open .head {display:block;position:fixed;top:0;right:0;height:60px;width:300px;overflow-x:hidden;padding:0px;background:white;z-index:101;} .open .head .menu {background:url('/img/close.svg') center center no-repeat;height:60px;} .open .head .compare {display:none;} .open .head .cart {display:none;} section.list.abonament label {margin-bottom: 10px;} section.list.abonament label.x {margin-left:0px;margin-right: 0px;} /* @media only screen and (min-width:428px){ .head .phone a {display:block;} } */ body.page-job\.detail main.column aside {max-width: 500px;box-sizing: border-box;} a.cls {display:none;} @media only screen and (max-width:480px){/*2024-07-05mss: ?!?@ and (min-width:360px)*/ aside > nav.search.popupIva {display:block;z-index:300;position:absolute;top:5%;left:0;right:0;width:90%;min-width:338px;max-width:356px;margin:0 auto;padding:0;border:0px solid #fff;border-radius: 17px;background:#fff;box-shadow:0 0 50px #000;transition:all 0.4s;} aside > nav.search.popupIva article {min-width: 338px;border-radius:17px;} aside > .popupIva a.cls {display: inline-block;position: absolute;top: -11px;right: -7px;width: 29px;height: 29px;font-size: 0px;background: url(../img/primex-images/group_169.svg) no-repeat;cursor: pointer;} aside > nav.search.popupIva .header {border-top-left-radius:17px;border-top-right-radius:17px;} aside > nav.search.popupIva .header a.search {border-top-left-radius:17px;} aside > nav.search.popupIva .header a.vehicle {border-top-right-radius:17px;} aside > nav.search.popupIva .search label.ratio {text-indent: -37%;} } @media only screen and (min-width:1080px){ nav.main {display:block;} .main ul {display:flex;justify-content:space-evenly;/*2025-01-14mss: padding-left:30px;*/ padding-left: 30px;align-items:center; /*!*/ } ul.main>li {flex:0 1 auto;min-width:auto;border-bottom:0;/*2025-01-14mss: padding-left:30px;*/ padding: 0 10px; /*!*/ } ul.main ol li {/*2022-03-26mss?: min-width:auto;*/} ul.main>li>a {position:relative;color:#fff;/*2025-01-14mss: font-size:16px;*/ font-size: 14px;/*!*/ font-weight:500;height:unset;line-height:unset;padding:4px 0;max-width:max-content;} ul.main li.active > a, ul.main a:hover {border-bottom:2px solid #F2E200;} ul.main li a.sub {padding-right:15px;} ul.main li a.sub:hover {border-bottom:2px solid transparent;} ul.main li a.sub::after {width:20px;right:3px;top:6px;transform:rotate(90deg);background-size:8px;} header ul.social {display:none;} li.open ol,ul.main li.open a.sub+ol,ul.main li:hover a.sub+ol {z-index:102;box-sizing:border-box;display: flex !important;flex-wrap: nowrap; position:absolute;/*2022-03-26mss: width:100%;*/min-width:200px;padding:10px 0;border-radius:15px;box-shadow:0 2px 5px rgb(0 0 0 / 50%);background:#fff;} li.open li,li:hover li {box-sizing: border-box; min-width: 245px; } ul.main li.quickLink {min-width: 50px;padding:0 30px; } ul.main li.quickLink a {height: 24px;line-height: 24px; font-size: 12px; } li.open li a,li:hover li a {white-space: nowrap; color:#000;border-bottom:2px solid #fff;} li.open li a:hover,li:hover li a:hover {border-bottom-color:white;background:#F2E200;} .head .menu {display:none;} .head .lang {display: block;margin-left:0px;} .head .profile {/*2022-09-07mss: no need! moved in main menu! display: block;margin-left:0px;*/} body.page-job\.detail main > header {flex:0 1 100%;} body.page-job\.detail .column {display: flex;justify-content: space-between;flex-direction: row;flex-wrap: wrap;} body.page-job\.detail div.plot {display: inline-block;width: 40%;margin: unset;} body.page-job\.detail main.column aside {padding: 0 50px 0 0;flex: 1 0 50%;max-width: 500px;box-sizing: border-box;} } @media only screen and (max-width:1280px){ body.page-subcategory main {display: flex;flex-direction: column;} body.page-subcategory aside {order:1;} } @media only screen and (min-width:1280px){ body > header {height:82px;} a.logo {line-height:80px;padding:0 40px 2px 50px;} a.logo img {width:185px;/*width: 226px*/ } .main ul {/*2025-01-14mss: padding-left:50px;*/} ul.main a {font-size:17px;} ul.main>li>a {font-size: 16px; } .head ul {padding-right:25px;} .head li a {margin-right:25px;} body.page-job\.detail div.plot {width:61%;} } @media only screen and (min-width:1600px){ body {width:1600px;margin:auto;} } /* Content */ main {/*2022-03-04mss:breaks `captcha popup`! position:relative;*/ min-height: 50vh;} main > header {position:relative;margin:16px;} main > header .back {/*2022-03-08mss: ;position:absolute;right:0;top:16px;*/ float: right;margin-top: 16px;text-decoration:none; } a.back::before {content:"";display:inline-block;width:16px;height:14px;background:url('/img/back-icon.svg') center center no-repeat;background-size:8px;} a.back:hover {text-decoration:underline;} a.back.left {float: left;} a.game {display: inline-block;margin-top: 20px;} .breadcrumb {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .breadcrumb a:hover {text-decoration:underline;} /* .breadcrumb a.home{font-size:0;} */ .breadcrumb a::after {content:"";display:inline-block;margin-left:5px;width:13px;height:16px;background:url(/img/back-icon.svg) center center no-repeat;background-size:7px;transform:rotate(180deg);vertical-align:bottom;} .breadcrumb a.home {font-size:0;} .breadcrumb a.home::before{content:"";display:inline-block;margin-right:0px;width:21px;height:20px;background:url(/img/home-icon.svg) center center no-repeat;background-size:21px;vertical-align:bottom;} nav.sub {white-space:nowrap;overflow: auto;margin: 0 -16px;padding-left: 16px;} nav.sub a.btn.active {border-color:#322c90;background: #322c90;color:#F2E200;} section/*breaks cart.user.php:,main footer*/ {padding:0 16px 24px;} section.dark,div.dark {background:#f2f2f2;} div.form {margin: 16px 0;padding:12px 16px 0px;border-radius:12px;background:#f2f2f2;} body.page-reservation\.work div.form {min-height: 140px;padding-bottom: 12px;} body.page-cart\.checkout div.form {min-height: 140px;padding-bottom: 12px;} div.form h3 {font-size:15px;line-height:39px;font-weight:400;} div.form h4 {margin-top: 5px;margin-bottom: 5px;} div.form p {margin:0 0 9px;padding:0;} div.form label.half {width:49%;} div.form label.third {width:32%;} div.form label.quarter {width:24%;} form label.small {font-size: 12px;} section.map {position:relative;aspect-ratio:16/9;overflow:hidden;padding:0;} section.map.privateMap iframe {/*2022-05-03mss: style private map: */margin-top: -50px;border-width: 0;} aside:first-of-type div.form/*2022-09-02mss:, div.form.contact,div.form.game*/ {margin-top: -12px;} div.form.contact p,div.form.game p,div.form.login p {margin:16px 0;} dl.share {} dl.share dt {margin: 18px 6px;font-weight: bold;font-size: 16px;} dl.share dd {display: flex;justify-content: space-between;max-width: 200px;} /* homepage */ section.banner {position:relative;aspect-ratio:9/16;/*2022-03-18mss: test: ;overflow:hidden;*/margin:0;padding:0;} .banner img {position:absolute;/*2022-03-18mss: test:*/width:100%;height: 100%;object-fit:cover;} .banner > ul {position:relative;padding:15% 16px 30%;color:#fff;z-index:2;} .banner .text h1,.gallery h3 {font-size:36px;color: #fff;text-shadow: 0 0 10px black;} .banner .text h3 {} .banner .text div, .gallery div {margin:12px 0;font-size:18px;font-weight:700;color: #fff;text-shadow: 0 0 10px black;} .gallery {} body.page-job .gallery dl {width: 100%;/*height: 600px;*/aspect-ratio:16/9;width: 100%;height: 300px;} body.page-job .gallery dt {height: 100%;} body.page-job .gallery img {z-index: -1;object-fit;position: absolute;top: 0;right: 0;bottom: 0;left: 0;} body.page-job .gallery article {padding-top: 10%;padding-left: 20%;} .banner .text p {font-size:18px;font-weight:700;margin:22px 0;} .banner >ul li {width: 100%;} .banner li.button a {width:100%;box-shadow: 0 0 10px grey;} .banner li.text a {text-decoration: none;} .banner li.text a:hover {text-decoration: underline;} .banner .message {z-index: 100;position: relative;} .search-inline {/*2022-07-05mss: add search!*/} .search-inline .banner {aspect-ratio:9/11;} .search-inline .banner>ul {padding:5% 16px 5%;} .search-inline .banner .text h1 {padding: 0;line-height: 36px;} .search-inline .banner li.button a {margin: 9px 0;} main.reservation li {display:block;max-width:500px;} ol.step {display:flex;position:relative;margin:30px auto 15px;max-width:560px;} ol.step::before {content:"";position:absolute;top: 8px;left:0;right:0;margin:auto;width:76%;height:2px;background:#c5cfde;} ol.step li {position:relative;width:25%;text-align:center;padding-top:24px;font-size:13px;} ol.step li a {position: absolute;top: 0;right: 0;bottom: 0;left: 0;padding-top: 24px;text-decoration:none;} ol.step li.active {color:#322c90;font-weight:600;} ol.step li::before {content:"";display:inline-block;position:absolute;top:0px;left:0;right:0;margin:auto; width:16px; background:#c5cfde;height:16px;border-radius:50px;} ol.step li.active::before{background:#322c90;} /* reserved menu */ ol.step.reserved {} ol.step.reserved::before {/*display: none;*/} ol.step.reserved li {color:#322c90;font-weight:600;} ol.step.reserved li::before {background:#322c90;} a.forgotten {display:block;margin:8px 0;text-align:right;} .calendar {margin:auto;min-width: 275px;width: 275px;max-width: 275px;} .calendar p.head {text-align: right;} .calendar p.head a {display:inline-block;margin:0 4px 10px 0;font-size:15px;font-weight:700;background:transparent;} .calendar p.head>a {width: 30px;height: 30px;} .calendar p.head a.s,.calendar p.head a.st, .calendar p>b {display:none;} .calendar p.head span {float: left;line-height: 36px;} .calendar p>a {display:inline-block;width: 34px;height: 34px;line-height: 34px;font-weight:700;text-align:center;margin:0 5px 10px 0;border-radius:50%;vertical-align:bottom;cursor:pointer;font-size:16px;} .calendar a.readonly, .calendar a.void{cursor:not-allowed;background:transparent;color: #a4a4a4;} .calendar a.current {background:#f2e200;} /*2022-03-06mss???:.calendar a,*/ .calendar a.active {background:#96dfa4;} .sticky section.corporate {max-width: 100%;overflow: scroll;} .sticky section.corporate::-webkit-scrollbar {width: 11px;height: 11px;} .sticky section.corporate::-webkit-scrollbar-track {padding: 2px;background: #fff;box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);border-radius: 6px;} .sticky section.corporate::-webkit-scrollbar-thumb {background-color: lightgrey;border-radius: 6px;} .sticky section.corporate::-webkit-scrollbar-thumb:hover {background-color: darkgrey;} .sticky table.schedule th {/*color: #322c90;*/ z-index: 99;position: sticky;left: 0;background: #fff;} .sticky table.schedule {text-align: left;max-width: 500px;overflow: scroll;/*border-collapse: separate;border-spacing: 5px;*/} table.schedule {width: 100%;text-align: left;/*border-collapse: separate;border-spacing: 5px;*/} table.schedule th,table.schedule td {width: 100px;padding: 9px;/*2022-09-14mss: ;white-space: nowrap;*/border: 1px solid #7A7F94;/*border-radius: 8px;background: #eee;*/} table.schedule tr:first-of-type th,table.schedule tr:first-of-type td {padding-bottom: 0;font-weight: bold;border-width: 0;background: none;} table.schedule span {margin: 2px;font-weight: normal;font-size: 10px;box-shadow: 0 0 2px #999;} table.schedule span:hover {box-shadow: 0 0 6px gray;} table.schedule td {min-width: 90px;vertical-align: top;} table.schedule em {display: block;font-size: 0.75em;} table.schedule .off {opacity: 0.5;background: #bbb;} /* title */ h2.title {padding:0 16px;} b.title {display:block;margin:20px 0 10px;font-size:16px;} strong.title {display:block;padding-left:16px;margin-top:20px;text-transform:uppercase;font-size:15px;color:#000;text-align:left;font-weight:bold;} /* icon */ .atribute-icon b::before {content:"";display:inline-block;background-repeat:no-repeat;} .atribute a::before {content:"";display:inline-block;position:absolute;background-repeat:no-repeat;} .atribute .smaller a::after {content:"";display:inline-block;position:absolute;top:30px;background-repeat:no-repeat;} .atribute-icon dl b {position:relative;} .atribute-icon dl b::after {content:"";display:inline-block;background-repeat:no-repeat;} .atribute-icon .smaller b::after {content:"";display:inline-block;background-repeat:no-repeat;} .smaller .economy-icon::after {background:url(../img/primex-images/group_453.svg);background-size:cover;} .smaller .gas-icon::after {width:40px;height:20px;background:url(../img/primex-images/group_200.svg);background-size:40px;} .smaller .rain-icon::after {width:40px;height:20px;background:url(../img/primex-images/group_426.svg);background-size:40px;} .smaller .speaker-icon::after {width:40px;height:20px;background:url(../img/primex-images/group_201.svg);background-size:40px;} .economy-icon::after {width:25px;height:27px;background:url(../img/primex-images/group_453.svg);} .gas-icon::after {width:60px;height:25px;background:url(../img/primex-images/group_200.svg);background-size:59px;} .rain-icon::after {width:60px;height:25px;background:url(../img/primex-images/group_426.svg);background-size:55px;} .speaker-icon::after {width:60px;height:25px;background:url(../img/primex-images/group_201.svg);background-size:55px;} a.close-tires {display:inline-block;position:relative;width:40px;height:40px;background:url(../img/primex-images/group_169.svg) no-repeat;} .tires-info .snow-icon::after {width:40px;height:20px;background:url(../img/primex-images/group_413.svg);background-size:40px;} .car-icon::after {width:40px;height:24px;background:url(../img/primex-images/group_65.svg); background-size:34px;background-repeat:no-repeat;} .snow-icon::before {width:25px;height:25px;background:url(../img/primex-images/group_413.svg);background-size:18px;background-repeat:no-repeat;} .snow-icon::after {width:25px;height:25px;background:url(../img/primex-images/group_413.svg);background-size:18px;background-repeat:no-repeat;} .gas-icon.a::after {width:44px;height:20px;background:url(../img/primex-images/gas-green.svg);background-size:43px;} .rain-icon.c::after {width:44px;height:20px;background:url(../img/primex-images/rain-blue.svg);background-size:43px;} .pen-icon::after {right:62px;top:25px;width:44px;height:20px;background:url(../img/primex-images/pen-icon.svg);background-size:16px; } .another-car-icon::after {right:1px;width:24px;height:24px;margin-top:16px;background:url(../img/primex-images/another-car-icon.svg);background-repeat:no-repeat;background-size:22px;} /* button */ button, a.btn {display:inline-block;box-sizing:border-box;/*2022-02-09mss???width:100%;*/margin:16px 0;padding:0 16px;height:50px;line-height:50px;text-align:center;text-decoration:none;font-weight:600;font-size:16px;color:#000;background-color:#F2E200;border:1px solid #F2E200;border-radius:8px;} button.text, a.btn.text {height: auto;min-height: 50px;line-height: 24px;padding: 12px;} .accent {/*2022-03-08mss: not used? min-width:106px;padding:15px 0px;font-size:16px;color:#fff;text-decoration:none;background-color:#154192;font-weight:700;*/} a.accent {color: #fff;border-width: 0;background: #322C90;} .btn-main-menu {max-width:414px;border-radius:8px;font-weight:600;} button.light {display:inline-block;width:89px;height:35px;text-decoration:none;text-align:center;font-weight:700;font-size:inherit;color:#fff;background-color:#322C90;margin-left:25px;border-radius:8px;} button.start {display:inline-block;width:89px;height:35px;margin-left:20px;text-decoration:none;text-align:center;font-weight:700;font-size:inherit;color:#1c1f29;background-color:#F2E200;border-radius:8px;} .btn-shop {margin-top:4px;font-family:'Montserrat';background-color:#F2E200;height:35px;border-radius:10px;width:100%;font-weight:700;} .btn-comparison {position:relative;width:100%;margin-top:14px;font-family:'Montserrat';background-color:#fff;border:1px solid #E5E5E5;padding:5px 18px;height:35px;border-radius:10px;letter-spacing:-0.34px;} .btn-comparison label {font-weight:600;} a.alt, button.alt {/*2022-03-04mss:braks brand inquary form! ;margin-top:0;*/border:1px solid #707070;background:#fff;} a.google-calendar { background: url('../img/google_calendar_new_logo_icon_159141.png');;background-repeat: repeat;background-size: auto;background-size: contain;background-repeat: no-repeat;background-position-x: left;margin-left: 10px;} .btn-preview::after {content:'';background:url(../img/primex-images/prev-icon.svg);background-size:cover;background-repeat:no-repeat;display:inline-block;width:7px;height:12px;} .btn-next::after {content:'';background:url(../img/primex-images/next-icon.svg);background-size:cover;background-repeat:no-repeat;display:inline-block;width:7px;height:12px;} .btn-preview, .btn-next {background-color:transparent;color:#fff;cursor:pointer;} .btn-preview:hover, .btn-next:hover {color:#F2E200;} .btn-preview, .btn-next {background-color:transparent;color:#fff;cursor:pointer;} .btn-preview::after {content:'';background:url(../img/primex-images/prev-icon.svg);background-size:cover;background-repeat:no-repeat;display:inline-block;width:7px;height:12px;} .btn-next::after {content:'';background:url(../img/primex-images/next-icon.svg);background-size:cover;background-repeat:no-repeat;display:inline-block;width:7px;height:12px;} .btn-preview:hover, .btn-next:hover {color:#F2E200;} .btn-next::before {content:"";background:url(../img/primex-images/next.svg);background-size:11px;background-repeat:no-repeat;width:11px;height:21px;position:absolute;right:40px;} .btn-preview::before {content:"";background:url(../img/primex-images/preview.svg);background-size:11px;background-repeat:no-repeat;width:11px;height:21px;position:absolute;left:40px} button.btn-send.half {float:right;width:43%;font-size:13px;/*Iva add 23-06-10: line-height: 1.7;*/} a.btn.enter {width:100%;position:relative;/*pa:margin-top:5px;*/ max-width: 320px;height: auto;line-height: 40px;margin:0 auto;cursor:pointer;background-color:#fff;border:1px solid #FFB100;border-radius: 5px;} a.btn.enter:hover {border-color:#F2E200;} a.btn.enter.google {padding: 0;} a.btn.enter.facebook {/*2022-03-05mss:cart.user.php:;margin:0 0 20px;*/ font-size: 14px;color: #3c4043;} /*a.btn.enter.google::before {content:url(../img/google-btn.svg);position:absolute;left:60px;}*/ a.btn.enter.facebook::before {content:url(../img/facebook-btn.svg);/*position:absolute;left:60px;*/ margin-right: 11px; } #inquiry\.btn.active {display:none;} #inquiry\.btn.active ~ #inquiry\.cont {display:block;} #inquiry\.btn ~ #inquiry\.cont {display:none;} a.btn.default-size {color: #fff;background-color: #3cb878;} button.checkout {width:100%;max-width: 354px;margin-left: auto;margin-right: auto;} button.full {width:100%;max-width: 354px;margin-left: auto;margin-right: auto;} button.gray {margin: auto;color: #fff;border-width: 0;background-color: lightgray;} button.small {margin: auto;font-size: 0.85em;color: #fff;border-width: 0;background-color: lightgray;} button.inactive {opacity: 0.5;} /* grid product labels */ .stock-label_old {z-index:90;box-sizing:border-box;position:absolute;top:40px;left:10px;/*min-width:85px;*/max-width:130px;min-height:22px;line-height:21px;padding:0 9px;color:white;font-size:12px;font-weight:500;text-transform:lowercase;background: orangered;} .stock-label-1 {z-index:90;box-sizing:border-box;position:absolute;top:90px;left:18px;width:55px;height:61px;font-size: 0;background: transparent url('../img/stock-label-1.svg') no-repeat center center;background-size: 100% auto;} body.page-cart .stock-label-1 {top: auto;left: 10px;width: 40px;bottom: 10px;height: 45px;} .promo-label {z-index:90;position:absolute;top:10px;left:10px;/*min-width:85px;*/max-width:100px;min-height:22px;line-height:21px;padding:0 20px;color:white;font-size:12px;font-weight:500;text-transform:lowercase;} .btn-action {background-color:#322C90;} .btn-special {background-color:#348aff;} .btn-promo {background-color:#14B934;} .promo-dd {text-transform:none;background:#322C90;} .promo-sd {text-transform:none;background:#348AFF;} .promo-ssd {text-transform:none;background:#14B934;} /*2023-01-23mss: Primex asked only DOT! */ .promo-dd,.promo-sd,.promo-ssd {padding:0 8px;font-size: 14px;line-height: 22px;font-weight: bold;background:#3d47cd;} /* field */ label {position:relative;display:inline-block;width:100%;font-size:16px;} label.chk ,label.radio {width:auto;font-size: 14px;} input, select {-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;width:100%;min-height:48px;line-height:42px;/*margin-bottom:16px;*/padding-left:25px;font-weight:normal;font-family:'Montserrat';border-radius:50px;border:1px solid #7A7F94;background-color:#fff;} select {text-indent:0.01px;/*2022-03-11mss:??? text-overflow:"";*/background:#fff url('../img/select.svg') right 20px top 50% no-repeat;} select option {padding-left: 12px;text-indent: 12px;font-size: 15px;color: #000;} textarea {width:100%;height:205px;padding:20px 0 0 25px;border-radius:15px;border:1px solid #7A7F94;box-sizing:border-box;} input[type='checkbox'] {display: inline-block;margin:0 10px 0 0;border:1px solid #FFB100;border-radius:8px;max-width:33px;min-height:33px;vertical-align:middle;outline:none !important;} input[type='checkbox'] + em::before {content:url(../img/checked.svg);color:#f1e100;position:absolute;width:33px;height:33px;left:0;background:transparent;border-radius:8px;line-height:35px;text-align:center;opacity:0;} input[type='checkbox']:checked + em::before {opacity:1;} input[type='checkbox']:disabled {border-color: #ddd;} input[type='radio'] {max-width:35px;min-height:35px;margin:0 10px 0 0;border:1px solid #FFB100;border-radius:8px;vertical-align:middle;outline:none !important;} input[type='radio']:checked +label::before {content:url(../img/checked.svg);position:absolute;left:-40px;top:3px;} input.chk {max-width:35px;min-height:35px;margin:0 10px 0 0;border:1px solid #FFB100;border-radius:8px;vertical-align:middle;outline:none !important;} input.chk:checked +label.chk::before {content:url(../img/checked.svg);position:absolute;left:-40px;top:3px;} input:hover, input:focus-visible, select:hover, textarea:hover{box-shadow:0 0 2px rgb(242 226 0 / 33%);} .create {display:block;margin-left:-15px;border-radius:8px;height:50px;width:calc(100% + 30px);line-height:50px;background:#f2e200;box-sizing:border-box;text-align:center;} .create input, .create em {position:absolute;left:8px;top:8px;} .options select {text-align:center;padding:0;background:#fff;} .options::after {content:url(../img/select.svg);position:absolute;right:20px;top:13px;} /*invalid - 2022-05-03mss: added for all and iOS! See js formValidation()! */ label.invalid::after,p.invalid::after {content:attr(title);color:#f00;} .invalid label::after,.invalid p::after {content:attr(title);color:#f00;} .invalid label.chk::before {border-color:#f00;} input:focus,select:focus,textarea:focus {border-color:#000 !important;outline:solid 0px red;box-shadow:0 0 2px #000;background-color: #fff;} input:invalid:focus,select:invalid:focus,textarea:invalid:focus,input.invalid {border-color:#f00 !important;outline:solid 0px red !important;box-shadow:0 0 2px red !important;background-color: #fee !important;} /* message */ h4,h5,h6 {z-index:50;clear:both;box-sizing:border-box;position:relative;width:100%;max-width:410px;margin:0 auto;border-radius:8px;padding:16px 16px 16px 50px;color:#fff;font-size:15px;line-height:18px;font-weight:500;text-align:left;vertical-align:middle;} h4::before,h5::before,h6::before {content:"";display:inline-block;position:absolute;left:0;top:14px;width:50px;height:22px;line-height:22px;text-align:center;font-size:20px;font-family:'icons-nav';} h4 {margin:40px auto;background-color:#00a8d3;} h4::before {content:"\e672"} h5 {background-color:#3cb878;} h5::before {content:"\e674"} h5 button {min-width:0;margin:0 20px;vertical-align:middle !important;} h6 {background-color:#e15556;} h6::before {content:"\e675"} h6.error {display:none;} h6.mess {box-sizing:border-box;display: inline-block;position:relative;width: auto;max-width: 100%;float: right;margin:0;padding:4px 4px 23px 40px;text-align:right;font-size:0.9em;line-height:1.1;color:#f80c0c;background-color: unset;} h6.mess::before {top: -3px;} main h5.hide-it,form h5.hide-it {opacity:0;transition:opacity 1s ease 1s;} /* accordion */ div.panel {background-color:white;overflow-y:clip;max-height:97px;transition:max-height 0.6s ease-out;overflow: hidden;} div.panel a.btn {width:100%;max-width:404px;margin-bottom:30px;} div.read-more {display:block;position:relative;min-height:40px;border-bottom:1px solid #B4B4B4;} div.read-more::after {content:"";display:inline-block;position:absolute;top:9px;right:0;width:20px;height:20px;background:url(../img/primex-images/plus.svg) center center no-repeat;transition:transform ease .3s;} div.read-more h2 {/*2022-03-16mss: breaks desktop!;padding:10px 20px 10px 0;*/} .empty div.panel {max-height:0;border-bottom:1px solid #B4B4B4;} .empty div.read-more {border-bottom-width:0;} .active div.panel {max-height:1000px;overflow: auto;} .active div.read-more::after {transform:rotate(225deg);} a.edit {display:block;position:relative;min-height:0px;border-bottom:1px solid #B4B4B4;} a.edit::after {content:"";display:inline-block;position:absolute;bottom:0px;right:0;width:20px;height:30px;background:url(../img/primex-images/next.svg);background-size:auto 20px;background-repeat:no-repeat;} div.enlarge {z-index:198;position:fixed;top:0;right:0;bottom:0;left:0;cursor:default;text-align:center;opacity:0;visibility:hidden;background:url('../img/loading_dark.gif') rgba(0, 0, 0, 0.8) center center no-repeat;background-size:50px 50px;transition:opacity 0.5s ease-in-out 0s;} .enlarge article {opacity:0;transition:opacity 0.25s ease 0s;} .enlarge article img {display:inline-block;position:absolute;top:0;right:0;bottom:0;left:0;max-width:96%;max-height:96%;margin:auto;vertical-align:middle;cursor:pointer;} .enlarge a {z-index:98;opacity:.25;position:absolute;top:50%;width:100px;height:100px;margin-top:-50px;} .enlarge a.prev {display:block;left:0;background:transparent url('../img/prev.png') 50% 50% no-repeat;} .enlarge a.next {display:block;right:0;background:transparent url('../img/next.png') 50% 50% no-repeat;} .enlarge a.close {display:block;opacity:.5;width:21px;height:20px;margin:0;border:12px solid #fff;background-color:#fff;} .enlarge.active {visibility:visible;opacity:1;} .enlarge.active article.active {opacity:1;transition:opacity 0.5s ease 0.25s;position:unset;} .enlarge.active article.active img {cursor:zoom-out;} .enlarge.active a.active {display:block;opacity:.99;cursor:pointer;} .enlarge.active a.close {display:block;opacity:.99;top:10px;right:10px;cursor:pointer;} .enlarge.active a.close:hover {opacity:.99;} .enlarge.active a.close::after {display:none;} /* dl.tab {display:block;width:100%;padding-left:20px;} */ dl.tab {padding:16px;} dl.tab::after {content:"";display:block;clear:both;} dl.tab > dt {display:flex;justify-content:space-evenly;text-transform:uppercase;border-bottom:1px solid #B4B4B4;} dl.tab > dt a {padding:0 0 0 2px;text-decoration:none;border-bottom:4px solid #fff;} dl.tab > dt a:hover,dl.tab > dt a.active {border-color:#F2E200;} dl.tab > dd {display:none;width:100%;text-align:left;margin-top:20px;font-size:0;} dl.tab > dd.active {display:block;} dl.tab > dd a {width:100%;max-width:170px;border-radius:0;margin:2px;} dl.tabNew {display:flex;justify-content:flex-start;flex-wrap:wrap;box-sizing: border-box;padding:16px;} section dl.tabNew {padding: 0;} dl.tabNew::after {content:"";display:block;clear:both;} dl.tabNew > dt {flex: 1 0 5%;order: 1;box-sizing: border-box;max-width: 50px;margin-right: 4px;padding:10px;font-weight: 600;} dl.tabNew > dt a {text-decoration:none;} dl.tabNew > dt:hover,dl.tabNew > dt:hover+dd,dl.tabNew > dt.active {background: #f4f4f4;} dl.tabNew > dd {flex: 1 0 100%;order: 2;display:none;box-sizing: border-box;width:100%;padding: 10px;text-align:left;font-size:0;} dl.tabNew > dd.active {display:flex;flex-wrap: wrap;background: #f4f4f4;} dl.tabNew > dd a.btn {flex: 0 0 50%;min-width: 157px;max-width:157px !important;border-radius:0;margin:2px !important;padding:0 6px;white-space: nowrap;} /* Pages */ /*footer-pages*/ main.text327 {display:block;} main.text84 {display:block;text-align: justify;} main.text84 div.rte a {color:#FFB100;font-weight: bold;} main.text282 div.rte a {color:#FFB100;font-weight: bold;} main.text88 div.rte a {color:#FFB100;font-weight: bold;} main.text327 div.rte a {color:#FFB100;font-weight: bold;} main.text282 {display:block;text-align: justify;} main.text88 {display:block;text-align: justify;} main.column.text84 .box-contain.section84 {padding-right: 16px;} main.column.text282 .box-contain.section282 {padding-right: 16px;} main.column.text88 .box-contain.section88 {padding-right: 16px;} main.column.text327 .box-contain.section327 {padding-right: 16px;max-width: 980px;} main.column.text327 .box-contain.section327 div.img {box-sizing: content-box;margin-left: -20px;width: calc(100% + 40px);height: 100%;} main.column.text327 .box-contain.section327 div.img img{position: unset;} main.column.text327 .box-contain.section327 div.img::before {display:none;} /* 404.php*/ section.page404.search-new {max-width:980px;padding: 0px 16px;margin-bottom:100px} section.page404 h6 {margin-left:0px;margin-bottom:15px;max-width:100%;} section.page404 div.rte {padding-top:15px;} h1.dark {font-size:70px;} button.btn.full {max-width:410px;} section.page404 nav.search {/*2022-12-15mss?margin:0 -16px;*/} /* brand.php */ body.page-brand main a.btn {font-size:14px;} body.page-brand main h2.title {margin-top:13px;font-size:18px;text-align:left;} ul.banner-box.brand {display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center; width:100%;/*padding:0 16px;*/box-sizing:border-box;} ul.banner-box.brand li {width:132px;margin:32px 10px;} ul.banner-box.brand li img {width:100%;max-width:170px;} ul.box-contain {display:block;box-sizing:border-box;/*2022-03-04mss:braks `captcha popup`! position:relative;*//*padding:5px 16px 20px;*/line-height:15px;} ul.box-contain li {display:block;box-sizing:content-box;min-height:150px;/*2022-03-04mss:braks `captcha popup`! position:relative;*/margin-bottom:20px;background:#F4F4F4;border-radius:10px;/*clear float:*/ overflow:hidden;/*!*/} ul.box-contain li>h3 {padding: 25px 17px 0px 17px;} ul.box-contain li>p {/*padding:23px 17px;*/padding:9px 17px;text-align:left;font-size:16px;font-weight:500;} ul.box-contain li a.btn.half {width:159px;position:relative;bottom:10px;right:10px;text-align:center; padding:8px 38px;float:right;margin:0px;font-size:14px;line-height:16px;} ul.box-contain li>div {box-sizing:border-box;width:100%;padding:17px;} ul.box-contain li .btn {margin:26px 0 26px 17px;} body.page-about ul.box-contain li .btn {margin:26px 0 26px 0px;} ul.box-contain div.hide form input {margin-bottom:20px;width:90%;} ul.box-contain form button.half {width:49%;} ul.box-contain li>.billing {padding:0;} ul.box-contain li>.billing p {padding:9px 17px;font-size:16px;font-weight:500;} /*about*/ body.page-about main {padding:0px;} body.page-about article.box {max-width:750px;} aside {padding:16px;} aside.panel {padding:0;} main.column aside .box-contain {background-color:#f4f4f4;padding:24px 16px;border-radius:12px;} main.column a.btn {margin-top:25px;width:100%;max-width:320px;} main.column button.text, main.column a.btn.text {margin-top: 0; max-width: 418px;} div.banner {max-height:400px;} div.banner h1 {z-index:1;position:absolute;top:75px;left:30px;line-height:38px;font-size:40px;color:white;text-shadow:0 0 4px #b4b4b4;} div.banner img {position:relative;width:100%;height:300px;} div.news {max-width:750px;} aside form {display:block;max-width:450px;width:100%;} section.about-contact form {display:block;max-width:500px;width:100%;} section.box-contain {box-sizing:border-box; position:relative;} section.box-contain header {width:100%;} section.box-contain .btn-main-menu {float:left;margin-left:20px;} section.box-contain span.more {display:none;} ul.qualities {display:grid;grid-gap:10px 10px;grid-template-columns:auto auto;text-align:center;} ul.qualities li {width:64%;margin:0 auto; font-size:15px;text-align:center;text-transform:uppercase;} ul.qualities li img {width:100%;} article.box-contain {text-align:center;} article.box-contain div::after {content:"";display:block;clear:both;} article.box-contain div.news {text-align:left;} article.box-contain h2 {text-align:left;} article.box-contain p {margin-top:-5px;margin-bottom:21px;text-align:left;} article.box-contain input {margin-bottom:21px;} article.box-contain label.options-contain {position:relative;} /* services */ .btn-accordion {position:relative; color:#000;cursor:pointer;width:100%;height:44px;line-height:45px; padding-right:10px; text-align:left;outline:none;transition:0.4s;background-color:none;font-family:inherit; text-transform:uppercase;font-weight:700;} .btn-accordion:after {content:"";display:inline-block;background:url(../img/primex-images/plus.svg);background-size:cover;background-repeat:no-repeat;width:20px;height:30px;float:right;} body.page-section main {padding:0px;} body.page-section section.box-contain {padding-bottom:0px;} body.page-section div.read-more {line-height:16px;} body.page-section .empty p {margin-top:0;} body.page-section .empty ul {margin-bottom:6px;} body.page-section .empty li {margin-bottom:10px;padding-left:10px;} body.page-section .empty a.phone {display:block;margin-bottom:20px;background:#F2E200;} body.page-section .empty a.phone::before {content:"";display:inline-block;margin-right:10px;width:20px;height:20px;vertical-align:middle;background:url(/img/phone-dark.svg) center no-repeat;background-size:20px;} a.telephone::before {content:"";display:inline-block;margin-right:10px;width:20px;height:20px;vertical-align:middle;background:url(/img/phone-dark.svg) center no-repeat;background-size:20px;} /* category + subcategory */ body.page-category h2 {padding:24px 0px 4px 8px;} body.page-category main>section >img {max-width:170px;} body.page-category picture {display: block;max-width:100%;margin: 20px;} body.page-category picture img {display: block;max-width:100%;} body.page-category .grid article p.info {text-align:center;} /* section.category {width:100%;margin-left:-20px;padding:20px;} section.category {margin-left:0px;padding:20px 0px;} */ section.category h3.title {padding-left:20px;font-size:24px;} section.category {padding:0 0 24px;} section.category>img {padding:0 16px;} section.category div.rte {padding:0 16px;} /*section.category .grid {display:flex;flex-wrap:wrap;align-content:flex-start;position:relative;padding:3px;} section.category article {box-sizing:border-box;position:relative;width:186px;margin:3px;padding:8px 8px;text-align:center;border:0px solid #E5E5E5;border-radius:12px;background-color:#fff;box-shadow:0px 0px 6px rgba(0,0,0,0.16);}*/ section.subcategory main.column aside {padding:0px;} section.subcategory div.img {display:inline-block;padding-right:10px;width:49%;max-width:290px;height:unset;box-sizing:border-box;vertical-align:top;} section.subcategory div.img::before {display:none;} section.subcategory div.img div {margin:0 auto 15px;border:1px solid #B4B4B4;border-radius:20px;padding:10px;box-sizing:border-box;min-height:250px;max-height:250px;width:100%;} section.subcategory div.img img {height:225px;position:unset;object-fit:contain;} section.subcategory a.brand {display:block;} section.subcategory h2 {display:inline-block;width:49%;} body.page-subcategory main.column a.btn {margin:3px;max-width:140px;height:45px;} body.page-job .section.list h2 {flex:1 1 100%;padding:20px 0px;} body.page-job aside, body.page-job\.form aside {max-width: 500px;} body.page-job div.gallery img {max-width: 1600px;width:100%;height: 300px;object-fit: cover;} /*Iva add height 31-10-23*/ body.page-job ul.job li::before {content: "•";display: inline-block;width: 20px;font-size: 18px;} body.page-job ul.job li a span {background-color: #F2E200;} section.list.abonament {display: block;text-align: center;max-width: 1137px;margin: 20px auto;} section.list.abonament article {width: 100%;box-sizing: border-box;max-width: 800px;margin: 20px auto;justify-content: space-around;} section.list.abonament button {white-space: nowrap;margin: 0;} body.page-job section.detail {padding:0px;} body.page-job section.detail p, body.page-job section.detail h3 {padding-left: 16px;padding-right: 16px;} body.page-job section.list div.cont time {display: block;} body.page-job section.box-contain article ul li a:hover{text-decoration: underline!important;} body.page-job section.box-contain article a span {margin-left:15px;} label.chk a.link {text-decoration: underline!important;} body.page-job div.gallery dt {position: relative;} body.page-job .gallery dt a{position: absolute;left: 10px;top: 38%;margin: 0;transform: translate(0, -50%);width: 51px;height: 51px;border-radius: 100%;background: rgba(242,226,0,0.6) url(../img/primex-images/preview.svg) no-repeat center center;cursor: pointer;opacity: 1;z-index: 11;} body.page-job .gallery dt a.next{left: unset;right: 10px;background: rgba(242,226,0,0.6) url(../img/primex-images/next.svg) no-repeat center center;} body.page-job div.gallery dt article {display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;opacity: 0;transform: translateZ(0);transition: opacity 1s ease;} body.page-job div.gallery dt article.active {opacity: 1;position: relative;} /*2024-07-15mss: body.page-job\.list*/ table.size {display:block;width: 100%;margin-top: 20px;text-align: left;border-radius: 12px;overflow: auto;} /* Iva change 2024-07-11*/ /*2024-07-15mss: body.page-job\.list*/ table.size th {padding: 10px 16px 10px;background: #F2E200;} body.page-job table.size th {background: #e5e5e5;} body.page-job table.size td {padding-top: 5px;padding-bottom: 8px;} body.page-job table.size td a.link {text-decoration: underline;} table.size tr:hover td {background: #efefef;} table.size tr:hover td a.link {text-decoration: none;} /*2024-07-15mss: body.page-job\.list*/ table.size td {background: #f2f2f2;padding: 10px 16px 10px;} body.page-job\.list article label.select-box {width: 100%;margin-bottom:10px;} /* Iva change 2024-07-11*/ body.page-job\.list article label.select-box.city {margin-right: 20px;} body.page-job\.detail dl.attribute {display: flex;flex-wrap: wrap;line-height: 26px;} body.page-job\.detail dl.attribute dd {display: block;width: 49%;text-align: left;font-weight: 700;} body.page-job\.detail dl.attribute dt{width: 53%;max-width: 250px;text-align: left;white-space: nowrap;} body.page-job\.detail dl.share {display: none;} div.form.job h3 {font-weight: 600;} div.form.job dl {display: flex;flex-wrap:wrap;justify-content: start;margin: 20px 0;} div.form.job dl dt {text-align: left;width:auto;} div.form.job dl dt::after {content: ': '} div.form.job dl dd {text-align: left;width: 60%;} div.form.job label {font-size: 15px;} /* body.page-job\.detail .accent {margin:0px;} Iva comment 2024-07-11*/ @media only screen and (min-width:1024px){ body.page-job .gallery dl {height: 600px;} body.page-job div.gallery img {height: 600px;} body.page-job section.detail p, body.page-job section.detail h3 {padding-left: 50px;} } /*2022-02-08mss:start:*/ .my-filter {display:none;position:relative;padding-bottom:30px;border-radius:35px;margin-top:-69px;color:#fff;padding-top:20px;text-align:left;} .my-filter .btn-accordion {padding-left:20px;margin-top:0px;border:none;font-size:18px; color:#fff;background-color:#322C90;} .my-filter .btn-accordion::after {position:relative;top:11px;margin-left:15px;background-size:12px;float:none;} .my-filter .btn-accordion.active {color:#fff;} .my-filter .contain {padding-bottom:22px;border:none;} .my-filter h2 {margin-top:1px;padding-left:20px;font-size:25px;color:#fff;} .my-filter .close::after {position:absolute;z-index:999; right:18px;top:3px;font-size:25px;cursor:pointer;} .my-filter .btn-main-menu {width:90%;margin:0 auto;margin-top:30px;} .box .banner {display:inline-block;margin-top:30px;width:120px;height:auto;background-color:white;} .box .banner img {width:80%;} ul.filter {padding-top:0px;margin-top:-4px;} ul.filter {display:flex;align-items:center;justify-content:space-around;} ul.filter>li {width:45%;margin-bottom:20px;} ul.filter .options {height:35px;border-radius:8px;border:1px solid #F2E200;} ul.filter .options-contain::after {top:12px;} /* catalog */ main.catalog {position:relative;padding:0;/* max-width:100vw;*/} main.catalog header {width:100%;padding:16px 0 0;} main.catalog header h1 {display:inline-block;margin:0 16px;vertical-align:top;} main.catalog header a.back {display:block;float:right;margin:16px 16px 0 0;text-decoration:none;white-space: nowrap;} main.catalog header a.back:hover {text-decoration:underline;} div.filter {box-sizing:border-box;position:relative;width:100%;margin:16px 0 0;padding:2px 15px;background:#F2E200;} div.filter.sticky {z-index:99;position:fixed;top:63px;margin-top:0;} div.filter p {display:flex;flex-wrap:wrap;margin:0;align-items:center;padding-top:5px;line-height:18px;min-height:40px;box-sizing:border-box;} div.filter select {position:absolute;border:none;background:none;font-size:0;min-height:0;line-height:35px;cursor:pointer;z-index:2;} div.filter option {font-size:14px;} div.filter span {padding-right:18px;white-space: nowrap;} div.filter span a {display:inline-block;padding:2px;vertical-align:top;font-size:0;width: 15px;height: 15px;text-decoration: none;background:transparent url('../img/filter-clear.png') center center no-repeat;} .icon-filter, .icon-order {display:block;float:right;padding:0;width:40px;height:40px;overflow:hidden;} .icon-order {float:right;} .icon-filter::after, .icon-order::after{content:"";position:absolute;top:0;background:url(../img/primex-images/filter.svg) no-repeat center center;height:40px;width:40px;display:block;background-size:30px;z-index:1;} .icon-order::after {background:url(../img/primex-images/order.svg) no-repeat center center;background-size:30px;} nav.sort::after {content:"";display:block;clear:both;} nav.sort label {display:inline-block;} aside.filter {padding:0;text-align:left;color:#fff;background:#322C90;} header.sticky ~ main.catalog aside.filter {z-index:99;position: fixed;top:63px;left: 0;right: 0;max-height: 50vh;overflow: auto;/*breaks FF! overflow:scroll; */} aside.filter a.menu {display:none;} aside.filter h3 {display:none;margin:0 20px 15px;padding:25px 0 8px;text-transform:uppercase;color:#f3f3f3;font-weight:700;font-size:18px;border-bottom:1px solid #434343;} aside.filter dl {max-height:0;overflow:hidden;transition:all 0.5s;} aside.filter .menu.active ~ dl {max-height:10000px;overflow:visible;transition:all 0.5s;} aside.filter dt {display:none;position:relative;margin:0 12px 0 16px;padding:18px 0 9px;text-transform:uppercase;color:#f3f3f3;font-weight:600;font-size:17px;} aside.filter dt.active {display:block;} aside.filter dt::after {content:"";display:inline-block;width:14px;height:14px;margin:0 6px;vertical-align:middle;background:url(../img/filter-close.png) center;} aside.filter dd {display:none;padding:12px 12px 9px 16px;background-color:#221C74;} aside.filter dt.active+dd {display:block;} aside.filter input.chk {display:none;} aside.filter label {box-sizing:border-box;display:block;position:relative;margin:0 0 6px;padding:4px 3px 4px 0;font-style:normal;font-weight:400;font-size:15px;color:#F2E200;} aside.filter label.no-result {color:#aaa;cursor:default;} aside.filter label.chk::before {content:'';box-sizing:border-box;display:inline-block;width:20px;height:19px;margin:-3px 9px 0 0;padding:0;vertical-align:middle;text-align:center;border:1px solid #D1D1D1;border-radius:5px;transition:all 0.4s ease;} aside.filter input.chk:checked + label.chk::before {content:'\2713';color:#f2e200;font-size:14px;line-height:20px;position:unset;} label.chk.summer,label.chk.winter,label.chk.all-season {/*margin-left:30px;*/} label.chk.summer::after,label.chk.winter::after,label.chk.all-season::after {content:'';display:inline-block;position:absolute;top:2px;right:0px;width:25px;height:25px;background-repeat:no-repeat;background-position:center 0;background-size:auto;} label.chk.summer::after {background-image:url(../img/summer.png);} label.chk.winter::after {background-image:url(../img/winter.png);} label.chk.all-season::after {background-image:url(../img/all-season.png);} aside.filter label.chk.car { background-image:url(../img/primex-images/car.svg);background-repeat:no-repeat;background-size:30px;background-position:right;background:none; } aside.filter label.chk.van { background-image:url(../img/primex-images/van.svg);background-repeat:no-repeat;background-size:30px;background-position:right;background:none; } aside.filter label.chk.suv {background-image:url(../img/primex-images/suv.svg);background-repeat:no-repeat;background-size:30px;background-position:right;background:none; } /* grid */ .grid {display:flex;flex-wrap:wrap;align-content:flex-start;position:relative;min-height:40vh;padding:3px;} main.catalog section.grid {margin-top: 16px;padding-top: 0;} /*.grid {display:flex;flex-wrap:wrap;align-content:flex-start;position:relative;padding:5px 3px 0 2px;} .grid article {box-sizing:border-box;position:relative;min-width:172px;width:calc(50% - 5px);margin:0 2px 5px 3px;padding:20px 6px 6px;text-align:center;border:1px solid #E5E5E5;border-radius:10px;background-color:#fff;box-shadow:0px 2px 2px 1px #E5E5E5;}*/ .grid article {box-sizing:border-box;position:relative;width:182px;width:178px;margin:3px;padding:8px 8px;text-align:center;border:0px solid #E5E5E5;border-radius:12px;background-color:#fff;box-shadow:0px 0px 6px rgba(0,0,0,0.16);} .grid article div.img {height:130px;} .grid div.img {max-height:200px;} .grid a.img {max-height:140px;margin:5px auto;} dl.attribute {min-height: 18px;margin-bottom:30px;text-align:center;} dl.attribute dd {display:flex;justify-content:space-between;padding:0 5px;width:100%;box-sizing:border-box;} dl.attribute dd a {max-width:100%;margin:0;padding:5px 0 5px 15px;} dl.attribute dd a::before {top:0px;width:30px;height:22px;} dl.attribute dd a.noise {max-width:48px;padding-left:20px;} dl.attribute dd a.winter {float:left;margin-right:1px;padding:0;} dl.attribute dd a.ice {float:left;padding:0;} dl.attribute~a.img {margin-top:10px;} dl.attribute~a.img img {max-width:180px;left:0;right:auto;} dl.attribute~p.attribute {margin-right:55px;} b.param {display:inline-block;position:relative;width:15px;height:18px;line-height:18px;margin:0 9px 0 22px;text-align:center;color:#fff;font-size:14px;text-shadow:0 0 1px #000;} b.param span {font-size:8px;font-weight:600;} b.param.eco {} b.param.tra {} b.param.noi {color:#5D5D5D;text-shadow:none;} b.param::before {content:"";display:inline-block;position:absolute;left:-22px;top:2px;width:20px;height:18px;background-size:auto;background-repeat:no-repeat;} b.param.eco::before {background-image:url(../img/primex-images/gas-icon.svg);} b.param.tra::before {background-image:url(../img/primex-images/rain-time.svg);} b.param.noi::before {background-image:url(../img/primex-images/speaker-db.svg);} b.param::after {content:"";position:absolute;right:-9px;top:0px; width:0;height:0; border-style:solid; border-width:9px 0 9px 9px;border-color:transparent transparent transparent #40cc32;} b.param.noi::after {display:none;} b.param.ecoA {background-color:#40cc32;} b.param.ecoB {background-color:#8ce833;} b.param.ecoC {background-color:#fdff33;} b.param.ecoD {background-color:#f9c125;} b.param.ecoE {background-color:#f43304;} b.param.ecoF {background-color:#f43304;} b.param.traA {background-color:#2352e0;} b.param.traB {background-color:#2f80eb;} b.param.traC {background-color:#59b5f5;} b.param.traD {background-color:#7fd1fa;} b.param.traE {background-color:#b2f0ff;} b.param.traF {background-color:#b2f0ff;} b.param.ecoA::after {border-color:transparent transparent transparent #40cc32;} b.param.ecoB::after {border-color:transparent transparent transparent #8ce833;} b.param.ecoC::after {border-color:transparent transparent transparent #fdff33;} b.param.ecoD::after {border-color:transparent transparent transparent #f9c125;} b.param.ecoE::after {border-color:transparent transparent transparent #f43304;} b.param.ecoF::after {border-color:transparent transparent transparent #f43304;} b.param.traA::after {border-color:transparent transparent transparent #2352e0;} b.param.traB::after {border-color:transparent transparent transparent #2f80eb;} b.param.traC::after {border-color:transparent transparent transparent #59b5f5;} b.param.traD::after {border-color:transparent transparent transparent #7fd1fa;} b.param.traE::after {border-color:transparent transparent transparent #b2f0ff;} b.param.traF::after {border-color:transparent transparent transparent #b2f0ff;} .grid article p.attribute {z-index:90;position:absolute;top:5px;right:1px;display:inline-block;width:68px;overflow:hidden;text-align:right;} p.attribute a {display:inline-block;position:relative;width:30px;height:30px;line-height:30px;margin:0 5px;vertical-align:top;text-align:center;text-transform:uppercase;color:#1c1f29;font-weight:700;font-size:12px;} p.attribute a.car {background:url(../img/primex-images/group_65.svg) center center no-repeat;} p.attribute a.van {background:url(../img/primex-images/van.svg) center center no-repeat;} p.attribute a.suv {background:url(../img/primex-images/suv.svg) center center no-repeat;} p.attribute a.front {display:none;background:#f1efef url('../img/front.png') center center no-repeat;} p.attribute a.rear {display:none;background:#f1efef url('../img/rear.png') center center no-repeat;} p.attribute a.trailer {display:none;background:#f1efef url('../img/trailer.png') center center no-repeat;} p.attribute a.off-road {display:none;background:#f1efef url('../img/offroad.png') center center no-repeat;} p.attribute a.all-season {background:url(../img/primex-images/sunny-snow-tires.svg) center center no-repeat;} p.attribute a.winter {background:url(../img/primex-images/group_413.svg) center center no-repeat;} p.attribute a.summer {background:url(../img/primex-images/sunshine.svg) center center no-repeat;} p.attribute.big a {margin:0 10px 0 0;background-size:40px;width:40px;height:40px;} .grid article p.info,.grid article p {margin:0;/*padding:18px 20px 33px;text-align:left;*/} .grid article p.info::after {content:'';display:block;clear:both;} .grid article .brand-img {display:block;min-height:30px;margin:0 auto;} .grid article img.brand {display:block;max-width: 90px;max-height:30px;margin:0 auto;} .grid article a.model {display:inline-block;text-align:center;font-size:16px;font-weight:700;line-height:19px;min-height:60px;} .grid article .snow-icon::after {width:0px;} .grid article .snow-icon::before {right:8px;top:14px;} .grid article .car-icon::after {right:-4px;top:46px;background-size:25px;} .grid article .sunny-icon::before {left:86%;margin-top:7px;} label.compare {box-sizing:border-box;display:block;height:40px;line-height:40px;margin:12px 0 0;padding:0px 10px;text-align:center;font-weight:600;font-size:12px;color:#000;border:1px solid #dddddd;border-radius:8px;} label.compare input {max-width:20px;min-height:20px;border-color:#bababa;padding:0;border-radius:5px;float:left;margin-top:9px;} label.compare em::before {content:url(../img/checked-compare.svg);width:20px;height:20px;left:10px;top:5px;} .price-old {display:inline-block;position:relative;text-decoration:line-through;text-decoration-color:#F2E200; color:#AAAAAA;font-weight:700;font-size:14px;/*line-height:30px;*/} .price-new {display:inline-block;position:relative;margin:2px 0;min-height:18px;color:#000;font-size:18px;font-weight:700;} .price-customer {color:#1c1f29;} .grid article a.name {display:block;margin:0 0 12px;font-size:14px;font-weight:500;color:#5d5d5d;} .grid article .price-old {margin-right:10px;} .grid article .price-new {} .grid article .name+.price-old {margin-top:30px;} .grid article .name+.price-new {margin-top:30px;} .grid article .name+.price-old+.price-new {margin-top:30px;} .grid button, .grid .btn {width:100%;height:40px;line-height:40px;margin:10px 0 0;padding:0 10px;font-size:14px;letter-spacing:-0.24px;font-weight:600;} /* contact */ article.box-address {} article.box-address a.tel,article.box-address a.email {display:inline-block;color:#FFB100;font-size:15px;font-weight:700;} article.box-address a.btn {color:#000;margin:25px 0;} article.box-address .btn-accordion {width:90%;margin:0 auto;margin-top:8px;left:24px; text-transform:none;font-size:18px;border-bottom:1px solid #E5E5E5;} article.box-address .btn-accordion::after {font-size:30px;} article.box-address .btn-accordion.active {border:none;} article.box-address .panel {padding:0px;} article.box-address .panel img {height:214px;margin-bottom:11px;} article.box-address p {display:inline-block;padding:10px 16px 0;font-weight:normal;margin:5px 0;} article.box-address .map {height:219px;margin-left:-20px;width:calc(100% + 40px);} article.box-address address {display:block;white-space:pre-line;padding-left:16px;margin-top:-22px;margin-bottom:22px;font-style:inherit;line-height:27px;} article.box-address h5 {font-size:15px;margin:20px 0 0;padding:0;text-align:left !important;font-weight:bold;} article.box-address footer {padding-left: 16px;} section.about-contact input {margin-bottom:21px;} /*2022-12-21rab: for new service page*/ .empty.media2 .read-more a {text-decoration:none;text-transform:uppercase;} /*2023-01-06rab: SHOP pageS*/ .shop section {padding-bottom:0px;} .shop .map {position: relative;margin:0 0 35px;max-height: 450px;background: #eaeaea;} .shop .map::before {content: '';display: inline-block;padding-top: 66.67%;} .shop .map iframe {position:absolute;top: 0;right:0;bottom:0;left: 0;} .shop dl.info dt {margin: 0;padding: 8px 0 10px 0;font-weight:bold;} .shop dl.info dt strong.title{margin:0;padding:0;} .shop dl.info dd {margin-bottom:35px;line-height: 27px;} .shop dl.info dd a {color: #FFB100;font-weight: 700;text-decoration: none;white-space: nowrap;} .shop footer a.btn {margin: 0 20px 30px 0;} .shop .gallery dl {margin-top:10px;} .shop .gallery img {display:block;width:100%;height: 100%;object-fit: cover;} .shop .gallery dt {position:relative;} .shop .gallery dt::before {content: '';display: inline-block;padding-top: 52.63%;} .shop .gallery article {display:block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;opacity: 0;transform: translateZ(0);transition: opacity 1s ease;} .shop .gallery article.active{opacity:1;} .shop .gallery dt img {cursor: zoom-in;transition: all 0.5s;} .shop .gallery dt a, .shop .enlarge a{position:absolute;left: 10px;top: 50%;margin:0;transform: translate(0, -50%);width: 51px;height: 51px;border-radius: 100%;background: rgba(242,226,0,0.6) url(../img/primex-images/preview.svg) no-repeat center center;cursor: pointer;opacity:1;z-index:11;} .shop .gallery dt a.next, .shop .enlarge a.next {left:unset;right:10px;background: rgba(242,226,0,0.6) url(../img/primex-images/next.svg) no-repeat center center;} .shop .gallery dt a:hover,.shop .enlarge a:hover{background-color: rgba(242,226,0,0.99);box-shadow: 0 0 6px rgb(0 0 0 / 16%);} .shop .gallery dd {display:block;font-size:0;} .shop .gallery dd a {display:inline-block;width:20%;opacity: .5;transition: opacity 0.3s ease;} .shop .gallery dd a.active {opacity: .99;} .shop .gallery dd a:hover {opacity: .89;} .shop .enlarge a.close {top: 35px;right: 10px;left: unset;border: 0;background: rgba(242,226,0) url(../img/close.png) no-repeat center center;} .shop section h2 {text-transform: uppercase;padding-top:40px;} .shop .rte h2 {margin:0;padding-top:8px;} .shop .rte ul {line-height:27px;} .shop .rte li {padding:0;} .shop .gallery {margin-bottom:40px;} .shop aside div.form {margin-top:0;} @media only screen and (min-width: 1080px){ .shop .map {flex: 100% 0 0;} .shop dl.info::after {content:'';display:block;clear:both;} .shop dl.info dt, .shop dl.info dd {float:left;width:50%;font-size:15px;padding-right: 100px;box-sizing:border-box;} .shop dl.info dd {margin-left: -50%;margin-top: 30px;} .shop dl.info dt:nth-of-type(3) {clear: both;} .shop dl.info dt:nth-of-type(5) {clear: both;} section.list.abonament label.x {margin-left:10px;margin-right: 10px;} } /* SERVICE pages */ body.page-section section.service{max-width:1080px;padding-bottom:24px;} .service a.phone::before{content: "";display: inline-block;margin-right: 10px;width: 20px;height: 20px;vertical-align: middle;background: url(/img/phone-dark.svg) center no-repeat;background-size: 20px;} @media only screen and (min-width: 768px){ .service .rte {columns: 2;} .shop .gallery dd a {width:10%;} /*2024-07-15mss: body.page-job\.list*/ table.size {display: table;overflow: hidden; } body.page-job\.list article label.select-box {width: auto;float: right;margin-bottom:20px;} } /*table.list Iva add style // *2023-03-29rab: copied from partner.primex.nia */ table.list {width:100%;vertical-align:top;text-align:center;font-size:12px;color:#1c1f29;outline:solid 0px #e5e5e5;background:#fff;border-spacing:0px;border-collapse:separate;} div.grid table.list {min-width:248px;margin:auto;} table.list tr {background:#fff;} table.list tbody tr:nth-of-type(2n+1) {background:#e6e6e6;} table.list tbody tr:nth-of-type(2n+1) td {border-color:#e6e6e6;} table.list th {padding:9px 6px;text-align:left;font-weight:normal;font-size:12px;white-space:nowrap;color:#999;} table.list th[onclick]:hover {color:#333;} table.list th.active {font-weight:bold;color:#333;} table.list th sub, table.list td sub {display:block;white-space: break-spaces;min-width: 56px;} table.list th.mobile, table.list td.mobile {display:none;} table.list td.size {font-size: 10px;} table.list th label {} table.list th select {height:24px;font-size:12px;} table.list th input {height:24px;padding-left:2px;padding-right:2px;font-size:12px;} table.list th h6 {margin:0;padding:0;font-size:12px;white-space:normal;} table.list td {padding:9px 6px;text-align:left;white-space:nowrap;border:1px solid #fff;border-width:1px 0 !important;} /* table.list tr:hover td {border-color:#eee11b;border-width:2px 0;} */ table.list a {text-decoration:none;} table.list a:hover {text-decoration:underline;} table.list a.link {text-decoration:underline;} table.list a.link:hover {text-decoration:none;} table.list a.view {position:relative;display:block;margin:auto;} table.list td.over {position:relative;width:20px;min-width:20px;max-width:20px;text-align:center;} table.list div.over {z-index:-1;opacity:.01;transition:opacity 0.5s;box-sizing:border-box;display:block;position:absolute;right:0px;bottom:98%;width:260px;min-height:200px;padding:0 ;background:#fff;box-shadow:0 0px 20px #999;} table.list div.over::after {content:"";position:absolute;top:100%;right:50px;width:0;height:0;margin-right:-28px;border:solid transparent;border-color:transparent;border-top-color:#fff;border-width:8px;} table.list div.over a.img {width:100%;max-width:100%;height:100%;max-height:100%;overflow:hidden;} table.list div.over img {/*2020-03-17mss:PA asked:max-width:110%;max-height:110%;top:-60px;*/max-width:90%;max-height:90%;top:0;right:0;bottom:0;left:0;} table.list div.over dl.attribute {margin: 20px;text-align: center;/*position:absolute;top:5px;right:1px;display:inline-block;width:65px;overflow:hidden;text-align:left;*/} table.list div.over dl.attribute dd {max-width:100%;white-space: normal;} table.list div.over dl.attribute dd a {width:42px;margin:0;padding:5px 0 5px 15px;/*background-color:transparent;*/} table.list div.over dl.attribute dd a::before {top:0px;width:30px;height:22px;} table.list div.over dl.attribute dd a.noise {width:48px;padding-left:20px;} table.list div.over dl.attribute dd a.winter {margin-right:3px;padding:0;} table.list div.over dl.attribute dd a.ice {padding:0;} table.list tr.promo td.over a.view {height:35px;background:transparent;} table.list tr.promo td.over::before {content:'%';display:inline-block;position:absolute;top:0;right:0;bottom:0;left:0;width:45px;height:45px;line-height:45px;margin:auto;text-align:center;font-size:22px;color:#fff;border-radius:50%;background:#e31e24;} table.list tr.promo-text td.over a.view {height:35px;background:transparent;} table.list tr.promo-text td.over::before {content:'promo';display:inline-block;position:absolute;top:0;right:0;bottom:0;left:0;width:45px;height:45px;line-height:45px;margin:auto;text-align:center;letter-spacing:-1px;font-weight:bold;font-size:12px;color:#fff;border-radius:50%;background:#e31e24;} a.view:hover {z-index:99;} a.view:hover + div.over {z-index:98;opacity:.99;transition:opacity 0.5s;} table.list tr.over td:first-of-type {position:relative;} table.list tr.over:hover div.over {z-index:98;opacity:.99;right:-20px;transition:opacity 0.5s;} table.list td.price {position:relative;font-size:12px;} table.list td.price span {display:block;margin:-18px 0 0px;font-size:12px;height: 15px;} table.list td.stock {white-space:nowrap;} table.list td.stock span {display:inline-block;position:relative;width:100%;min-width:50px;text-align:left;color:gray;} table.list td.stock div {position:relative;padding-right:26px;white-space:nowrap;font-size:10px;color:gray;} table.list td.stock div b {position:absolute;right:0;/*2020-04-07mss:float:right;*/width:20px;padding:0 4px;font-size:12px;font-weight:normal;} table.list td.stock .active {color:#000;} table.list tr.ttl th {font-weight:bold;font-size:12px;color:#1c1f29;vertical-align: bottom;} table.list tr.ttl th.qtty {padding-right:98px;} table.list.portal {} table.list.portal thead th {/*2020-04-10mss:not working! Background missing! position:-webkit-sticky;position:sticky;*/top:0;line-height:16px;vertical-align:top;} table.list.portal th.price-retail {white-space:normal;} table.list.portal th.price-dealer {white-space:normal;} table.list.portal th span.active {font-weight:bold;} table.list.portal td {text-align:left;font-size:12px;} table.list.portal td.qtty {position:relative;} table.list.portal span.qtty {position:relative;} /* create personal card:*/ body.page-promo\.add {/*2019-01-16mss:margin:0.75cm;padding:0.75cm;*/position:relative;/*width:21.01cm;height:auto;*/width:100%;max-width:768px;/*width:423pt;height:564pt;*/margin:0cm auto;padding:0cm;/*line-height:1;font-size:10pt;font-family:Calibri, 'OpenSans', Arial, Helvetica, sans-serif;color:#000;border:0pt solid #ffbd31;background:#fff;*/} body.page-promo\.add >header {display:none;} body.page-promo\.add >footer {display:none;} body.page-promo\.add section.newsletter {display:none;} body.page-promo\.add\.corporate {/*2019-01-16mss:margin:0.75cm;padding:0.75cm;*/position:relative;/*width:21.01cm;height:auto;*/width:100%;max-width:768px;/*width:423pt;height:564pt;*/margin:0cm auto;padding:0cm;/*line-height:1;font-size:10pt;font-family:Calibri, 'OpenSans', Arial, Helvetica, sans-serif;color:#000;border:0pt solid #ffbd31;background:#fff;*/} body.page-promo\.add\.corporate >header {display:none;} body.page-promo\.add\.corporate >footer {display:none;} body.page-promo\.add\.corporate section.newsletter {display:none;} /* create personal card:*/ body.page-promo\.add {/*2019-01-16mss:margin:0.75cm;padding:0.75cm;*/position:relative;/*width:21.01cm;height:auto;*/width:100%;max-width:768px;/*width:423pt;height:564pt;*/margin:0cm auto;padding:0cm;/*line-height:1;font-size:10pt;font-family:Calibri, 'OpenSans', Arial, Helvetica, sans-serif;color:#000;border:0pt solid #ffbd31;background:#fff;*/} body.page-promo\.add >header {display:none;} body.page-promo\.add >footer {display:none;} body.page-promo\.add section.newsletter {display:none;} body.page-promo\.add\.corporate {/*2019-01-16mss:margin:0.75cm;padding:0.75cm;*/position:relative;/*width:21.01cm;height:auto;*/width:100%;max-width:768px;/*width:423pt;height:564pt;*/margin:0cm auto;padding:0cm;/*line-height:1;font-size:10pt;font-family:Calibri, 'OpenSans', Arial, Helvetica, sans-serif;color:#000;border:0pt solid #ffbd31;background:#fff;*/} body.page-promo\.add\.corporate >header {display:none;} body.page-promo\.add\.corporate >footer {display:none;} body.page-promo\.add\.corporate section.newsletter {display:none;} form.card section.client {box-sizing:border-box;min-height:970px;height:100%;line-height: 1.25;/*min-height:297mm;min-width:21.01cm;*/padding:170px 0px 0px 0px;text-align:left;color:#0a295b;background:#fff url('../img/card-digital6.png') top right no-repeat;background-size:auto auto;-webkit-background-size:auto auto;background-size:auto auto;} section.client form {max-width:600px;} section.client h5 {margin-bottom:40px;line-height: 28px;font-size:24px;color:green;background-color:transparent;} section.client h5 p {font-size:16px;color:#000;} section.client p.cen {text-align:center;} section.client label {margin-top:10px;color:#0a295b;font-style:normal;line-height:12px;letter-spacing:-0.75px;vertical-align:top;} section.client label::before {position:absolute;left:0;margin-top:0px;width:12px;height:12px;line-height:14px;font-size:18px;color:#3aa8d5 !important;border-color:gray;} section.client div.title {height:50px;margin-top:-50px;letter-spacing:-0.5px;font-size:30px;} section.client div.all {z-index:99;min-height:660px;margin:0 50px 0 0px;padding:5px 10% 70px 15px;background:transparent url('../img/card-digital-w.png') top right no-repeat;} section.client div.info {margin-bottom:16px;letter-spacing:-1px;font-size:16px;font-weight:bold;} section.client div.info label {width:50%;margin:10px 0 10px 50px;line-height:10px;} section.client div.info input {min-height: auto;line-height:22px;margin:-10px 0 0 10px;padding:0;border-width:0 0 1px;border-radius:0;} section.client div.group {min-height:230px;margin:60px;} section.client div.group label {padding:20px 0 10px 30px;font-size:18px;} div.gdpr {max-width:543px;margin-top:10px;padding-left:20px;letter-spacing:0px;font-size:8px;line-height:11px;outline:solid 15px #fff;background:#fff;} div.gdpr label {/*margin-left:-20px;*/margin-top:6px;margin-bottom: 9px;font-size:9px;letter-spacing:-0.2px;} form.card div.gdpr label {line-height:16px;letter-spacing:0;font-size:13px;} form.card div.gdpr label::before{margin-top:2px;} div.gdpr p {/*?margin-right:40px;*/color:#0a295b;text-align:justify;} div.gdpr a {color:#2462c1;} /* section.client div.gdpr table {display:none;} section.client div.gdpr table th {text-align:center;} */ div.gdpr img {display:none;} div.gdpr table {display:table;max-width:543px;margin-bottom:10px;} div.gdpr table th {padding:6px;line-height:10px;text-align:center;font-size:8px !important;color:#0a295b;border:1px solid gray;} div.gdpr table td {padding:4px 6px 6px;line-height:10px;vertical-align:top;font-size:8px !important;color:#0a295b;border:1px solid gray;} div.gdpr table tr:nth-of-type(2) td:first-child {text-shadow:1px 1px 2px #9e9e9e;} div.gdpr table tr:nth-of-type(3) td:first-child {text-shadow:1px 1px 2px #9e9e9e;} div.gdpr table tr:nth-of-type(5) td:first-child {text-shadow:1px 1px 2px #9e9e9e;} section.client footer {z-index:99;position:relative;max-width:543px;/*?margin-left:-15px;margin-right:35px;*/margin-left:-15px;padding:0;padding-left:20px;text-align:center;outline:solid 0px #fff;border:15px solid #fff;border-width:10px 10px 15px 15px;background:#fff;} section.client footer h6 {float:left;width:50%;padding-top:9px;padding-bottom:9px;font-size:12px;line-height:1.1;} /*section.client button.accent {padding:10px 20px;font-size:28px;line-height:36px;letter-spacing:-1px;background-color:#0a295b !important;border-color:#0a295b !important;}*/ section.client button.accent::before {border-color:#0a295b !important;} section.client button.accent.confirm {float:right;margin-top:0;margin-right:15px;font-size:20px;line-height:24px;text-transform:none;} section.client section.captcha {padding-left:20px;padding-right:20px;} section.client div.qrcode {z-index:2;position:absolute;bottom:0;left:0;} section.client div.qrcode img {z-index:3;position:relative;max-width:100px;} section.client div.barcode {z-index:2;position:absolute;bottom:0;left:0;} section.client a.logo {z-index:2;display:block;position:absolute;top:0;left:0;/*width:350px;height:70px;*/width:374px;height:82px;margin-top:10px;background:transparent url('../img/card_logo.png') 0 0 no-repeat;} section.client a.logo::after {display: none;} section.client a.home {z-index:2;position:absolute;bottom:30px;right:40px;text-decoration:none;color:#fff;font-size:14pt;font-weight:bold;} /* create personal card end! */ body.page-checkout\.portal table.list.portal td.active {padding-bottom:30px;} body.page-checkout\.portal table.list.portal h6.active {display:block;bottom:9px;right:2px;} body.page-checkout\.portal table.list.portal h6.active br {display:none;} body.page-checkout\.portal .plot {width:100%;display: flex;align-items: flex-start;padding: 50px;box-sizing: border-box;} body.page-checkout\.portal .plot >div {width:30%;} body.page-checkout\.portal .plot div>section {padding:0px 0px;display: block;box-sizing: content-box;min-height: 150px;padding:20px;background: #F4F4F4;border-radius: 10px;overflow: hidden;} body.page-checkout\.portal .plot >section {width:30%;padding:0px 0px;display: block;box-sizing: content-box;margin-right:25px;min-height: 150px;padding:20px;background: #F4F4F4;border-radius: 10px;overflow: hidden;} body.page-checkout\.portal .plot section:nth-of-type(3) {width:auto;padding: 0;min-height: 0;margin-right: 0;} body.page-checkout\.portal button.accent {margin-right:50px;margin-bottom:50px;} table.list.portal tfoot th button {float:right;margin:14px;} @media only screen and (max-width: 1280px){ body.page-checkout\.portal .plot {display:block;padding:50px 16px;box-sizing: border-box;} body.page-checkout\.portal .plot >div {width: 100%;} body.page-checkout\.portal .plot >section {width:100%;box-sizing: border-box;margin-right: 0;margin-bottom: 25px;} body.page-checkout\.portal button.accent {margin-left:16px;margin-bottom:16px;} } body.page-checkout\.portal table.list a {text-decoration:underline;} body.page-checkout\.portal table.list a:hover {text-decoration:none;} .full div.over, body.page-checkout\.portal table.list div.over {left:10px;right:auto;bottom:100%;} .full div.over::after, body.page-checkout\.portal table.list div.over::after {left:14px;right:auto;margin-right:0;} body.page-checkout\.portal table.list .price {text-align:right;} body.page-checkout\.portal table.list .qtty {text-align:right;} body.page-checkout\.portal table.list .qtty input{font-size:14px;} body.page-checkout\.portal div.plot select, body.page-checkout\.portal div.plot input, body.page-checkout\.portal div.plot textarea {margin-top:3px;} body.page-account\.order table.list td {white-space:normal;} body.page-account\.order\.detail section.info a.back{display:none;margin-top:0;} body.page-account\.order\.detail section.info h2,body.page-account\.order\.detail section.info h1{margin-bottom:10px;} body.page-account\.order\.detail section.info h3{clear:both;margin-right:30px;margin-bottom:30px;text-align:center;text-transform:none;font-weight:normal;} body.page-account\.order\.detail aside.panel {margin-bottom:50px;} body.page-account\.order\.detail table.list a {text-decoration:underline;} body.page-account\.order\.detail table.list a:hover {text-decoration:none;} body.page-account\.order\.detail table.list div.over {left:10px;right:auto;bottom:100%;} body.page-account\.order\.detail table.list div.over::after {left:14px;right:auto;margin-right:0;} /* body.page-account\.order\.detail table.list .price {text-align:right;} */ /* body.page-account\.order\.detail table.list .qtty {text-align:right;} */ body.page-account\.order\.detail table.list .qtty input {font-size:14px;} body.page-account\.order\.detail table.list tr.ttl th.qtty{padding-right:0;} body.page-account\.order\.detail article.summary {min-width: 290px;padding:20px;} body.page-account\.order\.detail div.plot {padding-bottom:50px;} body.page-account\.order section.order {padding:20px 0px;} /* body.page-account\.order nav.sub a.btn:first-of-type {display:none;} */ /* body.page-account nav.sub a.btn:first-of-type {display:none;} */ /* body.page-reserved\.order\.favorite nav.sub a.btn:first-of-type {display:none;} */ p.card\.account {padding:10px 10px 10px 20px; background: #eee;} p.card\.account input.chk {vertical-align: top;} p.card\.account label.chk {width:41%;} p.card\.account label.half {vertical-align: middle;} a.view {display:inline-block;width:20px;height:17px;background:transparent url('../img/view1.png') 0 0 no-repeat;background-size: 20px;} body.page-reserved\.order\.favorite .favorite table.list td.stock span{margin-top:0;} body.page-confirmation\.portal div.rte {padding-top:20px;} body.page-confirmation\.portal div.rte span.accent {font-weight: bold;} aside.panel {min-width:280px;max-width:470px;} aside.panel article.summary {line-height: 20px;} div.center aside.panel {text-align:left;} article.summary {margin:0 !important;padding:20px;color:#1c1f29;font-size:15px;background:#ececec;border-radius:16px;} article.summary table {width:100%;} article.summary th {font-weight:500;} article.summary td {text-align:right;text-align-last: right;} article.summary .discount th {color:#f80c0c;} article.summary .discount td {color:#f80c0c;} div.tooltip {position:relative;display:inline-block;margin-top:4px;vertical-align:middle;} div.tooltip a {display:inline-block;margin-left:3px;width:25px;height:25px;color:#000;font-weight:bold;background:transparent url('../img/tooltip.png') 0 0 no-repeat;} div.tooltip p {display:none;font-size:13px;line-height:normal;text-transform:none;font-weight: 500;} div.tooltip:hover p {z-index:90;display:block;position:absolute;top:32px;width:200px;padding:11px;border-radius:9px;color:#fff;background:rgba(0,0,0,0.85);} div.tooltip:hover p::after {content:" ";position:absolute;bottom:100%;left:15px;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(0,0,0,0.85) transparent;} article.summary .total th {padding-top:54px;white-space:nowrap;font-weight:bold;font-size:20px;} article.summary .total td {padding-top:54px;white-space:nowrap;font-weight:bold;font-size:20px;} article.summary .discount ~ .total th {padding-top:30px;} article.summary .discount ~ .total td {padding-top:30px;} article.summary td.note {padding-top:10px;text-align:left;color:#7d7d7d;} section.account.preview {line-height: 20px;} section.account footer {text-align: right;} section.account footer a {margin:16px 0;} section.info nav.sub a.btn:first-of-type {display: none;} .search label.code input {background: unset;background: #fff;margin-top:2px;} /* .search label.search {padding-top:15px;} */ nav.search .header a {font-size: 14px;} .carousel div>a {font-size:12px;} body.page-account\.order\.detail article.summary table th{text-align:left;font-size:13px;} body.page-account\.order\.detail article.summary tr.total span.total{font-size:21px;} body.page-account\.order\.detail section.preview article{border:none;} @media only screen and (min-width: 830px){ body.page-account\.order\.detail article.summary {min-width: 430px;padding:20px;} body.page-account\.order section.order {padding:20px 18px;} table.list {font-size: 14px;} table.list td.over {width:50px;min-width:50px;max-width:50px;} table.list th sub, table.list td sub {display:none;} table.list th.mobile, table.list td.mobile {display:table-cell;} section.account.preview {line-height: 35px;} a.view {width: 31px;background-size: 31px;} table.list td.price {font-size: 18px;} table.list td.size {font-size: 14px;} table.list tr.ttl th {font-size: 16px;} section.account .plot article {width:45%;display: inline-block;max-width: 350px;margin-right: 50px;vertical-align: top;} section.account.preview .plot {width: 100%;} section.order.preview.account .plot:nth-of-type(2) {width:63%;} nav.search .header a {font-size: 17px;} .carousel div>a {font-size:15px;margin:0 8px;} body.page-account\.order\.detail article.summary table th{font-size:14px;} .summary div.tooltip {float: unset;width: auto;} } /* end Iva add style*/ /* reservation */ main.reservation section > footer {padding-top:8px;} main.reservation > footer, main.reservation > form > footer {padding:16px;} main.reservation.conf section {max-width:100%;} main.reservation.conf section article {border-bottom:1px solid #b4b4b4;margin:8px 0;padding:0 0 10px 0;font-size:16px;} main.reservation.conf section output {padding-left:24px;} main.reservation footer {box-sizing: border-box;width: 100%;text-align: center;} main.reservation footer button {width: 100%;max-width: 354px;} main.reservation footer a.btn {width: 100%;max-width: 354px;} main.reservation p {margin-bottom:0;} .plate input {text-transform: uppercase;} .reserv-tyre {padding:15px 10px;} .reserv-tyre ul li {background:#f4f4f4;border-radius:12px;margin-bottom:10px;padding:15px 10px 0;box-sizing:border-box;font-size:16px;font-weight:500;} table.tyres-type {margin:0 0 16px 0;} table.tyres-type tr:hover input {background: #fff;} table.tyres-type th {padding:0 0 7px 2px;font-size:12px;font-weight:100;text-align: left;} table.tyres-type td {width: 32%;padding: 1px 1px 7px 1px;width: 500px;} table.tyres-type td:first-of-type {} table.tyres-type td:last-of-type {} table.tyres-type td.btn {width: 20px;} table.tyres-type td.btn a {} a.delete {margin: 2px;width: 16px;height: 16px;text-decoration: none;} a.delete::before {content:"\e6a4";content:"\e673";font-family:'icons-nav';color:#e15556;} table.tyres-type input {min-width:90px;min-height:30px;line-height: 30px;padding-left:10px;font-size: 13px;font-weight: bold;border-radius:8px;background: #E6E6E6;} dl.preview {padding:10px;border-bottom:1px solid #B4B4B4;} dl.preview dt {font-weight:700;} dl.preview dd {margin:0 20px;} section.reservation.corporate {min-height: 100px;padding: 0;} .plot section.corporate {max-width: 100%!important;} section.corporate table {} /* list */ section.list {padding:0px 16px;} /*2022-06-15mss: added! Need lists on full width, without pannel. See `Помощ при избор`/Blog*/ main.column section.list {box-sizing: border-box;width: 100%;} section.list article {margin-bottom:40px;} section.list div.img {margin-left:-20px;width:calc(100% + 40px);margin-bottom:10px;height:100%;/*2022-03-18mss: ;aspect-ratio:16/9;*/aspect-ratio:2/1;} body.page-article main> header .back {position:relative;float:right;} body.page-article main section {max-width:980px;} body.page-article .gallery article {box-sizing:content-box;width:100%;height:100%;margin-bottom:18px;/*2022-03-16mss: pa.asked!aspect-ratio:16/9;*/} body.page-article .gallery article img {position: relative;top: 0;right: 0;bottom: 0;left: 0;width: 100%;} body.page-article .gallery article::before {padding-top:0px;} body.page-article div.rte p>img {max-width:100%;} section.list div.img img {width:100%;object-fit:cover;} body.page-article picture {width:100%;height:100%;/*2022-03-18mss: ;aspect-ratio:16/9;*/aspect-ratio:2/1;} section.list picture {display:block;position:relative;height:100%;overflow:hidden;box-sizing:content-box;width:100%;padding:30px; margin-left:-45px;padding-bottom:56.25%;} section.list picture img {width:100%;object-fit:cover;position:absolute; /*2022-03-18mss: ;aspect-ratio:16/9;*/aspect-ratio:2/1;} section.list div.rte {font-size:15px;text-transform:inherit;} section.list div.cont {padding-top:20px;} section.list div.cont time {margin-bottom: 0;} section.list div.cont h3 {font-size:18px;} section.list div.cont a.btn {height:40px;padding:5px 20px;line-height:27px;font-size:14px;width:156px;} /* search */ section.search-new {max-width:500px;/*min-height:550px;*/margin:auto;padding:0px;} div.search-cont {display: none;} .search-inline div.search-cont {z-index: 90;display: block;position: relative;max-width:500px;margin:auto;padding:0;border-radius: 0;} .search-inline div.search-cont::before {display:none;} nav.search .header {display:block;margin:0;text-align:center;font-size:0;} nav.search .header a {display:inline-block;width:50%;line-height:56px;white-space:nowrap;text-align:center;font-size:17px;font-weight:700;color:#fff;background:#322C90;transition:all 0.2s ease;} nav.search .header a:first-letter {text-transform:capitalize;} nav.search .header a.active {color:#000;background-color:#f2e200;cursor:default;} nav.search .header a:hover {} nav.search .header a.active:hover {} aside nav.search {max-width:500px;margin:0 auto;} article.search {box-sizing:border-box;display:none;min-width:360px;padding:16px 20px;text-align:center;background:#fff;font-size:0;/*width:100%;min-width:305px;margin:0;text-align:left;line-height:12px;background:#1c1f29;*/} article.search.active {z-index: 91;display:block;} article.search::after {content: '';z-index: 90;display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,0.2);} article.search.active::after {display: none;} article.vehicle {} /*work on desktop: nav.search {display: flex;flex-wrap: wrap;align-items: stretch;} nav.search div.header {flex: 1 0 100%;} nav.search article {flex: 1 0 100%;position: relative;padding-bottom: 90px;} nav.search article button {position: absolute;bottom: 16px;left: 20px;right: 20px;width: auto;margin: 0;} */ nav.search article {position: relative;/*min-height: 503px;*/ min-height: 450px; padding-bottom: 90px;} nav.search article button {display: block;position: absolute;bottom: 16px;left: 20px;right: 20px;width: calc(100% - 40px);margin: 0;} .search label {display:inline-block;margin:0;font-style:normal;font-size:16px;font-weight:700;letter-spacing:-0.5px;text-align:left;text-transform:capitalize;} .search .vehicle label {margin-bottom:20px;text-indent:9px;width:100%;float:left;box-sizing:border-box;} .search label select, .search label input {box-sizing:border-box;height:48px;margin:7px 0 6px;padding:0 12px 0 12px;font-size:18px;scrollbar-width: none;/*text-align:center;*//*2022-03-15mss: breaks options! ;text-indent:12px;*/font-weight:700;border:1px solid #7A7F94;border-radius:8px;background:#fff url('/img/select.svg') right 10px top 50% no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;} .search .vehicle label select, .search .vehicle label input {font-size:14px;font-weight:normal;text-align:left;/*2022-02-18mss?@?@?:text-indent:3px;*/} .search label.width {width:25%;} .search label.ratio {width:25%;margin:0 12% 0 12%;text-indent:-6%;} .search label.rim {width:25%;} .search label.brand {width:65%;padding-right:20px;} .search label.year {width:35%;} .search input.chk {display:none;} .search label.chk {width:33%;white-space:nowrap;font-size:14px;} .search label.chk.vehicle {width:24%;} .search label.chk::before {content:'';display:inline-block;width:23px;height:23px;margin:0 6px 0 0;padding:0;vertical-align:middle;text-align:center;border:1px solid #535355;background: #fff;transition:all 0.4s ease;line-height:25px;} .search input.chk:checked + label.chk::before {position:relative;left:0px;top:0;} .search img {display:block;width:calc(100% + 40px);margin:0 0 0 -20px;} .search button {margin-top:30px;width:100%;font-weight:600;font-size:15px;} .vehicle table.table {z-index:301;display:none;position:absolute;left:0;right:0;top:100%;margin-top: -5px;padding:10px;border:1px solid #9fa1a4;border-width:0 1px 1px;background:#fff;} .vehicle table.table.active {display:block;position:relative;} .vehicle table.table th {width:200px;padding:6px 6px 12px;vertical-align:top;font-weight:700;} .vehicle table.table td {padding:6px;vertical-align:top;cursor:pointer;font-weight:normal;font-size:14px;color:#555;} .vehicle table.table tr:hover td {color:#000;background: #f2e200;} .vehicle table.table sup {position:absolute;} /* carousel */ .carousel {position:relative;padding:0 20px;/*2022-03-16mss?:text-align:center;*/overflow:hidden;} .carousel div {overflow: auto;scrollbar-width:none;scroll-behavior: smooth;white-space:nowrap;} .carousel div>a {display:inline-block;margin:0 9px;line-height:64px;font-weight:700;white-space:nowrap; font-size:16px;color:#F2E200;transition:margin 1s ease-out;} .carousel div>a:hover {text-decoration:underline;} .carousel a.prev {z-index:2;display:block;position:absolute;top:50%;left:0px;width:22px !important;height:22px;line-height:30px;margin-top:-11px;padding:0 !important;text-decoration:none;cursor:pointer;background:transparent url('../img/primex-images/prev-icon.svg') 50% 50% no-repeat;} .carousel a.next {z-index:2;display:block;position:absolute;top:50%;right:0px;width:22px !important;height:22px;line-height:30px;margin-top:-11px;padding:0 !important;text-decoration:none;cursor:pointer;background:transparent url('../img/primex-images/next-icon.svg') 50% 50% no-repeat;} .carousel a.prev.hide {display:none;} .carousel a.next.hide {display:none;} /* quick links */ .carousel.links {box-sizing:content-box;width:100%;margin:0 -20px 20px -20px;background:#322C90;} /* brand list */ .carousel.brands {clear:both;background:#f0f0f0;} .carousel.brands div a {width:130px;padding:9px;vertical-align:middle;text-align:center;cursor:pointer;} .carousel.brands a img {display:block;max-width:100%;margin:auto;} /* product list */ .carousel.products {padding:0 0 20px;} .carousel.products section {display: block;overflow: auto;scrollbar-width:none;scroll-behavior: smooth;white-space:nowrap;} .carousel.products article {display: inline-block;white-space:normal !important;vertical-align: top;transition:margin 1s;} .carousel.products a.prev {left: 10px;top: 50%;width: 51px !important;height: 51px;margin-top: -61px;padding: 20px;border-radius: 100%;background:rgba(242,226,0,0.6) url(../img/primex-images/preview.svg) no-repeat center center;/*background-size: 50% 50%;box-shadow: 0 0 6px rgba(0,0,0,0.6)*/} .carousel.products a.next {right: 10px;top: 50%;width: 51px !important;height: 51px;margin-top: -61px;padding: 20px;border-radius: 100%;background:rgba(242,226,0,0.6) url(../img/primex-images/next.svg) no-repeat center center;/*background-size: 50% 50%;box-shadow: 0 0 6px rgba(0,0,0,0.6)*/} .carousel.products a.prev:hover,.carousel.products a.next:hover {background-color: rgba(242,226,0,0.99);box-shadow: 0 0 6px rgba(0,0,0,0.16)} /* banners list */ .carousel.banners {padding:0;} .carousel.banners div {display: block;overflow: auto;scrollbar-width:none;white-space:nowrap;} .carousel.banners article {display: inline-block;white-space:normal !important;vertical-align: top;transition:margin 1s;} .carousel.banners img {max-width: 100%;max-height: 250px;} .carousel.banners a.prev {left: 10px;top: 50%;width: 51px !important;height: 51px;margin-top: -26px;padding: 20px;border-radius: 100%;background:rgba(242,226,0,0.6) url(../img/primex-images/preview.svg) no-repeat center center;/*background-size: 50% 50%;box-shadow: 0 0 6px rgba(0,0,0,0.6)*/} .carousel.banners a.next {right: 10px;top: 50%;width: 51px !important;height: 51px;margin-top: -26px;padding: 20px;border-radius: 100%;background:rgba(242,226,0,0.6) url(../img/primex-images/next.svg) no-repeat center center;/*background-size: 50% 50%;box-shadow: 0 0 6px rgba(0,0,0,0.6)*/} .carousel.banners a.prev:hover,.carousel.banners a.next:hover {background-color: rgba(242,226,0,0.99);box-shadow: 0 0 6px rgba(0,0,0,0.16)} /* slider */ .slider {position:relative;width:100%;max-width:1020px;margin:auto;/*2022-03-18mss: aspect-ratio:390/184;;*/aspect-ratio:2/1;} .slider article img {position:absolute;width:100%;object-fit:cover;} .slider article {position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;text-align:left;opacity:0.01;transition:opacity 1s ease;transform:translateZ(0);} .slider article.active {opacity:0.99;transition:all 2s ease;} .slider a.prev {z-index:99;opacity:0;display:block !important;position:absolute;top:50%;left:30px;width:42px !important;height:42px;line-height:42px;margin-top:-21px;padding:0 !important;text-decoration:none;cursor:pointer;background:transparent url('../img/prev.png') 50% 50% no-repeat;transition:opacity 0.5s ease;} .slider a.next {z-index:99;opacity:0;display:block !important;position:absolute;top:50%;right:30px;width:42px !important;height:42px;line-height:42px;margin-top:-21px;padding:0 !important;text-decoration:none;cursor:pointer;background:transparent url('../img/next.png') 50% 50% no-repeat;transition:opacity 0.5s ease;} .slider:hover a.prev {opacity:0.5;transition:opacity 0.5s ease;} .slider:hover a.next {opacity:0.5;transition:opacity 0.5s ease;} .slider a.prev:hover {opacity:0.85;} .slider a.next:hover {opacity:0.85;} .slider footer {z-index:100;position:absolute;bottom:0;left:0;right:0;height:30px;text-align:center;} .slider footer a {display:inline-block;width:8px;height:8px;margin:4px;background:#fff;border-radius:8px;opacity:0.51;} .slider footer a.active {opacity:0.99;} /* tire size calculator */ table.cart {width:100%;margin-bottom:0px;border:1px solid #f1efef;border-radius: 8px;} table.cart td {box-sizing:border-box;display:inline-block;width:100%;padding:14px;vertical-align:top;border:none;} table.cart td img.brand {display: block;} table.cart td a.name {display: block;} /*2022-03-11mss: ;table.cart td >b {display:inline-block;min-width:140px;margin-right:18px;text-align:right;font-weight:normal;font-size:13px;line-height:18px;color:#5D5D5D;}*/ table.cart td >b {display:inline;margin-right:10px;font-weight:normal;font-size:13px;line-height:18px;color:#5D5D5D;} table.cart td >b br {display: none;} table.cart td >b::after {content:':';} div.calculator {position:relative;margin:auto;font-size:0;max-width:500px;} .calculator .calc {box-sizing:content-box;display:inline-block;margin:0 -20px;padding:0 20px;max-width:500px;/*border:1px solid #f1efef;*/} .calculator .calc header {box-sizing:content-box;width:100%;margin:0 -20px 10px;padding:0px 20px;line-height:56px;color:#000;font-size:17px;font-weight:700;background:#F2E200;} .calculator .calc:first-child header {color:#fff;background:#322C90;} .calculator .calc label {display:inline-block;margin:0;font-weight:700;font-size:16px;text-transform:capitalize;} .calculator .calc label:after {display:none;} .calculator .calc label select {height:48px;margin:6px 0 0;padding:0 12px 0 0;font-size:18px;text-align:center;font-weight:700;border:1px solid #7A7F94;border-radius:8px;background:transparent url('/img/select-active.png') right 10px top 50% no-repeat;} .calculator .calc label.width {width:25%;} .calculator .calc label.ratio {width:25%;margin:0 12% 0 12%;text-indent:-24%;} .calculator .calc label.rim {width:25%;} .calculator .calc img {width:100%;} .calculator button.active {display:inline-block;} .calculator div.output {background:#eef;} .calculator div.chart {position:relative;height:300px;background:#efe;} .calculator div.col {display:inline-block;width:140px;} .calculator a.row {position:absolute;display:block;margin:2px;background:#ffe;} .calculator a.ok {background:#cfc;} .calculator a.warn {background:#ffc;} .calculator a.err {background:#fcc;} .calculator h3 {display:none;} .calculator table.cart {margin:20px 0 0 -20px;width:calc(100% + 40px);} .calculator table.cart tbody.correct td {background:#efe;} .calculator table.cart tbody.correct td:nth-of-type(3) {color:#3cb878;background:#efe;} .calculator table.cart tbody.correct td:nth-of-type(3) output {color:#3cb878;background:#efe;} .calculator table.cart tbody.incorrect td {background:#fee;} .calculator table.cart tbody.incorrect td:nth-of-type(3) {color:#f00;background:#fee;} .calculator table.cart tbody.incorrect td:nth-of-type(3) output {color:#f00;background:#fee;} .calculator table.cart td.total {font-weight:500;padding:0;} .calculator table.cart td b {display: inline-block;min-width:200px;margin:0 9px 0 0;padding:14px;font-weight:600;background-color:#322C90;color:#fff;text-align: right;font-size:16px;letter-spacing: -0.5px;/*color:#7d7d7d;color:#1c1f29;color:#193b9b;font-weight:normal;font-size:16px;*/} .calculator table.cart td output {margin-right:3px;font-weight:500;font-size:18px;} .calculator button.incorrect {border:1px solid #707070;background:#fff;cursor:not-allowed;pointer-events:none;opacity:0.6;} /* search result by vehicle */ .search-result table.cart td.total {font-size:16px; } .search-result table.cart {margin-bottom:20px;} /* gallery */ div.gallery {} div.gallery dt {} div.gallery dt article {display: none;} div.gallery dt article.active {display: block;} div.gallery dd {/*2022-03-17mss: hide! Missing in new visual;*/display: none;/*!*/} /* div.gallery {max-width:760px;margin-bottom:36px;} div.multiple-only dt img {cursor:default !important; transform:none !important;} div.gallery dt {position:relative;overflow:hidden;} div.gallery dt::before {content:'';display:inline-block;float:left;padding-top:52.63%;} div.gallery article {position:absolute;left:0;top:0;right:0;bottom:0;opacity:0;transform:translateZ(0);transition:opacity 1s ease;} div.gallery article.active {opacity:1;} div.gallery dt img {transform:scale(1.025);cursor:zoom-in;transition:all 0.5s;} div.gallery dt img:hover {transform:scale(1.035);transition:all 0.5s;} div.gallery dt a {z-index:15;opacity:.5;display:block;position:absolute;top:50%;width:100px;height:100px;margin-top:-50px;} div.gallery dt a.prev {left:0;background:transparent url('../img/prev.png') 50% 50% no-repeat;} div.gallery dt a.next {right:0;background:transparent url('../img/next.png') 50% 50% no-repeat;} div.gallery dt a.active {opacity:.99;cursor:pointer;} div.gallery dd {margin:0;padding:0;font-size:0;line-height:0;} div.gallery dd a {opacity:.5;display:inline-block;width:20%;margin:0;padding:0;cursor:pointer;outline:solid 0px #fff;transition:opacity 0.3s ease;} div.gallery dd a:hover {opacity:.89;} div.gallery dd a.active {opacity:.99;} div.gallery dd a img {display:block;} */ div.gallery.one {width: 100%;} div.gallery.one dt {height:auto;} div.gallery.one dt::before {display:none;} div.gallery.one article {position:relative;margin-bottom: 24px;} div.gallery.one .active img {width:100%;} /* product */ section.product {z-index: 91;display:flex;position:relative;padding-bottom:15px;} section.product div.gallery {position:relative;width:50%;max-width:340px;padding-right:10px;box-sizing:border-box;} section.product div.img {display:none;} section.product div.img.active {display:block;margin:0 auto 15px;border:1px solid #B4B4B4;border-radius:20px;padding:10px;box-sizing:border-box;min-height:250px;max-height:250px;width:100%;} section.product div.img::before {display:none;} section.product div.img.active img{position:unset;width:100%;height:100%;object-fit:contain;border-radius:20px;} div.galleryAdditional {display:inline-block;width:100%;max-width:100%;background:#fff;font-size:0;} div.galleryAdditional a {display:inline-block;box-sizing:border-box;max-width:25%;padding:0 4px 0 0;transition:opacity 0.5s;} div.galleryAdditional a:hover {opacity:0.8;transition:opacity 0.5s;} div.galleryAdditional img {display:block;height:60px;width:100%;object-fit:cover;} section.product div.info {z-index: 90;width:50%;padding-left:10px;box-sizing:border-box;} div.info h1 {font-size:18px;margin:0;padding:0;} div.info h1 a {text-decoration: none;} div.info a.brand {/*2022-03-25mss: bcs SEO! ;display:none;*/} .product dl.attribute {margin:13px 0 0;} .product dl.attribute dd {padding:0;justify-content:flex-start;} .product b.param {margin:0 18px 0 20px;padding:0 3px;} .product b.param::before {left:-19px;} .product .price-old {display: block;margin:3px 0 -2px;} .product .stock-label {top: 80px;} .product .stock-label-1 {top: 170px;} .product div.info p.attribute {top: 0px;} div.info a.name {display:inline-block;text-decoration:none;color:#5D5D5D;font-size:14px;font-weight:500;} div.info button.neutral {display:none;} div.info p.attribute {z-index:99;position:absolute;top:13px; left:18px;text-align:left;} div.info p.attribute a {display:block;} /* div.info dl.attribute {display:none;} */ div.info dl.purchase dd {/*2022-02-13mss:to be done!;display:none;*/} div.info dl.purchase button {max-width:170px;/*2022-04-12mss: credit added! height:38px;line-height:38px;*/ height: 46px;line-height: 46px; padding:0 12px;font-size:14px;letter-spacing:-.24px;font-weight:600;} div.info dl.purchase label {display:block;margin-top:15px;font-size:14px;font-weight:500;color:#5D5D5D;} div.info button {/*2022-02-21mss???:width:100%;*/ display:block;} span.qtty input {padding:0;max-width:60px;min-height:40px;line-height:40px;box-sizing:border-box;border-radius:6px;border:1px solid #707070;font-size:16px;font-weight:700;text-align:center;vertical-align:middle;} span.qtty a {text-decoration:none;box-sizing:border-box;display:inline-block;width:42px;height:42px;line-height:40px;vertical-align:middle;text-align:center;font-weight:700;font-size:20px;border:1px solid #f1efef;background-color:#ececec;border-radius:8px;} span.qtty a.up {color:#fff;border:1px solid #283d8d;background-color:#283d8d;} a.economy::before {background:transparent url('../img/svg/tire-economy.svg') 0 100% no-repeat;background-image:url('../img/label/economy.svg');background-size:auto 100%;} a.traction::before {background:transparent url('../img/svg/tire-traction.svg') 0 100% no-repeat;background-image:url('../img/label/traction.svg');background-size:auto 100%;} a.noise::before {padding-left:4px;background:transparent url('../img/svg/tire-noise.svg') 0 100% no-repeat;background-size:auto 100%;} a.winter::before {width:100% !important;height:100% !important;background:transparent url('../img/label/winter.svg') 0 100% no-repeat;background-size:100% auto;} a.ice::before {width:100% !important;height:100% !important;background:transparent url('../img/label/ice.svg') 0 100% no-repeat;background-size:100% auto;} .eo-detail {} .eo-detail a {z-index:1;display:inline-block;position:relative;width:68px;height:62px;/*line-height:62px;*/line-height:51px; margin:0;text-align:center;text-decoration:none;} .eo-detail a::before {content:'';display:inline-block;position:absolute;left:0px;top:0;width:60px;height:44px;} .eo-detail a.noise {box-sizing:border-box;/*width:108px;height:81px;*/width:93px;height:66px; /*margin-top:-20px;*/ padding:42px 0 0 10px;font-size:0;letter-spacing:1px;} .eo-detail a.noise::before {content:attr(data-value);box-sizing:border-box;width:100% !important;height:100% !important;padding-left:30px;letter-spacing:normal;text-align:left;font-weight:700;/*font-size:18px;*/font-size:15px; background:transparent url('../img/label/noise2.svg') 100% 0 no-repeat;background-size:100% auto;} .eo-detail a.noise::before {/*2021-06-10mss:use png bcs svg are not ok on smaller size! ;*/background-image:url('../img/label/big_noise-empty.png');background-size:auto 100%;} .eo-detail a.noise.nclass1, .eo-detail a.noise.nclass2, .eo-detail a.noise.nclass3 {font-size:14px;text-transform:uppercase;} .eo-detail a.noise.nclass1 span:nth-of-type(1), .eo-detail a.noise.nclass2 span:nth-of-type(2), .eo-detail a.noise.nclass3 span:nth-of-type(3) {font-size:20px;font-weight:700;} section.product dl.attribute dd.eo {display:block;margin:30px 0;} /* EU label */ div.labelCont {margin:0;padding:0;} div.label {position:relative;display:block;width:340px;height:500px;max-width:340px;/**/margin:0 0 15px;padding:0px;background:transparent url('../img/label/eu-tyre-label-full_empty.png') 0 0 no-repeat;background-size:100% auto;} div.label::before {content:'';display:inline-block;float:left;width:0%; padding-top:150%;} div.label img.qr {position:absolute;top:16px;right:16px;outline:solid 5px #fff;} div.label div.information {display:block;position:absolute;top:64px;left:13px;right:0;min-height:60px;max-height:60px;margin:0 15px 0 0;} div.label .information span {white-space:nowrap;font-size:13px;line-height:36px;vertical-align:bottom;} div.label .information .supplier{position:absolute;left:0;top:0;height:30px;width:80%;text-align:left;font-size:14px;text-transform:uppercase;font-weight:700;} div.label .information .type {position:absolute;right:0;top:0;height:30px;width:20%;width:auto;text-align:right;} div.label .information .size {position:absolute;left:0;bottom:0;height:30px;width:80%;text-align:left;font-size:16px;} div.label .information .class {position:absolute;right:0;bottom:0;height:30px;width:20%;text-align:right;} div.label div.index {display:block;position:absolute;top:126px;top:194px;left:13px;right:0;bottom:124px;padding:0;} div.label .index .arrow {box-sizing:border-box;display:inline-block;position:absolute;width:42px;height:44px;line-height:44px;margin-right:16px;padding-left:4px;text-align:center;text-decoration:none;text-transform:uppercase;font-size:24px;font-weight:700;color:#fff;background:transparent url('../img/label/arrow-4x.svg') 100% center no-repeat;background-size:100% auto;} div.label .index .arrow.economy {right:51%;} div.label .index .arrow.traction {right:0;} div.label .index .arrow.A {top:0px;} div.label .index .arrow.B {top:36px;} div.label .index .arrow.C {top:72px;} div.label .index .arrow.D {top:108px;} div.label .index .arrow.E {top:144px;} div.label .index .arrow.F {top:144px;} div.label .index .arrow.G {top:144px;} div.label div.eo-detail {display:flex;justify-content:space-evenly;align-items:flex-end;position:absolute;bottom:26px;left:4px;right:28px;} div.label a.over {z-index:89;display:block;position:absolute;top:0;right:0;bottom:0;left:0;} ul.description {display:block;margin-bottom:30px;} ul.description li {width:100%;} ul.description div.panel {max-height:112px;} ul.description .active div.panel {max-height:3300px;} ul.description div.read-more::after {top:0} ul.description li h3 {text-transform:uppercase;margin:15px 0;padding:0;} ul.description p {margin:0;} ul.description li.attribute {display:block;margin:0 0 7px;font-weight:700;} ul.description li.attribute::after {content:url("../img/primex-images/light-icon-normal.png");background-color:#F2E200; background-size:25px;width:25px;height:25px;left:-30px;display:inline-block;border-radius:50px;text-align:center;line-height:33px;display:none;} ul.description li.attribute label {margin:0 0 2px;width:auto;font-size: 14px;font-weight:normal;letter-spacing: -0.3px;} ul.description li.attribute label::after {content:':';padding-right:12px;} ul.description li.attribute output {vertical-align: middle;} div.description {vertical-align:top;} section.related {z-index: 90;display:block;position: relative;box-sizing:border-box;/*padding:20px 0;*/ padding: 40px 0 0;width:100%;background-color:#f4f4f4;} section.related h2 {text-transform:uppercase;font-size:18px;padding:0px 16px 11px;} section.related.nobg {background: transparent;} /* reserved area */ main.reserved {} section.account {display:block;box-sizing:border-box;width:100%;} section.account article {max-width:390px;} section.account article h3.title {font-size:16px;font-weight:700;text-align:left;} section.account article p {font-size:16px;font-weight:normal;} section.account p.full.req {margin-bottom:20px;} section.account label.chk::before {} section.account article input {} section.account article p img {display:block;} section.account article a.edit {border-bottom:none;} section.account article a.edit::after {content:"";background:url(../img/primex-images/arrow-right.svg);background-size:auto;background-repeat:no-repeat;width:11px;height:21px;position:absolute;right:20px;} section.account button.accent {padding:15px 20px;} ul.menu-profile {display:flex;align-items:flex-start;justify-content:space-between;min-height:35px;margin:0 auto 21px;padding:0;overflow: auto;border-bottom:1px solid #b4b4b4;} ul#menu\.reserved {z-index: 100;position: fixed;left: 0;right: 0;/*top: 100%;*/min-height: 0;max-height: 0;overflow: hidden;background: #fff/*rgba(242,226,0,0.9)*/;transition:max-height 1s ease;} header ul#menu\.reserved {position: absolute;top: 100%;} ul#menu\.reserved.active {max-height:95px;overflow: unset;overflow: auto;box-shadow: 0 0px 10px #b4b4b4;transition:max-height 1s ease;} ul#menu\.reserved.active::before{content: '';z-index: -1;display: none;position: absolute;top: 0;bottom: 0;left: -500%;right: -500%;height: 100%;width: 1000%;background: #f00;} ul.menu-profile li {margin:0 6%;padding:18px 0 16px;white-space: nowrap;border-bottom:3px solid #fff;} ul.menu-profile li a {text-decoration:none;font-size:16px;} .menu-profile li.active,.menu-profile li:hover {border-bottom:3px solid #F2E200;} section.account.preview {justify-content:space-around;align-items: flex-start; line-height:35px;margin-left:0px;} section.account.preview::after {display: none;} section.account.preview p {} section.accoun.preview form article {} /* shopping cart */ body.page-cart a.back {padding-left:20px;margin-bottom:0px;} body.page-cart h3.title {padding-left:30px;text-transform:uppercase;} section.cart {padding-bottom: 0;} section.cart h4 {margin-left:-20px;width:calc(100% + 0px); text-align:left;font-weight:700;padding-left:40px;margin-bottom:20px;} section.cart div.img {max-width:97px;border-radius:10px;box-shadow:0px 2px 7px #B4B4B4;max-height:134px;} section.cart div.product {position:relative;border-bottom:1px solid #B4B4B4;margin-bottom:20px;} section.cart div.product:last-of-type {margin-bottom: 0;border-bottom-width: 0;} section.cart div.img {float:left;width:33%;max-width:103px;} section.cart div.info {float:left;width:67%;} section.cart div.info h1.brand {padding-left:20px;font-size:16px;} section.cart div.info a.name {padding-left:20px;} section.cart div.info p.attribute {position:relative;top:0;margin:11px 0 0;} section.cart div.info p.attribute a {display:inline-block;} section.cart div.info p.attribute a.car {background-size:34px;width:35px;} section.cart div.info dl.attribute {display:block;text-align:left;padding-left:20px;} section.cart div.info dl.attribute dd.small b.param {width:19px;height:22px;font-size:15px;line-height:22px;margin:0 16px 0 27px;text-shadow:none;} section.cart div.info dl.attribute dd.small b.param::after {border-width:11px 0 11px 11px;right:-11px;} section.cart div.info dl.attribute dd.small b.param::before {content:"";text-align:left;font-weight:500;font-size:14px;width:50px;height:22px;left:-28px;color:#000;line-height:18px;padding-top:36px;} section.cart div.info dl.attribute dd.small b.param.eco::before {background:url("../img/primex-images/gas-icon-normal.svg"); background-size:21px;background-repeat:no-repeat;} section.cart div.info dl.attribute dd.small b.param.tra::before {background:url("../img/primex-images/rain-icon-normal.svg"); background-size:21px;background-repeat:no-repeat;} section.cart div.info dl.attribute dd.small b.param.noi::before {background:url("../img/primex-images/speaker-normal.svg"); background-size:21px;background-repeat:no-repeat;} section.cart div.atribute-price {display:flex;justify-content:space-around;width:100%;padding:24px 0 18px;} section.cart div.atribute-price div {flex:1 0 30%;line-height: 19px;} section.cart div.atribute-price div:nth-of-type(2) {flex:1 0 40%;} section.cart div.atribute-price div:nth-of-type(2) b {display:none;} section.cart div.atribute-price b.title {margin:0;padding:0;font-size:14px;font-weight:500;color:#5D5D5D;} section.cart div.atribute-price span.qtty input {max-width:40px;} section.cart div.atribute-price span.qtty a {max-width:38px;max-height:38px;} section.cart a.remove {position:absolute;top:0;right:0;} /* .summary::after {content:"";display:block;clear:both;} .summary table {width:100%;text-align:right;} .summary table th {padding-right:10px;} .summary table tr.total span.total {font-size:28px;font-weight:900;} .summary table tr.total th {padding-right:20px;padding-bottom:10px;font-size:14px;font-weight:500;color:#5d5d5d;} .summary table tr.total td {padding-bottom:8px;} .summary table tr td.note {padding-bottom:10px;font-size:10px;font-weight:500;text-align:right;color:#979797;} .summary button.checkout {width:100%;max-width:354px;margin-left:auto;margin-right:auto;} */ .summary {margin:0 16px;padding:4px 0 0;border-top: 1px solid #B4B4B4;} .summary::after {content:"";display:block;clear:both;} .summary p {margin-top: 0;} .summary table {float: right;vertical-align: middle;text-align:right;} .summary table th {padding:0 0 6px;vertical-align: middle;font-size:14px;font-weight:400;letter-spacing: -0.5px;color:#000;} .summary table td {width: 145px;padding:0 0 6px;vertical-align: middle;font-size: 18px;font-weight: bold;color: #000;} .summary table tr.total {} .summary table tr.total span.total {font-size:28px;font-weight: 900;} .summary table tr.total th {min-width: 150px;padding:10px 10px 10px 0;font-size: 16px;color: #5D5D5D;} .summary table tr.total td {width: 145px;padding:10px 0 10px 10px;} .summary table tr td.note, i.note {padding-bottom:10px;font-size:12px;font-weight:500;text-align:right;color:#5d5d5d;} .summary table tr td.note span {display:block;margin-top: 4px;} .summary+footer {box-sizing: border-box;width: 100%;padding-left: 16px;padding-right: 16px;text-align: center;} .summary .coupon {/*float: right;max-width: 360px;*/vertical-align: middle;text-align:left;} .summary .coupon label {display: inline-block;width:68%;} .summary .coupon button {display: inline-block;width: 30%;font-size: 14px;padding-left: 6px;padding-right: 6px;} .summary .discount th,.summary .discount td {color: #f80c0c;} /* login + register */ main.user {text-align:center;} main.user header {text-align:left;} main.user section {box-sizing:border-box;display:inline-block;width:100%;max-width:410px;margin:16px 0;padding:0;vertical-align:top;text-align:left;} main.user section.logged {/*2022-07-19mss: social login too long name:*/max-width: 410px;/*!*/text-align: center;} main.user section.logged .btn {height: auto;min-height: 50px;padding: 11px;line-height: 25px;} main.user section>form,section.logout footer {padding:16px 20px;} main.user section.big {max-width: 600px;} main.user section.big label {vertical-align: top;} main.user section.big label.chk {font-size: 11px;} main.user div.gdpr {padding-left: 10px;background: transparent;outline:none;} section.login {} section.login h2 {padding:0;line-height:56px;white-space:nowrap;text-align:center;background:#f2e200;} section.login h3 {margin-top:30px;} section.login p {text-align: center;} section.register {background:#eee;} section.register h2 {padding:0;line-height:56px;white-space:nowrap;text-align:center;color:#fff;background:#322C90;} /* checkout main.checkout {} main.checkout .plot section {box-sizing:border-box;display:inline-block;width:100%;max-width:410px;vertical-align:top;} main.checkout section:nth-of-type(1) {} main.checkout section:nth-of-type(2) {} main.checkout section.time {padding:24px 16px;} */ main.checkout {} main.checkout header {} main.checkout .plot {display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;box-sizing: border-box;width: 100%; } main.checkout .plot section {flex:1 0 30%;} main.checkout .plot section {box-sizing:border-box;display:inline-block;min-width:343px;width: 100%;/*max-width:380px;max-width: 30%;*/ padding-bottom: 12px;vertical-align:top;} main.checkout section:nth-of-type(1) {} main.checkout section:nth-of-type(2) {} main.checkout div.time {padding:0;} main.checkout .summary {padding-top:24px;} main.checkout footer {box-sizing: border-box;width: 100%;padding-left: 16px;padding-right: 16px;padding-bottom: 16px;text-align: center;} main.checkout footer button {width: 100%;max-width: 354px;} main.checkout footer a.btn {width: 100%;max-width: 354px;} main.checkout section.client {/*order: 1;*/} main.checkout section.car {/*order: 4;*/} main.checkout section.shop {/*order: 2;*/} main.checkout section.service {/*order: 5;*/} main.checkout section.reservation {/*order: 3;*/} main.checkout section.note {/*order: 6;*/} section.preview {padding-bottom: 0;} section.preview article {border-bottom:1px solid #b4b4b4;margin:8px 0;padding:0 0 10px 0;font-size:16px;} section.preview article:last-of-type {border-bottom-width:0;} section.preview output {display: block;padding-left:24px;} section.preview p {margin: 4px 0;} main.preview section.summary table tbody {display: block;margin-bottom: 24px;padding-bottom: 16px;border-bottom: 1px solid #b4b4b4;} /*2022-03-11mss: to be removed! Use reservation style! main.preview table label {box-sizing: border-box;font-size: 14px;} main.preview article a {text-decoration: underline;color: #322c90;} article.bdT {border-top: 1px solid #b4b4b4;} article.preview {margin:0 0 12px;padding:0 0 12px;border-bottom: 0px solid #b4b4b4;} article.preview output {display: block;padding:12px;} article.preview output {/*margin-top: 12px;border-radius: 8px;box-shadow: 0 0 6px rgba(0,0,0,0.16);* /} article.preview output p {margin:0 0 12px;} */ /* compare page */ main.compare {} .compare article {} .compare p.attribute {} .compare p.attribute .remove.close-tires {padding-bottom:15px;} .compare dl.attribute {min-height:105px;border-top:1px solid #D6D6D6;} .compare dl.attribute dd {display:block;padding:5px;text-align:center;border-bottom:1px solid #D6D6D6;} /* promo page */ h2.promo {width:100%;padding:20px 0 16px;/*mss:;font-size:20px;*/line-height:25px;font-weight:700;text-transform:lowercase;} h2.promo:first-letter {text-transform:uppercase;} h2.promo-sd {color:#348AFF;background-color:transparent;} h2.promo-ssd {color:#14B934;background-color:transparent;} h2.promo-dd {color:#322C90;background-color:transparent;} main.promo {padding:16px;} .promo header a.back {display:none;text-decoration:none;} .promo .filter {padding:16px;} .promo .filter nav.search {display: inline-block;position:relative;min-width: 280px;max-width:300px;} .promo .filter button {display: inline-block;height: 40px;line-height: 40px;font-size: 14px;} .promo .filter label {font-weight:normal;font-size:15px;} .promo .filter label.ratio {width:42%;margin:0;text-align:center;text-indent:unset;} .promo .filter label select {display:inline-block;position:relative;max-width:90px;margin:auto !important;} main.rim {} .rim header a.back {display:none;text-decoration:none;} .rim div.filter {padding:16px;} .rim div.filter nav.search {display: inline-block;position:relative;min-width: 280px;max-width:300px;} .rim nav.search button {display: inline-block;height: 40px;line-height: 40px;font-size: 14px;} .rim nav.search label {font-weight:normal;font-size:15px;} .rim nav.search label.ratio {width:42%;margin:0;text-align:center;text-indent:unset;} .rim nav.search label select {display:inline-block;position:relative;max-width:90px;margin:auto !important;} /*catalog.promo.inc.php*/ div.promo {clear:both;padding-top:14px;} /* poll vote:*/ body.page-poll\.vote {position:relative;width:100%;max-width:768px;margin:0cm auto;padding:0cm;} body.page-poll\.vote >header {display:none;} body.page-poll\.vote a.logo::after {display:none;} body.page-poll\.vote >footer {display:none;} body.page-poll\.vote section.newsletter {display:none;} section.poll {box-sizing:border-box;height:100%;/*min-height:297mm;min-width:21.01cm;*/padding:0px 0px 0px 0px;text-align:left;/*color:#0a295b;*/background:#fff;} section.poll input {display:none;} section.poll label {margin:9px 0 16px;cursor:pointer;color:#1c1f29;} section.poll label::before {content:'';display:inline-block;width:9px;height:9px;margin-right:6px;vertical-align:middle;font-style:normal;text-align:center;border-radius:50%;border:1px solid #1c1f29;} section.poll input:checked + label::before {content:'·';position: relative;top: 0;left: 0;color:#1c1f29;font-weight:bold;font-size:24px;line-height:8px !important;} section.poll input:disabled {color:#7d7d7d;} section.poll input:disabled + label {color:#7d7d7d;} section.poll tr.head td {padding:18px 20px 20px 0;vertical-align:middle;font-size:16px;background:#322c90;} section.poll tr.head td h3 {float:right;/*width:60%;width:280px;margin-right:5%;*/line-height:18px;/*text-align:right;*/font-weight:bold;font-size:14px;color:#fff;} section.poll tr.foot td {padding:20px 2% 16px;text-align:left;vertical-align:middle;color:#fff;text-transform:uppercase;font-weight:bold;background:#322c90;} section.poll a.logo {width:230px;margin:10px 0;padding:0;text-decoration:none;font-size:16px;line-height:24px;color:#fff;} section.poll a.tel {float:right;margin-top:-6px;padding-left:38px;vertical-align:middle;font-size:28px;} section.poll form {max-width:600px;} section.poll h5 {margin-bottom:40px;font-size:24px;line-height: 28px;color:green;background-color:transparent;} section.poll h5::before {line-height: 32px;} section.poll h5 p {font-size:16px;color:#000;} section.poll p.cen {text-align:center;} section.poll table {width:100%;min-height:670px;} section.poll td {padding:10px;color:#1c1f29;background:#fff;border-bottom:1px solid lightgray;} section.poll tbody tr:last-child td {border-bottom-width:0;} section.poll td div {display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;min-height:26px;} section.poll td.title {/*color:#fff;text-align:right;text-transform:uppercase;font-weight:bold;*//*background:#283d8d;*/} section.poll td.num {width:9%;text-align:center;font-weight:bold;font-size:42px;color:#f1e100;} section.poll td.name {display:none;padding:10px 40px 10px 0;line-height:18px;} section.poll span.name {display:block;padding:0 0 20px;line-height:18px;} section.poll td.answer {width:58%;} section.poll td.answer div {align-content:flex-start;} section.poll td.answer label.radio {/*equal:flex:1 1 0;*/flex:0 1 auto;margin:0;padding:0 11px 0 0;line-height:14px;color:#4a4a4a;font-size:11px;font-style:normal;} section.poll td.answer label.radio::before {display:block;width:16px;height:16px;margin-bottom:7px;font-size:56px !important;line-height:12px !important;border:solid 2px #f1e100;} section.poll td.rate {} section.poll td.rate div {align-content:center;float:left;direction:rtl;} section.poll td.rate label.radio {flex:0 1 auto;margin:0 0 0 -3px;padding:3px;line-height:14px;color:#4a4a4a;/*font-size:11px;*/font-size:0;font-style:normal;} section.poll td.rate label.radio::before {content:'\2606';display:block;width:auto;height:auto;margin:0;font-size:30px !important;line-height:12px !important;font-family:'FontAwesome';color:#f1e100;border:solid 0px #f1e100;} section.poll td.rate div label:hover:before, section.poll td.rate div label:hover ~ label:before { content:'\2605';color:#283d8d; /*content:"\2605";color:#283d8d;*/ } section.poll td.rate input:checked ~ label:before, section.poll td.rate input + label:hover ~ label:before, section.poll td.rate input + label:hover:before { content:'\2605';color:#283d8d; } section.poll td.rate input:checked + label:hover ~ label:before, .star-cb-group:hover > input + label:hover:before { content:'\2606';color:#f1e100; } section.poll td.rate div:hover > input + label:before { content:"\2606"; color:#f1e100; text-shadow:none; } section.poll td.rate div:hover > input + label:hover ~ label:before, section.poll td.rate div:hover > input + label:hover:before { content:"\2605"; color:#283d8d; text-shadow:0 0 1px #333; } section.poll td button {display:block;width:96%;margin:9px auto;font-size:18px;color:#283d8d;} div.cookie {/*2022-03-24mss: hide until production! */display: none;box-sizing: border-box;position:absolute;top: 100%;right: 0;left: 0;width: 100%;max-height:0;overflow:hidden;padding-right:30px;text-align:center;font-weight:normal;font-size:12px;line-height:normal;color:#1c1f29;background-color:rgba(241,241,241,0.9);box-shadow: 0 0 6px rgba(0,0,0,0.6);transition:all 0.5s;} div.cookie h3 {display:none;} div.cookie.active {display: block;max-height:500px;padding:6px;outline: solid 10000px rgba(0,0,0,0.6);transition:all 0.5s} div.cookie form {text-align:center;} div.cookie p {display:inline-block;} div.cookie label {margin:6px;} div.cookie a {color:#283d8d;} div.cookie input {opacity: 0;position: absolute;} div.cookie button {/*width: 80%;*/max-width: 500px;margin:5px;line-height: 20px;font-size: 14px;} body.page-cookie p.req strong {padding-top:20px;} body.page-cookie p.req label.chk {width:100%;/*2024-08-16mss: float: left; width: 50px;*/margin-top:20px;margin-bottom:0;color:#1c1f29;} body.page-cookie p.req label.chk:hover {color:#000;} div.credit-button {min-width: 237px;margin:0;background:#007D51;} div.credit-button em {display:inline-block;width:57%;margin:0;vertical-align:middle;text-align:center;border:1px solid #007D51;background:#fff;} div.credit-button em img {display:block;margin:12px auto;/* Iva added width 05-09-23width:100%; */} div.credit-button p {display:inline-block;width: 40%;margin: 0;padding:0;vertical-align: middle;font-size:12px;text-align: center;color:#fff;} .credit div.popup {/*2022-04-15mss:???max-width:none;*/width:94vw;max-width:1000px;} .credit div.popup header {} .credit div.popup section {max-height:70vh;overflow-y: scroll;overflow-x: hidden;scrollbar-width: none;} .credit div.popup section::-webkit-scrollbar {/*all:unset;*//*width: initial;height: initial;background: #eee;*/} .credit div.product {display:block;} .credit div.calculate {display:block;} .credit tr.plan {display:none;} .credit div.credit-submit {display:none;} /*moved! table.aip_tbi-preview {margin-top:20px;margin-bottom:0px;border-bottom:0px solid #e0e0e0;/*2020-10-28mss:new ver.:background:#848789;* /}*/ /*moved! table.aip_tbi-preview .tbi_button_div_old:hover {/*background: #ea6e0e;* /}*/ #tbi_box {box-sizing:border-box;padding-top: 120px;} #tbi_box #mess {margin: 16px;} #tbi_box .tbim_product_name {box-sizing: border-box;} #tbi_box .tbi_txt_left_check {margin-top: 11px;font-size: 26px;font-weight: normal;} #tbi_box .tbim_txt_panel_txt_label {margin-top: 0;} #tbi_box input.tbim_txt_normal, #tbi_box select.tbim_txt_normal, #tbi_box input.tbi_txt_right, #tbi_box select.tbi_txt_right, #tbi_box .tbim_body_panel_buy input,#tbi_box .tbim_body_panel_buy textarea, #tbi_box .tbi_body_panel_buy input,#tbi_box .tbi_body_panel_buy textarea {box-sizing: border-box;max-width:100%;padding:0 50px 0 20px;color: #000;border: 1px solid #7A7F94;} #tbi_box select.tbi_txt_right {background: #fff url('../img/select.svg') right 18px top 50% no-repeat !important;} #tbi_box .tbi_checkbox:checked {padding-left: 0;border-width: 0;background-image: url('../img/checked.svg');background-position: center center;} #tbi_box .tbi_txt_panel_txt {align-items: center;} #tbi_box #uslovia_link {white-space: nowrap;} #tbi_box .tbim_Mask div {box-sizing: border-box;} #tbi_box .tbi_Mask div {box-sizing: border-box;} #tbi_box .modal-content {background: #fff;} #tbi_box .tbi_button_body_old {} .purchase dd {max-width: 237px;} .purchase button {float: right;min-width: 237px;} .purchase div.brd {max-width: 237px;} .purchase div.credit-button {float: right;width:100%;} /*moved! .purchase table.aip_tbi-preview {float: right;width:100%;}*/ dl.tab {width:100%;} dl.tab-old dt {padding:6px 9px;text-transform:uppercase;white-space:nowrap;color:#fff;text-transform:none;font-size:12px;background-color:#007D51;} dl.tab-old dt:hover {color:#fff;background-color:#283d8d;} dl.tab-old dt.active {color:#fff;background-color:#283d8d;} dl.tab-old dd {width: 100%;padding:10px 0px;text-align:left;overflow-x: auto;} dl.tab-old dd::-webkit-scrollbar {height: 10px;/*height: 10px;width:initial;height: 10px;*/} /**/ dl.tab-old dd::-webkit-scrollbar-track {padding: 2px;background: #fff;box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);border-radius: 6px;} dl.tab-old dd::-webkit-scrollbar-thumb {background-color: lightgrey;border-radius: 6px;} dl.tab-old dd::-webkit-scrollbar-thumb:hover {background-color: darkgrey;} dl.tab-old dd.size article {width:96%;} dl.tab-old b {display:block;padding:40px 0 0;} dl.tab-old a {display:block;} dl.tab-old label::after {color:inherit;} dl.tab-old li {display:block;} dl.tab-old li label {display:inline-block;width:200px;text-align:right;font-weight:bold;} dl.tab-old li label::after {content:':';padding-right:12px;} dl.tab-old {position:relative;padding-top:36px;} dl.tab-old dt {box-sizing:border-box;display:inline-block;position:absolute;top:0;width:50%;overflow: hidden;text-align:center;color:#7d7d7d;background-color:#ececec;outline:solid 1px #fff;} dl.tab-old dt:nth-of-type(2n+1) {left:0;} dl.tab-old dt:nth-of-type(2n) {left:50%;} dl.tab-old dd {display:none;padding:0;} dl.tab-old dd.active {display:block;} dl.tab-new {display: flex;flex-wrap: wrap;align-items: flex-start;} dl.tab-new dt {position: relative;width: auto;left: 0;} dl.tab-new dd {flex: 0 1 100%;} dl.tab-new dt:nth-of-type(2n) {left: 0;} dl.tab1 {padding-top:0;} dl.tab1 dt {position:relative;float:left;left:auto !important;width:50%;min-width:33%;} dl.tab1 dd {left:auto !important;} .credit dl.tab1 dt {position:relative;float:left;width:auto;} dl.tab1 dd {display:none;padding:0;} dl.tab1 dd.active {display:block;} div.calculate dl.tab1 dt:hover {background:#007D51;} div.calculate dl.tab1 dt.active {background:#007D51;} /*moved! div.quickview+table.aip_tbi-preview {/*hide button for popup in lists!* /display: none;}*/ div.calculate {box-sizing: border-box;width: 100%;/*overflow-x: scroll;*/clear:both;display:none;min-height:150px;margin:0 0 40px;padding:20px 20px 20px;text-align: left;border:2px solid #7EC4A5;border-radius: 9px;background:#f2f9f6;} div.calculate::-webkit-scrollbar {/*all:unset;*/} div.calculate h5 {} div.calculate h3 {color:#1c1f29;} .popup div.calculate h3 {text-align:left;} div.calculate label, div.calculate button {display:inline-block;width:100%;margin:0 auto 9px;} div.calculate select {width: 50%;} p.note,em.note {display: block;margin-top:0;font-size: 0.9em;} div.calculate a.link {text-decoration: underline;} div.calculate a.link:hover {text-decoration: none;} div.calculate a.pariba {display:block;max-width:129px;} div.calculate a.pariba img {display:block;} div.calculate dl.tab-old dt:hover {background:#007D51;} div.calculate dl.tab-old dt.active {background:#007D51;} table.calculate {min-width:66%;color:#1c1f29;font-size:12px;background:#fff;} table.calculate th {padding:2px 6px;color:#007D51;text-align:center;white-space:nowrap;border:1px solid #eee;background:#fff;} table.calculate th:first-of-type {color:#007D51;} table.calculate td {width:130px;padding:2px 6px;text-align:center;white-space:nowrap;border:1px solid #eee;} table.calculate td:first-of-type {text-align:right;font-size:11px;background:#fff;} table.calculate tr.installment td {font-weight:bold;} table.calculate tr.installment td:first-child {font-weight:normal;} table.calculate label.radio {width:auto;min-height: 18px;margin:0;vertical-align: middle;} div.credit-submit {padding:6px;border:2px solid #ececec;background:#eee;} div.credit-submit label {width:49%;} div.credit-submit label.full {width:100%;} /* popup */ iframe.popup,div.popup {z-index:300;position:absolute;top:0;left:0;right:0;width:90%;min-width:300px;max-width:356px;overflow:hidden;margin:0 auto;padding:0;outline:20000px solid rgba(255,255,255, 0.8);border:0px solid #fff;border-radius: 17px;background:#fff;box-shadow:0 0 50px #000;transition:all 0.4s;} div.popup {display:none;border-radius: 17px;outline:none;/*2022-03-04mss:braks `add to cart` popup! ;padding:28px;*/} div.popup::before {content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255, 0.8);z-index:-1;} div.popup.show {display:block;} div.popup>header {display:block;} body.popup {border-radius: 17px;} /* body.page-catalog div.popup>header h1 {margin:28px !important;} body.page-catalog div.popup>header a.close {margin-right:0;} */ body.popup {box-sizing:border-box;min-width:300px;/*2022-03-04mss? forgotten popup! padding:28px;*/} .popup header {display:block;height:auto;background:none;} div.popup header {/*2022-03-04mss? captcha popup! padding-top:25px;*/text-align:left;} .popup header a,.popup .close {display:inline-block;position:absolute;top:16px;right:16px;width:29px;height:29px;font-size:0;background:url(../img/primex-images/group_169.svg) no-repeat;} .popup h1:first-of-type {margin:0 0 16px;text-transform:uppercase;line-height:22px;font-size:18px;font-weight:700;} .popup header {margin:0;} .popup header a.close {top: 0;right: 0;} .popup a.btn,.popup button {width:100%;max-width:296px;max-width: 322px;margin:16px auto 0;} .popup p::after {content:"";display:block;clear:both;} .popup section {padding:0 16px 16px;} .popup section.login {padding-bottom:20px;} .popup section.credit {display:none;} .popup section.captcha {padding:0 28px 28px;} iframe.popup.reservation {max-width: 600px; } div.popup.reservation {/*max-width: 400px;*/ max-width: 100%; } div.popup.reservation::before {display: none;} div.popup.reservation header {margin:40px 20px 10px;} div.popup.reservation section {padding:0 20px 20px;} iframe.popup.password {} .password header {margin: 0 0 10px;} .password header h1 {} .password header .close {right: 0;top: 0;} .password section {padding: 0 26px 26px;} div.captcha {padding-top:34px;} .captcha h1 {margin:28px;} .captcha img {width:48%;} .captcha img+label {width:50%;float:right;font-size:12px;} .captcha img+label>input {height:26px;margin-top:13px;margin-bottom:0;padding:3px;font-size:20px;letter-spacing:2px;text-align:center;text-transform:uppercase;} .captcha a.reload {font-size:12px;} .captcha p.req {font-size:14px;margin-top:20px;} .captcha strong {display:block;margin-bottom:16px;padding-left:0;color:black;} .captcha a.link {color:royalblue;} .captcha label {font-size:12px;} .captcha label.chk {width:100%;float:none} .captcha input.chk {/*float:left;display:inline;opacity:0;position:absolute;width:14px;height:14px;border-radius:0;*/} a.reload {text-decoration:none;font-size:12px;} a.reload::before {content:"\21BB";position:relative;left:0;top:0;width:30px;height:30px;margin:0 6px 0 0;vertical-align:middle;font-weight:700;font-size:12px;transfom:rotate(-45deg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} a.reload:hover {color:#1c1f29;} a.reload:hover::before {color:#1c1f29;} /* forgotten popup */ iframe.forgotten {} /* add to cart popup */ .cart div.popup {} .cart div.popup h1 {margin:16px;} .cart div.popup a.close {margin:0px;} .cart div.popup h5 {margin:0;} .cart div.popup h3 {text-align:center;} .cart div.popup h4.loading {min-height:150px;/*2025-03-07mss?!? background:transparent;*/} .cart div.popup dl.addToCart {margin-top:16px;} .cart div.popup dl.addToCart dt, .cart div.popup dl.addToCart dd {/*2022-03-01mss:;*/display:none;} .cart div.popup dl.addToCart dt::after {content:':';padding-right:12px;} .cart div.popup .addToCart dt {float:left;width:45%;text-align:right;font-weight:normal;font-size:15px;} .cart div.popup .addToCart dd {float:left;width:48%;font-weight:bold;font-size:15px;text-align:left;} .cart div.popup dl.addToCart .total, .cart div.popup dl.addToCart .quantity {display:block;} .cart div.popup dl.addToCart::after {content:'';clear:both;display:block;width:100%;} /* quickview popup */ div.popup.quickview {max-width:780px;min-height: 240px;padding:0;/*position:absolute;top:0;bottom:0 !important;width:90%;height:auto;min-height:770px;border-width:0;background:none;box-shadow:none;outline:none;transition:all 0.4s;*/} div.popup.quickview.loading::after {top: 25%;padding: 16px;text-align: center;} div.popup.quickview a.close {z-index: 98;display:inline-block;position:absolute;top:15px;right:15px;width:29px;height:29px;font-size:0;background:url(../img/primex-images/group_169.svg) no-repeat;} div.popup.quickview > header {display:none;} div.popup.quickview section.product {padding:24px 12px 12px;} div.popup.quickview div.info {padding-left:0;} div.popup.quickview div.info p.attribute{top:20px;} div.popup.quickview button {margin:16px 0;} /* main popup */ div.popup.mess {z-index: 100;position: absolute;top: 0 !important;width: 100%;max-width:760px;margin: 16px auto;color: #000;font-weight: inherit;} div.popup.mess::before {display: none;} div.popup.mess h1 {margin: 12px 36px 16px 16px;} div.popup.mess section {} div.popup.mess footer {text-align: center;} /* search popup */ iframe.search-popup {min-width: 360px;max-width: 430px;border-radius: 0;background:rgba(255,255,255, 0.5);outline-color: rgba(255,255,255, 0.5);box-shadow: none;} html.search-popup {background: transparent;} body.search-popup {padding: 11px;border-radius:0;background: transparent;} body.search-popup header {height: 0;margin: 0;} body.search-popup header a {top: -11px;right: -11px;} body.search-popup main {overflow: hidden;border-radius: 17px;box-shadow:0 0 10px gray;} body.search-popup article.search {min-width: 338px;background: #F4F4F4;} body.search-popup article.search label {} body.search-popup article.search label.ratio {text-indent: -20%;} body.search-popup nav.search article button {max-width: 100%;} iframe.popup.avtoi {max-width: 800px; } html.avtoi {background: transparent;} body.avtoi {} /*vertical carousel*/ .wrap {position:relative;width:100%;margin:0 auto;overflow:hidden;} .slider-vertical {overflow:hidden;height:100%;} .slider__row {display:flex;flex-direction: row;position:relative;top: 0;left: 0;height: auto;transition:.5s;width: auto;max-width: -1080px;} .row__item {display:flex;flex-direction: row;position:relative;top: 0;left: 0;transition:.5s;height: 195px;} .row__item img {aspect-ratio:2/1;height: 195px;} a.down {position:absolute;top:50%;right: 0px;width:25px;height:30px;background: #c4c4c4 url(../img/primex-images/next-icon.svg) 50% 50% no-repeat;opacity: 0.6;cursor:pointer;} a.ups {position:absolute;top:50%;left: 0px;width:25px;height:30px;background: #c4c4c4 url(../img/primex-images/prev-icon.svg) 50% 50% no-repeat;opacity: 0.6;cursor:pointer;} /* avtoikonom */ section.avtoikonom>div {padding:20px 0 0; } @media only screen and (min-width:580px){/*Content:*/ section.banner {aspect-ratio:16/9;} .banner > ul {margin:auto;padding-top:5%;width:500px;} .banner .text div,.banner .text p {margin:10px 0;} .search-inline {/*/*2022-07-05mss: add search! */} .search-inline section.banner {aspect-ratio:27/9;} /*ul.brand.banner-box li {width:calc(30.33% - 5px);}*/ body.page-brand a.btn {max-width:404px;} .page-article div.img {/*2022-03-16mss: pa.asked! ;aspect-ratio:8/5;*/} section.list article {display:flex;align-items:flex-start;} section.list.abonament article {display: block;} section.list article picture {overflow:visible;box-sizing:border-box;max-width: 340px; padding:0px;margin-left:0px;/*2022-03-18mss: aspect-ratio:16/9;*/aspect-ratio:2/1;} section.list article picture img {border-radius:12px;width:100%;} section.list article div.cont {width:100%;padding-left:20px;padding-top:0px;} ul.description li.attribute label {/*2022-03-10mss: width:242px;*/ width: 53%;max-width: 250px; text-align:right;white-space: nowrap;} ul.description li.attribute output {display: inline-block; width: 45%;/*float: right;*/ white-space: nowrap;overflow: hidden; text-overflow: ellipsis;} ul.description li.attribute.promo output {white-space: normal;vertical-align: top; } .summary table th {/*2022-03-18mss: test! ;*/ min-width: 220px;} section.cart div.atribute-price span.qtty input {max-width:60px;} /*moved in catalog.php:.grid article {width:calc(33.33% - 5px);}*/ div.cookie {font-size:15px;} div.cookie.active {padding:22px;} div.cookie h3 {display:block;} div.cookie button {margin:10px 20px 0px;} div.popup.mess {margin-left: auto;margin-right: auto; } } @media only screen and (min-width:768px){ nav.search article {min-height: 502px; } /*ul.brand.banner-box li {width:calc(23% - 5px);}*/ ul.box-contain {display:flex;align-items:baseline;} ul.box-contain li {margin-right:20px;width:33%;align-self:flex-start;} ul.box-contain li:last-of-type {margin-right:0px;} section.list article picture {/*2022-03-18mss: aspect-ration:21/9;*/aspect-ratio:2/1;} body.page-article section div.rte {columns:2;} body.page-article section.article107 {max-width:unset;} body.page-article section.article107 div.rte {columns:auto;} .summary+footer button {float: right; } .summary+footer .alt {float: left; } main.checkout footer button {float: right;} main.checkout footer .alt {float: left; } main.reservation footer button {float: right;} main.reservation footer .alt {float: left; } section.poll td.name {display:table-cell;} section.poll span.name {display:none;} section.poll span.name.emailShow {display:block;} section.poll a.logo {float:left;margin-bottom:0;} section.poll table h3 {float:right;width:60%;margin:0;text-align:right;} section.list.abonament article {display:flex;align-items:flex-start;} /*moved in catalog.php:.grid article {width:calc(25% - 5px);}*/ /* avtoikonom */ section.avtoikonom {display: flex;flex-wrap: wrap; justify-content: space-between;} section.avtoikonom>h2 {flex:0 0 100%;text-align:center; } section.avtoikonom>div {width:48%; } } @media only screen and (min-width:1024px){/*Content:*/ /*ul.banner-box.brand li {width:calc(13% - 5px);}*/ /*body.page-article section div.rte {columns:3;}*/ body.page-article main .gallery article {margin-left:0px;padding:0px;} main.promo {} .promo header a.back {display:block;float:right;margin-top:16px;} .promo header h1 {display:inline-block;} .promo .filter {display:inline-block;width:auto;min-width:300px;padding:0 16px;background:transparent;} .promo .filter button { margin:0; background: #F2E200;border-color: #F2E200; } .promo .filter label {font-size:0;} .promo .filter label.width::before {content:'/';display:inline-block;position:absolute;right:-18px;width:11px;line-height:44px;color:#000;font-size:20px;} .promo .filter label.rim::before {content:'R';display:inline-block;position:absolute;left:-18px;width:11px;line-height:44px;color:#000;font-size:20px;} .promo .filter label.ratio select {max-width:70px;} .description-box {display:flex;} ul.description, section.product div.info {padding-left:30px;} .rim header a.back {display:block;float:right;margin-top:16px;} .rim header h1 {display:inline-block;} .rim div.filter {display:inline-block;width:auto;min-width:300px;padding:0 16px;background:transparent;} .rim div.filter button { margin:0; background: #F2E200;border-color: #F2E200; } .rim nav.search label {font-size:0;} .rim nav.search label.width::before {content:'/';display:inline-block;position:absolute;right:-18px;width:11px;line-height:44px;color:#000;font-size:20px;} .rim nav.search label.rim::before {content:'R';display:inline-block;position:absolute;left:-18px;width:11px;line-height:44px;color:#000;font-size:20px;} .rim nav.search label.ratio select {max-width:70px;} /*moved in catalog.php: .grid article {width:calc(20% - 5px);} */ body.page-category div.rte div.read-more {display:none;} body.page-category div.rte div.panel {max-height:1000px;column-count:2;} body.page-category main.column> section {flex:1 0 50%;max-width:980px;} body.page-category section div.rte {flex:1 0 50%;} section.category {padding:0 50px 24px;flex:1 0 50%;} section.category div.grid {min-height:0px;} section.subcategory div.rte {column-count:2;} h2.title {padding:0px 50px;} section.subcategory {flex:1 0 50%;padding-right:30px;} dl.tab {display:block;width:100%;padding:24px 50px;} dl.tab > dt {display:block;border:none;width:7%;float:left;} dl.tab > dt a.active {background-color:#f4f4f4;border-bottom:none;} dl.tab > dt a {display:block;background:white;width:100%;height:57px;line-height:55px;text-align:center;padding:0px;border-bottom:none;} dl.tab> dd {position:relative;display:block;padding:3px;width:93%;margin-top:0px;float:left;box-sizing:border-box;} dl.tab> dd.active {background-color:#f4f4f4;} dl.tab > dd a {width:100%;max-width:120px;padding:0 6px;letter-spacing: -.64px;} dl.tabNew {flex: 1 0 100%; padding:24px 50px;} dl.tabNew dt {flex: 1 0 5%;order: 1;margin-right: 0;margin-bottom: 4px;background: #f4f4f4; } dl.tabNew dd {flex: 1 0 95%;order: 1;display: block;margin-bottom: 4px;background: #f4f4f4;} /* reserved area */ main.reserved {} main.reserved div.plot {width:100%;} section.account {} section.account article {max-width:304px;} ul.menu-profile {/*max-width: 1024px;*/ justify-content:center;} ul#menu\.reserved.active {/*overflow: unset;*/ } ul#menu\.reserved.active::before {/*display: block; */} ul.menu-profile li:first-child {margin-left: 0; } ul.menu-profile li:last-child {margin-right: 0; } } @media only screen and (min-width:1280px){/*Content:*/ main {min-height:50vh;} main > header {margin:16px 50px 24px;} a.game {margin-top:80px;} .breadcrumb {/*2022-03-08mss: ;position:absolute;top:15px;right:0;*/ float: right;max-width: 40%; margin-top: 15px; } .breadcrumb a.home{font-size:15px;} .breadcrumb a.home::before{margin-right:5px;} section {padding:0 50px 24px;} div.plot {display:inline-block; width:65%;margin:auto;} body.page-account\.order\.detail div.plot:first-of-type {width: 100%;} aside.panel {float:right;width:32%;text-align-last:left; } main.column aside.panel {float:none;text-align-last:unset ;} .search-inline aside.panel {float:none;width:100%;margin:auto;font-size: 0; text-align: center; } .search-inline nav.search {display: flex;flex-wrap: wrap; } .search-inline nav.search div.header {flex: 0 0 100%;} .search-inline nav.search article {flex: 1 0 50%;} .banner > ul {display:flex;flex-wrap: wrap;align-items: center;justify-content: space-between; max-width:1000px;width:100%;padding:10% 0 2%;align-items:baseline;} .banner >ul >li {max-width:480px;} .banner >ul li.message {flex:1 0 100%;max-width: 100%; } main.reservation footer {text-align:center;padding: 0 !important; } main.reservation footer button, main.reservation footer a.btn {max-width:404px;margin:15px 0;} .reservation.conf footer button, .reservation.conf footer .btn {display:block;margin:30px auto 0;} main.reservation section.colored {background-color:#fff;} main.reservation section {min-height:320px;max-height:1000px;max-width:33.33%;width:100%;padding:15px 16px;display:inline-block;vertical-align:text-top;box-sizing:border-box;} main.reservation header {width:100%;margin:16px 0;} main.reservation {display:flex;flex-wrap:wrap;padding:0 50px 70px;} main.reservation .padd {padding-left:0;} main.reservation form {width:100%;font-size:0;} main.reservation form select {font-size:16px;} main.reservation form input {font-size:16px;} main.reservation section.map {height:360px;max-width:650px;} main.reservation section ul li a.btn:nth-child(1) {margin-top:0px;} main.reservation.conf section article {display:inline-block;margin-right:20px;width:calc(50% - 20px);} main.reservation textarea {max-width:484px;width:100%;} main.reservation.conf section {padding:15px 0;} /*dl.tab {padding-left:70px;} b.title {padding-left:70px;}*/ .wrap {max-width:1020px;height:732px;} a.ups {top:0px;left:50%; right:50%;transform:rotate(90deg);} a.down {top:unset; bottom:4px;right:50%; left:50%;transform:rotate(90deg);} /*about, service, contact*/ .column {display:flex;justify-content:space-between;flex-direction:row;flex-wrap:wrap;} .column header {flex:0 1 100%;} main.column section.box-contain {/*2022-03-16mss: breaks Корпоративни клиенти! ;padding-right:0;*/} section.box-contain {display:flex;flex-wrap:wrap;/*2022-03-16mss: added for contact.php!;*/justify-content: space-between;/*!*/position:relative;flex:1 0 50%;} main.column section.box-contain.section367{padding-right:45px;} section.box-contain div.banner {margin-left:0px;width:100%;} section.box-contain div.banner h1 {font-size:70px;padding-left:143px;padding-right:0px;padding-top:100px;line-height:0.8;} section.box-contain article, section.box-contain div.empty {flex:0 0 48%;box-sizing:border-box;position:relative;margin-bottom:25px;/*2022-03-16mss: no need! see flex! ;padding:0 30px 0 0;*/} section.box-contain div.empty:nth-of-type(2n) { margin-left: auto; } body.page-job section.box-contain article {flex:0 0 100%;} section.box-contain div.empty .panel {max-height:1000px;} article.box div.panel {max-height:1000px;;} article.box-address .panel {max-height:1000px;} article.box-address .map {margin-left:0px;width:100%;} div.banner {max-height:600px;position:relative;} div.banner img {width:100%; height:600px;object-fit:cover;object-position:center;} div.banner h1 {font-size:50px;color:white;position:absolute;top:60px;left:17%;} body.page-about article.box ul.qualities {grid-template-columns:auto auto auto;} body.page-about article.box ul.qualities li {min-width:113px;} body.page-about section.map {height:500px;width:100%;} body.page-about section.box-contain article.box div.read-more {border-bottom:none;} body.page-about section.box-contain article {flex:0 0 48%;max-width:none;} body.page-about section.box-contain article:nth-of-type(3) {flex:0 0 100%;} body.page-about section.box-contain article.box ul.qualities {grid-template-columns:auto auto auto auto auto auto auto;} .page-about aside>div, .page-contact aside>div {/*2022-03-16mss: use div.form instead! ;padding:16px;background-color:#f4f4f4;border-radius:12px;*/} body.page-about h1 {left:40%;} /* section.about-contact {padding:24px 50px 0 0;flex:1 0 50%;;max-width:550px;box-sizing:border-box;} */ main.column aside {padding:0 50px 0 0;flex:1 0 50%;max-width:500px;box-sizing:border-box;} main.column aside.panel {padding-bottom:24px;max-width:530px;} main.column aside {/*background-color:#f4f4f4;padding:24px 50px;*/} .empty div.panel {border:none;} .box-address.empty div.panel {padding-bottom:90px;} article.box-address div.panel>a.btn {position:absolute;bottom:16px;left:16px;} section.box-contain .empty::before {content:"";position:absolute;bottom:0;border-bottom:1px solid #B4B4B4;left:0;right:30px;} .carousel.banners { } .carousel.banners div {max-height: 760px; } .carousel.banners article {display: block; } .carousel.banners a.prev {top: 11px;left: 50%;margin-top: 0;margin-left: -11px; transform: rotate(90deg);} .carousel.banners a.next {top: 100%;left: 50%;margin-top: -62px; margin-left: -11px; transform: rotate(90deg);} section.list article div.cont {padding-left:0px;} section.list div.img {max-height:200px;/*2022-03-18mss: aspect-ratio:0;*/aspect-ratio:2/1;} section.list picture {max-height:200px;/*2022-03-18mss: aspect-ratio:0;*/aspect-ratio:2/1;} .page-article div.img {/*2022-03-16mss: pa.asked! ;aspect-ratio:21/9;*/} .page-article picture {/*2022-03-16mss: pa.asked! ;aspect-ratio:21/9;*/} section.list {display:flex;flex-wrap:wrap;justify-content: space-between ;padding:0px 50px 24px;} section.list article {display:flex;align-items:flex-start;justify-content:space-between;width:49%;box-sizing:border-box;} section.list article::after {content:'';display:block; clear:both; } section.list article div.img {width:100%;max-width:280px;margin-right:20px;margin-left:0;} section.list article picture {width:100%;max-width:280px;margin-right:20px;margin-left:0;} section.list article div.cont {width:100%;max-width:480px;} ul.banner-box.brand {justify-content:left;/*padding:0 50px;*/} section.brand-container {flex:1 0 50%;padding-right:25px;} main.catalog header {flex-grow: 200;display: flex;} main.catalog header div.tmp {flex-grow: 10;display: flex;justify-content:space-between; width: 100%;} main.catalog header h1 {min-width: 200px;margin-left:50px;white-space: nowrap;} main.catalog header a.back {order: 2;margin-right:50px;} div.filter {flex-grow: 10;width: 100%;margin: 0;padding: 10px;} div.filter select {border:1px solid #322c90;font-size:16px;min-height:40px;color:#322c90;} main.catalog .cont {display: flex;align-items: stretch;margin-top: 16px;} main.catalog div.filter {display:inline-block;position:relative !important;top:auto !important;width:auto;min-width:300px;padding:4px 25px;background:transparent;} main.catalog label.icon-filter {display:none;} main.catalog label.icon-order {} aside.filter {box-sizing: border-box;/*width: 21.45%;min-width: 275px;*/ min-width: 275px;width: 275px; /*max-width: 260px;*/margin-top: 3px;border-radius:0 12px 0 0;} header.sticky ~ main.catalog aside.filter {position: relative;top: 0;max-height: none;} aside.filter dl {max-height:none; width:100%; /*overflow:visible;*/ } aside.filter dt {display:block;margin-left: 50px;} aside.filter dt::after {display:none;} aside.filter dd {display:block;padding-left: 22px;} nav.sort.sticky {position:relative; } main.catalog nav.sort {padding-left:315px;} main.rim nav.sort {padding-left:0;} .icon-filter, .icon-order {width:220px;overflow:visible; } .icon-filter {margin-right:15px;} .icon-filter::after, .icon-order::after {right:10px;} main.catalog section.grid {box-sizing: border-box;/*width: 84.5%;*/ /*flex-grow:10;*/ width: 100%; margin-top: 0;} main.catalog section.grid article {width: 182px;} main.promo {padding-left:50px;padding-right:50px;} main.promo header {position:relative;} main.promo .breadcrumb {right:0px;} table.cart td {display:table-cell;position:relative;width:auto;padding:14px;vertical-align:middle;border:1px solid #f1efef;} table.cart td >b {position:absolute;top:14px;left:14px;right:14px;min-width:0;margin:0;padding:0;white-space:normal;text-align:center;} table.cart td >b>br {display:none;} table.cart td a.dw {position:absolute;left:14px;bottom:14px;} table.cart td a.up {position:absolute;right:14px;bottom:14px;} table.cart td.product {width:auto;min-width:256px;} table.cart td.total {width:110px;min-width:110px;text-align:center;} table.cart td.total span.price-old {display:block;margin-top:-32px;} table.cart td.quantity {width:110px;text-align:center;} table.cart td input {min-width:80px;} div.calculator {max-width:1080px;} .calculator .calc {margin:0;max-width:50%;box-sizing:border-box;} .calculator table.cart {margin:0;width:100%;} .calculator table.cart td.total {padding-top:90px;padding-bottom:40px;} .calculator table.cart td b {top:0;right:0;bottom:auto;left:0;min-width:113px;min-height: 36px;padding:14px;margin:0px;text-align: center; } .search-result table.cart {margin-bottom:40px; } .search-result table.cart td.total {font-size:16px; } .search-result table.cart b {display:block; position:relative;top:0; right:0; bottom:auto; left:0;margin-bottom:40px;white-space:normal;text-align:center; } section.search-new ,section.page404.search-new {max-width:1020px;font-size:0;} section.page404.search-new nav {margin:0} section.page404.search-new article.search {min-width: 510px;} .search-inline div.search-cont {max-width:1020px;font-size:0;} .search article.search {display:inline-block;max-width:510px;min-height: 496px; vertical-align:top;/*2022-03-01mss??:margin-right:10px;*/} .plot article.search {/*2022-06-16mss: need width:50% for EN! ;max-width:50%;*/width:50%;} nav.search .header a {/*2022-05-03mss: Bluepoint: ;pointer-events:none;*/} .search label.ratio {text-indent:-12%;} article.vehicle {background:#F4F4F4;} article.vehicle button {margin-top:76px;} .vehicle table.table.active {position: absolute;max-height: 210px;overflow: auto;box-shadow:0 0 6px rgba(0,0,0,0.6); } /*search in panel: */ aside nav.search .header a {pointer-events:painted;} aside .search article.search {display:none;} aside article.search.active {display:block;} body.page-brand nav.search .header a {pointer-events:painted;} body.page-brand .search article.search {display:none;} body.page-brand article.search.active {display:block;} body.page-category nav.search .header a {pointer-events:painted;} body.page-category .search article.search {display:none;} body.page-category article.search.active {display:block;} body.page-category picture {margin: 20px 0;} section.category>img {padding:0px;} section.category div.rte {padding:0px;} body.page-subcategory nav.search .header a {pointer-events:painted;} body.page-subcategory .search article.search {display:none;} body.page-subcategory article.search.active {display:block;} /*2022-03-11mss???: body.page-subcategory main.column a.btn {margin:3px;max-width:120px;height:45px;}*/ body.page-search main {padding-left:50px;padding-right:50px;} body.page-search main>header {margin-left:0px;margin-right:0px;} .slider article {position:relative;opacity:0.99;overflow:visible;} .slider article img {position:relative;} .slider footer,.slider a.prev, .slider a.next {display:none !important;} main.user {} main.user section {/*min-height:320px;max-height:1000px;max-width:33.33%;width:100%;padding:15px 16px;display:inline-block;vertical-align:text-top;box-sizing:border-box;*/} section.login {padding-right:0;} section.register {padding-left:0;} .slider__row {flex-direction: column;width: auto;} .row__item {height: unset;} .row__item img {height: unset;width: 100%;} /* dl.tab {max-width:980px;} */ /* dl.tab dd a.btn {padding:0px;} body.page-subcategory main.column a.btn {margin-top:0px;max-width:120px;} body.page-subcategory main.column b.title {flex:1 0 50%;} */ section.cart {/*2022-03-11mss: ;padding:0 50px;*/} section.cart div.info {width:35%;} section.cart div.atribute-price {width:45%;padding-top:13px; } section.cart div.info h1.brand {margin-bottom:8px; font-size:22px;} section.cart div.info h1.brand br {display:none; } section.cart div.info a.name {font-size:18px;} section.cart div.info p.attribute {} section.cart div.atribute-price b.title {margin:0px 0 18px;padding:0; font-size:16px;color:#5D5D5D; } section.cart div.atribute-price .price-new {font-size:23px;font-weight:600; } section.cart div.atribute-price .total .price-new {margin:0; font-size:29px;font-weight:700; } section.cart div.atribute-price div:nth-of-type(2) b {display:block;margin-bottom: 14px; } section.cart span.qtty input {min-height:42px;max-width:69px;} section.cart div.info dl.attribute {display:none;} section.cart div.img {max-height:100px;margin:0 22px 22px; border:none;box-shadow:none;} section.cart div.atribute-price.old b.title {} section.cart div.atribute-price.old div:nth-of-type(1) b {margin-bottom: 4px } /* .summary {padding:0 50px 0 0; } .summary footer {padding:0px;} .summary table tr.total th {font-size:16px;} .summary table tr td.note {font-size:14px;} .summary button.checkout {padding:0px 78px;} */ /*test flex: ; main.checkout .summary table {display: inline-block;float: left;width: 50%;} main.checkout .summary table tbody {display: block;float: right;} main.checkout .summary table caption {display: block !important;margin: -24px -50px 24px -50px;padding:8px 50px;text-indent: 0;} main.checkout .summary table tr.total {margin-top: 0;border-top-width: 0;} main.checkout .summary table tr.total th {padding-top: 0;} main.checkout .summary table tr.total td {padding-top: 0;} */ /*main.checkout .summary {display: flex;flex-wrap: wrap;align-items: flex-start;/*background: #eee; border-top: 1px solid #B4B4B4; * /}*/ /*2022-03-11mss: no need!; main.checkout .summary table {flex:1 0 50%;display: block; } main.checkout .summary tbody {display: block;float: right; } main.checkout .summary table caption {display: none !important;margin: -24px -50px 30px -50px;padding:8px 50px;text-indent: 0;} main.checkout .summary table+table caption {margin-bottom: 14px; } main.checkout .summary table tr.total {margin-top: 0;/*border-top-width: 0;* /} */ .summary {margin:0;padding:24px 50px; background:#E6E6E6;} .summary div {float: left;width: 50%;vertical-align: middle; } .summary+footer {padding:0 50px 30px;} main.checkout .plot {padding-left: 50px;padding-right: 50px;} main.checkout .plot section {max-width: 32%; padding-left: 0px;padding-right: 0px;} main.checkout footer {padding-left: 50px;padding-right: 50px;padding-bottom: 30px; } section.preview {display: flex;flex-wrap: wrap;justify-content: space-between;padding-bottom: 24px; } section.preview article {flex: 0 0 48%;margin-right: 20px; } section.preview article:last-of-type {border-bottom-width: 1px; } /* main.preview form {display: flex;flex-wrap: wrap;} article.preview {flex: 1 0 50%;box-sizing: border-box;padding:0 24px 24px 0;} */ /* main.preview .summary {flex: 1 0 100%;display: flex;align-items: flex-start;justify-content: space-between;} main.preview .summary table:nth-of-type(1) {flex:0 0 60%;order: 2;} main.preview .summary table:nth-of-type(2) {flex:0 0 40%;order: 1;} main.preview .summary table label {} */ main.preview section.summary table tbody {margin-bottom: 0; padding-bottom: 0; border-bottom-width: 0; } /* reserved area */ main.reserved {display: block; } main.reserved aside {/*order: 2;flex: none;*/float: right;width: 40%;max-width: 500px;} main.reserved aside ~ form section.account {/*order: 3;flex: none;*/float: left;width: 60%;} main.reserved aside ~ section.box-contain {/*order: 3;flex: none;*/float: left;width: 60%;} section.account {} section.account article {} .my-filter .close {display:none;} .my-filter {display:block;width:620px;margin-top:-46px;border-radius:0px;background:#283D8D;} .my-filter .btn-accordion {font-size:16px;background-color:#283D8D;} .my-filter .btn-main-menu {height:38px;font-size:14px;} .my-filter .btn-main-menu.result {display:none;} ul.filter {position:fixed;z-index:9999;margin-top:-58px;padding-top:0px; width:30%;margin-left:26%;} ul.filter>li {width:87%;margin-right:10px;} section.product div.gallery {flex:0 0 27%;padding:0;max-width:none;} section.product div.img.active {min-height:300px} div.galleryAdditional {text-align:center;} div.galleryAdditional a {padding-right:10px;} div.galleryAdditional a img {height:80px;} section.product div.info {display:flex;flex:0 0 73%;padding:0;} section.product div.info.tire p.attribute {position:unset;} section.product div.info.tire p.attribute a {display:inline-block;margin:0 10px 0 0;background-size:40px;width:40px;height:40px;} section.product .stock-label-1 {top:222px;} section.product div.info.tire h1 {font-size:23px;margin-bottom:20px;} section.product div.info.tire a.name {font-size:22px;} .product dl.attribute {margin:40px 0 0 ;} .product dl.attribute dd.normal b.param {width:23px;height:32px;font-size:18px;line-height:32px;margin:0 55px 0 38px;padding:0 3px 0 3px;} .product dl.attribute dd.normal b.param::after {border-width:16px 0 16px 16px;right:-16px;} .product dl.attribute dd.normal b.param::before {content:"";padding-top:36px;font-size:15px;text-align:left;color:#000;font-weight:500;left:-38px;line-height:18px;width:78px;height:28px;background-size:30px;text-shadow:none;} .product dl.attribute dd.normal b.param.eco::before {content: attr(data-before);/*"Разход на гориво";*/} .product dl.attribute dd.normal b.param.tra::before {content: attr(data-before);/*"Сцепление на мокро";*/} .product dl.attribute dd.normal b.param.noi::before {content: attr(data-before);/*"Шум навън";*/} .description-box div.read-more::after {display:block;} section.product div.info a.name {font-size:18px;} section.product div.info>div, section.product div.info dl.purchase {flex:0 0 50%;padding:13px 0 0 30px;box-sizing:border-box;} section.product div.info dl.purchase label {margin-top:25px;font-size:17px;} section.product div.info dl.purchase span.price-new {font-size:23px;} section.product div.info dl.purchase span.total {font-weight: 900;} section.product div.info dl.purchase button {margin:30px 0 0;} div.credit-button {margin-top:30px;} div.labelCont {flex:0 0 27%;} div.labelCont div {margin:0 0 15px;} ul.description {display:flex;justify-content:space-evenly;padding:0;} ul.description>li {flex:0 0 50%;border:1px solid #D0D0D0;border-width:0 1px;padding-left:20px;box-sizing:border-box;} ul.description>li div.panel {max-height:unset;} ul.description>li div.read-more {display:none;} ul.description>div {padding-left:30px;} /* ul.description li div.read-more {border-bottom:none;} */ ul.description li div.description {margin:0px 20px 0px 0px;} div.popup.quickview dl.attribute {margin-top:20px;} div.popup.quickview dl.purchase .price-new label {margin-top:0;} section.related {margin-left:0px;} section.related h2 {padding-left:50px;} ul.box-contain {display:flex;justify-content:space-between;/*padding:5px 50px 20px;*/} ul.box-contain li {width:calc(50% - 10px);} div.read-more::after {display:none;} /* div.read-more {min-height:unset;} */ /* div.read-more:after {display:none;} */ /*moved in catalog.php:section div.grid article {width:calc(12% - 5px);}*/ iframe.search-popup {left: 50%;margin-left:-430px; } } @media only screen and (min-width:1600px){ /* main.checkout .plot section {min-width:515px;} main.checkout .plot section.time {min-width:320px; } */ article.vehicle button {margin-top:120px;} .calculator table.cart td b {line-height: 36px; } /* ul.description li.attribute label {width: 41%;max-width: none; } ul.description li.attribute output {width: 58%;}*/ } /* footer content */ body > footer {clear:both;width:100%;text-align:center;background-color:#000;} footer > section.map {width:100%;height:250px;padding:0;} footer > section.menu {display:none;padding:30px 0 0 50px;} footer > section.social {padding:10px;} footer ul.contact {padding:10px 0;} footer ul.contact li {display:block;padding:6px 0;} footer ul.contact a {color:#F2E200;font-size:20px;font-weight:700;text-decoration:none;} footer ul.social {width:100%;justify-content:space-around;padding:4px 14px;} footer ul.social > li {flex:none;} footer ul.brand {width:100%;justify-content:space-around;justify-content:center;padding:4px 14px;} footer ul.brand > li {} footer p.copy {margin-top:20px;color:#bcbcbc;font-size:14px;} footer ul.menu {clear: both;padding:10px 0;} footer ul.menu > li {display:block;padding:3px 0;} footer ul.menu a {color:#bcbcbc;font-size:14px;text-decoration:none;} footer > section.menu ul {flex:auto;text-align:left;} footer > section.menu ul:first-of-type {/*background: transparent url('../img/brand/znachkata.png') top 42px right 25px no-repeat;background-size: auto 62px;*/} footer > section.menu li {display:block;padding:8px 0;} footer > section.menu a {font-size:14px;color:#fff;text-decoration:none;} footer > section.menu .title {font-size:18px;font-weight:700;color:#fff;} footer li.newsletter {width:320px;position:relative;} footer li.newsletter label{font-size:15px;} footer li.newsletter input{margin-top: 6px;} footer li.newsletter a {position:absolute;box-sizing:border-box;right:0;bottom:8px;width:46px;min-width:auto;height:46px;/*2022-03-08mss: line-height:18px;*/ line-height: 46px; border-radius:23px;color:black;font-size:18px;text-align:center;background:#F2E200;} .scrollTop {z-index:99;display:none;position: fixed;height: auto;width: auto;right: 10px;bottom:75px;background:rgba(255,177,0, 0.7);} .scrollTop.sticky {display:block;} .scrollTop:hover {background:rgba(255,177,0, 0.99);} .scrollTop a {display:block;width:40px;height:40px;text-decoration:none;color:#fff;} .scrollTop a:after {content:'\e611';display:block;font-family:'icons-nav';font-size: 33px;line-height: 40px;text-align: center;} @media only screen and (min-width:580px){ footer ul.contact li {display:inline-block;} footer ul.contact li:after {display:inline-block;content:"|";color:#F2E200;font-weight:700;font-size:24px;margin:0 20px;} footer ul.contact li:last-child::after {display:none;} footer ul.menu > li {display:inline-block;} footer ul.menu > li:after {display:inline-block;content:"|";color:#bcbcbc;font-size:16px;margin:0 10px;} footer ul.menu > li:last-child::after {display:none;} } @media only screen and (min-width:1280px){ footer > section.map {height:500px;} footer > section.menu {display:flex;color:#bcbcbc;} footer ul.contact {float:left;width:30%;margin:0 15%;} footer ul.social {width:30%;padding-top: 10px; } footer ul.brand {width:30%; margin:-40px 0 0 60%;} /*footer-pages*/ main.column.text84 .box-contain.section84 {padding-right: 50px;} main.column.text282 .box-contain.section282 {padding-right: 50px;} main.column.text88 .box-contain.section88 {padding-right: 50px;} main.column.text327 .box-contain.section327 div.img {margin-left:0px;} main.column.text327 .box-contain.section327 div.img img {height: auto;} }