/* Start:/local/templates/cars/components/bitrix/catalog.element/elektrocars/style.css?175223298428154*/
div.product-details .product-image{
    max-width: 900px;
}
div#ProductPhoto.item{border: none; background-color: #fff}
/*div.slick-slider .slick-track{transform: none!important;}*/
.product-details {
    margin-top: 50px;
}
div.product-details .product-content{flex: 0 0 calc(100% - 900px);max-width: calc(100% - 900px);}
div.product-details .product-content .product-content-inner{padding-left:0}
.middle-menu-wrapper a:not(.btn) {
    padding: 15px 12px;
    color:#fff;
    height: 40px;
}
.section-title.center h2 {
    color:#fff;
    text-transform: uppercase;
    font-size: 28px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.section-title.center {
    background: #232323;
}
.product-details .title {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #dadada;
    font-size: 32px;
    color: #000;
    padding: 15px;
    margin-bottom: 0;
}
.prod-360{position: relative}
.prod-360 .prod-360_block{position: absolute; width: 100%; height: 100%; z-index: 1}
.prod-360 img{display: none}
.prod-360 img.active{display: inherit}

.watt.swatch-element:first-child{margin-left: 0!important;}

.type_toplivo-element >label {
    margin: 0;
    padding: 3px 0px;
    border-radius: 100%;
    border: 1px solid transparent;
    height: 40px;
    width: 40px;
    line-height: 33px;
    text-align: center;
    font-size: 13px;
    background: #232323;
    color:#fff;
}
.type_toplivo-element:hover >label {
    border-color:#00902a;
}
#preloader_active{left: 0}
.type_toplivo-element input:checked+label{
    border-color:#00902a;
    color: #00902a;
    color:#ffffff;
    background: #00902a;
}
#preloader_active.active{opacity: 0.4; display: block!important;}
/*.swatch-element.not_view{opacity: .2;}*/
/*.swatch-element.not_view{position: relative}
.swatch-element.not_view label{position: relative; overflow: hidden}
.swatch-element.not_view label:before, .swatch-element.not_view label:after{position: absolute; content:""; width: 100%; height: 2px; background: #d00; top: 9px; left:0}
.swatch-element.not_view label:before{transform: rotateZ(45deg);}
.swatch-element.not_view label:after{transform: rotateZ(135deg);}*/

.item-chars {
    font-size: 14px;
}
.item-char {
    display: inline-block;
    width: 100%;
    color: #000;
    padding: 5px;
    overflow: hidden;
    border-bottom: 1px solid #e2dfdf;
}
.swatch-element-wide label {
    border-radius: 5px;
}

.swatch-element-wide input[type=radio],
.type_toplivo-element input[type=radio] {
    display: none;
}
.swatch-element-wide label{
    background: #232323;
    color: #fff;
}
.swatch-element-wide input:checked+label {
    background: #00902a;
    color:#fff;
}
.swatch-element-wide label {
    font-weight: unset;
    padding: 5px 10px;
}
.calculate-block .product-description {
    width: 100%; 
    padding-right: 0;
    margin-bottom: 0;
}
.text-inner h3 {
    color: #fff;
    font-size: 30px;
    margin-bottom: 30px;
}
.product-content-inner .swatch,
.product-variant-option,
.product-details .product-content .product-content-inner .body .size {
    width: 100%;
}
.content {
    max-width: 1920px;
    width: 100%;
}
.color-wrapper {
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
  
}
.main-price {
    font-size: 22px;
}
.prices {
    color: #5f5f5f;
    padding: 5px;
}
.item-colors {
    display: flex;
    align-items: center;
    gap: 10px;
}
.price_big {
    font-weight: bold;
    color: #000;
    margin-left: 5px;
}
.add-price {
    font-size: 14px;
}
.item-color {
    width: 60px;
    max-width: 60px;
    height: 40px;
    display: inline-block;
    overflow: hidden;
    border-radius: 5px;
    padding: 0;
    border: 1px solid transparent;
    transition: all 0.2s ease-in;
    transform: skew(-20deg, 0);
}
.swatch .header {
    color: #fff;
    font-weight: 600;
    margin-top: 5px;
    margin-bottom: 18px;
    font-size: 16px;
    line-height: normal;
    background: #232323;
    padding: 10px 15px;
    display: inline-block;
    width: 100%;
}
.calculate-block .product-description select,
.calculate-block .product-description input[type=text] {
    width: 100%;
    border-radius: 0;
    height: 44px;
    background: #ffffff;
    margin-bottom: 30px;
    font-size: 16px;
}

.chars {
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 40px;
}

.calc-row_inner {
    width: 100%;
}
.calc-row_inner.ev-charge {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.calc-row {
    display: flex;
    padding: 5px;
    position: relative;
    z-index: 1;
    gap:10px;
    border-radius: 10px;
    border: 1px solid #00902a;
    max-width: 900px;
    margin: 15px auto;
}
.calc-row-50 {
    width: 50%;
}
.oil-type { 
    max-width: 229px;
}
.calc-row-footer {
    margin: 15px auto;
    padding: 10px 15px;
    max-width: 635px;
    text-align: center;
}
.calc-row .small_label {
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
    margin-bottom: 5px;
    margin-top: 0;
    width: 100%;
    color: #000;
    padding: 10px;
    font-weight: bold;
}
.calc-row_header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: -60px;
    top: calc(50% - 30px);
}
.calc-row_header span {
    border-radius: 20px;
    height: 40px;
    width: 40px;
    display: inline-block;
    background: #ffffff;
    color: #00902a;
    border: 1px solid #00902a;
    text-align: center;
    line-height: 37px;
    margin-right: 30px;
    font-size: 21px;

}
#calculator .content {
    padding: 0;
}
@media (max-width:991px) {
    .product-description-review h3 {
        font-size: 24px;
    }
    .calculate-block .product-description {
        padding-right: 0;
    }
    .chars,
    .calculate-block {
        padding: 0;
    }
    .swatch-element-wide label {
        font-size: 12px;
    }
    .calc-row_header span {
        height: 23px;
        width: 23px;
        font-size: 16px;
        line-height: 23px;
        margin-right: 23px;
    }
}

.calc-row:hover .calc-row_header span {
    background: #00902a;
    color:#ffffff;
} 
#modalAddToCart input[type=text]{
    margin: 0;
    font-family: inherit;line-height: 20px;    
    height: auto;
    font-size: 16px;    
    border-radius: 2px;
    box-shadow: none;    
    background: #f7f7f7;    
    border: none;
    outline: none;
    width: 100%;
    display: block;
    padding: 10px;
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: var(--color-gray);
    color: var(--color-dark);
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
div.modal.ajax-popup .modal-content-text{margin: 20px}
.modal-body .modal-content-text span{color: black}

.section-item-grid img{
    width: 100%;
}
.modal-content {
    background: #232323;
}
.section-item-grid {
    display: grid;
    grid-template-columns: 45% 55%;
    gap:20px;
    margin-bottom: 20px;
    width: 100%;
}
.section-item-grid:nth-child(2n) {
    grid-template-columns: 55% 45%;
}
.text-inner {
    color:#fff;
    background: #212728;
    padding: 45px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.character_title  {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
    height: 153px;
}
.char-img img {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}
.character_title .char-img {
    width: 78px;
    height: 83px;
    display: inline;
    margin-right: 0px;
    z-index: 1;
    position: absolute;
    top: 0;
    right: 6px;
    filter: contrast(0);
}

.char-header {
    font-size: 18px;
    margin-bottom: 10px;
    background: #212728;
    width: 100%;
    color: #fff;
    padding: 10px;
    cursor: pointer;
}
.char-header:before {
    font-family: FontAwesome;
    content: "\f107";
    font-size: 20px;
    color: #fff;
    width: 25px;
    height: 25px;
    display: inline-flex;
    margin-right: 20px;
    transition: all 0.8s ease-out;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.character_title.active .char-header:before {
    transform: rotate(180deg);
}
.character_list {
    padding: 15px;
    position: relative;
    background-color: rgba(247, 247, 247, 0.85);
    border-radius: 10px;
    z-index: 1;
}
.character-inner {
    padding: 10px;
}
.swatch-element.color>label {
    width: 60px;
    max-width: 60px;
    height: 40px;
    display: inline-block;
    overflow: hidden;
    border-radius: 5px;
    padding: 0;
    border: 1px solid transparent;
    transition: all 0.2s ease-in;
    transform: skew(-20deg, 0);
}
.swatch-element.watt>label {
    padding: 5px 15px;
    border: 1px solid #212728;
    margin-bottom: 5px;
}
.swatch-element.watt input:checked + label,
.swatch-element.watt>label:hover {
    background: #f57d20;
    color:#fff;
    border-color: #f57d20;
}
.view_prop-wrapper {
   max-width: 900px;
   margin: 0 auto;
}
.type_toplivo {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
}

@media (max-width:991px) {
    .view_prop-wrapper {
        display: flex;
        flex-direction: column;
    }
    .product-details {
        flex-direction: column;
    }
    div.product-details .product-content {
        max-width: unset;
        width: 100%;
    }
    .calc-row .small_label {
        font-size: 13px;
    }
}
@media (max-width:768px) {
    #pro-dec img {
        margin-bottom: 20px;
        width: 100%;
    }
}

.character_list p {
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px dashed #ededed;
}
.calc-row-deco {
    display: none;
    overflow: hidden;
    height: 40px;
    width: 60px;
    margin-left: -60px;
    white-space: nowrap;
    text-align: center;
}
.calc-row-deco span {
    width: 37px;
    height: 2px;
    display: inline-block;
    background: #00902a;
}
.deco-left {
    transform: rotate(45deg);
}
.deco-right {
    transform: rotate(-45deg);
    margin-left: -16px;
}

.loader {
    width: 80px;
    height: 40px;
    color: #000;
    border: 2px solid currentColor;
    border-right-color: transparent;
    padding: 3px;
    background: 
      repeating-linear-gradient(90deg,currentColor 0 10px,#0000 0 15px) 
      0/0% no-repeat content-box content-box;
    position: relative;
    box-sizing: border-box;
    animation: l5 2s infinite steps(6);
  }
  .loader::before {
    content: "";
    position: absolute;
    top: -1px;
    bottom: -2px;
    left: 100%;
    width: 10px;
    background:
      linear-gradient(
          #0000   calc(50% - 7px),currentColor 0 calc(50% - 5px),
          #0000 0 calc(50% + 5px),currentColor 0 calc(50% + 7px),#0000 0) left /100% 100%,
      linear-gradient(currentColor calc(50% - 5px),#0000        0 calc(50% + 5px),currentColor 0) left /2px 100%,
      linear-gradient(#0000        calc(50% - 5px),currentColor 0 calc(50% + 5px),#0000        0) right/2px 100%;
    background-repeat:no-repeat;
  }
  @keyframes l5 {
      100% {background-size:120%}
  }

@keyframes shadowSize {
    0% {
        -webkit-box-shadow: 0 0 3px 0 #00902a;
        box-shadow: 0 0 3px 0 #00902a;
    }
    50% {
        -webkit-box-shadow: 0 0 10px 0 #00902a;
        box-shadow: 0 0 10px 0 #00902a;
    }
    100% {
        -webkit-box-shadow: 0 0 3px 0 #00902a;
        box-shadow: 0 0 3px 0 #00902a;
    }
}

@keyframes shadowColor {
    0% {
        -webkit-box-shadow: 0 0 0 1px #00902a;
        box-shadow: 0 0 0 1px #00902a;
    }
    25% {
        -webkit-box-shadow: 0 0 40px 5px #fcfdff;
        box-shadow: 0 0 40px 5px #fcfdff;
    }
    50% {
        -webkit-box-shadow: 0 0 10px 5px #d4faff;
        box-shadow: 0 0 10px 5px #d4faff;
    }
    100% {
        -webkit-box-shadow: 0 0 0 1px #00902a;
        box-shadow: 0 0 0 1px #00902a;
    }
}

@keyframes bgRotate {
    0% {
       transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
     }
}

.radio-block{float: left; margin-right: 2%; width: 49%; }
.radio-block:nth-child(2n-1){margin-right:0}
.form-block{border: 1px solid #dddddd; margin-bottom: 20px}
.form-block p.name-radio{ margin-top: -13px; padding-left: 10px}
.form-block p.name-radio span{ display: inline-block; background: #fff; padding: 0 10px}
.radio-block input[type=radio]{display: none}
.radio-block label{text-align: center; padding: 20px 0; display: block; }
.radio-block input[type=radio]:checked + label{background: #f57d20; color: #fff}
#modalAddToCart textarea{margin-bottom: 20px; line-height: 20px}
#modalAddToCart textarea, #modalAddToCart input{font-size: 16px}
#modalAddToCart.modal.fade .modal-dialog{
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.modal.show {
    overflow: hidden;
    background: rgba(0, 0, 0, 0.5);
}
.bottom_slider.specials.tab_slider_wrapp{display: none}
#header .mega-menu{z-index: 99999999}
#header .mega-menu table .dropdown-menu li .menu_img a{padding: 0!important;}

.to-mobile{display: none}
@media (max-width: 768px) {
    .section-item-grid, .section-item-grid:nth-child(2n) {
        grid-template-columns: 100%;
        gap:0;
    }
    .text-inner {
        padding: 15px;
    }
    .calc-row_inner.ev-charge,
    .calc-row {
        flex-direction: column;
    }
    .calc-row {
        padding: 15px 20px;
        margin: 30px 15px 30px 30px;
    }
    .oil-type {
        max-width: unset;
    }
    .type_toplivo {
        margin: 0 auto;
        max-width: 270px;
    }
    .type_toplivo.wide-block {
        max-width: unset;
    }
    .calculate-block .product-description select, 
    .calculate-block .product-description input[type=text] {
        margin-bottom: 0;
    }
    .section-item-grid div{order: 0;}
    .section-item-grid div.text-inner{order: 1}
    .product-section.section{padding-top: 0!important;}
    .product-details .title {
        line-height: normal;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 23px;
    }
    .calc-row_header {
        left: -29px;
    }
    div.product-details{margin-top: 0}
    section#service{background-position: center center}
    #shopify-section-product-template .middle-menu-wrapper .btn{color: #00902a; position: relative;}
    #service .wrapper-services article{width: 100%; }
    .to-mobile{display: inherit}
    #shopify-section-product-template .btn i{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: 0;font-size: 18px;
        background-size: 100% 60%;filter: invert(1);display: inherit}
    .ajax-popup .modal-content{width: 100%}
    .ajax-popup .modal-content .modal-body{padding: 0}
    div.modal-dialog{margin-top: 150px}
    div#loading-center-absolute{width: 90px;margin-left: -45px;}
    
}

.product-variant-option .swatch-element.color>label{width: 72px; height: 32px}
.product-section.section{padding-bottom: 0!important;}

div.product-variant-option .swatch-element.color>label{
    background-size: cover!important; 
    margin-bottom: 10px;
}

div.calc-row-footer{max-width: 900px}
#calc_result {
    
}

.car_row {
    display: grid; 
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
@media (max-width:500px) {
    .car_row {
        grid-template-columns: 100%;
    }
    .section-title.center h2 {
        font-size: 22px;
    }
}
.car_block {
    width: 100%;
    border-bottom: 1px solid #00902a;
    padding-bottom: 15px;
}
.car_row .car_block:nth-child(2n){text-align: right;}
.car_row .car_block p{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 20px;
    border-bottom: 1px dashed #ededed;
}
.car_row .car_block p span {
    font-size: 15px;
}
.car_block-title {
    color:#fff;
    text-align: center;
    background: #232323;
    padding: 10px;
    margin-bottom: 15px;
}

.avail_car_blocks{position: absolute;
    right: 0;
    top: 30px;
    padding: 5px 15px;
    background: #f57d20;
    color: #fff;
    font-weight: 600;}

.avail_car_blocks.Y{background: #00902a}


#credit{margin-bottom: 50px}
#credit .product-description-review-area{margin-top: 50px}
#credit .view_prop > div{float: left; height: 0px;}
#credit .view_prop div.banks{width: 100%; float:none; border-radius: 10px; border: 1px solid #00902a; position: relative; height: auto}
#credit .view_prop div.banks:before{content: "1";border-radius: 20px;height: 40px;width: 40px;display: inline-block;background: #ffffff;color: #00902a;border: 1px solid #00902a;text-align: center;line-height: 37px;margin-right: 30px;font-size: 21px; position: absolute;top: -60px;left: 50%;margin-left: -21px;}
#credit .view_prop div.banks_uslovia:before{content: "2";border-radius: 20px;height: 40px;width: 40px;display: inline-block;background: #ffffff;color: #00902a;border: 1px solid #00902a;text-align: center;line-height: 37px;margin-right: 30px;font-size: 21px; position: absolute;top: -60px;left: 50%;margin-left: -21px;}
#credit .view_prop div.banks_result:before{content: "3";border-radius: 20px;height: 40px;width: 40px;display: inline-block;background: #ffffff;color: #00902a;border: 1px solid #00902a;text-align: center;line-height: 37px;margin-right: 30px;font-size: 21px; position: absolute;top: -60px;left: 50%;margin-left: -21px;}
#credit .view_prop div.bank_payments_list:before{content: "4";border-radius: 20px;height: 40px;width: 40px;display: inline-block;background: #ffffff;color: #00902a;border: 1px solid #00902a;text-align: center;line-height: 37px;margin-right: 30px;font-size: 21px; position: absolute;top: -60px;left: 50%;margin-left: -21px;}
#credit .view_prop div.banks .bank_lists{}
#credit .view_prop div.banks .bank_lists li{cursor: pointer; padding: 10px 20px; margin: 0; background-color: transparent; transition: .4s filter linear; filter: grayscale(1); display: inline-block;}
#credit .view_prop div.banks .bank_lists li.active, #credit .view_prop div.banks .bank_lists li:hover{filter: grayscale(0); transition: .4s filter linear}
#credit .view_prop div.banks .bank_lists li:before{display: none}
#credit .view_prop div.banks_uslovia{width: 35%; border-radius: 10px; border: 1px solid #00902a; margin: 80px 3% 0 0; opacity: 0; position: relative}
#credit .view_prop div.bank_payments_list.active, #credit .view_prop div.banks_uslovia.active, #credit .view_prop div.banks_result.active{opacity: 1; transition: .3s opacity linear; height: auto}
#credit .view_prop div.banks_uslovia .bankProductItem{padding: 40px}
#credit .view_prop div.banks_uslovia .bankProductItem li{margin-bottom: 30px; cursor: pointer; border: 1px solid #eee; border-radius: 5px; padding: 20px; transition: .3s box-shadow linear}
#credit .view_prop div.banks_uslovia .bankProductItem li:hover{box-shadow: 0 0 20px 1px rgba(0,0,0,.1); transition: .3s box-shadow linear}
#credit .view_prop div.banks_uslovia .bankProductItem li.active{border-color: #000; box-shadow: 0 0 20px 1px rgba(0,0,0,.3); transition: .3s box-shadow linear}
#credit .view_prop div.banks_uslovia .bankProductItem li:before{display: none}
#credit .view_prop div.banks_uslovia .bankProductItem li p{font-size: 12px}
#credit .view_prop div.banks_uslovia .bankProductItem li p.bankProductName{font-size: 16px; font-weight: bold}
#credit .view_prop div.banks_uslovia .bankProductItem li p.bankProductInfo{display: inline-block;color: #aeaeae}
#credit .view_prop div.banks_uslovia .bankProductItem li p.bankProductInfo b{color: #aeaeae}
#credit .view_prop div.banks_uslovia .bankProductItem li p.bankProductDescr{font-size: 14px; color: #aeaeae}
#credit .view_prop div.banks_result{width: 24%;border-radius: 10px; border: 1px solid #00902a;  text-align: center; opacity: 0; position: relative; margin: 80px 3% 0 0; }
#credit .view_prop div.banks_result .sendOnlineBank{padding: 5px 10px; border-radius: 5px;}
#credit .view_prop div.banks_result .block_view{padding: 30px;}
#credit .view_prop div.banks_result p{text-align: right;margin-bottom: 30px;font-size: 16px;font-weight: 600;}
#credit .view_prop div.banks_result p b{display: block;text-align: left;font-size: 14px;color: #9e9e9e;}
#credit .view_prop div.banks_result p.infoProd_Name{}
#credit .view_prop div.banks_result a.getGrafPaymentCar{background: #00902a;color: #fff; display: inline-block; padding: 5px 10px; border-radius: 5px}
#credit .view_prop div.banks_result p.infoProd_Info{}
#credit .view_prop div.banks_result p.infoProd_Info b{}
#credit .view_prop div.bank_payments_list{position: relative; height: 0;   opacity: 0; width: 35%; margin-top: 80px; border-radius: 10px; border: 1px solid #00902a; position: relative; }
#credit .view_prop div.bank_payments_list .view_block{height: 560px; overflow: auto; border-radius: 10px;}
#credit .view_prop div.bank_payments_list table{width: 100%;}
#credit .view_prop div.bank_payments_list table thead, #credit .view_prop div.bank_payments_list table tfoot{background: #00902a}
#credit .view_prop div.bank_payments_list table thead th, #credit .view_prop div.bank_payments_list table tfoot td{padding: 5px 10px; color: #fff}
#credit .view_prop div.bank_payments_list table tbody{}
#credit .view_prop div.bank_payments_list table tbody tr:nth-child(2n) td{position: relative}
#credit .view_prop div.bank_payments_list table tbody tr:nth-child(2n) td:before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: #00902a; opacity: .3}
#credit .view_prop div.bank_payments_list table tfoot td, #credit .view_prop div.bank_payments_list table tbody td{padding: 10px; text-align: right}
#credit .view_prop div.bank_payments_list table tfoot td:first-child, #credit .view_prop div.bank_payments_list table tbody td:first-child{text-align: left}
#credit .view_prop div.bank_payments_list table tfoot td:last-child, #credit .view_prop div.bank_payments_list table tbody td:last-child{font-weight: bold; font-size: 16px}
@media (max-width: 768px) {
    #credit .view_prop div.banks .bank_lists li{width: 50%!important;}
    #credit .view_prop div.banks_uslovia,
    #credit .view_prop div.banks_result,
    #credit .view_prop div.bank_payments_list {width: 100%; margin:0}
    #credit .view_prop div.banks_uslovia.active,
    #credit .view_prop div.banks_result.active,
    #credit .view_prop div.bank_payments_list.active {margin-top: 80px}
}

/*
#modalAddToCartError .modal-dialog{height: 80%}
#modalAddToCartError .modal-content, #modalAddToCartError .modal-body{height: 100%}
#modalAddToCartError .modal-body .modal-content-text{height: 100%;overflow: auto;width: 100%; margin: 0}
#modalAddToCartError .modal-body .modal-content-text table{width: 100%;}
#modalAddToCartError .modal-body .modal-content-text table thead{background: #00902a}
#modalAddToCartError .modal-body .modal-content-text table thead th{padding: 5px 10px; color: #fff}
#modalAddToCartError .modal-body .modal-content-text table tbody{}
#modalAddToCartError .modal-body .modal-content-text table tbody tr:nth-child(2n) td{position: relative}
#modalAddToCartError .modal-body .modal-content-text table tbody tr:nth-child(2n) td:before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: #00902a; opacity: .3}
#modalAddToCartError .modal-body .modal-content-text table tbody td{padding: 10px; text-align: right}
#modalAddToCartError .modal-body .modal-content-text table tbody td:first-child{text-align: left}
#modalAddToCartError .modal-body .modal-content-text table tbody td:last-child{font-weight: bold; font-size: 16px}  */

.product-content-inner .swatch.Color .swatch-element.not_view{display: none}
.checkbox-item{margin: 20px 0}
.checkbox-item input#confirm_bank{display: none}
.checkbox-item label{margin-left: 20px; position:relative}
.checkbox-item label:before{position: absolute; content: ""}
.checkbox-item label:after{position: absolute; content: ""; width: 15px; height: 15px; border: 1px solid #cfcfcf; left: -25px; top: 5px;}
.checkbox-item input:checked + label:before{width: 10px;height: 20px;border: 2px solid #f57d20;border-left: none;border-top: none;left: -20px;z-index: 1;top: -2px;transform: rotateZ(45deg);}
.show_plash .product-image{}
.show_plash .product-image:before{    content: "";position: absolute;    width: 150px;height: 50px;z-index: 1;background-image: url("/images/plash1.svg");background-size: 100%;background-repeat: no-repeat;    top: 10px;}

.character_title:last-child p{font-size: 14px}

.calculate-block .product-description, div.product-details, #credit{background: #fff;}

@media (max-width: 768px){
    div.product-details, html .calculate-block .product-description, #credit{padding: 15px;}
}

html .product-details .product-image .single-product-thumb-slider-syn{margin: 10px 20px;}

.ecomony_view_car{position: absolute;top: 130px;background: #f57d20;padding: 5px 10px 5px 30px;transform: rotate(-5deg);color: #fff; z-index: 1}
.ecomony_view_car:before{    content: "";display: block;position: absolute;background: #fff;width: 15px;height: 15px;border-radius: 20px;left: 7px;top: 10px;border: 2px ridge #999;}
.ecomony_view_car span{font-weight: bold}
@media (max-width: 768px) {
    .ecomony_view_car{top: 150px}
}

.electro-categories {
    /*margin-bottom: 30px;*/
    /*background: #eee;*/
    /*padding-bottom: 15px;*/
    margin:  10px 0 0 0;
}
.electro-categories .middle-menu-wrapper .menu-mob-overflow div.item-car-br {
    color:#000;
    height: 100px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100px;
}
.electro-categories .middle-menu-wrapper .menu-mob-overflow div.item-car-br a{display: block}
.electro-categories .menu-mob-overflow {
    /*    margin-bottom: 30px;
        margin-top: 30px;*/
    /*display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 3px;*/
    width: 100%;

}
.electro-categories .menu-mob-overflow img{width: 100%;filter: grayscale(1);transition: filter .5s, transform .5s}
.electro-categories .menu-mob-overflow a{position: relative}
.electro-categories .menu-mob-overflow span{font-size: 16px; bottom: -20px; position: absolute; font-weight: bold; opacity: 0; transition: .5s opacity; width: 110%; left: -5%}
.electro-categories .menu-mob-overflow .rows-car-arr{
    filter:grayscale(1);
    transition: filter .5s;
}
.electro-categories .menu-mob-overflow .rows-car-arr:hover{
    filter:grayscale(0);
    transition: filter .5s;
}

.electro-categories .menu-mob-overflow .slick-car-prev{
    transform: rotate(180deg);
}

.electro-categories .menu-mob-overflow{
    position: relative;
}
.electro-categories .menu-mob-overflow .slick-arrow{
    content: " ";
    overflow: hidden;
    width: 20px;
    position: absolute;
    /*top: 35px;*/
    z-index: 99;
    cursor: pointer;
    top: 50%;
    margin-top: -20px;
}
.electro-categories .menu-mob-overflow .slick-car-next.slick-arrow{
    right: 0;
}
.electro-categories .menu-mob-overflow .slick-car-prev.slick-arrow{
    left: 0;
}
@media (max-width:991px) {


    .electro-categories .menu-mob-overflow {
        margin-bottom: 0;
        flex-wrap: nowrap;
    }

    .electro-categories .middle-menu-wrapper a:not(.btn) {
        height: 50px;
        width: auto;
    }

    .electro-categories {
        padding-bottom: 0;
    }
}
@media (max-width: 1000px) {
    /*.electro-categories .menu-mob-overflow .slick-arrow{top: 50px}*/
    .electro-categories .menu-mob-overflow .item-car-br a{height: 100%}
    .electro-categories .menu-mob-overflow img{height: auto; width: 100%}
}
@media (max-width: 500px) {
    .electro-categories .middle-menu-wrapper .menu-mob-overflow div.item-car-br{height: 80px}
}
@media (max-width: 430px) {
    .electro-categories .middle-menu-wrapper .menu-mob-overflow div.item-car-br{height: 65px}
}
.electro-categories{background: #ffffff}
.electro-categories .slick-list.draggable{padding-bottom: 20px}
div.product-details{margin-top: 0}
/* End */
/* /local/templates/cars/components/bitrix/catalog.element/elektrocars/style.css?175223298428154 */