@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&family=Roboto:wght@400;500;700&display=swap'); html {position:relative;scrollbar-width:none;overflow-x:hidden;height:100%;} body {width:100%;min-width:360px;max-width:100%;min-height:100%;box-sizing:border-box; margin:0;padding:120px 0 0;padding-bottom:150px;font-family:Roboto, sans-serif;font-size:14px;background-color:#F9FBFD;position:relative; overflow-x:hidden;-webkit-overflow-x:hidden; -webkit-overflow-scrolling:auto;} body.loged {padding-top:80px;padding-bottom:1050px;} body.login\.php {padding-top:0;} /** base rules */ header,nav,main,menu,section,article,details,aside,footer,div{display:block;margin:0;box-sizing:border-box;} section {padding:0 20px;} header::after,section::after,footer::after, form::after,div::after {content:"";display:block;clear:both;} ul,ol {margin:0;padding:0;list-style-type:none;} ul li,ol li {display:inline-block;} p {margin:16px 0;} *[onclick],*[data-click],*[data-link],*[data-href] {cursor:pointer;} img {outline:none;border:0;user-select:none;width:100%;object-fit:cover;} a {text-decoration:none;cursor:pointer;color:inherit;} 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;} h1 {margin:0;font-size:28px;} h2, h3 {margin:0;font-size:20px;} button {padding:0;overflow:visible;border:0;cursor:pointer;} button::-moz-focus-inner {padding:0;border:none;} /** page template **/ .mob-title {text-transform:uppercase;font-size:28px;color:#000;/* display:flex;align-items:center;justify-content:flex-start */;} .mob-title::after {content:"";display:inline-block; background:url(../img/line-right.svg);width:36px;height:8px;background-repeat:no-repeat;vertical-align:middle;margin-left:15px;/* margin-top:5px; */} button, a.btn, a.login {display:inline-block;box-sizing:border-box;height:40px;line-height:40px;padding:0 15px;text-align:center; border-radius:8px;background-color:#DA241B;letter-spacing:-.42px;font-size:14px;color:#fff;opacity:1;transition:all .5s ease;} a.login {border:1px solid #DA241B;border-width:1px 0;white-space: nowrap;} div.bar.cookie {padding:10px 20px;max-width:1370px;margin:0 auto;} div.bar.cookie ::after {content:"";position:absolute;left:-500%;top:0;height:100%;width:1000%;z-index:-1;} label {display:block;position:relative;} .full {width:100%;} .half {width:50%;} select {box-sizing:border-box;width:100%;border-radius:4px;border:none;outline:none;background-color:#fff;appearance:none;height:40px;line-height:13px;color:#015198;font-weight:500;padding-left:15px;} label select {background:transparent;position:relative;z-index:2;} input {box-sizing:border-box;width:100%;max-width:536px;border:2px solid transparent;border-radius:4px;outline:none;background-color:#fff;text-align:left;padding-left:10px;height:40px;line-height:13px;color:#015096;font-size:14px;} ::placeholder {color:#015198;opacity:1;font-weight:500;} :-ms-input-placeholder {color:#015198;opacity:1;font-weight:500;} ::-ms-input-placeholder {color:#015198;opacity:1;font-weight:500;} textarea {width:100%;height:170px;box-sizing:border-box;border-radius:4px;font-size:14px;color:#015096;padding-top:10px; padding-left:10px;border:2px solid transparent;outline:none;} input:focus, textarea:focus {border:2px solid #015198;} label.textarea::after {display:none;} select.required, input.required {border:2px solid #DA241B;} /* label::before {content:"";display:inline-block;background-size:auto;background-repeat:no-repeat;} */ a::after {content:"";display:inline-block;background-size:auto;position:absolute;} label::after {content:"";display:inline-block;background-size:auto;position:absolute;right:0;} /* label.chk::after {content:"";position:absolute;left:0;top:0;width:18px;height:18px;background:url(../img/Icon.png) center center;background-repeat:no-repeat;display:inline-block;} */ label.chk {position:relative;padding-left:30px;display:inline-block;cursor:pointer;color:#015096;font-size:14px;} label.numb-inp::after {display:none;} [type='checkbox'] {opacity:0;position:absolute;left:0;z-index:1;width:19px;height:19px;} [type='checkbox'] + label.chk {position:relative;padding-left:30px;display:inline-block;cursor:pointer;color:#015096;font-size:14px;} [type='checkbox'] + label.chk::before {content:"";position:absolute;left:0;top:-2px;width:18px;height:18px;display:inline-block; border:2px solid #EBEBEB;background-color:#fff;border-radius:4px;} /* [type='checkbox']:checked + label.chk::before {content:"";position:absolute;left:0;top:0;width:18px;height:18px;border:1px solid #015096;background-color:#fff;border-radius:4px;} */ [type='checkbox']:checked + label.chk::after {content:"";position:absolute;left:0;top:-2px;width:21px;height:21px;display:inline-block; background:url(../img/Icon.svg) center center;background-repeat:no-repeat;border:none;transform:scale(1);opacity:1;transition:all .3s ease;} [type='checkbox']:not(:checked) + label.chk::after {content:"";position:absolute;left:0;top:-2px;width:18px;height:18px;display:inline-block;background:url(../img/Icon.svg) center center;background-repeat:no-repeat;border:1px solid #015096;border-radius:4px;transform:scale(0);opacity:0;} main {width:100%;position:relative;max-width:1370px;margin:0 auto;} main::after {content:"";position:absolute;left:-500%;top:0;height:100%;width:1000%;z-index:-1;} section {width:100%;position:relative;max-width:1370px;margin:0 auto;} section::after {content:"";position:absolute;left:-500%;top:0;height:100%;width:1000%;z-index:-1;} .breadcrumb-info {display:flex;align-items:baseline;justify-content:space-between;padding:20px;} nav.breadcrumb {display:none;} nav.breadcrumb > a {color:#8F9BB3;opacity:0.5;font-weight:500;} nav.breadcrumb {color:#015198;font-weight:500;} nav.breadcrumb > a::after {content:"/";color:#8F9BB3;opacity:0.5;padding:0 20px;position:relative;} div.popup.captcha {display:none;} div.popup.captcha section {display:flex;flex-wrap:wrap;align-items:last baseline;justify-content:space-between;padding:20px;} div.popup.capcha section label {display:block;width:100%;} div.popup.captcha input {border:1px solid #015096;margin:5px 0px 10px 0px;} div.popup.captcha button.send {float:left!important;} div.popup.captcha img {width:100%;} div.popup.captcha label::after {display:none;} @media only screen and (min-width:520px){ .mob-title::after {width:100px;} } @media only screen and (min-width:1280px){ .breadcrumb-info {display:flex;align-items:baseline;justify-content:space-between;padding:20px 0;} /* nav.breadcrumb {display:block;} */ .mob-title::after {width:200px;} body.sectionId119 .nav.breadcrumb, body.sectionId120 .nav.breadcrumb, body.sectionId121 .nav.breadcrumb, body.sectionId65 .nav.breadcrumb, body.sectionId30 .nav.breadcrumb, body.sectionId63 .nav.breadcrumb, body.sectionId24 .nav.breadcrumb {display:none;} } /* header */ body > header {position:fixed;top:0;right:0;left:0; width:100%;max-width:1370px;margin:0 auto; padding:0;display:flex;align-items:center;z-index:100;} body > header::after {content:"";position:absolute;left:-500%;top:0;height:100%;width:1000%;background:#fff;z-index:-1;} nav.main {width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;} nav.main ul.menu, nav.reserved {display:unset;position:fixed;top:-100%;left:0;padding:20px;line-height:24px;background-color:#fff;-webkit-transition:top 0.4s;-o-transition:top 0.4s;transition:top 0.4s;z-index:-1;height:100%;overflow:auto;box-sizing:border-box;width:100%;} nav.main ul.menu.active {top:0;padding-top:132px;} nav.reserved.active {top:0;padding-top:92px;} nav.main ul.menu li {width:100%;font-size:16px;padding:8px 0;opacity:0;visibility:hidden;position:relative;} nav.main ul.menu.active li {-webkit-transition:opacity 0.4s, visibility 0.4s;-o-transition:opacity 0.4s, visibility 0.4s;transition:opacity 0.4s, visibility 0.4s;-webkit-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;opacity:1;visibility:visible;} nav.main ul.menu li a {color:#000;} nav.main ul.menu ul.sub-menu {display:block;position:relative;max-width:200px;background:#fff;height:0;overflow:hidden;transition:all .5s;padding:0px 20px 0px 20px;} nav.main ul.menu ul.sub-menu li:first-of-type {padding-top:15px;} nav.main ul.menu ul.sub-menu .active {color:#DA241B;} nav.main ul.menu li a:hover {color:#DA241B;} nav.main ul.menu li.active ul.sub-menu {display:block;height:560px;} button.login {height:0;} /* nav.main ul.menu li.office.active ul.sub-menu {display:block;top:0; height:510px;padding:10px 20px 20px 20px;} */ nav.main a.menu {display:inline-block;width:24px;height:22px; background-color:#fff;color:#015198;padding-right:0px;text-align: right;position:absolute;right:70px;} nav.main a.menu::after {position:absolute;content:"";display:inline-block;color:#015198;background-size:auto;width:24px;height:22px;background:url('../img/grip-solid-horizontal_1_.svg') center center no-repeat;} nav.main ul.menu li a.select::after {content:"";display:inline-block;position:absolute;top:15px;width:8px;height:5px;margin:3px 6px;background:url('../img/select.png') center center no-repeat;transition:.4s;} nav.main ul.menu li.active a.select::after {transform:rotate(180deg);} /* nav a.en {display:none;} */ nav.main ul.login {width:100%;text-align:center;} nav.main ul.login li {width:100%;} /*nav.main*/ ul.login li a {width:100%;border-radius:0;padding-left:20px;display:block;box-sizing:border-box;} /* Iva 07--4-2026 */ ul.login li a.login {min-width: 375px;position: absolute;top: 80px;left: 0;right: 0;} /* end 07-04-2026 */ div.frame {/*height:80px;*/width:100%;} nav.main .lang {display:block;margin-top: 6px;} nav.main .activelang {display: none;} nav.main .langBox {height: 29px;width: 29px;min-width: 29px; background-color: #015096; border-radius: 260px; color: white; text-align: center;font-size: 10pt;text-transform: uppercase;margin-right: 9px;} nav.top .search {display:none;} nav.main a.logo {display:block; width:182px;height:65px;padding:13px 20px;} body.loged header {display:block;} body.loged ul.login {max-width:160px;width:100%;box-sizing:border-box;background-color:#fff;border-radius:4px;box-shadow:0px 2px 10px #10132314;position:absolute;right:49px;color:#222B45;font-weight:500;font-size:14px;text-align:left;padding:5px 0 0;top:60px;z-index:2;transition:all .3s ease-out;clip:rect(-50px,180px,-6px,-10px);} body.loged ul.login.active {clip:rect(-50px,180px,180px,-10px);} body.loged ul.login li {display:block;padding-bottom:15px;visibility:hidden; opacity:0;pointer-events:none;} body.loged ul.login.active li {-webkit-transition:opacity 0.4s, visibility 0.4s;-o-transition:opacity 0.4s, visibility 0.4s;transition:opacity 0.4s, visibility 0.4s;-webkit-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;opacity:1;visibility:visible;pointer-events:all;} body.loged ul.login li:last-of-type {color:#DF3636;border-top:1px solid #E9E9E9;padding-top:15px;} body.loged ul.login li a.login {display:none;} body.loged nav.main .langBox {position:absolute;right:10px;top:26px;} a.login:hover {color:#DF3636;background:transparent;} body.loged button.login {position:absolute;top:-32px;right:60px;background:transparent;width:20px;height:25px;padding:0;border-radius:0;} body.loged button.login::after {content:"";display:block;width:20px;height:25px;background:url('../img/icon-user.svg') center center no-repeat;} body.loged a.menu {display:inline-block;width:15px;height:22px; background-color:#fff;color:#015198;padding-right:20px;position:absolute;top:30px;right:120px;} body.loged a.menu::after {position:absolute;content:"";display:inline-block;color:#015198;background-size:auto;width:24px;height:22px;background:url('../img/grip-solid-horizontal_1_.svg') center center no-repeat;} nav.reserved a {display:block;width:100%;font-size:16px;padding:8px 0;opacity:0;visibility:hidden;} nav.reserved.active a {-webkit-transition:opacity 0.4s, visibility 0.4s;-o-transition:opacity 0.4s, visibility 0.4s;transition:opacity 0.4s, visibility 0.4s;-webkit-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;opacity:1;visibility:visible;} header div.search {padding:10px 20px 10px;width:100%;opacity:.00001;max-width:inherit;position:absolute;top:100%;left:0;right:0;background:#fff;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:perspective(600px) rotateX(-90deg);transform:perspective(600px) rotateX(-90deg);-webkit-transform-origin:top center;transform-origin:top center;-webkit-transition:all 350ms cubic-bezier(.55,0,.1,1);transition:all 350ms cubic-bezier(.55,0,.1,1);will-change:transform;border-radius:0 0 8px 8px;box-shadow:0 3px 6px #7892ac1a;} header div.search.active {opacity:1;visibility:visible;-webkit-transform:perspective(600px) rotateX(0);transform:perspective(600px) rotateX(0);} header div.search div.search-number {width:100%;} header div.search div.search-number button.search {width:100%;height:40px;border-radius:8px;padding:0px;margin-top:20px;} header div.search div.search-number button.search::after {right:0px;top:0px;} header div.search input {line-height:37px;background-color:#F9FBFD ;position:relative;width:100%;} header a.search-btn::after {content:"";display:block;position:absolute;top:29px;right:84px; width:24px;height:24px;background:url('../img/Search_icon.svg') center center no-repeat;background-size:contain;} /* header a::after:hover ~ ul.login li {display:block;} */ label::after {background:url('../img/blue-select.svg') center center no-repeat;width:40px;height:40px;vertical-align:middle; border-left:1px solid #015198;} header div.search label {background:#F9FBFD;border-radius:4px;width:100%;overflow:hidden;} header div.search select {outline:none;border:none;appearance:none;height:40px;width:100%;} header div.search input {border:none;width:100%;} /* header div.search label >button {background-color:#F9FBFD;line-height:none;padding:0;} */ header div.search label button {display:inline-block;position:absolute;top:0;right:0; background:url('../img/Search_icon.svg') center center no-repeat;background-color:#F9FBFD ;width:40px;height:40px;background-size:auto; vertical-align:middle; border-left:0.1px solid #015198;border-radius:0;} label.search {margin-bottom:20px;} label.search::after {visibility:hidden;} div.cart a.cart::after {content:"";display:block;position:absolute;top:29px;right:59px; width:20px;height:24px;background:url('../img/Basket.svg') center center no-repeat;background-size:contain;} div.cart a.cart b {display:inline-block;background:#015198;color:white;border-radius:50px;width:26px;height:26px;position:absolute;top:15px;right:45px;text-align:center;line-height:25px;} nav.reserved a.personal.status50 {display:none;} nav.main .menu li.main.status50 {display:none;} p.user {display:none;position:absolute;right:60px;top:17px;color:#015198;white-space:pre-wrap;} .mystyle {color:red;} .service {background-color:#015198;border-radius:8px;color:#fff;padding:7px 10px 10px;width:240px;display: none;} .service span {font-size:13px;} .service p {margin:0;width:100%;font-weight:500;height:28px;line-height:15px;font-size:11px;} .page-box{margin-top: 10px;} .page-box a{background-color: #015096;} .page-box a.right{float: right;} @media only screen and (min-width:1024px){ nav.main {justify-content:space-between;flex-wrap:nowrap;} nav.main a.logo {width:216px; padding:0;} nav.main a.menu {display:none;} body.loged button.login {right:40px;} /* nav.main ul.login {width:180px;} nav.main ul.login li a {border-radius:8px;} nav.main ul.login li:nth-of-type(4) {padding-bottom:10px;} */ ul.login li a.login {position: unset;min-width: unset;} ul.login {width:180px;} ul.login li a {border-radius:8px;} ul.login li:nth-of-type(4) {padding-bottom:10px;} nav.main ul.menu {height:auto;display:flex;align-items:baseline;justify-content:space-between;position:relative;top:0;left:0;z-index:1;overflow:unset;width:auto;} nav.main ul.menu li {margin-right:46px;opacity:1;visibility:visible;} nav.main ul.menu li:hover>a,nav.main ul.menu li.active>a{border-top:2px solid #DA241B;padding-top:28px;color:#DA241B;} nav.main ul.menu li:hover ul.sub-menu, nav.main ul.menu li.active ul.sub-menu {display:block; height:442px;} nav.main ul.menu li:hover a.select::after {transform:rotate(180deg);} nav.main ul.menu li ul.sub-menu {position:absolute;top:40px;border-radius:8px;box-shadow:2px 2px 10px gray;} nav.main ul.menu li ul.sub-menu li {padding:3px 0;} nav.main ul.menu ul.sub-menu li a::after {display:none;content:"|";position:absolute;right:0;color:#DA241B;} nav.main ul.menu li.office:hover ul.sub-menu li a {border-top:none;padding-top:0;} nav.main ul.menu li.office a:hover ul.sub-menu li a::after {display:inline-block;} nav.main ul.menu li:last-child {margin-right:0;} header a.search-btn {display:none;} header div.search {display:flex;align-items:center;position:unset;opacity:1;visibility:visible;transform:perspective(600px) rotateX(0);box-shadow:none;} header div.search div.search-number label {margin-bottom:0;width:44%;margin-right:10px;} header div.search div.search-number button.search {width:65px;height:62px;border-top-right-radius:8px;padding:0px;border-top-left-radius:0px;border-bottom-left-radius:0px;margin-top:0px;font-size:0px;} header div.search div.search-number button.search::after {right:12px;top:12px;border-left:unset;} header div.search div.search-number label.search {margin-left:10px;} header div.search div.search-number {background-color:#015198;border-radius:8px;padding:0px 0px;display:flex;align-items:center; width:100%;max-width:610px;margin-right:10px;} body.loged a.menu {display:none;} nav.reserved {overflow:unset;visibility:visible;opacity:1;right:unset;padding:0; display:flex;width:100%;max-width:1370px;background:#015198;color:white;height:40px;top:0;box-shadow:none; position:relative;line-height:38px;z-index:1;scrollbar-width:none} nav.reserved a {display:inline-block;margin:0 80px 0 0;padding:0;width:auto;height:30px;font-size:14px;opacity:1;visibility:visible;} nav.reserved::after {content:"";position:absolute;left:-500%;top:0;height:100%;width:1000%;background:#015198;z-index:-1;} a.login {border-width:1px;} nav.reserved a.active, nav.reserved a:hover {border-bottom:2px solid #fff;} } @media only screen and (min-width:1280px){ header div.search div.search-number label {width:50%;} header div.search div.search-number button.search {width:76px;} body.loged button.login {right:48px;} body.loged nav.main .langBox {right:0px;} p.user {display:block; right:100px;} } /*home page*/ section.banner {height:327px; padding:0;max-width:100%;margin:0 auto;position:relative;} section.banner article {height:327px;position:absolute;top:0;width:100%; opacity:0;transition:all 3s ease;} section.banner article.active {opacity:1;transition:all 3s ease;z-index:1;} section.banner article img {height:100%;vertical-align:middle;} section.banner article > div {height:100%; max-width:1370px;position:absolute;top:40px;left:20px;right:0;margin:0 auto; } section.banner article div >div {width:327px;height:244px;background-color:#031E3491;color:#fff;border-radius:8px;font-weight:500;} section.banner article div h3 {font-size:25px;font-weight:600;padding:40px 20px;padding-bottom:0; letter-spacing:0.75px;} section.banner article div p {letter-spacing:0.42px;font-weight:normal;padding:0 20px;max-height:50px;overflow:hidden;} section.banner article div a.btn {margin-left:20px;width:121px;} section.banner a.prev, section.banner a.next {display:none;} section.banner div.frame div.search {display:none;} div.inline-banner {height:203px;} div.img-frame {display:flex;width:100%;max-width:1370px;color:#fff;position:relative;overflow:hidden;z-index:1;scrollbar-width:none;border-radius:8px;} div.img-frame article {display:inline-block;margin:0 9px;white-space:nowrap;transition:margin 1s ease-out;} div.img-frame article img {width:331px;height:203px;} a.more {display:inline-block;box-sizing:border-box;width:121px; height:40px;line-height:40px;padding:0 15px;text-align:center; border-radius:8px;background-color:#DA241B;letter-spacing:-.42px;font-size:14px;color:#fff;opacity:1;} ul.hover-social {display:block;position:absolute;left:-35px;width:30px;bottom:0;opacity:0;} ul.hover-social li {margin:15px;} ul.hover-social li a::after {content:"";display:inline-block;background-size:cover;background-repeat:no-repeat;width:26px;height:26px;position:relative;transition:all 2s ease;} ul.hover-social li a.facebook::after {background:url('../img/hover-facebook.png') center center no-repeat;} ul.hover-social li a.google::after {background:url('../img/hover-google.png') center center no-repeat;} ul.hover-social li a.instagram::after {background:url('../img/hover-instagram.png') center center no-repeat;} ul.hover-social li a.twitter::after {background:url('../img/hover-twitter.png') center center no-repeat;} ul.hover-social li:nth-of-type(1) {margin-left:-10px;} ul.hover-social li:nth-of-type(2) {margin-left:-27px;} ul.hover-social li:nth-of-type(3) {margin-left:-18px;} ul.hover-social li:nth-of-type(4) {margin-left:12px;} div.rte {color:#585858;font-size:14px;line-height:24px;} section.promo-login div.rte p a {color:#585858;font-size:14px;line-height:24px;background:none;height:auto;} section.info.main div.rte a {display:inline-block;box-sizing:border-box;height:40px;line-height:40px;white-space:nowrap;text-align:center; border-radius:8px;letter-spacing:-.42px;font-size:14px;opacity:1;} /* div.rte a:hover {color:#DA241B;background-color:#fff;border-bottom:2px solid #DA241B;transition:all 1s ease;} */ div.prd-promo {display:none;} section.news time {display:none;} section.news a.more {display:none;} section.info.main {padding-top:40px;} section.info.main >img {display:none;} section.info.main div.rte p {margin-top:30px;margin-bottom:30px;} div.rte .MsoNormal {text-align:left; background:none!important;} section.banners.list.brands {display:flex;flex-wrap:nowrap;align-items:baseline; width:100%;position:relative;padding:40px 20px; overflow:hidden;scroll-behavior:smooth; overflow:scroll;scrollbar-width:none;background:none;} section.banners.list.brands::after {width:auto;} section.banners.list.brands article {display:inline-block;white-space:nowrap;transition:margin 1s ease-out;margin-right:16px;flex:1 0 39%;height:231px;padding:0;overflow:hidden;border-radius:8px;} section.banners.list.brands article:first-of-type {/*max-width:291px;*/height:231px;padding:0;flex:1 0 70%;} section.banners.list.brands article img {width:100%;max-width:100%; height:100%;border-radius:8px;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;} section.banners.list.brands article:hover img {-webkit-transform:scale(1.1);transform:scale(1.1);} section.banners.list.brands article:last-of-type {margin-right:0;} @media only screen and (min-width:768px){ body.loged {padding-bottom:700px;} section.banner article > div {left:80px;} section.banners.list.brands article {flex:1 1 25%;height:321px;box-sizing:border-box;} section.banners.list.brands article:first-of-type {flex:1 1 50%;height:321px;box-sizing:border-box;} section.banner a.prev, section.banner a.next {display:block;} } @media only screen and (min-width:980px){ section.banners.list.brands {overflow:unset;} section.ctalog.banners.list.items2 article:last-of-type {margin-right:0;} section.banners.list.brands article:first-of-type {height:536px;} section.banners.list.brands article {height:536px;} } @media only screen and (min-width:1024px){ body.loged {padding-bottom:600px;} section.banner {height:435px;} section.banner article {height:435px;} section.banner article >div {top:100px;} section.banner article div >div {width:489px;} section.banners.list.brands {padding:80px 20px;} } @media only screen and (min-width:1280px){ section.info.main {display:flex;flex-wrap:wrap;align-items:center;padding:80px 0 0;} section.info.main div.rte {flex:1 0 50%;padding-left:45px;} section.info.main h2 {color:#000;} section.info.main >img {display:block;width:307px;height:307px;border-radius:50%; transition:all 2s ease;} /* section.info.main:hover >img {outline:3px solid #DF3636;} */ /* section.info.main:hover ul.hover-social {opacity:1; transition:all 2s ease;} */ /* section.info.main:hover ul.hover-social li a::after {opacity:1;} */ /* ul.hover-social li a::after:hover {color:#DF3636;} */ } @media only screen and (min-width:1370px){ section.banner article >div {left:20px;} section.banners.list.brands {padding:80px 0;} p.user {right:125px;} .service {display: block;} } @media only screen and (min-width:1400px){ section.banner article >div {left:0;} } /*section page*/ /* body.sectionId121 > header, body.sectionId121 footer {display:none;} */ section.news.details.sec-det aside {display:none;} body.sectionId22 section.news.details.sec-det aside {display:block;} section.news.details.sec-det article {width:100%;} section.news.details.sec-det article div.rte a {background:none;color:#DF3636;display:inline;width:100%;} section.news.details.sec-det article div.rte p {background:none!important;text-indent:unset!important;} a.next, a.prev {width:57px;height:58px;display:inline-block;position:absolute;top:50%;text-align:center;opacity:1;background:#F9FBFD 0% 0% no-repeat padding-box;z-index:2;} a.next:hover, a.prev:hover {opacity:0.7;} a.next {border-bottom-left-radius:8px;border-top-left-radius:8px;right:0; transform:translate(0%, -50%);} a.prev {border-bottom-right-radius:8px;border-top-right-radius:8px;left:0; transform:translate(0%, -50%);display:none;} a.next::after {content:"";display:inline-block;background-size:auto;background:url(../img/prev-btn.png);width:23px;height:23px;background-repeat:no-repeat;position:absolute;top:17px;} a.prev::after {content:"";display:inline-block;background-size:auto;background:url(../img/next-btn.png);width:23px;height:23px;background-repeat:no-repeat;position:absolute;top:17px;left:11px;} section.catalog.banners {display:block;padding:0 20px;} section.catalog.banners article {width:100%;max-height:156px;position:relative;box-shadow:none;background-color:unset;margin:0 auto;padding:15px 0;} section.catalog.banners article img {height:100%;border-radius:8px;} section.info h3 {display:none;} section.cart.area {background:none;} section.order.cart aside.info-cat.res-area {padding:0;margin-top:0;} aside.info-cat.res-area dl {margin-top:0;} aside.info-cat.res-area dl.filter dt>label {color:#000;} aside.info-cat.res-area dl.filter dd {padding-top:9px;padding-bottom:0;margin-bottom:-2px;} aside.info-cat.res-area dl.filter dd a:hover {color:#015198;} aside.info-cat.res-area dl.filter dd:last-of-type {padding-bottom:20px;} aside.info-cat.res-area label {text-align:left;} aside.info-cat.res-area label::after {display:none;} aside.info-cat.res-area label.sel::after {display:inline-block;} aside.info-cat.res-area.ref >label {text-align:center;} aside.info-cat.res-area.ref >label::before {content:"";display:inline-block; background:url('../img/blue-select.svg') center center no-repeat;width:40px;height:40px;vertical-align:middle;} /* div.content table thead {height:36px;color:#8F9BB3;} div.content table th {padding-left:20px;background-color:#EFF4FA;height:36px;display:none;} div.content table th.mobile {display:revert;padding-left:10px;vertical-align:baseline;white-space:nowrap;} */ /* div.content table tbody tr {border-bottom:1px solid #7892AC1A;} div.content table sub {display:block;white-space:nowrap;} div.content table td {height:40px;} */ section.news.details article h3.carier {height:auto;color:#053D6B;padding:20px;} section.news.details article h3.carier a {color:#DA241B;} section.news.details article h3.carier a:hover {background:none;border:none;border-bottom:2px solid #DA241B;} @media only screen and (min-width:678px){ section.catalog.banners {display:flex;align-items:center;justify-content:space-between;} section.catalog.banners article {width:50%;box-sizing:border-box;padding-right:16px; max-height:233px;margin:0;} section.catalog.banners.list.items2 article:last-of-type {padding-right:0;margin-right:0;} } @media only screen and (min-width:1024px){ section.container {margin-top:30px;} body.sectionId121 section.container section.search-ext {padding:0;} section.order.cart {display:flex;background-color:#F9FBFD;padding:0 20px;} section.order.cart aside.info-cat.res-area {padding-right:20px;} aside.info-cat.res-area {margin:unset;padding-left:20px;} aside.info-cat.res-area dl.filter {height:auto;max-height:100%;padding-bottom:20px;} section.order.cart div.content {width:100%;} /* div.content table th {display:revert;} div.content table th.mobile {display:none;} */ div.directsrch table td.mobile {display:none;} a.next, a.prev {top:50%;} } @media only screen and (min-width:1280px){ section.order.cart aside.info-cat.res-area {padding-right:0;} aside.info-cat.res-area {margin-right:30px;} section.catalog.banners article {height:233px; margin:0;/*margin-right:16px;*/} } @media only screen and (min-width:1370px){ section.order.cart {padding:0;} section.order.cart aside.info-cat.res-area {padding:0;} aside.info-cat.res-area {padding:0;} section.catalog.banners {padding:0;} } /*login page*/ body.sectionId169 header, body.sectionId169 footer {display:none;} main.login form {background:transparent linear-gradient(192deg, #015097 0%, #297DC8 100%) 0% 0% no-repeat padding-box;margin-top:-20px;} h6 {font-size:20px;font-weight:500;color:#DF3636;text-align:center;width:100%;} body.sectionId121 h6 {margin:10px 0;text-align:left;} section.login {display:block;width:100%; max-width:536px;padding:150px 20px;} section.promo-login {background-color:#fff;border-radius:15px;height:100%;text-align:center;} section.promo-login > div {width:420px;text-align:left;display:inline-block;} section.promo-login >div >a img {width:182px;padding:20px 0;} section.promo-login h1 {display:none;} section.login h1 {color:#fff;text-align:left;letter-spacing:-.42px;} section.promo-login article {display:none;} section.login input {height:40px;padding-left:50px;} section.login p {padding-bottom:15px;} section.login p:last-of-type {padding-bottom:0;} section.login label.chk {font-size:15px;color:#fff;} input::placeholder {font-size:14px;text-align:left;} section.login label.user::after, section.login label.pass::after {display:none;} section.login button , section.login a.btn {width:100%;background-color:#fff;color:#2275C0;margin:15px 0;font-size:18px;} section.login button:hover, section.login a.btn:hover {background-color:transparent;color:#fff;outline:1px solid #fff;} label.user::before {content:"";display:inline-block;background:url(../img/sms-user.svg);width:23px;height:23px;background-repeat:no-repeat;position:absolute;left:20px;top:10px;} label.pass::before {content:"";display:inline-block;background:url(../img/key-user.svg);width:23px;height:23px;background-repeat:no-repeat;position:absolute;left:20px;top:7px;} a.clr-search {display:none;} aside {padding:0 20px;margin:0 auto;margin-top:40px;margin-bottom:30px;transition:all 2s ease;} dl {display:block;border-radius:8px;height:100%;max-height:112px;} aside dl dt {padding-left:22px;font-size:15px;color:#000;background:#fff;font-weight:500;height:55px;line-height:55px;border-bottom:1px solid #7892AC1A;overflow:auto; box-shadow:0 3px 6px #7892AC1A;opacity:1;border-radius:8px;border-bottom-right-radius:0;border-bottom-left-radius:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} aside dl dt> label { white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} aside dl dd {margin:0;margin-bottom:30px;height:55px;line-height:55px;padding-left:20px;font-size:14px;color:#015198;background:#fff;letter-spacing:-.28px;font-weight:500;box-shadow:0 3px 6px #7892AC1A;opacity:1;overflow:hidden;border-radius:8px;border-top-left-radius:0;border-top-right-radius:0;} aside dl dd.red {color:#DA241B;} aside dl.document {overflow:unset;max-height:100%;} aside dl.document dd.calendar {overflow:unset;line-height:24px;padding-left:0px;padding-top:0px;padding-bottom:0px;position:relative;} aside dl.document dd.calendar::after {content:"";display:inline-block;background:url(../img/icons8-calendar-24.png);background-size:cover; width:24px;height:24px;background-repeat:no-repeat;position:absolute;right:20px;top:9px;} aside dl.document dd.calendar input {padding-left:20px;} aside dl.document dd.calendar label >p {padding-left:20px;margin:0px;} div.calendar {position:absolute;display:none;left:0px;top:0;width:99%;height:230px;color:#015096;background:#fff; ;box-shadow:0px 2px 10px #10132314;overflow:hidden;z-index:60;border-radius:8px;} div.calendar.active {display:block;} div.calendar span {display:inline-block;box-sizing:border-box;margin:0;text-align:center;} div.calendar a {display:inline-block!important;box-sizing:border-box;vertical-align:top;min-width:14.28%;padding:0 3px!important; color:#015096!important;min-height:28px;margin:0;border:1px solid transparent;text-align:center;font-family:Arial,sans-serif;line-height:26px;font-size:14px;} div.calendar a.active {background:#015096;color:#fff!important;border-radius:8px;} div.calendar p {margin:0;padding:0;font-size:0;} div.calendar div {background:inherit;border:1px solid #fff;box-sizing:border-box;display:none;left:0;outline:200px solid rgba(255, 255, 255, 0.8);position:absolute;top:33px;width:100%;} div.calendar span.s {width:50%;} div.calendar p:nth-of-type(2) {display:flex;align-items:center;justify-content:space-around;} aside dl.document dt.number {line-height:27px;} aside dl.document dd.number {padding-left:0px;padding-top:0px;padding-bottom:0px;line-height:27px;border-radius:4px;} aside dl.document dd.number input {padding-left:20px;} dl.filter {height:0; max-height:0;display: none;} dl.filter dt {box-shadow:none;} dl.filter dd {box-shadow:none;height:38px;line-height:38px;} body.sectionId121 aside.info-cat.res-area.ref dl.active ~dl.filter {height:auto;max-height:100%;overflow:unset;} body.sectionId121 section.promo-login {visibility:hidden;} body.sectionId121 dl.filter dd {max-height:100%;margin-bottom:0px;} aside label {text-align:center;background:none;font-size:14px;color:#015096;font-weight:500;} aside label::after {display:none;} aside label.filt::after {content:"покажи всички градове";display:inline; width:100%;height:30px;color:#015198;border:none;background:none;text-align:center;position:relative;} aside.result label.filt::after {content:"покажи всички филтри"} aside label.filt::before {content:"";display:inline-block; background:url('../img/blue-select.svg') center center no-repeat;width:40px;height:40px;vertical-align:middle;transition:all 1s;} aside.info-cat dl {max-height:112px;overflow:hidden;height:auto;transition: max-height 0.6s ease-in-out;will-change: max-height;} aside.info-cat dl dd {height:unset;} aside dl.active ~ label.filt::before {-webkit-transform:rotate(180deg);transform:180deg;} aside dl.active ~ label.filt::after {content:"скрий градове";} aside.result dl.active ~ label.filt::before {-webkit-transform:rotate(180deg);transform:180deg;} aside.result dl.active ~ label.filt::after {content:"скрий филтри";} aside.info-cat.res-area.ref label.filt::after {content:"виж клиентска информация";display:inline; width:100%;height:30px;color:#015198;border:none;background:none;text-align:center;position:relative;} aside.info-cat.res-area.ref dl.active ~ label.filt::after {content:"скрий клиентска информация";} aside dl.address.active dd {max-height:100%;height:100%; overflow:unset;padding-bottom:20px;padding-top:20px;padding-right:20px;} aside label.filt.adress::after {content:"покажи всички обекти";display:inline; width:100%;height:30px;color:#015198;border:none;background:none;text-align:center;position:relative;} aside dl.address.active ~ label.filt.adress::after {content:"скрий обекти";} aside label.filt.register::after {content:"покажи информация";display:inline; width:100%;height:30px;color:#015198;border:none;background:none;text-align:center;position:relative;} aside dl.address.active ~ label.filt.register::after {content:"скрий информация";} dl.address div.rte a {background:none;border:none;color:#DA241B;} aside dl.active, aside.info-cat dl.active {/*height:100%;*//*height:unset;*/ max-height:1000px;overflow:unset;/*transition:all 1s;*/ transition: max-height 0.5s ease, opacity 0.3s ease, transform 0.3s ease;} section.search-ext label {margin-bottom:30px;background:#fff;border-radius:4px;margin-top:15px;white-space:nowrap;} section.search-ext label ul {white-space:pre-line;} section.search-ext input {max-width:100%;} section.search-ext div.search {z-index: 1;} div.search {display:flex;flex-wrap:wrap;position:relative;} button.switch {height:55px; background-color:#EFF4FA;position:relative;text-align:left;padding:0;font-weight:500;overflow:hidden;width:75px;border-radius:0 8px 0 0 ;color:#EFF4FA;margin-left:0;z-index:1;transition:max-width 0.5s ease;} button.switch i {font-style:normal;} button.switch.active {flex:1 1 70%;padding-left:73px;color:#015096;margin-left:0;;z-index:-1;} button.car.switch {border-radius:8px 0 8px 0;white-space:nowrap;transition:width 0.5s ease;} button.numb.switch {margin-left:-10px;border-radius:0 8px 0 8px;white-space:nowrap;line-height:17px;padding-left:30px;width:100px;} button.numb.switch::before {content:"";display:inline-block;background:url(../img/icons8-close.svg) center center no-repeat;width:20px;height:55px;background-size:contain; border-radius:8px; vertical-align:middle;position:absolute;top:0;right:70px;z-index:1;} button.numb.switch:hover {text-decoration:underline;} button.last-search.switch {border-left:1px solid #015096;border-top-left-radius:0px;border-bottom-left-radius:0px;width:100%;max-width:61px;position:absolute;right:0px;white-space:nowrap;} button.last-search.switch::before {content:"";display:inline-block;background:url(../img/clock.svg) center center no-repeat;width:20px;height:55px;background-size:contain; border-radius:8px; vertical-align:middle;position:absolute;top:0;left:8px;z-index:1;} button.last-search.switch::after {content:"";display:inline-block; background:url('../img/blue-select.svg') center center no-repeat;width:27px;height:40px;position:absolute; top:9px;right:5px;transition:1s ease;} button.last-search.switch.active {max-width:280px;font-size:14px;z-index:2;padding-left:55px;} /* body.sectionId119 button.last-search.switch.active {max-width:330px;} */ button.last-search.switch.active::before {left:20px;right:unset;} div.filter a {display:block;opacity:0;padding:0px;white-space:nowrap;max-width:275px;overflow:hidden;text-overflow:clip;} div.filter {visibility:hidden; border-radius:8px;background-color:#EFF4FA;padding:10px 20px;position:absolute;right:0px;top:55px;z-index:3;width:100%;max-width:0;;border-top:1px solid #015198;border-top-left-radius:0px;border-top-right-radius:0px;transition:max-width 0.459s ease;} /* body.sectionId119 div.filter {width:330px;} */ button.last-search.switch.active ~ div.filter a {opacity:1;color:#015198;padding-top:10px;padding-bottom:2px;} button.last-search.switch.active ~ div.filter {max-width:279px;visibility:visible;} button.last-search.switch.active::after {-webkit-transform:rotate(180deg);transform:rotate(180deg);} button.car.switch::before {content:"";display:inline-block;background:url(../img/cars-blue.png) center center no-repeat;background-size:cover; width:41px;height:25px; border-radius:8px;vertical-align:middle;position:absolute;top:15px;left:20px;} /*Iva added style for search-vin 12-09-23*/ div.search-vin {display:flex;width:100%;justify-content:space-between;padding:10px 20px 40px 20px;background-color:#015198;border-radius:8px;padding-right:0;padding-top:0;padding-bottom:0px;margin-bottom:30px;} div.search-vin label {width:100%;margin-top:30px;} div.search-vin button.search {margin-left:20px;margin-right:20px;margin-top:30px;font-size:0; width:52px; height:40px;border-top-right-radius:8px;} div.search-vin button.search::after {border-left:none;} button.vin {height:70px;position:relative;text-align:left;padding:0;font-weight:500;overflow:hidden;width:75px;border-radius:0 8px 0 0 ; color:#EFF4FA;margin-left:0;z-index:1;transition:max-width 0.5s ease;background:none;} button.vin::before {content:"";display:inline-block;background:url(../img/images-white.png) center center no-repeat;width:30px;height:55px;background-size:contain; border-radius:8px; vertical-align:middle;position:absolute;top:22px;right:13px;z-index:1;} div.car-sw ,div.numb-sw {display:none;padding:10px 20px 40px 20px;background-color:#015198;border-radius:8px;border-top-left-radius:0; border-top-right-radius:0;} div.car-sw select {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:35px;} button.car.switch.active ~ div.car-sw {display:block;width:100%;} button.numb.switch.active ~ div.numb-sw {display:block;width:100%;} button.numb.switch.active, button.car.switch.active {background-color:#015198;color:#EFF4FA;} button.numb.switch.active::before {background:url(../img/clock.svg) center center no-repeat;left:20px;} button.car.switch.active::before {background:url(../img/cars.png) center center no-repeat;background-size:cover;} button.search {width:100%;position:relative;} button.search::after {content:"";display:inline-block; background:url(../img/Search_white_icon.svg) center center no-repeat; width:40px;height:40px;background-size:auto; position:absolute;right:5px;top:0;border-left:1px solid #fff;} a.info-car.btn {background-color:#015198;margin-top:20px;margin-bottom:20px;border:1px solid #015198;} a.info-car.btn:hover {background:transparent;color:#015198;} section.search-ext label.result {display:none;height:40px;background-color:#DA241B;border-radius:4px;line-height:40px;color:#fff;white-space:nowrap;padding:0 10px;text-align:center;} label.result::after {display:none;} label.engine {height:40px;background-color:#fff;width:100%;border-radius:4px;color:#015198;font-weight:500;} label.engine span {font-size:14px;padding-left:20px;line-height:40px;white-space:nowrap;} label select {font-size:14px;} ul.engine.tab-inner {display:none;width:100%;max-width:611px; overflow:hidden; position:absolute;top:40px;background-color:#fff;border-radius:8px;font-size:14px;z-index:2;} ul.engine.tab-inner li.caption {background-color:#EFF4FA;padding-left:20px;width:100%; height:40px;line-height:29px;border-radius:8px;border-bottom-left-radius:0;border-bottom-right-radius:0;} ul.engine.tab-inner li.caption:hover {background-color:#EFF4FA;color:#015096;} ul.engine.tab-inner li i {display:none; margin-right:10px;width:82px;vertical-align:text-top;} ul.engine.tab-inner li i.mobile {display:inline-block;line-height:20px;} ul.engine.tab-inner li i.mobile sub {display:block;color:#8F9BB3;} ul.engine.tab-inner li {padding:3px 0 3px 20px;width:100%;} ul.engine.tab-inner li:hover {background-color:#015096;color:#fff;} ul.engine.tab-inner li i:last-of-type {margin-right:0;} a.more-cat {display:block;position:relative;bottom:0;text-align:center;color:#015096;font-weight:500;line-height:35px;height:40px;width:100%;background:#fff;margin-top:15px;border-top:1px solid #015096;border-radius:0 0 8px 8px;} a.more-cat::after {content:"";display:inline-block; background:url('../img/blue-select.svg') center center no-repeat;width:40px;height:40px;top:-1px;left:45px;transition:1s ease;} section.container {padding:0;} section.catalog {display:flex;flex-wrap:wrap;width:100%;} section.catalog article {width:47%; height:161px;margin-right:16px;margin-top:16px; border-radius:8px;background-color:#fff; box-shadow:0 3px 6px #7892AC1A;opacity:1;} section.catalog article:nth-of-type(2n+2) {margin-right:0;} section.catalog article a.contain {display:block;width:100%;margin-top:20px;text-align:center;} section.catalog article a img {width:100px;border-radius:8px;} section.catalog.list.tec div article {width:100%;} article a img::before {display:none;} article a img::after {background:url(../img/akumulatori.png) center center no-repeat; width:100%;height:142px;} section.catalog article a span {display:block;height:20px;overflow:hidden;font-size:14px;font-weight:500;text-transform:lowercase;padding:6px 5px 0;} body.loged h1 {margin:20px 20px 20px 0;} body.loged section.catalog h1 {margin-bottom:0px;} body.loged > footer h1 {margin:0px;} section.promo {padding:0 20px 0 20px;} h1.mob-title.promo {margin-left:20px;text-align:left;} h1.mob-title.promo::before {display:none;} section.promo div {display:flex;width:100%;position:relative;overflow:scroll;scrollbar-width:none;flex-wrap:nowrap;} section.promo div article {margin:0 15px 0 0; border:1px solid #EFF4FA;border-radius:8px;transition:margin 1s ease-out;flex:0 0 215px;width:214px;} section.promo div article img {display:block;border-radius:8px;} section.promo a.next, section.promo a.prev {top:50%;} section.promo a.prev::after {left:20px;} section.news {text-align:center;padding:0 20px;} section.news article {margin-top:16px;overflow:hidden;border-radius:8px;} section.news article h3 {font-weight:500;letter-spacing:0.44px;color:#232323;margin-top:30px;margin-bottom:15px;height:50px;overflow:hidden;} section.news article img {display:block;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;opacity:1;height:auto;} section.news article:hover img {opacity:0.7;} section.news h3.mob-title {margin-bottom:30px;margin-top:30px; text-align:center;width:100%;overflow:hidden;} section.news h3.mob-title::before {content:"";display:inline-block; background:url(../img/line-left.svg);width:80px;height:9px;background-repeat:no-repeat;vertical-align:middle;margin-right:20px;background-position:right;} section.news h3.mob-title::after {width:80px;background-position:left;} section.news.promos.items3 h2.mob-title {display:block;width:100%;text-align:left;margin:30px 0px;} div.imgfrm > img {height:100%;} div.rte.res {font-size:14px;letter-spacing:0.7px;color:#585858;line-height:26px;height:50px;overflow:hidden;} aside dl.address div.rte {line-height:20px;padding-right:10px;} body.loged section.breadcrumb-info h3 {display:none;} body.sectionId119 section.catalog article img {min-height:60px;max-height:60px;width:100%;border-radius:8px;} label.ii, label.i {margin-bottom:20px;} body.sectionId124 section.info.contact form article.form > h3 {display:block;text-align:left;} body.sectionId124 section.info.contact article.address {margin:0;} body.sectionId124 section.info.contact article.address h3 {display:block;text-align:left;} body.sectionId124 section.info.contact article.address div.rte p {font-size:14px;font-weight:normal;} label.ii::after, label.vii::after {display:none;} article.form label.v::after {display:none;} div.imgfrm {border-radius:8px;overflow:hidden;} div.imgfrm.res.promo {height:310px;} body.sectionId.loged section.info.contact h3.mob-title,body.sectionId154 section.info.contact h3.mob-title , body.sectionId127 section.info.contact h3.mob-title {display:block;text-align:left;} body.sectionId.loged section.info.contact aside, body.sectionId154 section.info.contact aside , body.sectionId127 section.info.contact aside , body.sectionId124 section.info.contact aside, body.sectionId123 section.info.contact aside {padding:0px;} aside dl.address.info {max-height:1000px;} aside dl.address.info dd {height:100%;} aside dl.address.info dd div.rte a.all {text-align:center!important;color:#015198;text-decoration:underline;} aside dl.address.info dd div.rte a.all:hover {text-decoration:none;} @media only screen and (min-width:568px){ section.breadcrumb-info {padding:20px;} section.catalog article {width:30%;} section.catalog article:nth-of-type(2n+2) {margin-right:16px;} section.catalog article:nth-of-type(3n+3) {margin-right:0;} section.news {display:flex;flex-wrap:wrap;} section.news article {width:48.4%;margin-right:16px;} section.news article:nth-of-type(2n+2) {margin-right:0;} section.news article div img {aspect-ratio:3/2;height: auto;} section.news.promos article div img {max-height:257px;width:100%;aspect-ratio:unset;height: auto;} section.news.list.items3 {display:flex;} section.catalog.list.tec div {display:flex;flex-wrap:wrap;} section.catalog.list.tec div article {margin-right:16px;width:48%;} section.catalog.list.tec div article:nth-of-type(2n+2) {margin-right:0;} section.news h3.mob-title {display:block;} ul.engine.tab-inner li i {display:inline-block;width:110px;} ul.engine.tab-inner li i.mobile sub {display:none;} button.vin::before {right:18px;} } @media only screen and (min-width:768px){ section.catalog article {width:23%;} section.catalog article:nth-of-type(3n+3) {margin-right:16px;} section.catalog article:nth-of-type(4n+4) {margin-right:0;} section.catalog.list.tec div article{margin-right:16px;width:31.8%;} section.catalog.list.tec div article:nth-of-type(2n+2) {margin-right:16px;} section.catalog.list.tec div article:nth-of-type(3n+3) {margin-right:0;} section.news.main {padding:80px 20px;} section.news.main h3.mob-title {width:100%;margin-bottom:40px;} section.news article {width:31.8%;margin-right:16px;} section.news article:nth-of-type(2n+2) {margin-right:16px;} section.news article:nth-of-type(3n+3) {margin-right:0;} section.news.list time {display:none;} section.news.list a.more {display:none;} section.list.items3 div.rte {max-height:50px;overflow:hidden;} body.loged h1 {width:100%;} a.info-car.btn {margin-left:20px;} ul.engine.tab-inner {width:611px;} section.news.promos.items3 h2.mob-title {margin-top:30px;} } @media only screen and (min-width:980px){ section.catalog article {width:18%;} section.catalog article:nth-of-type(4n+4) {margin-right:16px;} section.catalog article:nth-of-type(5n+5) {margin-right:0;} section.catalog.list.tec div article{margin-right:16px;width:23.7%;} section.catalog.list.tec div article:nth-of-type(3n+3) {margin-right:16px;} section.catalog.list.tec div article:nth-of-type(4n+4) {margin-right:0;} body.sectionId.loged section.info.contact, body.sectionId154 section.info.contact, body.sectionId127 section.info.contact {display:flex;padding:0px 20px;} body.sectionId.loged section.info.contact aside, body.sectionId154 section.info.contact aside , body.sectionId127 section.info.contact aside {min-width:242px;margin-right:30px;} h1.mob-title.promo {margin-left:0;text-align:center;} h1.mob-title.promo::before {content:"";display:inline-block; background:url(../img/line-left.svg);width:80px;height:9px;background-repeat:no-repeat;vertical-align:middle;margin-right:20px;background-position:right;} button.vin::before {right:25px;} } @media only screen and (min-width:1024px){ section.news article {width:29%;} section.news article:nth-of-type(3n+3) {margin-right:16px;} section.news article:nth-of-type(4n+4) {margin-right:0;} main.login {display:flex;align-items:center;justify-content:space-between;height:100vh;max-width:100%;} div.imgfrm img {border-radius:8px;} main.login form {width:100%;margin-left:-20px;height:100%;margin-top:0;} main.login form section.login {width:100%;} section.promo-login {text-align:center;padding:150px 0;} section.promo-login >div>a img {width:238px;} section.promo-login h1 {display:block;} section.promo-login article {display:block;} aside {min-width:242px; max-width:242px;margin:unset; margin-top:0;padding:0;margin-right:30px;} aside dl ,aside.info-cat dl {max-height:100%;overflow:unset;} aside >label {display:none;} aside dl.filter {display:block;max-height:320px;padding-bottom:14px;} aside dl.filter dd {margin:0;margin-bottom:0;background:#fff;} aside dl.filter label::after {display:none;} section.login {width:50%;height:898px;padding:280px 30px;} section.login p:last-of-type {display:flex;align-items:center;justify-content:space-between;} section.login button, section.login a.btn {max-width:230px;} body.loged main {display:flex;align-items:baseline;} section.container {width:75%;padding:0;} section.search-ext {flex:1 0 70%;} /* section.catalog {padding-bottom:80px;} */ section.container section.catalog {padding:0;padding-bottom:0;} section.news.main {padding:50px 20px 50px 20px;} section.news article {flex:1 0 23%;height:auto;max-width:329px; margin:0;margin-right:17px;margin-bottom:30px;} section.news h3.mob-title {display:inline-block;margin-top:30px;margin-bottom:30px;} body.sectionId121 section.news article:nth-of-type(4n+4) {margin-right:0;} section.news.list article:nth-of-type(4n+4) {margin-right:0;} body.sectionId124 section.info.contact article.address div.rte {margin-right:20px;} body.sectionId124 section.info.contact {display:flex;} body.sectionId124 section.info.contact form article.form > h3 {flex:1 0 100%;} body.sectionId124 section.info.contact article.form p {flex:1 0 40%;margin-right:20px;} body.sectionId124 section.info.contact article.form p:nth-of-type(2n+2) {margin-right:0!important;} body.sectionId124 section.info.contact p.privacy {display:block;} body.sectionId124 section.info.contact p.privacy label.chk {display:block;margin-bottom:15px;} body.sectionId124 section.info.contact aside {margin-top:10px;} aside dl.address dd {height:auto;padding:0 20px;} aside dl.address dd div.rte a {background:none;color:#015096;} label.ii::after, label.vii::after {display:none;} body.sectionId124 section.info.contact article.form footer {display:block;} button.send.right {float:right;} section.news h3.mob-title::before {width:200px;} section.news h3.mob-title::after {width:200px;} body.sectionId121 section.promo-login {visibility:visible;} button.last-search.switch {right:0px;} body.sectionId119 button.last-search.switch {right:20px;} div.filter {right:0px;} body.sectionId119 div.filter {right:20px;} button.numb.switch {padding-left:44px;} body.sectionId119 button.numb.switch {padding-left:55px;} } @media only screen and (min-width:1280px){ section.container {width:77%;max-width:1095px;} section.news article {width:34%;} section.catalog article {width:18.7%;height:187px;padding:0;} section.catalog article:nth-of-type(4n+4) {margin-right:16px;} section.catalog article:nth-of-type(5n+5) {margin-right:0;} section.catalog.list.tec div article {margin-right:16px;width:19%;} section.catalog.list.tec div article:nth-of-type(4n+4) {margin-right:16px;} section.catalog.list.tec div article:nth-of-type(5n+5) {margin-right:0;} button.car.switch {flex:1 0 70%;padding-left:75px;} button.numb.switch {flex:0 1 24%;background:#EFF4FA;border-radius:8px;border-bottom-right-radius:0;border-top-left-radius:0; color:#015198;min-width:275px;max-width:275px;} div.search {display:flex;flex-wrap:wrap;} div.search label {width:100%;margin-right:20px;margin-top:0;margin-bottom:0;} button.car.switch.active ~ div.car-sw {display:flex;width:100%;align-items:center;padding:0 0 0 20px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;} button.numb.switch.active ~ div.numb-sw {display:flex;width:100%;align-items:center;padding:0 0 0 20px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;} /* div.car-sw label.brand {height:72px;} */ button.search {width:95px;height:94px;color:#DA241B;padding:0 36px;border-radius:0;border-bottom-right-radius:8px;} button.search::after {background-size:auto;border:none;right:28px;top:28px;} button.switch::after {width:50%;} section.catalog article a span {overflow:unset;} button.last-search.switch {padding-left:55px;font-size:0;max-width:96px;} button.last-search.switch::before {left:34px;} button.last-search.switch::after {width:40px;} body.sectionId119 div.filter {right:20px;} button.numb.switch::before {left:15px;} body.sectionId119 button.numb.switch::before {right:unset;left:20px;} h1.mob-title.promo::before {width:200px;} div.search-vin button.search {margin-left:20px;width:95px; height:100px;margin-top:0;margin-right:0;border-top-right-radius:8px;} } @media only screen and (min-width:1370px){ body > header {padding:0;} section.breadcrumb-info {padding:20px 0;} section.news {padding:0;} section.catalog {padding:0;} body.sectionId119 section.search-ext {padding:0;} section.container {width:100%;max-width:1095px;} section.news.main {padding:50px 0 50px 0;} section.promo {padding:0;} body.sectionId119 button.last-search.switch {right:0px;} body.sectionId119 div.filter {right:0px;} } /*catalog page*/ body.sectionId130.loged aside.result button.search {width:100%;height:40px;color:#fff;border-radius:8px;} body.sectionId130.loged aside.result button.search::after {display:none;} body.sectionId130.loged aside.result dl dd {padding-bottom:0;padding-left:0;} body.sectionId130.loged aside.result dl dd a {padding-left:20px;} body.sectionId130.loged aside.result dl dd.btn {background:none;box-shadow:none;} body.sectionId130.loged section.list-prd.direct label {width:100%;} body.sectionId130.loged section.list-prd.direct dd.search {min-height:40px;} section.list-prd.direct dd.sel {min-height:40px; border-radius:8px;} aside.info-cat.res-area dd.sel {height:40px;padding-bottom:0px;line-height:24px;padding-top:0px;} aside.info-cat.res-area dd.sel label select {padding-left:0px;} section.list-prd.direct label::after {display:none;} section.list-prd.direct label.sel::after {display:inline-block;top:0px;} section.list-prd.direct dd.search {position:relative;} section.list-prd.direct dd.search button.search {display:inline-block;position:absolute;top:0;right:5px;background:url('../img/Search_icon.svg') center center no-repeat;background-size:auto;width:22px;height:40px;cursor:pointer;border-left:none;} section.list-prd.direct dd.search input:focus {border:none;outline:none;} section.list-prd.direct dd.search input {padding-top:0px;padding-left:20px;padding-right:40px;overflow:hidden;text-overflow:ellipsis;} section.list-prd.direct dd.sel select {padding-top:0px;padding-left:17px;padding-right:44px;line-height:18px;} section.list-prd.direct dd.search label::before {content:"";display:inline-block;border-left:1px solid #015096;position:absolute;right:0px;width:40px;height:40px;} body.sectionId130 section.banners.list.brands {display:none;} body.sectionId130 section.catalog.banners.list.items2 {display:none;} body.sectionId130 div.product-list h6 {font-size:20px;font-weight:500;color:#015096;} aside.result input.search-btn:focus {outline:unset;} aside.result input.search-btn, aside.result select.search-btn-tp {padding-top:13px;} aside.info-cat.res-area dl.filter {display:none;} div.subcat {display:none;} body.sectionId130 section.items5.list-prd {display:block;} body.sectionId130 section.items5.list-prd >h3 {display:none;} a.list.level-0.children {position:relative;padding-right:28px;} a.list.level-0.children::after {content:"";display:inline-block;position:absolute;top:10px;right:8px;background:url(../img/plus.svg) center center;background-size:auto;background-repeat:no-repeat;width:20px;height:20px;} aside.result a.list.level-0.children.active::after {content:"";display:inline-block;background:url(../img/minus.svg);background-repeat:no-repeat;background-size:contain;width:14px;height:3px;vertical-align:bottom;top:16px;border-right:none!important;} a.list.level-0.children.active + div.subcat {display:block;} /* a.list.level-0.children.active::after {display:none;} */ a.list.level-1 {padding-left:20px;font-size:13px; font-weight:normal;} body.sectionId130.loged aside.result dl dd div.subcat a.list.level-1 {padding-left:35px;} a.list.level-1:hover {color:#015096;} section.catalog.list h3 {display:none;} section.catalog.list div {display:block;height:auto;min-width:320px;} section.catalog.list div article {width:100%;margin-top:16px;height:auto;position:relative;} a.pic {position:relative;border-bottom-left-radius:8px;border-bottom-right-radius:8px;display:block;min-height:70px;max-height:70px;} section.catalog article a.pic img {position:absolute;bottom:0;max-height:70px;width:100%;} /* section.catalog article a.pic:hover img {max-height:170px;transition:all 0.4s;} */ nav.subnav {line-height:26px;padding:18px 0 0 20px;font-weight:500;border-radius:8px;color:#333333;max-height:85px;transition:max-height 1s;overflow:hidden;} nav.subnav a {position:relative;display:block;text-align:left;padding-left:20px;line-height:16px;margin:0 0 9px;overflow:hidden;} nav.subnav a::after {background:url(../img/folder.png);width:23px;height:23px;background-repeat:no-repeat;position:absolute;left:0;top:-1px;} section.catalog.list.tec h3 {display:block;margin-top:17px;} body.sectionId120 section.catalog.list.tec.items4 >h3 {display:none;} body.sectionId120 section.breadcrumb-info {padding-bottom:0px;} section.catalog.list.tec div article {height:fit-content;min-height:247px;} /* section.catalog.list.tec div article.active {height:fit-content;min-height:inherit; max-height:100%;transition:max-height 2s;} */ section.catalog.list.tec div article.active nav.subnav {max-height:500px;} section.catalog.list.tec div.category-list.showAll article nav.subnav.open {height:auto;max-height:100%;} div article title {display:block;background-color:#015096;padding-left:20px; height:50px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;color:#fff;text-align:left;font-weight:500;font-size:15px;text-transform:uppercase;line-height:56px;margin-top:-8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:20px;} section.news.details.root64 section.gallery {background:no-repeat!important;text-align:left;height:auto;} /* section.news.details.root64 section.gallery img.item {display:none;} */ section.news.details.root64 section.gallery img {object-fit:scale-down;} section.news.details.root64 section.gallery div.slide {display:inline-block;width:200px;} section.news.details.root0 section.gallery {background:no-repeat!important;} section.news.details.root64 section.gallery article {display:inline;height:auto;margin:0;} section.news.details.root64 section.gallery article.text {vertical-align:top;} section.news.details.root64 section.gallery article.text h3 {margin:0;} section.news.details.root64 section.gallery a.next,section.news.details.root64 section.gallery a.prev{display:none;} section.news.details.root64 section.gallery article div.img-frame {width:300px;float:left;margin-right:20px;margin-bottom:20px;} section.news.details.root64 section.gallery iframe {width:100%;max-width:560px;} section.news.details.root64 section.gallery article div.img-frame img {aspect-ratio:unset;} section.catalog.list.tec div article.active a.more-cat::after {-webkit-transform:rotate(180deg);transform:rotate(180deg);} div.vin h3.directsrch.active::after {display:none!important;} div.vin h3.directsrch.active::before {display:none!important;} iframe.vin {width:100%;min-height:580px;border:none;margin-top:30px;} iframe.vin body {background-color:none;} @media only screen and (min-width:670px){ section.catalog.list div {display:flex;flex-wrap:wrap;} section.catalog.list div article {height:auto;width:45%;flex:unset;margin-bottom:0;} } @media only screen and (min-width:800px){ section.catalog.list div article {height:auto;width:31%;max-width:100%;/* max-width:257px;*/flex:unset;} } @media only screen and (min-width:1024px){ body.sectionId130 section.items5.list-prd {display:flex;} body.sectionId130 section.items5.list-prd div.product-list {width:78%;} body.sectionId130 section.items5.list-prd aside.result {margin:unset;margin-right:30px;max-width:266px;} section.catalog.list div article {height:auto;width:23%;} section.catalog.list div article:hover a img::after {max-height:142px;} body.sectionId130 section.items5.list-prd {display:flex;flex-wrap:nowrap;} /* section.news.details.root0 div.img-frame {height:536px;margin-bottom:40px;} */ } @media only screen and (min-width:1280px){ iframe.vin {margin-top:0px;} section.list-prd.direct dd.search button.search {right:-16px;} } /*brands, promos page*/ section.brands {display:flex;flex-wrap:wrap;align-items:center;background-color:#fff;padding-bottom:20px;} section.brands.main div.frame {display:flex;flex-wrap:wrap;align-items:center;background-color:#fff;} section.brands article {flex:1 0 33%;padding:5px 15px;background-color:none;overflow:hidden;} section.brands article img {max-width:100px;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;} section.brands article:hover img {-webkit-transform:scale(1.1);transform:scale(1.1);} section.news.details {display:block;} section.news.details>h3 {display:none;} section.gallery {padding:0;margin-right:15px;background:none!important;} div.carousel {overflow:auto;scroll-behavior:smooth;scrollbar-width:none;} div.carousel::-webkit-scrollbar {height:0;} section.gallery::after {content:"";display:block;clear:both;} section.gallery article {display:none;width:100%; /*height:200px*/;position:relative; margin-bottom:0;transition:.3s ease;} section.gallery article.active {display:block;transition:.3s ease;} .news section.gallery article img {aspect-ratio:4/3;} section.gallery article.text {display:block;width:100%;height:auto;text-align:left!important;} section.gallery div.slide {display:flex;flex-wrap:wrap;overflow:hidden;scrollbar-width:none; align-items:center;max-width:1092px;} section.gallery div.slide article {width:27.7%;height:90px;border-radius:8px;display:inline-block;flex:unset;margin-top:18px;margin-right:18px;margin-bottom:0;} section.gallery div.slide article img {height:100%;border-radius:8px;opacity:1;} section.gallery div.slide article:hover img {opacity:0.6;transform:none;} section.gallery div.slide article.active {visibility:visible;opacity:1;z-index:100;} section.gallery a.next, section.gallery a.prev {top:50%;height:47px;width:38px;display:block;} section.gallery a.prev::after, section.gallery a.next::after {top:13px;} aside.banners-as {width:100%;margin:0;padding:0;margin-top:40px;} aside.banners-as img {height:100%;height:536px;width:100%;background-color:#58585812;display:block;border-radius:8px;margin-bottom:30px;} dl.share {max-height:100%;position:relative;display:block;} @media only screen and (min-width:600px){ section.brands article {flex:1 0 24%;} /* section.gallery article {height:255px;} */ } @media only screen and (min-width:768px){ section.brands article {flex:1 0 20%;} } @media only screen and (min-width:900px){ section.news.details {display:flex;flex-wrap:nowrap;} } @media only screen and (min-width:1024px){ section.brands {display:flex;flex-wrap:wrap;padding:25px 0px 25px 50px;} section.brands article {flex:1 0 15%;} section.brands article img {max-width:130px;} section.news.details article {max-width:100%;text-align:left;width:100%;} section.news.details article p {font-size:14px;color:#585858;} /* section.gallery article.mySlides {height:536px;} */ section.news.details article b::before {display:none;} section.gallery div.slide {display:flex;flex-wrap:wrap; align-items:center;max-width:1092px;} section.gallery div.slide article {width:203px;height:188px;border-radius:8px;display:inline-block;flex:unset;margin-top:18px;} /* section.gallery img {width:100%;height:469px;} */ /* section.gallery div.slide article:nth-of-type(5n+5) {margin-right:0!important;} */ section.gallery div.slide article img {height:100%;border-radius:8px;width:204px;} aside.banners-as {max-width:250px;margin-right:0;margin-top:0px;} section.gallery a.prev::after, section.gallery a.next::after {top:17px;left:20px;} section.gallery a.next, section.gallery a.prev {top:50%;width:58px;height:57px;display:block;} aside.banners-as img {max-width:250px;} section.gallery {margin-right:30px;} div.slide::after {content:"";display:table;clear:both;} } /*promos page*/ section.news.promos article div.rte {display:none;} @media only screen and (min-width:1024px){ section.news.promos article {flex:1 0 21%;max-width:278px;} section.news.promos article:nth-of-type(4n+4) {margin-right:0;} } @media only screen and (min-width:1280px){ section.news.promos article {flex:1 0 18%; max-width:257px;margin-right:22px;margin-bottom:22px;} section.news.promos article:nth-of-type(4n+4) {margin-right:16px;} section.news.promos article:nth-of-type(5n+5) {margin-right:0;} } /*list products*/ div.img-plaece {width:35px;height:36px;} /*about page*/ aside span img {border-radius:8px;margin-bottom:20px;} /*details products*/ dl.image {width:100%;min-height:441px; max-height:441px;background-color:#fff;} dl.image img {object-fit:contain;height:441px;} dl.image div.count {display:none;} div.sq div.gallery {position:fixed; top:0;right:0;bottom:0;left:0;cursor:zoom-out;text-align:center;opacity:0;visibility:hidden;background:url(img/waiting.gif) rgba(0, 0, 0, 0.79) center center no-repeat;background-size:50px 50px;z-index:60;transition:opacity 0.5s ease-in-out;width:100%;} div.sq div.gallery::before {content:'';display:inline-block;vertical-align:middle;height:100%;} div.sq div.gallery.active {visibility:visible;opacity:1;z-index:100;} div.sq div.gallery img {cursor:zoom-out;width:auto;height:auto;max-width:80%;max-height:80%; display:inline-block;vertical-align:middle;} div.qs div.brand-image {position:absolute;top:-100px;left:20px; max-width:157px;height:79px;text-align:center;border-radius:8px;} div.qs div.brand-image img {width:100%;height:100%;object-fit:contain;} div.qs a.back {visibility:hidden;} section.product form {display:block;} div.qs {flex:1 0 50%;} div.sq {flex:1 0 50%;margin-top:100px;} div.sq img:hover {cursor:zoom-in;} dl.attribute {max-width:260px;} dl.attribute dt.code {display:inline;font-size:16px;color:#000;} dl.attribute dd {display:inline; font-size:16px;color:#000;font-weight:500;text-transform:uppercase;margin:5px;} dl.option {max-height:163px;height:auto!important;} dl.option.extra-discount {display: block;} dt.price span.price.old {position:relative;color:#064E89;font-size:27px;font-weight:600;letter-spacing:-.27px;} dt.price span.price.old::after {border:1px solid #064E89;width:126px;position:absolute;top:17px;left:77px;} dt.price span.price.discount {display:block;margin-top:23px;font-size:13px;color:#DA251C;letter-spacing:0.13px;font-weight:600;text-transform:uppercase;} dt.price span.price.discount.hide {display:none;} dt.price span.price.promo {width:287px;display:block;height:auto; max-height:84px;box-sizing:border-box; background:#FFE65E;border-radius:4px;color:#DA251C;font-size:13px;letter-spacing:-0.8px;text-transform:uppercase;font-weight:600;padding:17px 15px;padding-top:17px; position:relative;z-index:2;} dt.price span.price.promo b {font-size:29px;font-weight:600;text-transform:lowercase;width:100%;display:inline-block;white-space:nowrap;} dd.purchase {display:block;margin:0;position:relative;} dd.purchase button.send {font-size:18px;width:100%;margin-top:30px;margin-bottom:20px;} dd.purchase button.hide-btn, button.show-btn {position:absolute;top:-97px;height:22px;line-height:10px;text-align:left;overflow:hidden;color:#FFE65E;border-radius:4px;border-top-left-radius:0;border-bottom-left-radius:0;z-index:1;white-space:nowrap;transition:all 1s;width:150px;left:163px;} .regular-discount {color: rgb(255,255,255) !important;background: rgb(1,81,152) !important;width: 245px !important;;font-size: 11px !important;} .prd-discount {color: rgb(1,81,152) !important;font-size: 10px !important;;} .price-text{font-size: 20px !important;;} .extra-price {margin-top: -13px !important;;} .show {display: block !important;} .hide {display: none !important;;} button.show-btn {position:relative;top:-8px;left:0;display:inline-block;font-size:0;width:30px;border-radius:4px;} button.show-btn.hide {display:none;} dd.purchase button.hide-btn::after, button.show-btn::after {content:"";display:inline-block;background:url(../img/eye.svg);width:18px;height:23px;background-repeat:no-repeat;position:absolute;right:5px;top:5px;} dd.purchase button.hide-btn:hover {left:275px;} dd.purchase button.hide-btn:hover:after {content:"/";color:#FFE65E;text-align:center;} dt.price span.price.promo.hide {display:none;} dd.purchase label {width:140px;height:40px; position:relative;text-align:center;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:8px;} dd.purchase label::after {display:none;} dd.purchase label a.plusBtn::after {background:url(../img/minus.svg);width:23px;height:23px;background-repeat:no-repeat;display:inline-block; position:absolute;left:15px;top:19px;z-index:1;border:none;} dd.purchase label a.minusBtn::after {background:url(../img/plus.svg);width:23px;height:23px;background-repeat:no-repeat;position:absolute;right:5px;top:14px;z-index:1;border:none;} dd.purchase label p input {font-size:17px;color:#000;font-weight:500;border-left:2px solid #064E89;border-right:2px solid #064E89;width:45px;height:20px;border-radius:0px;text-align:center;padding-left:0px;} div.qs dl.attribute {height:auto;/*max-height:100%;*/padding:0px;margin:5px 0px;} div.qs h3 {text-transform:capitalize;font-size:26px;max-width: 500px;} .mob-title.unvisible {visibility:hidden;} div.tab {background-color:#fff;padding-bottom:40px;} div.tab ul {width:100%;max-width:1370px;height:auto;border-radius:4px;color:#F9FBFD;font-size:14px;font-weight:500;cursor:pointer;box-shadow:0px 3px 16px #7892AC1A;} div.tab ul li {display:block;} div.tab >ul li {background:#064E89;display:block;height:50px;width:100%;text-align:left;box-sizing:border-box;white-space:nowrap;padding-left:20px;line-height:48px;} div.tab ul li.active {background-color:#fff;color:#064E89;} div.tab ul li.active div.tab div {display:block;} div.tab dl.attribute {max-width:100%;width:100%;height:auto;/*max-height:100%;*/max-height:unset;box-sizing:border-box;align-items:baseline; display:flex;flex-wrap:wrap;margin:0 auto;padding:20px 20px; background:#fff;border:2px solid #EFF4FA;opacity:1;} div.tab dl.attribute dt.code {color:#7B7B7B;font-size:13px;font-weight:500;flex:1 1 30%;box-sizing:border-box;} div.tab dl.attribute dd {font-size:13px;flex:1 1 50%;} div.tab h3 {display:none;} div.tab > div {display:none;} div.tab div.active {display:block;} div.tab div.oem {display:none;font-size:16px;color:#064E89;text-align:center;padding:20px;font-weight:500;} div.tab div.oem > div ul {padding:20px;box-sizing:border-box;cursor:auto;} div.tab div.oem > div ul li {color:#064E89;text-align:left;} div.tab div.oem.active {display:block;} div.tab div table {width:100%;max-width:1255px;margin:0 auto;margin-top:40px; text-align:left;border-collapse:collapse;background-color:#fff;border-radius:4px;box-shadow:0 3px 6px #7892AC1A;opacity:1;} div.tab div table th {font-size:14px;color:#8F9BB3;background:#EFF4FA;height:40px;padding-left:10px;} div.tab div table td:first-of-type {color:#064E89;} div.tab div table td.price-det {font-size:12px;color:#222B45;text-decoration:none;white-space:nowrap;} div.tab div table td {padding-left:10px;height:40px; font-size:12px;font-weight:500;color:#222B45;border-bottom:1px solid #7892AC1A;} div.tab div table tr.in-stock td:nth-of-type(4) {color:#83B71B;} div.tab div table tr.out-of-stock td:nth-of-type(4) {color:#DA251C;} div.tab ul.product-tab-car {max-width:1255px;margin:0 auto; display:block;background-color:#fff;height:auto;} div.tab ul.product-tab-car>li {background-color:#fff;color:#064E89;padding:15px 20px;margin-bottom:20px; display:block;box-shadow:0 3px 6px #7892AC1A;opacity:1;border:1px solid #7892AC1A; border-radius:4px;text-align:left;} div.tab ul.product-tab-car li ul {display:none;} div.tab ul.product-tab-car li.active >ul {display:block;background-color:#fff;color:#064E89;padding-left:20px;box-sizing:border-box;} div.tab ul li.in-stock span {display:inline;float:right; margin-right:20px;} b.note {color:#DA251C;display:block;width:100%;margin-top:40px;} a.sold-form {color:#064E89;display:inline-block;margin-top:20px;text-decoration:underline;} a.sold-form:hover {text-decoration:none;} @media only screen and (min-width:980px){ dd.purchase {position:relative;display:flex;align-items:center;margin:0;margin-bottom: 4.5rem;} dd.purchase.note {display:block;} dd.purchase button.send {font-size:18px;max-width:260px;margin-left:20px;margin-top:0;margin-bottom:0;} section.product form {display:flex;} div.sq {flex:1 0 50%;margin-top:0;} div.qs {margin-left:30px;} div.qs div.brand-image {left:unset;top:40px;right:20px;} div.tab {margin-top:20px;} div.tab >ul {display:flex;align-items:center;height:50px;} div.tab >ul li {text-align:center;} div.tab dl.attribute {max-width:1255px;width:100%;height:auto;max-height:100%;;margin:0 auto;margin-top:35px;background:#fff;opacity:1;} div.tab dl.attribute dt.code {color:#7B7B7B;font-size:13px;font-weight:500;flex:1 1 10%;} div.tab dl.attribute dd {font-size:13px;flex:1 1 85%;} div.tab dl.attribute dd:last-of-type {margin-right:0px;} div.tab ul.product-tab-car {margin-top:40px;} dd.purchase button.hide-btn {top:-98px;} div.tab div.oem {padding:40px;} div.tab ul li:first-child {border-top-left-radius:4px;border-bottom-left-radius:4px;} div.tab ul li:last-child {border-top-right-radius:4px;border-bottom-right-radius:4px;} } @media only screen and (min-width:1024px){ } @media only screen and (min-width:1280px){ dl.image {max-width:618px;} /* div.tab dl.attribute dd {margin-right:120px;} */ } @media only screen and (min-width:1370px){ section.product {padding:0;} section.gallery div.slide article:nth-of-type(5n+5) {margin-right:0!important;} } /*list products*/ section.items5 form {display:block;} aside.result {margin-top:0;padding:0 20px;height:fit-content;} aside.result dd a {display:block;line-height:36px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-right:10px;} aside.result dl label {font-size:15px;text-align:left;color:#222B45;} aside.result dl label.chk {cursor:pointer;color:#015096;font-size:14px;display:block;} aside.result dl {max-height:100%;height:auto!important;} aside.result dl dd {min-height:55px; height:100%;margin:0;color:#222B45;margin-bottom:30px;line-height:16px;height: auto;} aside.result dl label.chk.no-result::before {display:block;border:1px solid #8F9BB3;} aside.result dl label.chk.no-result {color:#8F9BB3;} aside.result dl dt label::after {display:none;} /* aside.result dl:nth-of-type(2) {display:none;} */ aside.result dd a.active, aside.result dd a:hover {color:#015096;border-right:2px solid #015096;font-weight:bold;} aside.result dd a.level-0.active, aside.result dd a.level-0:hover {border-right:none;} aside.result dl.result.filter dd a:hover {border-right:unset;cursor:pointer;} aside.info-cat dl {text-align:left;} aside.info-cat a.main-asaid:hover {color:#015096;border-right:2px solid #015096;} aside.result dd input.chk {width:auto;height:auto;} aside.result dl:nth-of-type(2).active {display:block;} div.range {position:relative;} div.range span {position:relative;background:#EFF4FA;height:8px;display:block;border-radius:50px;margin-top:30px;margin-right:20px;} div.range span em {position:relative;display:block;background-color:#015198;border-radius:50px 0 0 50px;height:100%;cursor:pointer;} div.range >a {position:absolute;width:20px;height:8px;top:0;left:0;margin-left:0;} div.range a:nth-of-type(2) {background:#015198;border-radius:0 50px 50px 0;} div.range >a {left:0;margin-left:0;} div.range i {display:none;} div.range b:first-of-type {position:absolute;top:-17px;left:0;} div.range b:last-of-type {position:absolute;top:-20px;left:unset;right:21px;} section.items5 {padding:0;} section.items5 form> h3 {display:none;} section.items5 a.back {display:none;} table.tbl-same, form.doc table {background-color:#fff;width:100%;height:100%;border-collapse:collapse;border-radius:8px;text-align:left;} .product-list table, section.cart table.tbl-same {height:auto;} table.tbl-same tr {border-bottom:1px solid #7892AC1A;} table.tbl-same th {display:none;background-color:#EFF4FA;color:#8F9BB3;padding:0 0 0 10px;font-size:14px;height:56px;} table.tbl-same td {display:none;position:relative;box-sizing:border-box;font-size:12px;color:#222B45;font-weight:600;height:55px;padding:0 0 0 10px;} section.cart table.tbl-same td {padding-top:0;} table.tbl-same th.mobile, table.tbl-same td.mobile {display:table-cell;} table.tbl-same sub {display:block;font-size:12px;font-weight:normal;padding-top:4px;} table.tbl-same td.code {color:#064E89;text-decoration:underline;} table.tbl-same td.code:hover {text-decoration:none;} table.tbl-same td.code sub {color:#222B45;} table.tbl-same td.status, td.price.mobile sub {color:#83B71B;} table.tbl-same th.photo {font-size:0;} table.tbl-same td.status.usrstock, td.price.mobile sub.status.usrstock {color:#D2A813;} table.tbl-same td.price.mobile {white-space:nowrap; line-height: 1.3;} table.tbl-same td.price.mobile sub {white-space:pre-line;} table.tbl-same td.status.out, td.price.mobile sub.status.out {color:#DA251C;white-space:nowrap;} table.tbl-same td.popup {padding-right:15px;} table.tbl-same td button.send, table.tbl-same td button.send img {width:23px;height:23px;} table.tbl-same td img {width:23px;height:20px;cursor:pointer;position:relative;object-fit:contain;display:block;margin-top:4px;} table.tbl-same th.photo {font-size:0;} table.tbl-same .img-place {padding:0 10px 0 15px;} table.tbl-same .img-place img {width:45px; height:70px;margin:auto} a.buy {display:inline-block;position:relative;width:20px;height:20px;line-height:18px;margin-left:0;text-align:center;vertical-align:middle;background-color:#064E89;color:#fff;border-radius:4px;font-weight:500;} section.list-prd table td.order input {width:20px;text-align:center;display:inline-block;height:20px;padding:0px;} td.order.purchase button.send {outline:none;background:none;border:none;line-height:inherit;padding:0px;display:inline-block;text-align:inherit;margin:-1px 0 0px 8px;vertical-align:middle;height:23px;width:23px;} div.popupche {display:none;opacity:0;position:absolute;right:48px;top:-83px;background-color:#fff;border:1px solid #EFF4FA;height:auto;box-shadow:0 3px 6px #7892ac1a;border-radius:4px;z-index:1;width:205px;height:90px;padding:0 10px;line-height:24px;transition:all 1s ease;z-index:1;} div.popupche::after {content:"";display:inline-block;background:url(../img/waiting.gif);background-repeat:no-repeat;background-size:cover;width:20px;height:20px;position:absolute;top:50%;left:45%; transform:translate(0,-50%);z-index:-2;} div.popupche::before {content:"";display:inline-block;background:#fff;width:205px;height:88px;position:absolute;z-index:-2;} section.list-prd table td.popup img:hover + div, .status.popup em:hover + div, .status-mob sub:hover + div {display:block;opacity:1;z-index:2;} section.list-prd table td.popup img:hover + div div.popupche::after {opacity:0;} div.popupche ul {background-color:#fff;} div.popupche ul li {width:100%;} div.popupche ul li i {text-align:right;float:right;font-style:normal;} div.popupche li:nth-of-type(2) {border-bottom:1px solid #7892AC1A;} div.popupche li:nth-of-type(3) {font-weight:normal;font-style:italic;font-size:12px;line-height:16px;color:#3C4150;} .status.popup em {display:block;cursor:pointer;font-style:normal;} .status.popup .popupche {right:62px;top:-74px;color:#222B45;height:auto;padding:10px;line-height:20px;} .status.popup .popupche::after, .status.popup .popupche::before, .status-mob .popupche::before, .status-mob .popupche::after {display:none;} .status-mob .popupche {white-space:break-spaces;height:auto;padding:10px;right:85px;} i.promo {color:#83B71B;font-weight:500;text-align:right;} i.price {color:#DF3636;font-weight:500;} table.directsrch { min-height:0;visibility:collapse;} h3.directsrch {padding:10px 20px;background:#fff;border-radius:8px;margin-bottom:15px;position:relative;font-size:18px;display:flex;align-items:baseline;} h3.directsrch.active + table.directsrch {display:revert;margin:0px 0 15px;visibility:visible;max-height:100%;transition:all 0.2s ease-out;} h3.directsrch.active {margin-bottom:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;} h3.directsrch::before {content:"";display:inline-block;background:url(../img/plus.svg);background-repeat:no-repeat;background-size:auto;width:14px;height:14px;padding-right:5px;} h3.directsrch.active::before {content:"";display:inline-block;background:url(../img/minus.svg);background-repeat:no-repeat;background-size:auto;width:14px;height:8px;padding-right:5px;vertical-align:bottom;} h3.directsrch::after {content:"";display:inline-block; background:url('../img/blue-select.svg') center center no-repeat;width:15px;height:15px;top:15px;right:10px;transition:1s ease;position:absolute;} h3.directsrch.active::after {-webkit-transform:rotate(180deg);transform:rotate(180deg);} div.product-list {width:100%;padding:0 20px;} div.product-list h4.mob-title {font-size:20px;text-transform:initial;padding:0px;margin-top:0;margin-bottom:30px;} div.product-list h4.mob-title::after {width:36px;} div.product-list h4.mob-title:nth-of-type(2) {margin-top:30px;} sub button.send {outline:none;background:none;border:none;width:32px;height:30px;line-height:inherit;padding:0px;margin:0px;display:inline-block;text-align:inherit;} td.order.purchase button.send:hover, sub button.send:hover {outline:unset;} @media only screen and (min-width:980px){ body.sectionId63 aside.result {padding:0;max-width:242px;margin-right:30px;} section.items5 form {display:flex;} section.items5 {padding:0 20px;} aside.result dl {height:auto;margin:0;} aside.result dl:nth-of-type(2) {display:block;} aside.result dl dd {height:auto;padding-bottom:10px;overflow:hidden;margin-bottom:30px;} div.product-list {padding:0;} div.product-list h4.mob-title::after {width:100px;} } @media only screen and (min-width:1024px){ aside.result {padding:0;} aside.result {margin-right:30px;} div.product-list h4.mob-title {padding-left:0;} h3.directsrch::after {content:"покажи резултати";display:inline-block;font-size:12px;position:absolute;top:15px;right:20px;color:#064E89;background:none;width:auto;} h3.directsrch.active::after {content:"скрий резултати";-webkit-transform:rotate(0deg);transform:rotate(0deg);} } @media only screen and (min-width:1280px){ table.tbl-same th, table.tbl-same td {display:table-cell;padding-left:40px;} table.tbl-same th {height:36px;} table.tbl-same th.photo {font-size:14px;} table.tbl-same th:first-of-type, table.tbl-same td:first-of-type {padding-left:20px;} table.tbl-same th:last-of-type, table.tbl-same td:last-of-type {padding-right:20px;} table.tbl-same sub {display:none} table.tbl-same td.group {min-width:140px} table.tbl-same td.order {min-width:160px} table.tbl-same td img {margin:0;} table.tbl-same .img-place img {width:45px; height:50px;margin:auto} } @media only screen and (min-width:1370px){ section.items5 {padding:0;} } /*contact page*/ aside.info-cat {padding:0 20px;} aside.info-cat dl dt label::after {display:none;} aside.info-cat dl.active {max-height:1000px;overflow:unset;} aside.info-cat dl dd {/*height:100%;*/padding-bottom:20px;} aside.info-cat dl dd a {display:block;font-size:14px;color:#000;line-height:22px;height:17px;padding:5px 10px 5px 0px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} aside.info-cat dl dd a.active {color:#015096;border-right:2px solid #015096;} body.sectionId123 section.info.contact form article.form >h3 {display:block;text-align:left;} body.sectionId123 section.info.contact article.address h3 {display:block;text-align:left;} p.privacy {display:block;color:#000000;font-size:14px;position:relative;} p.privacy a {color:#064E89;text-decoration:underline;margin-right:4px;margin-left:4px;} p.other-car {display:none;} input.type-brand:checked ~ span.curent-car {display:none !important;} input.type-brand:checked ~ p.other-car {display:block !important;} span.curent-car label.iii {background-color:#fff;} article.address div.rte p iframe {display:none;} label.textarea {display:none;} label.iii {font-size:0;} label.v {margin-bottom:20px;} body.sectionId123 label.iii {margin-top:20px;} body.sectionId123 article.address {margin-top:20px;margin-bottom:20px;} article.address {display:block;margin-top:0px;margin-bottom:80px;text-align:left;} article.address p {color:#646464;font-size:16px;font-weight:500;width:100%;padding-top:20px;padding-bottom:20px;} article.address p span {display:block;margin-bottom:10px;font-size:16px;color:#064E89;padding-right:75px;} article.address p a:hover {color:#DA251C} /* b {position:relative;font-size:16px;font-weight:500;display:block;} b::before {content:"";display:inline-block;background-size:auto;} b.location::before {background:url('../img/blue-location.svg') center center no-repeat;position:absolute;top:-64px;left:0;width:100%;height:41px;} b.email::before {background:url('../img/email.svg') center center no-repeat;width:100%;height:40px;} b.phone::before {background:url('../img/phone.svg') center center no-repeat;width:100%;height:40px;} b a:hover {text-decoration:underline;} b a {background-color:#F9FBFD;color:#646464;font-size:16px;font-weight:500;} */ button.send {background-color:#064E89;width:100%;border:1px solid #064E89;} button.send:hover {color:#064E89;background-color:#F9FBFD;} article.form h4 {display:none;} article.form footer {margin-bottom:30px;} article.form label.engine {display:none;} label.iii::after {display:none;} section.info.contact section.breadcrumb-info {padding:20px 0;} section.info.contact form article.form p.privacy label.type-brand.chk {height:18px;color:#000;} section.info.contact article.address div.rte {display:block;} section.info.contact article.address div.rte a {background-color:#F9FBFD;color:#DA251C;} section.info.contact article.address div.rte a.all {width:100%;color:#015096;} /* section.info.contact article.address div.rte a.all:hover {outline:1px solid #015096;} */ section.info.contact article.address div.rte p {text-align:left;border:none;} section.info.contact h3 {display:block;color:#232323;text-align:center;} section.info.contact article.address h3 {text-align:left;} section.info.contact form article.form >h3 {display:none;} section.info.contact p input {max-width:100%;margin-bottom:20px;} section.info.contact label.iii::after {display:none;} /* section.info.contact article.form p textarea {max-width:100%;} */ @media only screen and (min-width:670px){ section.info.contact button.send {max-width:200px;float:right;} } @media only screen and (min-width:980px){ body.sectionId26 main {display:flex;padding:0 20px;} body.sectionId26 main.content {padding-bottom:80px;} main section.breadcrumb-info {padding:20px 0;} aside.info-cat {min-width:226px;padding:10px 0;margin-right:20px;margin-top:0;} aside.info-cat dl dd {overflow:unset;/*height:100%;*/line-height:24px;} aside.info-cat dl dd a {display:block;} body.sectionId123 section.info.contact {display:flex;flex-wrap:wrap;align-items:baseline;padding:0 20px;} body.sectionId123 section.info.contact article.address {margin-top:0;flex:1 0 50%;} body.sectionId123 section.info.contact form {flex:1 0 50%;} body.sectionId123 section.info.contact form article.form {display:block;} body.sectionId123 section.info.contact form article.form p {margin-right:0;} body.sectionId123 section.info.contact form article.form label.textarea {display:block;width:100%;} section.info.contact article.address h3 {display:block;width:100%;text-align:left;} section.info.contact {padding:0;display:block;} article.address p {border-right:1px solid #064E89;width:225px;box-sizing:border-box;display:inline-block;} article.address p:last-of-type {border-right:0;text-align:right;width:260px;} section.info.contact form {max-width:1370px;} section.info.contact form article.form {display:flex;flex-wrap:wrap;} section.info.contact form article.form p {flex:1 0 47%;margin-right:20px;overflow:unset;} section.info.contact form article.form p.full {flex:100%;} section.info.contact form article.form p:last-of-type {margin-right:0;} article.form footer {display:flex;align-items:end;justify-content:space-between;} article.address div.rte {display:flex;align-items:baseline;justify-content:space-between;} button.send {max-width:200px;} section.info.contact form article.form footer {display:flex;align-items:center;width:100%; margin-bottom:30px;} span.curent-car {display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:20px;} span.curent-car label.iii {width:100%;max-width:272px;margin:5px;background-color:#fff;} p.privacy {display:flex;} } @media only screen and (min-width:1024px){ body {padding-top:80px;} body.loged {padding-top:120px;} body > header {padding:0 20px;} } @media only screen and (min-width:1370px){ section.info.contact {padding:0;} body > header {padding:0;} body.sectionId26 main {padding:0;} body.sectionId26 main.content {padding-bottom:80px;} } /*account page*/ section.info.account h2 {display:none;} section.info.account form {display:block;} section.info.account form h4 {display:none;width:100%;} section.info.account form h5 {width:100%;} section.info.account form article.third {flex:1 0 30%;} section.info.account form article.third input {max-width:100%;} section.info.account form article.third:last-of-type {margin-right:0;} section.info.account form article.third h3 {display:block;} section.info.account form article.third label::after {display:none;} section.info.account form article.third label.chk::after {display:block;} section.info.account form article.third label.i.last {position:relative;display:block;background-color:#fff;} section.info.account form article.third label.i.last::after {display:inline-block;top:0px;right:0;} section.info.account form article.third label.i.last select {overflow:hidden;text-overflow:ellipsis;padding-right:36px;} section.info.account footer {flex:1 0 100%;} section.info.account footer button.save.right {float:right;transition:all 1s ease;} section.info.account footer button.save.right:hover {background-color:#F9FBFD;color:#DA251C;outline:1px solid #DA251C;} article.third label {display:inline;} article.third label::after {top:-20px;} label.i.last.diff select {padding-right:0 !important;} label.i.last.diff::after {display:none !important;} section.info.account .chk {margin-top:10px;} @media only screen and (min-width:1024px){ section.info.account form {display:flex;flex-wrap:wrap;justify-content:space-between;} section.info.account form article.third {flex:1 0 30%;margin-right:20px;} } @media only screen and (min-width:1280px){ section.info.account {padding:0;} } /*cart page*/ section.breadcrumb-info.cart {background:none;} nav.step {display:block;background:#015096;max-width:100%;margin:0 auto;color:#fff;margin-left:20px;margin-right:20px;} nav.step a {display:block;max-width:100%;height:40px;line-height:40px;padding:0 20px;font-size:16px;font-weight:500;} nav.step a.active, nav.step a:hover {background-color:#fff;color:#015096;} body.sectionId43 nav.step {margin-top:60px;} section.cart {background-color:#fff;} section.cart h5 {font-size:20px;color:#83B71B;text-align:center;} section.cart table {width:100%;max-width:1320px;margin:0 auto;text-align:left;border-collapse:collapse;background-color:#fff;border-radius:4px;box-shadow:0 3px 6px #7892AC1A;opacity:1;} article.price-all table {width:100%;max-width:1320px;margin:0 auto;text-align:left;border-collapse:collapse;background-color:#fff;border-radius:4px;} section.message {width:100%;max-width:1370px;margin:0 auto;text-align:left;border-collapse:collapse;background-color:#fff;border-radius:4px;box-shadow:0 3px 6px #7892AC1A;opacity:1;} .price.cartnew {color:#83B71B;font-weight:500;white-space:nowrap;} span.total {font-weight:600;white-space:nowrap;} tr.desktop th {font-size:14px;color:#8F9BB3;background:#EFF4FA;height:40px;padding-left:10px;} table tr.desktop {display:none;} section.cart table td {padding-left:10px;font-size:12px;font-weight:500;color:#222B45;border-bottom:1px solid #7892AC1A;padding-top:12px;} section.cart table td.quantity {padding-right:15px;} section.cart table td.quantity .qtty {display:block;width:67px;} section.cart table .sub-mobile {display:none;} section.cart table tr.desktop {display:table-row;} /* 2023-09-29rab:comment below and added above! */ /* section.cart table td span.qtty {display:none;} section.cart table td sub.qtty {display:block;width:65px;} section.cart table td.sub-mobile {padding-right:15px;} */ table td div.img-frame {width:60px;height:60px;position:relative;float:left;margin-right:10px;} .cart img {object-fit:contain;} .qtty input {display:inline-block;max-width:20px;padding:0;text-align:center;vertical-align:middle;} table a.del {display:block;color:#DF3636;line-height:12px;font-size:12px;text-decoration:underline;} table a.del:hover {text-decoration:none;} table tr.total td.total {text-align:right;padding-right:20px;line-height:30px;font-weight:600;padding-bottom:20px;} table tr a.name {display:none;font-size:14px;} table td.moboff {display:none;} section.cart footer button {margin:15px 0;width:100%;} span.code-value {display:inline-block;} span.code-value b {display:none;} div.outline::after {content:'';display:inline-block; height:100%;vertical-align:middle;} div.outline {z-index:199;display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0, 0, 0, 0.8);text-align:center;padding-left:20px;padding-right:20px;} div.popup { display:inline-block;width:auto;max-width:678px;margin:0 auto; height:auto; vertical-align:middle;top:50%; position:absolute;left:20px;right:20px; text-align:left; background-color:#fff;z-index:2;box-shadow:0 3px 6px #7892AC1A;border-radius:8px;-moz-border-radius:8px; -webkit-border-radius:8px;border:none;box-shadow:0 3px 6px #7892AC1A;opacity:1;transition:all 0.4s;transform:translate(0,-50%);} /* iframe.popup::after {content:"";display:block;width:100%;height:100%;position:fixed;top:0px;right:0px;left:0px; background:#000;opacity:0.6;z-index:-1;text-align:center;} */ body.popup {min-width:300px;padding-top:0;} iframe.popup {z-index:999;display:none;position:absolute;top:0;width:990px;max-width:90%;margin:0px auto;padding:0;outline:2000px solid rgba(0,0,0, 0.8);border:none; background:white;box-shadow:0 0 50px #000;transition:all 0.4s;} form.doc div.info {padding-right:0px;max-height:100%;width:100%;} form.doc th.head {font-size:16px;padding-left:20px;background-color:#EFF4FA;} .info tbody th {padding-left:20px;} .popup section {padding:0px 20px;padding-bottom:5px;background:none;} form.doc div.info >table {margin-top:30px;box-shadow:unset;background:none;} form.doc header {padding:15px 20px;background:#064E89;height:unset;font-size:16px;color:#fff;margin:0px;} form.doc header h4 {padding:0px;margin:0px;} form.doc header a.close {font-size:0px;position:absolute;right:0px;top:15px;} form.doc header a.close::after {content:"";display:inline-block;background:url('../img/close.png');visibility:visible;width:20px;height:20px; background-size:cover;right:10px;} form.doc table th {color:#8F9BB3;padding-left:20px;height:36px;border-bottom:1px solid #7892AC1A;} form.doc table td {box-sizing:border-box; text-align:left;font-size:12px;color:#222B45;text-align:left;font-weight:600;border-bottom:1px solid #7892AC1A;height:55px;} form.doc table td.company, form.doc table td.client {padding-left:0px;border:none;} form.doc table td.company td {padding:0px 20px;} form.doc table td.client table tr.last td, form.doc table td.client table tr.last th {border:none} form.doc table td.company table tr.last td, form.doc table td.company table tr.last th {border:none;} form.doc table td.client td {padding:0px 20px;} form.doc table td.company table, form.doc table td.client table {box-shadow:unset;background:none;} div.popup header {position:relative; background:#015096;color:#fff;height:50px;line-height:46px;font-size:16px; padding:0 20px;white-space:nowrap; border-radius:8px;-moz-border-radius:8px; -webkit-border-radius:8px; border-bottom-left-radius:0px;border-bottom-right-radius:0px;z-index:2;} div.popup header a {visibility:hidden;} div.popup header a::after {content:"";display:inline-block;background:url('../img/close.png') center center no-repeat;width:19px;height:19px;visibility:visible;top:15px;right:20px;background-size:contain;} div.popup dl {max-height:100%;} div.popup dl dt {padding-top:20px;} div.popup img.prdImg {display:none;} div.popup dl dd {margin:0;} div.popup dl dt h3 {text-transform:uppercase;margin-bottom:15px;} div.popup span {display:block;} div.popup span b {display:inline-block;} div.popup section {background-color:#fff;border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin-top:-20px;} .price-old {text-decoration-line:line-through;text-decoration-color:#064E89;color:#064E89;white-space:nowrap;} .price.qty b {color:#DA251C;} div.popup span.price b {font-weight:600;} div.popup footer button {width:100%;margin-bottom:15px;} label.sq::after, label.dt::after, label.st.last::after, label.last::after, label.i::after {display:none;} label.last.pay {background-color:#EFF4FA;border-radius:4px;} label.last.pay::after {display:inline-block;cursor:pointer;} label.i.last::after {display:inline-block;} label.i.last.area::after {display:none;} table.check-prd a.name {display:block;} table.check-prd td {padding-left:10px;padding-top:20px;padding-bottom:20px; font-size:12px;font-weight:500;color:#222B45;border-bottom:1px solid #7892AC1A;} table.check-prd td.name {vertical-align:top;} table.check-prd td.name a.name b {font-size:14px;} table.check-prd td.price {white-space:nowrap;} table.check-prd td.quantity {width:85px;} article.price-all table tr {height:40px;} article.price-all table tr th {padding-left:10px;} article.price-all h3.title-m {padding:20px} article.price-all table tr.total {border-top:2px solid #7892AC1A;} article.price-all table tr.total th {font-size:18px;} article.price-all table tr.total td {color:#DA251C;font-size:16px;font-weight:600;} /* h3.title {margin:0 0 15px 0;} */ footer button.checkout {width:100%;} section.checkout.dq article, section.summary.sq article {background-color:#fff;border-radius:8px;box-shadow:0 3px 6px #7892AC1A;opacity:1;padding:20px;margin-bottom:20px;} section.checkout.dq article.i {padding-bottom:5px;} section.summary.sq article.price-all {padding-bottom:40px;} section.checkout.dq article input, section.checkout.dq article.dt select, section.checkout.dq article textarea {background-color:#EFF4FA;white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding-right:37px;} section.checkout.dq article.st, section.checkout.dq article.dt {min-height:303px;} section.checkout.dq article.st label.i.last, section.checkout.dq article.dt label.i.last {background-color:#EFF4FA;} section.checkout.dq article.dt label.i.last select {background:transparent!important;text-overflow:ellipsis;padding-right:41px;} section.checkout.dq article.st label.i.last select {text-overflow:ellipsis;padding-right:41px;} section.checkout.dq article.dt label.i.last {padding:0px!important;} section.checkout.dq article.st p, section.checkout.dq article.dt p {color:#015096;} section.checkout.dq article.dt {min-height:0px;padding:0px;padding-bottom:20px;} section.checkout.dq article.dt label.st.last {margin-top:20px;} section.checkout.dq article.dt h3.title {padding:20px 20px 0px 20px;} section.checkout.dq article.dt label {padding:0px 20px;} section.checkout.dq article.dt label.i.last {margin-bottom:0px;padding-bottom:20px;} section.checkout.dq article.dt p label.last {margin-bottom:20px;} section.checkout.dq article.dt label:last-of-type {padding:0px 20px;padding-bottom:0px;margin-bottom:0px;} section.checkout.dq article.dt p:last-of-type {padding:0px 20px;} section.checkout.dq article.dt p:last-of-type label {padding:0px;padding-bottom:20px;margin-top:0px;} /*section.checkout.dq article.dt label::after {display:none;}*/ section.checkout.dq article.dt label.st::after {display:inline-block;} section.checkout.dq article.dt label.st.last::after {display:none;} section.checkout.dq article.st.invoice {background:none;box-shadow:none;min-height:0;padding:0px;margin-bottom:0px;} section.checkout.dq article.st.invoice p {margin:0px;} section.checkout.dq article.st.invoice input.chk[type="checkbox"] {left:0px;} section.checkout.dq label {color:#015096;margin-top:20px;border-radius:4px;} body.popup header {background:#015096;color:#fff;} .error-cart h3 {margin:20px 0px;} .error-cart a {margin-bottom:20px;} @media only screen and (min-width:980px){ body.sectionId41 form {padding:0 20px;} div.checkout {padding:0px 20px;} div.checkout .breadcrumb-info {padding:20px 0px} section.breadcrumb-info.cart {padding:20px;} nav.step {display:flex;max-width:1370px;text-align:center;margin-left:unset; margin-right:unset; margin-top:30px;margin:0 auto;} nav.step a {max-width:100%;width:33.3%;} section.cart {padding:40px 0;} body.popup section.cart {padding:0px;} section.cart table td span.qtty {display:block;width:auto;} section.cart table td sub.qtty {display:none;} table tr.desktop {display:revert;border-collapse:collapse;} table tr a.name {display:block;} table td.moboff {display:revert;} section.cart footer {margin-top:40px;} section.cart footer button {margin:15px 0;width:auto;} section.cart footer button.right {float:right;margin-right:20px;} section.cart footer button.left {margin-left:20px;} span.code-value {display:block;} span.code-value b {display:inline-block;font-size:12px;} table.sq tbody {text-align:right;float:right} table.sq tbody::after {content:"";clear:both;} section.message {padding:20px 0;} section.message h5.success {text-align:center;color:#064E89;font-size:20px;} section.message h5.success b {display:inline-block;color:#DF3636;font-size:22px;} section.message footer button {width:auto;margin:15px 0;} section.message footer button.right {float:right;margin-right:20px;} section.message footer button.left {margin-left:20px;} div.popup section {display:flex;flex-wrap:wrap;overflow:hidden;margin-top:0;} div.popup img.prdImg {display:block;float:left;width:auto;max-width:30%;margin-top:16px;margin-right:36px;margin-bottom:30px;} div.popup dl {flex:1 0 50%;} div.popup footer {flex:1 0 100%;} div.popup footer button.right::after {content:"";clear:both;display:block;} div.popup footer button {width:131px;white-space:nowrap;} div.popup footer button.right {float:right;} form.doc section.order.cart div.info {display:flex;align-items:baseline;} label.i.last.area textarea {max-width:100%;} footer button.checkout {width:auto;float:right;} section.cart table td.quantity .total {display:none;} section.cart table .sub-mobile {display:table-cell;} } @media only screen and (min-width:1280px){ div.checkout form {display:flex;max-width:1370px;margin:0 auto;align-items:baseline;} section.dq, section.summary.sq {padding:0;margin-top:20px;} section.summary.sq article.price-all {padding:0px;} section.dq {display:flex;flex-wrap:wrap;align-items:baseline;padding-right:20px;} section.checkout.dq label {margin-top:0;} article.st {flex:1 0 45%;margin-right:20px;} section.checkout.dq article.dt {flex:1 0 45%;margin-bottom:20px;padding-bottom:0px;} article.i {flex:1 0 100%;} article.i textarea {min-width:940px;max-width:940px;} article.i p {display:flex;} article.i p input {width:220px;margin-right:20px;} article.i p label.sq.last input {margin-right:0;} /* section.checkout.dq article.dt label.i.last {margin-top:20px;} */ section.checkout.dq article.i label.i {margin-bottom:0px;} } @media only screen and (min-width:1370px){ section.breadcrumb-info.cart {padding:20px 0px;} } /*shops page*/ section.list.news {display:block;} section.list.news.root66 div.img-frame {overflow:unset;} section.list.news aside.info-cat {padding:0;margin-top:10px;} div.content.offices {width:100%;} div.content.offices h2.mob-title {text-align:left;} div.content.offices .breadcrumb-info {padding:0 0 20px 0;} div.content.offices label {display:none;} div.content.offices article {display:block;width:100%;position:relative;margin-right:0;} div.content.offices article h3 {flex:1 0 50%;background:#fff;margin:0;line-height:51px;text-align:left;padding-left:20px;border-bottom:1px solid #7892AC1A;} div.content.offices article div.rte {position:relative;} div.content.offices article div.img-frame {width:100%;height:370px;background-color:#E9E9E9;border-radius:8px;z-index:2;display:block;} div.content.offices article div.img-frame img {width:100%;height:100%;opacity:1;border-radius:8px;} address.offices {min-width:320px;width:100%;height:55px; background-color:#015096;border-radius:8px;border-top-left-radius:0;border-top-right-radius:0;z-index:-1;margin-top:-10px;margin-bottom:40px;} address.offices::after {display:none;} address.offices table {display:none;} address.offices table img {display:none;} /* span.address {width:320px;position:absolute;top:-10px;} */ address.offices span.address iframe {display:none;} .show-map {float:left;position:relative;width:100%; height:55px;line-height:64px;box-sizing:border-box; background-color:#015096;color:#fff; overflow:hidden;margin-top:-10px;margin-bottom:40px; border-radius:8px; border-top-left-radius:0;border-top-right-radius:0;padding-top:0;text-align:left;padding-left:80px;font-size:16px;z-index:-1;} .show-map::before {content:"";display:inline-block;position:absolute;top:10px;left:10px;background:url('../img/location-white.svg') center center no-repeat;background-size:auto;width:40px;height:40px;border-top-left-radius:0;z-index:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.3s ease-in-out;transition:.2s ease-in-out;} .show-map:hover::before {-webkit-transform:scale(1.1);transform:scale(1.1);} .show-map::after {content:"";background-color:#DA241B;width:60px;height:55px;display:inline-block;position:absolute;top:0;left:0;z-index:0;} div.content.offices table {width:100%; background-color:#fff;border-radius:8px;text-align:left;box-shadow:0 3px 6px #7892AC1A;opacity:1;margin-bottom:0;} div.content.offices table tbody {display:inline-block; padding:0 20px;} div.content.offices table th {font-size:20px;height:40px;border-bottom:1px solid #7892AC1A;background-color:#fff;padding-left:0;display:revert;} div.content.offices table td {border-bottom:1px solid #7892AC1A;color:#232323;font-weight:500;font-size:14px;height:40px;} div.content.offices table tr:last-of-type td {border:none;} div.content.offices table tr:last-of-type th {border:none;} div.content.offices table td p {display:inline;margin:0;} div.content.offices table td:first-of-type {color:#8F9BB3;} div.content.offices table td:nth-of-type(2) {padding-left:20px;} div.content.offices table td img {width:17px;display:inline;vertical-align:middle;object-fit:contain;} @media only screen and (min-width:768px){ div.content.offices table tbody {display:revert;} div.content.offices table th {padding-left:20px;} div.content.offices table td {padding-left:20px;} } @media only screen and (min-width:1024px){ section.list.news {display:grid;grid-template-columns:auto auto;padding:0 20px;} section.list.news {display:flex;flex-wrap:wrap; } div.content.offices .breadcrumb-info {padding:20px 0 20px 0;} aside.info-cat {display:block;height:100%;min-width:242px;margin-right:30px;} aside.info-cat dl dd {height:100%;max-height:100%;text-align:left;padding-bottom:20px;padding-top:20px;} aside.info-cat dl dt {border-bottom:1px solid #7892AC1A;} div.content.offices {flex:1 0 70%; width:70%;} div.content.offices article {max-width:100%;} /* button.show-map {max-width:300px;} */ } @media only screen and (min-width:1280px){ div.content.offices article {display:flex;max-width:100%;position:relative;justify-content:space-between;padding:0 0 50px 0;flex:unset;} div.content.offices article div.img-frame {margin-right:30px;} div.content.offices article div.rte {flex:0 1 50%;position:absolute;bottom:40px;max-width:100%;} address.offices {width:320px;padding:27px 0 0 0;margin-bottom:0;} div.content.offices table {margin-bottom:0; } div.content.offices table tbody {display:inline-block;} div.content.offices table th {padding-left:0;} div.content.offices table td {padding-left:0;} div.content.offices table tbody tr:last-of-type td {border-bottom:unset;} /* div.content.offices article div.img-frame {max-width:455px;} */ div.content.offices table {margin-bottom:0;max-width:52%; position:absolute;top:52px;right:0;border-top-left-radius:0;border-top-right-radius:0;} address.offices {width:455px;padding:27px 0 0 0;margin-bottom:0;} /* button.show-map {max-width:400px;} */ } @media only screen and (min-width:1370px){ section.list.news {padding:0;} } /* footer */ body > footer {width:100%;position:absolute;line-height:24px;color:#fff;left:0;right:0;height:auto;bottom:0;} div.wrap {max-width:1370px;margin:0 auto;display:flex;align-items:baseline;flex-wrap:wrap;padding:0 20px;} body > footer::after {content:"";position:absolute;left:-500%;top:0;height:100%;width:1000%;background:#064E89;z-index:-1;} body > footer::before {content:"";position:absolute;left:0%;top:0;height:30px;width:100%;background:#F9FBFD;z-index:3;border-bottom-left-radius:8px;border-bottom-right-radius:8px;} body > footer h1 {width:100%;color:#fff;padding:60px 0 30px;font-size:18px;text-transform:uppercase;} body > footer h1::after {display:none;} ul.office {display:flex;flex-wrap:wrap;} ul.office li {width:50%;} ul.office li a::before {content:"";display:inline-block;color:#fff;background-size:auto;width:14px;height:22px;background:url('../img/location-stars.png') center center no-repeat;vertical-align:bottom;margin-right:8px;} div.info, ul.footer {padding-right:57px;} div.info p {color:#fff;font-style:italic;margin:0;} div.info p>a {display:block;text-decoration-line:underline;font-style:normal;} ul.footer li {width:100%;} ul.footer li a {text-decoration-line:underline;} ul.sofial {display:flex;flex-wrap:wrap;padding-bottom:60px;} /* ul.sofial li {width:59px;height:59px;background-color:#053D6B;margin-right:12px;line-height:78px;text-align:center;} */ ul.sofial li a::after {content:"";display:inline-block;color:#fff;background-size:auto;width:22px;height:29px;} ul.sofial li a.facebook::after {background:url('../img/facebook-stars.png') center center no-repeat;} ul.sofial li a.twitter::after {background:url('../img/twitter-stars.png') center center no-repeat;} ul.sofial li a.instagram::after {background:url('../img/instagram-stars.png') center center no-repeat;} ul.sofial li a.youtube::after {background:url('../img/youtube-stars.png') center center no-repeat;} address {display:block;position:relative;background-color:#053D6B;height:62px;text-align:center;z-index:1;font-style:normal;} address::after {content:"";position:absolute;left:-500%;top:0;height:100%;width:1000%;background:#053D6B;z-index:-1;} address b {display:block;font-weight:400;padding-bottom:10px;} footer address {margin:0 auto;padding-top:40px;} body.loged footer address {padding-top:27px;} footer address b {font-size:14px;padding-bottom:0;} footer address b::after, footer address b::before {display:none;} ul.sofial a:hover {color:#DA241B;} a.toppage {z-index:99;display:block;position:fixed;height:34px;width:34px;right:10px;bottom:10px;background:#DF3636;text-decoration:none;color:#fff;text-align:center;border-radius:8px;} .hide {display:none;} .hide.sticky {display:block;} a.toppage:hover {background:#DF3636;} a.toppage::after {content:"";display:inline-block; background:url(../img/scroll-top.png) center center;width:23px;height:35px;background-repeat:no-repeat;left:6px;top:-1px;} div.enlarge {position:fixed;top:0;right:0;bottom:0;left:0;cursor:default;text-align:center;opacity:0;visibility:hidden;background:url('img/waiting.gif') rgba(0, 0, 0, 0.79) center center no-repeat;background-size:auto;background-size:50px 50px;z-index:60;transition:opacity 0.5s ease-in-out;} div.enlarge::before {content:'';display:inline-block;vertical-align:middle;height:100%;} div.enlarge.active {visibility:visible;opacity:1;z-index:100;} div.enlarge a.hide {display:block;} div.enlarge > img {display:inline-block;vertical-align:middle;max-width:92%;max-height:92%;cursor:pointer;width:auto;height:auto;} div.enlarge a.prev, div.enlarge a.next {top:50%;display:block;} div.enlarge a.hide::after , div.sq .gallery::after {content:"";display:inline-block;background:url('../img/close.png');background-size:cover; position:absolute;top:30px;right:30px;width:20px;height:20px;color:#fff;opacity:1;cursor:pointer;} @media only screen and (min-width:768px){ body > footer div.wrap {display:flex;flex-wrap:wrap;align-items:baseline;} ul.office, ul.footer, div.info, ul.sofial {width:50%;box-sizing:border-box;} address {width:100%;margin-top:30px;} } @media only screen and (min-width:1024px){ footer address {padding-top:0;margin-top:30px;} body.loged footer address {padding-top:0px;} address {width:100%;display:flex;align-items:center;justify-content:space-between;} iframe.popup {display:block;left:30%;top:30%;position:absolute;background:#fff;width:990px;border:none;box-shadow:0 3px 6px #7892AC1A;opacity:1;transition:all 0.4s;} iframe.popup::after {content:"";display:block;width:100%;height:100%;position:fixed;top:0px;right:0px;left:0px; background:#000;opacity:0.6;z-index:-1;} } @media only screen and (min-width:1280px){ ul.office, ul.footer, div.info, ul.sofial {flex:0 1 25%;} address {width:100%;} } @media only screen and (min-width:1280px){ body > footer {padding:0px;} }