/**
 * J!Blank Template for Joomla by JBlank.pro (JBZoo.com)
 *
 * @package    JBlank
 * @author     SmetDenis <admin@jbzoo.com>
 * @copyright  Copyright (c) JBlank.pro
 * @license    http://www.gnu.org/licenses/gpl.html GNU/GPL
 * @link       http://jblank.pro/ JBlank project page
 */
/* just example of css import */

/* just for test repaltive paths
@import url('print.css');
@import url('reset.css');
*/

/****************************************** FRONTEND STYLES ***********************************************************/

/* classic clearfix */
.clearfix {
    display: block;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html .clearfix {
    height: 1%;
}

.list-inline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
}

/* Для отладки BOF */
/*.container {
    border: 1px dotted #000000;
}
.row {
    border: 1px dotted #ff0000;
}

div[class *= "col-lg-"] {
    border: 1px dotted #00ff00;
}*/
/* Для отладки EOF */

/* Tooltips */
.tip-wrap {
    z-index: 10000;
}

.tip {
    float: left;
    background: #ffc;
    border: 1px solid #D4D5AA;
    padding: 5px;
    max-width: 200px;
}

.tip-title {
    padding: 0;
    margin: 0;
    font-size: 100%;
    font-weight: bold;
    margin-top: -15px;
    padding-top: 15px;
    padding-bottom: 5px;
    background: url(../images/selector-arrow.png) no-repeat;
}

.tip-text {
    font-size: 100%;
    margin: 0;
}


h1,
h2,
h3,
h4 {
    font-family: "Roboto";
    font-weight: normal;
    /*line-height: 20px;*/
    color: #0a0a0a;
}

h1 {
    font-size: 28px;
    margin: 30px 0;
    font-weight: bold;
    line-height: 28px;
}

h2 {
    font-size: 26px;
    margin: 30px 0;
    line-height: 26px;
}

h3 {
    font-size: 22px;
    margin: 10px 0;
    line-height: 24px;
    font-family: "Roboto Light";
}

p {
    margin-top: 50px;
    font-size: 14px;
    font-family: "Roboto";
    color: #0a0a0a;
    line-height: 20px;
}

.sdi-full-width.container-fluid,
.sdi-full-width.container-fluid div[class *="col-lg-"] {
    padding: 0;
    margin: 0;
}

.sdi-full-width.container-fluid > .row {
    margin: 0;
}

@media screen and (max-width:767px) {

    .sdi-content [class *="col-xs-"],
    .sdi-content,
    .sdi-content .container,
    .sdi-content .container-fluid {
        padding-left: 5px;
        padding-right: 5px;
    }

    .sdi-content .row {
        margin-right: -5px;
        margin-left: -5px;
    }
}


a,
a:hover,
a:active,
a:visited,
a:focus {
    font-weight: normal;
    color: black;
    text-decoration: none;
}

input.rounded {
    border-width: 1px;
    border-color: transparent;
    border-style: solid;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background-color: rgb(255, 255, 255);
    height: 28px;
    padding: 0 7px;
}

input.rounded-small {
    border-width: 1px;
    border-color: transparent;
    border-style: solid;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background-color: rgb(255, 255, 255);
    width: 50px;
    height: 28px;
    padding: 0 7px;
}

input.rounded-medium {
    border-width: 1px;
    border-color: transparent;
    border-style: solid;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background-color: rgb(255, 255, 255);
    width: 276px;
    height: 28px;
    padding: 0 7px;
}

.grey-border {
    border-color: #adaeae !important;
}

.blue-border {
    border-color: rgb(0, 134, 224) !important;
}

.btn:active,
.btn:focus,
.btn:visited {
    outline: none !important;
}

.btn,
.nb_action > span.btn,
.sdi-products-view span.addtocart-button input.addtocart-button,
span.addtocart-button input.addtocart-button,
.orderlistcontainer div.activeOrder,
select.inputbox,
a.ask-a-question,
.sdi-productdetails a.product-details.btn,
#btl .btl-panel > span.btl-dropdown,
button.sdi-btn.btn.btn-buttonsubmit,
#opc-confirm #submit_order_done,
a.vm-btn.vm-btn-secondary,
a.vm-btn.vm-btn-primary,
#btl .nav-tabs.btl-panel li > a.btn,
#btl .nav-tabs.btl-panel li.active > a.btn,
#page-error a.goto-main {
    background: none;
    border-width: 1px;
    border-color: rgb(0, 134, 224);
    border-style: solid;
    min-width: 60px;
    height: 30px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    font-size: 14px;
    color: rgb(0, 134, 224);
    line-height: 15px;
    padding: 7px 10px;
    background-color: #fff;
    text-transform: uppercase;
    font-weight: normal;
    -webkit-transition: color, background-color 500ms ease;
    -o-transition: color, background-color 500ms ease;
    transition: color, background-color 500ms ease;
    font-family: "Roboto Light";
}

button.sdi-btn.btn.btl-buttonsubmit {
    border: 1px solid rgb(0, 134, 224) !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    padding: 7px 10px !important;
    height: 30px !important;
    line-height: 15px !important;
    -webkit-border-radius: 15px !important;
    border-radius: 15px !important;
}

#btl .btl-panel > span.btl-dropdown {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-right: 10px !important;
    background-image: none !important;
}

.btn:hover,
.nb_action > span.btn:hover,
span.addtocart-button input.addtocart-button:hover,
a.ask-a-question:hover,
.sdi-productdetails a.product-details.btn:hover,
#btl .btl-panel > span.btl-dropdown:hover,
button.sdi-btn.btn.btl-buttonsubmit:hover,
#opc-confirm #submit_order_done:hover,
a.vm-btn.vm-btn-primary:hover,
#page-error a.goto-main:hover{
    background: none;
    color: #fff;
    background-color: rgb(0, 134, 224);
    -webkit-transition: color, background-color 500ms ease;
    -o-transition: color, background-color 500ms ease;
    transition: color, background-color 500ms ease;
    font-weight: normal;
}

a.vm-btn.vm-btn-secondary {
    background-color: transparent;
    color: #adaeae;
    border-color: #adaeae;
}

a.vm-btn.vm-btn-secondary:hover {
    border-color: #adaeae;
    color: #fff;
    -webkit-transition: color, background-color 500ms ease;
    -o-transition: color, background-color 500ms ease;
    transition: color, background-color 500ms ease;
    font-weight: normal;
}

#btl .btl-panel > span.btl-dropdown:hover,
button.sdi-btn.btn.btl-buttonsubmit:hover {
    background-color: rgb(0, 134, 224) !important;
}

div[class*="-view"] .row {
    position: relative;
}

body {
    margin-top: 50px;
    font-size: 14px;
    font-family: "Roboto";
    color: #0a0a0a;
}

@media screen and (max-width:767px) {
    body {
        margin-top: 0;
    }

    .button_1O {
        width: 45px !important;
        height: 45px !important;
    }
}


/** Верхнее sticked меню BOF **/

#sdi-top.sticked {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    height: 50px;
    width: 100%;
    min-width: 100%;
    background-color: rgb(0, 135, 228);
    z-index: 999;
}

#sdi-top.sticked .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /*padding: 0 15px;*/
}


/* Кнопка и поле ввода поиска по сайту BOF */
#sdi-top.sticked .search {
    position: relative;
}

#sdi-top.sticked .search label[class*="font-aws"] {
    position: relative;
    font-weight: normal;
    border-width: 1px;
    border-color: transparent;
    border-style: solid;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    width: 276px;
    -webkit-transition: width 500ms ease;
    -o-transition: width 500ms ease;
    transition: width 500ms ease;
}

#sdi-top.sticked .search label[class*="font-aws"] i {
    position: absolute;
    left: 8px;
    top: 8px;
    color: #0087e480;
    font-size: 16px;
    display: block;
    z-index: 1;
}

#sdi-top.sticked .search label[class*="font-aws"] input {
    padding-left: 26px;
    font-weight: normal;
    padding-top: 3px;
    display: block;
    -webkit-transition: opacity 500ms ease;
    -o-transition: opacity 500ms ease;
    transition: opacity 500ms ease;
    opacity: 1;
}

#sdi-top.sticked .search label[class*="is-round"] input {
    /*display: none;*/
    -webkit-transition: opacity 500ms ease;
    -o-transition: opacity 500ms ease;
    transition: opacity 500ms ease;
    opacity: 0;
}



#sdi-top.sticked .search label[class*="font-aws"] input:focus,
#sdi-top.sticked .search label[class*="font-aws"] input:active {
    border-color: rgb(255, 51, 0);
}

#sdi-top.sticked .search label[class*="is-round"] {
    border-width: 1px;
    border-color: rgb(255, 255, 255);
    border-style: solid;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    position: absolute;
    left: 0px;
    top: -15px;
    width: 29px;
    height: 29px;
    z-index: 204;
    font-weight: lighter;
    -webkit-transition: width 500ms ease;
    -o-transition: width 500ms ease;
    transition: width 500ms ease;
}

#sdi-top.sticked .search label[class*="is-round"]:hover,
#sdi-top.sticked .search label[class*="font-aws"]:hover {
    cursor: pointer;
}

#sdi-top.sticked .search label[class*="is-round"] i {
    color: #fff;
    left: 7px;
    top: 7px;
}

#sdi-top.sticked .search label i:before {
    content: "";
    background-image: url("/templates/jblank/images/icons/search_blue.png");
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    min-width: 16px;
    min-height: 16px;
    display: block;
}

#sdi-top.sticked .search label[class*="is-round"] i:before {
    background-image: url("/templates/jblank/images/icons/search.png");
}

/* Кнопка и поле ввода поиска по сайту BOF */

/* Блок сравнения в меню BOF */
.sdi-compare {
    background-image: url(/templates/jblank/images/icons/compare.png);
    width: 31px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}

.compare-header {
    font-size: 16px;
    font-weight: lighter;
    color: #d6efff;
    line-height: 22px;
}

.compare-header .toltal-compare {
    font-weight: bold;
    font-style: normal;
    color: #d6efff;
}

.nb_compare .nb_list_compare {
    position: absolute;
    padding: 5px;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.75);
    min-width: 250px;
    z-index: 999999;
    margin-top: 10px;
}

/* Блок сравнения в меню EOF */

.sticked #vmCartModule {
    z-index: 0;
    border-color: transparent;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 100%;
    padding-right: 0;
}

.sticked #vmCartModule > a {
    position: relative;
    height: 38px;
}

.sticked #vmCartModule > a > svg {
    display: inline-block;
    right: 0;
    position: relative;
    float: right;
    margin-right: 8px;
    margin-top: 5px;
}

.sticked #vmCartModule .total_products {
    font-size: 12px;
    color: rgb(0, 134, 224);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 19px;
    text-align: center;
    left: unset;
    right: 0;
    top: 0px;
    background-color: #fff;
}

/** Верхнее sticked меню EOF **/

/* Нижнее sticked меню в моб версии BOF */
@media screen and (max-width:767px) {
    .sticked-bottom {
        position: fixed;
        display: block;
        bottom: 0;
        left: 0;
        height: 44px;
        width: 100%;
        min-width: 100%;
        background-color: rgb(0, 135, 228);
        z-index: 999;
    }

    .sticked-bottom .container,
    .sticked-bottom .container .row {
        height: 100%;
    }

    .sticked-bottom div[class *="col-xs-"] {
        padding-right: 5px;
        padding-left: 5px;
        height: 100%;
        line-height: 44px;
    }

    .sticked-bottom .mobile-overlay {
        position: absolute !important;
        display: none;
        bottom: 44px !important;
        z-index: 99999 !important;
        background-color: #fff;
        padding: 5px !important;
        margin: 0 !important;
    }

    .sticked-bottom .overlay-toggle > img {
        height: 16px;
    }

    /* Блок авторизации BOF */

    .sticked-bottom .btl-content-tab h3,
    .sticked-bottom #btl > h3 {
        background: url("/templates/jblank/html/mod_bt_login/images/header_bglogin.jpg") repeat-x scroll left top transparent;
        font-weight: normal;
        line-height: 35px;
        margin: 0 0 10px 0;
        padding: 3px 0px 0px 19px !important;
        text-transform: uppercase;
        font-size: 18px;

    }

    .sticked-bottom #btl .btl-panel {
        padding-bottom: 5px;
    }

    .sticked-bottom .sdi-btl-field {
        padding: 5px;
        margin-bottom: 15px;
        line-height: 28px;
        height: 30px;
    }

    .sticked-bottom .sdi-btl-field .sdi-btl-input input.rounded {
        width: 189px;
    }

    .sticked-bottom .sdi-btl-field .sdi-btl-input {
        float: right;
    }

    .sticked-bottom .sdi-btl-field .sdi-btl-label {
        float: left;
    }

    .sticked-bottom .sdi-register-link,
    .sticked-bottom #bt_ul > li {
        margin: 5px 0;
        list-style: none;
    }

    .sticked-bottom .sdi-register-link > a,
    .sticked-bottom #bt_ul li > a {
        color: rgb(0, 135, 228) !important;
    }

    /* Блок авторизации EOF */

    /* Блок сравнения BOF */
    .sticked-bottom .nb_compare .compare-header {
        position: relative;
        display: block;
        height: 44px;
        width: 100%;
    }

    .sticked-bottom .nb_compare .compare-header .sdi-compare {
        display: block;
        background-position: center;
        background-repeat: no-repeat;
        height: 24px;
    }

    .sticked-bottom .nb_compare .compare-header .toltal-compare {
        display: block;
        position: absolute;
        top: -6px;
        left: 30px;
        -webkit-border-radius: 18px;
        border-radius: 18px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #fff;
        font-size: 12px;
        font-weight: normal;
        height: 18px;
        line-height: 18px;
        min-width: 18px;
        padding: 0 5px;
        text-align: center;
        background: #2196f3
    }

    .sticked-bottom .nb_compare .nb_list_compare.mobile-overlay {
        -webkit-box-shadow: none;
        box-shadow: none;
        min-width: unset;
    }

    /* Блок сравнения EOF */

    /* Блок корзины BOF */
    .sticked-bottom #vmCartModule {
        border: none;
        height: 44px;
        padding: 0;
        width: 100%;
    }

    .sticked-bottom #vmCartModule > a {
        line-height: 44px;
    }

    .sticked-bottom #vmCartModule > a > img {
        height: 20px;
    }

    /* Блок корзины EOF */

    /* Блок поиска BOF */
    .sticked-bottom .mob-search .mobile-overlay {
        min-height: unset !important;
        background-color: #00000050;
    }

    /* Блок поиска EOF */

    /* Блок ГЕО BOF */
    .sticked-bottom .mycity {
        font-size: 14px;
    }

    .sticked-bottom .mod_cityselector {
        text-align: center;
    }

    .sticked-bottom .mod_cityselector .mobile-overlay {
        min-height: 120px !important;
        min-width: unset !important;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    /* Блок ГЕО EOF */

}

/* Нижнее sticked меню в моб версии EOF */


/* Шапка сайта BOF */
.top-header {
    height: 100px;
    background-color: #fff;
    /*width: 100%;*/
    padding: 10px 0;
}

.top-header > div {
    height: 100%;
    padding-bottom: 8px;
}

.top-header .top-name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.top-header .top-name .site-subheader {
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 18px;
    font-weight: normal;
}

.top-header .top-name .site-header {
    font-family: "Roboto Light";
    font-size: 35px;
    color: rgb(0, 0, 0);
    line-height: 35px;
    text-align: left;
    font-weight: normal;
}

.top-header .top-phone > ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 6px;
}

.top-header .top-phone li > a {
    font-size: 16px;
    font-weight: normal;
    color: black;
}

.top-header .top-phone li > span {
    font-size: 12px;
    padding-left: 15px;
}

.top-header .top-phone .work-time {
    font-family: "Roboto Light";
    font-size: 14px;
    color: #5c5c5c;

}

@media screen and (max-width:767px) {
    .top-header .top-name {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .top-header .top-name .site-header {
        font-size: 25px;
    }

    .top-header .top-name .site-subheader {
        font-size: 12px;
    }

    .top-header .top-phone {
        padding-top: 5px;
    }

    .top-header .top-phone li:first-child {
        margin-bottom: 15px;
        margin-top: 5px;
    }

    .top-header .top-phone li > a {
        font-size: 14px;
        display: block;
        text-align: left;
    }

    .top-header .top-phone li > span {
        display: block;
        font-size: 10px;
        text-align: left;
        padding: 0;
    }
}


/* Шапка сайта EOF */

/* Главное навигационное меню BOF */
#header .top-menu {
    height: 50px;
    /*width: 100%;*/
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

#header .top-menu > div {
    text-transform: uppercase;
    font-family: "Roboto Light";
    font-size: 16px;
    line-height: 18px;
    color: #000;
}

#header .top-menu a {
    padding: 10px 10px;
}

#header .top-menu a:hover {
    color: #f43603;
    background: none;
    background-color: transparent;
}

/** Меню категорий (модуль vm_category) BOF **/

.modsdicategory > a {
    text-decoration: none;
    color: #000;
    font-size: 16px;
}

.modsdicategory a.toggleMenu:hover,
.modsdicategory .sdi-carret-wrap:hover{
    cursor: pointer;
}

.modsdicategory .sdi-carret-wrap:hover>.sdi-carret{
    border-color: #f43603;
}

.modsdicategory ul {
    list-style: none;
    position: relative;
    display: none;
    padding-left: 0;
    background-color: transparent;
    width: 100%;
}


.modsdicategory li {
    display: block;
    width: 100%;
    max-width: calc(100% - 30px);
}

.modsdicategory li.parent {
    position: relative;
}

.modsdicategory > ul {
    position: absolute;
    z-index: 9999;
    width: 500px;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.75);
    background-color: #f4f2f1;
}

.modsdicategory > ul > li {
    font-size: 18px;
}

.modsdicategory .sdi-carret-wrap {
    position: absolute;
    top: 5px;
}

.modsdicategory > ul > li > .sdi-carret-wrap {
    left: 32px;
}

.modsdicategory > ul ul {
    font-size: 0.89em;
}

.modsdicategory li a {
    display: block;
    text-transform: none;
    line-height: 36px;
}

.modsdicategory .sdi-carret {
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    position: relative;
    display: inline-block;
    top: 0px;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    color: #fff;
}

.modsdicategory li.sdi-level1 > a {
    margin-left: 50px;
}

.modsdicategory li.sdi-level1 > .sdi-carret-wrap {
    left: 32px;
}

.modsdicategory li.sdi-level2 > a {
    margin-left: 70px;
}

.modsdicategory li.sdi-level2 > .sdi-carret-wrap {
    left: 52px;
}

.modsdicategory li.sdi-level3 > a {
    margin-left: 90px;
}

.modsdicategory li.sdi-level3 > .sdi-carret-wrap {
    left: 72px;
}

.modsdicategory li.sdi-level4 > a {
    margin-left: 110px;
}

.modsdicategory li.sdi-level4 > .sdi-carret-wrap {
    left: 92px;
}

.modsdicategory li.parent.hover > .sdi-carret-wrap >.sdi-carret {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    top: 5px;
}

@media screen and (max-width: 991px) {
    .toggleMenu > img {
        width: 29px;
    }
}

@media screen and (max-width: 767px) {
    #header {
        border-bottom: 1px solid #ededed;
        padding-bottom: 10px;
    }

    #header .top-phone li > span,
    #breadcrumbs {
        display: none;
    }

    #header .top-phone li > a {
        text-align: right;
    }

    #header .top-header,
    #header .top-header .top-name,
    #header .top-phone {
        padding-bottom: 0;
    }

    #header .top-menu {
        height: unset;
    }

    .toggleMenu > img {
        width: 29px;
    }

    .modsdicategory {
        position: relative;
    }

    .modsdicategory .toggleMenu {
        font-size: 20px;
    }

    .modsdicategory > ul {
        width: 100%;
        max-width: 400px;
    }

    .modsdicategory li {
        margin-left: 30px;
    }

    .modsdicategory li a {
        display: block;
        text-align: left;
    }

    .modsdicategory .sdi-carret-wrap,
    .modsdicategory li[class *= "sdi-level"] > .sdi-carret-wrap{
        cursor: pointer;
        padding: 0 10px;
        left: -30px;
        top: 6px;

    }

    .modsdicategory li.parent.hover > .sdi-carret-wrap {
        top: 10px;
    }

    .modsdicategory li.parent.hover > .sdi-carret-wrap >.sdi-carret {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: -webkit-transform 0.5s ease;
        transition: -webkit-transform 0.5s ease;
        -o-transition: transform 0.5s ease;
        transition: transform 0.5s ease;
        transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    }

    .modsdicategory li.sdi-level1 > a {
        padding-left: 0;
        margin-left: 10px;
    }

    .modsdicategory li.sdi-level2 > a {
        padding-left: 0;
        margin-left: 10px;
        line-height: 24px;
    }

    .modsdicategory li.sdi-level3 > a {
        padding-left: 0;
        margin-left: 10px;
    }

    .modsdicategory li.sdi-level4 > a {
        padding-left: 0;
        margin-left: 10px;
    }
}

/** Меню категорий (модуль vm_category) EOF **/

/* Блок автризации BOF */
#btl .btl-panel,
#btl .nav-tabs.btl-panel {
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    position: relative;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

#btl .btl-panel .btn,
#btl .nav-tabs.btl-panel li > a.btn,
#btl .nav-tabs.btl-panel li.active > a.btn {
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
    z-index: 1;
}

#btl .btl-panel .btn.btn-reg,
#btl .nav-tabs.btl-panel li.active > a.btn.btn-reg {
    margin-left: -22px;
    border-color: #adaeae;
    color: #adaeae;
    z-index: 0;
}

#btl .btl-panel .btn:hover,
#btl .btl-panel .btn:active,
#btl .btl-panel .btn:focus,
#btl .nav-tabs.btl-panel li > a.btn:hover,
#btl .nav-tabs.btl-panel li.active > a.btn:hover,
#btl .nav-tabs.btl-panel li > a.btn:active,
#btl .nav-tabs.btl-panel li.active > a.btn:active,
#btl .nav-tabs.btl-panel li > a.btn:focus,
#btl .nav-tabs.btl-panel li.active > a.btn:focus,
#btl .nav-tabs.btl-panel li.active > a.btn.btn-login {
    color: #fff;
    background-color: rgb(0, 134, 224);
    -webkit-transition: color, background-color 500ms ease;
    -o-transition: color, background-color 500ms ease;
    transition: color, background-color 500ms ease;
    font-weight: normal;
    z-index: 1;
    outline: none;
}

#btl .btl-panel .btn.btn-reg:hover,
#btl .btl-panel .btn.btn-reg:active,
#btl .btl-panel .btn.btn-reg:focus,
#btl .nav-tabs.btl-panel li > a.btn.btn-reg:hover,
#btl .nav-tabs.btl-panel li.active > a.btn.btn-reg:hover,
#btl .nav-tabs.btl-panel li > a.btnbtn-reg:active,
#btl .nav-tabs.btl-panel li.active > a.btn.btn-reg:active,
#btl .nav-tabs.btl-panel li > a.btn.btn-reg:focus,
#btl .nav-tabs.btl-panel li.active > a.btn.btn-reg:focus,
#btl .nav-tabs.btl-panel li.active > a.btn.btn-reg {
    background-color: #adaeae;
    color: #ffffff;
    outline: none;
}

#btl-content-login .btl-input input {
    width: 180px !important;
}

/* Блок авторизации EOF */
/* Главное навигационное меню EOF */
/* Добро пожаловать на главной странице BOF */
.custom.sdi-welcome {
    margin-top: -10px;
    margin-bottom: -10px;
}

.sdi-main-page div[class $=__container] {
    padding: 0 !important;
}

.welcome-wrap {
    display: block;
    position: relative;
    width: 100%;
    height: 110px;
}

.welcome-wrap .block-wrap {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 110px;
}

.welcome-wrap .welcome2 {
    height: 100%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: rgb(244, 54, 3);
    width: 46%;
}

.welcome-wrap .welcome1 {
    position: relative;
    height: 100%;
    background-color: rgb(0, 134, 224);
    width: 54%;
}

.welcome-wrap .welcome1:after {
    background: inherit;
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 110px solid rgb(0, 134, 224);
    border-right: 110px solid rgb(244, 54, 3);
    bottom: 0;
    top: 0;
    left: 100%;
}

.welcome-wrap .welcom-text {
    position: absolute;
    top: 0;
    left: 0;
    font-family: "Roboto";
    color: rgb(255, 255, 255);
    line-height: 110px;
    width: 100%;
    text-align: center;
}

.welcome-wrap .welcom-text span.text1 {
    font-size: 26px;
    text-align: right;
    vertical-align: middle;
}

.welcome-wrap .welcom-text span.text2 {
    font-size: 48px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    vertical-align: middle;
    padding-left: 20px;
}

@media screen and (max-width: 767px) {

    .welcome-wrap,
    .welcome-wrap .block-wrap {
        height: 50px;
    }

    .welcome-wrap .welcome1:after {
        border-top-width: 50px;
        border-right-width: 50px;
    }

    .welcome-wrap .welcom-text {
        line-height: 50px;
    }

    .welcome-wrap .welcom-text span.text1 {
        font-size: 12px;
    }

    .welcome-wrap .welcom-text span.text2 {
        font-size: 14px;
    }

}


/* Добро пожаловать на главной странице EOF */

.sdi-advantages {
    position: relative;
    z-index: 1;
}

.sdi-advantages,
.sdi-advantages .grid__column {
    padding-bottom: 0 !important;
}

/* Добро пожаловать на главной странице EOF */

/* Ограничиваем по ширине окна секцию параллакса BOF */
._DblQBlAM .pf-parallax__img,
/*._DblQBlAM__container,*/
._DblQBlAM__container > div {
    max-width: 100% !important;
}

@media screen and (max-width: 767px) {
    .sdi-seo-block p {
        margin-left: 15px;
        margin-top: 15px;
        font-size: 14px !important;
        line-height: 18px !important;
    }

    .sdi-seo-modul {
        background-color: #c7c7c7;
    }

    .sdi-advantages ._DblQBlAM__container {
        position: relative;
    }

    ._DblQBlAM__container > div {
        max-width: unset !important;
    }

    ._DblQBlAM__container .grid__column {
        padding: 40px !important;
    }
}

/* Ограничиваем по ширине окна секцию параллакса EOF */

.vmgroup .vmheader {
    font-size: 28px;
    font-weight: bold;
    line-height: 56px;
    color: #000;
    text-align: center;
    margin: 40px 0;
}

/*Виджет товара в списке BOF*/
.main-page .sdi-content {
    background-color: #f3f3f3;
}

.sdi-products-view,
.sdi-products-view .product {
    background-color: transparent;
}

.sdi-products-view .product {
    margin-bottom: 15px;
    margin-top: 15px;
}

.sdi-products-view .vmicon,
.sdi-productdetails .vmicon {
    float: none;
    background-position: 0 0;
}

.sdi-products-view .product-container {
    padding: 15px !important;
}
.vmicon .vm2-normalstock,
.vmicon .vm2-lowstock,
.vmicon .vm2-nostock{
    display:inline-block;
}

.sdi-productdetails .tips {
    white-space: nowrap;
}

.sdi-products-view .vmicon.vm2-normalstock,
.sdi-productdetails .vmicon.vm2-normalstock {
    background-image: url('/images/icons/stock_3.png');
    width: 120px;
    height: 11px;
}

.sdi-products-view  .product .spacer span.vmstockmsg-normalstock,
.sdi-productdetails  .product .spacer span.vmstockmsg-normalstock,
.sdi-products-view  .product .spacer span.vmstockmsg-lowstock,
.sdi-productdetails  .product .spacer span.vmstockmsg-lowstock{
    display: block;
    color: #0087e4;
}

.sdi-products-view .product .spacer span.vmstockmsg-nostock,
.sdi-productdetails .product .spacer span.vmstockmsg-nostock{
    display: block;
    color: #f30;
}

.sdi-products-view .vm2-lowstock,
.sdi-productdetails .vm2-lowstock {
    background-image: url('/images/icons/stock_2.png');
    width: 120px;
    height: 11px;
}

.sdi-products-view .vm2-nostock,
.sdi-productdetails .vm2-nostock {
    background-image: url('/images/icons/stock_1.png');
    width: 120px;
    height: 11px;
}


.sdi-products-view .product > .product-container {
    border-width: 0;
    background-color: rgb(255, 255, 255);
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.sdi-products-view .product:hover > .product-container,
.category-view .sdi-products-view .product:hover > .product-container,
.sdi-crossproducts .sdi-products-view .product:hover > .product-container,
.sdi-related-products .sdi-products-view .product:hover > .product-container {
    border-width: 1px;
    border-color: rgb(244, 54, 3);
    border-style: solid;
    -webkit-box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.35);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.sdi-products-view h2 {
    line-height: 20px;
    margin-top: 30px;
    max-height: 80px;
    height: 80px;
    /*margin-bottom: 10px;*/
}

.sdi-products-view .brand {
    margin-bottom: 10px;
    position: relative;
    text-align: center;
}

.sdi-products-view .brand > span {
    background-color: #fff;
    display: inline-block;
    position: relative;
    padding: 0 5px;
    z-index: 1;
    color:rgb(172, 172, 172);
}

.sdi-products-view .brand a {
    color: inherit;
}

.sdi-products-view .brand:before{
    content: "";
    display: block;
    position: relative;
    width: 100%;
    left:0;
    right: 0;
    height: 0;
    border-bottom: 1px solid rgb(172, 172, 172);
    top:12px;
    z-index: 0;
}
/* Заглушка ,что бы выравнять высоту миниатюр товара */
.brand-empty {
    line-height: 21px;
    min-height: 21px;
    margin-bottom: 10px;
}

.sdi-products-view h2 > a {
    font-size: 16px;
    font-family: "Roboto";
    font-weight: 300;
    color: rgb(0, 0, 0);
    line-height: 16px;
}

span.btn-compare {
    position: absolute;
    top: 19px;
    right: 17px;
    border: none !important;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: transparent !important;
    ;
    height: 16px !important;
    width: 31px !important;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}

.sdi-compare.sdi-compare-blue {
    background-image: url(/templates/jblank/images/icons/compare_blue.png) !important;
}

span.btn-compare:hover,
span.btn-compare:active,
span.btn-compare:focus {
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}

.sdi-products-view .vm-product-media-container {
    min-height: 140px;
}

.sdi-products-view .vm-product-media-container img {
    height: 140px !important;
    width: auto;
    display: inline;
}

.sdi-products-view .vm-price-value {
    font-weight: 300;
    line-height: 20px;
    text-align: left;
}

.sdi-products-view .PricebasePriceWithTax span {
    color: #f43603 !important;
    font-size: 12px !important;
}

.sdi-products-view .PricesalesPrice span {
    color: #000 !important;
    font-weight: 300;
    font-size: 18px !important;
}

.label-wrap {
    text-align: left;
}

.label-wrap .sdi-label {
    background-color: rgb(244, 54, 3);
    width: 73px;
    height: 34px;
    color: #fff;
    margin-right: -15px;
    line-height: 34px;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
}

.sdi-products-view .product-price {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
}

/* Скрываем блок доп. полей BOF */
.sdi-products-view .vm3pr-1 .vm-customfields-wrap {
    min-height: 0;
    height: 0;
}

.sdi-products-view .vm3pr-1 .addtocart-area {
    min-height: 1px;
}

/* Скрываем блок доп. полей EOF */

.addtocart-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 36px;
    line-height: 34px;
}

.addtocart-bar .quantity-box {
    position: relative;
    margin-left: 34px;
}

.addtocart-bar .quantity-box .quantity-input {
    background: none !important;
    background-color: transparent !important;
    border: 0;
    color: #c3c3c3 !important;
    font-size: 18px !important;
    font-weight: normal !important;
    text-align: center;
    width: 34px;
}

.addtocart-bar span.quantity-controls {
    display: block;
}

.addtocart-bar span.quantity-controls > div {
    position: absolute;
    border-width: 1px;
    border-color: rgb(172, 172, 172);
    border-style: solid;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    top: 1px;
}

.addtocart-bar span.quantity-controls input.quantity-controls {
    position: relative;
    z-index: 1;
    border: none;
}

.addtocart-bar span.quantity-controls > div,
.addtocart-bar span.quantity-controls input.quantity-controls {
    display: block;
    background: none;
    background-color: transparent;
    width: 34px;
    height: 34px;
    color: #c3c3c3;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    font-weight: normal;
}

.addtocart-bar span.quantity-controls > div.minus-wrap {
    left: 0;
}

.addtocart-bar span.quantity-controls > div.plus-wrap {
    left: 68px;
}

.addtocart-bar span.quantity-controls > div:before {
    content: "";
    display: block;
    position: absolute;
    width: 34px;
    height: 34px;
    color: #c3c3c3;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    font-weight: normal;
    top: 0;
    left: 0;
    z-index: 0;
}

.addtocart-bar span.quantity-controls > div.minus-wrap:before {
    content: "-";
}

.addtocart-bar span.quantity-controls > div.plus-wrap:before {
    content: "+";
}

.addtocart-bar .addtocart-button {
    display: block;
    position: relative;
}

.addtocart-bar input.addtocart-button {
    right: -8px;
    height: 35px;
}

.addtocart-area {
    margin: 0 0 5px 0;
    position: relative;
}

@media screen and (max-width: 767px) {
    #top_content,
    #top_content .container-fluid.products-view.sdi-products-view {
        padding-left: 0;
        padding-right: 0;
    }

    div[class*="-view"] .row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
    }

    .vmgroup .vmheader {
        font-size: 20px;
        margin: 10px 0 0 0;
    }

    .sdi-products-view .product {
        margin: 15px 0;
        width: 100%;
    }
}

/*Виджет товара в списке EOF*/

/** Подвал BOF **/
#footer.footer-wrap {
    width: 100%;
    min-width: 100%;
    min-height: 100px;
    background-color: #c7c7c7;
    color: #000;
    position: relative;
    z-index: 0;
    margin-top: 0;
    font-family: "Roboto";
    padding-top: 45px;
}

.main-page #footer.footer-wrap {
    margin-top: -195px;
}

#footer.footer-wrap .bottom-name {
    font-size: 30px;
    line-height: 0.867;
    text-align: left;
    font-weight: 300;
    height: 71px;
    padding-top: 42px;
}

#footer.footer-wrap > .container {
    font-weight: 300;
}

.main-page #footer.footer-wrap > .container {
    padding-top: 240px;
}

#footer a {
    color: #000;
}

#footer.footer-wrap .footer-middle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 25px;
}

#footer.footer-wrap .footer-middle .bottom-phone {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

#footer.footer-wrap .bottom-phone > ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

#footer.footer-wrap .mail {
    margin-top: 30px;
}

#footer.footer-wrap .nav > li > a,
#footer.footer-wrap .nav > li > a:focus,
#footer.footer-wrap .nav > li > a:hover {
    text-decoration: none;
    background-color: transparent;
    font-size: 12px;
    font-weight: normal;
}

#footer.footer-wrap .row.footer-copyright {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
}

#footer.footer-wrap .list-inline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
}

#footer.footer-wrap .copyright {
    height: 40px;
    padding: 15px 10px;
    line-height: 10px;
    font-size: 12px;
    font-weight: normal;
}


#bottom_sticked .button-joomly-callback-form {
    position: fixed;
    bottom: 50px;
    right: 50px;
    width: 45px !important;
    height: 45px !important;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    background-color: #0086e0 !important;
    background-image: url('/images/icons/call.png') !important;
    -webkit-background-size: initial;
    background-size: initial;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: opacity 200ms ease-in-out;
    -o-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
    z-index: 1;
}

button.button-joomly-callback-form:hover,
button[type="submit"].button-joomly-callback-lightbox:hover {
    -webkit-transition: opacity 200ms ease-in-out;
    -o-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
}

@media screen and (max-width: 767px) {
    #bottom_sticked .button-joomly-callback-form {
        bottom: 100px;
        right: 23px;
    }

    jdiv .wrap_mW {
        bottom: 30px !important;
    }
}

/* кнопка наверх BOF */
.scrollToTop {
    bottom: 50px !important;
    /*left: calc(50% - 20px) !important;*/
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    background-color: rgba(0, 0, 0, 0.169) !important;
    width: 45px !important;
    height: 45px !important;
    padding: 0 !important;
}

#scrollToTop:hover {
    background-color: #fff !important;
}

/* кнопка наверх EOF */

#cookiesck {
    z-index: 9999 !important;
}

/*
#cookiesck a.cookiesck_button,
#cookiesck a.cookiesck_button:hover,
#cookiesck a.cookiesck_button:focus,
#cookiesck a.cookiesck_button:active,
#cookiesck a.cookiesck_button:visited {
    color: #fff;
}
*/

/** Подвал EOF **/


/** Плагин vm_crossproducts (вывод кросс-товаров) BOF **/
/*Скрываем заголовок "Товары"*/
.sdi-crossproducts h4 {
    display: none;
}

/** Плагин vm_crossproducts (вывод кросс-товаров) EOF **/


/* Оформление заказа */
#bd_results {
    margin-bottom: 0;
}

#bd_results .highlight {
    background-color: yellow;
}
#bd_results .result-title:not(:first-of-type) {
    margin-top:15px;
}


div[class ^=post_payment_] {
    margin-bottom: 15px;
}

div[class ^=post_payment_] > span[class $=_title] {
    font-weight: bold;
}

/* подсказки */
.suggestions-suggestions {
    min-width: 400px;
}


/***** КАТЕГОРИЯ ТОВАРОВ BOF *****/
.sdi-category-view {
    margin-top: 50px;
}

.sdi-category-view .spacer {
    background-color: rgba(0, 0, 0, 0.05);
    min-height: 200px;
    overflow: hidden;
    text-align:center;
}

.sdi-category-view .horizontal-separator {
    background: transparent;
    margin: 15px 0;
}

.sdi-category-view .spacer .cat-overlay {
    display: none;
    position: relative;
    height: 100%;
    width: 100%;
    -webkit-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    opacity: 0;
}

.sdi-category-view .spacer:hover .cat-overlay {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.sdi-category-view .spacer .cat-header-wrap {
    position: relative;
    text-align: center;
    color: #000;
    font-family: "Roboto Light";
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    z-index: 2;
}

.sdi-category-view .spacer:hover .cat-header-wrap {
    position: absolute;
    top: 30px;
    color: #fff;
    font-family: "Roboto";
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    /*transition: font-size 0.2s ease-in-out;*/
}

.sdi-category-view .spacer:hover img {
    position: relative;
    -webkit-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}

.category-view .sdi-products-view .product > .product-container,
.sdi-crossproducts .sdi-products-view .product > .product-container,
.sdi-related-products .sdi-products-view .product > .product-container {
    border-width: 1px;
    border-color: rgb(172, 172, 172);
    border-style: solid;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.category-view .sdi-products-view .product > .product-container .sdi-compare.sdi-compare-blue {
    background-image: url(/templates/jblank/images/icons/compare_grey.png) !important;
}

/*.category-view .sdi-products-view .product:hover > .product-container .sdi-compare.sdi-compare-blue {
    background-image: url(/templates/jblank/images/icons/compare_blue.png) !important;
}*/
@media screen and (max-width: 767px) {
    div.category-view {
        padding-bottom: 15px;
        margin-bottom: 0;
    }
    div.category-view.sdi-category-view > div.row {
        display: block;
    }

    div.category-view.sdi-category-view > div.row > .category {
        margin: 5px 0;
    }

    .sdi-category-view .horizontal-separator,
    .sdi-category-view .browseCategoryImage {
        display: none;
    }

    .sdi-category-view .spacer {
        min-height: 60px;
    }

    .sdi-category-view .spacer > .cat-header-wrap {
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        text-align: center;
        width: 100%;
        padding: 0 5px;
    }

    /*   .left-side > .cf_wrapp_all {
        padding-left: 30px;
    }*/

    .cf_wrapp_all.row > .cf_form {
        padding-left: 60px;
        padding-top: 30px;
    }

    .sdi-show-hide {
        margin: 10px;
    }

    .sdi-show-hide:hover {
        cursor: pointer;
    }

    .sdi-show-hide > span {
        font-style: italic;
        color: #0086e0;
    }

    .sdi-category-view {
        margin-top: 10px;
    }
}


/**** ПАГИНАЦИЯ BOF ****/
.pagination-start .pagenav,
.pagination-end .pagenav,
.pagination-next .pagenav,
.pagination-prev .pagenav {
    border: none;
}

.pagination ul > li {
    display: inline;
}

.pagenav {
    display: inline-block;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    border-width: 1px;
    border-color: rgb(0, 0, 0);
    border-style: solid;
    font-size: 18px;
    font-family: "Roboto Light";
    line-height: 27px;
    text-align: center;
    background-color: transparent;
}

.pagination,
.vm-pagination-bottom.vm-pagination {
    width: 100%;
    margin: 40px 0px;
}

.orderby-displaynumber {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: nowrap row;
    -ms-flex-flow: nowrap row;
    flex-flow: nowrap row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: none;
    padding-top: 40px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.orderlistcontainer .title,
.orderby-displaynumber .display-number {
    font-family: "Roboto Light";
    font-weight: normal;
    font-size: 12px;
}

.orderby-displaynumber select.inputbox {
    margin-top: 10px;
    padding: 2px 10px;
    font-family: "Roboto Light";
    font-weight: normal;
    font-size: 14px;
    color: #000;
}

.pagination ul,
.vm-pagination ul {
    padding-left: 0;
    text-align:center;
}

.vm-page-counter {
    float: none;
    display: none;
}

.orderlistcontainer {
    position: relative;
}

.orderlistcontainer div.orderlist {
    border-width: 1px;
    border-color: rgb(172, 172, 172);
    border-style: solid;
    width: 100%;
    top: 30px;
    z-index: 1;
    border-top-width: 0;
    padding-top: 15px;
    margin-top: 10px;
}

.orderlistcontainer div.activeOrder {
    position: relative;
    z-index: 2;
    background: none;
    margin-top: 10px;
}


.orderlistcontainer div.orderlist div {
    margin: 5px 0;
    padding: 4px 12px 4px;
}

.sdi-disable.pagination-start,
.sdi-disable.pagination-prev,
.sdi-disable.pagination-next,
.sdi-disable.pagination-end {
    opacity: 0.5;
}

a.pagenav {
    border-color: #acacac;
    color: #acacac;
}


.sdi-disable > a.pagenav {
    border-color: #000;
    color: #000;
}

@media screen and (max-width: 767px) {
    .orderby-displaynumber {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
    }

    .vm-pagination ul li:not([class *="pagination-"]) {
        display: none;
    }

    .vm-pagination ul li.sdi-disable {
        display: inline;
    }

    .orderlistcontainer,
    .display-number {
        text-align: center;
        margin: 10px 0;
    }

    .display-number > select {
        width: 100%;
    }
}


/**** ПАГИНАЦИЯ EOF ****/

/**** ФИЛЬТР BOF ****/

.sdi-filter-toggle > h3:hover {
    cursor: pointer;
}

.sdi-filter-toggle > img {
    height: 20px;
}

span.cf_clear > .cf_clear,
span.cf_resetAll_label {
    padding: 10px 0px !important;
    display: inline-block;
    font-family: "Roboto Light";
    font-weight: normal;
    font-style: italic;
}

.cf_wrapper_inner {
    width: 100%;
}

.cf_wrapper_inner label,
.cf_wrapper_inner span.cf_currency {
    font-family: "Roboto Light";
    font-size: 14px;
    font-weight: normal;
}

.cf_wrapper_inner > ul {
    padding-left: 0;
}

.cf_flt_header {
    position: relative;
    font-weight: normal !important;
    font-size: 16px !important;
}

.cf_filters_list > li:first-child {
    margin-top: 15px;
}

.headexpand {
    position: absolute;
    display: inline-block;
    left: -20px;
    top: 9px;
    width: 10px !important;
    height: 10px !important;
    color: #fff;
    background: none !important;
    float: none !important;
    margin: 0 !important;
    border-top: 1px solid #131313;
    border-right: 1px solid #131313;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.headexpand.headexpand_show {
    top: 9px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.headexpand.headexpand_hide {
    top: 4px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/*** ЧЕКБОКС BOF ***/
label.sdi-checkbox input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    margin: 0;
}

label.sdi-checkbox a.cf_option {
    display: block;
    position: relative;
    padding: 0 0 5px 30px;
    cursor: pointer;
    font-size: 14px;
    font-family: "Roboto Light";
    font-weight: normal;
}


label.sdi-checkbox a.cf_option:before {
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    width: 12px;
    height: 12px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: transparent;
    border: 2px solid rgb(172, 172, 172);
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

label.sdi-checkbox input:checked + .cf_link > a.cf_option:before {
    border: 2px solid #1d7bca;
}

label.sdi-checkbox a.cf_option:after {
    content: '';
    position: absolute;
    top: 7px;
    left: 4px;
    width: 4px;
    height: 4px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: transparent;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

label.sdi-checkbox input:checked + .cf_link > a.cf_option:after {
    background: #1d7bca;
}

/*** ЧЕКБОКС EOF ***/
.cf_slider_gutter_m {
    max-width: -webkit-calc(100% - 30px) !important;
    max-width: calc(100% - 30px) !important;
}

.slider_bkg_img {
    width: -webkit-calc(100% - 32px) !important;
    width: calc(100% - 32px) !important;
}


/*** СЛАЙДЕР BOF ***/

.cf_wrapper_inner span.cf_currency {
    line-height: 28px;
}

.cf_wrapper_inner input.rounded-small {
    border-color: #b5b5b5;
    width: unset !important;
    margin-right: 5px;
    padding: 0 10px;
    float: left;
}

.cf_wrapper_inner .form-horizontal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    width: 100%;
}

.cf_wrapper_inner .cf_search_button {
    width: 100%;
    margin: 10px 0;
}

.cf_wrapper_input_text {
    display: block !important;
}

.cf_wrapper_inner .sdi-label {
    margin: 0 0 5px 10px;
}

/*** СЛАЙДЕР EOF ***/
@media screen and (max-width: 767px) {
    .headexpand {
        left: 0;
    }

    .cf_flt_header_text {
        margin-left: 20px;
    }

    .cf_form {
        margin-top: 15px;
    }

}

    /**** ФИЛЬТР EOF ****/

/***** КАТЕГОРИЯ ТОВАРОВ EOF *****/

/***** ТОВАР BOF *****/

.sdi-productdetails .back-to-category {
    margin-bottom: 15px;
}

.sdi-productdetails .back-to-category > a {
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}



.sdi-productdetails .product-short-description {
    padding: 0 15px !important;
    text-align: justify;
}

.sdi-productdetails .title h1 {
    font-size: 28px;
    font-weight: bold;
    line-height: 32px;
    color: #0a0a0a;
    margin: 0;
}

.sdi-productdetails .main-image img {
    max-width: unset;
    height: auto;
    width: 100%;
}

.sdi-productdetails .vmicon {
    margin-bottom: 7px;
}

.sdi-productdetails .tips {
    font-family: "Roboto Light";
    font-weight: normal;
    font-size: 12px;
}

.sdi-productdetails .vm-product-details-container.spacer .sdi-compare.sdi-compare-blue {
    top: 4px;
    right: unset;
    left: -webkit-calc(50% - 15px);
    left: calc(50% - 15px);
    background-image: url(/templates/jblank/images/icons/compare_grey.png) !important;
}

.ratingbox div,
.ratingbox span {
    background: url("../images/icons/star fill.png") repeat-x;
    height: 20px;
}

.ratingbox {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 20px;
    background: url("../images/icons/star_empty.png") repeat-x scroll 0 bottom transparent;
    background-position-y: 0;
    margin-bottom: 0;
}
.sdi-productdetails .vm-product-details-container div.product-params {
    margin-bottom: 10px !important;
}

.sdi-productdetails .vm-product-details-container div[class *="col-lg-"] {
    margin-bottom: 25px;
}

.sdi-productdetails .vm-product-details-container .param-value {
    opacity: 0.6;
    display: block;
    font-size: 12px;
}

.sdi-productdetails .vm-product-details-container .prices-wrap {
    font-family: "Roboto Light";
    font-weight: normal;
    font-size: 20px;
    line-height: 20px;
    color: #000;
    text-align: left;
}

.sdi-productdetails .vm-product-details-container .prices-wrap .price-crossed,
.opc-order-total > .line-through.opc-basePriceWithTax,
.result-discount.total > .opc-billDiscountAmount {
    font-size: 14px;
    color: #f43603;
    display: inline-block;
    margin-bottom: 10px;
}

.sdi-productdetails .vm-product-details-container .ask,
.sdi-productdetails .vm-product-details-container .low_price,
.sdi-productdetails .vm-product-details-container .price {
    height: 60px;
    line-height: 60px;
}

.sdi-productdetails .vm-product-details-container div.ask-a-question {
    margin: 0 auto;
    display: inline-block;
}

.sdi-productdetails .vm-product-details-container a.ask-a-question {
    border-color: #adaeae;
    color: #adaeae;
}

.sdi-productdetails .vm-product-details-container a.ask-a-question:hover,
.sdi-productdetails .vm-product-details-container a.ask-a-question:active,
.sdi-productdetails .vm-product-details-container a.ask-a-question:focus {
    background-color: #adaeae;
    color: #ffffff;
}

/* Блок нашли дешевле BOF */

.sdi-productdetails .vm-product-details-container .low_price > a.btn-success {
    border-color: #449d44;
    color: #449d44;
    font-weight: bold;
}

.sdi-productdetails .vm-product-details-container .low_price > a.btn-success:hover,
.sdi-productdetails .vm-product-details-container .low_price > a.btn-success:active,
.sdi-productdetails .vm-product-details-container .low_price > a.btn-success:focus {
    background-color: #449d44;
    color: #fff;
}
/* Блок нашли дешевле EOF */

.productdetails-view .addtocart-bar {
    margin: 0;
}

.sdi-productdetails .price {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.sdi-productdetails .product-fields .product-field {
    font-family: "Roboto Light";
    font-weight: normal;
    font-style: italic;
}

.sdi-productdetails .vm-customfields-wrap > .product-fields.addtocart {
    background-color: #ffe40552;
    padding: 10px 10px 5px 10px;
    margin-bottom: 10px;
    border: 1px solid #ff000052;
    border-radius: 5px;
}

.sdi-productdetails .vm-customfields-wrap > .product-fields.cartopt {
    background-color: transparent;
    padding: 10px 10px 5px 10px;
    margin-bottom: 10px;
    border: 1px solid #ff000052;
    border-radius: 5px;
}

.sdi-productdetails .vm-customfields-wrap > .product-fields.cartopt .product-field {
    margin: 0;
}

.sdi-productdetails .vm-customfields-wrap > .product-fields.cartopt .product-field .vm-cmv-label {
    margin-right:15px;
}

.sdi-productdetails .owl-nav > button.owl-prev,
.sdi-productdetails .owl-nav > button.owl-next {
    position: absolute;
    top: 0;
    width: 76px;
    height: 76px;
    color: #fff;
    background-color: #00000050;
    font-size: 70px;
    line-height: 35px;
    font-family: "Roboto Light";
}

.sdi-productdetails .owl-nav .owl-prev {
    left: 0;
}

.sdi-productdetails .owl-nav .owl-next {
    right: 0;
}

.sdi-productdetails .additional-images img {
    margin-right: 8px;
    width: 70px;
    height: 100%;
    min-height: 70px;
}

.sdi-productdetails .nav-tabs > li > a,
.sdi-productdetails .nav-tabs > li > a:hover {
    border-width: 1px;
    border-color: rgb(175, 174, 174);
    border-style: solid;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    width: 135px;
    height: 40px;
    font-family: "Roboto Light";
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    color: #adadad;
}

.sdi-productdetails .nav-tabs > li.active > a {
    border-bottom-color: transparent;
    color: #000;
}

.sdi-productdetails .product-notification {
    font-style: initial;
    font-size: 12px;
    font-weight: lighter;
    margin-bottom: 30px;
    text-align: justify;
}

@media screen and (max-width: 767px) {

    .sdi-productdetails .mobile-flex-row.row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .sdi-productdetails .additional-images img {
        min-height: unset;
        height: 70px;
        max-width: 70px;
    }

    .sdi-productdetails .additional-images .owl-stage-outer {
        height: 70px;
    }

    .sdi-productdetails .owl-nav > button.owl-prev,
    .sdi-productdetails .owl-nav > button.owl-next {
        width: 70px;
        height: 70px;
    }

    .sdi-productdetails .title > h1 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .sdi-productdetails .product-short-description,
    .sdi-productdetails ._DblQBlAM__container .grid__column {
        padding: 0 5px !important;
    }

    .sdi-productdetails .nav-tabs > li,
    .sdi-productdetails .nav-tabs > li > a,
    .sdi-productdetails .nav-tabs > li > a:hover {
        width: 100%;
    }

    .sdi-productdetails ._DblQBlAM__container .grid__column p {
        margin-top: 0;
    }

    .sdi-productdetails ._DblQBlAM .pf-parallax__img,
    ._DblQBlAM__container > div {
        max-width: 100% !important;
    }
}


/*** ОТЗЫВЫ BOF ***/

.sdi-productdetails .sdi-list-review .sdi-review {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    position: relative;
    border: none;
}

.sdi-productdetails .sdi-list-review .sdi-review_title-wrap > span {
    margin: 10px 0;
}

.sdi-productdetails .sdi-list-review div.vote,
.sdi-productdetails .sdi-list-review span.vote {
    float: none;
}

.sdi-productdetails .sdi-list-review span.date {
    float: none;
    color: #afaeae;
    border: none;
    position: static;
    top: 0;
    right: 0;
    font-size: 12px;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 0;
}

.sdi-productdetails .sdi-list-review .sdi-review-wrap,
.sdi-productdetails textarea.virtuemart {
    border-width: 1px;
    border-color: rgb(173, 173, 173);
    border-style: solid;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    width: 100%;
    min-height: 100px;
    padding: 10px 20px;
    color: #000;

}

.sdi-productdetails textarea.virtuemart:hover {
    background-color: transparent;
}

#reviewform {
    margin-top: 30px;
}

#reviewform > * {
    margin: 15px 0;
}

@media screen and (max-width: 767px) {
    .sdi-productdetails .sdi-list-review .sdi-review {
        margin-bottom: 25px;
    }

    .sdi-productdetails .sdi-list-review .sdi-review {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
    }

    .sdi-productdetails .sdi-list-review .sdi-review_title-wrap > span {
        margin: 10px 0 30px 0;
        display: block;
    }

    .sdi-productdetails .sdi-list-review .sdi-review_title-wrap > span.vote,
    .sdi-productdetails .sdi-list-review .sdi-review_title-wrap > span.date {
        margin: 0px 0 15px 0;
    }

    .sdi-productdetails .sdi-list-review .sdi-review_title-wrap > span.vote > .ratingbox {
        margin-bottom: 0;
    }

}

/*** ОТЗЫВЫ BOF ***/

/*** СПЕЦИФИКАЦИЯ BOF ***/

.ecl-striped-blocks .product-field-group{
    width: 50%;
    padding: 15px;
    position: relative;

}
.ecl-striped-blocks .product-field-group:nth-child(odd){
    float: left;
}
.ecl-striped-blocks .product-field-group:nth-child(even){
    float: right;
}
.ecl-striped-blocks .product-field-group .product-field-group-inner{
    border: 1px solid #c0c0c0;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}
.ecl-striped-blocks .product-field-group .product-field{
    float: none;
}
.ecl-striped-blocks .product-field-group .product-field-group-inner .product-field:not([class *="product-field-type-G"]){
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px;
    margin: 0;
}
.ecl-striped-blocks .product-fields .product-field:nth-child(odd){
    background-color: transparent;
}
.ecl-striped-blocks .product-fields .product-field:nth-child(even){
    background-color: #f5f5f5;
}
.ecl-striped-blocks .product-fields .product-field:last-child{
    -webkit-border-bottom-left-radius: 20px;
    border-bottom-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.ecl-striped-blocks .product-fields .product-field:first-child{
    -webkit-border-top-left-radius: 20px;
    border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    border-top-right-radius: 20px;
}
.ecl-striped-blocks .product-fields .product-field > .product-field-desc {
    width: 100%;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
}
.ecl-striped-blocks .product-field-group .product-field-group-title {
    margin: 15px 0 10px 15px;
}
.ecl-striped-blocks .product-field-group .product-field-group-inner .product-field .product-fields-title {
    font-weight: normal;
    font-style: normal;
}
.ecl-striped-blocks .product-field-group .product-field-group-inner .product-field .product-field-display {
    font-weight: 600;
}
.ecl-striped-blocks .product-field-group .product-field-group-inner .product-field .product-field-desc {
    font-family: "Roboto Light";
    font-weight: normal;
    font-size: 12px;
}

@media screen and (max-width: 767px) {
    .ecl-striped-blocks .product-field-group {
        width: 100%;
        padding: 15px 0;
        position: relative;
    }
    .ecl-striped .product-field-group {
        float: none;
    }
    .ecl-striped .product-field-group .product-field-group-inner .product-field .product-field-display {
        text-align: right;
    }
    .ecl-striped .product-field-group .product-field-group-inner .product-field .product-fields-title-wrapper {
        padding-right: 8px;
        max-width: 80%;
        min-width: unset;
    }
}

/*** СПЕЦИФИКАЦИЯ ЕOF ***/


.product-related-products .product-fields-title strong {
    font-size: 22px;
    margin: 10px 0;
    line-height: 24px;
    font-family: "Roboto Light";
    font-weight: normal;
    font-style: italic;
}

.product-field-type-E,
.product-field-type-R {
    margin: 0 15px;
}

.product-field-type-R h3,
.product-field-type-E h3 {
    margin: 0 30px;
}

.sdi-productdetails .tab-content {
    margin: 20px 0;
}

/***** ТОВАР EOF *****/

/***** BREADCRUMBS BOF *****/
.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.breadcrumb a.pathway > span {
    color: #a5a5a5;
    font-size: 14px;
    line-height: 20px;
}

.breadcrumb .active > span {
    color: #303030;
    font-size: 14px;
    line-height: 20px;
}

/***** BREADCRUMBS EOF *****/


/***** КОРЗИНА BOF *****/

.opc-module-content {
    border: none !important;
}

.opc-module-content div.customer-note.customer-note>span.customer-note {
    display: block;
    background-color:#1d7bca !important;
    color:#ffffff !important;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    margin: 0;
    padding: 5px 10px;
    vertical-align: middle;
    position: relative;
    padding-left: 40px;
    line-height: 25px;
    font-weight: normal !important;
}

.opc-module-content h2.opc-title,
.opc-module-content span.customer-note{
    -webkit-border-top-right-radius: 15px;
    border-top-right-radius: 15px;
    -webkit-border-top-left-radius: 15px;
    border-top-left-radius: 15px;
    background-color: #1d7bca !important;
}

.opc-module-content h2.opc-title span {
    margin-left: 0;
    font-weight: normal;
}

.opc-module-content form.opc-form:not([id=checkoutForm]),
.opc-module-content .customer_note.customer-note{
    background-color: transparent !important;
    border-left: 1px solid rgb(172, 173, 173);
    border-right: 1px solid rgb(172, 173, 173);
    border-bottom: 1px solid rgb(172, 173, 173);
    -webkit-border-bottom-right-radius: 15px;
    border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.opc-module-content div.customer-note.customer-note {
    border-radius: 15px !important;
}

.opc-module-content div.customer-note.customer-note>textarea#customer_note_field {
    margin: 10px !important;
    width: 98%;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(172, 173, 173);
    -webkit-border-radius: 15px !important;
    border-radius: 15px !important;
    background-color: rgb(255, 255, 255);
    padding: 7px 15px;
    font-family: "Roboto Light";
    font-weight: normal;
}

.opc-module-content h2.opc-title i {
    display: none;
}

div#opc-orderInfo,
div#opc-confirm {
    width: 100% !important;
    left: 0 !important;
    /*top: 470px !important;*/
}

.opc-form ul > li > input {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(172, 173, 173);
    -webkit-border-radius: 15px !important;
    border-radius: 15px !important;
    background-color: rgb(255, 255, 255);
    padding: 7px 15px;
    font-family: "Roboto Light";
}

.opc-module-content form.opc-form label {
    font-weight: normal;
    margin: 15px 0 10px 15px;
}

.opc-module-content form ul li > label i {
    color: #f43603 !important;
}

.opc-module-content form ul > li[class $=phone_1_field],
.opc-module-content form ul > li[class $=email_field],
.opc-module-content form ul > li[class $=city_field] {
    width: 70% !important;
    margin-right: 0 !important;
}


.opc-module-content form ul > li[class $=address_1_field] {
    width: 100% !important;
    margin-right: 0 !important;
}

/*** РАДИОКНОПКИ BOF ***/

.opc-form input[type=radio] {
    position: absolute;
    z-index: -1;
    opacity: 0;
    margin: 10px 0 0 7px;
}

.opc-form input[type=radio] + label {
    position: relative;
    padding: 0 0 0 35px;
    cursor: pointer;
    line-height: 20px !important;
    font-size: 14px !important;
}

.opc-form input[type=radio] + label > span > span {
    display: block;
}

.opc-form .span[class $=_description] {
    font-size: 12px;
    color: #acadad;
    line-height: 15px;
}

.opc-form input[type=radio] + label:before {
    content: '';
    position: absolute;
    top: unset;
    left: 0;
    width: 18px;
    height: 18px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: transparent;
    border: 2px solid rgb(172, 172, 172);
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.opc-form input[type=radio]:checked + label:before,
.opc-form input[type=radio]:focus + label:before {
    border: 2px solid rgb(244, 54, 3);
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.opc-form input[type=radio] + label:after {
    content: '';
    position: absolute;
    top: calc(50% - 4px);
    left: 5px;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: transparent;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.opc-form input[type=radio]:checked + label:after,
.opc-form input[type=radio]:focus + label:after {
    background: rgb(244, 54, 3);
}

.opc-form .opc-shipment label,
.opc-form .opc-payment label {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

/*** РАДИОКНОПКИ EOF ***/

/*** ЧЕКБОКС BOF ***/
.opc-useShipTo input.checkbox-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    margin: 10px 0 0 7px;
}

.opc-useShipTo input.checkbox-input:checked,
.opc-useShipTo input.checkbox-input:focus {
    outline: none;
}

.opc-useShipTo input.checkbox-input + label {
    position: relative;
    padding: 0 0 0 60px;
    cursor: pointer;
    background: none;
    margin-top: 10px !important;
}

.opc-useShipTo input.checkbox-input + label:before {
    content: '';
    position: absolute;
    top: unset;
    left: 0;
    width: 18px;
    height: 18px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    border: 2px solid rgb(172, 172, 172);
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.opc-useShipTo input.checkbox-input:checked + label:before {
    border: 2px solid rgb(244, 54, 3);
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.opc-useShipTo input.checkbox-input + label:after{
    content: '';
    position: absolute;
    top: calc(55% - 4px);
    left: 5px;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: transparent;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.opc-useShipTo input.checkbox-input:checked + label:after {
    background: rgb(244, 54, 3);
}

/*** ЧЕКБОКС EOF ***/
div.terms-of-service {
    display: block !important;
}

/*** ЧЕКБОКС TOS BOF ***/
input.terms-of-service {
    position: absolute;
    z-index: -1;
    opacity: 0;
    margin: 10px 0 0 20px;
}

input.terms-of-service + label {
    position: relative;
    padding: 0 0 0 60px;
    cursor: pointer;
    margin-left: 0 !important;
}

input.terms-of-service + label:before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 34px;
    height: 18px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
    background-color: rgb(172, 172, 172);
    /*box-shadow: inset 0 2px 3px rgba(0,0,0,.2);*/
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

input.terms-of-service + label:after {
    content: '';
    position: absolute;
    top: -2px;
    left: 0px;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid rgb(172, 172, 172);
    background: #FFF;
    /* box-shadow: 0 2px 5px rgba(0,0,0,.3);*/
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

input.terms-of-service:checked + label:before {
    /*background-color: rgb(244, 54, 3);*/
    background-color: rgb(0, 134, 224)
}

input.terms-of-service:checked + label:after {
    left: 18px;
}

input.terms-of-service:focus + label:before {
    /*box-shadow: inset 0 2px 3px rgba(0,0,0,.2), 0 0 0 3px rgba(255,255,0,.7);*/
}

div#fancybox-content {
    text-align: justify;
}

/*** ЧЕКБОКС TOS EOF ***/

.order-result li.result-discount,
.opc-table li.opc-order-discount {
    width: 100px;
}

.order-result li.result-price,
.opc-table li.opc-order-price {
    width: 100px;
}

.order-result li.result-total,
.opc-table li.opc-order-total {
    width: 100px;
}

.opc-order-total > .line-through.opc-basePriceWithTax {}

.order-product li:not(.opc-order-total) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

.opc-table .opc-order-qty .update-quantity,
.opc-table .opc-order-qty .delete-product-cart {
    top: unset;
}


.order-product li.opc-order-total {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.alert-dismissible {
    color: #a94442;
    background-color: #f2dede;
}
@media screen and (max-width: 767px) {
    #fancybox-content > div {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    #fancybox-content > div > * {
        margin: 5px 0;
    }

    #priceForm .opc-table .order-title > ul,
    #priceForm .opc-table .order-product > ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

    #priceForm .opc-table .order-title > ul > li {
        margin-bottom: 2px;
        border-right: 1px solid rgba(172, 173, 173, 0.5);
    }

    #priceForm .opc-table .order-product > ul > li,
    #priceForm .opc-table .order-title > ul > li:first-child,
    #priceForm .opc-table .order-title > ul > li:last-child {
        border-right: none;
    }

    #priceForm .opc-table ul > .opc-order-name {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
        width: 100%;
        border-bottom: 1px solid rgb(172, 173, 173);
        border-right: none;
        text-align: left;
    }

    #priceForm .opc-table ul > .opc-order-sku {
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    #priceForm .opc-table ul > .opc-order-price {
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    #priceForm .opc-table ul > .opc-order-qty {
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        width: 80px;
    }

    #priceForm .opc-table ul > .opc-order-discount {
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    #priceForm .opc-table ul > .opc-order-total {
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

}

/***** КОРЗИНА EOF *****/

#page-error .row {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

#page-error .col-lg-6:first-child {
    text-align: center;
}

#page-error .col-lg-6>img {
    max-width: 100%;
}

@media screen and (max-width: 767px) {
    #page-error .row {
        flex-flow: column nowrap;
    }
    #page-error .col-lg-6:first-child {
        margin-bottom: 30px;
    }
}

#cookiesck_options {
    display: none !important;
}

.category_description a {
    color: #337ab7;
}

ul.tags.inline {
  list-style:none;
}

ul.tags.inline > li {
  margin-bottom:15px;
}

a.blue, a.blue:hover, a.blue:focus, a.blue:active {
    color: #0086e0 !important;
}

/* КАРТОЧКА ТОВАРА UNUSED BOF */
.unused-image {
    position: relative;
}

.unused {
    position: absolute;
    top: calc(50% - 50px);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: auto;
    left: calc(50% - 116px);
    border: 1px solid #f00;
    padding: 5px;
    font-size: 20px;
    color: #ff0000;
}
.unused:hover {
    cursor: default;
}

.unused .unused-intro {
    border: 3px solid #ff0000;
    padding: 10px;
}

.unused-analog {
    border: 1px solid #f00;
    padding: 5px;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.unused-analog > span {
    color: #f00 !important;
    font-weight: bold;
}

.unused-analog .product-field {
    margin-left: 0;
}

.unused-thumb .unused-analog {
    padding: 0 5px;
}

.unused-analog > span {
    font-size: 16px;
}

/* КАРТОЧКА ТОВАРА UNUSED EOF */

.product_badge {
    top: 35px;
}

/* АНИМАЦИЯ ВКЛАДКИ АНАЛОГИ BOF */
.pulsate {
    -webkit-animation: pulsate 3s ease-out;
    -webkit-animation-iteration-count: infinite;
    background-color: #449d4400;
    animation: pulsate 3s ease-out;
    animation-iteration-count: infinite;
}
@-webkit-keyframes pulsate {
    0% {
        background-color: #449d4400;
    }
    50% {
        background-color: #449d443f;
    }
    100% {
        background-color: #449d4400;
    }
}
/* АНИМАЦИЯ ВКЛАДКИ АНАЛОГИ EOF */

/* ИЗМЕНЯЕМ КНОПКУ ПОДТВЕРДИТЬ ЗАКАЗ BOF */
#opc-confirm #submit_order_done {
    border-color: rgb(0, 134, 224);
    background-color: rgb(0, 134, 224);
    color: #fff;
}
#opc-confirm #submit_order_done:hover {
    border-color: rgb(0, 134, 224);
    background-color: #fff;
    color: rgb(0, 134, 224);
}

/* ИЗМЕНЯЕМ КНОПКУ ПОДТВЕРДИТЬ ЗАКАЗ EOF */


/* СТИЛИ ФФОРМЫ ОБРАТНОЙ СВЯЗИ RFORMS BOF */
.has-error + .tm-error,
.has-error + label + .tm-error{
    display: block;
}
.tm-error {
    position: absolute;
    font-size: 12px;
    color: darkred;
    display: none;
}

input:invalid, input:invalid:focus {
    color: red;
    box-shadow: none;
    border-bottom-color: red;
}
/* СТИЛИ ФФОРМЫ ОБРАТНОЙ СВЯЗИ RFORMS EOF */

.btn.btn-payment {
    color: #fff;
    border-color: rgb(0, 73, 0);
    background-color: rgb(0, 115, 0);
}

.btn.btn-payment:hover {
    color: rgb(0, 115, 0);
    border-color: rgb(0, 73, 0);
    background-color: #fff;
}