/* Start:/local/templates/aetauto/fonts/Merel/font.css?1657616361665*/ @font-face { font-family: 'Merel'; font-style: normal; font-weight: 300; src: local('Merel'), url('/local/templates/aetauto/fonts/Merel/Merel-Light.otf'); } @font-face { font-family: 'Merel'; font-style: normal; font-weight: 400; src: local('Merel'), url('/local/templates/aetauto/fonts/Merel/Merel-Regular.otf'); } @font-face { font-family: 'Merel'; font-style: normal; font-weight: 500; src: local('Merel'), url('/local/templates/aetauto/fonts/Merel/Merel-Medium.otf'); } @font-face { font-family: 'Merel'; font-style: normal; font-weight: 700; src: local('Merel'), url('/local/templates/aetauto/fonts/Merel/Merel-Bold.otf'); } @font-face { font-family: 'Merel'; font-style: normal; font-weight: 900; src: local('Merel'), url('/local/templates/aetauto/fonts/Merel/Merel-Black.otf'); } /* End */ /* Start:/local/templates/aetauto/css/vendor.css?16576163613765*/ @charset 'UTF-8';.slick-loading .slick-list{background:#fff url(/local/templates/aetauto/css/ajax-loader.gif) center center no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(/local/templates/aetauto/css/fonts/slick.eot);src:url(/local/templates/aetauto/css/fonts/slick.eot?#iefix) format('embedded-opentype'),url(/local/templates/aetauto/css/fonts/slick.woff) format('woff'),url(/local/templates/aetauto/css/fonts/slick.ttf) format('truetype'),url(/local/templates/aetauto/css/fonts/slick.svg#slick) format('svg')}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:'→'}[dir=rtl] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000} /*# sourceMappingURL=slick-theme.min.css.map */ .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} /*# sourceMappingURL=slick.min.css.map */ /* End */ /* Start:/local/templates/aetauto/css/style.css?1754641422358296*/ * { border: 0; padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; font-family: "Merel"; } body.blocked { overflow: hidden; } .h5 { display: inline-block; font-weight: bold; } .h2 { display: block; font-size: 1.5em; margin-block-start: 0.83em; margin-block-end: 0.83em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold; } .wrapper { max-width: 1140px; width: 100%; display: block; margin: 0 auto; } .sideMobileMenu { width: 100%; height: 100vh; position: fixed; top: 0; left: 0; background: #393939; z-index: 20; padding-top: 24px; padding-bottom: 24px; padding-right: 84px; overflow: auto; -webkit-transform: translate(-100%); transform: translate(-100%); opacity: 0; pointer-events: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .sideMobileMenu.openned { -webkit-transform: translate(0); transform: translate(0); opacity: 1; pointer-events: auto; } .sideMobileMenu .close { position: absolute; top: 24px; right: 24px; width: 16px; cursor: pointer; } .sideMobileMenu .js_choose-city { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; padding-right: 20px; padding-left: 20px; padding-bottom: 16px; border-bottom: 1px solid #666666; } .sideMobileMenu .js_choose-city:hover { opacity: 0.7; } .sideMobileMenu .js_choose-city img { margin-right: 10px; width: 11px; } @media screen and (max-width: 1919px) { .sideMobileMenu .js_choose-city img { margin-right: 8px; } } .sideMobileMenu .js_choose-city p { color: #fff; font-size: 14px; border-bottom: 2px dashed #f7d312; } .sideMobileMenu .js_choose-city a { color: #fff; font-size: 14px; text-decoration: none; } .sideMobileMenu .oper-info { padding-top: 24px; padding-bottom: 20px; border-bottom: 1px solid #666666; } .sideMobileMenu .oper-info > * { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; padding-right: 20px; padding-left: 16px; padding-bottom: 16px; } .sideMobileMenu .oper-info > *:last-child { padding-bottom: 0; } .sideMobileMenu .oper-info > *:hover { opacity: 0.7; } .sideMobileMenu .oper-info > * img { margin-right: 10px; width: 11px; } @media screen and (max-width: 1919px) { .sideMobileMenu .oper-info > * img { margin-right: 8px; } } .sideMobileMenu .oper-info > * p { color: #fff; font-size: 14px; } .sideMobileMenu .oper-info > * a { color: #fff; font-size: 14px; text-decoration: none; } .sideMobileMenu .user { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: transparent; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; padding-top: 16px; padding-bottom: 20px; border-bottom: 1px solid #666666; } .sideMobileMenu .user img { margin-right: 10px; } .sideMobileMenu .user p { color: #fff; font-size: 14px; border-bottom: 2px dashed #f7d312; } .sideMobileMenu .user > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; padding: 0 14px; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .sideMobileMenu .user > a img { margin-right: 12px; } .sideMobileMenu .user .user-lk img { width: 12px; } .sideMobileMenu .user .slidable { display: none; padding-top: 20px; padding-left: 32px; } .sideMobileMenu .user .slidable > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; padding: 0 14px; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .sideMobileMenu .user .slidable > a img { margin-right: 12px; } .sideMobileMenu .user .slidable .user-login { padding-top: 8px; padding-bottom: 8px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .sideMobileMenu .user .slidable .user-login img { width: 14px; } .sideMobileMenu .user .slidable .user-login p { border-bottom: 0; } .sideMobileMenu .user .slidable .user-sign-up { padding-top: 8px; padding-bottom: 8px; margin-bottom: 8px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .sideMobileMenu .user .slidable .user-sign-up img { width: 14px; } .sideMobileMenu .user .slidable .user-sign-up p { border-bottom: 0; } .sideMobileMenu .menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-bottom: 1px solid #666666; } .sideMobileMenu .menu li { list-style-type: none; margin-bottom: 28px; padding-left: 32px; } .sideMobileMenu .menu li a { text-decoration: none; color: #fff; font-size: 14px; text-transform: uppercase; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; position: relative; } .sideMobileMenu .menu li.slidable { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; top: 1px; padding-top: 20px; padding-bottom: 0; padding-right: 24px; margin-right: 2px; border-radius: 10px 10px 0 0; } .sideMobileMenu .menu li.slidable > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #f7d312; position: relative; } .sideMobileMenu .menu li.slidable > a::after { content: ""; display: block; width: 5px; height: 3px; margin-left: 12px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(/local/templates/aetauto/css/../media/arrow--yellow.svg); } .sideMobileMenu .menu li.slidable > a::before { content: ""; display: block; position: absolute; bottom: -4px; left: 0; height: 2px; background: #f7d312; width: 100%; } .sideMobileMenu .menu li.slidable ul { padding: 24px 16px; display: none; } .sideMobileMenu .menu li.slidable ul li { margin-right: 0; margin-bottom: 16px; padding-left: 0; } .sideMobileMenu .menu li.slidable ul li a { padding: 8px 20px; color: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 10px; } .sideMobileMenu .menu li.slidable ul li a::before { content: unset; } .sideMobileMenu .menu li.slidable ul li:last-child { margin-bottom: 0; } .sideMobileMenu .order-info { padding-left: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; padding-top: 28px; } .sideMobileMenu .order-info .favourites { margin-right: 24px; position: relative; } .sideMobileMenu .order-info .favourites img { width: 24px; cursor: pointer; } .sideMobileMenu .order-info .favourites .label { position: absolute; top: 1px; right: -6px; width: 14px; height: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 10px; background: #084781; border-radius: 7px; } .sideMobileMenu .order-info .cart { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .sideMobileMenu .order-info .cart img { width: 25px; height: 25px; margin-right: 12px; } .sideMobileMenu .order-info .cart .desc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .sideMobileMenu .order-info .cart .desc p { font-size: 14px; color: #fff; } .sideMobileMenu .catalog { padding-top: 24px; padding-bottom: 26px; border-bottom: 1px solid #666666; padding-left: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .sideMobileMenu .catalog button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: transparent; font-size: 18px; color: #f7d312; cursor: pointer; position: relative; } @media screen and (max-width: 1919px) { .sideMobileMenu .catalog button { font-size: 16px; } } .sideMobileMenu .catalog button img { width: 20px; margin-right: 20px; } @media screen and (max-width: 1919px) { .sideMobileMenu .catalog button img { width: 16px; margin-right: 16px; } } .sideMobileMenu .catalog ul { padding-top: 24px; padding-left: 32px; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease;} .sideMobileMenu .catalog ul li { list-style-type: none; margin-bottom: 20px; } .sideMobileMenu .catalog ul li:last-child { margin-bottom: 0; } .sideMobileMenu .catalog ul li a { text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .sideMobileMenu .catalog ul li a img { margin-right: 12px; width: 16px; margin-top: 4px; } .sideMobileMenu .catalog ul li a p { font-size: 16px; color: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .pop-up, .pop-up_order-history_card-details, .pop-up-styles, .pop-up_buy { width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(229, 229, 229, 0.95); z-index: 25; opacity: 0; pointer-events: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); overflow: auto; padding-top: 24px; padding-bottom: 24px; } .pop-up.openned, .pop-up_order-history_card-details.openned, .pop-up-styles.openned, .pop-up_buy.openned { opacity: 1; pointer-events: auto; } .pop-up .close, .pop-up_order-history_card-details .close, .pop-up-styles .close, .pop-up_buy .close { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 76px; } .pop-up .close img, .pop-up_order-history_card-details .close img, .pop-up-styles .close img, .pop-up_buy .close img { width: 28px; cursor: pointer; } @media screen and (max-width: 1919px) { .pop-up .close img, .pop-up_order-history_card-details .close img, .pop-up-styles .close img, .pop-up_buy .close img { width: 24px; } } .pop-up form, .pop-up_order-history_card-details form, .pop-up-styles form, .pop-up_buy form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 288px; } .pop-up form > *, .pop-up_order-history_card-details form > *, .pop-up-styles form > *, .pop-up_buy form > * { opacity: 0; } .pop-up form h3, .pop-up_order-history_card-details form h3, .pop-up-styles form h3, .pop-up_buy form h3 { color: #393939; text-align: center; font-size: 24px; text-transform: uppercase; margin-bottom: 52px; } @media screen and (max-width: 1919px) { .pop-up form h3, .pop-up_order-history_card-details form h3, .pop-up-styles form h3, .pop-up_buy form h3 { font-size: 20px; margin-bottom: 40px; } } .pop-up form p, .pop-up_order-history_card-details form p, .pop-up-styles form p, .pop-up_buy form p { text-align: center; margin-bottom: 52px; color: #666666; font-size: 20px; width: 95%; } @media screen and (max-width: 1919px) { .pop-up form p, .pop-up_order-history_card-details form p, .pop-up-styles form p, .pop-up_buy form p { margin-bottom: 40px; } } .pop-up form input, .pop-up_order-history_card-details form input, .pop-up-styles form input, .pop-up_buy form input { background: #e6e6e6; border-radius: 10px; border: 1px solid #084781; height: 56px; width: 100%; padding: 0 24px; margin-bottom: 14px; font-size: 18px; line-height: normal; color: #666666; } @media screen and (max-width: 1919px) { .pop-up form input, .pop-up_order-history_card-details form input, .pop-up-styles form input, .pop-up_buy form input { height: 44px; padding: 0 16px; margin-bottom: 12px; } } .pop-up form input::-webkit-input-placeholder, .pop-up_order-history_card-details form input::-webkit-input-placeholder, .pop-up-styles form input::-webkit-input-placeholder, .pop-up_buy form input::-webkit-input-placeholder { font-size: 18px; color: #666666; height: 56px; line-height: normal;} .pop-up form input::-moz-placeholder, .pop-up_order-history_card-details form input::-moz-placeholder, .pop-up-styles form input::-moz-placeholder, .pop-up_buy form input::-moz-placeholder { font-size: 18px; color: #666666; height: 56px; } .pop-up form input:-moz-placeholder, .pop-up_order-history_card-details form input:-moz-placeholder, .pop-up-styles form input:-moz-placeholder, .pop-up_buy form input:-moz-placeholder { font-size: 18px; color: #666666; height: 56px; } .pop-up form input:-ms-input-placeholder, .pop-up_order-history_card-details form input:-ms-input-placeholder, .pop-up-styles form input:-ms-input-placeholder, .pop-up_buy form input:-ms-input-placeholder { font-size: 18px; color: #666666; height: 56px; } .pop-up form button, .pop-up_order-history_card-details form button, .pop-up-styles form button, .pop-up_buy form button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 13px; padding-bottom: 13px; padding-right: 24px; padding-left: 20px; background: transparent; border-radius: 5px; font-size: 18px; cursor: pointer; color: #393939; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #f7d312; text-decoration: none; white-space: nowrap; width: 100%; border-radius: 10px; height: 56px; font-weight: bold; } @media screen and (max-width: 1919px) { .pop-up form button, .pop-up_order-history_card-details form button, .pop-up-styles form button, .pop-up_buy form button { padding-top: 10px; padding-bottom: 10px; padding-right: 20px; padding-left: 16px; font-size: 16px; } } .pop-up form button:hover, .pop-up_order-history_card-details form button:hover, .pop-up-styles form button:hover, .pop-up_buy form button:hover { background: #fff; color: #393939; } @media screen and (max-width: 1919px) { .pop-up form button, .pop-up_order-history_card-details form button, .pop-up-styles form button, .pop-up_buy form button { height: 44px; } } .pop-up form label, .pop-up_order-history_card-details form label, .pop-up-styles form label, .pop-up_buy form label { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 28px; padding: 0 10px; } @media screen and (max-width: 1919px) { .pop-up form label, .pop-up_order-history_card-details form label, .pop-up-styles form label, .pop-up_buy form label { margin-top: 20px; } } .pop-up form label input, .pop-up_order-history_card-details form label input, .pop-up-styles form label input, .pop-up_buy form label input { display: none; } .pop-up form label input:checked + span:before, .pop-up_order-history_card-details form label input:checked + span:before, .pop-up-styles form label input:checked + span:before, .pop-up_buy form label input:checked + span:before { max-height: 6px; max-width: 6px; background: #fff; } .pop-up form label span, .pop-up_order-history_card-details form label span, .pop-up-styles form label span, .pop-up_buy form label span { font-size: 14px; color: #666666; position: relative; padding-left: 30px; cursor: pointer; } .pop-up form label span::before, .pop-up_order-history_card-details form label span::before, .pop-up-styles form label span::before, .pop-up_buy form label span::before { content: ""; display: block; max-width: 6px; max-height: 6px; width: 100%; height: 100%; border-radius: 7px; margin-right: 16px; background: #084781; border: 4px solid #084781; cursor: pointer; position: absolute; top: 0; left: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .pop-up form label span a, .pop-up_order-history_card-details form label span a, .pop-up-styles form label span a, .pop-up_buy form label span a { font-size: 14px; color: #666666; } .pop-up_order-history_card-details .wrap { border-radius: 10px; background: #fff; position: relative; max-width: 708px; width: 100%; padding-top: 16px; padding-right: 16px; padding-bottom: 36px; padding-left: 48px; max-height: 564px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 1024px) { .pop-up_order-history_card-details .wrap { border-radius: 0; max-width: unset; width: 100%; padding-left: 20px; padding-right: 20px; } } .pop-up_order-history_card-details .wrap .button { background: #fff; width: 100%; padding-top: 16px; } .pop-up_order-history_card-details .wrap .button button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 13px; padding-bottom: 13px; padding-right: 24px; padding-left: 20px; background: transparent; border-radius: 5px; font-size: 18px; cursor: pointer; color: #393939; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #f7d312; text-decoration: none; white-space: nowrap; padding-top: 20px !important; padding-bottom: 20px !important; padding-left: 44px !important; padding-right: 44px !important; } @media screen and (max-width: 1919px) { .pop-up_order-history_card-details .wrap .button button { padding-top: 10px; padding-bottom: 10px; padding-right: 20px; padding-left: 16px; font-size: 16px; } } .pop-up_order-history_card-details .wrap .button button:hover { background: #fff; color: #393939; } @media screen and (max-width: 1024px) { .pop-up_order-history_card-details .wrap .button button { width: 100%; } } .pop-up_order-history_card-details .wrap .button button img { width: 18px; margin-right: 12px; } .pop-up_order-history_card-details .wrap .button button:hover { color: #fff; background: #666666; } .pop-up_order-history_card-details .wrap .title { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 16px; margin-bottom: 32px; padding-top: 16px; } .pop-up_order-history_card-details .wrap .title .hka { margin-bottom: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .pop-up_order-history_card-details .wrap .title .hka p { color: #5b5b5b; font-size: 18px; font-weight: bold; } .pop-up_order-history_card-details .wrap .title .hka p b { color: #666666; } .pop-up_order-history_card-details .wrap .title .hka span { color: #084781; font-size: 18px; font-weight: bold; } @media screen and (max-width: 1024px) { .pop-up_order-history_card-details .wrap .title .hka span { display: none; } } .pop-up_order-history_card-details .wrap .title .desc p { color: #5b5b5b; font-size: 18px; } .pop-up_order-history_card-details .wrap .content-order-history { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 28px; overflow-y: scroll; height: 100%; max-height: 412px; padding-right: 40px; } .pop-up_order-history_card-details .wrap .content-order-history .thead, .pop-up_order-history_card-details .wrap .content-order-history .tbody { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .pop-up_order-history_card-details .wrap .content-order-history .thead .w20, .pop-up_order-history_card-details .wrap .content-order-history .tbody .w20 { width: 20%; } .pop-up_order-history_card-details .wrap .content-order-history .thead .w40, .pop-up_order-history_card-details .wrap .content-order-history .tbody .w40 { width: 50%; } .pop-up_order-history_card-details .wrap .content-order-history .thead { margin-bottom: 48px; } @media screen and (max-width: 1024px) { .pop-up_order-history_card-details .wrap .content-order-history .thead { display: none; } } .pop-up_order-history_card-details .wrap .content-order-history .thead > div { color: #666666; font-size: 18px; font-weight: bold; } .pop-up_order-history_card-details .wrap .content-order-history .tbody { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .pop-up_order-history_card-details .wrap .content-order-history .tbody .card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border-bottom: 1px solid #666666; padding-bottom: 16px; padding-top: 24px; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } @media screen and (max-width: 1024px) { .pop-up_order-history_card-details .wrap .content-order-history .tbody .card { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .pop-up_order-history_card-details .wrap .content-order-history .tbody .card:last-child { border-bottom: 0; } .pop-up_order-history_card-details .wrap .content-order-history .tbody .card .img { padding-right: 32px; } @media screen and (max-width: 1024px) { .pop-up_order-history_card-details .wrap .content-order-history .tbody .card .img { width: 33.333%; } } .pop-up_order-history_card-details .wrap .content-order-history .tbody .card .img img { width: 100%; } .pop-up_order-history_card-details .wrap .content-order-history .tbody .card .desc { padding-right: 28px; } @media screen and (max-width: 1024px) { .pop-up_order-history_card-details .wrap .content-order-history .tbody .card .desc { width: 66.666%; padding-right: 0; } } .pop-up_order-history_card-details .wrap .content-order-history .tbody .card .desc p { color: #666666; font-size: 18px; } @media screen and (max-width: 1024px) { .pop-up_order-history_card-details .wrap .content-order-history .tbody .card .price { padding-left: 33.333%; width: 66.666%; } } .pop-up_order-history_card-details .wrap .content-order-history .tbody .card .price p { color: #084781; font-size: 18px; font-weight: bold; } @media screen and (max-width: 1024px) { .pop-up_order-history_card-details .wrap .content-order-history .tbody .card .counter { display: none; } } .pop-up_order-history_card-details .wrap .content-order-history .tbody .card .counter p { color: #666666; font-weight: bold; font-size: 18px; } nav { left: 0; width: 100%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 10; } @media screen and (max-width: 1144px) { nav { padding: 0 20px; } } @media screen and (max-width: 1024px) { nav { top: 0; padding: 0; } } nav > .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #084781; height: 68px; border-radius: 6px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; padding-left: 20px; position: relative; } @media screen and (max-width: 1024px) { nav > .wrapper { border-radius: 0; } } nav > .wrapper .yellow-scroll { position: absolute; height: 100%; right: 0; top: 0; background: #f7d312; z-index: 1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media screen and (max-width: 1024px) { nav > .wrapper .yellow-scroll { display: none; } } nav > .wrapper > .wrapper { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 2; } nav > .wrapper .js-burger { min-width: 20px; max-width: 20px; display: none; margin-right: 18px; } @media screen and (max-width: 1024px) { nav > .wrapper .js-burger { display: block; } } nav > .wrapper .js-burger img { width: 100%; } nav > .wrapper .nav_phone { width: 17px; margin-left: auto; margin-right: 12px; display: none; } @media screen and (max-width: 1024px) { nav > .wrapper .nav_phone { display: block; } } nav > .wrapper .nav_phone img { width: 100%; } nav > .wrapper .nav_user { width: 16px; display: none; } @media screen and (max-width: 1024px) { nav > .wrapper .nav_user { display: block; } } nav > .wrapper .nav_user img { width: 100%; margin-right: 12px; } nav > .wrapper .logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; } nav > .wrapper .logo img { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } nav > .wrapper .logo img:hover { opacity: 0.8; } nav > .wrapper .logo img.full { width: 120px; opacity: 1; pointer-events: auto; } @media screen and (max-width: 1024px) { nav > .wrapper .logo img.full { display: block; width: 80px; } } nav > .wrapper .logo img.mini { width: 0; opacity: 0; pointer-events: none; } @media screen and (max-width: 1024px) { nav > .wrapper .logo img.mini { display: none; } } nav > .wrapper .catalog { padding-left: 0px; padding-right: 0px; padding-top: 14px; padding-bottom: 24px; position: relative; top: 4px; margin-right: 0px; width: 0px; opacity: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; pointer-events: none; } @media screen and (max-width: 1024px) { nav > .wrapper .catalog { display: none; } } nav > .wrapper .catalog button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: transparent; font-size: 18px; color: #ffffff; cursor: pointer; position: relative; top: 4px; padding-top: 16px; padding-bottom: 20px; padding-left: 16px; padding-right: 16px; border-radius: 10px 10px 0 0; } @media screen and (max-width: 1919px) { nav > .wrapper .catalog button { font-size: 16px; padding-left: 12px; padding-right: 12px; } } nav > .wrapper .catalog button::after { content: ""; position: absolute; bottom: 0; right: -25px; height: 42px; width: 26px; border-bottom-left-radius: 14px; clip: rect(1px, 25px, 42px, 1px); display: block; background: transparent; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: 0px 0px 0px 20px #efefef; box-shadow: 0px 0px 0px 20px #efefef; opacity: 0; pointer-events: none; } nav > .wrapper .catalog button::before { content: ""; position: absolute; bottom: 0; left: -25px; height: 42px; width: 26px; border-bottom-right-radius: 14px; clip: rect(1px, 25px, 42px, 1px); display: block; background: transparent; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: 0px 0px 0px 20px #efefef; box-shadow: 0px 0px 0px 20px #efefef; opacity: 0; pointer-events: none; } nav > .wrapper .catalog button img { width: 20px; margin-right: 20px; } @media screen and (max-width: 1919px) { nav > .wrapper .catalog button img { width: 16px; margin-right: 16px; } } nav > .wrapper .catalog ul { background: #fff; padding-top: 24px; padding-bottom: 24px; padding-right: 20px; padding-left: 20px; border-radius: 0 10px 10px 10px; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; position: absolute; width: 392px; left: -64px; top: 76px; border-radius: 10px; } @media screen and (max-width: 1919px) { nav > .wrapper .catalog ul { padding-top: 20px; padding-bottom: 20px; padding-left: 16px; padding-right: 16px; width: 312px; left: -40px; top: 68px; } } nav > .wrapper .catalog ul li { list-style-type: none; margin-bottom: 20px; } @media screen and (max-width: 1919px) { nav > .wrapper .catalog ul li { margin-bottom: 16px; } } nav > .wrapper .catalog ul li:last-child { margin-bottom: 0; } nav > .wrapper .catalog ul li a { text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-size: 16px; } nav > .wrapper .catalog ul li a img { margin-right: 12px; width: 16px; margin-top: 4px; } @media screen and (max-width: 1919px) { nav > .wrapper .catalog ul li a img { width: 14px; margin-right: 10px; } } nav > .wrapper .catalog ul li a p { font-size: 16px; color: #393939; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } nav > .wrapper .catalog ul li a:hover p { color: #f7d312; } nav > .wrapper .catalog:hover button { background: #fff; color: #f7d312; } nav > .wrapper .catalog:hover button::after { opacity: 1; } nav > .wrapper .catalog:hover button::before { opacity: 1; } nav > .wrapper .catalog:hover ul { opacity: 1; pointer-events: auto; } nav > .wrapper .sales { background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #084781; font-size: 18px; cursor: pointer; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; padding-top: 13px; padding-bottom: 13px; padding-left: 0px; padding-right: 0px; margin-right: 0px; border-radius: 5px; text-decoration: none; width: 0px; opacity: 0; pointer-events: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media screen and (max-width: 1919px) { nav > .wrapper .sales { font-size: 16px; padding-top: 10px; padding-bottom: 10px; } } @media screen and (max-width: 1024px) { nav > .wrapper .sales { display: none; } } nav > .wrapper .sales img { margin-right: 18px; width: 18px; } @media screen and (max-width: 1919px) { nav > .wrapper .sales img { width: 16px; margin-right: 16px; } } nav > .wrapper .sales:hover { background: #f7d312; color: #393939; } nav > .wrapper .send-message { background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #084781; font-size: 18px; cursor: pointer; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; padding-top: 13px; padding-bottom: 13px; padding-left: 0px; padding-right: 0px; margin-right: 0px; border-radius: 5px; text-decoration: none; width: 0px; opacity: 0; pointer-events: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media screen and (max-width: 1919px) { nav > .wrapper .send-message { padding-top: 10px; padding-bottom: 10px; font-size: 16px; } } @media screen and (max-width: 1024px) { nav > .wrapper .send-message { display: none; } } nav > .wrapper .send-message img { margin-right: 20px; width: 17px; } @media screen and (max-width: 1919px) { nav > .wrapper .send-message img { margin-right: 16px; width: 14px; } } nav > .wrapper .send-message:hover { background: #f7d312; color: #393939; } nav > .wrapper .menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 60px; margin-left: auto; } @media screen and (max-width: 1024px) { nav > .wrapper .menu { display: none; } } nav > .wrapper .menu li { list-style-type: none; margin-right: 24px; } nav > .wrapper .menu li a { text-decoration: none; color: #fff; font-size: 14px; text-transform: uppercase; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; position: relative; } nav > .wrapper .menu li a::before { content: ""; display: block; position: absolute; bottom: -5px; left: 0; height: 2px; width: 0%; opacity: 0; background: #f7d312; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } nav > .wrapper .menu li a:hover { color: #f7d312; } nav > .wrapper .menu li a:hover::before { width: 100%; opacity: 1; } nav > .wrapper .menu li:last-child { margin-right: 0; } nav > .wrapper .menu li.slidable { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; top: 1px; padding-top: 20px; padding-bottom: 20px; padding-left: 24px; padding-right: 24px; margin-right: 2px; border-radius: 10px 10px 0 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: transparent; } @media screen and (max-width: 1919px) { nav > .wrapper .menu li.slidable { padding-top: 16px; padding-bottom: 16px; padding-left: 20px; padding-right: 20px; } } nav > .wrapper .menu li.slidable::after { content: ""; position: absolute; bottom: 0; right: -25px; height: 42px; width: 26px; border-bottom-left-radius: 14px; clip: rect(1px, 25px, 42px, 1px); display: block; background: transparent; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: 0px 0px 0px 20px #efefef; box-shadow: 0px 0px 0px 20px #efefef; opacity: 0; pointer-events: none; } nav > .wrapper .menu li.slidable::before { content: ""; position: absolute; bottom: 0; left: -25px; height: 42px; width: 26px; border-bottom-right-radius: 14px; clip: rect(1px, 25px, 42px, 1px); display: block; background: transparent; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: 0px 0px 0px 20px #efefef; box-shadow: 0px 0px 0px 20px #efefef; opacity: 0; pointer-events: none; } nav > .wrapper .menu li.slidable > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } nav > .wrapper .menu li.slidable > a::after { content: ""; display: block; width: 5px; height: 3px; margin-left: 12px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(/local/templates/aetauto/css/../media/arrow--white.svg); } @media screen and (max-width: 1919px) { nav > .wrapper .menu li.slidable > a::after { margin-left: 10px; } } nav > .wrapper .menu li.slidable > a:hover { color: #f7d312; } nav > .wrapper .menu li.slidable > a:hover::after { background-image: url(/local/templates/aetauto/css/../media/arrow--yellow.svg); } nav > .wrapper .menu li.slidable ul { position: absolute; left: -40px; top: 57px; background: #efefef; border-radius: 10px; padding: 24px 16px; opacity: 0; pointer-events: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media screen and (max-width: 1919px) { nav > .wrapper .menu li.slidable ul { padding: 20px 12px; top: 49px; left: -32px; } } nav > .wrapper .menu li.slidable ul li { margin-right: 0; margin-bottom: 16px; } @media screen and (max-width: 1919px) { nav > .wrapper .menu li.slidable ul li { margin-bottom: 12px; } } nav > .wrapper .menu li.slidable ul li a { padding: 8px 20px; color: #666666; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 10px; } @media screen and (max-width: 1919px) { nav > .wrapper .menu li.slidable ul li a { padding: 8px 12px; } } nav > .wrapper .menu li.slidable ul li a::before { content: unset; } nav > .wrapper .menu li.slidable ul li:last-child { margin-bottom: 0; } nav > .wrapper .menu li.slidable ul li:hover a { background: #f7d312; } nav > .wrapper .menu li.slidable:hover { background: #efefef; } nav > .wrapper .menu li.slidable:hover::after { opacity: 1; } nav > .wrapper .menu li.slidable:hover::before { opacity: 1; } nav > .wrapper .menu li.slidable:hover > a { color: #666666; } nav > .wrapper .menu li.slidable:hover > a::after { background-image: url(/local/templates/aetauto/css/../media/arrow--gray.svg); } nav > .wrapper .menu li.slidable:hover ul { opacity: 1; pointer-events: auto; } nav > .wrapper .right { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; min-width: 194px; } @media screen and (max-width: 1919px) { nav > .wrapper .right { max-width: 461px; min-width: unset; width: 100%; } } @media screen and (max-width: 1024px) { nav > .wrapper .right { max-width: unset; width: unset; } } nav > .wrapper .right .search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 24px; width: 300px; opacity: 1; pointer-events: auto; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media screen and (max-width: 1919px) { nav > .wrapper .right .search { padding-right: 16px; width: 100%; max-width: 266px; } } @media screen and (max-width: 1024px) { nav > .wrapper .right .search { max-width: unset; width: 48px; } } nav > .wrapper .right .search input { /*width: 220px; background: transparent; font-size: 14px; color: #f8f8f8; position: relative;*/ width: 212px; background: transparent; font-size: 14px; color: #f8f8f8; position: relative; border-bottom: 1px solid #fff; padding-bottom: 9px; opacity: 0.7; } @media screen and (max-width: 1919px) { nav > .wrapper .right .search input { width: 100%; max-width: 216px; font-size: 12px; } } @media screen and (max-width: 1024px) { nav > .wrapper .right .search input { width: 0%; max-width: unset; } } nav > .wrapper .right .search input::-webkit-input-placeholder { font-size: 14px; color: #f8f8f8; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } nav > .wrapper .right .search input::-moz-placeholder { font-size: 14px; color: #f8f8f8; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } nav > .wrapper .right .search input:-moz-placeholder { font-size: 14px; color: #f8f8f8; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } nav > .wrapper .right .search input:-ms-input-placeholder { font-size: 14px; color: #f8f8f8; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } nav > .wrapper .right .search button { margin-left: 24px; background: transparent; } @media screen and (max-width: 1919px) { nav > .wrapper .right .search button { margin-left: 16px; } } nav > .wrapper .right .search button img { width: 20px; height: 20px; cursor: pointer; } @media screen and (max-width: 1919px) { nav > .wrapper .right .search button img { width: 16px; height: 16px; } } nav > .wrapper .right .closeSearch { display: none; width: 16px; cursor: pointer; margin-left: 16px; } nav > .wrapper .right .order-info { background: #f7d312; height: 100%; border-radius: 0 5px 5px 0; padding-left: 20px; padding-right: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; right: -2px; } @media screen and (max-width: 1919px) { nav > .wrapper .right .order-info { padding-left: 16px; padding-right: 16px; } } @media screen and (max-width: 1024px) { nav > .wrapper .right .order-info { background: transparent; padding-left: 0; } } nav > .wrapper .right .order-info .favourites { margin-right: 24px; position: relative; } @media screen and (max-width: 1919px) { nav > .wrapper .right .order-info .favourites { margin-right: 20px; } } nav > .wrapper .right .order-info .favourites img { width: 24px; cursor: pointer; display: none; } @media screen and (max-width: 1919px) { nav > .wrapper .right .order-info .favourites img { width: 16px; } } nav > .wrapper .right .order-info .favourites img.desctop { display: block; } @media screen and (max-width: 1024px) { nav > .wrapper .right .order-info .favourites img.desctop { display: none; } } @media screen and (max-width: 1024px) { nav > .wrapper .right .order-info .favourites img.mobile { display: block; } } nav > .wrapper .right .order-info .favourites .label { position: absolute; top: 1px; right: -6px; width: 14px; height: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 10px; background: #084781; border-radius: 7px; } @media screen and (max-width: 1919px) { nav > .wrapper .right .order-info .favourites .label { width: 12px; height: 12px; top: -4px; } } @media screen and (max-width: 1024px) { nav > .wrapper .right .order-info .favourites .label { color: #393939; background: #f7d312; } } nav > .wrapper .right .order-info .cart { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } nav > .wrapper .right .order-info .cart img { width: 25px; height: 25px; margin-right: 12px; display: none; } @media screen and (max-width: 1919px) { nav > .wrapper .right .order-info .cart img { width: 16px; height: 16px; margin-right: 8px; } } nav > .wrapper .right .order-info .cart img.desctop { display: block; } @media screen and (max-width: 1024px) { nav > .wrapper .right .order-info .cart img.desctop { display: none; } } @media screen and (max-width: 1024px) { nav > .wrapper .right .order-info .cart img.mobile { display: block; } } nav > .wrapper .right .order-info .cart .desc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 1024px) { nav > .wrapper .right .order-info .cart .desc { display: none; } } nav > .wrapper .right .order-info .cart .desc p { font-size: 14px; color: #084781; white-space: nowrap; } nav.scrolled { position: fixed; top: 0; padding: 0; } nav.scrolled > .wrapper { width: 100vw; border-radius: 0; max-width: 100%; } nav.scrolled > .wrapper > .wrapper .logo img.full { width: 0px; opacity: 0; pointer-events: none; } @media screen and (max-width: 1024px) { nav.scrolled > .wrapper > .wrapper .logo img.full { width: 80px; opacity: 1; pointer-events: auto; } } nav.scrolled > .wrapper > .wrapper .logo img.mini { opacity: 1; width: 40px; pointer-events: auto; } @media screen and (max-width: 1024px) { nav.scrolled > .wrapper > .wrapper .logo img.mini { width: 0; pointer-events: none; opacity: 1; } } nav.scrolled > .wrapper > .wrapper .catalog { width: 136px; opacity: 1; pointer-events: auto; padding-left: 12px; padding-right: 20px; margin-right: 10%; } @media screen and (max-width: 1919px) { nav.scrolled > .wrapper > .wrapper .catalog { width: 120px; padding-right: 0; } } nav.scrolled > .wrapper > .wrapper .sales { width: 138px; opacity: 1; pointer-events: auto; padding-left: 20px; padding-right: 32px; margin-right: 14px; } @media screen and (max-width: 1919px) { nav.scrolled > .wrapper > .wrapper .sales { padding-right: 16px; padding-left: 16px; margin-right: 12px; width: auto; } } @media screen and (max-width: 1024px) { nav.scrolled > .wrapper > .wrapper .sales { display: none; } } nav.scrolled > .wrapper > .wrapper .menu { margin-right: 14px; margin-left: 0; } @media screen and (max-width: 1919px) { nav.scrolled > .wrapper > .wrapper .menu { margin-right: 12px; } } @media screen and (max-width: 1024px) { nav.scrolled > .wrapper > .wrapper .menu { margin-right: auto; } } nav.scrolled > .wrapper > .wrapper .send-message { width: 216px; opacity: 1; pointer-events: auto; padding-left: 20px; padding-right: 32px; margin-right: 14px; } @media screen and (max-width: 1919px) { nav.scrolled > .wrapper > .wrapper .send-message { margin-right: 12px; width: auto; padding-left: 16px; padding-right: 16px; } } @media screen and (max-width: 1024px) { nav.scrolled > .wrapper > .wrapper .send-message { display: none; } } @media screen and (max-width: 1919px) { nav.scrolled > .wrapper > .wrapper .right { width: auto; max-width: unset; } } nav.scrolled > .wrapper > .wrapper .right .search { width: 0px; opacity: 0; pointer-events: none; padding-right: 0; } @media screen and (max-width: 1024px) { nav.scrolled > .wrapper > .wrapper .right .search { opacity: 1; pointer-events: auto; padding-right: 16px; width: 48px; } } nav.scrolled > .wrapper > .wrapper .right .order-info { border-radius: 0; } @media screen and (max-width: 1024px) { nav.clickedSearch .closeSearch { display: block !important; } } @media screen and (max-width: 1024px) { nav.clickedSearch .right { width: 100% !important; max-width: 100% !important; } } @media screen and (max-width: 1024px) { nav.clickedSearch .search { width: 100% !important; max-width: 100% !important; } } @media screen and (max-width: 1024px) { nav.clickedSearch .search input { width: 100% !important; max-width: 100% !important; } } @media screen and (max-width: 1024px) { nav.clickedSearch .js-burger { width: 0; max-width: 0; min-width: 0; margin-right: 0; opacity: 0; pointer-events: none; } } @media screen and (max-width: 1024px) { nav.clickedSearch .logo { width: 0; opacity: 0; pointer-events: none; } } @media screen and (max-width: 1024px) { nav.clickedSearch .nav_phone { width: 0; opacity: 0; pointer-events: none; margin-right: 0; } } @media screen and (max-width: 1024px) { nav.clickedSearch .nav_user { width: 0; opacity: 0; pointer-events: none; } } @media screen and (max-width: 1024px) { nav.clickedSearch .order-info { width: 0; opacity: 0; pointer-events: none; } } @media screen and (max-width: 1919px) { main { padding-right: 20px; padding-left: 20px; } } main .pre-nav { padding-left: 20px; padding-right: 20px; } @media screen and (max-width: 1024px) { main .pre-nav { display: none; } } main .pre-nav .wrapper { padding-top: 22px; padding-bottom: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } main .pre-nav .wrapper .left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } main .pre-nav .wrapper .left > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; margin-right: 48px; } @media screen and (max-width: 1919px) { main .pre-nav .wrapper .left > div { margin-right: 36px; } } main .pre-nav .wrapper .left > div:last-child { margin-right: 0; } main .pre-nav .wrapper .left > div:hover { opacity: 0.7; } main .pre-nav .wrapper .left > div img { margin-right: 10px; } @media screen and (max-width: 1919px) { main .pre-nav .wrapper .left > div img { margin-right: 8px; } } main .pre-nav .wrapper .left > div p { color: #666666; font-size: 16px; border-bottom: 1px dashed #f7d312; } main .pre-nav .wrapper .left > div a { color: #666666; font-size: 14px; text-decoration: none; } main .pre-nav .wrapper .left .js_choose-city { cursor: pointer; } main .pre-nav .wrapper .left .js_choose-city img { width: 16px; } main .pre-nav .wrapper .left .phone img { width: 13px; } main .pre-nav .wrapper .left .operating-mode img { width: 14px; } main .pre-nav .wrapper .left .operating-mode p { border-bottom: 0; } main .pre-nav .wrapper .right { position: relative; } main .pre-nav .wrapper .right .user { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; top: -24px; right: 0; background: transparent; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 10px; z-index: 20; } main .pre-nav .wrapper .right .user img { margin-right: 10px; } main .pre-nav .wrapper .right .user p { color: #666666; font-size: 14px; border-bottom: 1px dashed #f7d312; } main .pre-nav .wrapper .right .user > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; padding: 0 14px; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media screen and (max-width: 1919px) { main .pre-nav .wrapper .right .user > a { padding: 0 12px; } } main .pre-nav .wrapper .right .user > a img { margin-right: 12px; } @media screen and (max-width: 1919px) { main .pre-nav .wrapper .right .user > a img { margin-right: 10px; } } main .pre-nav .wrapper .right .user > a:first-child { padding-top: 16px; padding-bottom: 12px; } @media screen and (max-width: 1919px) { main .pre-nav .wrapper .right .user > a:first-child { padding-top: 14px; padding-bottom: 12px; } } main .pre-nav .wrapper .right .user .user-lk img { width: 12px; } @media screen and (max-width: 1919px) { main .pre-nav .wrapper .right .user .user-lk img { width: 10px; } } main .pre-nav .wrapper .right .user .slidable { display: none; } main .pre-nav .wrapper .right .user .slidable > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; padding: 0 14px; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media screen and (max-width: 1919px) { main .pre-nav .wrapper .right .user .slidable > a { padding: 0 12px; } } main .pre-nav .wrapper .right .user .slidable > a img { margin-right: 12px; } @media screen and (max-width: 1919px) { main .pre-nav .wrapper .right .user .slidable > a img { margin-right: 10px; } } main .pre-nav .wrapper .right .user .slidable .user-login { padding-top: 8px; padding-bottom: 8px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; pointer-events: none; } main .pre-nav .wrapper .right .user .slidable .user-login img { width: 14px; } @media screen and (max-width: 1919px) { main .pre-nav .wrapper .right .user .slidable .user-login img { width: 12px; } } main .pre-nav .wrapper .right .user .slidable .user-login p { border-bottom: 0; } main .pre-nav .wrapper .right .user .slidable .user-login:hover { background: #f7d312; } main .pre-nav .wrapper .right .user .slidable .user-sign-up { padding-top: 8px; padding-bottom: 8px; margin-bottom: 8px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; pointer-events: none; } main .pre-nav .wrapper .right .user .slidable .user-sign-up img { width: 14px; } @media screen and (max-width: 1919px) { main .pre-nav .wrapper .right .user .slidable .user-sign-up img { width: 12px; } } main .pre-nav .wrapper .right .user .slidable .user-sign-up p { border-bottom: 0; } main .pre-nav .wrapper .right .user .slidable .user-sign-up:hover { background: #f7d312; } main .pre-nav .wrapper .right .user.openned { background: #e5e5e5; } main .pre-nav .wrapper .right .user.openned .user-login, main .pre-nav .wrapper .right .user.openned .user-sign-up { opacity: 1; pointer-events: auto; } main .content { margin-top: 92px; } main .content .wrapper { padding-right: 44px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 1024px) { main .content .wrapper { padding-right: 0; } } main .content .wrapper .left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 292px; margin-right: 16px; } @media screen and (max-width: 1919px) { main .content .wrapper .left { margin-right: 12px; width: 248px; } } @media screen and (max-width: 1024px) { main .content .wrapper .left { display: none; } } main .content .wrapper .left > * { margin-bottom: 12px; } main .content .wrapper .left > *:last-child { margin-bottom: 0; } main .content .wrapper .left .catalog { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } main .content .wrapper .left .catalog button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 13px; padding-bottom: 13px; padding-right: 24px; padding-left: 20px; background: transparent; border-radius: 5px; font-size: 18px; cursor: pointer; color: #393939; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #f7d312; text-decoration: none; white-space: nowrap; background: #f7d312; position: relative; } @media screen and (max-width: 1919px) { main .content .wrapper .left .catalog button { padding-top: 10px; padding-bottom: 10px; padding-right: 20px; padding-left: 16px; font-size: 16px; } } main .content .wrapper .left .catalog button:hover { background: #fff; color: #393939; } main .content .wrapper .left .catalog button::after { content: ""; position: absolute; bottom: 0px; right: -39px; height: 42px; width: 40px; opacity: 0; border-bottom-left-radius: 20px; clip: rect(1px, 39px, 42px, 1px); display: block; background: transparent; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: 0px 0px 0px 20px #084781; box-shadow: 0px 0px 0px 20px #084781; } main .content .wrapper .left .catalog button:hover { background: #393939; color: #fff; } main .content .wrapper .left .catalog button img { margin-right: 18px; width: 20px; } @media screen and (max-width: 1919px) { main .content .wrapper .left .catalog button img { margin-right: 16px; } } @media screen and (max-width: 1919px) { main .content .wrapper .left .catalog button img { width: 16px; } } main .content .wrapper .left .catalog ul { background: #084781; padding-top: 24px; padding-bottom: 24px; padding-right: 20px; padding-left: 20px; border-radius: 0 10px 10px 10px; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; display: none; } @media screen and (max-width: 1919px) { main .content .wrapper .left .catalog ul { padding-top: 20px; padding-bottom: 20px; padding-right: 16px; padding-left: 16px; } } main .content .wrapper .left .catalog ul li { list-style-type: none; margin-bottom: 20px; } @media screen and (max-width: 1919px) { main .content .wrapper .left .catalog ul li { margin-bottom: 16px; } } main .content .wrapper .left .catalog ul li:last-child { margin-bottom: 0; } main .content .wrapper .left .catalog ul li a { text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } main .content .wrapper .left .catalog ul li a img { margin-right: 12px; width: 16px; margin-top: 4px; } @media screen and (max-width: 1919px) { main .content .wrapper .left .catalog ul li a img { width: 14px; } } main .content .wrapper .left .catalog ul li a p { font-size: 16px; color: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } main .content .wrapper .left .catalog ul li a:hover p { color: #f7d312; } main .content .wrapper .left .catalog.openned button { background: #084781; color: #f7d312; border-radius: 5px 5px 0 0; } main .content .wrapper .left .catalog.openned button::after { opacity: 1; } main .content .wrapper .left .catalog.openned ul { opacity: 1; } main .content .wrapper .left .banner { border-radius: 5px; width: 100%; padding-top: 36px; padding-bottom: 18px; padding-left: 20px; padding-right: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-position: center; background-size: cover !important; background-repeat: no-repeat; background: #ebebeb; position: relative; } @media screen and (max-width: 1919px) { main .content .wrapper .left .banner { padding-top: 28px; padding-bottom: 14px; padding-left: 16px; padding-right: 16px; } } main .content .wrapper .left .banner > * { z-index: 7; } main .content .wrapper .left .banner h4 { color: #fff; font-size: 18px; } main .content .wrapper .left .banner h4 + p { margin-top: 24px; } @media screen and (max-width: 1919px) { main .content .wrapper .left .banner h4 + p { margin-top: 20px; } } main .content .wrapper .left .banner h4 + ul { margin-top: 40px; } @media screen and (max-width: 1919px) { main .content .wrapper .left .banner h4 + ul { margin-top: 36px; } } main .content .wrapper .left .banner p { color: #fff; font-size: 14px; } main .content .wrapper .left .banner ul li { list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 20px; } @media screen and (max-width: 1919px) { main .content .wrapper .left .banner ul li { margin-bottom: 16px; } } main .content .wrapper .left .banner ul li:last-child { margin-bottom: 0; } main .content .wrapper .left .banner ul li span { color: #666666; font-size: 14px; } main .content .wrapper .left .banner ul li a { color: #084781; text-decoration: underline; margin-top: 0; font-size: 14px; } main .content .wrapper .left .banner a { text-decoration: none; color: #084781; margin-top: 20px; font-size: 16px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media screen and (max-width: 1919px) { main .content .wrapper .left .banner a { margin-top: 16px; } } main .content .wrapper .left .banner a span { text-decoration: underline; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } main .content .wrapper .left .banner a:hover { color: #393939; } main .content .wrapper .left .banner a:hover span { margin-left: 8px; } main .content .wrapper .left .banner .bottom-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 13px; padding-bottom: 13px; padding-right: 24px; padding-left: 20px; background: transparent; border-radius: 5px; font-size: 18px; cursor: pointer; color: #393939; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #f7d312; text-decoration: none; white-space: nowrap; margin-top: 56px; font-size: 16px; } @media screen and (max-width: 1919px) { main .content .wrapper .left .banner .bottom-link { padding-top: 10px; padding-bottom: 10px; padding-right: 20px; padding-left: 16px; font-size: 16px; } } main .content .wrapper .left .banner .bottom-link:hover { background: #fff; color: #393939; } @media screen and (max-width: 1919px) { main .content .wrapper .left .banner .bottom-link { margin-top: 48px; } } main .content .wrapper .left .banner.light { background: #fff; border: 1px solid #ebebeb; } main .content .wrapper .left .banner.light h4 { color: #084781; } main .content .wrapper .left .banner .overlay { width: 100%; position: absolute; height: 100%; top: 0; left: 0; z-index: 6; background: rgba(0, 0, 0, 0.7); border-radius: 5px; } main .content .wrapper .left .banner.bigHeight button, main .content .wrapper .left .banner.bigHeight a { margin-top: 188px; } @media screen and (max-width: 1919px) { main .content .wrapper .left .banner.bigHeight button, main .content .wrapper .left .banner.bigHeight a { margin-top: 160px; } } main .content .wrapper .right { width: calc(100% - 292px - 16px); } @media screen and (max-width: 1919px) { main .content .wrapper .right { width: calc(100% - 248px - 12px); } } @media screen and (max-width: 1024px) { main .content .wrapper .right { width: 100%; } } main .content .wrapper .right .top-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; /*justify-content: space-between;*/ justify-content: right; width: 100%; margin-bottom: 24px; } @media screen and (max-width: 1919px) { main .content .wrapper .right .top-buttons { margin-bottom: 20px; } } main .content .wrapper .right .top-buttons > * { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 13px; padding-bottom: 13px; padding-right: 24px; padding-left: 20px; background: transparent; border-radius: 5px; font-size: 18px; cursor: pointer; color: #393939; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #f7d312; text-decoration: none; white-space: nowrap; } @media screen and (max-width: 1919px) { main .content .wrapper .right .top-buttons > * { padding-top: 10px; padding-bottom: 10px; padding-right: 20px; padding-left: 16px; font-size: 16px; } } main .content .wrapper .right .top-buttons > *:hover { background: #fff; color: #393939; } main .content .wrapper .right .top-buttons a img { width: 18px; margin-right: 18px; } @media screen and (max-width: 1919px) { main .content .wrapper .right .top-buttons a img { margin-right: 16px; } } @media screen and (max-width: 1919px) { main .content .wrapper .right .top-buttons a img { width: 16px; } } main .content .wrapper .right .top-buttons a:hover { color: #fff; background: #393939; } main .content .wrapper .right .top-buttons button img { width: 17px; margin-right: 18px; } @media screen and (max-width: 1919px) { main .content .wrapper .right .top-buttons button img { margin-right: 16px; } } @media screen and (max-width: 1919px) { main .content .wrapper .right .top-buttons button img { width: 15px; } } main .content .wrapper .right .top-buttons button:hover { color: #fff; background: #393939; } main .content .wrapper .right .main-slider { border-radius: 5px; position: relative; } @media screen and (max-width: 1024px) { main .content .wrapper .right .main-slider { margin-bottom: 52px; } } main .content .wrapper .right .main-slider .slick-track, main .content .wrapper .right .main-slider .slick-list { border-radius: 5px; } main .content .wrapper .right .main-slider .slick-dots { left: unset; right: -48px; bottom: unset; top: 0; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media screen and (max-width: 1919px) { main .content .wrapper .right .main-slider .slick-dots { right: -36px; } } @media screen and (max-width: 1024px) { main .content .wrapper .right .main-slider .slick-dots { bottom: -32px; left: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; top: unset; } } main .content .wrapper .right .main-slider .slick-dots li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: unset; height: unset; margin-bottom: 12px; } @media screen and (max-width: 1919px) { main .content .wrapper .right .main-slider .slick-dots li { margin-bottom: 10px; } } @media screen and (max-width: 1024px) { main .content .wrapper .right .main-slider .slick-dots li { margin-bottom: 0; } } main .content .wrapper .right .main-slider .slick-dots li:last-child { margin-bottom: 0; } main .content .wrapper .right .main-slider .slick-dots li button { width: 6px; height: 6px; border-radius: 3px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #a2a2a2; padding: 0; } main .content .wrapper .right .main-slider .slick-dots li button::before { content: unset; } main .content .wrapper .right .main-slider .slick-dots li.slick-active button { width: 12px; height: 12px; border-radius: 6px; background: #084781; } main .content .wrapper .right .main-slider .slide { border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-position: center; background-repeat: no-repeat; background-size: cover; height: 268px; padding: 32px 52px; } @media screen and (max-width: 1919px) { main .content .wrapper .right .main-slider .slide { height: 240px; padding: 24px 44px; } } @media screen and (max-width: 1024px) { main .content .wrapper .right .main-slider .slide { height: 268px; padding: 44px 44px 40px 36px; } } main .content .wrapper .right .main-slider .slide h3, main .content .wrapper .right .main-slider .slide .h3 { color: #fff; font-size: 28px; margin-bottom: 32px; text-transform: uppercase; } @media screen and (max-width: 1919px) { main .content .wrapper .right .main-slider .slide h3, main .content .wrapper .right .main-slider .slide .h3 { font-size: 24px; margin-bottom: 28px; } } @media screen and (max-width: 1024px) { main .content .wrapper .right .main-slider .slide h3, main .content .wrapper .right .main-slider .slide .h3 { font-size: 18px; line-height: 20px; margin-bottom: 16px; } } main .content .wrapper .right .main-slider .slide p { color: #fff; font-size: 14px; margin-bottom: 32px; text-transform: uppercase; } @media screen and (max-width: 1919px) { main .content .wrapper .right .main-slider .slide p { margin-bottom: 28px; } } main .content .wrapper .right .main-slider .slide a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 13px; padding-bottom: 13px; padding-right: 24px; padding-left: 20px; background: transparent; border-radius: 5px; font-size: 18px; cursor: pointer; color: #393939; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #f7d312; text-decoration: none; white-space: nowrap; } @media screen and (max-width: 1919px) { main .content .wrapper .right .main-slider .slide a { padding-top: 10px; padding-bottom: 10px; padding-right: 20px; padding-left: 16px; font-size: 16px; } } main .content .wrapper .right .main-slider .slide a:hover { background: #fff; color: #393939; } @media screen and (max-width: 1024px) { main .content .wrapper .right .main-slider .slide a { font-size: 18px; } } main .content .wrapper .right .page404 { height: calc(100% - 58px); width: 100%; background: #5471ac; background-position: center; background-size: cover; background-repeat: no-repeat; padding-top: 68px; padding-right: 52px; padding-left: 52px; padding-bottom: 32px; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 1024px) { main .content .wrapper .right .page404 { min-height: 348px; } } @media screen and (max-width: 768px) { main .content .wrapper .right .page404 { background-position: right; padding-top: 28px; padding-right: 24px; padding-left: 24px; padding-bottom: 28px; min-height: unset; } } main .content .wrapper .right .page404 h3 { color: #fff; font-size: 28px; text-transform: uppercase; } @media screen and (max-width: 768px) { main .content .wrapper .right .page404 h3 { padding-bottom: 24px; } } main .content .wrapper .right .page404 a { margin-top: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 13px; padding-bottom: 13px; padding-right: 24px; padding-left: 20px; background: transparent; border-radius: 5px; font-size: 18px; cursor: pointer; color: #393939; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #f7d312; text-decoration: none; white-space: nowrap; } @media screen and (max-width: 1919px) { main .content .wrapper .right .page404 a { padding-top: 10px; padding-bottom: 10px; padding-right: 20px; padding-left: 16px; font-size: 16px; } } main .content .wrapper .right .page404 a:hover { background: #fff; color: #393939; } main .content .wrapper .right .big-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 1024px) { main .content .wrapper .right .big-buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } main .content .wrapper .right .big-buttons a { border-radius: 5px; white-space: nowrap; border: 1px solid #f7d312; padding-top: 22px; padding-bottom: 22px; padding-right: 68px; padding-left: 56px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; color: #393939; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-weight: bold; font-size: 18px; } @media screen and (max-width: 1919px) { main .content .wrapper .right .big-buttons a { padding-top: 18px; padding-bottom: 18px; padding-right: 40px; padding-left: 40px; } } @media screen and (max-width: 900px) { main .content .wrapper .right .big-buttons a { padding-left: 28px; padding-right: 28px; font-size: 12px; padding-top: 14px; padding-bottom: 14px; } } main .content .wrapper .right .big-buttons a:hover { color: #393939; background: #f7d312; } @media screen and (max-width: 1024px) { main .content .wrapper .right .big-buttons a { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 76px; margin-bottom: 14px; font-size: 18px; } main .content .wrapper .right .big-buttons a:last-child { margin-bottom: 0; } } main .content .wrapper .right .big-buttons a img { max-height: 32px; margin-right: 28px; } @media screen and (max-width: 1919px) { main .content .wrapper .right .big-buttons a img { max-height: 20px; margin-right: 20px; } } @media screen and (max-width: 1024px) { main .content .wrapper .right .big-buttons a img { width: 36px; max-height: unset; } } main .content .wrapper .right .cards-catalog { display: none; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1px; width: calc(100% + 40px); margin-left: -20px; background: #e2e2e2; margin-top: 12px; } @media screen and (max-width: 1024px) { main .content .wrapper .right .cards-catalog { display: -webkit-box; display: -ms-flexbox; display: flex; } } main .content .wrapper .right .cards-catalog .card { width: calc(33.333% - 1px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 28px; padding-bottom: 18px; text-decoration: none; background: #efefef; } main .content .wrapper .right .cards-catalog .card img { max-height: 32px; height: 100%; margin-bottom: 24px; } main .content .wrapper .right .cards-catalog .card p { color: #084781; text-align: center; font-size: 12px; } main .content .wrapper .right .secondary-slider { margin-top: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } main .content .wrapper .right .secondary-slider .title { margin-bottom: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 1919px) { main .content .wrapper .right .secondary-slider .title { margin-bottom: 28px; } } @media screen and (max-width: 767px) { main .content .wrapper .right .secondary-slider .title { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } main .content .wrapper .right .secondary-slider .title > * { margin-right: 24px; } @media screen and (max-width: 1919px) { main .content .wrapper .right .secondary-slider .title > * { margin-right: 20px; } } main .content .wrapper .right .secondary-slider .title > *:last-child { margin-right: 0; } main .content .wrapper .right .secondary-slider .title img { width: 28px; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media screen and (max-width: 1919px) { main .content .wrapper .right .secondary-slider .title img { width: 24px; } } main .content .wrapper .right .secondary-slider .title img.js-prev { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } main .content .wrapper .right .secondary-slider .title img.js-next { -webkit-transform: rotate(90deg); transform: rotate(90deg); } main .content .wrapper .right .secondary-slider .title h2 { color: #393939; font-size: 28px; } @media screen and (max-width: 1919px) { main .content .wrapper .right .secondary-slider .title h2 { font-size: 24px; } } @media screen and (max-width: 1024px) { main .content .wrapper .right .secondary-slider .title h2 { font-size: 28px; } } main .content .wrapper .right .secondary-slider .slider .slide { padding-top: 68px; padding-right: 24px; padding-bottom: 22px; padding-left: 24px; border-radius: 5px; border: 1px solid #ebebeb; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-decoration: none; margin-right: 16px; } @media screen and (max-width: 1919px) { main .content .wrapper .right .secondary-slider .slider .slide { padding-top: 52px; padding-right: 16px; padding-left: 16px; padding-bottom: 14px; margin-right: 14px; } } @media screen and (max-width: 767px) { main .content .wrapper .right .secondary-slider .slider .slide { margin-right: 0; } } main .content .wrapper .right .secondary-slider .slider .slide .label { position: absolute; top: 16px; left: 12px; color: #fff; background: #084781; border-radius: 5px; padding-top: 8px; padding-right: 16px; padding-bottom: 8px; padding-left: 16px; } @media screen and (max-width: 1919px) { main .content .wrapper .right .secondary-slider .slider .slide .label { top: 12px; padding-right: 12px; padding-left: 12px; } } main .content .wrapper .right .secondary-slider .slider .slide .img { height: 188px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 28px; } @media screen and (max-width: 1919px) { main .content .wrapper .right .secondary-slider .slider .slide .img { height: 160px; margin-bottom: 24px; } } @media screen and (max-width: 767px) { main .content .wrapper .right .secondary-slider .slider .slide .img { height: 220px; margin-bottom: 28px; } } main .content .wrapper .right .secondary-slider .slider .slide .img img { max-height: 100%; max-width: 100%; } main .content .wrapper .right .secondary-slider .slider .slide h5, main .content .wrapper .right .secondary-slider .slider .slide .h5 { font-size: 16px; color: #393939; margin-bottom: 24px; max-height: 38px; height: 38px; } @media screen and (max-width: 1919px) { main .content .wrapper .right .secondary-slider .slider .slide h5, main .content .wrapper .right .secondary-slider .slider .slide .h5 { margin-bottom: 20px; max-height: 57px; height: 57px; } } @media screen and (max-width: 767px) { main .content .wrapper .right .secondary-slider .slider .slide h5, main .content .wrapper .right .secondary-slider .slider .slide .h5 { font-size: 20px; max-height: unset; height: auto; } } main .content .wrapper .right .secondary-slider .slider .slide .price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } main .content .wrapper .right .secondary-slider .slider .slide .price span { margin-right: 20px; font-size: 16px; color: #000; } @media screen and (max-width: 767px) { main .content .wrapper .right .secondary-slider .slider .slide .price span { font-size: 24px; } } main .content .wrapper .right .secondary-slider .slider .slide .price span:last-child { margin-right: 0; } main .content .wrapper .right .secondary-slider .slider .slide .price span.new { font-weight: bold; color: #084781; } main .content .wrapper .right .secondary-slider .slider .slide .price span.old { color: #666666; padding-left: 2px; padding-right: 2px; position: relative; } main .content .wrapper .right .secondary-slider .slider .slide .price span.old::after { content: ""; display: block; width: 100%; background: #666666; position: absolute; top: 50%; left: 0; height: 1px; } main .content .wrapper .right .secondary-slider .slider .slide .quantity { font-size: 16px; color: #666666; margin-top: 8px; display: block; } @media screen and (max-width: 767px) { main .content .wrapper .right .secondary-slider .slider .slide .quantity { font-size: 18px; } } main .content .wrapper .right .secondary-slider .slider .slide .secondary-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 32px; } @media screen and (max-width: 1919px) { main .content .wrapper .right .secondary-slider .slider .slide .secondary-buttons { margin-top: 24px; } } main .content .wrapper .right .secondary-slider .slider .slide .secondary-buttons > * { margin-right: 12px; } main .content .wrapper .right .secondary-slider .slider .slide .secondary-buttons > *:last-child { margin-right: 0; } main .content .wrapper .right .secondary-slider .slider .slide .secondary-buttons > img { width: 24px; cursor: pointer; } @media screen and (max-width: 1919px) { main .content .wrapper .right .secondary-slider .slider .slide .secondary-buttons > img { width: 20px; } } @media screen and (max-width: 767px) { main .content .wrapper .right .secondary-slider .slider .slide .secondary-buttons > img { width: 36px; } } main .content .wrapper .right .secondary-slider .slider .slide .secondary-buttons .counter { background: #f2f2f2; border-radius: 5px; padding-top: 5px; padding-right: 4px; padding-bottom: 5px; padding-left: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 108px; } @media screen and (max-width: 1365px) { main .content .wrapper .right .secondary-slider .slider .slide .secondary-buttons .counter { max-width: 180px; } } main .content .wrapper .right .secondary-slider .slider .slide .secondary-buttons .counter input { background: transparent; text-align: center; width: 100%; } main .content .wrapper .right .secondary-slider .slider .slide .secondary-buttons .counter button { background: #e5e5e5; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-right: 8px; padding-left: 8px; height: 24px; cursor: pointer; padding-bottom: 2px; } @media screen and (max-width: 1919px) { main .content .wrapper .right .secondary-slider .slider .slide .secondary-buttons .counter button { height: 20px; } } @media screen and (max-width: 767px) { main .content .wrapper .right .secondary-slider .slider .slide .secondary-buttons .counter button { height: 40px; padding-right: 16px; padding-left: 16px; } } main .content .wrapper .right .secondary-slider .slider .slide .secondary-buttons .counter button:hover { background: #f7d312; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } main .content .wrapper .right .secondary-slider .slider .slide .buttons { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } main .content .wrapper .right .secondary-slider .slider .slide .buttons button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 13px; padding-bottom: 13px; padding-right: 24px; padding-left: 20px; background: transparent; border-radius: 5px; font-size: 18px; cursor: pointer; color: #393939; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #f7d312; text-decoration: none; white-space: nowrap; font-size: 14px; padding-top: 8px; padding-bottom: 8px; padding-right: 16px; padding-left: 16px; margin-right: 9px; height: 36px; } @media screen and (max-width: 1919px) { main .content .wrapper .right .secondary-slider .slider .slide .buttons button { padding-top: 10px; padding-bottom: 10px; padding-right: 20px; padding-left: 16px; font-size: 16px; } } main .content .wrapper .right .secondary-slider .slider .slide .buttons button:hover { background: #fff; color: #393939; } @media screen and (max-width: 1919px) { main .content .wrapper .right .secondary-slider .slider .slide .buttons button { padding-left: 12px; padding-right: 12px; } } @media screen and (max-width: 767px) { main .content .wrapper .right .secondary-slider .slider .slide .buttons button { font-size: 18px; height: 56px; } } main .content .wrapper .right .secondary-slider .slider .slide .buttons button:hover { color: #fff; background: #393939; } main .content .wrapper .right .secondary-slider .slider .slide .buttons button:last-child { margin-right: 0; } main .content .wrapper .right .secondary-slider .slider .slide .buttons button:first-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } main .content .wrapper .right .secondary-slider .slider .slide .buttons button.addToCart { background: #084781; padding-top: 4px; padding-bottom: 4px; } main .content .wrapper .right .secondary-slider .slider .slide .buttons button.addToCart img { width: 24px; } @media screen and (max-width: 1919px) { main .content .wrapper .right .secondary-slider .slider .slide .buttons button.addToCart img { width: 20px; } } main .content .wrapper .right .secondary-slider .slider .slide .buttons button.addToCart:hover { color: #393939; background: #f7d312; } main .content .wrapper .right .secondary-slider .slider .slide:hover { border: 1px solid #f7d312; } .content.content-bottom { margin-top: 64px; } .content.content-bottom .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-right: 20px; padding-left: 20px; } @media screen and (max-width: 767px) { .content.content-bottom .wrapper { padding-left: 0; padding-right: 0; } } .content.content-bottom .wrapper .advantages { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .content.content-bottom .wrapper .advantages h2 { color: #393939; font-size: 28px; font-weight: normal; text-transform: uppercase; margin-bottom: 56px; } @media screen and (max-width: 1919px) { .content.content-bottom .wrapper .advantages h2 { font-size: 24px; margin-bottom: 48px; } } @media screen and (max-width: 767px) { .content.content-bottom .wrapper .advantages h2 { font-size: 20px; margin-bottom: 40px; } } .content.content-bottom .wrapper .advantages .advanatages_block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } @media screen and (max-width: 767px) { .content.content-bottom .wrapper .advantages .advanatages_block { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 24px; } } .content.content-bottom .wrapper .advantages .advanatages_block .advantage { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 767px) { .content.content-bottom .wrapper .advantages .advanatages_block .advantage { width: calc(50% - 12px); } } @media screen and (max-width: 767px) { .content.content-bottom .wrapper .advantages .advanatages_block .advantage br { display: none; } } .content.content-bottom .wrapper .advantages .advanatages_block .advantage img { width: 52px; margin-bottom: 44px; } @media screen and (max-width: 1919px) { .content.content-bottom .wrapper .advantages .advanatages_block .advantage img { width: 44px; margin-bottom: 36px; } } @media screen and (max-width: 767px) { .content.content-bottom .wrapper .advantages .advanatages_block .advantage img { margin-bottom: 24px; } } .content.content-bottom .wrapper .advantages .advanatages_block .advantage p { color: #393939; font-size: 18px; margin-top: auto; } .content.content-bottom .wrapper .media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 72px; } @media screen and (max-width: 767px) { .content.content-bottom .wrapper .media { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .content.content-bottom .wrapper .media .news { width: calc(50% - 36px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 1919px) { .content.content-bottom .wrapper .media .news { width: calc(50% - 32px); } } @media screen and (max-width: 767px) { .content.content-bottom .wrapper .media .news { width: 100%; } } .content.content-bottom .wrapper .media .news h3 { color: #393939; font-size: 18px; text-transform: uppercase; margin-bottom: 44px; margin-bottom-margin-bottom: 40px; } @media screen and (max-width: 767px) { .content.content-bottom .wrapper .media .news h3 { font-size: 20px; margin-bottom: 44px; } } .content.content-bottom .wrapper .media .news .news_block { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .content.content-bottom .wrapper .media .news .news_block .new { width: calc(50% - 48px); text-decoration: none !important; border-bottom: 1px dotted #666666; margin-bottom: 20px; } @media screen and (max-width: 1919px) { .content.content-bottom .wrapper .media .news .news_block .new { width: calc(50% - 40px); margin-bottom: 16px; } } @media screen and (max-width: 767px) { .content.content-bottom .wrapper .media .news .news_block .new { width: 100%; margin-bottom: 20px; } } .content.content-bottom .wrapper .media .news .news_block .new span { color: #666666; margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; } @media screen and (max-width: 1919px) { .content.content-bottom .wrapper .media .news .news_block .new span { margin-bottom: 16px; } } @media screen and (max-width: 1365px) { .content.content-bottom .wrapper .media .news .news_block .new span { font-size: 12px; } } @media screen and (max-width: 767px) { .content.content-bottom .wrapper .media .news .news_block .new span { font-size: 14px; } } .content.content-bottom .wrapper .media .news .news_block .new p { color: #393939; font-size: 14px; margin-bottom: 20px; } @media screen and (max-width: 1919px) { .content.content-bottom .wrapper .media .news .news_block .new p { margin-bottom: 16px; } } @media screen and (max-width: 1365px) { .content.content-bottom .wrapper .media .news .news_block .new p { font-size: 12px; } } @media screen and (max-width: 767px) { .content.content-bottom .wrapper .media .news .news_block .new p { font-size: 14px; } } .content.content-bottom .wrapper .media .news .news_block .new p.link { color: #084781; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none !important; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .content.content-bottom .wrapper .media .news .news_block .new p.link span { text-decoration: underline !important; margin-bottom: 0; margin-right: 4px; color: #084781; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .content.content-bottom .wrapper .media .news .news_block .new p.link:hover span { margin-right: 8px; color: #393939; } .content.content-bottom .wrapper .media .news .news_block .new:hover p { text-decoration: underline; } .content.content-bottom .wrapper .media .news > a { text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: #084781; display: block; margin-top: 20px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .content.content-bottom .wrapper .media .news > a span { text-decoration: underline; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .content.content-bottom .wrapper .media .news > a:hover { color: #393939; } .content.content-bottom .wrapper .media .news > a:hover span { margin-left: 8px; } .content.content-bottom .wrapper .media .youtube-videos { width: calc(50% - 36px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 1919px) { .content.content-bottom .wrapper .media .youtube-videos { width: calc(50% - 32px); } } @media screen and (max-width: 767px) { .content.content-bottom .wrapper .media .youtube-videos { width: 100%; margin-top: 52px; } } .content.content-bottom .wrapper .media .youtube-videos h3 { color: #393939; font-size: 18px; text-transform: uppercase; margin-bottom: 44px; } @media screen and (max-width: 1919px) { .content.content-bottom .wrapper .media .youtube-videos h3 { margin-bottom: 40px; } } @media screen and (max-width: 767px) { .content.content-bottom .wrapper .media .youtube-videos h3 { font-size: 20px; margin-bottom: 44px; } } .content.content-bottom .wrapper .media .youtube-videos .youtube-videos_block { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .content.content-bottom .wrapper .media .youtube-videos .youtube-videos_block .video { width: calc(50% - 8px); cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 32px; text-decoration: none} @media screen and (max-width: 1919px) { .content.content-bottom .wrapper .media .youtube-videos .youtube-videos_block .video { margin-bottom: 28px; } } @media screen and (max-width: 767px) { .content.content-bottom .wrapper .media .youtube-videos .youtube-videos_block .video { width: 100%; } } .content.content-bottom .wrapper .media .youtube-videos .youtube-videos_block .video .img { height: 104px; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #ebebeb; border-radius: 5px; width: 100%; } @media screen and (max-width: 1919px) { .content.content-bottom .wrapper .media .youtube-videos .youtube-videos_block .video .img { height: 92px; } } @media screen and (max-width: 767px) { .content.content-bottom .wrapper .media .youtube-videos .youtube-videos_block .video .img { height: 180px; } } .content.content-bottom .wrapper .media .youtube-videos .youtube-videos_block .video .img img { width: 26px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media screen and (max-width: 1919px) { .content.content-bottom .wrapper .media .youtube-videos .youtube-videos_block .video .img img { width: 22px; } } .content.content-bottom .wrapper .media .youtube-videos .youtube-videos_block .video h4 { color: #393939; font-size: 16px; width: 100%; margin-top: 14px; } @media screen and (max-width: 1365px) { .content.content-bottom .wrapper .media .youtube-videos .youtube-videos_block .video h4 { font-size: 12px; } } @media screen and (max-width: 767px) { .content.content-bottom .wrapper .media .youtube-videos .youtube-videos_block .video h4 { font-size: 16px; } } .content.content-bottom .wrapper .media .youtube-videos .youtube-videos_block .video:hover .img img { width: 32px; } @media screen and (max-width: 1919px) { .content.content-bottom .wrapper .media .youtube-videos .youtube-videos_block .video:hover .img img { width: 28px; } } .content.content-bottom .wrapper .media .youtube-videos .youtube-videos_block .video:hover h4 { text-decoration: underline; } .content.content-bottom .wrapper .media .youtube-videos > a { text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: #084781; display: block; margin-top: auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .content.content-bottom .wrapper .media .youtube-videos > a span { text-decoration: underline; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .content.content-bottom .wrapper .media .youtube-videos > a:hover { color: #393939; } .content.content-bottom .wrapper .media .youtube-videos > a:hover span { margin-left: 8px; } .feedback { margin-top: 72px; background: #f0f0f0; } @media screen and (max-width: 1919px) { .feedback { margin-top: 68px; width: calc(100% + 40px); margin-left: -20px; } } .feedback .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 52px; padding-bottom: 60px; } @media screen and (max-width: 1919px) { .feedback .wrapper { padding-top: 44px; padding-bottom: 52px; } } .feedback .wrapper .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .feedback .wrapper .title > * { margin-right: 24px; } @media screen and (max-width: 1919px) { .feedback .wrapper .title > * { margin-right: 20px; } } .feedback .wrapper .title > *:last-child { margin-right: 0; } .feedback .wrapper .title img { width: 28px; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media screen and (max-width: 1919px) { .feedback .wrapper .title img { width: 24px; } } .feedback .wrapper .title img.js-prev { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .feedback .wrapper .title img.js-next { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .feedback .wrapper .title h2 { color: #393939; font-size: 18px; text-transform: uppercase; } @media screen and (max-width: 767px) { .feedback .wrapper .title h2 { font-size: 20px; } } .feedback .wrapper .slider { width: 100%; height: 100%; margin-top: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 1919px) { .feedback .wrapper .slider { margin-top: 52px; } } .feedback .wrapper .slider .slick-track { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .feedback .wrapper .slider .slick-slide { height: inherit !important; } .feedback .wrapper .slider .slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 32px; padding-right: 32px; height: 100%; } @media screen and (max-width: 1919px) { .feedback .wrapper .slider .slide { padding-left: 24px; padding-right: 24px; } } .feedback .wrapper .slider .slide p { color: #393939; margin-bottom: 40px; font-size: 16px; } @media screen and (max-width: 1919px) { .feedback .wrapper .slider .slide p { margin-bottom: 36px; } } @media screen and (max-width: 1365px) { .feedback .wrapper .slider .slide p { font-size: 14px; } } .feedback .wrapper .slider .slide p.name { text-transform: uppercase; margin-bottom: 24px; } @media screen and (max-width: 1919px) { .feedback .wrapper .slider .slide p.name { margin-bottom: 20px; } } .feedback .wrapper .slider .slide a { color: #084781; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: auto; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .feedback .wrapper .slider .slide a span { text-decoration: underline; margin-right: 4px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .feedback .wrapper .slider .slide a:hover { color: #393939; } .feedback .wrapper .slider .slide a:hover span { margin-right: 8px; } .mini-cta { background: #084781; width: 100%; } @media screen and (max-width: 1919px) { .mini-cta { width: calc(100% + 40px); margin-left: -20px; } } .mini-cta .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 12px; padding-bottom: 12px; padding-left: 20px !important; padding-right: 20px !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } @media screen and (max-width: 767px) { .mini-cta .wrapper { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; padding-left: 20px !important; padding-right: 20px !important; padding-top: 40px; padding-bottom: 40px; } } .mini-cta .wrapper h3, .mini-cta .wrapper p { color: #fff; font-size: 18px; text-transform: uppercase; } @media screen and (max-width: 1024px) { .mini-cta .wrapper h3, .mini-cta .wrapper p { font-size: 16px; } } .mini-cta .wrapper form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 767px) { .mini-cta .wrapper form { margin-top: 18px; } } .mini-cta .wrapper form input { height: 100%; background: transparent; border: 1px solid #fff; border-radius: 5px; height: 36px; padding-left: 12px; padding-right: 12px; padding-top: 10px; padding-bottom: 10px; font-size: 14px; color: #fff; } @media screen and (max-width: 1365px) { .mini-cta .wrapper form input { font-size: 12px; } } .mini-cta .wrapper form input::-webkit-input-placeholder { font-size: 14px; color: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .mini-cta .wrapper form input::-moz-placeholder { font-size: 14px; color: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .mini-cta .wrapper form input:-moz-placeholder { font-size: 14px; color: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .mini-cta .wrapper form input:-ms-input-placeholder { font-size: 14px; color: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .mini-cta .wrapper form button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 13px; padding-bottom: 13px; padding-right: 24px; padding-left: 20px; background: transparent; border-radius: 5px; font-size: 18px; cursor: pointer; color: #393939; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #f7d312; text-decoration: none; white-space: nowrap; text-transform: uppercase; font-size: 14px; padding-top: 9px; padding-bottom: 9px; margin-left: 12px; height: 36px; } @media screen and (max-width: 1919px) { .mini-cta .wrapper form button { padding-top: 10px; padding-bottom: 10px; padding-right: 20px; padding-left: 16px; font-size: 16px; } } .mini-cta .wrapper form button:hover { background: #fff; color: #393939; } @media screen and (max-width: 1919px) { .mini-cta .wrapper form button { height: 36px; } } @media screen and (max-width: 1365px) { .mini-cta .wrapper form button { font-size: 12px; } } .mini-cta .wrapper > * { margin-right: 12px; } .mini-cta .wrapper > *:last-child { margin-right: 0; } footer { padding-top: 48px; padding-bottom: 32px; } @media screen and (max-width: 1919px) { footer { padding-top: 40px; padding-bottom: 24px; } } @media screen and (max-width: 1180px) { footer { padding-left: 20px; padding-right: 20px; } } footer .wrapper { border-bottom: 1px solid #000; padding-bottom: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 1919px) { footer .wrapper { padding-bototm: 24px; } } @media screen and (max-width: 1024px) { footer .wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } footer .wrapper:last-child { padding-bottom: 32px; border-bottom: 0; padding-top: 32px; } @media screen and (max-width: 1919px) { footer .wrapper:last-child { padding-bottom: 24px; padding-top: 24px; } } footer .wrapper .w33 { width: 33.333%; } @media screen and (max-width: 1024px) { footer .wrapper .w33 { width: 100%; } } footer .wrapper.bottom .w33 > p { color: #666666; font-size: 14px; } @media screen and (max-width: 1024px) { footer .wrapper.bottom .w33 > p { text-align: center; margin-bottom: 20px; } } footer .wrapper.bottom .w33 a { color: #084781; text-decoration: underline; font-size: 14px; text-align: end; } footer .wrapper.bottom .w33:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media screen and (max-width: 1024px) { footer .wrapper.bottom .w33:last-child { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } footer .wrapper.bottom .w33:last-child p, footer .wrapper.bottom .w33:last-child a { width: 208px; } @media screen and (max-width: 1919px) { footer .wrapper.bottom .w33:last-child p, footer .wrapper.bottom .w33:last-child a { width: 100%; max-width: 188px; } } @media screen and (max-width: 1024px) { footer .wrapper.bottom .w33:last-child p, footer .wrapper.bottom .w33:last-child a { max-width: 100%; text-align: center; } } footer .wrapper.bottom .w33:last-child .dev { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #666666; font-size: 14px; margin-top: auto; } @media screen and (max-width: 1365px) { footer .wrapper.bottom .w33:last-child .dev { margin-top: 40px; } } footer .wrapper.bottom .w33:last-child .dev a { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } footer .wrapper.bottom .w33:last-child .dev img { width: 74px; margin-left: 8px; } footer .wrapper .footer_about { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 1024px) { footer .wrapper .footer_about { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; } } footer .wrapper .footer_about a { color: #084781; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-size: 14px; } @media screen and (max-width: 1024px) { footer .wrapper .footer_about a { display: none; } } footer .wrapper .footer_about a.logo { width: 152px; margin-bottom: 32px; } @media screen and (max-width: 1919px) { footer .wrapper .footer_about a.logo { width: 100%; max-width: 152px; margin-bottom: 28px; } } @media screen and (max-width: 1024px) { footer .wrapper .footer_about a.logo { display: block; margin-bottom: 0; } } footer .wrapper .footer_about a:last-child { margin-top: auto; } footer .wrapper .footer_about a:hover { opacity: 0.8; } footer .wrapper .footer_about p { margin-bottom: 20px; color: #666666; font-size: 14px; } @media screen and (max-width: 1919px) { footer .wrapper .footer_about p { margin-bottom: 16px; } } @media screen and (max-width: 1024px) { footer .wrapper .footer_about p { padding-left: 16px; margin-bottom: 0; } } footer .wrapper .footer_address { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } footer .wrapper .footer_address > div { margin-bottom: 44px; } @media screen and (max-width: 1919px) { footer .wrapper .footer_address > div { margin-bottom: 40px; } } footer .wrapper .footer_address > div:last-child { margin-bottom: 0; } footer .wrapper .footer_address .phone { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } footer .wrapper .footer_address .phone a, footer .wrapper .footer_address .phone p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #666666; text-decoration: none; font-size: 14px; } footer .wrapper .footer_address .phone a img, footer .wrapper .footer_address .phone p img { width: 14px; margin-right: 10px; } @media screen and (max-width: 1919px) { footer .wrapper .footer_address .phone a img, footer .wrapper .footer_address .phone p img { width: 12px; margin-right: 8px; } } footer .wrapper .footer_address .phone a:hover { color: #084781; } footer .wrapper .footer_address .address { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; } footer .wrapper .footer_address .address .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 84px; font-size: 14px; color: #666666; text-transform: uppercase; } footer .wrapper .footer_address .address .title img { margin-right: 8px; width: 12px; } footer .wrapper .footer_address .address p { color: #666666; font-size: 14px; } footer .wrapper .footer_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } footer .wrapper .footer_info .soc-icons { width: 208px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 44px; } @media screen and (max-width: 1919px) { footer .wrapper .footer_info .soc-icons { max-width: 192px; width: 100%; } } @media screen and (max-width: 1024px) { footer .wrapper .footer_info .soc-icons { max-width: 100%; margin-top: 44px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } footer .wrapper .footer_info .soc-icons a { max-height: 18px; max-width: 18px; margin-right: 20px; } @media screen and (max-width: 1919px) { footer .wrapper .footer_info .soc-icons a { margin-right: 16px; max-height: 18px; max-width: 18px; } } @media screen and (max-width: 767px) { footer .wrapper .footer_info .soc-icons a { max-height: 28px; max-width: 28px; margin-right: 28px; } } footer .wrapper .footer_info .soc-icons a:last-child { margin-right: 0; } footer .wrapper .footer_info .soc-icons a img { width: 100%; } footer .wrapper .footer_info .order-vars { width: 208px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 1919px) { footer .wrapper .footer_info .order-vars { width: 100%; max-width: 192px; } } @media screen and (max-width: 1024px) { footer .wrapper .footer_info .order-vars { max-width: 100%; } } footer .wrapper .footer_info .order-vars p { font-size: 14px; color: #084781; margin-bottom: 8px; } @media screen and (max-width: 1024px) { footer .wrapper .footer_info .order-vars p { text-align: center; } } footer .wrapper .footer_info .order-vars .logos { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; } @media screen and (max-width: 1024px) { footer .wrapper .footer_info .order-vars .logos { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } footer .wrapper .footer_info .order-vars .logos img { max-width: 40px; max-height: 20px; width: 100%; margin-top: 12px; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; -webkit-filter: grayscale(1); filter: grayscale(1); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } footer .wrapper .footer_info .order-vars .logos img:hover { -webkit-filter: grayscale(0); filter: grayscale(0); } main.inner-page .content .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-right: 0; } main.inner-page .content .wrapper .left { width: unset; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 1024px) { main.inner-page .content .wrapper .left {max-width: 100%; margin-right: 0} main.inner-page .content .wrapper .left .catalog {display: none;} .breadcrumps a {white-space: unset !important;font-size: 12px;}} main.inner-page .content .wrapper .left .catalog { position: relative; margin-bottom: 0; margin-right: 24px; } main.inner-page .content .wrapper .left .catalog > ul { position: absolute; top: 39px; left: 0; z-index: 25; } main.inner-page .content .wrapper .left .breadcrumps { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; flex-wrap: wrap; line-height: 23px; } main.inner-page .content .wrapper .left .breadcrumps a { margin-right: 8px; color: #5b5b5b; } main.inner-page .content .wrapper .left .breadcrumps a:last-child { color: #666666; /*font-size: 14px;*/ text-decoration: none; cursor: default; } main.inner-page .content .wrapper .left .breadcrumps span { margin-right: 8px; font-size: 14px; color: #5b5b5b; } main.inner-page .content .wrapper .right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: auto; } main.inner-page .content .wrapper .right .top-buttons { margin-bottom: 0; } main.inner-page .content .wrapper .right .top-buttons a { margin-right: 20px; } main.inner-page .content.content-bottom { margin-top: 28px; } main.inner-page .content.content-bottom .wrapper { padding-right: 0; padding-left: 0; } main.inner-page .content.content-bottom .wrapper .page-title { width: 100%; padding-left: 24px; padding-bottom: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 768px) { main.inner-page .content.content-bottom .wrapper .page-title { padding-left: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } main.inner-page .content.content-bottom .wrapper .page-title h1 { color: #393939; font-size: 20px; } @media screen and (max-width: 768px) { main.inner-page .content.content-bottom .wrapper .page-title h1 { margin-bottom: 16px; } } main.inner-page .content.content-bottom .wrapper .page-title h2 { color: #393939; font-size: 20px; } @media screen and (max-width: 768px) { main.inner-page .content.content-bottom .wrapper .page-title h2 { margin-bottom: 16px; } } main.inner-page .content.content-bottom .wrapper .page-title .buttons { display: -webkit-box; display: -ms-flexbox; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media screen and (max-width: 768px) { main.inner-page .content.content-bottom .wrapper .page-title .buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } main.inner-page .content.content-bottom .wrapper .page-title .buttons > * { margin-right: 36px; } @media screen and (max-width: 768px) { main.inner-page .content.content-bottom .wrapper .page-title .buttons > * { margin-bottom: 8px; } } main.inner-page .content.content-bottom .wrapper .page-title .buttons > *:last-child { margin-right: 0; text-decoration: underline; } @media screen and (max-width: 768px) { main.inner-page .content.content-bottom .wrapper .page-title .buttons > *:last-child { margin-bottom: 0; } } main.inner-page .content.content-bottom .wrapper .page-title .buttons button, main.inner-page .content.content-bottom .wrapper .page-title .buttons a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: transparent; border-radius: 5px; color: #666666; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; text-decoration: none; text-decoration: none; color: #666666; } main.inner-page .content.content-bottom .wrapper .page-title .buttons button:hover, main.inner-page .content.content-bottom .wrapper .page-title .buttons a:hover { color: #393939; } main.inner-page .content.content-bottom .wrapper .page-title .buttons button img, main.inner-page .content.content-bottom .wrapper .page-title .buttons a img { margin-right: 12px; width: 17px; } main.inner-page .content.content-bottom .wrapper .page-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; } main.inner-page .content.content-bottom .wrapper .page-content .full-width { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; } @media screen and (max-width: 1365px) { main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left { width: calc(100% - 344px - 20px); } @media screen and (max-width: 1365px) { main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left { width: 100%; } } @media screen and (max-width: 1024px) { main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left { display: block; } } @media screen and (max-width: 768px) { main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left { margin-right: 0; } } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left .promocode { width: calc(100% - 344px - 20px); margin-top: 28px; } @media screen and (max-width: 768px) { main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left .promocode { width: 100%; } } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left .promocode form { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 500px) { main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left .promocode form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left .promocode form p { color: #666666; font-size: 20px; font-weight: bold; margin-right: 24px; margin-top: 12px; } @media screen and (max-width: 768px) { main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left .promocode form p { font-size: 18px; } } @media screen and (max-width: 500px) { main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left .promocode form p { margin-bottom: 16px; } main.inner-page .content.content-bottom .wrapper .page-title {padding-bottom: 0;}main.inner-page .content.content-bottom {margin-top: 0} main .content.content-header{margin-top: 0;} } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left .promocode form .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 0; width: 100%; padding-bottom: 48px; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left .promocode form .content .top { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 344px) { main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left .promocode form .content .top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left .promocode form .content .top input { font-size: 18px; color: #666666; border: 1px solid #f7d312; border-radius: 10px; padding-top: 12px; padding-bottom: 12px; padding-left: 12px; padding-right: 12px; heigth: 100%; margin-right: 12px; } @media screen and (max-width: 768px) { main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left .promocode form .content .top input { width: 100%; padding-top: 8px; padding-bottom: 8px; } } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left .promocode form .content .top input::-webkit-input-placeholder { font-size: 18px; color: #666666; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left .promocode form .content .top input::-moz-placeholder { font-size: 18px; color: #666666; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left .promocode form .content .top input:-moz-placeholder { font-size: 18px; color: #666666; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left .promocode form .content .top input:-ms-input-placeholder { font-size: 18px; color: #666666; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left .promocode form .content .top button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 13px; padding-bottom: 13px; padding-right: 24px; padding-left: 20px; background: transparent; border-radius: 5px; font-size: 18px; cursor: pointer; color: #393939; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #f7d312; text-decoration: none; white-space: nowrap; border-radius: 10px; } @media screen and (max-width: 1919px) { main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left .promocode form .content .top button { padding-top: 10px; padding-bottom: 10px; padding-right: 20px; padding-left: 16px; font-size: 16px; } } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left .promocode form .content .top button:hover { background: #fff; color: #393939; } @media screen and (max-width: 768px) { main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left .promocode form .content .top button { height: 100%; } } @media screen and (max-width: 344px) { main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left .promocode form .content .top button { width: 100%; margin-top: 16px; } } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left .promocode form .content .top button:hover { background: #666666; color: #fff; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left .promocode form .content .bottom { width: 100%; margin-top: 24px; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left .promocode form .content .bottom .label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #ebebeb; width: 100%; border-radius: 10px; padding-top: 12px; padding-bottom: 12px; padding-left: 16px; padding-right: 12px; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left .promocode form .content .bottom .label p { font-size: 14px; color: #666666; margin-top: 0; margin-bottom: 0; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left .promocode form .content .bottom .label img { width: 16px; cursor: pointer; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table { width: 100%; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table thead { width: 100%; } @media screen and (max-width: 1024px) { main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table thead { display: none; } } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table thead tr th { font-size: 18px; color: #393939; padding-left: 12px; padding-right: 12px; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table tbody { width: 100%; } @media screen and (max-width: 1024px) { main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table tbody tr { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; width: 100%; } } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table tbody tr td { padding-bottom: 18px; padding-top: 18px; border-bottom: 1px solid #000; } @media screen and (max-width: 1024px) { main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table tbody tr td { border-bottom: 0; } } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table tbody tr td > div { padding-right: 12px; padding-left: 12px; height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table tbody tr td.img { width: 116px; } @media screen and (max-width: 1024px) { main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table tbody tr td.img { width: 30%; } } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table tbody tr td.img div { width: 100%; } @media screen and (max-width: 1024px) { main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table tbody tr td.img div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table tbody tr td.img div img { max-height: 84px; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table tbody tr td.title { padding-right: 32px; width: 33.333%; } @media screen and (max-width: 1024px) { main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table tbody tr td.title { width: 70%; } } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table tbody tr td.title div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table tbody tr td.title div p { color: #000; font-size: 16px; } @media screen and (max-width: 1024px) { main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table tbody tr td.title div p { text-align: start; } } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table tbody tr td.price { width: 33.333%; padding-left: 12px; padding-right: 12px; } @media screen and (max-width: 1024px) { main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table tbody tr td.price { width: 100%; padding-top: 0; border-bottom: 1px solid #000; padding-left: calc(30% + 12px); } } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table tbody tr td.price table { width: 100%; } @media screen and (max-width: 1024px) { main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table tbody tr td.price table tbody { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media screen and (max-width: 500px) { main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table tbody tr td.price table tbody { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media screen and (max-width: 1024px) { main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table tbody tr td.price table tbody tr { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table tbody tr td.price table tbody tr:first-child { margin-right: 20px; } } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table tbody tr td.price table tbody tr td { padding-top: 0; padding-bottom: 0; border-bottom: 0; padding-bottom: 4px; } @media screen and (max-width: 1024px) { main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table tbody tr td.price table tbody tr td { padding-bottom: 0; } } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table tbody tr td.price table tbody tr td .new { font-size: 16px; color: #084781; font-weight: bold; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table tbody tr td.price table tbody tr td .old { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-left: 0; padding-right: 0; } @media screen and (max-width: 500px) { main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table tbody tr td.price table tbody tr td .old { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table tbody tr td.price table tbody tr td .old p { margin-right: 12px; color: #666666; position: relative; white-space: nowrap; } @media screen and (max-width: 768px) { main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table tbody tr td.price table tbody tr td .old p { margin-bottom: 12px; } } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table tbody tr td.price table tbody tr td .old p::after { content: ""; display: block; height: 1px; top: 50%; left: 0; width: 100%; background: #666666; position: absolute; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table tbody tr td.price table tbody tr td .old .label { background: #084781; border-radius: 5px; color: #fff; white-space: nowrap; padding: 8px; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table tbody tr td.price table tbody tr td .counter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 110px; width: 100%; margin-left: 36px; padding-left: 7px; padding-right: 7px; padding-top: 6px; padding-bottom: 6px; background: #f2f2f2; border-radius: 5px; } @media screen and (max-width: 1024px) { main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table tbody tr td.price table tbody tr td .counter { display: none; } } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table tbody tr td.price table tbody tr td .counter button { color: #393939; font-size: 16px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #e5e5e5; cursor: pointer; border-radius: 5px; padding-left: 6px; padding-right: 6px; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table tbody tr td.price table tbody tr td .counter button:hover { background: #f7d312; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table tbody tr td.price table tbody tr td .counter input { text-align: center; color: #393939; font-weight: bold; font-size: 16px; width: 100%; background: transparent; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table tbody tr td.close { padding-left: 0; width: 20px; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table tbody tr td.close img { cursor: pointer; width: 16px; margin-top: 8px; margin-left: auto; display: block; } @media screen and (max-width: 1024px) { main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table tbody tr td.close img { position: absolute; top: 10px; right: 10px; } } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .left table tbody tr:last-child td { border-bottom: 0; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .right { width: 344px; margin-left: 20px; } @media screen and (max-width: 1365px) { main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .right { width: 100%; margin-left: 0; padding-bottom: 36px; } } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .right .form-right-form { width: 100%; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .right .form-right-form label { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 28px; padding: 0 10px; width: 100%; padding-left: 28px; padding-right: 28px; } @media screen and (max-width: 1919px) { main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .right .form-right-form label { margin-top: 20px; } } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .right .form-right-form label input { display: none; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .right .form-right-form label input:checked + span:before { max-height: 6px; max-width: 6px; background: #fff; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .right .form-right-form label span { font-size: 14px; color: #666666; position: relative; padding-left: 30px; cursor: pointer; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .right .form-right-form label span::before { content: ""; display: block; max-width: 6px; max-height: 6px; width: 100%; height: 100%; border-radius: 7px; margin-right: 16px; background: #084781; border: 4px solid #084781; cursor: pointer; position: absolute; top: 4px; left: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .right .form-right-form label span a { font-size: 14px; color: #666666; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .right .form-right-form button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 13px; padding-bottom: 13px; padding-right: 24px; padding-left: 20px; background: transparent; border-radius: 5px; font-size: 18px; cursor: pointer; color: #393939; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #f7d312; text-decoration: none; white-space: nowrap; width: 100%; text-align: center; font-weight: bold; margin-top: 20px; border-radius: 10px; cursor: pointer; border: 2px solid transparent; } @media screen and (max-width: 1919px) { main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .right .form-right-form button { padding-top: 10px; padding-bottom: 10px; padding-right: 20px; padding-left: 16px; font-size: 16px; } } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .right .form-right-form button:hover { background: #fff; color: #393939; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .right .form-right-form button:hover { border: 2px solid #f7d312; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .right .form-right-form button.no-sign_up { border: 2px solid #084781; color: #084781; background: #fff; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .right .form-right-form button.no-sign_up:hover { background: #084781; color: #fff; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .right .form-right-form .counter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border-radius: 10px; border: 1px solid #ebebeb; padding-top: 30px; padding-right: 24px; padding-bottom: 32px; padding-left: 28px; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .right .form-right-form .counter .info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin-bottom: 28px; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .right .form-right-form .counter .info > * { font-size: 18px; color: #666666; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .right .form-right-form .counter .price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .right .form-right-form .counter .price p { color: #084781; font-size: 18px; font-weight: bold; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .right .form-right-form .counter .price div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .right .form-right-form .counter .price div span { color: #084781; font-weight: bold; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .right .form-right-form .counter .price div span.old { color: #666666; font-weight: normal; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart .right .form-right-form .counter .price div span.old::after { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #666666; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 16px; padding-bottom: 32px; border-bottom: 1px solid #666666; width: 100%; } @media screen and (max-width: 768px) { main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 28px; position: relative; padding-top: 0; margin-top: 16px; } } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block:last-child { border-bottom: 0; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .number { font-size: 18px; font-weight: bold; color: #666666; width: 32px; } @media screen and (max-width: 768px) { main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .number { margin-bottom: 8px; position: absolute; top: 0; left: 0; } } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .info_blocks { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .info_blocks .info_block { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 28px; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .info_blocks .info_block:last-child { margin-bototm: 0; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .info_blocks .info_block p { margin-bottom: 24px; font-size: 18px; color: #666666; padding-left: 36px; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .info_blocks .info_block .inputs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; } @media screen and (max-width: 768px) { main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .info_blocks .info_block .inputs { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .info_blocks .info_block .inputs label { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; } @media screen and (max-width: 768px) { main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .info_blocks .info_block .inputs label { margin-bottom: 12px; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .info_blocks .info_block .inputs label:last-child { margin-bottom: 0; } } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .info_blocks .info_block .inputs label img { opacity: 0; pointer-events: none; position: absolute; top: calc(50% - 9px); right: 20px; width: 18px; cursor: pointer; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .info_blocks .info_block .inputs label input { width: 100%; font-size: 18px; color: #666666; border: 1px solid #666666; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 10px; padding-top: 16px; padding-bottom: 16px; padding-left: 24px; padding-right: 52px; background: transparent; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .info_blocks .info_block .inputs label input.input-button { color: #393939; display: block !important; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .info_blocks .info_block .inputs label input.input-button:hover { color: #084781 !important; background-color: #f7d312; border: 1px solid transparent; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .info_blocks .info_block .inputs label input.input-button ~ img { opacity: 1;} main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .info_blocks .info_block .inputs label input::-webkit-input-placeholder { font-size: 18px; color: #666666; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .info_blocks .info_block .inputs label input::-moz-placeholder { font-size: 18px; color: #666666; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .info_blocks .info_block .inputs label input:-moz-placeholder { font-size: 18px; color: #666666; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .info_blocks .info_block .inputs label input:-ms-input-placeholder { font-size: 18px; color: #666666; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .info_blocks .info_block .inputs label:hover input { border: 1px solid #084781; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .info_blocks .info_block .inputs.registered_inputs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .info_blocks .info_block .inputs.registered_inputs label { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 768px) { main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .info_blocks .info_block .inputs.registered_inputs label { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .info_blocks .info_block .inputs.registered_inputs label div { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 28px; padding: 0 10px; padding: 0; } @media screen and (max-width: 1919px) { main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .info_blocks .info_block .inputs.registered_inputs label div { margin-top: 20px; } } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .info_blocks .info_block .inputs.registered_inputs label div input { display: none; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .info_blocks .info_block .inputs.registered_inputs label div input:checked + span:before { max-height: 6px; max-width: 6px; background: #fff; } /*main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .info_blocks .info_block .inputs.registered_inputs label div span { font-size: 14px; color: #666666; position: relative; padding-left: 30px; cursor: pointer; }*/ main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .info_blocks .info_block .inputs.registered_inputs label div span { font-size: 18px; color: #666666; position: relative; padding-left: 30px; cursor: pointer; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .info_blocks .info_block .inputs.registered_inputs label div span::before { content: ""; display: block; max-width: 6px; max-height: 6px; width: 100%; height: 100%; border-radius: 7px; margin-right: 16px; background: #084781; border: 4px solid #084781; cursor: pointer; position: absolute; top: 4px; left: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .info_blocks .info_block .inputs.registered_inputs label div span a { font-size: 14px; color: #666666; } @media screen and (max-width: 768px) { main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .info_blocks .info_block .inputs.registered_inputs label div { width: 100%; } } /*main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .info_blocks .info_block .inputs.registered_inputs label div span::before { top: 0; }*/ main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .info_blocks .info_block .inputs.registered_inputs label div span::before { top: 4px; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .info_blocks .info_block .inputs.registered_inputs label div img { top: 50%; } @media screen and (max-width: 768px) { main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .info_blocks .info_block .inputs.registered_inputs label div img { top: calc(50% + 17px); } } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .info_blocks .info_block .inputs.registered_inputs label div input[type='text'] { display: block; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .col { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-right: 32px; padding-top: 4px; } @media screen and (max-width: 768px) { main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .col { margin-bottom: 12px; } } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .col:last-child { padding-right: 0; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .col label { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 28px; padding: 0 10px; margin-top: 0 !important; margin-bottom: 20px; } @media screen and (max-width: 1919px) { main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .col label { margin-top: 20px; } } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .col label input { display: none; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .col label input:checked + span:before { max-height: 6px; max-width: 6px; background: #fff; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .col label span { font-size: 14px; color: #666666; position: relative; padding-left: 30px; cursor: pointer; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .col label span::before { content: ""; display: block; max-width: 6px; max-height: 6px; width: 100%; height: 100%; border-radius: 7px; margin-right: 16px; background: #084781; border: 4px solid #084781; cursor: pointer; position: absolute; top: 4px; left: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .col label span a { font-size: 14px; color: #666666; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .col label:last-child { margin-bottom: 0; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .col label:last-child:first-child { margin-bottom: 0; } main.inner-page .content.content-bottom .wrapper .page-content .full-width .cart.cart-order .left .user-info_block .col label span { font-size: 18px; color: #666666; } main.inner-page .content.content-bottom .wrapper .page-content .left { width: 292px; margin-right: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 1024px) { main.inner-page .content.content-bottom .wrapper .page-content .left { display: none; } } main.inner-page .content.content-bottom .wrapper .page-content .left .choose-category { background: #084781; border-radius: 5px; width: 100%; } main.inner-page .content.content-bottom .wrapper .page-content .left .choose-category li { color: #fff; font-size: 16px; padding-top: 16px; padding-bottom: 18px; padding-left: 20px; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-bottom: 1px solid #093b69; } main.inner-page .content.content-bottom .wrapper .page-content .left .choose-category li:first-child { border-radius: 5px 5px 0 0; } main.inner-page .content.content-bottom .wrapper .page-content .left .choose-category li:last-child { border-radius: 0 0 5px 5px; border-bottom: 0; } main.inner-page .content.content-bottom .wrapper .page-content .left .choose-category li.active { background: #f7d312; cursor: default; } main.inner-page .content.content-bottom .wrapper .page-content .left .choose-category li:hover { background: #f7d312; } main.inner-page .content.content-bottom .wrapper .page-content .right { width: calc(100% - 292px - 16px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 1365px) { main.inner-page .content.content-bottom .wrapper .page-content .right { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media screen and (max-width: 1024px) { main.inner-page .content.content-bottom .wrapper .page-content .right { width: 100%; } } @media screen and (max-width: 768px) { main.inner-page .content.content-bottom .wrapper .page-content .right { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } main.inner-page .content.content-bottom .wrapper .page-content .right .sorting { padding-left: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } @media screen and (max-width: 1365px) { main.inner-page .content.content-bottom .wrapper .page-content .right .sorting { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; } } @media screen and (max-width: 768px) { main.inner-page .content.content-bottom .wrapper .page-content .right .sorting { overflow: auto; max-width: calc(100vw - 40px); padding-left: 0; width: unset; } } main.inner-page .content.content-bottom .wrapper .page-content .right .sorting p { margin-right: 20px; color: #5b5b5b; font-weight: bold; font-size: 18px; } @media screen and (max-width: 1365px) { main.inner-page .content.content-bottom .wrapper .page-content .right .sorting p { margin-bottom: 20px; margin-right: 0; } } @media screen and (max-width: 768px) { main.inner-page .content.content-bottom .wrapper .page-content .right .sorting p { white-space: nowrap; margin-right: 20px; margin-bottom: 0; } } main.inner-page .content.content-bottom .wrapper .page-content .right .sorting .buttons { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 768px) { main.inner-page .content.content-bottom .wrapper .page-content .right .sorting .buttons { margin-top: 12px; } } main.inner-page .content.content-bottom .wrapper .page-content .right .sorting .buttons button { padding-top: 12px; padding-bottom: 12px; padding-right: 8px; padding-left: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 18px; border-radius: 5px; background: transparent; cursor: pointer; color: #5b5b5b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media screen and (max-width: 768px) { main.inner-page .content.content-bottom .wrapper .page-content .right .sorting .buttons button { white-space: nowrap; } } main.inner-page .content.content-bottom .wrapper .page-content .right .sorting .buttons button span { text-decoration: underline; } /*main.inner-page .content.content-bottom .wrapper .page-content .right .sorting .buttons button::after { content: ""; display: block; width: 7px; height: 13px; margin-left: 4px; background-image: url(/local/templates/aetauto/css/../media/down-arrow--gray.svg); background-repeat: no-repeat; background-position: center; background-size: contain; }*/ main.inner-page .content.content-bottom .wrapper .page-content .right .sorting .buttons button.active { color: #fff; background: #084781; } /*main.inner-page .content.content-bottom .wrapper .page-content .right .sorting .buttons button.active::after { background-image: url(/local/templates/aetauto/css/../media/down-arrow--white.svg); }*/ main.inner-page .content.content-bottom .wrapper .page-content .right .sorting .buttons button:hover { color: #084781; } main.inner-page .content.content-bottom .wrapper .page-content .right .sorting .buttons button:hover.active { color: #fff; } main.inner-page .content.content-bottom .wrapper .page-content .right .sorting .buttons button.desc img { -webkit-transform: rotate(180deg); transform: rotate(180deg); } main.inner-page .content.content-bottom .wrapper .page-content .right .price-filter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding-left: 24px; } @media screen and (max-width: 1365px) { main.inner-page .content.content-bottom .wrapper .page-content .right .price-filter { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media screen and (max-width: 768px) { main.inner-page .content.content-bottom .wrapper .page-content .right .price-filter { width: 100%; padding-left: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: auto; } } main.inner-page .content.content-bottom .wrapper .page-content .right .price-filter p { margin-right: 20px; color: #5b5b5b; font-weight: bold; font-size: 18px; } @media screen and (max-width: 1365px) { main.inner-page .content.content-bottom .wrapper .page-content .right .price-filter p { margin-bottom: 20px; } } @media screen and (max-width: 768px) { main.inner-page .content.content-bottom .wrapper .page-content .right .price-filter p { margin-bottom: 0; white-space: nowrap; margin-right: 20px; } } main.inner-page .content.content-bottom .wrapper .page-content .right .price-filter form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 768px) { main.inner-page .content.content-bottom .wrapper .page-content .right .price-filter form { margin-top: 12px; } } main.inner-page .content.content-bottom .wrapper .page-content .right .price-filter form label { margin-left: 8px; margin-right: 8px; } @media screen and (max-width: 768px) { main.inner-page .content.content-bottom .wrapper .page-content .right .price-filter form label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } main.inner-page .content.content-bottom .wrapper .page-content .right .price-filter form label span { color: #5b5b5b; font-size: 18px; margin-right: 8px; } main.inner-page .content.content-bottom .wrapper .page-content .right .price-filter form label input { padding-top: 9px; padding-bottom: 9px; color: #5b5b5b; font-size: 18px; width: 104px; background: #ebebeb; border-radius: 5px; padding-left: 8px; padding-right: 8px; } main.inner-page .content.content-bottom .wrapper .page-content .right .price-filter form button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 13px; padding-bottom: 13px; padding-right: 24px; padding-left: 20px; background: transparent; border-radius: 5px; font-size: 18px; cursor: pointer; color: #393939; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #f7d312; text-decoration: none; white-space: nowrap; height: 100%; cursor: pointer; background: #084781; color: #fff; margin-right: 4px; transition: all 0.3s ease; } @media screen and (max-width: 1919px) { main.inner-page .content.content-bottom .wrapper .page-content .right .price-filter form button { padding-top: 10px; padding-bottom: 10px; padding-right: 20px; padding-left: 16px; font-size: 16px; } } main.inner-page .content.content-bottom .wrapper .page-content .right .price-filter form button:hover { background: #fff; color: #393939; } @media screen and (max-width: 768px) { main.inner-page .content.content-bottom .wrapper .page-content .right .price-filter form button { display: none; } } main.inner-page .content.content-bottom .wrapper .page-content .right .price-filter form button[type=reset] { background: #ebebeb; color: #393939; } main.inner-page .content.content-bottom .wrapper .page-content .right .price-filter form button[type=reset]:hover { background: #393939; color: #fff; } main.inner-page .content.content-bottom .wrapper .page-content .right .price-filter form button:last-child { margin-right: 0; } main.inner-page .content.content-bottom .wrapper .page-content .right .price-filter form button:hover { background: #393939; color: #fff; } main.inner-page .content.content-bottom .wrapper .page-content .right .cards { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px; width: 100%; margin-top: 36px; margin-bottom: 44px; } main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card { padding-top: 68px; padding-right: 24px; padding-bottom: 22px; padding-left: 24px; border-radius: 5px; border: 1px solid #ebebeb; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-decoration: none; margin-right: 16px; width: calc(33.333% - 11px); margin-right: 0 !important; } @media screen and (max-width: 1919px) { main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card { padding-top: 52px; padding-right: 16px; padding-left: 16px; padding-bottom: 14px; margin-right: 14px; } } @media screen and (max-width: 767px) { main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card { margin-right: 0; } } main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .label { position: absolute; top: 16px; left: 12px; color: #fff; background: #084781; border-radius: 5px; padding-top: 8px; padding-right: 16px; padding-bottom: 8px; padding-left: 16px; } @media screen and (max-width: 1919px) { main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .label { top: 12px; padding-right: 12px; padding-left: 12px; } } main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .img { height: 188px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 28px; } @media screen and (max-width: 1919px) { main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .img { height: 160px; margin-bottom: 24px; } } @media screen and (max-width: 767px) { main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .img { height: 220px; margin-bottom: 28px; } } main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .img img { max-height: 100%; max-width: 100%; } main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card h5, main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .h5 { font-size: 16px; color: #393939; margin-bottom: 24px; max-height: 38px; height: 38px; } @media screen and (max-width: 1919px) { main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card h5, main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .h5 { margin-bottom: 20px; max-height: 30px; height: 30px; }} @media screen and (min-width: 1200px) { main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card h5, main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .h5 { min-height: 57px; } } @media screen and (max-width: 767px) { main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card h5, main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .h5 { font-size: 20px; max-height: unset; height: auto; } } main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .price span { margin-right: 20px; font-size: 16px; color: #000; } @media screen and (max-width: 767px) { main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .price span { font-size: 24px; } } main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .price span:last-child { margin-right: 0; } main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .price span.new { font-weight: bold; color: #084781; } main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .price span.old { color: #666666; padding-left: 2px; padding-right: 2px; position: relative; } main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .price span.old::after { content: ""; display: block; width: 100%; background: #666666; position: absolute; top: 50%; left: 0; height: 1px; } main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .quantity { font-size: 16px; color: #666666; margin-top: 8px; display: block; } @media screen and (max-width: 767px) { main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .quantity { font-size: 18px; } } main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .secondary-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 32px; } @media screen and (max-width: 1919px) { main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .secondary-buttons { margin-top: 24px; } } main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .secondary-buttons > * { margin-right: 12px; } main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .secondary-buttons > *:last-child { margin-right: 0; } main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .secondary-buttons > img { width: 24px; cursor: pointer; } @media screen and (max-width: 1919px) { main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .secondary-buttons > img { width: 20px; } } @media screen and (max-width: 767px) { main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .secondary-buttons > img { width: 36px; } } main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .secondary-buttons .counter { background: #f2f2f2; border-radius: 5px; padding-top: 5px; padding-right: 4px; padding-bottom: 5px; padding-left: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 108px; } @media screen and (max-width: 1365px) { main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .secondary-buttons .counter { max-width: 180px; } } main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .secondary-buttons .counter input { background: transparent; text-align: center; width: 100%; } main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .secondary-buttons .counter button { background: #e5e5e5; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-right: 8px; padding-left: 8px; height: 24px; cursor: pointer; padding-bottom: 2px; } @media screen and (max-width: 1919px) { main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .secondary-buttons .counter button { height: 20px; } } @media screen and (max-width: 767px) { main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .secondary-buttons .counter button { height: 40px; padding-right: 16px; padding-left: 16px; } } main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .secondary-buttons .counter button:hover { background: #f7d312; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .buttons { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .buttons button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 13px; padding-bottom: 13px; padding-right: 24px; padding-left: 20px; background: transparent; border-radius: 5px; font-size: 18px; cursor: pointer; color: #393939; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #f7d312; text-decoration: none; white-space: nowrap; font-size: 14px; padding-top: 8px; padding-bottom: 8px; padding-right: 16px; padding-left: 16px; margin-right: 9px; height: 36px; } @media screen and (max-width: 1919px) { main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .buttons button { padding-top: 10px; padding-bottom: 10px; padding-right: 20px; padding-left: 16px; font-size: 16px; } } main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .buttons button:hover { background: #fff; color: #393939; } @media screen and (max-width: 1919px) { main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .buttons button { padding-left: 12px; padding-right: 12px; } } @media screen and (max-width: 767px) { main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .buttons button { font-size: 18px; height: 56px; } } main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .buttons button:hover { color: #fff; background: #393939; } main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .buttons button:last-child { margin-right: 0; } main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .buttons button:first-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .buttons button.addToCart { background: #084781; padding-top: 4px; padding-bottom: 4px; } main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .buttons button.addToCart img { width: 24px; } @media screen and (max-width: 1919px) { main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .buttons button.addToCart img { width: 20px; } } main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .buttons button.addToCart:hover { color: #393939; background: #f7d312; } main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card:hover { border: 1px solid #f7d312; } @media screen and (max-width: 1365px) { main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card { width: calc(50% - 11px); } } @media screen and (max-width: 1365px) { main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card { width: calc(33.333% - 11px); } } @media screen and (max-width: 768px) { main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card { width: calc(50% - 11px); } } @media screen and (max-width: 560px) { main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card { width: 100%; } } main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card h5, main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .h5 { height: auto; max-height: unset; } main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .price { margin-top: auto; } main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .price .new { font-weight: bold; } main.inner-page .content.content-bottom .wrapper .page-content .right .show-counter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; margin-bottom: 16px; } main.inner-page .content.content-bottom .wrapper .page-content .right .show-counter p { font-size: 16px; color: #393939; margin-right: 12px; font-weight: bold; } main.inner-page .content.content-bottom .wrapper .page-content .right .show-counter a { font-size: 16px; color: #393939; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } main.inner-page .content.content-bottom .wrapper .page-content .right .show-counter a:hover { color: #084781; } main.inner-page .content.content-bottom .wrapper .page-content .right .show-counter span { margin-left: 12px; margin-right: 12px; font-size: 16px; color: #393939; } main.inner-page .content.content-bottom .wrapper .page-content .right .pagination { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } main.inner-page .content.content-bottom .wrapper .page-content .right .pagination img { width: 5px; } main.inner-page .content.content-bottom .wrapper .page-content .right .pagination img.prev-page { -webkit-transform: rotate(90deg); transform: rotate(90deg); margin-right: 6px; } main.inner-page .content.content-bottom .wrapper .page-content .right .pagination img.next-page { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); margin-left: 6px; } main.inner-page .content.content-bottom .wrapper .page-content .right .pagination button { background: transparent; padding-left: 8px; padding-right: 8px; padding-top: 8px; padding-bottom: 8px; cursor: pointer; border-radius: 5px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } main.inner-page .content.content-bottom .wrapper .page-content .right .pagination button.active { background: #084781; color: #fff; } main.inner-page .content.content-bottom .wrapper .page-content .right .pagination button:hover { color: #084781; } main.inner-page .content.content-bottom .wrapper .page-content .right .pagination button:hover.active { color: #fff; } main.inner-page .content.content-bottom .wrapper .page-content .right .more-items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; margin-top: 44px; } main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .title { margin-bottom: 40px; text-decoration: none; } main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .title h2, main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .title .h2 { font-size: 20px; color: #393939; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .title h2 span, main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .title .h2 span { text-decoration: underline; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .title:hover h2, main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .title:hover .h2 { color: #084781; } main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .title:hover h2 span, main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .title:hover .h2 span { margin-right: 8px; } main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards { width: 100%; margin-top: 0; } main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card { padding-top: 68px; padding-right: 24px; padding-bottom: 22px; padding-left: 24px; border-radius: 5px; border: 1px solid #ebebeb; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-decoration: none; margin-right: 16px; } @media screen and (max-width: 1919px) { main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card { padding-top: 52px; padding-right: 16px; padding-left: 16px; padding-bottom: 14px; margin-right: 14px; } } @media screen and (max-width: 767px) { main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card { margin-right: 0; } } main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .label { position: absolute; top: 16px; left: 12px; color: #fff; background: #084781; border-radius: 5px; padding-top: 8px; padding-right: 16px; padding-bottom: 8px; padding-left: 16px; } @media screen and (max-width: 1919px) { main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .label { top: 12px; padding-right: 12px; padding-left: 12px; } } main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .img { height: 188px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 28px; } @media screen and (max-width: 1919px) { main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .img { height: 160px; margin-bottom: 24px; } } @media screen and (max-width: 767px) { main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .img { height: 220px; margin-bottom: 28px; } } main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .img img { max-height: 100%; max-width: 100%; } main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card h5, main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .h5 { font-size: 16px; color: #393939; margin-bottom: 24px; max-height: 38px; height: 38px; } @media screen and (max-width: 1919px) { main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card h5, main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .h5 { margin-bottom: 20px; max-height: 30px; height: 30px; } } @media screen and (max-width: 767px) { main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card h5, main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .h5 { font-size: 20px; max-height: unset; height: auto; } } main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .price span { margin-right: 20px; font-size: 16px; color: #000; } @media screen and (max-width: 767px) { main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .price span { font-size: 24px; } } main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .price span:last-child { margin-right: 0; } main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .price span.new { font-weight: bold; color: #084781; } main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .price span.old { color: #666666; padding-left: 2px; padding-right: 2px; position: relative; } main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .price span.old::after { content: ""; display: block; width: 100%; background: #666666; position: absolute; top: 50%; left: 0; height: 1px; } main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .quantity { font-size: 16px; color: #666666; margin-top: 8px; display: block; } @media screen and (max-width: 767px) { main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .quantity { font-size: 18px; } } main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .secondary-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 32px; } @media screen and (max-width: 1919px) { main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .secondary-buttons { margin-top: 24px; } } main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .secondary-buttons > * { margin-right: 12px; } main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .secondary-buttons > *:last-child { margin-right: 0; } main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .secondary-buttons > img { width: 24px; cursor: pointer; } @media screen and (max-width: 1919px) { main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .secondary-buttons > img { width: 20px; } } @media screen and (max-width: 767px) { main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .secondary-buttons > img { width: 36px; } } main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .secondary-buttons .counter { background: #f2f2f2; border-radius: 5px; padding-top: 5px; padding-right: 4px; padding-bottom: 5px; padding-left: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 108px; } @media screen and (max-width: 1365px) { main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .secondary-buttons .counter { max-width: 180px; } } main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .secondary-buttons .counter input { background: transparent; text-align: center; width: 100%; } main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .secondary-buttons .counter button { background: #e5e5e5; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-right: 8px; padding-left: 8px; height: 24px; cursor: pointer; padding-bottom: 2px; } @media screen and (max-width: 1919px) { main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .secondary-buttons .counter button { height: 20px; } } @media screen and (max-width: 767px) { main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .secondary-buttons .counter button { height: 40px; padding-right: 16px; padding-left: 16px; } } main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .secondary-buttons .counter button:hover { background: #f7d312; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .buttons { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .buttons button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 13px; padding-bottom: 13px; padding-right: 24px; padding-left: 20px; background: transparent; border-radius: 5px; font-size: 18px; cursor: pointer; color: #393939; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #f7d312; text-decoration: none; white-space: nowrap; font-size: 14px; padding-top: 8px; padding-bottom: 8px; padding-right: 16px; padding-left: 16px; margin-right: 9px; height: 36px; } @media screen and (max-width: 1919px) { main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .buttons button { padding-top: 10px; padding-bottom: 10px; padding-right: 20px; padding-left: 16px; font-size: 16px; } } main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .buttons button:hover { background: #fff; color: #393939; } @media screen and (max-width: 1919px) { main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .buttons button { padding-left: 12px; padding-right: 12px; } } @media screen and (max-width: 767px) { main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .buttons button { font-size: 18px; height: 56px; } } main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .buttons button:hover { color: #fff; background: #393939; } main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .buttons button:last-child { margin-right: 0; } main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .buttons button:first-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .buttons button.addToCart { background: #084781; padding-top: 4px; padding-bottom: 4px; } main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .buttons button.addToCart img { width: 24px; } @media screen and (max-width: 1919px) { main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .buttons button.addToCart img { width: 20px; } } main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card .buttons button.addToCart:hover { color: #393939; background: #f7d312; } main.inner-page .content.content-bottom .wrapper .page-content .right .more-items .cards .card:hover { border: 1px solid #f7d312; } .page-content { margin-top: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .page-content .full-width { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } @media screen and (max-width: 1024px) { .page-content .full-width { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } } .page-content .w33 { width: 33.333% !important; } @media screen and (max-width: 1024px) { .page-content .w33 { width: 100% !important; } } .page-content .w66 { width: 66.666% !important; } @media screen and (max-width: 1024px) { .page-content .w66 { width: 100% !important; } } .page-content.user-enter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-bottom: 40px; } .page-content.user-enter h3 { color: #666666; font-size: 18px; font-weight: normal; text-transform: uppercase; margin-bottom: 28px !important; padding-left: 28px; } .page-content.user-enter .buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin-top: 40px; } @media screen and (max-width: 768px) { .page-content.user-enter .buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .page-content.user-enter .buttons button { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-top: 0; } @media screen and (max-width: 768px) { .page-content.user-enter .buttons button { margin-top: 28px; } } .page-content.user-enter form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; border-right: 1px solid #666666; padding-right: 80px; } @media screen and (max-width: 1024px) { .page-content.user-enter form { width: 50%; gap: unset; } } @media screen and (max-width: 768px) { .page-content.user-enter form { width: 100%; } } .page-content.user-enter form:last-child { border-right: 0; padding-right: 0; } .page-content.user-enter form label { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: relative; margin-bottom: 12px !important; } .page-content.user-enter form label input { width: 100%; padding-top: 16px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; border-radius: 10px; border: 1px solid #666666; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 18px; color: #666666; } .page-content.user-enter form label input:hover { border: 1px solid #084781; } .page-content.user-enter form label img { position: absolute; top: 18px; right: 16px; width: 18px; cursor: pointer; } .page-content.user-enter form button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 13px; padding-bottom: 13px; padding-right: 24px; padding-left: 20px; background: transparent; border-radius: 5px; font-size: 18px; cursor: pointer; color: #393939; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #f7d312; text-decoration: none; white-space: nowrap; width: 100%; margin-top: 24px; } @media screen and (max-width: 1919px) { .page-content.user-enter form button { padding-top: 10px; padding-bottom: 10px; padding-right: 20px; padding-left: 16px; font-size: 16px; } } .page-content.user-enter form button:hover { background: #fff; color: #393939; } .page-content.user-enter form button:hover { background: #666666; color: #fff; } .page-content.user-enter .left { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .page-content.user-enter .right { padding-left: 80px; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } @media screen and (max-width: 1024px) { .page-content.user-enter .right { padding-left: 0; margin-top: 64px; } } .page-content.user-enter .right h3 { width: 100%; } .page-content.user-enter .right form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-column-gap: 12px; column-gap: 12px; } @media screen and (max-width: 1024px) { .page-content.user-enter .right form { width: 100%; } } .page-content.user-enter .right form label { width: calc(33.333% - 8px); margin-bottom: 0; } @media screen and (max-width: 768px) { .page-content.user-enter .right form label { width: 100%; } } .page-content.user-enter .right form label.policy { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 28px; padding: 0 10px; width: 100%; margin-top: 20px; } @media screen and (max-width: 1919px) { .page-content.user-enter .right form label.policy { margin-top: 20px; } } .page-content.user-enter .right form label.policy input { display: none; } .page-content.user-enter .right form label.policy input:checked + span:before { max-height: 6px; max-width: 6px; background: #fff; } .page-content.user-enter .right form label.policy span { font-size: 14px; color: #666666; position: relative; padding-left: 30px; cursor: pointer; } .page-content.user-enter .right form label.policy span::before { content: ""; display: block; max-width: 6px; max-height: 6px; width: 100%; height: 100%; border-radius: 7px; margin-right: 16px; background: #084781; border: 4px solid #084781; cursor: pointer; position: absolute; top: 4px; left: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .page-content.user-enter .right form label.policy span a { font-size: 14px; color: #666666; } .page-content.user-lk .history-cards { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .page-content.user-lk .history-cards .history-card { width: 100%; border: 1px solid #ebebeb; border-radius: 10px; margin-bottom: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 28px; padding-right: 32px; padding-bottom: 28px; padding-left: 24px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; } .page-content.user-lk .history-cards .history-card:hover { border: 1px solid #666666; } .page-content.user-lk .history-cards .history-card .address { color: #5b5b5b; font-size: 18px; margin-bottom: 20px; } .page-content.user-lk .history-cards .history-card .price { color: #084781; font-weight: bold; margin-bottom: 20px; } .page-content.user-lk .history-cards .history-card .imgs { height: 80px; width: 100%; } @media screen and (max-width: 768px) { .page-content.user-lk .history-cards .history-card .imgs { height: auto; } } .page-content.user-lk .history-cards .history-card .imgs img { margin-right: 16px; height: 100%; } @media screen and (max-width: 768px) { .page-content.user-lk .history-cards .history-card .imgs img { max-height: 80px; } } .page-content.user-lk .history-cards .history-card .imgs img:last-child { margin-right: 0; } .page-content.user-lk .history-cards .history-card .title { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; } .page-content.user-lk .history-cards .history-card .title p { color: #5b5b5b; font-size: 18px; font-weight: bold; } .page-content.user-lk .history-cards .history-card .title p b { color: #666666; } .page-content.user-lk .history-cards .history-card .buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 28px; right: 32px; } @media screen and (max-width: 768px) { .page-content.user-lk .history-cards .history-card .buttons { position: relative; top: unset; right: unset; margin-top: 16px; } } .page-content.user-lk .history-cards .history-card .buttons a { margin-right: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #666666; font-size: 18px; text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .page-content.user-lk .history-cards .history-card .buttons a:last-child { margin-right: 0; } .page-content.user-lk .history-cards .history-card .buttons a img { width: 18px; margin-right: 12px; } .page-content.user-lk .history-cards .history-card .buttons a:hover { color: #084781; } .page-content.user-lk .history-cards .history-card .buttons a:hover span { text-decoration: underline; } .page-content.user-lk .menu-item h4 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 18px; font-weight: bold; color: #084781; padding-left: 40px; position: relative; margin-bottom: 28px; } .page-content.user-lk .menu-item h4 img { width: 16px; position: absolute; top: 4px; left: 0; } .page-content.user-lk .menu-item ul { padding-left: 40px; margin-bottom: 24px; } .page-content.user-lk .menu-item ul li { list-style-type: none; margin-bottom: 8px; } .page-content.user-lk .menu-item ul li a { color: #666666; font-size: 18px; text-decoration: none; } .page-content.user-lk .menu-item ul li:hover a { color: #084781; text-decoration: underline; } @media screen and (max-width: 1024px) { .page-content.user-lk .left { display: none !important; } } .page-content.user-lk .right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .page-content.user-lk .right form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 16px; width: 100%; padding-bottom: 40px; } .page-content.user-lk .right form label { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: relative; margin-bottom: 16px; width: calc(33.333% - 16px); } .page-content.user-lk .right form label input { width: 100%; padding-top: 16px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; border-radius: 10px; border: 1px solid #666666; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 18px; color: #666666; } .page-content.user-lk .right form label input:hover { border: 1px solid #084781; } .page-content.user-lk .right form label textarea { width: 100%; padding-top: 16px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; border-radius: 10px; border: 1px solid #666666; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 18px; color: #666666; } .page-content.user-lk .right form label textarea:hover { border: 1px solid #084781; } .page-content.user-lk .right form label select { width: 100%; padding-top: 16px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; border-radius: 10px; border: 1px solid #666666; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 18px; color: #666666; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/local/templates/aetauto/css/media/arrow--gray.svg) no-repeat right; background-size: 16px; background-position-x: calc(100% - 16px); } .page-content.user-lk .right form label select:hover { border: 1px solid #084781; } .page-content.user-lk .right form label select option { width: 100%; padding-top: 16px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; border-radius: 10px; border: 1px solid #666666; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 18px; color: #666666; } .page-content.user-lk .right form label img { position: absolute; top: 18px; right: 16px; width: 18px; cursor: pointer; } @media screen and (max-width: 768px) { .page-content.user-lk .right form label { width: 100%; margin-bottom: 12px !important; } .page-content.user-lk .right form label:last-child { margin-bottom: 0 !important; } } .page-content.user-lk .right form label.confirm { width: calc(66.666% - 8px * 3); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 768px) { .page-content.user-lk .right form label.confirm { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .page-content.user-lk .right form label.confirm .block { width: calc(50% - 8px); } @media screen and (max-width: 768px) { .page-content.user-lk .right form label.confirm .block { width: 100%; } } .page-content.user-lk .right form label.confirm .confirmed { width: 50%; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; padding-left: 12%; } @media screen and (max-width: 1024px) { .page-content.user-lk .right form label.confirm .confirmed { padding-left: 15%; } } @media screen and (max-width: 768px) { .page-content.user-lk .right form label.confirm .confirmed { padding-left: 24px; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; width: 100%; padding-top: 16px; } } .page-content.user-lk .right form label.confirm .confirmed img { position: relative; top: unset; right: unset; left: unset; bottom: unset; margin-right: auto; cursor: pointer; } @media screen and (max-width: 768px) { .page-content.user-lk .right form label.confirm .confirmed img { margin-right: 16px; } } .page-content.user-lk .right form label.confirm .confirmed span { display: block; } .page-content.user-lk .right form .width100 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; gap: 16px; } @media screen and (max-width: 768px) { .page-content.user-lk .right form .width100 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .page-content.user-lk .right form .width100 > * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .page-content.user-lk .right form .width100 label { margin-bottom: 0; } .page-content.user-lk .right form .width100 .user-info_block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 16px; padding-bottom: 32px; width: 100%; } @media screen and (max-width: 768px) { .page-content.user-lk .right form .width100 .user-info_block:last-child { border-bottom: 0; } } .page-content.user-lk .right form .width100 .user-info_block .info_blocks { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; } .page-content.user-lk .right form .width100 .user-info_block .info_blocks .info_block { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 28px; } .page-content.user-lk .right form .width100 .user-info_block .info_blocks .info_block:last-child { margin-bototm: 0; } .page-content.user-lk .right form .width100 .user-info_block .info_blocks .info_block p { margin-bottom: 24px; font-size: 18px; color: #666666; padding-left: 36px; } .page-content.user-lk .right form .width100 .user-info_block .info_blocks .info_block .inputs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; } @media screen and (max-width: 768px) { .page-content.user-lk .right form .width100 .user-info_block .info_blocks .info_block .inputs { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .page-content.user-lk .right form .width100 .user-info_block .info_blocks .info_block .inputs label { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; } .page-content.user-lk .right form .width100 .user-info_block .info_blocks .info_block .inputs label img { position: absolute; top: calc(50% - 9px); right: 20px; width: 18px; cursor: pointer; } .page-content.user-lk .right form .width100 .user-info_block .info_blocks .info_block .inputs label input { width: 100%; font-size: 18px; color: #666666; border: 1px solid #666666; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 10px; padding-top: 16px; padding-bottom: 16px; padding-left: 24px; padding-right: 52px; background: transparent; } .page-content.user-lk .right form .width100 .user-info_block .info_blocks .info_block .inputs label input::-webkit-input-placeholder { font-size: 18px; color: #666666; } .page-content.user-lk .right form .width100 .user-info_block .info_blocks .info_block .inputs label input::-moz-placeholder { font-size: 18px; color: #666666; } .page-content.user-lk .right form .width100 .user-info_block .info_blocks .info_block .inputs label input:-moz-placeholder { font-size: 18px; color: #666666; } .page-content.user-lk .right form .width100 .user-info_block .info_blocks .info_block .inputs label input:-ms-input-placeholder { font-size: 18px; color: #666666; } .page-content.user-lk .right form .width100 .user-info_block .info_blocks .info_block .inputs label:hover input { border: 1px solid #084781; } .page-content.user-lk .right form .width100 .user-info_block .col { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-top: 4px; margin-bottom: 24px; width: 100%; } .page-content.user-lk .right form .width100 .user-info_block .col:last-child { padding-right: 0; margin-bottom: 0; } .page-content.user-lk .right form .width100 .user-info_block .col label { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 28px; padding: 0 10px; margin-top: 0 !important; margin-bottom: 20px; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } @media screen and (max-width: 1919px) { .page-content.user-lk .right form .width100 .user-info_block .col label { margin-top: 20px; } } .page-content.user-lk .right form .width100 .user-info_block .col label input { display: none; } .page-content.user-lk .right form .width100 .user-info_block .col label input:checked + span:before { max-height: 6px; max-width: 6px; background: #fff; } .page-content.user-lk .right form .width100 .user-info_block .col label span { font-size: 14px; color: #666666; position: relative; padding-left: 30px; cursor: pointer; } .page-content.user-lk .right form .width100 .user-info_block .col label span::before { content: ""; display: block; max-width: 6px; max-height: 6px; width: 100%; height: 100%; border-radius: 7px; margin-right: 16px; background: #084781; border: 4px solid #084781; cursor: pointer; position: absolute; top: 4px; left: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .page-content.user-lk .right form .width100 .user-info_block .col label span a { font-size: 14px; color: #666666; } @media screen and (max-width: 1024px) { .page-content.user-lk .right form .width100 .user-info_block .col label { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 50%; } } @media screen and (max-width: 768px) { .page-content.user-lk .right form .width100 .user-info_block .col label { width: 100%; } } .page-content.user-lk .right form .width100 .user-info_block .col label:last-child { margin-bottom: 0; } .page-content.user-lk .right form .width100 .user-info_block .col label:last-child:first-child { margin-bottom: 0; } .page-content.user-lk .right form .width100 .user-info_block .col label input { width: 50%; } @media screen and (max-width: 1024px) { .page-content.user-lk .right form .width100 .user-info_block .col label input { width: 100%; } } .page-content.user-lk .right form .width100 .user-info_block .col label span { font-size: 18px; color: #666666; width: 50%; } @media screen and (max-width: 1024px) { .page-content.user-lk .right form .width100 .user-info_block .col label span { width: 100%; } } .page-content.user-lk .right form .width100 .user-info_block input[type=text] { display: block !important; margin-top: 12px; } .page-content.user-lk .right form .width100 .user-info_block .edit { top: unset; bottom: 20px; right: 24px; } .page-content.user-lk .right form button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 13px; padding-bottom: 13px; padding-right: 24px; padding-left: 20px; background: transparent; border-radius: 5px; font-size: 18px; cursor: pointer; color: #393939; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #f7d312; text-decoration: none; white-space: nowrap; height: 100%; border-radius: 10px; margin-top: 20px; } @media screen and (max-width: 1919px) { .page-content.user-lk .right form button { padding-top: 10px; padding-bottom: 10px; padding-right: 20px; padding-left: 16px; font-size: 16px; } } .page-content.user-lk .right form button:hover { background: #fff; color: #393939; } @media screen and (max-width: 768px) { .page-content.user-lk .right form button { width: 100%; margin-top: 36px; } } .page-content.user-lk .right form button:hover { color: #fff; background: #666666; } .page-content.user-lk .right form.js-change-address { display: none; } .page-content.user-lk .right form.js-change-address .width100 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .page-content.user-lk .right form.js-change-address .width100 .inputs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 768px) { .page-content.user-lk .right form.js-change-address .width100 .inputs { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; } } .page-content.user-lk .right form.js-change-address .width100 .inputs input { width: calc(33.333% - 20px); font-size: 18px; color: #666666; border: 1px solid #666666; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 10px; padding-top: 16px; padding-bottom: 16px; padding-left: 24px; padding-right: 52px; background: transparent; } @media screen and (max-width: 768px) { .page-content.user-lk .right form.js-change-address .width100 .inputs input { width: 100%; margin-bottom: 16px; } .page-content.user-lk .right form.js-change-address .width100 .inputs input:last-child { margin-bottom: 0; } } .page-content.user-lk .right form.js-change-address.organisations .inputs { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 768px) { .page-content.user-lk .right form.js-change-address.organisations .inputs { width: 100%; } } .page-content.user-lk .right form.js-change-address.organisations .inputs input { width: 100%; margin-bottom: 16px; } .page-content.user-lk .right form.js-change-address.organisations button.addOrg { background: transparent; color: #666666; font-weight: bold; padding: 0; margin: 0; text-decoration: underline; } .page-content.item-card-description { margin-top: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .page-content.item-card-description .full-width { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } @media screen and (max-width: 1024px) { .page-content.item-card-description .full-width { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } } .page-content.item-card-description .full-width.flex-dir_column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .page-content.item-card-description .full-width .left { width: calc(100% - 340px - 16px) !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .page-content.item-card-description .full-width .left.w33 { width: 33.333% !important; } @media screen and (max-width: 1024px) { .page-content.item-card-description .full-width .left { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; width: 100% !important; } } @media screen and (max-width: 768px) { .page-content.item-card-description .full-width .left { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } } .page-content.item-card-description .full-width .left > * { width: 50%; } .page-content.item-card-description .full-width .left .img { position: relative; padding-top: 16px; } @media screen and (max-width: 1024px) { .page-content.item-card-description .full-width .left .img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media screen and (max-width: 768px) { .page-content.item-card-description .full-width .left .img { width: 100%; } } .page-content.item-card-description .full-width .left .img .label { position: absolute; top: 0; left: 0; background: #084781; color: #fff; border-radius: 5px; padding-top: 8px; padding-bottom: 8px; padding-left: 24px; padding-right: 24px; font-size: 14px; z-index: 10; } .page-content.item-card-description .full-width .left .img .big-slider { width: 100%; margin-bottom: 28px; } .page-content.item-card-description .full-width .left .img .big-slider .slide { height: 372px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .page-content.item-card-description .full-width .left .img .big-slider .slide img { max-height: 100%; max-width: 100%; } .page-content.item-card-description .full-width .left .img .slider { display: flex; align-items: center; justify-content: flex-start; } .page-content.item-card-description .full-width .left .img .mini-slider { width: 100%; } .page-content.item-card-description .full-width .left .img .mini-slider ~ .arrows { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 44px; padding-left: 24px; } .page-content.item-card-description .full-width .left .img .mini-slider ~ .arrows img { width: 20px; margin-bottom: 20px; cursor: pointer; } .page-content.item-card-description .full-width .left .img .mini-slider ~ .arrows img:last-child { margin-bottom: 0; } .page-content.item-card-description .full-width .left .img .mini-slider ~ .arrows img.js-prev { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .page-content.item-card-description .full-width .left .img .mini-slider ~ .arrows img.js-next { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .page-content.item-card-description .full-width .left .img .mini-slider .slide { border: 2px solid transparent; border-radius: 5px; width: 79px; height: 79px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .page-content.item-card-description .full-width .left .img .mini-slider .slide.slick-current { border: 2px solid #084781; border-radius: 5px; width: 79px; height:79px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .page-content.item-card-description .full-width .left .img .mini-slider .slide img { max-width: 100%; max-height: 100%; } .page-content.item-card-description .full-width .left .desc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 28px; } @media screen and (max-width: 768px) { .page-content.item-card-description .full-width .left .desc { width: 100%; } } .page-content.item-card-description .full-width .left .desc .wrap-block { max-width: 300px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 1024px) { .page-content.item-card-description .full-width .left .desc .wrap-block { max-width: unset; } } .page-content.item-card-description .full-width .left .desc .wrap-block span { color: #000; font-weight: bold; margin-bottom: 18px; font-size: 16px; } .page-content.item-card-description .full-width .left .desc .wrap-block h5 { font-size: 16px; text-transform: uppercase; color: #000; margin-bottom: 4px; } .page-content.item-card-description .full-width .left .desc .wrap-block p { color: #666666; font-size: 14px; line-height: 20px; } .page-content.item-card-description .full-width .left .desc .wrap-block a { font-size: 14px; color: #084781; text-decoration: none; margin-top: 28px; } .page-content.item-card-description .full-width .left .desc .wrap-block a span { text-decoration: underline; color: #084781; font-size: 14px; } .page-content.item-card-description .full-width .right { width: 340px !important; margin-left: 16px !important; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } @media screen and (max-width: 1024px) { .page-content.item-card-description .full-width .right { margin-top: 36px; width: 100% !important; } } .page-content.item-card-description .full-width .right.w66 { width: 66.666% !important; } .page-content.item-card-description .full-width .right .card-info-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; width: 100%; } @media screen and (max-width: 1024px) { .page-content.item-card-description .full-width .right .card-info-buttons { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .page-content.item-card-description .full-width .right .card-info-buttons button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: transparent; margin-right: 24px; cursor: pointer; font-size: 16px; color: #666666; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .page-content.item-card-description .full-width .right .card-info-buttons button:last-child { margin-right: 0; } .page-content.item-card-description .full-width .right .card-info-buttons button img { width: 18px; margin-right: 12px; } .page-content.item-card-description .full-width .right .card-info-buttons button:hover { color: #084781; } .page-content.item-card-description .full-width .right .card-info-texts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 28px; padding-bottom: 32px; width: 100%; } @media screen and (max-width: 1024px) { .page-content.item-card-description .full-width .right .card-info-texts { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .page-content.item-card-description .full-width .right .card-info-texts .wrap_block { max-width: 260px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .page-content.item-card-description .full-width .right .card-info-texts .wrap_block .card-info-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 28px; } .page-content.item-card-description .full-width .right .card-info-texts .wrap_block .card-info-text:last-child { margin-bottom: 0; } .page-content.item-card-description .full-width .right .card-info-texts .wrap_block .card-info-text img { width: 14px; margin-right: 12px; } .page-content.item-card-description .full-width .right .card-info-texts .wrap_block .card-info-text p { color: #666666; font-size: 16px; } .page-content.item-card-description .full-width .right .buy-buttons { border: 1px solid #ebebeb; border-radius: 10px; padding-top: 32px !important; padding-bottom: 36px; padding-left: 32px; padding-right: 32px; width: 100%; margin-top: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 16px; } @media screen and (max-width: 1024px) { .page-content.item-card-description .full-width .right .buy-buttons { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: calc(100% + 40px); border-radius: 0; border-left: 0; border-right: 0; margin-left: -40px; padding-left: 20px; paddgin-right: 20px; padding-top: 28px !important; } } .page-content.item-card-description .full-width .right .buy-buttons > * { width: calc(50% - 8px); } .page-content.item-card-description .full-width .right .buy-buttons .price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .page-content.item-card-description .full-width .right .buy-buttons .price p { color: #084781; font-size: 24px; margin-bottom: 4px; font-weight: bold; } .page-content.item-card-description .full-width .right .buy-buttons .price span { color: #666666; font-size: 14px; } .page-content.item-card-description .full-width .right .buy-buttons .counter_block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 1024px) { .page-content.item-card-description .full-width .right .buy-buttons .counter_block { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .page-content.item-card-description .full-width .right .buy-buttons .counter_block .counter { background: #f2f2f2; border-radius: 5px; padding-top: 5px; padding-right: 4px; padding-bottom: 5px; padding-left: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .page-content.item-card-description .full-width .right .buy-buttons .counter_block .counter input { background: transparent; text-align: center; width: 100%; } .page-content.item-card-description .full-width .right .buy-buttons .counter_block .counter button { background: #e5e5e5; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-right: 8px; padding-left: 8px; height: 24px; cursor: pointer; padding-bottom: 2px; } .page-content.item-card-description .full-width .right .buy-buttons .counter_block .counter button:hover { background: #f7d312; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media screen and (max-width: 768px) { .page-content.item-card-description .full-width .right .buy-buttons .counter_block .counter button { padding-top: 2px !important; margin-top: 0; } } .page-content.item-card-description .full-width .right .buy-buttons button,.page-content.item-card-description .full-width .right .buy-buttons .js-open-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 13px; padding-bottom: 13px; padding-right: 24px; padding-left: 20px; background: transparent; border-radius: 5px; font-size: 18px; cursor: pointer; color: #393939; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #f7d312; text-decoration: none; white-space: nowrap; font-size: 14px; padding-right: 8px; padding-left: 8px; padding-top: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media screen and (max-width: 1919px) { .page-content.item-card-description .full-width .right .buy-buttons button,.page-content.item-card-description .full-width .right .buy-buttons .js-open-form { padding-top: 10px; padding-bottom: 10px; padding-right: 20px; padding-left: 16px; font-size: 16px; } } @media screen and (min-width: 1920px) { .page-content.item-card-description .full-width .right .buy-buttons button,.page-content.item-card-description .full-width .right .buy-buttons .js-open-form { padding-top: 8px; padding-bottom: 8px; padding-right: 8px; padding-left: 8px; } } .page-content.item-card-description .full-width .right .buy-buttons button:hover,.page-content.item-card-description .full-width .right .buy-buttons .js-open-form:hover { background: #fff; color: #393939; } @media screen and (max-width: 768px) { .page-content.item-card-description .full-width .right .buy-buttons button { padding-top: 8px !important; margin-top: 12px; } } .page-content.item-card-description .full-width .right .buy-buttons button img { width: 24px; margin-right: 12px; } .page-content.item-card-description .full-width .right .buy-buttons button:hover,.page-content.item-card-description .full-width .right .buy-buttons .js-open-form:hover { background: #666666; color: #fff; } .page-content.item-card-description .full-width .right .buy-buttons button.add-cart { background: #084781; color: #fff; } .page-content.item-card-description .full-width .right .buy-buttons button.add-cart:hover { background: #666666; color: #fff; } .page-content.item-card-description .full-width .right .buy-buttons.analogue { margin-top: 0; padding-top: 24px; padding-bottom: 24px; padding-left: 36px; padding-right: 12px; } .page-content.item-card-description .full-width .right .buy-buttons.analogue .title { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 1024px) { .page-content.item-card-description .full-width .right .buy-buttons.analogue .title { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .page-content.item-card-description .full-width .right .buy-buttons.analogue .title h5 { color: #666666; font-size: 16px; text-transform: uppercase; } @media screen and (max-width: 1024px) { .page-content.item-card-description .full-width .right .buy-buttons.analogue .title h5 { margin-right: 32px; } } .page-content.item-card-description .full-width .right .buy-buttons.analogue .title .buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .page-content.item-card-description .full-width .right .buy-buttons.analogue .title .buttons button { background: transparent; padding: 0; width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .page-content.item-card-description .full-width .right .buy-buttons.analogue .title .buttons button img { width: 24px; } .page-content.item-card-description .full-width .right .buy-buttons.analogue .card { margin-top: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } @media screen and (max-width: 1024px) { .page-content.item-card-description .full-width .right .buy-buttons.analogue .card { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .page-content.item-card-description .full-width .right .buy-buttons.analogue .card .img { max-width: 68px; margin-right: 12px; } .page-content.item-card-description .full-width .right .buy-buttons.analogue .card .img img { width: 100%; } .page-content.item-card-description .full-width .right .buy-buttons.analogue .card .desc > p { width: 100%; font-size: 16px; color: #666666; margin-bottom: 12px; } .page-content.item-card-description .full-width .right .buy-buttons.analogue .card .desc .price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } @media screen and (max-width: 1024px) { .page-content.item-card-description .full-width .right .buy-buttons.analogue .card .desc .price { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .page-content.item-card-description .full-width .right .buy-buttons.analogue .card .desc .price .price-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .page-content.item-card-description .full-width .right .buy-buttons.analogue .card .desc .price .price-info p { color: #084781; font-weight: bold; font-size: 16px; text-transform: uppercase; margin-bottom: 8px; } .page-content.item-card-description .full-width .right .buy-buttons.analogue .card .desc .price .price-info span { color: #5b5b5b; font-size: 14px; } .page-content.item-card-description .full-width .right .buy-buttons.analogue .card .desc .price button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 13px; padding-bottom: 13px; padding-right: 24px; padding-left: 20px; background: transparent; border-radius: 5px; font-size: 18px; cursor: pointer; color: #393939; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #f7d312; text-decoration: none; white-space: nowrap; background: #084781; margin-left: 12px; } @media screen and (max-width: 1919px) { .page-content.item-card-description .full-width .right .buy-buttons.analogue .card .desc .price button { padding-top: 10px; padding-bottom: 10px; padding-right: 20px; padding-left: 16px; font-size: 16px; } } .page-content.item-card-description .full-width .right .buy-buttons.analogue .card .desc .price button:hover { background: #fff; color: #393939; } @media screen and (max-width: 1024px) { .page-content.item-card-description .full-width .right .buy-buttons.analogue .card .desc .price button { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-box-flex: unset; -ms-flex: unset; flex: unset; } } .page-content.item-card-description .full-width .right .buy-buttons.analogue .card .desc .price button img { margin-right: 0; width: 24px; } .page-content.item-card-description .full-width .right .buy-buttons.analogue .card .desc .price button:hover { background: #666666; } .page-content.item-card-description .full-width .card-item_tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 32px; width: 100%; } .page-content.item-card-description .full-width .card-item_tabs .tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding-left: 20px; } @media screen and (max-width: 768px) { .page-content.item-card-description .full-width .card-item_tabs .tabs { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .page-content.item-card-description .full-width .card-item_tabs .tabs a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 13px; padding-bottom: 13px; padding-right: 24px; padding-left: 20px; background: transparent; border-radius: 5px; font-size: 18px; cursor: pointer; color: #393939; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #f7d312; text-decoration: none; white-space: nowrap; background: #f0f0f0; color: #000; text-transform: uppercase; font-weight: bold; text-decoration: none; margin-right: 24px; padding-top: 20px; padding-bottom: 20px; } @media screen and (max-width: 1919px) { .page-content.item-card-description .full-width .card-item_tabs .tabs a { padding-top: 10px; padding-bottom: 10px; padding-right: 20px; padding-left: 16px; font-size: 16px; } } .page-content.item-card-description .full-width .card-item_tabs .tabs a:hover { background: #fff; color: #393939; } @media screen and (max-width: 768px) { .page-content.item-card-description .full-width .card-item_tabs .tabs a { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-bottom: 12px; } } .page-content.item-card-description .full-width .card-item_tabs .tabs a:last-child { margin-right: 0; } .page-content.item-card-description .full-width .card-item_tabs .tabs a.active { background: #084781; color: #fff; } .page-content.item-card-description .full-width .card-item_tabs .tabs-content { padding-top: 32px; padding-bottom: 32px; width: 100%; } .page-content.item-card-description .full-width .card-item_tabs .tabs-content div p { color: #666666; } .page-content.item-card-description .full-width .card-item_tabs .tabs-content div p .uppercase { text-transform: uppercase; } .page-content.item-card-description .full-width .card-item_tabs .tabs-content div p b { color: #000; } @media screen and (max-width: 768px) { .page-content.item-card-description .full-width .card-item_tabs .tabs-content div#cardDescGaranty, .page-content.item-card-description .full-width .card-item_tabs .tabs-content div#cardDescFullDesc { padding-left: 20px; apdding-right: 20px; } } .page-content.item-card-description .full-width .card-item_tabs .tabs-content div#cardDescGaranty a, .page-content.item-card-description .full-width .card-item_tabs .tabs-content div#cardDescFullDesc a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 13px; padding-bottom: 13px; padding-right: 24px; padding-left: 20px; background: transparent; border-radius: 5px; font-size: 18px; cursor: pointer; color: #393939; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #f7d312; text-decoration: none; white-space: nowrap; text-transform: uppercase; background: #084781; color: #fff; margin-top: 24px; font-weight: 400; } @media screen and (max-width: 1919px) { .page-content.item-card-description .full-width .card-item_tabs .tabs-content div#cardDescGaranty a, .page-content.item-card-description .full-width .card-item_tabs .tabs-content div#cardDescFullDesc a { padding-top: 10px; padding-bottom: 10px; padding-right: 20px; padding-left: 16px; font-size: 16px; } } .page-content.item-card-description .full-width .card-item_tabs .tabs-content div#cardDescGaranty a:hover, .page-content.item-card-description .full-width .card-item_tabs .tabs-content div#cardDescFullDesc a:hover { background: #fff; color: #393939; } .page-content.item-card-description .full-width .card-item_tabs .tabs-content div#cardDescGaranty a:hover, .page-content.item-card-description .full-width .card-item_tabs .tabs-content div#cardDescFullDesc a:hover { background: #666666; color: #fff; } .page-content.item-card-description .full-width .card-item_tabs .tabs-content div#cardDescSpecs, .page-content.item-card-description .full-width .card-item_tabs .tabs-content div #cardDescSpecs .hidden { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .page-content.item-card-description .full-width .card-item_tabs .tabs-content div#cardDescSpecs .spec, .page-content.item-card-description .full-width .card-item_tabs .tabs-content div #cardDescSpecs .hidden .spec { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; padding-top: 8px; padding-bottom: 8px; padding-left: 40px; padding-right: 20px; } @media screen and (max-width: 768px) { .page-content.item-card-description .full-width .card-item_tabs .tabs-content div#cardDescSpecs .spec, .page-content.item-card-description .full-width .card-item_tabs .tabs-content div #cardDescSpecs .hidden .spec { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 16px; padding-bottom: 16px; padding-left: 20px; } } .page-content.item-card-description .full-width .card-item_tabs .tabs-content div#cardDescSpecs .spec > div, .page-content.item-card-description .full-width .card-item_tabs .tabs-content div #cardDescSpecs .hidden .spec > div { width: 50%; color: #666666; font-size: 18px; } @media screen and (max-width: 768px) { .page-content.item-card-description .full-width .card-item_tabs .tabs-content div#cardDescSpecs .spec > div:first-child, .page-content.item-card-description .full-width .card-item_tabs .tabs-content div #cardDescSpecs .hidden .spec > div:first-child { font-weight: bold; margin-bottom: 12px; } } .page-content.item-card-description .full-width .card-item_tabs .tabs-content div#cardDescSpecs .spec:nth-child(odd), .page-content.item-card-description .full-width .card-item_tabs .tabs-content div #cardDescSpecs .hidden .spec:nth-child(odd) { background: #f2f2f2; } .page-content.item-card-description .full-width .card-item_tabs .tabs-content div#cardDescSpecs > a, .page-content.item-card-description .full-width .card-item_tabs .tabs-content div #cardDescSpecs .hidden > a { text-decoration: none; text-transform: uppercase; color: #000; font-size: 18px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 40px; margin-top: 24px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media screen and (max-width: 768px) { .page-content.item-card-description .full-width .card-item_tabs .tabs-content div#cardDescSpecs > a, .page-content.item-card-description .full-width .card-item_tabs .tabs-content div #cardDescSpecs .hidden > a { margin-left: 20px; font-size: 16px; } } .page-content.item-card-description .full-width .card-item_tabs .tabs-content div#cardDescSpecs > a span, .page-content.item-card-description .full-width .card-item_tabs .tabs-content div #cardDescSpecs .hidden > a span { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .page-content.item-card-description .full-width .card-item_tabs .tabs-content div#cardDescSpecs > a img, .page-content.item-card-description .full-width .card-item_tabs .tabs-content div #cardDescSpecs .hidden > a img { width: 16px; margin-left: 20px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .page-content.item-card-description .full-width .card-item_tabs .tabs-content div#cardDescSpecs .hidden, .page-content.item-card-description .full-width .card-item_tabs .tabs-content div #cardDescSpecs .hidden .hidden { display: none; } .page-content.item-card-description .full-width .card-item_tabs .tabs-content div#cardDescSpecs .hidden .spec:nth-child(even), .page-content.item-card-description .full-width .card-item_tabs .tabs-content div #cardDescSpecs .hidden .hidden .spec:nth-child(even) { background: #f2f2f2; } .page-content.item-card-description .full-width .card-item_tabs .tabs-content div#cardDescSpecs .hidden .spec:nth-child(odd), .page-content.item-card-description .full-width .card-item_tabs .tabs-content div #cardDescSpecs .hidden .hidden .spec:nth-child(odd) { background: #fff; } .page-content.item-card-description .full-width .card-item_tabs .tabs-content div#cardDescSpecs .hidden.openned + a img, .page-content.item-card-description .full-width .card-item_tabs .tabs-content div #cardDescSpecs .hidden .hidden.openned + a img { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .page-content.item-card-description .full-width .feedbacks { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 768px) { .page-content.item-card-description .full-width .feedbacks { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 20px; padding-right: 20px; } } .page-content.item-card-description .full-width .feedbacks .media { width: 45%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 768px) { .page-content.item-card-description .full-width .feedbacks .media { width: 100%; } } .page-content.item-card-description .full-width .feedbacks .media .title { margin-bottom: 24px; } .page-content.item-card-description .full-width .feedbacks .media .title h2 { font-size: 18px; color: #666666; text-transform: uppercase; height: 40px; } .page-content.item-card-description .full-width .feedbacks .media .img { background-position: center; background-repeat: no-repeat; background-size: cover; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 204px; border-radius: 5px; cursor: pointer; } .page-content.item-card-description .full-width .feedbacks .media .img img { width: 42px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .page-content.item-card-description .full-width .feedbacks .media .img:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .page-content.item-card-description .full-width .feedbacks .media p { color: #666666; font-size: 16px; margin-top: 24px; } .page-content.item-card-description .full-width .feedbacks .feedback-inner { width: 55%; padding-left: 76px; background: transparent; margin-top: 72px; } @media screen and (max-width: 768px) { .page-content.item-card-description .full-width .feedbacks .feedback-inner { width: calc(100% + 80px); margin-left: -40px; height: auto; padding-left: 0; background: #f0f0f0; padding-top: 32px; padding-bottom: 32px; padding-left: 20px; padding-right: 20px; } } .page-content.item-card-description .full-width .feedbacks .feedback-inner .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 24px; } @media screen and (max-width: 768px) { .page-content.item-card-description .full-width .feedbacks .feedback-inner .title { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .page-content.item-card-description .full-width .feedbacks .feedback-inner .title h2 { font-size: 18px; color: #666666; text-transform: uppercase; margin-left: 40px; margin-right: 40px; } .page-content.item-card-description .full-width .feedbacks .feedback-inner .title img { width: 28px; cursor: pointer; } .page-content.item-card-description .full-width .feedbacks .feedback-inner .title img.js-prev { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .page-content.item-card-description .full-width .feedbacks .feedback-inner .title img.js-next { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .page-content.item-card-description .full-width .feedbacks .feedback-inner .slider { padding-top: 24px; height: 100%; } .page-content.item-card-description .full-width .feedbacks .feedback-inner .slider .slick-track { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .page-content.item-card-description .full-width .feedbacks .feedback-inner .slider .slick-slide { height: inherit !important; } .page-content.item-card-description .full-width .feedbacks .feedback-inner .slider .slide p { color: #666666; font-size: 16px; } .page-content.item-card-description .full-width .feedbacks .feedback-inner .slider .slide p.name { margin-bottom: 24px; } .page-content.item-card-description .full-width .feedbacks .feedback-inner > a { color: #084781; font-size: 16px; text-decoration: none; display: block; margin-top: 36px; } .page-content.item-card-description .full-width .feedbacks .feedback-inner > a span { text-decoration: underline; } .page-content.item-card-description .full-width .more-items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; margin-top: 56px; padding-bottom: 12px; } .page-content.item-card-description .full-width .more-items .title { margin-bottom: 40px; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .page-content.item-card-description .full-width .more-items .title h2 { font-size: 28px; color: #393939; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; margin-left: 28px; margin-right: 28px; } .page-content.item-card-description .full-width .more-items .title h2 span { text-decoration: underline; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .page-content.item-card-description .full-width .more-items .title:hover h2 { color: #084781; } .page-content.item-card-description .full-width .more-items .title:hover h2 span { margin-right: 8px; } .page-content.item-card-description .full-width .more-items .title img { width: 28px; cursor: pointer; } .page-content.item-card-description .full-width .more-items .title img.js-prev { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .page-content.item-card-description .full-width .more-items .title img.js-next { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .page-content.item-card-description .full-width .more-items .cards { width: 100%; margin-top: 0; } .page-content.item-card-description .full-width .more-items .cards .card { padding-top: 68px; padding-right: 24px; padding-bottom: 22px; padding-left: 24px; border-radius: 5px; border: 1px solid #ebebeb; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-decoration: none; margin-right: 16px; } @media screen and (max-width: 1919px) { .page-content.item-card-description .full-width .more-items .cards .card { padding-top: 52px; padding-right: 16px; padding-left: 16px; padding-bottom: 14px; margin-right: 14px; } } @media screen and (max-width: 767px) { .page-content.item-card-description .full-width .more-items .cards .card { margin-right: 0; } } .page-content.item-card-description .full-width .more-items .cards .card .label { position: absolute; top: 16px; left: 12px; color: #fff; background: #084781; border-radius: 5px; padding-top: 8px; padding-right: 16px; padding-bottom: 8px; padding-left: 16px; } @media screen and (max-width: 1919px) { .page-content.item-card-description .full-width .more-items .cards .card .label { top: 12px; padding-right: 12px; padding-left: 12px; } } .page-content.item-card-description .full-width .more-items .cards .card .img { height: 188px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 28px; } @media screen and (max-width: 1919px) { .page-content.item-card-description .full-width .more-items .cards .card .img { height: 160px; margin-bottom: 24px; } } @media screen and (max-width: 767px) { .page-content.item-card-description .full-width .more-items .cards .card .img { height: 220px; margin-bottom: 28px; } } .page-content.item-card-description .full-width .more-items .cards .card .img img { max-height: 100%; max-width: 100%; } .page-content.item-card-description .full-width .more-items .cards .card h5,.page-content.item-card-description .full-width .more-items .cards .card .h5 { font-size: 16px; color: #393939; margin-bottom: 24px; max-height: 38px; height: 38px; } @media screen and (max-width: 1919px) { .page-content.item-card-description .full-width .more-items .cards .card h5,.page-content.item-card-description .full-width .more-items .cards .card .h5 { margin-bottom: 20px; max-height: 30px; height: 30px; } } @media screen and (max-width: 767px) { .page-content.item-card-description .full-width .more-items .cards .card h5,.page-content.item-card-description .full-width .more-items .cards .card .h5 { font-size: 20px; max-height: unset; height: auto; } } .page-content.item-card-description .full-width .more-items .cards .card .price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .page-content.item-card-description .full-width .more-items .cards .card .price span { margin-right: 20px; font-size: 16px; color: #000; } @media screen and (max-width: 767px) { .page-content.item-card-description .full-width .more-items .cards .card .price span { font-size: 24px; } } .page-content.item-card-description .full-width .more-items .cards .card .price span:last-child { margin-right: 0; } .page-content.item-card-description .full-width .more-items .cards .card .price span.new { font-weight: bold; color: #084781; } .page-content.item-card-description .full-width .more-items .cards .card .price span.old { color: #666666; padding-left: 2px; padding-right: 2px; position: relative; } .page-content.item-card-description .full-width .more-items .cards .card .price span.old::after { content: ""; display: block; width: 100%; background: #666666; position: absolute; top: 50%; left: 0; height: 1px; } .page-content.item-card-description .full-width .more-items .cards .card .quantity { font-size: 16px; color: #666666; margin-top: 8px; display: block; } @media screen and (max-width: 767px) { .page-content.item-card-description .full-width .more-items .cards .card .quantity { font-size: 18px; } } .page-content.item-card-description .full-width .more-items .cards .card .secondary-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 32px; } @media screen and (max-width: 1919px) { .page-content.item-card-description .full-width .more-items .cards .card .secondary-buttons { margin-top: 24px; } } .page-content.item-card-description .full-width .more-items .cards .card .secondary-buttons > * { margin-right: 12px; } .page-content.item-card-description .full-width .more-items .cards .card .secondary-buttons > *:last-child { margin-right: 0; } .page-content.item-card-description .full-width .more-items .cards .card .secondary-buttons > img { width: 24px; cursor: pointer; } @media screen and (max-width: 1919px) { .page-content.item-card-description .full-width .more-items .cards .card .secondary-buttons > img { width: 20px; } } @media screen and (max-width: 767px) { .page-content.item-card-description .full-width .more-items .cards .card .secondary-buttons > img { width: 36px; } } .page-content.item-card-description .full-width .more-items .cards .card .secondary-buttons .counter { background: #f2f2f2; border-radius: 5px; padding-top: 5px; padding-right: 4px; padding-bottom: 5px; padding-left: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 108px; } @media screen and (max-width: 1365px) { .page-content.item-card-description .full-width .more-items .cards .card .secondary-buttons .counter { max-width: 180px; } } .page-content.item-card-description .full-width .more-items .cards .card .secondary-buttons .counter input { background: transparent; text-align: center; width: 100%; } .page-content.item-card-description .full-width .more-items .cards .card .secondary-buttons .counter button { background: #e5e5e5; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-right: 8px; padding-left: 8px; height: 24px; cursor: pointer; padding-bottom: 2px; } @media screen and (max-width: 1919px) { .page-content.item-card-description .full-width .more-items .cards .card .secondary-buttons .counter button { height: 20px; } } @media screen and (max-width: 767px) { .page-content.item-card-description .full-width .more-items .cards .card .secondary-buttons .counter button { height: 40px; padding-right: 16px; padding-left: 16px; } } .page-content.item-card-description .full-width .more-items .cards .card .secondary-buttons .counter button:hover { background: #f7d312; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .page-content.item-card-description .full-width .more-items .cards .card .buttons { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .page-content.item-card-description .full-width .more-items .cards .card .buttons button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 13px; padding-bottom: 13px; padding-right: 24px; padding-left: 20px; background: transparent; border-radius: 5px; font-size: 18px; cursor: pointer; color: #393939; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #f7d312; text-decoration: none; white-space: nowrap; font-size: 14px; padding-top: 8px; padding-bottom: 8px; padding-right: 16px; padding-left: 16px; margin-right: 9px; height: 36px; } @media screen and (max-width: 1919px) { .page-content.item-card-description .full-width .more-items .cards .card .buttons button { padding-top: 10px; padding-bottom: 10px; padding-right: 20px; padding-left: 16px; font-size: 16px; } } .page-content.item-card-description .full-width .more-items .cards .card .buttons button:hover { background: #fff; color: #393939; } @media screen and (max-width: 1919px) { .page-content.item-card-description .full-width .more-items .cards .card .buttons button { padding-left: 12px; padding-right: 12px; } } @media screen and (max-width: 767px) { .page-content.item-card-description .full-width .more-items .cards .card .buttons button { font-size: 18px; height: 56px; } } .page-content.item-card-description .full-width .more-items .cards .card .buttons button:hover { color: #fff; background: #393939; } .page-content.item-card-description .full-width .more-items .cards .card .buttons button:last-child { margin-right: 0; } .page-content.item-card-description .full-width .more-items .cards .card .buttons button:first-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .page-content.item-card-description .full-width .more-items .cards .card .buttons button.addToCart { background: #084781; padding-top: 4px; padding-bottom: 4px; } .page-content.item-card-description .full-width .more-items .cards .card .buttons button.addToCart img { width: 24px; } @media screen and (max-width: 1919px) { .page-content.item-card-description .full-width .more-items .cards .card .buttons button.addToCart img { width: 20px; } } .page-content.item-card-description .full-width .more-items .cards .card .buttons button.addToCart:hover { color: #393939; background: #f7d312; } .page-content.item-card-description .full-width .more-items .cards .card:hover { border: 1px solid #f7d312; } .page-content.item-card-description .full-width .popular-categories { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 12px; padding-top: 40px; padding-bottom: 24px; margin-bottom: 36px; border-top: 1px solid #000; border-bottom: 1px solid #000; } @media screen and (max-width: 1024px) { .page-content.item-card-description .full-width .popular-categories { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc(100% + 40px); margin-left: -20px; padding-left: 20px; padding-right: 20px; } } .page-content.item-card-description .full-width .popular-categories h3 { font-size: 18px; color: #5b5b5b; margin-right: 116px; white-space: nowrap; text-transform: uppercase; } @media screen and (max-width: 1024px) { .page-content.item-card-description .full-width .popular-categories h3 { margin-bottom: 16px; } } .page-content.item-card-description .full-width .popular-categories ul { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 1024px) { .page-content.item-card-description .full-width .popular-categories ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .page-content.item-card-description .full-width .popular-categories ul li { list-style-type: none; width: 50%; margin-bottom: 16px; } @media screen and (max-width: 1024px) { .page-content.item-card-description .full-width .popular-categories ul li { width: 100%; } } .page-content.item-card-description .full-width .popular-categories ul li a { color: #5b5b5b; font-size: 18px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .page-content.item-card-description .full-width .popular-categories ul li a:hover { color: #084781; text-decoration: none; } .about-gallery { background: #f0f0f0; padding-top: 40px; padding-bottom: 36px; width: calc(100% + 40px); margin-left: -20px; margin-top: 52px; padding-left: 20px; padding-right: 20px; } .about-gallery .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .about-gallery .wrapper h2 { color: #666666; font-size: 20px; margin-bottom: 36px; } .about-gallery .wrapper .about-gallery_slider { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .about-gallery .wrapper .about-gallery_slider .slider { width: calc(100% - 44px); } .about-gallery .wrapper .about-gallery_slider .slider .slide { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; margin-right: 8px; border-radius: 10px; height: 124px; padding-right: 8px; padding-left: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 768px) { .about-gallery .wrapper .about-gallery_slider .slider .slide { height: 60px; } } .about-gallery .wrapper .about-gallery_slider .slider .slide img { widht: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; cursor: pointer; } .about-gallery .wrapper .about-gallery_slider .arrows { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 44px; padding-right: 24px; } .about-gallery .wrapper .about-gallery_slider .arrows img { width: 20px; margin-bottom: 20px; cursor: pointer; } .about-gallery .wrapper .about-gallery_slider .arrows img:last-child { margin-bottom: 0; } .about-gallery .wrapper .about-gallery_slider .arrows img.js-prev { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .about-gallery .wrapper .about-gallery_slider .arrows img.js-next { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .about-management { margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 1024px) { .about-management { padding-bottom: 32px; } } .about-management h2 { color: #666666; font-size: 20px; } .about-management .management-block { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-column-gap: 36px; column-gap: 36px; padding-left: 56px; margin-top: 28px; } @media screen and (max-width: 1024px) { .about-management .management-block { padding-left: 0; row-gap: 64px; } } .about-management .management-block .manager { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: calc(25% - 27px); padding-bottom: 48px; } @media screen and (max-width: 1024px) { .about-management .management-block .manager { width: calc(50% - 27px); } } @media screen and (max-width: 768px) { .about-management .management-block .manager { width: 100%; } } .about-management .management-block .manager .img { height: 224px; margin-bottom: 24px; } @media screen and (max-width: 1024px) { .about-management .management-block .manager .img { height: 432px; margin-bottom: 16px; } } .about-management .management-block .manager .img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; border-radius: 5px; } .about-management .management-block .manager span { color: #393939; font-size: 16px; font-weight: bold; } .about-management .management-block .manager p { color: #5b5b5b; font-size: 16px; padding-top: 12px; margin-top: auto; } .about-page { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 92px; column-gap: 92px; row-gap: 40px; padding-left: 56px; } @media screen and (max-width: 1024px) { .about-page { padding-left: 0; } } .about-page p { font-size: 18px; color: #666666; width: 100%; } .about-page h3 { font-size: 18px; color: #084781; margin-top: 28px; margin-bottom: 24px; width: 100%; } .about-page .w40 { width: calc(40% - 46px); } @media screen and (max-width: 1024px) { .about-page .w40 { width: 100%; } } .about-page .w60 { width: calc(60% - 46px); } @media screen and (max-width: 1024px) { .about-page .w60 { width: 100%; } } .about-page .w100 { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 84px; column-gap: 84px; row-gap: 24px; } .about-page .w100 .w40 { width: calc(40% - 42px); } @media screen and (max-width: 1024px) { .about-page .w100 .w40 { width: 100%; } } .about-page .w100 .w60 { width: calc(60% - 42px); } @media screen and (max-width: 1024px) { .about-page .w100 .w60 { width: 100%; } } .about-advantages { background: #084781; margin-top: 56px; padding-top: 40px; padding-bottom: 48px; margin-bottom: 52px; padding-right: 20px; padding-left: 20px; } @media screen and (max-width: 1919px) { .about-advantages { width: calc(100% + 40px); margin-left: -20px; } } .about-advantages .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .about-advantages .wrapper h2 { color: #fff; font-size: 20px; } .about-advantages .wrapper .advantages { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 48px; width: 100%; } .about-advantages .wrapper .advantages .advantage { width: auto; margin-bottom: 32px; } @media screen and (max-width: 768px) { .about-advantages .wrapper .advantages .advantage { width: calc(50% - 16px); } } @media screen and (max-width: 452px) { .about-advantages .wrapper .advantages .advantage { width: 100%; } } @media screen and (max-width: 500px) { .page-content.item-card-description .full-width .right .card-info-texts .wrap_block .card-info-text{margin-bottom: 0;} .page-content.item-card-description .full-width .right .card-info-texts{padding-bottom: 0;} } .about-advantages .wrapper .advantages .advantage span { color: #fff; font-size: 40px; font-weight: bold; } .about-advantages .wrapper .advantages .advantage p { color: #fff; font-size: 20px; } .page-content .w100 { width: 100%; } .page-content .w50 { width: 50%; } @media screen and (max-width: 1024px) { .page-content .w50 { width: 100%; } } .page-content .show-counter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; margin-bottom: 16px; } .page-content .show-counter p { font-size: 16px; color: #393939; margin-right: 12px; font-weight: bold; } .page-content .show-counter a { font-size: 16px; color: #393939; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .page-content .show-counter a:hover { color: #084781; } .page-content .show-counter span { margin-left: 12px; margin-right: 12px; font-size: 16px; color: #393939; } .page-content .pagination { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .page-content .pagination img { width: 5px; } .page-content .pagination img.prev-page { -webkit-transform: rotate(90deg); transform: rotate(90deg); margin-right: 6px; } .page-content .pagination img.next-page { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); margin-left: 6px; } .page-content .pagination button { background: transparent; padding-left: 8px; padding-right: 8px; padding-top: 8px; padding-bottom: 8px; cursor: pointer; border-radius: 5px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .page-content .pagination button.active { background: #084781; color: #fff; } .page-content .pagination button:hover { color: #084781; } .page-content .pagination button:hover.active { color: #fff; } .page-content .new-page { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; padding-bottom: 68px; } @media screen and (max-width: 1024px) { .page-content .new-page { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .page-content .new-page .img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 33.333%; } @media screen and (max-width: 1024px) { .page-content .new-page .img { width: 100%; } } .page-content .new-page .img img { width: 100%; height: auto; max-width: 100%; max-height: 100%; } .page-content .new-page .desc { padding-left: 32px; width: 66.666%; } @media screen and (max-width: 1024px) { .page-content .new-page .desc { width: 100%; padding-left: 0; } } .page-content .new-page .desc .date { color: #5b5b5b; font-size: 14px; margin-top: 28px; margin-bottom: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; } .page-content .new-page .desc p { color: #666666; font-size: 16px; margin-bottom: 48px; } .page-content .new-page .desc > a { color: #084781; font-size: 16px; text-decoration: none; margin-bottom: 44px; display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .page-content .new-page .desc > a span { text-decoration: underline; } .page-content .new-page .desc > a:hover { color: #666666; } .page-content .new-page .desc > a:hover span { text-decoration: none; } .page-content .new-page .desc .line { margin-bottom: 48px; margin-left: 24px; height: 1px; width: 100%; background: #5b5b5b; } .page-content .new-page .desc .share { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .page-content .new-page .desc .share > span { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; color: #5b5b5b; margin-right: 20px; } .page-content .new-page .desc .share .ya-share2 a { margin-bottom: 0; } .page-content .article-share { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 32px; padding-bottom: 32px; border-top: 1px solid #666666; margin-top: 68px; width: 100%; } @media screen and (max-width: 768px) { .page-content .article-share { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .page-content .article-share > span { margin-bottom: 20px; } } .page-content .article-share > span { margin-right: 32px; font-size: 16px; color: #5b5b5b; display: -webkit-box; display: -ms-flexbox; display: flex; } .page-content .article-share .ya-share2__item { -webkit-filter: grayscale(1); filter: grayscale(1); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .page-content .article-share .ya-share2__item:hover { -webkit-filter: grayscale(0); filter: grayscale(0); } .page-content .article-page .date { font-size: 14px; color: #5b5b5b; margin-top: 32px; margin-bottom: 36px; display: block; font-size: 14px; color: #5b5b5b; } .page-content .article-page p { font-size: 16px; color: #666666; } .page-content .article-page img { max-width: 33.333%; width: 100%; border-radius: 5px; height: 320px; object-fit:contain; } .page-content .article-page .img { height: 320px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media screen and (max-width: 768px) { .page-content .article-page .img { height: auto; width: 100%; } } .page-content .article-page .img img { height: 100%; max-width: 100%; max-width: unset; width: unset; } @media screen and (max-width: 768px) { .page-content .article-page .img img { width: 100%; } } .page-content .article-page .img.leftImg { float: left; margin-top: 8px; margin-right: 84px; margin-bottom: 32px; } @media screen and (max-width: 768px) { .page-content .article-page .img.leftImg { margin-top: 36px; margin-bottom: 24px; margin-left: 0; margin-right: 0; } } .page-content .article-page .img.rightImg { float: right; margin-top: 8px; margin-left: 84px; margin-bottom: 32px; } @media screen and (max-width: 768px) { .page-content .article-page .img.rightImg { margin-top: 36px; margin-bottom: 24px; margin-left: 0; margin-right: 0; } } .page-content .article-page h3 { color: #393939; font-size: 18px; margin-top: 52px; margin-bottom: 24px; } .page-content .article-page h3 + p { margin-bottom: 36px; } .page-content .news-page { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 80px; column-gap: 80px; row-gap: 72px; padding-bottom: 32px; } .page-content .news-page .new { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc(25% - 60px); padding-bottom: 32px; border-bottom: 1px dotted #666666; cursor: pointer; } @media screen and (max-width: 1024px) { .page-content .news-page .new { width: calc(33.333% - 60px); } } @media screen and (max-width: 768px) { .page-content .news-page .new { width: 100%; } } .page-content .news-page .new .date { font-size: 14px; color: #5b5b5b; margin-bottom: 12px; } .page-content .news-page .new .img { height: 204px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; border-radius: 5px; } .page-content .news-page .new .img img { max-width: 100%; max-height: 100%; border-radius: 5px; } .page-content .news-page .new p { color: #666666; font-size: 16px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; margin-top: 16px; } .page-content .news-page .new p.link { color: #084781; margin-top: 20px; text-decoration: underline; } .page-content .news-page .new:hover p { text-decoration: underline; color: #084781; } .page-content .video_block { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 16px; column-gap: 16px; row-gap: 40px; padding-bottom: 32px; } .page-content .video_block .video { width: calc(25% - 12px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; cursor: pointer; } @media screen and (max-width: 1024px) { .page-content .video_block .video { width: calc(33.333% - 11px); margin-bottom: 32px; } } @media screen and (max-width: 768px) { .page-content .video_block .video { width: 100%; } } .page-content .video_block .video .img { background-position: center; background-repeat: no-repeat; background-size: cover; height: 152px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 5px; } .page-content .video_block .video .img img { width: 32px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .page-content .video_block .video p { color: #666666; font-size: 16px; padding-left: 16px; padding-right: 16px; margin-top: 20px; } .page-content .video_block .video:hover .img img { -webkit-transform: scale(1.1); transform: scale(1.1); } .page-content .video_block .show-counter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; margin-bottom: 16px; } .page-content .video_block .show-counter p { font-size: 16px; color: #393939; margin-right: 12px; font-weight: bold; } .page-content .video_block .show-counter a { font-size: 16px; color: #393939; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .page-content .video_block .show-counter a:hover { color: #084781; } .page-content .video_block .show-counter span { margin-left: 12px; margin-right: 12px; font-size: 16px; color: #393939; } .page-content .video_block .pagination { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .page-content .video_block .pagination img { width: 5px; } .page-content .video_block .pagination img.prev-page { -webkit-transform: rotate(90deg); transform: rotate(90deg); margin-right: 6px; } .page-content .video_block .pagination img.next-page { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); margin-left: 6px; } .page-content .video_block .pagination button { background: transparent; padding-left: 8px; padding-right: 8px; padding-top: 8px; padding-bottom: 8px; cursor: pointer; border-radius: 5px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .page-content .video_block .pagination button.active { background: #084781; color: #fff; } .page-content .video_block .pagination button:hover { color: #084781; } .page-content .video_block .pagination button:hover.active { color: #fff; } .page-content .services-tabs { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 56px; } @media screen and (max-width: 1024px) { .page-content .services-tabs { overflow: auto; } } .page-content .services-tabs a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 13px; padding-bottom: 13px; padding-right: 24px; padding-left: 20px; background: transparent; border-radius: 5px; font-size: 18px; cursor: pointer; color: #393939; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #f7d312; text-decoration: none; white-space: nowrap; color: #666666; background: #f0f0f0; margin-right: 8px; font-weight: bold; } @media screen and (max-width: 1919px) { .page-content .services-tabs a { padding-top: 10px; padding-bottom: 10px; padding-right: 20px; padding-left: 16px; font-size: 16px; } } .page-content .services-tabs a:hover { background: #fff; color: #393939; } .page-content .services-tabs a:hover { color: #fff; background: #084781; } .page-content .services-tabs a.active { color: #fff; background: #084781; } .page-content .services-tabs a:last-child { margin-right: 0; } .page-content .services-tabs a { text-transform: uppercase; } .page-content .services-tabs_content { width: 100%; } .page-content .services-tabs_content > div { display: none; } .page-content .services-tabs_content > div p { color: #666666; font-size: 18px; } .page-content .services-tabs_content > div p a { color: #666666; font-size: 18px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .page-content .services-tabs_content > div p a:hover { text-decoration: none; color: #084781; } .page-content .services-tabs_content > div.openned { display: block; } .page-content .services-tabs_content > div .choose-city { border-top: 1px solid #666666; padding-top: 40px; padding-bottom: 40px; border-bottom: 1px solid #666666; padding-left: 20px; padding-right: 20px; } .page-content .services-tabs_content > div .choose-city label { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: relative; margin-bottom: 16px; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .page-content .services-tabs_content > div .choose-city label input { width: 100%; padding-top: 16px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; border-radius: 10px; border: 1px solid #666666; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 18px; color: #666666; } .page-content .services-tabs_content > div .choose-city label input:hover { border: 1px solid #084781; } .page-content .services-tabs_content > div .choose-city label textarea { width: 100%; padding-top: 16px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; border-radius: 10px; border: 1px solid #666666; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 18px; color: #666666; } .page-content .services-tabs_content > div .choose-city label textarea:hover { border: 1px solid #084781; } .page-content .services-tabs_content > div .choose-city label select { width: 100%; padding-top: 16px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; border-radius: 10px; border: 1px solid #666666; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 18px; color: #666666; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/local/templates/aetauto/css/media/arrow--gray.svg) no-repeat right; background-size: 16px; background-position-x: calc(100% - 16px); } .page-content .services-tabs_content > div .choose-city label select:hover { border: 1px solid #084781; } .page-content .services-tabs_content > div .choose-city label select option { width: 100%; padding-top: 16px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; border-radius: 10px; border: 1px solid #666666; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 18px; color: #666666; } .page-content .services-tabs_content > div .choose-city label img { position: absolute; top: 18px; right: 16px; width: 18px; cursor: pointer; } .page-content .services-tabs_content > div .choose-city label span { margin-right: 72px; color: #5b5b5b; font-size: 18px; } .page-content .services-tabs_content > div .choose-city label select { width: 228px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/local/templates/aetauto/css/media/arrow--gray.svg) no-repeat right; background-size: 16px; background-position-x: calc(100% - 16px); } .page-content .services-tabs_content > div .complaint { max-width: 816px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 40px; margin-bottom: 40px; } @media screen and (max-width: 1024px) { .page-content .services-tabs_content > div .complaint { margin-left: -20px; max-width: unset; width: calc(100% + 40px); } } .page-content .services-tabs_content > div .complaint .complaint-tabs { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 1024px) { .page-content .services-tabs_content > div .complaint .complaint-tabs { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .page-content .services-tabs_content > div .complaint .complaint-tabs a { color: #000; text-transform: uppercase; font-weight: bold; font-size: 18px; padding-top: 16px; padding-bottom: 20px; padding-left: 18px; padding-right: 18px; border-radius: 5px 5px 0 0; text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; position: relative; } @media screen and (max-width: 1024px) { .page-content .services-tabs_content > div .complaint .complaint-tabs a { border-radius: 0; width: 100%; background: #f0f0f0; } } .page-content .services-tabs_content > div .complaint .complaint-tabs a::after { content: ""; position: absolute; bottom: 0; right: -25px; height: 42px; width: 26px; border-bottom-left-radius: 14px; clip: rect(1px, 25px, 42px, 1px); display: block; background: transparent; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: 0px 0px 0px 20px #efefef; box-shadow: 0px 0px 0px 20px #efefef; opacity: 0; pointer-events: none; } @media screen and (max-width: 1024px) { .page-content .services-tabs_content > div .complaint .complaint-tabs a::after { content: unset; } } .page-content .services-tabs_content > div .complaint .complaint-tabs a::before { content: ""; position: absolute; bottom: 0; left: -25px; height: 42px; width: 26px; border-bottom-right-radius: 14px; clip: rect(1px, 25px, 42px, 1px); display: block; background: transparent; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: 0px 0px 0px 20px #efefef; box-shadow: 0px 0px 0px 20px #efefef; opacity: 0; pointer-events: none; } .page-content .services-tabs_content > div .complaint .complaint-tabs a.active { background: #f0f0f0; } @media screen and (max-width: 1024px) { .page-content .services-tabs_content > div .complaint .complaint-tabs a.active { background: #084781; color: #fff; } } .page-content .services-tabs_content > div .complaint .complaint-tabs a.active::after { opacity: 1; } .page-content .services-tabs_content > div .complaint .complaint-tabs a.active::before { opacity: 1; } .page-content .services-tabs_content > div .complaint .complaint-tabs a:first-child::before { content: unset; } .page-content .services-tabs_content > div .complaint .complaint-tabs a:last-child::after { content: unset; } .page-content .services-tabs_content > div .complaint .complaint-tabs a:hover { color: #084781; } @media screen and (max-width: 1024px) { .page-content .services-tabs_content > div .complaint .complaint-tabs a:hover { color: #fff; } } .page-content .services-tabs_content > div .complaint .complaint-tabs_content { width: 100%; background: #f0f0f0; padding-top: 40px; padding-bottom: 36px; padding-left: 40px; padding-right: 48px; border-radius: 0 5px 5px 5px; } @media screen and (max-width: 768px) { .page-content .services-tabs_content > div .complaint .complaint-tabs_content { padding-right: 20px; padding-left: 20px; } } .page-content .services-tabs_content > div .complaint .complaint-tabs_content .w33 { width: calc(33.333% - 15px) !important; } @media screen and (max-width: 768px) { .page-content .services-tabs_content > div .complaint .complaint-tabs_content .w33 { width: 100% !important; } } .page-content .services-tabs_content > div .complaint .complaint-tabs_content .w50 { width: calc(50% - 11px) !important; } @media screen and (max-width: 768px) { .page-content .services-tabs_content > div .complaint .complaint-tabs_content .w50 { width: 100% !important; } } .page-content .services-tabs_content > div .complaint .complaint-tabs_content .w100 { width: 100% !important; } .page-content .services-tabs_content > div .complaint .complaint-tabs_content form { display: none; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 22px; column-gap: 22px; } .page-content .services-tabs_content > div .complaint .complaint-tabs_content form.openned { display: -webkit-box; display: -ms-flexbox; display: flex; } .page-content .services-tabs_content > div .complaint .complaint-tabs_content form .download { margin-bottom: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px; width: 100%; } .page-content .services-tabs_content > div .complaint .complaint-tabs_content form .download a { color: #084781; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .page-content .services-tabs_content > div .complaint .complaint-tabs_content form .download a img { width: 20px; margin-right: 20px; } .page-content .services-tabs_content > div .complaint .complaint-tabs_content form .download a span { text-decoration: underline; } .page-content .services-tabs_content > div .complaint .complaint-tabs_content form .download a:hover { color: #666666; } .page-content .services-tabs_content > div .complaint .complaint-tabs_content form .download a:hover span { text-decoration: none; } .page-content .services-tabs_content > div .complaint .complaint-tabs_content form label { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: relative; margin-bottom: 16px; } .page-content .services-tabs_content > div .complaint .complaint-tabs_content form label input { width: 100%; padding-top: 16px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; border-radius: 10px; border: 1px solid #666666; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 18px; color: #666666; } .page-content .services-tabs_content > div .complaint .complaint-tabs_content form label input:hover { border: 1px solid #084781; } .page-content .services-tabs_content > div .complaint .complaint-tabs_content form label textarea { width: 100%; padding-top: 16px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; border-radius: 10px; border: 1px solid #666666; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 18px; color: #666666; } .page-content .services-tabs_content > div .complaint .complaint-tabs_content form label textarea:hover { border: 1px solid #084781; } .page-content .services-tabs_content > div .complaint .complaint-tabs_content form label select { width: 100%; padding-top: 16px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; border-radius: 10px; border: 1px solid #666666; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 18px; color: #666666; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/local/templates/aetauto/css/media/arrow--gray.svg) no-repeat right; background-size: 16px; background-position-x: calc(100% - 16px); } .page-content .services-tabs_content > div .complaint .complaint-tabs_content form label select:hover { border: 1px solid #084781; } .page-content .services-tabs_content > div .complaint .complaint-tabs_content form label select option { width: 100%; padding-top: 16px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; border-radius: 10px; border: 1px solid #666666; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 18px; color: #666666; } .page-content .services-tabs_content > div .complaint .complaint-tabs_content form label img { position: absolute; top: 18px; right: 16px; width: 18px; cursor: pointer; } .page-content .services-tabs_content > div .complaint .complaint-tabs_content form label input { background: transparent; } .page-content .services-tabs_content > div .complaint .complaint-tabs_content form label textarea { background: transparent; } .page-content .services-tabs_content > div .complaint .complaint-tabs_content form label.upload { padding-left: 40px; margin-top: 24px; } .page-content .services-tabs_content > div .complaint .complaint-tabs_content form label.upload input { display: none; } .page-content .services-tabs_content > div .complaint .complaint-tabs_content form label.upload p { font-size: 18px; text-decoration: none; font-weight: normal; color: #666666; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .page-content .services-tabs_content > div .complaint .complaint-tabs_content form label.upload p span { font-weight: bold; color: #084781; text-decoration: underline; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .page-content .services-tabs_content > div .complaint .complaint-tabs_content form label.upload p:hover { color: #393939; } .page-content .services-tabs_content > div .complaint .complaint-tabs_content form label.upload p:hover span { color: #393939; } .page-content .services-tabs_content > div .complaint .complaint-tabs_content form .buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 16px; } @media screen and (max-width: 768px) { .page-content .services-tabs_content > div .complaint .complaint-tabs_content form .buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .page-content .services-tabs_content > div .complaint .complaint-tabs_content form .buttons button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 13px; padding-bottom: 13px; padding-right: 24px; padding-left: 20px; background: transparent; border-radius: 5px; font-size: 18px; cursor: pointer; color: #393939; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #f7d312; text-decoration: none; white-space: nowrap; font-weight: bold; margin-left: 28px; } @media screen and (max-width: 1919px) { .page-content .services-tabs_content > div .complaint .complaint-tabs_content form .buttons button { padding-top: 10px; padding-bottom: 10px; padding-right: 20px; padding-left: 16px; font-size: 16px; } } .page-content .services-tabs_content > div .complaint .complaint-tabs_content form .buttons button:hover { background: #fff; color: #393939; } @media screen and (max-width: 768px) { .page-content .services-tabs_content > div .complaint .complaint-tabs_content form .buttons button { width: 100%; margin-left: 0; margin-top: 24px; } } .page-content .services-tabs_content > div .garanty-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 16px; border-top: 1px solid #666666; padding-top: 64px; padding-bottom: 52px; padding-left: 20px; padding-right: 20px; border-bottom: 1px solid #666666; } @media screen and (max-width: 1024px) { .page-content .services-tabs_content > div .garanty-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media screen and (max-width: 1024px) { .page-content .services-tabs_content > div .garanty-list > div { margin-bottom: 24px; } } @media screen and (max-width: 1024px) { .page-content .services-tabs_content > div .garanty-list > div:last-child { margin-bottom: 0; } } .page-content .services-tabs_content > div .garanty-list > div h4 { color: #666666; font-size: 18px; margin-bottom: 24px; min-height: 44px; } .page-content .services-tabs_content > div .garanty-list > div ul { padding-left: 20px; } .page-content .services-tabs_content > div .garanty-list > div ul li { margin-bottom: 4px; color: #5b5b5b; } .page-content .services-tabs_content > div .garanty-list > div ul li:last-child { margin-bottom: 0; } .page-content .services-tabs_content > div .garanty-list .w33 { width: 33.333%; } @media screen and (max-width: 1024px) { .page-content .services-tabs_content > div .garanty-list .w33 { width: 100%; } } .page-content .services-tabs_content > div .garanty-list .w66 { width: 66.666%; } @media screen and (max-width: 1024px) { .page-content .services-tabs_content > div .garanty-list .w66 { width: 100%; } } .page-content .services-tabs_content > div .garanty-list .w66 ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 4px; } @media screen and (max-width: 1024px) { .page-content .services-tabs_content > div .garanty-list .w66 ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .page-content .services-tabs_content > div .garanty-list .w66 ul li { width: calc(50% - 4px); } .page-content .services-tabs_content > div .faq_block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 36px; padding-top: 40px; border-bottom: 1px solid #5b5b5b; } .page-content .services-tabs_content > div .faq_block:last-child { border-bottom: 0px; } .page-content .services-tabs_content > div .faq_block .faq_block-title { padding-left: 40px; margin-bottom: 24px; } @media screen and (max-width: 1024px) { .page-content .services-tabs_content > div .faq_block .faq_block-title { padding-left: 0; } } .page-content .services-tabs_content > div .faq_block .faq_block-title h2 { text-transform: uppercase; color: #666666; font-size: 18px; } .page-content .services-tabs_content > div .faq_block .faq_block-question { padding-left: 20px; margin-bottom: 20px; } .page-content .services-tabs_content > div .faq_block .faq_block-question:last-child { margin-bottom: 0; } @media screen and (max-width: 1024px) { .page-content .services-tabs_content > div .faq_block .faq_block-question { padding-left: 0; } } .page-content .services-tabs_content > div .faq_block .faq_block-question h3 { color: #666666; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .page-content .services-tabs_content > div .faq_block .faq_block-question h3::before { content: ""; display: block; height: 7px; width: 13px; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url(/local/templates/aetauto/css/../media/arrow--blue.svg); margin-right: 24px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .page-content .services-tabs_content > div .faq_block .faq_block-question .hidden { padding-top: 20px; padding-bottom: 20px; display: none; } .page-content .services-tabs_content > div .faq_block .faq_block-question .hidden p { color: #666666; font-size: 18px; } .page-content .services-tabs_content > div .faq_block .faq_block-question .hidden p a { color: #084781; font-size: 18px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .page-content .services-tabs_content > div .faq_block .faq_block-question .hidden p a:hover { color: #666666; text-decoration: none; } .page-content .services-tabs_content > div .faq_block .faq_block-question.openned h3 { color: #084781; } .page-content .services-tabs_content > div .faq_block .faq_block-question.openned h3::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .page-content .faq { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .page-content .faq .faq_search { width: 66.666%; margin-bottom: 4px; position: relative; } @media screen and (max-width: 1024px) { .page-content .faq .faq_search { width: 100%; } } .page-content .faq .faq_search label { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: relative; margin-bottom: 16px; width: 100%; } .page-content .faq .faq_search label input { width: 100%; padding-top: 16px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; border-radius: 10px; border: 1px solid #666666; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 18px; color: #666666; } .page-content .faq .faq_search label input:hover { border: 1px solid #084781; } .page-content .faq .faq_search label textarea { width: 100%; padding-top: 16px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; border-radius: 10px; border: 1px solid #666666; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 18px; color: #666666; } .page-content .faq .faq_search label textarea:hover { border: 1px solid #084781; } .page-content .faq .faq_search label select { width: 100%; padding-top: 16px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; border-radius: 10px; border: 1px solid #666666; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 18px; color: #666666; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/local/templates/aetauto/css/media/arrow--gray.svg) no-repeat right; background-size: 16px; background-position-x: calc(100% - 16px); } .page-content .faq .faq_search label select:hover { border: 1px solid #084781; } .page-content .faq .faq_search label select option { width: 100%; padding-top: 16px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; border-radius: 10px; border: 1px solid #666666; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 18px; color: #666666; } .page-content .faq .faq_search label img { position: absolute; top: 18px; right: 16px; width: 18px; cursor: pointer; } .page-content .faq .faq_search label input { width: 100%; padding-right: 48px; } .page-content .faq .faq_search button { position: absolute; top: 18px; right: 16px; background: transparent; cursor: pointer; } .page-content .faq .faq_search button img { width: 20px; } .page-content .faq .faq_block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 36px; padding-top: 40px; border-bottom: 1px solid #5b5b5b; } .page-content .faq .faq_block:last-child { border-bottom: 0px; } .page-content .faq .faq_block .faq_block-title { padding-left: 40px; margin-bottom: 24px; } @media screen and (max-width: 1024px) { .page-content .faq .faq_block .faq_block-title { padding-left: 0; } } .page-content .faq .faq_block .faq_block-title h2 { text-transform: uppercase; color: #666666; font-size: 18px; } .page-content .faq .faq_block .faq_block-question { padding-left: 20px; margin-bottom: 20px; } .page-content .faq .faq_block .faq_block-question:last-child { margin-bottom: 0; } @media screen and (max-width: 1024px) { .page-content .faq .faq_block .faq_block-question { padding-left: 0; } } .page-content .faq .faq_block .faq_block-question h3 { color: #666666; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .page-content .faq .faq_block .faq_block-question h3::before { content: ""; display: block; height: 7px; width: 13px; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url(/local/templates/aetauto/css/../media/arrow--blue.svg); margin-right: 24px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .page-content .faq .faq_block .faq_block-question .hidden { padding-top: 20px; padding-bottom: 20px; display: none; } .page-content .faq .faq_block .faq_block-question .hidden p { color: #666666; font-size: 18px; } .page-content .faq .faq_block .faq_block-question .hidden p a { color: #084781; font-size: 18px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .page-content .faq .faq_block .faq_block-question .hidden p a:hover { color: #666666; text-decoration: none; } .page-content .faq .faq_block .faq_block-question.openned h3 { color: #084781; } .page-content .faq .faq_block .faq_block-question.openned h3::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .page-content .contacts_map-frame { width: 100%; height: 340px; border-radius: 10px; margin-top: 44px; margin-bottom: 40px; display: block !important; } .page-content .contacts_tabs { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 68px; } @media screen and (max-width: 1024px) { .page-content .contacts_tabs { overflow: auto; } } .page-content .contacts_tabs a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 13px; padding-bottom: 13px; padding-right: 24px; padding-left: 20px; background: transparent; border-radius: 5px; font-size: 18px; cursor: pointer; color: #393939; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #f7d312; text-decoration: none; white-space: nowrap; color: #666666; background: #f0f0f0; margin-right: 8px; font-weight: bold; } @media screen and (max-width: 1919px) { .page-content .contacts_tabs a { padding-top: 10px; padding-bottom: 10px; padding-right: 20px; padding-left: 16px; font-size: 16px; } } .page-content .contacts_tabs a:hover { background: #fff; color: #393939; } .page-content .contacts_tabs a:hover { color: #fff; background: #084781; } .page-content .contacts_tabs a.active { color: #fff; background: #084781; } .page-content .contacts_tabs a:last-child { margin-right: 0; } .page-content .contacts_tabs-content > div { display: none; } .page-content .contacts_tabs-content > div.openned { display: block; } .page-content .contacts_tabs-content .partner-card_info { padding-top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 1024px) { .page-content .contacts_tabs-content .partner-card_info { padding-right: 0; } } .page-content .contacts_tabs-content .partner-card_info .partner-card_info-item { padding-right: 24px; width: 50%; } @media screen and (max-width: 1024px) { .page-content .contacts_tabs-content .partner-card_info .partner-card_info-item { width: 100%; padding-right: 0; } } .page-content .contacts_tabs-content .partner-card_info .partner-card_info-item .partner-card_info-item_title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .page-content .contacts_tabs-content .partner-card_info .partner-card_info-item.big { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; } @media screen and (max-width: 1024px) { .page-content .contacts_tabs-content .partner-card_info .partner-card_info-item.big:last-child { padding-left: 0 !important; } } .page-content .contacts_tabs-content .partner-card_info .partner-card_info-item.big .partner-card_info-item_content { padding-left: 40px; width: 100%; } .page-content .contacts_tabs-content .partner-card_info .partner-card_info-item.big .partner-card_info-item_content .requisites { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 16px; margin-top: 20px; width: 100%; } @media screen and (max-width: 1024px) { .page-content .contacts_tabs-content .partner-card_info .partner-card_info-item.big .partner-card_info-item_content .requisites { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .page-content .contacts_tabs-content .partner-card_info .partner-card_info-item.big .partner-card_info-item_content .requisites .requisite { color: #666666; font-size: 18px; } .page-content .contacts_tabs-content .partner-card_info .partner-card_info-item.big .partner-card_info-item_content .requisites .line { width: 1px; height: 32px; background: #666666; } @media screen and (max-width: 1024px) { .page-content .contacts_tabs-content .partner-card_info .partner-card_info-item.big .partner-card_info-item_content .requisites .line { display: none; } } .page-content .contacts_tabs-content .partner-card_info .partner-card_info-item.big .partner-card_info-item_content p { color: #666666; font-size: 18px; margin-top: 20px; } .page-content .partner-card_title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 28px; width: 100%; padding-left: 20px; } @media screen and (max-width: 1024px) { .page-content .partner-card_title { padding-left: 0; } } .page-content .partner-card_title span { margin-bottom: 28px; font-size: 18px; color: #5b5b5b; } .page-content .partner-card_title img { max-height: 64px; height: 100%; } .page-content .partner-card_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 36px; padding-left: 20px; padding-right: 24px; } @media screen and (max-width: 1024px) { .page-content .partner-card_info { padding-left: 0; } } @media screen and (max-width: 1024px) { .page-content .partner-card_info + .map-frame { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; margin-top: 32px; } } .page-content .partner-card_info.w50 { width: 50%; } .page-content .partner-card_info .partner-card_info-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 28px; } .page-content .partner-card_info .partner-card_info-item:last-child { margin-bottom: 0; } .page-content .partner-card_info .partner-card_info-item img { width: 28px; margin-right: 16px; } .page-content .partner-card_info .partner-card_info-item p { color: #666666; font-size: 18px; } .page-content .partner-card_info .partner-card_info-item p span { text-transform: uppercase; margin-right: 8px; } .page-content .partner-card_info .partner-card_info-item p a { color: #084781; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .page-content .partner-card_info .partner-card_info-item p a:hover { color: #666666; text-decoration: none; } .page-content .partner-card_info .partner-card_info-slider-title { width: 100%; padding-left: 40px; margin-bottom: 16px; } @media screen and (max-width: 768px) { .page-content .partner-card_info .partner-card_info-slider-title { padding-left: 0; } } .page-content .partner-card_info .partner-card_info-slider-title h3 { color: #666666; font-size: 20px; } .page-content .partner-card_info .partner-card_info-slider { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .page-content .partner-card_info .partner-card_info-slider .slider { width: calc(100% - 44px); padding-left: 30px; } @media screen and (max-width: 768px) { .page-content .partner-card_info .partner-card_info-slider .slider { padding-left: 0; } } .page-content .partner-card_info .partner-card_info-slider .slider .slide { margin-right: 8px; height: 124px; padding-right: 8px; padding-left: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 8px; } .page-content .partner-card_info .partner-card_info-slider .slider .slide:hover img { border: 2px solid #084781; } .page-content .partner-card_info .partner-card_info-slider .slider .slide img { max-width: 100%; max-height: 100%; border: 2px solid transparent; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 10px; } .page-content .partner-card_info .partner-card_info-slider .arrows { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 44px; padding-left: 24px; } .page-content .partner-card_info .partner-card_info-slider .arrows img { width: 20px; margin-bottom: 20px; cursor: pointer; } .page-content .partner-card_info .partner-card_info-slider .arrows img:last-child { margin-bottom: 0; } .page-content .partner-card_info .partner-card_info-slider .arrows img.js-prev { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .page-content .partner-card_info .partner-card_info-slider .arrows img.js-next { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .page-content .city-choose { width: 100%; border-bottom: 1px solid #666666; padding-bottom: 40px; padding-left: 20px; padding-right: 20px; margin-bottom: 44px; } @media screen and (max-width: 1024px) { .page-content .city-choose { padding-left: 0; } } .page-content .city-choose label { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: relative; margin-bottom: 16px; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .page-content .city-choose label input { width: 100%; padding-top: 16px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; border-radius: 10px; border: 1px solid #666666; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 18px; color: #666666; } .page-content .city-choose label input:hover { border: 1px solid #084781; } .page-content .city-choose label textarea { width: 100%; padding-top: 16px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; border-radius: 10px; border: 1px solid #666666; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 18px; color: #666666; } .page-content .city-choose label textarea:hover { border: 1px solid #084781; } .page-content .city-choose label select { width: 100%; padding-top: 16px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; border-radius: 10px; border: 1px solid #666666; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 18px; color: #666666; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/local/templates/aetauto/css/media/arrow--gray.svg) no-repeat right; background-size: 16px; background-position-x: calc(100% - 16px); } .page-content .city-choose label select:hover { border: 1px solid #084781; } .page-content .city-choose label select option { width: 100%; padding-top: 16px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; border-radius: 10px; border: 1px solid #666666; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 18px; color: #666666; } .page-content .city-choose label img { position: absolute; top: 18px; right: 16px; width: 18px; cursor: pointer; } @media screen and (max-width: 768px) { .page-content .city-choose label { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .page-content .city-choose label p { margin-right: 76px; color: #666666; font-size: 18px; } @media screen and (max-width: 768px) { .page-content .city-choose label p { margin-bottom: 20px; } } .page-content .city-choose label select { width: 232px; cursor: pointer; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/local/templates/aetauto/css/../media/arrow--gray.svg) no-repeat right; background-size: 16px; background-position-x: calc(100% - 16px); } .page-content .map { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 44px; width: 100%; } .page-content .map .view-type-choose_mobile { width: 100%; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 20px; } @media screen and (max-width: 1024px) { .page-content .map .view-type-choose_mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } .page-content .map .view-type-choose_mobile button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 13px; padding-bottom: 13px; padding-right: 24px; padding-left: 20px; background: transparent; border-radius: 5px; font-size: 18px; cursor: pointer; color: #393939; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #f7d312; text-decoration: none; white-space: nowrap; background: #f0f0f0; color: #666666; margin-right: 8px; width: fit-content; } @media screen and (max-width: 1919px) { .page-content .map .view-type-choose_mobile button { padding-top: 10px; padding-bottom: 10px; padding-right: 20px; padding-left: 16px; font-size: 16px; } } .page-content .map .view-type-choose_mobile button:hover { background: #fff; color: #393939; } .page-content .map .view-type-choose_mobile button.active { background: #084781; color: #fff; } .page-content .map .view-type-choose_mobile button:last-child { margin-right: 0; } .page-content .map .addresses { overflow-y: scroll; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; height: 100%; max-height: 586px; padding-right: 32px; margin-right: 32px; width: calc(50% - 32px); } @media screen and (max-width: 1024px) { .page-content .map .addresses { width: 100%; padding-right: 0; margin-right: 0; margin-bottom: 32px; } } .page-content .map .addresses.showed { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 1025px) { .page-content .map .addresses { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } .page-content .map .addresses .address { border-radius: 10px; padding-top: 32px; padding-left: 24px; padding-right: 24px; padding-bottom: 32px; border: 1px solid #666666; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; margin-bottom: 10px; display: block; width: 100%; text-decoration: none; color: #666666; height: -webkit-fit-content !important; height: -moz-fit-content !important; height: fit-content !important; } @media screen and (max-width: 768px) { .page-content .map .addresses .address { height: unset; } } .page-content .map .addresses .address:last-child { margin-bottom: 0; } .page-content .map .addresses .address:hover { border: 1px solid #084781; } .page-content .map .addresses .address:hover h4 { color: #084781; } .page-content .map .addresses .address h4 { color: #393939; font-size: 18px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .page-content .map .addresses .address span { color: #5b5b5b; font-size: 12px; } .page-content .map .addresses .address .link { margin-top: 24px; color: #666666; font-size: 18px; text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .page-content .map .addresses .address .link:hover { text-decoration: underline; color: #084781; } .page-content .map .addresses .address p { color: #666666; font-size: 18px; } .page-content .map .addresses .address.active { background: #084781; } .page-content .map .addresses .address.active h4 { color: #fff; } .page-content .map .addresses .address.active span { color: #fff; } .page-content .map .addresses .address.active a { color: #fff; } .page-content .map .addresses .address.active p { color: #fff; } .page-content .map .map-frame { height: 542px; border-radius: 10px; display: none; } .page-content .map .map-frame.showed { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } @media screen and (min-width: 1025px) { .page-content .map .map-frame { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media screen and (max-width: 1024px) { .page-content .map.partner-map { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .page-content .map.partner-map .w50 { width: 50%; } @media screen and (max-width: 1024px) { .page-content .map.partner-map .w50 { width: 100%; max-width: unset !important; } } .img_pop-up > img { border-radius: 5px; height: 100%; background-color: #fff; border-radius: 10px; padding: 24px; max-height: calc(100vh - 152px); max-width: calc(100% - 40px); height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; } .favourites_page { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 32px; } .favourites_page .favourite_item { padding-top: 68px; padding-right: 24px; padding-bottom: 22px; padding-left: 24px; border-radius: 5px; border: 1px solid #ebebeb; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-decoration: none; margin-right: 16px; width: calc(25% - 16px); } @media screen and (max-width: 2100px) { .favourites_page .favourite_item { padding-top: 52px; padding-right: 16px; padding-left: 16px; padding-bottom: 14px; margin-right: 14px; } } @media screen and (max-width: 767px) { .favourites_page .favourite_item { margin-right: 0; } } .favourites_page .favourite_item .label { position: absolute; top: 16px; left: 12px; color: #fff; background: #084781; border-radius: 5px; padding-top: 8px; padding-right: 16px; padding-bottom: 8px; padding-left: 16px; } @media screen and (max-width: 1919px) { .favourites_page .favourite_item .label { top: 12px; padding-right: 12px; padding-left: 12px; } } .favourites_page .favourite_item .img { height: 188px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 28px; } @media screen and (max-width: 1919px) { .favourites_page .favourite_item .img { height: 160px; margin-bottom: 24px; } } @media screen and (max-width: 767px) { .favourites_page .favourite_item .img { height: 220px; margin-bottom: 28px; } } .favourites_page .favourite_item .img img { max-height: 100%; max-width: 100%; } .favourites_page .favourite_item h5 { font-size: 16px; color: #393939; margin-bottom: 24px; max-height: 38px; height: 38px; } @media screen and (max-width: 1919px) { .favourites_page .favourite_item h5 { margin-bottom: 20px; max-height: 30px; height: 30px; } } @media screen and (max-width: 767px) { .favourites_page .favourite_item h5 { font-size: 20px; max-height: unset; height: auto; } } .favourites_page .favourite_item .price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .favourites_page .favourite_item .price span { margin-right: 20px; font-size: 16px; color: #000; } @media screen and (max-width: 767px) { .favourites_page .favourite_item .price span { font-size: 24px; } } .favourites_page .favourite_item .price span:last-child { margin-right: 0; } .favourites_page .favourite_item .price span.new { font-weight: bold; color: #084781; } .favourites_page .favourite_item .price span.old { color: #666666; padding-left: 2px; padding-right: 2px; position: relative; } .favourites_page .favourite_item .price span.old::after { content: ""; display: block; width: 100%; background: #666666; position: absolute; top: 50%; left: 0; height: 1px; } .favourites_page .favourite_item .quantity { font-size: 16px; color: #666666; margin-top: 8px; display: block; } @media screen and (max-width: 767px) { .favourites_page .favourite_item .quantity { font-size: 18px; } } .favourites_page .favourite_item .secondary-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 32px; } @media screen and (max-width: 1919px) { .favourites_page .favourite_item .secondary-buttons { margin-top: 24px; } } .favourites_page .favourite_item .secondary-buttons > * { margin-right: 12px; } .favourites_page .favourite_item .secondary-buttons > *:last-child { margin-right: 0; } .favourites_page .favourite_item .secondary-buttons > img { width: 24px; cursor: pointer; } @media screen and (max-width: 1919px) { .favourites_page .favourite_item .secondary-buttons > img { width: 20px; } } @media screen and (max-width: 767px) { .favourites_page .favourite_item .secondary-buttons > img { width: 36px; } } .favourites_page .favourite_item .secondary-buttons .counter { background: #f2f2f2; border-radius: 5px; padding-top: 5px; padding-right: 4px; padding-bottom: 5px; padding-left: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 108px; } @media screen and (max-width: 1365px) { .favourites_page .favourite_item .secondary-buttons .counter { max-width: 180px; } } .favourites_page .favourite_item .secondary-buttons .counter input { background: transparent; text-align: center; width: 100%; } .favourites_page .favourite_item .secondary-buttons .counter button { background: #e5e5e5; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-right: 8px; padding-left: 8px; height: 24px; cursor: pointer; padding-bottom: 2px; } @media screen and (max-width: 1919px) { .favourites_page .favourite_item .secondary-buttons .counter button { height: 20px; } } @media screen and (max-width: 767px) { .favourites_page .favourite_item .secondary-buttons .counter button { height: 40px; padding-right: 16px; padding-left: 16px; } } .favourites_page .favourite_item .secondary-buttons .counter button:hover { background: #f7d312; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .favourites_page .favourite_item .buttons { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .favourites_page .favourite_item .buttons button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 13px; padding-bottom: 13px; padding-right: 24px; padding-left: 20px; background: transparent; border-radius: 5px; font-size: 18px; cursor: pointer; color: #393939; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #f7d312; text-decoration: none; white-space: nowrap; font-size: 14px; padding-top: 8px; padding-bottom: 8px; padding-right: 16px; padding-left: 16px; margin-right: 9px; height: 36px; } @media screen and (max-width: 1919px) { .favourites_page .favourite_item .buttons button { padding-top: 10px; padding-bottom: 10px; padding-right: 20px; padding-left: 16px; font-size: 16px; } } .favourites_page .favourite_item .buttons button:hover { background: #fff; color: #393939; } @media screen and (max-width: 1919px) { .favourites_page .favourite_item .buttons button { padding-left: 12px; padding-right: 12px; } } @media screen and (max-width: 767px) { .favourites_page .favourite_item .buttons button { font-size: 18px; height: 56px; } } .favourites_page .favourite_item .buttons button:hover { color: #fff; background: #393939; } .favourites_page .favourite_item .buttons button:last-child { margin-right: 0; } .favourites_page .favourite_item .buttons button:first-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .favourites_page .favourite_item .buttons button.addToCart { background: #084781; padding-top: 4px; padding-bottom: 4px; } .favourites_page .favourite_item .buttons button.addToCart img { width: 24px; } @media screen and (max-width: 1919px) { .favourites_page .favourite_item .buttons button.addToCart img { width: 20px; } } .favourites_page .favourite_item .buttons button.addToCart:hover { color: #393939; background: #f7d312; } .favourites_page .favourite_item:hover { border: 1px solid #f7d312; } @media screen and (max-width: 1128px) { .favourites_page .favourite_item { width: calc(33.333% - 14px); margin-bottom: 24px; } } @media screen and (max-width: 1024px) { .favourites_page .favourite_item { width: calc(50% - 14px); } } @media screen and (max-width: 768px) { .favourites_page .favourite_item { width: 100%; } } .favourites_page .favourite_item h5 { height: 48px; max-height: 48px; } .comparison_page { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 40px; width: 100%; } .comparison_page .left { width: 264px; padding-left: 24px; } .comparison_page .left h3 { color: #084781; font-size: 18px; } .comparison_page .left form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .comparison_page .left form label { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 28px; padding: 0 10px; margin-top: 0 !important; padding: 0; margin-bottom: 28px; } @media screen and (max-width: 1919px) { .comparison_page .left form label { margin-top: 20px; } } .comparison_page .left form label input { display: none; } .comparison_page .left form label input:checked + span:before { max-height: 6px; max-width: 6px; background: #fff; } .comparison_page .left form label span { font-size: 14px; color: #666666; position: relative; padding-left: 30px; cursor: pointer; } .comparison_page .left form label span::before { content: ""; display: block; max-width: 6px; max-height: 6px; width: 100%; height: 100%; border-radius: 7px; margin-right: 16px; background: #084781; border: 4px solid #084781; cursor: pointer; position: absolute; top: 4px; left: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .comparison_page .left form label span a { font-size: 14px; color: #666666; } .comparison_page .left form label span::before { top: 0; } .comparison_page .left form label:last-child { margin-bottom: 0; } .comparison_page .left form button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 13px; padding-bottom: 13px; padding-right: 24px; padding-left: 20px; background: transparent; border-radius: 5px; font-size: 18px; cursor: pointer; color: #393939; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #f7d312; text-decoration: none; white-space: nowrap; padding-left: 28px; padding-right: 28px; } @media screen and (max-width: 1919px) { .comparison_page .left form button { padding-top: 10px; padding-bottom: 10px; padding-right: 20px; padding-left: 16px; font-size: 16px; } } .comparison_page .left form button:hover { background: #fff; color: #393939; } .comparison_page .left form button:hover { color: #fff; background: #084781; } .comparison_page .right { width: calc(100% - 264px); } .comparison_page .js-left { position: fixed; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; top: 50%; left: 2px; background: #f7d312; border-radius: 5px; padding: 8px; width: 28px; height: 28px; -webkit-transform: rotate(90deg); transform: rotate(90deg); cursor: pointer; display: none; z-index: 8; } .js-user-basket_mobile { display: none; } @media screen and (max-width: 1024px) { nav > .wrapper .right .order-info .cart { position: relative; } main.inner-page .content .wrapper .right .top-buttons { display: none; } .page-content.item-card-description { margin-top: 0; } .page-content.item-card-description .full-width .left .img .mini-slider ~ .arrows { position: absolute; padding:0; width: 100%; flex-direction: row; justify-content: space-between; align-items: center; top: calc(50% - 10px); } .page-content.item-card-description .full-width .left .img .mini-slider ~ .arrows img { margin-bottom: 0; } .comparison_page .js-left { display: block; } .js-user-basket_mobile { color: #393939; background: #f7d312; width: 12px; height: 12px; top: -4px; position: absolute; right: 0px; width: 14px; height: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 10px; border-radius: 7px; } } .comparison_page .js-right { position: fixed; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; top: 50%; right: 2px; background: #f7d312; border-radius: 5px; padding: 8px; width: 28px; height: 28px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); cursor: pointer; display: none; z-index: 8; } @media screen and (max-width: 1024px) { .comparison_page .js-right { display: block; } } .comparison_page .toggle-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 24px; margin-bottom: 28px; } @media screen and (max-width: 768px) { .comparison_page .toggle-button { padding-left: 0; } } .comparison_page .toggle-button label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .comparison_page .toggle-button label input { display: none; } .comparison_page .toggle-button label > div { width: 32px; height: 16px; padding: 2px 1px; border-radius: 16px; background: #f0f0f0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid rgba(0, 0, 0, 0.05); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .comparison_page .toggle-button label > div div { width: 12px; height: 12px; border-radius: 50%; background: #fff; -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .comparison_page .toggle-button label span { color: #666666; font-size: 16px; margin-left: 16px; } .comparison_page .toggle-button label input:checked + div { background: #084781; } .comparison_page .toggle-button label input:checked + div div { margin-left: 16px; } .comparison_page .items-slider { width: 100%; } .comparison_page .items-slider a { padding-top: 68px; padding-right: 24px; padding-bottom: 22px; padding-left: 24px; border-radius: 5px; border: 1px solid #ebebeb; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-decoration: none; margin-right: 16px; } @media screen and (max-width: 1919px) { .comparison_page .items-slider a { padding-top: 52px; padding-right: 16px; padding-left: 16px; padding-bottom: 14px; margin-right: 14px; } } @media screen and (max-width: 767px) { .comparison_page .items-slider a { margin-right: 0; } } .comparison_page .items-slider a .label { position: absolute; top: 16px; left: 12px; color: #fff; background: #084781; border-radius: 5px; padding-top: 8px; padding-right: 16px; padding-bottom: 8px; padding-left: 16px; } @media screen and (max-width: 1919px) { .comparison_page .items-slider a .label { top: 12px; padding-right: 12px; padding-left: 12px; } } .comparison_page .items-slider a .img { height: 188px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 28px; } @media screen and (max-width: 1919px) { .comparison_page .items-slider a .img { height: 160px; margin-bottom: 24px; } } @media screen and (max-width: 767px) { .comparison_page .items-slider a .img { height: 220px; margin-bottom: 28px; } } .comparison_page .items-slider a .img img { max-height: 100%; max-width: 100%; } .comparison_page .items-slider a h5 { font-size: 16px; color: #393939; margin-bottom: 24px; max-height: 38px; height: 38px; } @media screen and (max-width: 1919px) { .comparison_page .items-slider a h5 { margin-bottom: 20px; max-height: 30px; height: 30px; } } @media screen and (max-width: 767px) { .comparison_page .items-slider a h5 { font-size: 20px; max-height: unset; height: auto; } } .comparison_page .items-slider a .price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .comparison_page .items-slider a .price span { margin-right: 20px; font-size: 16px; color: #000; } @media screen and (max-width: 767px) { .comparison_page .items-slider a .price span { font-size: 24px; } } .comparison_page .items-slider a .price span:last-child { margin-right: 0; } .comparison_page .items-slider a .price span.new { font-weight: bold; color: #084781; } .comparison_page .items-slider a .price span.old { color: #666666; padding-left: 2px; padding-right: 2px; position: relative; } .comparison_page .items-slider a .price span.old::after { content: ""; display: block; width: 100%; background: #666666; position: absolute; top: 50%; left: 0; height: 1px; } .comparison_page .items-slider a .quantity { font-size: 16px; color: #666666; margin-top: 8px; display: block; } @media screen and (max-width: 767px) { .comparison_page .items-slider a .quantity { font-size: 18px; } } .comparison_page .items-slider a .secondary-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 32px; } @media screen and (max-width: 1919px) { .comparison_page .items-slider a .secondary-buttons { margin-top: 24px; } } .comparison_page .items-slider a .secondary-buttons > * { margin-right: 12px; } .comparison_page .items-slider a .secondary-buttons > *:last-child { margin-right: 0; } .comparison_page .items-slider a .secondary-buttons > img { width: 24px; cursor: pointer; } @media screen and (max-width: 1919px) { .comparison_page .items-slider a .secondary-buttons > img { width: 20px; } } @media screen and (max-width: 767px) { .comparison_page .items-slider a .secondary-buttons > img { width: 36px; } } .comparison_page .items-slider a .secondary-buttons .counter { background: #f2f2f2; border-radius: 5px; padding-top: 5px; padding-right: 4px; padding-bottom: 5px; padding-left: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 108px; } @media screen and (max-width: 1365px) { .comparison_page .items-slider a .secondary-buttons .counter { max-width: 180px; } } .comparison_page .items-slider a .secondary-buttons .counter input { background: transparent; text-align: center; width: 100%; } .comparison_page .items-slider a .secondary-buttons .counter button { background: #e5e5e5; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-right: 8px; padding-left: 8px; height: 24px; cursor: pointer; padding-bottom: 2px; } @media screen and (max-width: 1919px) { .comparison_page .items-slider a .secondary-buttons .counter button { height: 20px; } } @media screen and (max-width: 767px) { .comparison_page .items-slider a .secondary-buttons .counter button { height: 40px; padding-right: 16px; padding-left: 16px; } } .comparison_page .items-slider a .secondary-buttons .counter button:hover { background: #f7d312; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .comparison_page .items-slider a .buttons { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .comparison_page .items-slider a .buttons button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 13px; padding-bottom: 13px; padding-right: 24px; padding-left: 20px; background: transparent; border-radius: 5px; font-size: 18px; cursor: pointer; color: #393939; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #f7d312; text-decoration: none; white-space: nowrap; font-size: 14px; padding-top: 8px; padding-bottom: 8px; padding-right: 16px; padding-left: 16px; margin-right: 9px; height: 36px; } @media screen and (max-width: 1919px) { .comparison_page .items-slider a .buttons button { padding-top: 10px; padding-bottom: 10px; padding-right: 20px; padding-left: 16px; font-size: 16px; } } .comparison_page .items-slider a .buttons button:hover { background: #fff; color: #393939; } @media screen and (max-width: 1919px) { .comparison_page .items-slider a .buttons button { padding-left: 12px; padding-right: 12px; } } @media screen and (max-width: 767px) { .comparison_page .items-slider a .buttons button { font-size: 18px; height: 56px; } } .comparison_page .items-slider a .buttons button:hover { color: #fff; background: #393939; } .comparison_page .items-slider a .buttons button:last-child { margin-right: 0; } .comparison_page .items-slider a .buttons button:first-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .comparison_page .items-slider a .buttons button.addToCart { background: #084781; padding-top: 4px; padding-bottom: 4px; } .comparison_page .items-slider a .buttons button.addToCart img { width: 24px; } @media screen and (max-width: 1919px) { .comparison_page .items-slider a .buttons button.addToCart img { width: 20px; } } .comparison_page .items-slider a .buttons button.addToCart:hover { color: #393939; background: #f7d312; } .comparison_page .items-slider a:hover { border: 1px solid #f7d312; } .comparison_page .specs-slider { width: 100%; margin-top: 12px; } .comparison_page .specs-slider .slide { border-radius: 5px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid rgba(0, 0, 0, 0.1); margin-right: 14px; } @media screen and (max-width: 768px) { .comparison_page .specs-slider .slide { margin-right: 0; } } .comparison_page .specs-slider .slide .spec { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 16px; padding-bottom: 16px; padding-left: 12px; padding-right: 12px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .comparison_page .specs-slider .slide .spec:last-child { border-bottom: 0; } .comparison_page .specs-slider .slide .spec span { color: #666666; opacity: 0.5; font-size: 14px; } .comparison_page .specs-slider .slide .spec p { font-size: 16px; color: #666666; margin-top: 4px; } .page-content.item-card-description .full-width .left .img .label {z-index: 8 !important;} .mini-slider.slick-slider .slick-list.draggable { margin-right: -3px; } figure.containerZoom{background-position:50% 50%;position:relative;width:100%;overflow:hidden;cursor:zoom-in;margin:0}figure.containerZoom img{transition:opacity .5s;display:block;width:100%}figure.containerZoom.active img{opacity:0} main.inner-page .content.content-bottom .wrapper .page-content .right.blog-slider_wrap, main.inner-page .content.content-bottom .wrapper .page-content .right.blog-slider_wrap .secondary-slider { width: 100%; } .g-recaptcha, #recaptchaError { opacity: 1 !important; } #recaptchaError { font-weight: bold; color: red; margin-bottom: 12px; } .g-recaptcha { margin-bottom: 12px; } /* End */ /* Start:/local/templates/aetauto/css/jquery.fancybox.min.css?164770767113213*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:calc(50% - 7px);top:calc(50% - 6px);border:2px solid;background:none}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-button--pause:before,.fancybox-button--play:before{top:calc(50% - 6px);left:calc(50% - 4px);background:transparent}.fancybox-button--play:before{width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px}.fancybox-button--pause:before{width:7px;height:11px;border-style:solid;border-width:0 2px}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/aetauto/css/custom.css?173513454842649*/ main .pre-nav .wrapper .left > div.tfl__link-container p a { color: #666666; font-size: 16px; border-bottom: 1px dashed #f7d312; } main.inner-page .content.content-bottom .wrapper .page-content { align-items: flex-start; } .sideMobileMenu .js_choose-city a.tfl__link { color: #fff; font-size: 14px; border-bottom: 2px dashed #f7d312; } main.inner-page .content.content-bottom .wrapper .page-content .left .choose-category li.hidden { display: none; } main.inner-page .content.content-bottom .wrapper .page-content .left .choose-category li a, main.inner-page .content.content-bottom .wrapper .page-content .left .choose-category li span { color: inherit; text-decoration: none; font-size: inherit; } .page-content .news-page a.new { text-decoration: none; } .auth_links_cus { display: block; margin-top: 10px; color: #084781; } .auth_links_cus:hover { color: #393939; } .page_content { margin-bottom: 50px; } .page_content h2, .page_content h3, .page_content p { margin-bottom: 20px; } .page_content ul { padding-left: 20px; margin-bottom: 20px; } .main-register-custom-import { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 13px; padding-bottom: 13px; padding-right: 24px; padding-left: 20px; background: transparent; border-radius: 5px; font-size: 18px; cursor: pointer; color: #393939; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #f7d312; text-decoration: none; white-space: nowrap; width: 100%; margin-top: 24px; max-width: 206px; } .main-register-custom-import:hover { background: #666666; color: #fff; } .right.w66 p .errortext { padding-bottom: 12px; display: block; } @media (min-width: 768px) { nav > .wrapper .menu li.slidable ul li a { white-space: nowrap; } } .page-content .services-tabs_content > div .city-choose { border-top: 1px solid #666666; padding-top: 40px; padding-bottom: 40px; border-bottom: 1px solid #666666; padding-left: 20px; padding-right: 20px; } .page-content .services-tabs_content > div p.refresh-s-form { display: block; width: 100%; margin-top: 16px; } .page-content .services-tabs_content > div p.refresh-s-form.error { color: red; } .page-content .services-tabs_content > div p.refresh-s-form.success { color: green; } .page-content .video_block .video { text-decoration: none; } .page-content.item-card-description .full-width .right .buy-buttons button[disabled="disabled"], .page-content.item-card-description .full-width .right .buy-buttons button.add-cart[disabled="disabled"], .page-content.item-card-description .full-width .right .buy-buttons.analogue .card .desc .price button[disabled="disabled"], .favourites_page .favourite_item .buttons button[disabled="disabled"], main .content .wrapper .right .secondary-slider .slider .slide .buttons button[disabled="disabled"] { cursor: unset; background: #666666; color: #fff; } main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .buttons button.addToCart.disabled, main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .buttons button.open-list-by-disabled, .page-content.item-card-description .full-width .more-items .cards .card .buttons button.addToCart.disabled, .page-content.item-card-description .full-width .more-items .cards .card .buttons button.open-list-by-disabled, .comparison_page .items-slider a .buttons button.open-list-by-disabled, .comparison_page .items-slider a .buttons button.addToCart.disabled, .favourites_page .favourite_item .buttons button.addToCart.disabled, main .content .wrapper .right .secondary-slider .slider .slide .buttons button.addToCart.disabled, .pop-up.pop-up_after-cart .more_block .more_item .button button.disabled, .pop-up.pop-up_after-cart .more_block .more_item .button button.disabled:hover { cursor: unset; background: #666666; color: #fff; } /*Preloader*/ .g--circle { -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px; fill: #24bc7d; -webkit-animation: opacity 1.2s linear infinite; animation: opacity 1.2s linear infinite; } .g--circle:nth-child(12n + 1) { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; -webkit-transform: rotate(-30deg) translate(5px, 5px) scale(0.9); transform: rotate(-30deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 2) { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; -webkit-transform: rotate(-60deg) translate(5px, 5px) scale(0.9); transform: rotate(-60deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 3) { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; -webkit-transform: rotate(-90deg) translate(5px, 5px) scale(0.9); transform: rotate(-90deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 4) { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; -webkit-transform: rotate(-120deg) translate(5px, 5px) scale(0.9); transform: rotate(-120deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 5) { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; -webkit-transform: rotate(-150deg) translate(5px, 5px) scale(0.9); transform: rotate(-150deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 6) { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; -webkit-transform: rotate(-180deg) translate(5px, 5px) scale(0.9); transform: rotate(-180deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 7) { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; -webkit-transform: rotate(-210deg) translate(5px, 5px) scale(0.9); transform: rotate(-210deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 8) { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; -webkit-transform: rotate(-240deg) translate(5px, 5px) scale(0.9); transform: rotate(-240deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 9) { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; -webkit-transform: rotate(-270deg) translate(5px, 5px) scale(0.9); transform: rotate(-270deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 10) { -webkit-animation-delay: -1s; animation-delay: -1s; -webkit-transform: rotate(-300deg) translate(5px, 5px) scale(0.9); transform: rotate(-300deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 11) { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; -webkit-transform: rotate(-330deg) translate(5px, 5px) scale(0.9); transform: rotate(-330deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 12) { -webkit-animation-delay: -1.2s; animation-delay: -1.2s; -webkit-transform: rotate(-360deg) translate(5px, 5px) scale(0.9); transform: rotate(-360deg) translate(5px, 5px) scale(0.9); } .g-circles--v1 .g--circle { fill-opacity: 0; -webkit-animation-name: opacity; animation-name: opacity; } .g-circles--v2 .g--circle { fill-opacity: 0; stroke-opacity: 0; stroke-width: 1; stroke: yellowgreen; -webkit-animation-name: opacity-stroke, colors, colors-stroke; animation-name: opacity-stroke, colors, colors-stroke; } .g-circles--v2 .g--circle .u--circle { -webkit-animation: transform-2 1.2s linear infinite; animation: transform-2 1.2s linear infinite; } .g-circles--v2 .g--circle:nth-child(12n + 1) .u--circle { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } .g-circles--v2 .g--circle:nth-child(12n + 2) .u--circle { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .g-circles--v2 .g--circle:nth-child(12n + 3) .u--circle { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .g-circles--v2 .g--circle:nth-child(12n + 4) .u--circle { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .g-circles--v2 .g--circle:nth-child(12n + 5) .u--circle { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .g-circles--v2 .g--circle:nth-child(12n + 6) .u--circle { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .g-circles--v2 .g--circle:nth-child(12n + 7) .u--circle { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .g-circles--v2 .g--circle:nth-child(12n + 8) .u--circle { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .g-circles--v2 .g--circle:nth-child(12n + 9) .u--circle { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .g-circles--v2 .g--circle:nth-child(12n + 10) .u--circle { -webkit-animation-delay: -1s; animation-delay: -1s; } .g-circles--v2 .g--circle:nth-child(12n + 11) .u--circle { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .g-circles--v2 .g--circle:nth-child(12n + 12) .u--circle { -webkit-animation-delay: -1.2s; animation-delay: -1.2s; } .g-circles--v3 .g--circle { fill-opacity: 1; -webkit-animation-name: opacity, colors; animation-name: opacity, colors; } .g-circles--v4 .g--circle { fill-opacity: 1; fill: orange; -webkit-animation-name: opacity, colors-3; animation-name: opacity, colors-3; } .g-circles--v4 .u--circle { -webkit-animation: transform 1.2s linear infinite; animation: transform 1.2s linear infinite; } .g-circles--v4 .g--circle:nth-child(12n + 1) .u--circle { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } .g-circles--v4 .g--circle:nth-child(12n + 2) .u--circle { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .g-circles--v4 .g--circle:nth-child(12n + 3) .u--circle { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .g-circles--v4 .g--circle:nth-child(12n + 4) .u--circle { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .g-circles--v4 .g--circle:nth-child(12n + 5) .u--circle { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .g-circles--v4 .g--circle:nth-child(12n + 6) .u--circle { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .g-circles--v4 .g--circle:nth-child(12n + 7) .u--circle { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .g-circles--v4 .g--circle:nth-child(12n + 8) .u--circle { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .g-circles--v4 .g--circle:nth-child(12n + 9) .u--circle { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .g-circles--v4 .g--circle:nth-child(12n + 10) .u--circle { -webkit-animation-delay: -1s; animation-delay: -1s; } .g-circles--v4 .g--circle:nth-child(12n + 11) .u--circle { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .g-circles--v4 .g--circle:nth-child(12n + 12) .u--circle { -webkit-animation-delay: -1.2s; animation-delay: -1.2s; } @-webkit-keyframes opacity { 3% { fill-opacity: 1; } 75% { fill-opacity: 0; } } @keyframes opacity { 3% { fill-opacity: 1; } 75% { fill-opacity: 0; } } @-webkit-keyframes opacity-stroke { 10% { stroke-opacity: 1; } 85% { stroke-opacity: 0; } } @keyframes opacity-stroke { 10% { stroke-opacity: 1; } 85% { stroke-opacity: 0; } } @-webkit-keyframes colors { 0% { fill: yellowgreen; } 10% { fill: gold; } 75% { fill: crimson; } } @keyframes colors { 0% { fill: yellowgreen; } 10% { fill: gold; } 75% { fill: crimson; } } @-webkit-keyframes colors-stroke { 0% { stroke: yellowgreen; } 10% { stroke: gold; } 75% { stroke: crimson; } } @keyframes colors-stroke { 0% { stroke: yellowgreen; } 10% { stroke: gold; } 75% { stroke: crimson; } } @-webkit-keyframes colors-2 { 0% { fill: yellow; } 50% { fill: red; } 65% { fill: orangered; } 95% { fill: gold; } } @keyframes colors-2 { 0% { fill: yellow; } 50% { fill: red; } 65% { fill: orangered; } 95% { fill: gold; } } @-webkit-keyframes colors-3 { 0% { fill: yellowgreen; } 50% { fill: turquoise; } 65% { fill: yellow; } 95% { fill: orange; } } @keyframes colors-3 { 0% { fill: yellowgreen; } 50% { fill: turquoise; } 65% { fill: yellow; } 95% { fill: orange; } } @-webkit-keyframes transform { 10% { -webkit-transform-origin: 70px 70px; transform-origin: 70px 70px; -webkit-transform: scale(0.75); transform: scale(0.75); } } @keyframes transform { 10% { -webkit-transform-origin: 70px 70px; transform-origin: 70px 70px; -webkit-transform: scale(0.75); transform: scale(0.75); } } @-webkit-keyframes transform-2 { 40% { -webkit-transform: scale(0.85) translate(10px, 10px); transform: scale(0.85) translate(10px, 10px); } 60% { stroke-width: 20; } } @keyframes transform-2 { 40% { -webkit-transform: scale(0.85) translate(10px, 10px); transform: scale(0.85) translate(10px, 10px); } 60% { stroke-width: 20; } } /*Preloader end*/ .card-info-buttons .compare.added span { color: #f7d312; } main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card .buttons button.addToCart.inbasket, .page-content.item-card-description .full-width .more-items .cards .card .buttons button.addToCart.inbasket, .comparison_page .items-slider a .buttons button.addToCart.inbasket, main .content .wrapper .right .secondary-slider .slider .slide .buttons button.addToCart.inbasket, .favourites_page .favourite_item .buttons button.addToCart.inbasket, .pop-up.pop-up_after-cart .more_block .more_item .button button.inbasket { background: #f7d312; } .page-content.item-card-description .full-width .right .buy-buttons button.add-cart.inbasket { color: #fff; background: #f7d312; } .page-content.item-card-description .full-width .right .card-info-buttons button.added { color: #f7d312; } .bx-sbb-empty-cart-container { width: 100%; } .basket-items-list-item-container-expend .basket-items-list-item-notification { padding-top: 38px !important; padding-bottom: 38px !important; } #order_form_content .errortext { color: red; } .page-content.user-lk .menu-item ul li a.selected-personal { color: #084781; } .page-content.item-card-description .full-width.main-viewed .title { display: none; } .page-content.item-card-description .full-width.main-viewed .more-items { margin-top: 0; } .page-content.item-card-description .full-width.main-viewed .item-card-description { width: 100%; } .page-content.item-card-description .full-width.main-viewed .cards { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; } .page-content.item-card-description .full-width.main-viewed .more-items .cards .card { max-width: calc(25% - 15px); margin-right: 15px; margin-bottom: 15px; } .page-content.user-lk .user-prices { display: flex; flex-direction: column; width: 100%; max-width: 100%; } .page-content.user-lk .user-price { display: flex; justify-content: space-between; margin-bottom: 8px; } .page-content.user-lk .user-price .name{width: 40%;} .page-content.user-lk .user-price a, .page-content.user-lk .user-price .link { color: #666666; font-size: 18px; text-decoration: none; } .page-content.user-lk .user-price a:hover, .page-content.user-lk .user-price .link:hover { color: #084781; text-decoration: underline; } .main_page-slider { margin-top: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .main_page-slider .slider .slide { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-decoration: none; margin-right: 16px; justify-content: center; height: 100px; align-items: center; } .main_page-slider .slider.cert .slide{height: 200px;} .main_page-slider .title { margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .main_page-slider .title img { width: 28px; cursor: pointer; } .main_page-slider .title img.js-prev { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .main_page-slider .title img.js-next { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .main_page-slider .slick-dots{ width: auto; position: relative; } .main_page-slider .slick-dots li button { width: 6px; height: 6px; border-radius: 3px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #a2a2a2; padding: 0; } .main_page-slider .slick-dots li.slick-active button { width: 12px; height: 12px; border-radius: 6px; background: #084781; } .main_page-slider .slick-dots li button:before{display: none;} .main_page-slider h3 { color: #393939; font-size: 18px; text-transform: uppercase; margin-bottom: 15px; margin-top: 15px; } .page-content.item-card-description .full-width .right .buy-buttons .price{width: calc(60% - 8px)} .page-content.item-card-description .full-width .right .buy-buttons .counter_block{width: calc(40% - 8px)} .personal_news > div{width: 100%} .page-content .personal_news .news-page .new{width: calc(33% - 60px)} main .pre-nav .wrapper .right .user .user-lk img { width: 14px; } @media screen and (max-width: 1919px) { main .pre-nav .wrapper .right .user .user-lk img { width: 14px; } } @media (max-width: 1024px) { .page-content.item-card-description .full-width.main-viewed .more-items .cards .card { max-width: calc(33% - 15px); } } @media (max-width: 767px) { .page-content.item-card-description .full-width.main-viewed .more-items .cards .card { max-width: calc(50% - 15px); } } @media (max-width: 560px) { .page-content.item-card-description .full-width.main-viewed .more-items .cards .card { max-width: 100%; width: 100%; margin-right: 0; } } main.inner-page .content.content-bottom .wrapper .page-content .right .price-filter form button#del_filter { background: #ebebeb; color: #393939; } main.inner-page .content.content-bottom .wrapper .page-content .right .price-filter form button#del_filter:hover { background: #393939; color: #fff; } .pop-up.pop-up_after-cart { background: rgba(0, 0, 0, 0.95) !important; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .pop-up.pop-up_after-cart h3 { color: #fff !important; } .pop-up.pop-up_after-cart form { max-width: 832px !important; width: 100% !important; } .pop-up.pop-up_after-cart form .buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 16px; padding-bottom: 16px; padding-left: 32px; padding-right: 32px; background: #fff; border-radius: 5px; width: 100%; margin-bottom: 60px; } @media screen and (max-width: 768px) { .pop-up.pop-up_after-cart form .buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .pop-up.pop-up_after-cart form .buttons button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 13px; padding-bottom: 13px; padding-right: 24px; padding-left: 20px; background: transparent; border-radius: 5px; font-size: 18px; cursor: pointer; color: #393939; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #f7d312; text-decoration: none; white-space: nowrap; margin-bottom: 0; background: #084781; color: #fff; } @media screen and (max-width: 1919px) { .pop-up.pop-up_after-cart form .buttons button { padding-top: 10px; padding-bottom: 10px; padding-right: 20px; padding-left: 16px; font-size: 16px; } } .pop-up.pop-up_after-cart form .buttons button:hover { background: #fff; color: #393939; } @media screen and (max-width: 768px) { .pop-up.pop-up_after-cart form .buttons button { margin-bottom: 12px; width: 100%; } } .pop-up.pop-up_after-cart form .buttons button:hover { color: #084781; background: #fff; } .pop-up.pop-up_after-cart form .buttons a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 13px; padding-bottom: 13px; padding-right: 24px; padding-left: 20px; background: transparent; border-radius: 5px; font-size: 18px; cursor: pointer; color: #393939; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #f7d312; text-decoration: none; white-space: nowrap; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; font-weight: bold; padding-top: 13px; padding-bottom: 13px; } @media screen and (max-width: 1919px) { .pop-up.pop-up_after-cart form .buttons a { padding-top: 10px; padding-bottom: 10px; padding-right: 20px; padding-left: 16px; font-size: 16px; } } .pop-up.pop-up_after-cart form .buttons a:hover { background: #fff; color: #393939; } @media screen and (max-width: 768px) { .pop-up.pop-up_after-cart form .buttons a { width: 100%; } } .pop-up.pop-up_after-cart .more_block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; background: #fff; border-radius: 5px; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; } .pop-up.pop-up_after-cart .more_block .more_item { width: 100%; border: 1px solid #000; border-radius: 5px; padding-top: 20px; padding-bottom: 20px; padding-left: 12px; padding-right: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 12px; } @media screen and (max-width: 768px) { .pop-up.pop-up_after-cart .more_block .more_item { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .pop-up.pop-up_after-cart .more_block .more_item:last-child { margin-bottom: 0; } .pop-up.pop-up_after-cart .more_block .more_item .img { width: calc(8.55% - 6px); margin-right: 12px; } @media screen and (max-width: 768px) { .pop-up.pop-up_after-cart .more_block .more_item .img { width: calc(25% - 6px); } } .pop-up.pop-up_after-cart .more_block .more_item .img img { width: 100%; } .pop-up.pop-up_after-cart .more_block .more_item .title { width: calc(42.75% - 6px - 18px); margin-right: 36px; } @media screen and (max-width: 768px) { .pop-up.pop-up_after-cart .more_block .more_item .title { width: calc(75% - 6px); margin-right: 0; } } .pop-up.pop-up_after-cart .more_block .more_item .price { width: calc(19.25% - 18px - 14px); margin-right: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 768px) { .pop-up.pop-up_after-cart .more_block .more_item .price { width: calc(75% - 6px); margin-left: auto; margin-right: 0; margin-bottom: 20px; } } .pop-up.pop-up_after-cart .more_block .more_item .price p { color: #084781; font-size: 16px; font-weight: bold; margin-bottom: 4px; text-align: start; } .pop-up.pop-up_after-cart .more_block .more_item .price span { color: #666666; font-size: 14px; text-align: start; } .pop-up.pop-up_after-cart .more_block .more_item .counter { width: calc(14.25% - 14px - 8px); background: #f2f2f2; border-radius: 5px; padding-top: 5px; padding-right: 4px; padding-bottom: 5px; padding-left: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 36px; min-width: 112px; margin-right: 12px; } @media screen and (max-width: 768px) { .pop-up.pop-up_after-cart .more_block .more_item .counter { height: 52px; width: calc(45% - 20px); } } .pop-up.pop-up_after-cart .more_block .more_item .counter input { background: transparent; text-align: center; width: 100%; border: 0; padding: 0 8px; height: 100%; margin-bottom: 0; font-size: 14px; } .pop-up.pop-up_after-cart .more_block .more_item .counter button { background: #e5e5e5; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-right: 8px; padding-left: 6px; height: 24px; width: 19px; cursor: pointer; padding-bottom: 2px; padding-top: 2px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } @media screen and (max-width: 1919px) { .pop-up.pop-up_after-cart .more_block .more_item .counter button { height: 20px; } } @media screen and (max-width: 767px) { .pop-up.pop-up_after-cart .more_block .more_item .counter button { height: 40px; padding-right: 16px; padding-left: 16px; } } .pop-up.pop-up_after-cart .more_block .more_item .counter button:hover { background: #f7d312; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .pop-up.pop-up_after-cart .more_block .more_item .button { width: calc(10% - 8px); } @media screen and (max-width: 768px) { .pop-up.pop-up_after-cart .more_block .more_item .button { width: calc(34% - 20px); } } .pop-up.pop-up_after-cart .more_block .more_item .button button { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; background: #084781; } .pop-up.pop-up_after-cart .more_block .more_item .button button img { width: 24px; } .pop-up.pop-up_after-cart .more_block .more_item .button button:hover { background: #f7d312; } .breadcrumps { max-width: 858px !important; overflow: hidden !important; } .breadcrumps a { white-space: nowrap !important; } main.inner-page .content.content-bottom .wrapper .page-content .left .choose-category li { padding-left: 0; padding-top: 0; padding-bottom: 0; } main.inner-page .content.content-bottom .wrapper .page-content .left .choose-category li a, main.inner-page .content.content-bottom .wrapper .page-content .left .choose-category li span { padding-left: 20px !important; padding-top: 16px !important; padding-bottom: 18px !important; text-decoration: none !important; display: -webkit-box; display: -ms-flexbox; display: flex; color: #fff; font-size: 16px; } form.organisations .suggestions-suggestions { top: -15px; min-width: unset; max-width: 100%; } form.organisations .suggestions-suggestions a svg { display: none !important; } form.organisations .suggestions-wrapper { width: 90%; box-sizing: border-box; } @media (max-width: 767px) { form.organisations .suggestions-wrapper { width: 100%; } form.organisations .suggestions-suggestions { min-width: 100%; } .page-content.item-card-description .full-width .left .img .slider { max-width: 100%; flex-wrap: wrap; } } .empty-section-items { font-size: 22px; font-weight: bold; color: red; } .sorting.catalog-c-sorter button::after { content: ""; display: block; width: 7px; height: 13px; margin-left: 4px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/local/templates/aetauto/css/../media/down-arrow--gray.svg); } .sorting.catalog-c-sorter button.asc::after { background-image: url(/local/templates/aetauto/css/../media/up-arrow--gray.svg); } .sorting.catalog-c-sorter button.active.desc::after { background-image: url(/local/templates/aetauto/css/../media/down-arrow--white.svg); } .sorting.catalog-c-sorter button.active.asc::after { background-image: url(/local/templates/aetauto/css/../media/up-arrow--white.svg); } .pre-nav .numberPhone .phone, footer .wrapper .footer_address .phone { font-size: 14px !important; } .sideMobileMenu .oper-info .phone { font-size: 14px !important; color: #fff; } .section-text { margin-top: 15px; margin-bottom: 25px; } .section-text * { color: #666666; } .section-text p { font-size: 16px; line-height: 1.3; margin-top: 5px; } .section-text ul { padding-left: 25px; margin-top: 10px; margin-bottom: 10px; } .top_tags { position: relative; } .top_tags > .wrapp { padding-left: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } .top_tags > .wrapp.fls { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .top_tags .title { margin-right: 20px; color: #5b5b5b; font-weight: bold; font-size: 18px; white-space: nowrap; } .top_tags .category-top-tags { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; flex-wrap: wrap; } .top_tags .category-top-tags li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 18px; border-radius: 5px; cursor: pointer; color: #fff; background: #084781; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; margin-right: 15px; margin-bottom: 10px; } .top_tags .category-top-tags li.active { background: #f7d312; cursor: default; } .top_tags .category-top-tags li:hover { background: #f7d312; } .top_tags .category-top-tags li a { color: #fff; display: block; padding: 12px; } .top_tags .category-top-tags li:hover a { color: #fff; } .top_tags .category-top-tags li.hidden { display: none; } .top_tags .show-more { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 12px; background: transparent; border-radius: 5px; font-size: 18px; cursor: pointer; color: #393939; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #f7d312; text-decoration: none; white-space: nowrap; cursor: pointer; background: #ebebeb; color: #393939; transition: all 0.3s ease; margin-bottom: 10px; } .top_tags .show-more:hover { background: #393939; color: #fff; } .page-content .article-page .img img { max-width: 400px; width: 100%; height: auto; } .page-content .article-page .img { height: auto; } .page-content .article-page .date { font-weight: bold; font-size: 16px; margin-top: 0; margin-bottom: 20px; } .page-content .article-page p { font-size: 18px; line-height: 20px; margin: 20px 0; } .page-content .article-page ul { margin: 20px 0; padding-left: 30px; } .page-content .article-page ul li { font-size: 18px; line-height: 20px; margin-bottom: 10px; color: #666666; } .page-content .article-page ul li:last-child { margin-bottom: 0; } .page-content .article-page h2, .page-content .article-page h3 { margin: 30px 0px 20px 0px; } @media (max-width: 1365px) { .top_tags > .wrapp { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; } .top_tags .category-top-tags { margin-top: 20px; } } @media (max-width: 768px) { .top_tags > .wrapp { overflow: auto; max-width: calc(100vw - 40px); padding-left: 0; width: unset; } .top_tags .category-top-tags { margin-top: 12px; flex-wrap: nowrap; } .top_tags .category-top-tags li { white-space: nowrap; margin-bottom: 0; } .top_tags .category-top-tags li.hidden { display: block; } .top_tags .show-more { display: none; } } .servise-items-list { margin-top: 64px; } .showed-input { display: none !important; } .page-content .news-page.blog_relink .new { border: 0; } .blog-slider_wrap { margin-bottom: 30px; } .blog_relink { margin-top: 30px; } main.inner-page .content.content-bottom .wrapper .page-content .left .choose-category li.show-more:hover { background: unset; } main.inner-page .content.content-bottom .wrapper .page-content .left .choose-category li.show-more { background: #f7d312; } .product-item-detail-price-old { color: #999; text-decoration: line-through; } main.inner-page .content.content-bottom .wrapper .page-content .right .cards .card > a, main .content .wrapper .right .secondary-slider .slider .slide a { color: unset; text-decoration: none; } .label.color-11 { background-color: red !important; } .label.color-black_friday { background-color: red !important; } .favourites_page { justify-content: flex-start; } footer .wrapper .footer_address .phone_new { font-size: 14px !important; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-align: space-between; -ms-flex-align: space-between; align-items: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: center; width: 100%; grid-gap: 15px; } footer .wrapper .footer_address .phone_new a, main .pre-nav .wrapper .left > .phone_new > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #666666; text-decoration: none; font-size: 14px; } footer .wrapper .footer_address .phone_new a img, footer .wrapper .footer_address .phone_new p img, main .pre-nav .wrapper .left > .phone_new > img { width: 14px; margin-right: 10px; } footer .wrapper .footer_address .phone_new p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #666666; text-decoration: none; font-size: 14px; } .amout-store .title > a { color: #084781; text-decoration: none; transition: .2s; } .amout-store .title > a:hover { color: #f7d312; } .js-fav-list_delete { display: inline-block; position: absolute; top: 10px; right: 10px; } .js-fav-list_delete img { width: 15px; height: 15px; } .page-content .partner-card_title span { display: inline-block; } .mini-cta .wrapper form { flex-wrap: wrap; grid-gap: 10px; } .mini-cta .wrapper form input { max-width: 145px; } .mini-cta .wrapper form button { margin-left: 0; } .mini-cta .wrapper form .captha_img { border-radius: 5px; overflow: hidden; height: 36px; width: 162px; border: 1px solid #fff; } .mini-cta .wrapper form img { height: 36px; width: 162px; display: block; margin-top: -1px; margin-left: -1px; object-fit: cover; object-position: center; } .mini-cta .wrapper form .captha_img, .mini-cta .wrapper form #captcha_word { display: none; } .mini-cta .wrapper form .captha_img.active, .mini-cta .wrapper form #captcha_word.active { display: block; } .page-content.item-card-description .full-width .left .img .slider { max-width: 100%; } @media (min-width: 1025px) { main.inner-page .content.content-bottom .wrapper .page-content .right.no-left-section { width: 100%; } main.inner-page .content.content-bottom .wrapper .page-content .right.no-left-section .cards .card { width: calc(25% - 12px); } } footer .wrapper { flex-wrap: wrap; } .footer_menu { margin-top: 20px; width: 100%; } .footer_menu .menu { padding: 0; margin: 0; list-style-type: none; columns: 2; max-width: 66%; } .footer_menu .title { color: #084781; font-size: 14px; font-weight: bold; margin-bottom: 10px; } .footer_menu .menu li:not(:last-child) { margin-bottom: 5px; } .footer_menu .menu li a { text-decoration: none; color: #084781; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-size: 14px; line-height: 15px; } .footer_menu .menu li a:hover { opacity: 0.8; } .vacancy-desc { display: flex; justify-content: start; align-items: start; } .vacancy-desc img { max-height: 150px; margin-right: 25px; } @media screen and (max-width: 1919px) { .footer_menu { margin-top: 20px; width: 100%; } } @media screen and (max-width: 767px) { footer .wrapper .footer_info { align-items: center; } img { max-width: 100%; height: auto; } .footer_menu { text-align: center; } .footer_menu .menu { columns: 1; max-width: 100%; } .vacancy-desc { flex-wrap: wrap } .vacancy-desc img { margin: 0 auto 25px auto; } .page-content .news-page { column-gap: 20px; } .page-content .news-page .new { width: 47%; } } .page-content.item-card-description .full-width .left .img .big-slider .slide { height: 372px !important; } figure.containerZoom { height: 100%; } figure.containerZoom img { height: 100%; object-fit: contain; } /* End */ /* Start:/local/templates/aetauto/components/twofingers/location/location/style.min.css?16576163615811*/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin,cyrillic);.tfl__link-container:hover,.tfl__link-container{text-decoration:none;display:inline-block}.tfl__link:hover,.tfl__link{border-bottom:1px dashed}.tfl__link.tfl__link_order{font-weight:bold;line-height:2}.tfl-define-popup{background-color:#fff;text-align:center}.tfl-define-popup__desktop{border-radius:.3em;-webkit-box-shadow:-1px 2px 13px 0 rgba(0,0,0,0.25);-moz-box-shadow:-1px 2px 13px 0 rgba(0,0,0,0.25);box-shadow:-1px 2px 13px 0 rgba(0,0,0,0.25);transform:translateX(-50%);z-index:1001;-webkit-border-radius:10px;-moz-border-radius:10px;position:absolute;width:24rem}.tfl-define-popup__mobile{width:100%;position:relative;z-index:9999999;border-radius:0!important}.tfl-define-popup__mobile .tfl-define-popup__buttons{border-radius:0!important}.tfl-define-popup__desktop:before{position:absolute;width:11px;height:11px;transform:rotate(45deg);content:'';background-color:#fff;left:calc(50% - 5px);top:-5px}.tfl-define-popup__text{padding:1.5em 2em}.tfl-define-popup__buttons{text-align:center;font-size:.85em;overflow:hidden}.tfl-define-popup__button{width:50%;display:block;padding:1rem 2rem;float:left;box-sizing:border-box}.tfl-define-popup__main{font-weight:bold}.tfl-define-popup__second{background-color:#f5f5f5}.tfl-popup{position:fixed;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background-color:#fff;z-index:1001;width:70rem;overflow:hidden;left:50%;top:45%;transform:translate(-50%,-50%);padding:3rem;-webkit-box-shadow:-1px 2px 13px 0 rgba(0,0,0,0.25);-moz-box-shadow:-1px 2px 13px 0 rgba(0,0,0,0.25);box-shadow:-1px 2px 13px 0 rgba(0,0,0,0.25);min-height:35rem}.tfl-popup.tfl-popup_loading{background:url(/local/templates/aetauto/components/twofingers/location/location/img/preloader.svg) center center no-repeat #fff}.tfl-popup__title{font-family:'Open Sans',sans-serif;font-weight:400;margin:0 0 1rem;padding:0 0 .5rem;font-size:2.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1}.tfl-popup__search-wrapper{position:relative;margin:0 0 2rem 0;padding:0}.tfl-popup .tfl-popup__search-input{background:#fff;-moz-border-radius:.25rem;-webkit-border-radius:.25rem;-khtml-border-radius:.25rem;border-radius:.2rem;border:1px solid #d5d5d5;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:1.5rem;line-height:1;padding:1rem 1.5rem;width:100%;font-family:'Open Sans',sans-serif;position:relative}.tfl-popup__search-input::-webkit-input-placeholder{color:#bbb}.tfl-popup__search-input::-moz-placeholder{color:#bbb}.tfl-popup__search-input:-ms-input-placeholder{color:#bbb}.tfl-popup__search-input:-moz-placeholder{color:#bbb}.tfl-popup__search-input:focus::-webkit-input-placeholder{color:#d5d5d5}.tfl-popup__search-input:focus::-moz-placeholder{color:#d5d5d5}.tfl-popup__search-input:focus:-ms-input-placeholder{color:#d5d5d5}.tfl-popup__search-input:focus:-moz-placeholder{color:#d5d5d5}.tfl-popup__clear-field{height:16px;position:absolute;right:4rem;top:50%;transform:translateY(-50%);width:16px;display:none}.tfl-popup__search-icon{height:17px;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);width:17px}.tfl-popup__search-icon .svg-search{fill:#d5d5d5}.tfl-popup__container,.tfl-popup__scroll-container{overflow:hidden;height:100%;max-height:25rem}.tfl-popup__container{margin-bottom:1rem;width:100%;float:left;position:relative;display:none;min-height:8rem}.tfl-popup__container:before{position:absolute;content:'';width:100%;height:1.5rem;bottom:0;background:url(/local/templates/aetauto/components/twofingers/location/location/img/shadow.png) repeat-x bottom;z-index:1}.tfl-popup__with-defaults .tfl-popup__container.tfl-popup__defaults{display:block}.tfl-popup__with-defaults .tfl-popup__container.tfl-popup__locations{width:66.6%}.tfl-popup__with-locations .tfl-popup__container.tfl-popup__defaults{width:33.3%}.tfl-popup__with-locations .tfl-popup__container.tfl-popup__locations{display:block}.tfl-popup__list{float:left;width:100%;list-style:none outside none;padding:0 .75rem;line-height:1.25;margin-bottom:1rem;-webkit-column-width:15rem;-moz-column-width:15rem;column-width:15rem;-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem;-webkit-column-rule:0 solid #ccc;-moz-column-rule:0 solid #ccc;column-rule:0 solid #ccc;display:block}.tfl-popup__list li{padding-bottom:.75rem;overflow:hidden;list-style:none;page-break-inside:avoid;break-inside:avoid}.tfl-popup__list li:before,.tfl-popup__list li:after{content:none}.tfl-popup__location-link{color:#333;text-decoration:none;border-bottom:1px dashed #777;font-family:'Open Sans',sans-serif}.tfl-popup__location-link:hover{border-bottom:1px dotted #333}.tfl-popup__defaults .tfl-popup__location-link{font-weight:700;border-bottom:1px dotted #333}.tf-location__region{display:block;font-size:.7em;color:#999;line-height:1;margin-top:.3em}.tfl-popup-overlay{display:none;position:fixed;margin:0;padding:0;top:0;left:0;bottom:0;right:0;background:url('/local/templates/aetauto/components/twofingers/location/location/img/custom-popup-overlay.png') repeat;z-index:1000}.tfl-popup__close-container{right:1.25rem;top:1.25rem;position:absolute}.tfl-popup__close{display:block;position:relative;cursor:pointer;opacity:.2;width:16px;height:16px}.tfl-popup__close:hover{opacity:.5}.tfl-popup__close:before,.tfl-popup__close:after{position:absolute;content:'';width:2px;background-color:#333;height:17px;left:7px}.tfl-popup__close:before{transform:rotate(45deg)}.tfl-popup__close:after{transform:rotate(-45deg)}.tfl-body-freeze{overflow:hidden}.tfl-body-blur{-webkit-filter:blur(0.2rem);-moz-filter:blur(0.2rem);-o-filter:blur(0.2rem);-ms-filter:blur(0.2rem);filter:blur(0.2rem)}.tfl-popup__nofound-mess{display:none;font-size:2rem;text-align:center;position:absolute;top:50%;width:100%;color:#d5d5d5;transform:translateY(-50%)}.tfl-popup__nofound-mess-show{display:block} /* End */ /* Start:/local/templates/aetauto/components/bitrix/search.title/visual/style.min.css?16681633083445*/ .bx-searchtitle{margin:10px 0 0}.bx-searchtitle .bx-block-title{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;color:#343434;text-transform:uppercase;font-size:12px;margin-bottom:9px;font-weight:600}.bx-searchtitle .bx-input-group{position:relative;display:table;border-collapse:separate;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-searchtitle .bx-input-group .bx-form-control{display:table-cell;position:relative;z-index:2;float:left;width:100%;margin-bottom:0;display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#f8fafc;border:1px solid #d5dadc;border-right:0;border-radius:2px 0 0 2px;outline:0;box-shadow:none!important;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.bx-ios .bx-searchtitle .bx-input-group .bx-form-control{background-image:-webkit-linear-gradient(#f8fafc 0,#f8fafc 100%);background-image:linear-gradient(#f8fafc 0,#f8fafc 100%)}.bx-searchtitle .bx-input-group-btn{position:relative;font-size:0;width:1%;white-space:nowrap;vertical-align:middle;display:table-cell}.bx-searchtitle .bx-input-group-btn button{position:relative;border:0;background:#95a1a8;display:inline-block;margin-bottom:0;cursor:pointer;padding:6px 12px;border-radius:0 2px 2px 0;color:#fff;font-size:16px;line-height:1.42857143;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.bx-searchtitle .bx-input-group-btn button:hover{background:#1484ce}div.title-search-result{border:1px solid #c6c6c6;display:none;overflow:hidden;z-index:999;min-width:370px;margin-top:-3px;background-color:#FFF}div.title-search-fader{display:none;background-image:url('/local/templates/aetauto/components/bitrix/search.title/visual/images/fader.png');background-position:right top;background-repeat:repeat-y;position:absolute}p.title-search-preview{font-size:12px}div.title-search-result td.title-search-price span{font-size:26px}.bx_searche .bx_img_element{background:#fafafa;float:left;width:67px;padding:5px 10px;position:absolute;top:0;bottom:0}.bx_searche .bx_item_block{min-height:65px;position:relative}.bx_searche .bx_image{width:45px;height:45px;background-size:contain;background-position:center;background-repeat:no-repeat;border:1px solid #e8e8e8}.bx_searche .bx_item_element{padding-left:10px;margin-left:70px}.bx_searche .bx_item_element hr{margin:0;border:0;border-bottom:1px solid #e5e5e5}.bx_searche .bx_item_element a{margin-top:10px;display:inline-block;color:#4788cb;font-size:13px;text-decoration:none}.bx_searche .bx_item_element a b{color:#000;font-weight:normal}.bx_searche .bx_item_element a:hover,.bx_searche .bx_item_element a:hover b{text-decoration:underline}.bx_searche .bx_price{font-weight:bold;font-size:13px}.bx_searche .bx_price .old{font-weight:normal;text-decoration:line-through;color:#636363}.bx_item_block.all_result{min-height:0}.bx_item_block.others_result{min-height:0;padding:0 0 12px;line-height:12px}.bx_item_block.all_result .all_result_title{display:block;font-size:12px;color:#a7a7a7;padding-top:15px;padding-bottom:10px}.bx_item_block.all_result .all_result_title a{color:#a7a7a7}.bx_item_block.all_result .all_result_title a:hover{color:#4788cb}.bx_item_block.all_result a{margin-top:0} /* End */ /* Start:/local/js/toastify/toastify.min.css?17546383491961*/ /** * Minified by jsDelivr using clean-css v5.3.2. * Original file: /npm/toastify-js@1.12.0/src/toastify.css * * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files */ /*! * Toastify js 1.12.0 * https://github.com/apvarun/toastify-js * @license MIT licensed * * Copyright (C) 2018 Varun A P */ .toastify { padding: 12px 20px; color: #fff; display: inline-block; box-shadow: 0 3px 6px -1px rgba(0, 0, 0, .12), 0 10px 36px -4px rgba(77, 96, 232, .3); background: -webkit-linear-gradient(315deg, #73a5ff, #5477f5); background: linear-gradient(135deg, #73a5ff, #5477f5); position: fixed; opacity: 0; transition: all .4s cubic-bezier(.215, .61, .355, 1); border-radius: 2px; cursor: pointer; text-decoration: none; max-width: calc(33% - 20px); z-index: 2147483647 } .toastify.on { opacity: 1 } .toast-close { background: 0 0; border: 0; color: #fff; cursor: pointer; font-family: inherit; font-size: 1em; opacity: .4; padding: 0 5px } .toastify-right { right: 15px } .toastify-left { left: 15px } .toastify-top { top: -150px } .toastify-bottom { bottom: -150px } .toastify-rounded { border-radius: 25px } .toastify-avatar { width: 1.5em; height: 1.5em; margin: -7px 5px; border-radius: 2px } .toastify-center { margin-left: auto; margin-right: auto; left: 0; right: 0; max-width: fit-content; max-width: -moz-fit-content } @media only screen and (max-width: 480px) { .toastify-left, .toastify-right { margin-left: auto; margin-right: auto; left: 0; right: 0; max-width: fit-content } } /*# sourceMappingURL=/sm/cb4335d1b03e933ed85cb59fffa60cf51f07567ed09831438c60f59afd166464.map */ /* End */ /* /local/templates/aetauto/fonts/Merel/font.css?1657616361665 */ /* /local/templates/aetauto/css/vendor.css?16576163613765 */ /* /local/templates/aetauto/css/style.css?1754641422358296 */ /* /local/templates/aetauto/css/jquery.fancybox.min.css?164770767113213 */ /* /local/templates/aetauto/css/custom.css?173513454842649 */ /* /local/templates/aetauto/components/twofingers/location/location/style.min.css?16576163615811 */ /* /local/templates/aetauto/components/bitrix/search.title/visual/style.min.css?16681633083445 */ /* /local/js/toastify/toastify.min.css?17546383491961 */