.b_filter {   width: 8.5em;  height: 2em;}
    .custom-checkbox .custom-control-input:checked~.custom-control-label::before{  background-color: #00b300;  }
    .a_hash:hover   {
        text-decoration: none;
        color: #000;
        background:  #f4d03f ; }
        
        .scrollable-div::-webkit-scrollbar {
  width: 12px; /* Ширина скролбара */
}

.nodlink {
a, a:visited, a:hover, a:active {
//  color: black; /* Цвет текста */
  text-decoration: none; /* Убирает подчёркивание */
  background-color: transparent; /* Фоновый цвет (пример) */
}

}

.uzor {
//    min-height: 600px !important;
//    overflow: hidden; 
}

.uzor1 {
 background-image: url("/images/vertikal/ver0.jpg");
// background-position: center;
 background-position: 0px 0px; /* Зміщення по X і Y */
 min-height: 1100px;
  background-size: cover;
   overflow: hidden;
}

.uzor2 {
 background-image: url("/images/vertikal/ver3.jpg");
// background-position: center;
 background-position: 0px 0px; /* Зміщення по X і Y */
// padding-top: 15px;
 min-height: 1100px;
  background-size: cover;
   overflow: hidden;
}



/* Медиа-запрос для маленьких экранов */
@media (max-width: 575.98px) {
  .uzor1 {
    background-size: cover 100px !important; /* Автоматически регулирует ширину, ограничивая высоту */
    max-height: 600px !important; /* Установка высоты контейнера */
    overflow: hidden; /* Чтобы избежать выхода содержимого за пределы контейнера */
    min-height: 600px;
    padding: 0px;
  }
}

/* Медиа-запрос для маленьких экранов */
@media (max-width: 575.98px) {
  .uzor2 {
    background-size: cover 100px !important; /* Автоматически регулирует ширину, ограничивая высоту */
    max-height: 600px !important; /* Установка высоты контейнера */
    overflow: hidden; /* Чтобы избежать выхода содержимого за пределы контейнера */
    min-height: 600px;
    padding: 0px;
  }
}



.btn-sl   {
  max-height: 28px !important;
  font-size: 0.27rem;
  font-weight: 100 !important;
  border-radius: 0.2rem;
  border-radius: 5px;
  padding: 1px 10px 1px 10px;
  border: 1px solid #ccc;
}



@media (max-width: 1300px) {
#img_enter_bar   {
     display: table;
     margin: 0 auto;
     content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA8CAYAAAA34qk1AAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV8bpSIVByuIKGSoThZERRy1CkWoEGqFVh1MLv2CJg1Jiouj4Fpw8GOx6uDirKuDqyAIfoC4ujgpukiJ/0sKLWI8OO7Hu3uPu3dAsF5mmtUxDmi6baYScTGTXRVDrxAwjBD6IcjMMuYkKQnf8XWPAF/vYjzL/9yfo0fNWQwIiMSzzDBt4g3i6U3b4LxPHGFFWSU+Jx4z6YLEj1xXPH7jXHA5yDMjZjo1TxwhFgttrLQxK5oa8RRxVNV0yg9mPFY5b3HWylXWvCd/YTinryxzneYQEljEEiSIUFBFCWXYiNGqk2IhRftxH/+g65fIpZCrBEaOBVSgQXb94H/wu1srPznhJYXjQOeL43yMAKFdoFFznO9jx2mcAMIzcKW3/JU6MPNJeq2lRY+A3m3g4rqlKXvA5Q4w8GTIpuxKAs1gPg+8n9E3ZYG+W6B7zeutuY/TByBNXSVvgINDYLRA2es+7+5q7+3fM83+fgAPg3J/HeR9zgAAAAZiS0dEAPYAAgBing/KmAAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAAd0SU1FB+cDHQcVJVu4UN4AAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAABB0lEQVRo3u3ZwQ7DMAgD0Jn//+fsWk2q1ihAMTjnHfJiyDaCT+Baa62dzwNA1F5QAZgBRiVgJBYVkRFgVEZ6Yq060msZwyY9DhNMaZ6UsHUvWarS9ThcKuiYRNOhbP2pRAUVVFBBKaCRIw8lOgn6yr8XtvK1CWkeQ5lSHTMc07izAtazNdx7zGViV/1J4hRM98i0g866ud0vI4+NXw+mzGXkmVZk8sjqwbuNZj0WI+uieftrB0zAEzBYkbtYMCN3sGBHPsWiA/IJFl2Q/7DWCRk2Yai47kJC1zR/S3jMXBede/OaqnW+gMaU7jW8WT3avWwBQK9p7VLtXrbjEhVUUEEFFTTzl9EXn5mYT40vmJQAAAAASUVORK5CYII=') !important;
 } }

@media (max-width: 1300px) {
#img_cart_bar   {
     display: table;
     margin: 0 auto;
     margin-top: 28px !important;
content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAzCAYAAADLqmunAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV8bpSIVByuIKGSoThZERRy1CkWoEGqFVh1MLv2CJg1Jiouj4Fpw8GOx6uDirKuDqyAIfoC4ujgpukiJ/0sKLWI8OO7Hu3uPu3dAsF5mmtUxDmi6baYScTGTXRVDrxAwjBD6IcjMMuYkKQnf8XWPAF/vYjzL/9yfo0fNWQwIiMSzzDBt4g3i6U3b4LxPHGFFWSU+Jx4z6YLEj1xXPH7jXHA5yDMjZjo1TxwhFgttrLQxK5oa8RRxVNV0yg9mPFY5b3HWylXWvCd/YTinryxzneYQEljEEiSIUFBFCWXYiNGqk2IhRftxH/+g65fIpZCrBEaOBVSgQXb94H/wu1srPznhJYXjQOeL43yMAKFdoFFznO9jx2mcAMIzcKW3/JU6MPNJeq2lRY+A3m3g4rqlKXvA5Q4w8GTIpuxKAs1gPg+8n9E3ZYG+W6B7zeutuY/TByBNXSVvgINDYLRA2es+7+5q7+3fM83+fgAPg3J/HeR9zgAAAAZiS0dEAPYAAgBing/KmAAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAAd0SU1FB+cDHQcYHLETppsAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAABHElEQVRo3u2a2Q6EMAhFoeH/f5l5msSYqYNd2ArPih564dZGBABgZgZhICJC4MA3sBnAGxwWBVzAnRjtffOhNQMXcXAdJ2nMLuEaWgVcPZyrj2lJ1R7s6V6k3rXX66T53jy3ejhTPG2U2irpHtXDzMwWxRgZouRJcjvd4LsgqFFVF/47CuwR+tpO/77syPNqzPiwSg//eoGRjcfOAqbyYUnR2mrJHeHDVn4cxoc1neC+AOQRaOcAI20gaw9HD7LT9HOCRCEZmJQNKBSwhqVNP0Dax142KxR5tUaizqWzWFNPYS2rdEvSBXyQrGtK7/paWqGE2f9NUAt2BfiKvE0b1jpvnVp6ebHy4cjAlr7dosBI8ppM6Z0FebpXmvcDhPKge3oBG88AAAAASUVORK5CYII=')  !important;   
 } }

@media (max-width: 1300px) {
.text_white_bar {
color: white;
} }

@media (max-width: 1500px) {
.text_phone_bar {
color: white;
} }




.num_wire_tl p {
    padding: 0px;
}

.ui-dialog {
    margin: 0px !important;
    padding: 0px !important;
}

.ui-dialog-titlebar {
/*    background: cyan;*/
}

.btn_dialog_box {
    position: absolute;
    right: 5px;
    bottom: 6px;
}

.btn_dialog {
    width: 6em !important;
    height: 30px !important;
    font-size: 8px;
    padding: 0px;
    cursor: none;
    color: rgb(255, 255, 255) !important;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(170, 170, 170);

}

.ui-widget-header {
    background: rgb(158, 153, 158);
    color: rgb(255, 255, 255);
    font-size: 14px !important;
    font-weight: normal;
}

.ui-dialog-titlebar-close {
    /*image: url(./images/del_tov.png);*/
    background: url(./images/del_tov.png) no-repeat;
    cursor: pointer;
    /*width: 20px;
    height: 20px;*/
    border: none;
    /*background-color: transparent;*/
    position: absolute;
    right: 0em;
    top: 0.9em !important;
    width: 30px !important;
    height: 30px !important;
    /*
        width: 20px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 20px; */
}

.num_wire_tl {
    width: 8em;
    height: 1.7em;
    border-radius: 16px;
    border-color: rgb(155, 43, 43);
    border-style: solid;
    text-align: center;
    margin: 0 auto;
    color: black;
    font-size: 1.85em;
    padding: 0px !important;
    margin-bottom: 17px;
}

.box_doc {
    display: inline-block;
    width: 5em;
    height: 5em;
    margin: 0.3em;
    border-style: solid;
    border-width: 4px;
    border-color: black;
    padding: 2px;
}

.s_new_doc {
    /*display: inline-block;*/
    width: 6em !important;
    height: 6em !important;
    margin: 0.3em;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(15, 34, 202);
    padding: 2px;
}

#main_window {
    width: 55em;
    height: 55em;
}

#mytable111 {
    /*width: 90em;*/
    border-color: red;
}

#mytable tr {
    /*background-color: red;*/
    padding: 3px;
}

#mytable_filter input {
    /*background-color: red;
    color: red;*/
    margin: 6px;
    width: 19em;
}

.fs-8 {
    font-size: 12px;
}


/*
.card {
    display: inline-block !important;
}
*/


/*
.show {
    display: block !important;
}

.hidden {
    display: none !important;
    visibility: hidden !important;
}

.invisible {
    visibility: hidden;
}

*/

/*-------------------------------  d l nikom.css ----- */

/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@700'); */

/*  @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200&display=swap');  */

@media screen and (max-width: 591px) {
    .bl13000 {
        display: none;
    }
}

.b_filter {
    width: 8.5em;
    height: 2em;
    1margin: auto;
}


/*.custom-checkbox .custom-control-input:checked~.custom-control-label::before{  background-color: #00b300;  }*/

.a_hash:hover {
    text-decoration: none;
    color: #000;
    background: #f4d03f;
}

.prod_item {
//    position: absolute !important;
//    min-width: 13em;
//    width: auto;
    max-width: 18em;
//    min-block-size: 20em;
min-height: 27em;
}

#cart,
.filter_bl_pic {
    min-width: 106px !important;
}

.min-width-tel-xl {
    min-width: 190px !important;
    max-width: 190px !important;
}

.floating-label-group {
    position: relative;
    margin-top: 15px;
    margin-bottom: 25px;
    .floating-label {
        font-size: 13px;
        color: #cccccc;
        position: absolute;
        pointer-events: none;
        top: 9px;
        left: 12px;
        transition: all 0.1s ease;
    }
    input:focus~.floating-label,
    input:not(:focus):valid~.floating-label {
        top: -15px;
        bottom: 0px;
        left: 0px;
        font-size: 11px;
        opacity: 1;
        color: #404040;
    }
}

#search_btn,
#search_btn2 {
    border-radius: 0 40px 40px 0;
}


/*--------------------------------------------------*/

.input-number {
    position: relative;
    width: 220px;
    height: 50px;
    //background-color: transparent;
    overflow: hidden;
    //border-radius: 20px 20px 20px 20px;
    margin: 2px;
    //background-color: #aC60FF;
    align-content: center;
}

.bl_pm {
    position: absolute;
    //left: 50%;
    //align-content: center;
    margin-left: -42px;
    //margin-right: 0px;
    display: inline-block;
    background-color: white;
    /*background-color: #aC60FF;*/
    height: 100%;
    width: 85px;
    border: 1px solid #6C6DFF;
    border-radius: 20px;
    /*background-color: transparent;*/
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color: black;
    /*letter-spacing: -1px;*/
    /*padding-left: 15px;
    padding-right: 15px;*/
}

.input-number .btn_n-pm {
    display: inline-block;
    //display: none;
    width: 48%;
    height: 75%;
    //background-color: transparent;
    /*padding-left: 10px;
    padding-right: 10px;*/
    border: none;
    color: white;
    font-size: 20px;
    cursor: pointer;
    background-color: #6C6DFF;
    transition: background-color .2s ease;
}

.input-number .btn_n-pm:nth-of-type(2n+1) {
    margin-top: 6px;
    padding-right: 40px;
    background-color: #6C6DFF;
    border-radius: 20px 0 0 20px;
    /*align-content: start;*/
}

.input-number .btn_n-pm:nth-of-type(2n) {
    padding-left: 40px;
    background-color: #6C6DFF;
    border-radius: 0 20px 20px 0;
    /*align-content: end;*/
}

.input-number .btn_n-pm :hover {
    background-color: rgba(255, 255, 255, .25);
}


/*---------------------------------------------*/

.font-PT-Serif {
    font-family: Arial, 'Open Sans', sans-serif;
    line-height: 1.1em !important;
    font-weight: 600;
    -webkit-font-smoothin: subpixel-antialiased;
    font-size: 0.9rem !important;
}

.font-robo {
    font-family: 'Source Sans Pro', sans-serif;
}

.img-round {
    border-radius: 50%;
}

.cart_anchor {
    position: block;
    vertical-align: top;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.prod_item:hover {
    border-style: solid;
    border-color: rgb(52, 182, 241);
    border-width: 2px;
    //padding: 0px;
}

.custom-buy {
    position: absolute;
    right: 0;
    text-align: center;
    bottom: 21px;
}

.custom-search-input {
    //width: 100%;
    //padding-right: 100px !important; 
    box-sizing: border-box;
    max-height: 1.7em;
    max-width: 5em;
}

.custom-search-botton {
    position: absolute;
    right: 3px;
    top: 0px;
    bottom: 3px;
    line-height: 5px !important;
    z-index: 4;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

#mark_count_cart {
    position: absolute;
    font-family: Arial, Helvetica, sans-serif;
    //width: 22px;
    font-weight: bold;
    height: auto;
    background-color: white;
    border-radius: 12px;
    border: 1px solid black;
    //font-weight: bold;
    font-size: 0.8em;
    top: 10px;
    text-align: left;
    right: 14px;
    padding: 1px;
    padding-left: 7px;
    padding-right: 7px;
}

.mark_onmagz {
    position: absolute;
    font-family: Arial, Helvetica, sans-serif;
    width: 180px;
    height: 26px;
    background-color: white;
    border-radius: 12px;
    //font-weight: bold;
    font-size: 0.9em;
    bottom: 72px;
    text-align: left;
    left: 17px;
    padding: 2px;
    padding-left: 7px;
    padding-right: 7px;
}

.mark_onsklad {
    position: absolute;
    font-family: Arial, Helvetica, sans-serif;
    width: 180px;
    height: 26px;
    background-color: white;
    border-radius: 12px;
    //font-weight: bold;
    font-size: 0.9em;
    bottom: 40px;
    text-align: left;
    left: 17px;
    padding: 2px;
    padding-left: 7px;
    padding-right: 7px;
}

.mark_part {
    position: absolute;
    font-family: Arial, Helvetica, sans-serif;
    width: 180px;
    height: 26px;
    background-color: white;
    border-radius: 12px;
    //font-weight: bold;
    font-size: 0.9em;
    bottom: 8px;
    text-align: left;
    left: 17px;
    padding: 2px;
    padding-left: 7px;
    padding-right: 7px;
}

/*
.mark_brand_info {
    position: absolute;
    font-family: Arial, Helvetica, sans-serif;
//    width: 180px;
    height: 26px;
    background-color: white;
    border-radius: 12px;
    border-color: #eee;
    font-weight: bold;
    font-size: 0.9em;
    bottom: 8px;
    text-align: right;
    right: 17px;
    padding: 2px;
    padding-left: 7px;
    padding-right: 7px;
    color: #F8C471;
}
*/


.mark_certificate {
    position: absolute;
//    width: 100%;
width: 25% !important;
//    background-color: white;
    border-radius: 12px;
    border: 0.2rem solid !important;
//    font-weight: bold;
//    font-size: 0.9em;
//    top: 448px;
    top: 82%;
//    text-align: left;
//    right: 10px; /* Позиціювання елемента праворуч */
    right: 1.3%;
    padding: 3px;
    padding-left: 10px;
    padding-right: 10px;
    border-color: #EC7063 !important;
}




.mark_kodtov {
    position: absolute;
    color: green;
    font-family: Helvetica;
    //width: 135px;
//    height: 26px;
    background-color: white;
    border-radius: 12px;
    font-weight: bold;
    //font-weight: bold;
    font-size: 0.9em;
    top: 13px;
    text-align: left;
    right: 22px;
    padding: 3px;
    padding-left: 10px;
    padding-right: 10px;
}



.mark_favorite_on {
    position: absolute;
    background-image: url("/images/myfav_on.png");
    background-repeat: no-repeat;
    width: 21px;
    height: 26px;
    /*background: #e9c63a;*/
    /*border-radius: 9px;*/
    /*font-weight: bold;*/
    top: 7px;
    /*text-align: center;*/
    /*left: 157px;*/
    left: 85%;
    /*padding: 4px;
    padding-left: 7px;
    padding-right: 7px;*/
}

.mark_favorite {
    position: absolute;
    background-image: url("/images/myfav.png");
    background-repeat: no-repeat;
    width: 21px;
    height: 26px;
    /*background: #e9c63a;*/
    /*border-radius: 9px;*/
    /*font-weight: bold;*/
    top: 7px;
    /*text-align: center;*/
    /*left: 157px;*/
    left: 85%;
    /*padding: 4px;
    padding-left: 7px;
    padding-right: 7px;*/
}

.mark_edit {
    //display: block;
    position: absolute;
    background-image: url("/picture/edit.png");
    background-repeat: no-repeat;
    width: 34px;
    height: 34px;
    top: 8px;
    left: 80%;
    //margin-right: 40px !important;
}

.mark_video {
    background: white;
    background-image: url("/images/video.jpg");
     background-repeat: no-repeat;
    width: 37px;
    height: 26px;

//    border-radius: 9px;
    font-weight: bold;
    top: 24px;
    text-align: center;
//    right: 0px;
    padding: 0px;
    padding-left: 3px;
//    padding-right: 7px;
}



.mark_newtov {
    background-image: url("/images/new_img_r.png");
    width: 170px;
    height: 120px;
//    background: red;
    border-radius: 9px;
    font-weight: bold;
    top: 8px;
    text-align: center;
    right: 0px;
    padding: 4px;
    padding-left: 7px;
    padding-right: 7px;
}

.mark_pricelow {
    background-image: url("/images/sale_img_r.png");
    width: 170px;
    height: 120px;
//    background: red;
    border-radius: 9px;
    font-weight: bold;
    top: 8px;
    text-align: center;
    right: 0px;
    padding: 4px;
    padding-left: 7px;
    padding-right: 7px;
}

.mark_brand {
color: #F8C471;
    width: 170px;
    height: 20px;
//    background: #f1c40f;
    border-radius: 9px;
    border-color: black;
    font-weight: bold;
    top: 160px;
    text-align: left;
    left: 0px;
    padding: 4px;
    padding-left: 7px;
    padding-right: 7px;
}


.mark_korpus {
color: #F1948A;
    width: 170px;
    height: 20px;
//    background: #f1c40f;
    border-radius: 9px;
    border-color: black;
    font-weight: bold;
    top: 160px;
    text-align: right;
    right: 5px;
    padding: 4px;
    padding-left: 7px;
    padding-right: 7px;
}


.mark_incart {
    width: 70px;
    height: 20px;
    background: #f1c40f;
    border-radius: 9px;
    font-weight: bold;
    top: 25px;
    text-align: center;
    left: 15px;
    padding: 4px;
    padding-left: 7px;
    padding-right: 7px;
}

.brand-item p {
    line-height: 0.75rem;
}

.my_hr::before {
    //content: '***';
    display: block;
    text-align: center;
    padding: 0px;
    margin: 0px;
}

.my_hr {
    //border: none; /* Убираем границу для браузера Firefox */
    color: black;
    /* Цвет линии для остальных браузеров */
    background-color: black;
    /* Цвет линии для браузера Firefox и Opera */
    height: 1px;
    /* Толщина линии */
    padding: 0px !important;
    margin: 0px !important;
}

#line_exit {
    color: red;
}

#outs_line {
    height: 12px;
    background-color: white;
    position: absolute;
    //left: 4px;
    right: 0;
    text-align: center;
    bottom: 5px;
}

.totall_line {
    height: 10px;
//    background-color: yellow;
    position: absolute;
    //left: 4px;
    //right: 0;
    text-align: center !important;
    bottom: 11px;
}


.kod_line {
font-family: system-ui;
font-weight: 700;
    position: absolute;
    left: 4px;
    right: 0;
    text-align: left;
    top: 4px;
    font-size: 12px !important;
    background-color: white;
    margin: 0px !important;
    padding: 1px !important;
    width: 9em;
    border-radius: 9px;
}

.price_line {
//    height: 30px;
//padding: 7px;
margin: 10px;
background-color: white;
    display: block-inline;
//    position: sticky;
   position: absolute;
    //right: auto;
    text-align: center;
    bottom: 40px;
//    margin-top: 14px !important;
    color: red;  
//    margin-bottom: 6px !important;
    //min-block-size: 26em;
    //overflow: hidden;
    margin-left: 8px !important;
    margin-right: 8px !important;
}

#table_par1 {
    border: 1px solid #000;
    /* Параметры границы */
}

#table_par th {
    border: 1px solid #000;
    /* Параметры границы */
}

#table_par tr {
    line-height: 12px;
    min-height: 12px;
    height: 12px;
}

p.recovery_bl_text:first-line {
//    margin-bottom: 5px;
margin-top: auto;
margin-bottom: auto;
    display: flex;
    align-items: center;
}


/*третий абзац*/

p.recovery_bl_text:first-letter {
    font-size: 1.2em;
    padding: 7px;
    margin-top: 0px;
    margin-right: 5px;
    margin-bottom: 3px;
    background: #EE9966;
    color: #FAF4F4;
    float: left;
    font-weight: bold;
    display: block;
}

.recovery_bl {
//    display: block-inline;
    max-height: 2em;
    //padding: 0px;
//    margin: 0px;
    //background: green;
    display: flex;
    align-items: center;
        justify-content: center; 
    }

.recovery_bl_text {
//    margin-top: 112px;
//    padding: 0px;
//    display: block;
//     display: flex;
//    flex-direction: column;
    justify-content: center; 
}

.fs-7 {
    font-size: 1rem !important;
}

.fs-8 {
    font-size: 0.8rem !important;
}

.fs-9 {
    font-size: 0.6rem !important;
}

.bg-rouse {
    --bs-bg-opacity: 1;
    /*   background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; */
    background-color: #FFB6C1 !important;
}

.login-page a {
    text-decoration: none;
}

#r_bl_login {
    //display: flex;
    //width: auto;
    // width: auto;
}

.login-page {
    width: 130% !important;
}

@media (max-width: 700px) {
    .login-page {
        width: 100% !important;
    }
}

.form-right i {
    font-size: 100px;
}

.add_cart_st {}

.dialog_login_css {
    margin: 0px;
    padding: 0px;
    //width: 500px;
    //height: 500px;
}


/*
#cover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
display: none;
background-color: #000000;
opacity: .7;
filter:progid:DXImageTransform.Microsoft.BasicImage(opacity=.7);
}
*/

.ui-dialog-titlebar {
/*    background: #40bf40;*/
    padding: 0px;
    margin: 0px;
    border-radius: 6px;
}

.ui-dialog-title {
    padding: 0px;
    margin: 0px;
}

#tel_SM {
    justify-content: center;
    align-items: center;
    display: flex;
    float: center;
}

#tel_MD {
    justify-content: center;
    align-items: center;
    display: flex;
    float: center;
}

.size_pic_tel {
    height: 20px;
    width: 20px;
}

.buy_box {
    display: block;
    max-height: 2150px;
    max-width: 150px;
}

.message-box {
    position: absolute;
    width: 50px;
    height: 50px;
    1padding: 0;
    overflow: hidden;
    margin-left: 5px;
    margin-top: 5px;
    font-size: 15px;
    font-style: normal;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.lang_btn {
    padding-left: 15 px;
    background-color: transparent;
    background: transparent;
    box-shadow: none !important;
    margin: 0px;
}


/* крошки  - путь желтым   */

.bread_cr {
    font-size: 1.2em;
    font-style: normal;
    background: #f4d03f;
    padding: 3px;
    padding-left: 9px;
    padding-right: 9px;
    border-radius: 13em;
    margin-right: 0.1em;
    word-wrap: normal;
    line-height: 190%;
    white-space: nowrap;
}


/*----------------------*/

.menuLink:hover i.icon.home {
    background-position: -18px 0;
}

.menuLink:hover i.icon.gallery {
    background-position: -18px -17px;
}

.menuLink:hover i.icon.logout {
    background-position: -18px -34px;
}

.menuLink:hover i.icon.corner {
    background-position: -7px -52px;
}

.menu,
.menu li,
.menuLink {
    display: block;
}

.menu.main {
    border-radius: 5px;
    font: normal 13px/1 normal tahoma, arial, sans-serif;
    1margin: 100px auto;
    1text-shadow: 1px 1px 0 rgba(0, 0, 0, .25);
    width1: 200px;
}

.menuLink {
    border: 1px solid #D8D8D8;
    color: #000;
    /*text color*/
    margin-top: 0px;
    padding: 13px 13px 13px 10px;
    text-decoration: none;
}

.main>.menuItem {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    margin-left: -32px;
    height: 60px;
}

.container .menuLink {
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, .13), rgba(0, 0, 0, .13));
    background-image: -moz-linear-gradient(rgba(255, 255, 255, .13), rgba(0, 0, 0, .13));
    background-image: -o-linear-gradient(rgba(255, 255, 255, .13), rgba(0, 0, 0, .13));
    background-image: linear-gradient(rgba(255, 255, 255, .13), rgba(0, 0, 0, .13));
    1box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .05);
    background-color: #eee !important;
}

.container .menuLink .icon.nesting {
    float: right;
    margin-top: 5px;
}

.menu.sub,
i.icon.nesting {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.menu.sub {
    height: 0;
    overflow: hidden;
}

.isty {
    margin-right: 0.2em;
}


/*

/* The customcheck */

.customcheck {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    //*   font-size: 14px; */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* Hide the browser's default checkbox */

.customcheck input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}


/* Create a custom checkbox */

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    /*    background-color: white;*/
    border-radius: 3px;
    border: 1px solid;
}


/* On mouse-over, add a grey background color  */

.customcheck:hover input~.checkmark {
    background-color: #ccc;
    /*        background-color: white;*/
}


/* When the checkbox is checked, add a blue background */

.customcheck input:checked~.checkmark {
    background-color: #02cf32;
    border-radius: 5px;
}


/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the checkmark when checked */

.customcheck input:checked~.checkmark:after {
    display: block;
}


/* Style the checkmark/indicator */

.customcheck .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

*/ @font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
/*    src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(/fonts/Zd2E9abXLFGSr9G3YK2MsCGXDOnx9ptx3UTSPTrfsgk.woff2) format('woff2'); */
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


/* latin */

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
/*    src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(/fonts/Zd2E9abXLFGSr9G3YK2MsDAdhzWOYhqHvOZMRGaEyPo.woff2) format('woff2');*/
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}


/* cyrillic */

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
/*    src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(/fonts/b9QBgL0iMZfDSpmcXcE8nA30BZHTGu2N_DqssQcMQNQ.woff2) format('woff2');*/
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


/* latin */

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
/*    src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(/fonts/b9QBgL0iMZfDSpmcXcE8nHm2hrkyco9jQ3NKMXpgOBg.woff2) format('woff2');*/
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
    font-family: PTSansNarrow;
    /* Имя шрифта */
    font-display: swap;
    src: url(/fonts/PTSansNarrow.ttf);
    /* Путь к файлу со шрифтом */
}

@font-face {
    font-family: PTSansNarrowBold;
    /* Имя шрифта */
    font-display: swap;
    src: url(/fonts/PTSansNarrowBold.ttf);
    /* Путь к файлу со шрифтом */
}

span.h2 {
    display: block;
    /*font-size: 1.5em;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;*/
}

span.h3 {
    display: block;
    /*font-size: 1.17em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;*/
}

span.h4 {
    display: block;
    /*font-size: 1em;
    margin-top: 1.33em;
    margin-bottom: 1.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;*/
}

span.h5 {
    display: block;
    /*font-size: .83em;
    margin-top: 1.67em;
    margin-bottom: 1.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;*/
}

span.h6 {
    display: block;
    /*font-size: .67em;
    margin-top: 2.33em;
    margin-bottom: 2.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;*/
}

span.b {
    font-weight: bold;
}

.navbar-toggle .icon-bar {
    background-color: #000;
}

.full-col {
    width: 100%;
}

.no-padding {
    padding: 0 !important;
}

.with-padding {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.center-wrap {
    display: table;
    width: 100%;
}

.center-item {
    display: table-cell;
    vertical-align: middle;
}


/* content styles */


/* columns of same height styles */

.row-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
}

.col-height {
    display: table-cell;
    float: none;
    height: 100%;
}

.col-top {
    vertical-align: top;
}

.col-middle {
    vertical-align: middle;
}

.col-bottom {
    vertical-align: bottom;
}

@media (min-width: 480px) {
    .row-xs-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }
    .col-xs-height {
        display: table-cell;
        float: none;
        height: 100%;
    }
    .col-xs-top {
        vertical-align: top;
    }
    .col-xs-middle {
        vertical-align: middle;
    }
    .col-xs-bottom {
        vertical-align: bottom;
    }
}

@media (min-width: 768px) {
    .row-sm-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }
    .col-sm-height {
        display: table-cell;
        float: none;
        height: 100%;
    }
    .col-sm-top {
        vertical-align: top;
    }
    .col-sm-middle {
        vertical-align: middle;
    }
    .col-sm-bottom {
        vertical-align: bottom;
    }
}

@media (min-width: 992px) {
    .row-md-height {
        /*display: table;
    table-layout: fixed;*/
        height: 100%;
        width: 100%;
    }
    .col-md-height {
        display: table-cell;
        float: none;
        height: 100%;
    }
    .col-md-top {
        vertical-align: top;
    }
    .col-md-middle {
        vertical-align: middle;
    }
    .col-md-bottom {
        vertical-align: bottom;
    }
}

@media (min-width: 1200px) {
    .row-lg-height {
        /*display: table;
    table-layout: fixed;*/
        height: 100%;
        width: 100%;
    }
    .col-lg-height {
        display: table-cell;
        float: none;
        height: 100%;
    }
    .col-lg-top {
        vertical-align: top;
    }
    .col-lg-middle {
        vertical-align: middle;
    }
    .col-lg-bottom {
        vertical-align: bottom;
    }
}

.model-list.cars-page {
    margin: 0 0 20px;
    padding: 0 25px
}

.model-list.cars-page .h3 {
    margin-top: 0
}

.model-list.cars-page .h3.manufacturer_first_later {
    float: left;
    padding: 0 10px 0 0;
    margin-left: -25px;
    color: #00bcff;
}

.model-list.cars-page .car-models {
    padding-left: 15px
}

.model-list.cars-page .car-models li a {
    color: #337ab7;
    display: block;
}

.cars-model-list-wrapper {
    background-color: #fff;
    margin-top: 150px;
    padding: 25px 30px;
    -moz-columns: 50px 4;
    -webkit-columns: 50px 4;
    columns: 50px 4;
    height: auto;
    /*display: flex; 
	flex-wrap: wrap;
	flex-direction: column;
	align-content:stretch;
	align-items: stretch;
	justify-content: flex-start;
	flex-basis:270px;
	flex-grow: 0;
	flex-shrink: 1;*/
}

.cars-model-list-wrapper .toggle-models {
    flex-grow: 1;
    cursor: pointer;
    margin-top: auto;
    margin-bottom: auto;
}

.cars-model-list-wrapper .toggle-models span {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #404040;
    color: #fff;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
    line-height: 20px;
}

.category-list-item {
    /*width: 340px;*/
    width: 274px;
    height: auto;
    overflow: hidden;
    padding: 10px 20px;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-items: unsafe;
    align-items: stretch;
    /*margin: 0 15px 30px;*/
    margin: 0 3px 6px;
}

.category-list-item-header img {
    align-self: baseline;
    width: 55px;
    height: auto;
}

.header-phone-number {
    font-size: 1.6em;
    text-align: left;
}

.header-phone-number img {
    width: 21px;
    position: relative;
    top: 2px;
}

.product-block-item {
    padding-left: 5px;
    padding-right: 5px;
}

.product-block-item-double {
    padding-left: 0;
}


/* end NEW code-style */

.side-menu-choose,
.side-menu-catalogues,
.footer-menu {
    list-style: none;
    -webkit-padding-start: 0;
    padding-left: 0;
    margin-bottom: 0;
}

.side-menu-catalogues .nice-block {
    background: white;
    margin-bottom: 5px;
    padding: 0;
    border-right: none;
}

.category-item {
    width: 100%;
    vertical-align: middle;
    position: relative;
}

.category-name {
    vertical-align: middle;
    text-align: left;
    padding-left: 5px;
}

.category-icon {
    text-align: center;
    width: 45px;
    height: 45px;
    vertical-align: middle;
}

.category-name {
    margin-left: 10px;
}

.flat-header {
    font-size: 1.4em;
    padding: 10px 15px;
    margin-top: 0;
    margin-bottom: 0px;
}

.main-page-catalogue-slider h2,
.main-page-catalogue-slider .h2 {
    background-color: rgba(0, 0, 0, 0.7);
    text-align: center;
    margin-bottom: 0;
}

.main-page-catalogues h2,
.main-page-catalogues .h2 {
    background-color: rgba(1, 154, 183, 1);
    text-align: center;
}

.side-menu-catalogues .cargo-icon {
    float: left;
}


/*.side-menu-catalogues li.active {*/

.side-menu-catalogues li:hover {
    background-image: url(/images/views/side-menu-hover.png);
    background-repeat: no-repeat;
    background-position: right center;
}

.side-menu-choose li table.active:after {
    /*display: block;*/
    /*content: '';*/
    content: ".";
    color: black;
    position: absolute;
    right: -10px;
    top: 10px;
    width: 10px;
    background-image: url(/images/views/side-brand-hover.png);
    background-repeat: no-repeat;
    background-position: right center;
}

.side-menu-item,
.brand-item {
    font-size: 1.2em;
    a:hover {
        color: red;
    }
    ;
}

.side-menu-choose .side-menu-item {
    1border-top: 1px solid rgba(255, 255, 255, 0.2);
    1border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}


/* Main Page Brands */

.brand-item {
    /*height: 145px;*/
    /*display: flex;*/
    /*flex-wrap:wrap; */
    /* min-width: 17em;*/
    text-align: center;
    /*margin-bottom: 30px;*/
    /*border-radius: 6px;*/
    /*block-size: 18em;*/
    /*max-width: 20%;*/
}


/* SORTED STYLES */


/* GENERAL STYLES */

body {
/*background-image: url("https://cdn.pixabay.com/photo/2017/08/30/01/05/milky-way-2695569_960_720.jpg");*/
//    background-color: #2C3E50;
    background-color: #212F3D;

    /*background-color: rgb(0, 0, 0);*/
    font-family: 'Roboto Condensed', sans-serif;
/*    color: black;*/
}

section {
    margin-bottom: 30px;
}

a {
    color: inherit;
    text-decoration: none;
}

a:hover,
a:active,
a:focus,
li.active,
.text-teal {
    color: rgba(1, 154, 183, 1);
}

.social-icon2 {
    float: left;
}


/* general styles */


/* VISUAL EFFECTS FOR ELEMENTS */

.striped-back {
    background-image: url(/images/views/stripes.png);
}

a {
    /*	-webkit-transition: all 0.1s ease-in-out 0.1s;
	-moz-transition: all 0.1s ease-in-out 0.1s;
	-o-transition: all 0.1s ease-in-out 0.1s;
	transition: all 0.1s ease-in-out 0.1s;*/
}

.gray-button {
    display: block;
    font-size: 1.1em;
    width: 100%;
    text-align: center;
    padding: 6px 10px 10px;
    border-radius: 3px;
    /*background: linear-gradient(to bottom, rgba(190,190,190,1), rgba(230,230,230,1));*/
    /*background: -webkit-linear-gradient(top, rgba(190,190,190,1), rgba(230,230,230,1));*/
    /*color: black;*/
    background: linear-gradient(to bottom, rgba(2, 126, 155, 1), rgba(38, 214, 245, 1));
    background: -webkit-linear-gradient(top, rgba(2, 126, 155, 1), rgba(38, 214, 245, 1));
    color: white;
    box-shadow: inset 0 -4px rgba(0, 0, 0, 0.4);
    /*box-shadow: inset 0 0 1px 1px rgba(0,0,0,0.4);*/
}

.gray-button:hover {
    /*background: linear-gradient(to bottom, rgba(2,126,155,1), rgba(38,214,245,1));*/
    /*background: -webkit-linear-gradient(top, rgba(2,126,155,1), rgba(38,214,245,1));*/
    /*color: white;*/
    background: linear-gradient(to bottom, rgba(190, 190, 190, 1), rgba(230, 230, 230, 1));
    background: -webkit-linear-gradient(top, rgba(190, 190, 190, 1), rgba(230, 230, 230, 1));
    color: black;
}

.gray-button2 {
    display: block;
    font-size: 1.1em;
    width: 100%;
    text-align: center;
    padding: 6px 10px 10px;
    border-radius: 3px;
    /*background: linear-gradient(to bottom, rgba(190,190,190,1), rgba(230,230,230,1));*/
    /*background: -webkit-linear-gradient(top, rgba(190,190,190,1), rgba(230,230,230,1));*/
    /*color: black;*/
    background: linear-gradient(to bottom, rgba(190, 190, 190, 1), rgba(230, 230, 230, 1));
    background: -webkit-linear-gradient(top, rgba(190, 190, 190, 1), rgba(230, 230, 230, 1));
    color: black;
    box-shadow: inset 0 -4px rgba(0, 0, 0, 0.4);
    /*box-shadow: inset 0 0 1px 1px rgba(0,0,0,0.4);*/
}

.gray-button2:hover {
    /*background: linear-gradient(to bottom, rgba(2,126,155,1), rgba(38,214,245,1));*/
    /*background: -webkit-linear-gradient(top, rgba(2,126,155,1), rgba(38,214,245,1));*/
    /*color: white;*/
    background: linear-gradient(to bottom, rgba(230, 230, 230, 1), rgba(190, 190, 190, 1));
    background: -webkit-linear-gradient(top, rgba(230, 230, 230, 1), rgba(190, 190, 190, 1));
    color: black;
}

.shadowed-text {
    color: white;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

.shadowed-block {
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
}

.nice-block {
    /*background: linear-gradient(to bottom, rgba(240,240,240,1) 0%, rgba(240,240,240,1) 0%, rgba(210,210,210,1) 100%);*/
//    background: white;
//    border: 1px solid rgba(200, 200, 200, 0.5);
//    padding: 15px;
    position: relative;
    /*box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/
}

.nice-block:before,
.nice-block:after {
    content: "";
    position: absolute;
    z-index: -1;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    top: 50%;
    bottom: 0;
    left: 10px;
    right: 10px;
    border-radius: 100px / 10px;
}

.nice-block {
    /*background: linear-gradient(to bottom, rgba(240,240,240,1) 0%, rgba(240,240,240,1) 0%, rgba(210,210,210,1) 100%);
	background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(240,240,240,1) 0%, rgba(210,210,210,1) 100%);*/
    background: rgba(200, 200, 200, 1);
}

.filter-form .nice-block {
    background: #fff;
    border: 2px solid #0d99b7;
    border-radius: 4px;
}


/*
.filter-form .nice-block .dropdown{
	border: 1px solid #c7c7c7;
	border-radius: 4px;
}
*/


/*
.filter-form .nice-block .dropdown.open{
	 border-bottom: none;
	border-radius: 4px 4px 0 0;
}
*/


/*
.filter-form .nice-block .dropdown .dropdown-menu{
	margin-top: 0px;
	border-radius: 0 4px 4px 4px;
	margin-left: -1px;
}
*/


/* visual effects for elements */


/* NAVBAR */

.main-nav {
    border-bottom: 1px solid white;
    border-radius: 0;
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2);
}

.main-menu>li>a {
    padding: 5px 15px;
}

.main-menu>li>a:hover {
    background-color: transparent;
}

.main-menu {
    font-size: 1.1em;
    padding-top: 5px;
}

.main-menu li {
    padding-bottom: 9px;
    /*width: 120px;*/
    text-align: center;
}

.main-menu li.active {
    background-image: url(/images/views/menu-hover.png);
    background-repeat: no-repeat;
    background-position: bottom center;
}

.navbar {
    min-height: 48px;
/*    background-image: url(/images/views/menu-back.png);*/
    padding: 3px 0 0;
}

.login-form-toggle {
    font-size: 1em;
    padding: 5px;
}

.navbar-nav>li>a.login-form-toggle {
    padding: 10px 30px;
    font-size: 1.2em;
}


/* navbar */


/* HEADER */

.header-section {
    font-size: 1.1em;
    margin-bottom: 15px;
}

.header-call {
    text-align: center;
}

.header-phone-number img {
    vertical-align: initial;
    margin-right: 5px;
}

.header-phone-info {
    font-size: 1.1em;
    color: rgba(0, 0, 0, 0.5);
}

.header-cart7 {
    display: block;
    /*margin-top: 15px;*/
    border: 1px solid #cbcbcb;
    text-align: center;
}

.header-cart7 p {
    margin-bottom: 0;
}

.cart-name {
    font-size: 1.5em;
    color: rgba(1, 154, 183, 1);
}

.main-slogan {
    font-size: 1em;
    margin: 10px 0;
    text-align: center;
    font-color: red;
}

.main-logo a:hover,
.main-logo a:active,
.main-logo a:focus {
    color: black;
}


/* header */


/* AFTER HEADER */

.after-header-section .social-icon2 {
    color: rgba(0, 0, 0, 0.5);
}

.form-inline .search-field {
    width: 100%;
    line-height: 30px;
    font-size: 1.1em;
    padding-left: 10px;
}

.form-inline .btn {
    width: 100%;
    border: none;
}


/* after header */


/* BREADCRUMBS */

div.breadcrumb {
    font-size: 1.1em;
    padding: 8px 15px;
    margin: 0;
    border-radius: 0;
}

.breadcrumb>span+span:before {
    content: "\25b6";
    color: #777;
}

.breadcrumb>span.active a {
    cursor: auto;
    pointer-events: none;
}


/* breadcrumbs */


/* H1 */

.h1,
.ch_h2 {
    text-align: center;
    margin-bottom: 30px;
}

.ch_h3 {
    font-size: 1.4em;
    padding: 10px 15px;
    margin-top: 0;
    margin-bottom: 30px;
}

.ch_h4 {
    font-weight: 700;
}

.h1-logo {
    position: relative !important;
}

.h1-with-logo {
    width: 300px;
}

.h1-with-logo h1 {
    margin: 0;
}


/* h1 */


/* FILTERS */

.filter-field select {
    width: 100%;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);
    border: 1px solid white;
}

.filters-section .btn {
    width: 100%;
    padding: 16px 15px 17px;
    font-size: 1.1em;
}

.filter-field select {
    background-color: white;
    /*-webkit-appearance: none;*/
    background-image: url(/public/images/views/select.png);
    background-repeat: no-repeat;
    background-position: right;
    background-color: white;
    background-size: 19px auto;
}


/* filters */


/* SORT BY */

.sort-by-section {
    margin-bottom: 20px;
}

.product-list-sorter {
    font-size: 1.2em;
}

.product-list-sorter ul {
    list-style: none;
    float: right;
}

.product-list-sorter ul li {
    float: left;
    margin-left: 1em;
}

.product-list-sorter a {
    text-decoration: underline !important;
}


/* sort by */

.single-content-section p,
.single-content-section ul {
    font-size: 1.2em;
    text-align: justify;
}

.img-in-text.pull-right {
    margin-left: 15px;
}

.img-in-text.pull-left {
    margin-right: 15px;
}

.delivery-image-block h4,
.payment-type h4,
.delivery-image-block .h4,
.payment-type .h4 {
    font-size: 1.1em;
    color: white;
    background-color: rgba(1, 154, 183, 1);
    padding: 10px;
}

.delivery-section .row {
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(1, 154, 183, 1);
    margin-bottom: 15px;
}

.delivery-section .row:last-of-type {
    border-bottom: none;
    font-size: 1.1em;
}

.delivery-text-block h4,
.delivery-text-block .h4 {
    font-size: 1.2em;
    color: rgba(1, 154, 183, 1);
}

.payment-type {
    margin-bottom: 15px;
}

.payment-type h4,
.payment-type .h4 {
    margin-bottom: 15px;
}

.payment-text {
    margin-bottom: 15px;
}

.payment-section .img-responsive,
.feedbacks-intro .img-responsive {
    width: 100%;
}

.warranty-section h3,
.warranty-section .h3 {
    padding-bottom: 10px;
    border-bottom: 1px solid black;
}

.contact-block {
    margin-bottom: 30px;
}

.contact-head h4,
.contact-head .h4 {
    font-weight: 700;
    border-bottom: 1px solid black;
    padding-bottom: 10px;
}

.contact-head {
    font-size: 1.1em;
}

.contact-head .img-cell {
    padding: 0;
}

.contacts-form {
    margin-top: 30px;
}

.contacts-form input,
.contacts-form textarea {
    font-size: 1.1em;
}

p.contacts-text {
    text-align: center;
}

.feedback-button {
    margin-top: 10px;
}

.feedbacks-loop {
    font-size: 1.1em;
}

.feedback-item {
    background-color: white;
    padding: 10px;
    margin-bottom: 30px;
}

.feedback-item p {
    margin-bottom: 0;
}

.feedback-top-line {
    /*padding: 0 10px;*/
    background-color: rgba(1, 154, 183, 1);
    color: white;
}

.feedback-author {
    float: left;
    padding: 5px 30px;
    background-color: rgba(1, 154, 183, 1);
}

.feedback-author.dark {
    background-color: rgba(0, 0, 0, 0.2);
}

.director-reply {
    text-decoration: underline;
}

.left-triangle {
    float: right;
    width: 0;
    height: 0;
    /*border-top: 10px solid transparent;*/
    border-bottom: 1em solid transparent;
    border-right: 1em solid blue;
}

.blog-post {
    height: 350px;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
}

.bottom-block {
    width: 100%;
    position: absolute;
    bottom: 0;
    margin-left: -15px;
    padding: 0 15px;
}

.bottom-text {
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 15px;
}

.bottom-text h3,
.bottom-text .h3 {
    margin-top: 0;
}

.post-preview {
    height: 5em;
}

.bottom-text .read-more {
    font-size: 1.2em;
    width: 150px;
    text-align: center;
    text-transform: uppercase;
    color: rgba(1, 154, 183, 1);
    border: 1px solid rgba(1, 154, 183, 1);
}

.load-more-posts {
    width: 150px;
}

.menu-block {
    background-color: white;
    padding: 15px;
    margin-bottom: 30px;
}

.menu-block h3,
.menu-block .h3 {
    margin: 10px 0;
    color: rgba(1, 154, 183, 1);
}

.menu-block img {
    height: 80px;
}

.menu-block a.read-more {
    color: rgba(1, 154, 183, 1);
}

.legkovie-menu {
    list-style: none;
    font-size: 1.1em;
    margin-top: 15px;
    -webkit-padding-start: 0;
}


/* FRONT PAGE */

.main-slider img {
    width: 100%;
}

.category-item {
    cursor: pointer;
}

.main-slider {
    display: block;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.5);
    max-height: 373px;
    overflow: hidden;
}

.main-slider .slider-text {
    position: absolute;
    top: 10%;
    background: rgba(1, 154, 183, 1);
    color: white;
    font-size: 3em;
    text-transform: uppercase;
    padding: 15px 30px;
    text-shadow: 2px 2px 7px rgba(0, 0, 0, 0.6);
}

.main-page-catalogue-brands {
    margin-bottom: 0;
}

.main-page-brands>.row {
    margin-top: -1px;
}


/* front page */

.alphabet-letter,
.alphabet-list li {
    display: inline-block;
    width: 100%
}

ul.alphabet-list {
    list-style: none;
    /*float: left;*/
    -webkit-columns: 4;
    -moz-columns: 4;
    columns: 4;
    -webkit-padding-start: 20px;
    -webkit-padding-end: 20px;
}

ul.alphabet-list li {
    text-align: center;
}

ul.alphabet-letter-list {
    list-style: none;
    -webkit-padding-start: 20px;
    -webkit-padding-end: 20px;
}

ul.alphabet-letter-list li,
ul.alphabet-letter-list p {
    text-align: left;
    text-transform: uppercase;
    padding: 5px 10px;
    font-size: 1.2em;
}

ul.alphabet-letter-list p {
    margin-bottom: 0;
    background-color: rgba(1, 154, 183, 1);
    color: white;
    font-weight: 700;
}

.brand-item table {
    width: 100%;
    height: 80%;
}

.brand-item table td {
    vertical-align: middle;
    text-align: center;
}


/* PRODUCTS LOOP */

.product-loop-item {
    text-align: center;
    background: white;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

.product-loop-item-codes {
    margin-bottom: 15px;
    border: none;
}

.product-loop-item-codes td,
.product-loop-item-bottom td {
    border: none !important;
}

.product-loop-item-image {
    height: 200px;
    /*background: rgba(200,200,200,1);*/
    /* For browsers that do not support gradients */
    /*background: -webkit-radial-gradient(rgba(255,255,255,1), rgba(200,200,200,1));*/
    /* Safari 5.1 to 6.0 */
    /*background: -o-radial-gradient(rgba(255,255,255,1), rgba(200,200,200,1));*/
    /* For Opera 11.6 to 12.0 */
    /*background: -moz-radial-gradient(rgba(255,255,255,1), rgba(200,200,200,1));*/
    /* For Firefox 3.6 to 15 */
    /*background: radial-gradient(rgba(255,255,255,1), rgba(200,200,200,1));*/
    /* Standard syntax */
}

.product-loop-item-name {
    /*color: rgba(1,154,183,1);*/
    position: relative;
}

.product-loop-item-name h4,
.brand-loop-item-name h4,
.product-loop-item-name .h4,
.brand-loop-item-name .h4 {
    height: 3em;
    text-align: center;
    margin-top: 0;
}

.product-loop-item-name span.h4:after {
    content: "";
    background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.5), #ffffff 100%);
    background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.5), #ffffff 100%);
    background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.5), #ffffff 100%);
    background: -ms-linear-gradient(bottom, rgba(255, 255, 255, 0.5), #ffffff 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), #ffffff 100%);
    height: 10px;
    width: 90%;
    display: block;
    position: absolute;
    bottom: 0;
}

.product-loop-item-codes.table>tbody>tr>td {
    padding: 8px 8px 0;
}

.product-loop-item-price {
    font-size: 1.5em;
    color: rgba(1, 154, 183, 1);
}

.product-loop-item-bottom .gray-button {
    border-radius: 0;
    width: 100%;
}


/* products loop */


/* BRANDS LOOP */

.main-brand-item {
    width: 300px;
    margin-bottom: 30px;
}

.main-brand-logo {
    padding: 5px;
}

.main-brand-title h1 {
    text-align: center;
}

.brand-loop-item {
    margin-bottom: 30px;
}

.brand-loop-item-image {
    background: rgba(255, 255, 255, 1);
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%);
    /* Safari 5.1 to 6.0 */
    background: -o-linear-gradient(to bottom rgba(255, 255, 255, 1), rgba(200, 200, 200, 1));
    /* For Opera 11.6 to 12.0 */
    background: -moz-linear-gradient(to bottom rgba(255, 255, 255, 1), rgba(200, 200, 200, 1));
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%);
    /* Standard syntax */
    padding: 0;
}

.height-150 {
    height: 150px;
    overflow: hidden;
}


/* brands loop */


/* PRODUCT PAGE */

.product-card {
    background-color: white;
    padding: 15px 0;
}

.product-main-photo {
    min-height: 200px;
    margin-bottom: 15px;
    overflow: hidden;
    /*min-width: 200px;*/
}

.product-main-photo img {
    /*height: 100%;*/
    /*max-width: 100%;*/
}

.product-gallery-thumb {
    height: 100px;
    overflow: hidden;
}

.product-gallery-thumb img {
    /*height: 100%;*/
}

.product-main {
    font-size: 1.2em;
}

.price-block {
    background-color: rgba(1, 154, 183, 1);
}

.count-block {
    background-color: #eeeeee;
}

.item-count {
    float: right;
    width: 40px;
    text-align: center;
}

.available {
    margin-top: 15px;
    color: rgba(1, 154, 183, 1);
}

.buy,
.buy-now {
    margin-bottom: 10px;
}

.buy-now {
    background: linear-gradient(to bottom, rgba(100, 100, 100, 1), rgba(190, 190, 190, 1));
    background: -webkit-linear-gradient(top, rgba(100, 100, 100, 1), rgba(190, 190, 190, 1));
}

.buy-credit {
    background: linear-gradient(to bottom, rgba(200, 200, 200, 1), rgba(250, 250, 250, 1));
    background: -webkit-linear-gradient(top, rgba(200, 200, 200, 1), rgba(250, 250, 250, 1));
    color: black;
}

.product-card h3,
.product-card .h3 {
    margin-top: 30px;
    text-transform: uppercase;
    text-align: center;
}

.about-delivery {
    font-size: 1.2em;
    margin-left: 10px;
    /*border-bottom: 1px dotted black;*/
}

.product-features {
    font-size: 1.1em;
}

.product-features .nav-tabs {
    border-bottom: none;
}

.product-features .nav-tabs li {
    background-color: white;
    display: inline-block;
    margin-right: 30px;
    width: 350px;
    text-align: center;
    font-size: 22px;
    font-family: PTSansNarrow;
}

.product-features .nav-tabs a {
    background: transparent !important;
    border: none !important;
}

.product-features .nav-tabs li.active {
    background-color: rgba(1, 154, 183, 1);
    color: white;
}

.product-features .nav-tabs li.active i {
    background-image: url("/images/views/triangle.png");
    width: 40px;
    height: 11px;
    display: inline-block;
    position: absolute;
    left: 155px;
}

.product-features .nav-tabs li.active a {
    color: white;
}

.product-feedback-block {
    margin-top: 30px;
}

.product-feedback-title {
    border-bottom: 1px solid rgba(1, 154, 183, 1);
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.single-feedback-author {
    font-weight: 700;
}

.feedback-date {
    color: rgba(1, 154, 183, 1);
}

.toggle-feedback-window {
    margin-top: 30px;
}

.toggle-feedback-window i {
    color: rgba(1, 154, 183, 1);
}

.toggle-feedback-window span {
    /*font-size: 1.1em;*/
    text-decoration: underline;
    line-height: 2em;
}


/* product page */


/* PAGINATION */

.pagination {
    margin: 0;
}

.pagination>li>a,
.pagination>li>span,
.pagination>.disabled>a {
    border: none;
    margin: 2px;
    background-color: rgba(148, 148, 148, 1);
    color: white;
    font-size: 1.2em;
    padding: 2px 10px;
}

.pagination>.active>a,
.pagination>li>a:hover,
.pagination>.active>a:hover {
    background-color: rgba(1, 154, 183, 1);
    color: white;
}

.pagination>.disabled>a:hover {
    background-color: rgba(148, 148, 148, 1);
    color: white;
}

.pagination-nav {
    text-align: center;
}

.pagination-totals {
    font-size: 1.1em;
}


/* pagination */


/* TEXT */

.text-content {
    font-size: 1.1em;
}

.front-picture-in-text {
    padding: 0;
    border: none;
}

.front-picture-in-text img {
    width: 100%;
}


/* text */


/* WHY-US */

.our-features {
    padding: 20px 0;
    border-top: 1px solid rgba(4, 138, 166, 1);
    border-bottom: 1px solid #048aa6;
}

.feature-text {
    padding: 0;
    font-size: 1.2em;
    line-height: 1.2em;
}


/* why-us */


/* FOOTER */

.footer-section {
    background: rgba(64, 64, 64, 1);
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(to bottom, rgba(150, 150, 150, 0.5) 0%, rgba(100, 100, 100, 0.5) 0%, rgba(0, 0, 0, 0.7) 100%);
    /* Safari 5.1 to 6.0 */
    background: -o-linear-gradient(to bottom, rgba(150, 150, 150, 0.5) 0%, rgba(100, 100, 100, 0.5) 0%, rgba(0, 0, 0, 0.7) 100%);
    /* For Opera 11.6 to 12.0 */
    background: -moz-linear-gradient(to bottom, rgba(150, 150, 150, 0.5) 0%, rgba(100, 100, 100, 0.5) 0%, rgba(0, 0, 0, 0.7) 100%);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, rgba(150, 150, 150, 0.5) 0%, rgba(100, 100, 100, 0.5) 0%, rgba(0, 0, 0, 0.7) 100%);
    /* Standard syntax */
    padding: 15px;
    color: white;
    font-size: 1.1em;
}

.footer-container h5,
.footer-container .h5 {
    font-size: 1.1em;
    margin-bottom: 30px;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.footer-menu li,
.footer-contacs {
    border-top: 1px solid white;
    /*font-size: 1.1em;*/
}

.footer-menu li {
    padding-top: 5px;
    margin-bottom: 10px;
    text-shadow: 2px 2px 7px rgba(0, 0, 0, 0.6);
}

.footer-menu li.active {
    color: black;
}

.footer-menu a:hover {
    text-decoration: none;
}

.footer-ribbon {
    padding-left: 15px;
    padding-top: 10px;
    /*margin: 15px -15px 0;*/
    /*background-color: rgba(0,0,0,0.5);*/
    background-color: #554;
    color: white;
}

.footer-address {
margin: 0px;
padding: 0px;
//    text-transform: uppercase;
    font-weight: 20;
//    color: rgba(100, 100, 100, 1);
}

.footer-address .address-text {
    padding-left: 2em;
}

.footer-vacancies {
    line-height: 30px;
    text-decoration: underline;
}

.footer-social .social-icon2 a {
    font-size: 0.7em;
    margin-left: 5px;
    color: rgba(100, 100, 100, 1);
}

.footer-social .join-text {
    padding-right: 10px;
    line-height: 30px;
}

.footer-ribbon a:hover {
    color: rgba(255, 255, 255, 1);
}

.footer-contacts-city {
    color: black;
}

.footer-copyright {
    padding: 15px 15px 0;
    font-size: 0.8em;
}

.header-contacts-city:after,
.footer-contacts-city:after {
    content: "\25bc";
    margin-left: 5px;
}

.city-phones {
    margin-top: 15px;
}

.header-contacs p,
.footer-contacs p {
    margin-bottom: 5px;
}


/*footer */

.fa-phone,
.fa-map-marker {
    font-size: 2em;
}

.cart-table {
    font-size: 1.1em;
}

.cart-table>tbody>tr>td,
.cart-table>tbody>tr>th {
    vertical-align: middle;
    text-align: center;
}

.cart-table input.item-count {
    float: none;
    height: 31px;
    border: 1px solid #ccc;
    margin-right: -6px;
}

.proceed-to-checkout {
    font-size: 1.2em;
    color: rgba(4, 138, 166, 1);
}

#checkout-form .tab-pane {
    padding-top: 30px;
}

.delivery-select {
    display: none;
}

.login-form-user-back,
.callback-form-user-back,
.order-details-back,
.success-message-back {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.9) 100%);
    display: none;
}

.login-form-user,
.callback-form-user,
.order-details,
.success-message {
    width: 300px;
    margin: 10% auto;
    background-color: rgba(1, 154, 183, 1);
    position: relative;
}

.close-button {
    position: absolute;
    top: 5px;
    right: 10px;
    z-index: 20;
    color: white;
    cursor: pointer;
}

.success-message {
    width: 450px;
    color: white;
    font-size: 1.2em;
}

.bottom-message {
    color: black;
}

.bottom-message a {
    color: white;
    text-decoration: underline !important;
}

.login-form-user h3,
.callback-form-user h3,
.login-form-user .h3,
.callback-form-user .h3 {
    text-align: center;
    color: white;
}

.login-form-user .form-control,
.order-details .form-control,
.callback-form-user .form-control {
    border-radius: 0;
    margin-top: 15px;
    font-size: 1.1em;
}

.form-link-block {
    /*margin-bottom: 15px;*/
    padding: 15px;
    /*text-align: center;*/
}

.login-form-user a.form-link,
.callback-form-user a.form-link {
    color: white;
    text-decoration: underline !important;
    font-size: 1.2em;
}

.login-form-user .gray-button,
.callback-form-user .gray-button {
    margin-bottom: 15px;
    font-size: 1.2em;
}

.products-table th,
.products-table td {
    font-size: 1.1em;
    text-align: center;
    vertical-align: middle !important;
}

.products-table td {
    text-align: left;
}

.products-table th {
    background-color: rgba(1, 154, 183, 1);
    color: white;
    font-weight: 400;
    padding: 15px !important;
}

.products-table .fa-phone {
    font-size: 30px;
}

.page-404-section {
    font-size: 1.1em;
}

.page-404-text {
    margin: 15px auto;
}

.cart-image .product-loop-item-image {
    background-color: white;
}

.breadcrumb .active a:hover {
    color: #777;
}

#popup_container {
    font-family: Arial, sans-serif;
    font-size: 12px;
    min-width: 300px;
    /* Dialog will be no smaller than this */
    max-width: 600px;
    /* Dialog will wrap after this width */
    background: #FFF;
    border: solid 5px #999;
    color: #000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#popup_title {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 1.75em;
    color: #666;
    background: #CCC url(/images/alert/title.gif) top repeat-x;
    border: solid 1px #FFF;
    border-bottom: solid 1px #999;
    cursor: default;
    padding: 0em;
    margin: 0em;
}

#popup_content {
    background: 16px 16px no-repeat url(/images/alert/info.gif);
    padding: 1em 1.75em;
    margin: 0em;
}

#popup_content.alert {
    background-image: url(/images/alert/info.gif);
}

#popup_content.confirm {
    background-image: url(/images/alert/important.gif);
}

#popup_content.prompt {
    background-image: url(/images/alert/help.gif);
}

#popup_message {
    padding-left: 48px;
}

#popup_panel {
    text-align: center;
    margin: 1em 0em 0em 1em;
}

#popup_prompt {
    margin: .5em 0em;
}

.order,
.cart {
    background: none !important;
}

.lb-p {
    font-size: 14px;
    margin-right: 10px;
    float: left;
    margin-bottom: 5px;
}

.jcart {
    text-align: right;
}

.jcart input {
    height: 24px;
    width: 262px;
    margin-bottom: 14px;
    font-size: 16px;
}

.cart #popup_message {
    padding-left: 0px !important;
}


/* Lightbox */


/* Preload images */

body:after {
    content: url(/images/lightbox/close.png) url(/images/lightbox/loading.gif) url(/images/lightbox/prev.png) url(/images/lightbox/next.png);
    display: none;
}

.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: black;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    display: none;
}

.lightbox {
    position: absolute;
    top: 5%;
    left: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
    line-height: 0;
    font-weight: normal;
}

.lightbox .lb-image {
    display: block;
    height: auto;
    max-width: inherit;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.lightbox a img {
    border: none;
}

.lb-outerContainer {
    position: relative;
    background-color: white;
    *zoom: 1;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.lb-outerContainer:after {
    content: "";
    display: table;
    clear: both;
}

.lb-container {
    padding: 4px;
}

.lb-loader {
    position: absolute;
    top: 43%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

.lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(/images/lightbox/loading.gif) no-repeat;
}

.lb-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

.lb-container>.nav {
    left: 0;
}

.lb-nav a {
    outline: none;
    background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev,
.lb-next {
    height: 100%;
    cursor: pointer;
    display: block;
}

.lb-nav a.lb-prev {
    width: 34%;
    left: 0;
    float: left;
    background: url(/images/lightbox/prev.png) left 48% no-repeat;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

.lb-nav a.lb-next {
    width: 64%;
    right: 0;
    float: right;
    background: url(/images/lightbox/next.png) right 48% no-repeat;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

.lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
    *zoom: 1;
    width: 100%;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
    content: "";
    display: table;
    clear: both;
}

.lb-data {
    padding: 0 4px;
    color: #ccc;
}

.lb-data .lb-details {
    width: 100%;
    float: left;
    text-align: left;
    line-height: 1.1em;
}

.lb-data .lb-caption {
    font-size: 13px;
    font-weight: bold;
    line-height: 1em;
}

.lb-data .lb-number {
    display: block;
    clear: left;
    padding-bottom: 1em;
    font-size: 12px;
    color: #999999;
}

.lb-data .lb-close {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    background: url(/images/lightbox/close.png) top right no-repeat;
    text-align: right;
    outline: none;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
    cursor: pointer;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

.inner-picture {
    display: inline-block;
    /*position: relative;*/
    /*right: -50%;*/
    /*height: 100%;*/
    width: 100%;
}

.inner-picture img {
    /*position: relative;*/
    /*left: -50%;*/
}

.category-menu-wrapper {
    text-align: center;
}

.category-menu-wrapper a {
    background-color: rgba(0, 0, 0, 0.5);
    display: inline-block;
    color: white;
    padding: 2px 10px;
    margin: 5px;
    font-size: 1.1em;
    text-shadow: 1px 1px 1px black;
}

.no-margin-section {
    margin-bottom: 0;
}

.navbar {
    margin-bottom: 15px;
}

.h1 {
    margin-bottom: 15px;
    margin-top: 0;
}

section {
    margin-bottom: 15px;
}

span.bfh-number-btn {
    cursor: pointer;
}


/* карточка товара */

.price-block {
    min-height: 177px;
    background: #fff3e1;
    margin-bottom: 20px;
}

.product-price {
    font-size: 45px;
    color: #404040;
    padding-top: 25px;
    text-align: center;
}

.product-price small {
    font-size: 24px;
}

.orange-button {
    display: inline-block;
    font-size: 32px;
    width: 215px;
    text-align: center;
    padding: 6px 10px 10px;
    border-radius: 4px;
    /*background: linear-gradient(to bottom, rgba(190,190,190,1), rgba(230,230,230,1));*/
    /*background: -webkit-linear-gradient(top, rgba(190,190,190,1), rgba(230,230,230,1));*/
    /*color: black;*/
    background: linear-gradient(to bottom, #e55523, #ef6c1f);
    background: -webkit-linear-gradient(top, #e55523, #ef6c1f);
    color: white;
    box-shadow: 0 4px #d82f04;
    /*box-shadow: inset 0 0 1px 1px rgba(0,0,0,0.4);*/
}

.orange-button.disabled {
    box-shadow: none;
    background: #d82f04;
}

i.by-image {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url("/images/views/by.png");
    margin-right: 10px;
}

.orange-button:hover,
.orange-button:active,
.orange-button:focus {
    /*background: linear-gradient(to bottom, rgba(2,126,155,1), rgba(38,214,245,1));*/
    /*background: -webkit-linear-gradient(top, rgba(2,126,155,1), rgba(38,214,245,1));*/
    /*color: white;*/
    color: white;
    background: linear-gradient(to bottom, #ef6c1f, #e55523);
    background: -webkit-linear-gradient(top, #ef6c1f, #e55523);
}

.orange-button.disabled:hover,
.orange-button.disabled:active,
.orange-button.disabled:focus {
    box-shadow: none;
    background: #d82f04;
}

ul.product-params {
    font-family: PTSansNarrow;
}

ul.product-params li {
    list-style-type: none;
    display: inline-block;
    width: 100%;
}

ul.product-params .param-name {
    color: #6f6f6f;
}

ul.product-params .value {
    color: #404040;
}

h3.product-information,
.h3.product-information {
    color: #09a1bd;
    font-size: 20px;
    text-align: center;
    min-height: 38px;
}

ul.product-information {
    padding: 0;
    color: #282828;
    font-family: PTSansNarrow;
}

ul.product-information span {
    display: inline-block;
    background-color: #fff;
}

ul.product-information li {
    list-style-type: none;
    display: inline-block;
    background-image: url("/images/views/dashed.png");
    background-repeat: repeat-x;
    background-position: 0 10px;
    width: 100%;
}

ul.product-information span.product-information-name {
    padding-right: 20px;
}

ul.product-information span.product-information-value {
    padding-left: 20px;
}

.product-description p {
    font-family: PTSansNarrow;
    font-size: 16px;
    color: #292929;
}

ul.product-block-information {
    padding: 0;
    font-family: PTSansNarrow;
}

ul.product-block-information li {
    display: inline-block;
    width: 100%;
    list-style-type: none;
}

ul.product-block-information .top-information {
    height: 25px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 17px;
    background-color: #089bb6;
    list-style-type: none;
    margin-bottom: 10px;
}

ul.product-block-information .top-information .info-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("/images/views/info.png");
    position: relative;
    top: 4px;
    left: 5px;
}

ul.product-block-information .head-information {
    font-family: PTSansNarrowBold;
    color: #4b4b4b;
    font-size: 15px;
    list-style-type: none;
}

ul.product-block-information .head-information i {
    height: 25px;
    width: 30px;
    display: inline-block;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
}

ul.product-block-information i.delivery-icon {
    background-image: url("/images/views/delivery-icon.png");
    background-repeat: no-repeat;
}

ul.product-block-information i.payment-icon {
    width: 32px;
    background-image: url("/images/views/payment-icon.png");
    background-repeat: no-repeat;
}

ul.product-block-information i.garant-icon {
    width: 32px;
    background-image: url("/images/views/payment-icon.png");
    background-repeat: no-repeat;
}

ul.product-block-information .name-information {
    font-family: PTSansNarrow;
    color: #000;
    font-size: 16px;
    list-style-type: none;
}

ul.product-block-information .name-information i {
    color: #f64c21;
}

ul.product-block-information .name-information span.underline {
    text-decoration: underline;
}

ul.product-block-information .information {
    font-family: PTSansNarrow;
    color: #363636;
    font-size: 15px;
    list-style-type: none;
    padding-left: 10px;
}

.analogs-brand {
    font-family: PTSansNarrow;
    color: #666666;
    font-size: 15px;
    margin-bottom: 15px;
    height: 42px;
}

.product-analogs .product-loop-item-bottom {
    background-color: #f2f2f2;
    height: 58px;
}

.product-analogs .product-loop-item-bottom td {
    padding: 0 10px;
}

.tab-content .product-loop-item-price {
    display: block;
}


/* ---- карточка товара --- end */

form.order-details .error {
    color: #9c0000;
    font-size: 14px;
}

.order-bottom-txt {
    text-align: center;
    color: #000;
    font-size: 17px;
}

.order-bottom-txt a {
    color: #fff;
    text-decoration: underline !important;
}

.order-thx-txt {
    color: #fff;
    text-align: center;
}

.order-thx-txt p {
    font-size: 20px;
}


/* carosel*/

.product-image-thumbs ul li {
    list-style: none;
    float: left;
}

.product-image-thumbs ul {
    width: 100%;
}

.jcarousel-direction-rtl {
    direction: rtl;
}

.product-image-thumbs .jcarousel-container {
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
}

.product-image-thumbs .li {
    float: left;
    height: 100px;
}

.product-image-thumbs .jcarousel-container-horizontal {
    height: 108px;
    padding: 0 20px;
}

.product-image-thumbs li {
    margin-left: 3px;
    margin-bottom: 3px;
    margin-top: 3px;
    /*margin-right: 11px;*/
}

.product-image-thumbs .jcarousel-next-horizontal {
    position: absolute;
    top: 35px;
    right: 0;
    margin-right: 3px;
    width: 15px;
    height: 28px;
    cursor: pointer;
    background: transparent url(/images/views/blog-arrows.jpg) no-repeat top right;
}

.product-image-thumbs .jcarousel-next-horizontal.jcarousel-next-disabled {
    display: none !important;
}

.product-image-thumbs .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(/images/views/blog-arrows.jpg);
}

.product-image-thumbs .jcarousel-next-horizontal:hover {
    background-position: bottom right;
}

.product-image-thumbs .jcarousel-prev-horizontal {
    position: absolute;
    top: 35px;
    left: 0;
    margin-left: 3px;
    width: 15px;
    height: 28px;
    cursor: pointer;
    background: transparent url(/images/views/blog-arrows.jpg) no-repeat top left;
}

.product-image-thumbs .jcarousel-prev-horizontal.jcarousel-prev-disabled {
    display: none !important;
}

.product-image-thumbs .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(/images/views/blog-arrows.jpg);
}

.product-image-thumbs .jcarousel-prev-horizontal:hover {
    background-position: bottom left;
}

.container {
    max-width: 1600px !important;
    padding: 0px;
    overflow: hidden !important;
    /*background-image: url(/images/bg.png);*/
    background-color: #eee !important;
    
}


/*---------------------*/

.thumb img:hover {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}


/* описание  */

#bl7 {
    margin-top: 10px;
    margin-left: 20px;
    padding-left: 10px;
    float: right;
    height: auto;
    width: 100%;
    border: 0px solid black;
    /*	    background: yellow; */
}

ul li {
    list-style-position: inside;
}

.li_ps li {
    padding-left: 18px;
}

.li_ps p {
    padding-top: 8px;
}

.li_ps p {
    margin-bottom: 8px;
}

.li_ps ol {
    padding-left: 38px;
}

.li_ps ol li {
    padding: 0px;
}

.li_ps {
    padding-bottom: 25px;
}

.li_ps .wite-space {
    padding-left: 35px;
}

.li_ps H2 {
    font-size: 12pt;
}

.li_ps .western {
    font-weight: bold;
    line-height: 1.2;
}

.main_pic_big {
    /*display: grid;
grid-template-columns:  repeat(10, minmax(10px,30px));
grid-template-rows:  repeat(20, minmax(10px,30px));
grid-gap: 0px;
*/
    max-height: 600px;
    max-width: 600px;
}

.big_pic {
    // grid-area: 1 / 1 / 21 / 21;
    //    background-color: #175BA7;
    //align-self: center;
    //justify-self: center;
    max-height: 600px;
    max-width: 600px;
}

.big_pic img {
    //  width: auto;
    //  height: auto; 
    //  display: block;
    // object-fit: cover;
    //margin: auto;
    max-height: 600px;
    max-width: 600px;
}

.fav_sign {
    position: absolute;
    background-image: url("/images/big_myfav.png");
    background-repeat: no-repeat;
    top: 20px;
    left: 20px;
    height: 60px;
    width: 50px;
    z-index: 100;
}

.fav_sign_on {
    position: absolute;
    background-image: url("/images/big_myfav_on.png");
    background-repeat: no-repeat;
    top: 20px;
    left: 20px;
    height: 60px;
    width: 50px;
    z-index: 100;
}

.hash_sign button {
    text-align: left;
}

.hash_sign .hash_line_1 {
    margin-left: 20px;
    margin-bottom: 20px;
}

.hash_sign .hash_line_2 {
    margin-left: 20px;
    margin-bottom: 20px;
}

.hash_sign .hash_line_3 {
    margin-left: 20px;
    margin-bottom: 20px;
}

.hash_sign {
    position: absolute;
    top: 100px;
    left: 12px;
    height: 50px;
    width: 50px;
    //z-index: 100;
}

.hash_sign button {
    height: 30px;
    width: 120px;
    border-radius: 16px;
    //  width: 100%;
    //  height: 100%;
    display: block;
    //  object-fit: cover;
    //  z-index: 70;
    //margin-bottom: 10px;
}


/*-----------------*/