/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.2
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/

#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 45px;
    left: 50%;
    margin-left: -489px;
    overflow: hidden;
    width: 60px;
    height: 60px;
    border: none;
    text-indent: 100%;
    background: url(../images/up_button.png) no-repeat left top;
    opacity: 0.7;
    background-size: contain;
    z-index: 2;
}

#toTopHover {
    /*background: url(../images/up_button.png) no-repeat left top;*/
    width: 60px;
    height: 60px;
    display: block;
    overflow: hidden;
    float: left;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}

#toTop:active, #toTop:focus {
    outline: none;
}
#toTop:hover {
    opacity: 0.8;
}

html {
    height: 100%;
    overflow-y: scroll;
}

body {
    margin: 0;
    padding: 0;
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    color: #343a41;
    min-height: 100%;
    position: relative;
}

.clear {
    clear: both;
}

.center {
    text-align: center;
}

.left {
    float: left;
}

.cursor-pointer {
    cursor: pointer;
}

.right {
    float: right;
}

a {
    color: #343a41;
}

#wrapper {
    width: 977px;
    margin: 0 auto;
}

.cart.active .cart_total {
    color: #ff7300;
    background: none;
    font-weight: bold;
}

/**/

/*Основное, горизонтальное меню*/

#main-menu {
    height: 40px;
    background-color: #343a41;
    font-weight: normal;
}

#wrapper.fixed #main-menu {
    position: fixed;
    top: 0;
    z-index: 10;
}

#main-menu span.line {
    line-height: 1.2;
}

#main-menu li.active {
    background-color: #ffcb3e;
}

#main-menu li ul {
    display: none;
}

ul.main-menu-list li {
    float: left;
    color: #ffffff;
    display: flex;
    text-align: center;
    width: 162px;
    height: 40px;
    margin-right: 1px;
}

ul.main-menu-list li:hover {
    background-color: #ffcb3e;
}

.last-li {
    width: 162px !important;
    margin-right: 0 !important;
}

.main-menu-list a {
    text-decoration: none;
    float: left;
    color: #ffffff;
    display: block;
    text-align: center;
    width: 161px;
    height: 40px;
    margin-right: 1px;

}

.main-menu-list li span {
    margin: 11px;
    display: block;
    text-align: center;
}

.menu-margin-top {
    margin-top: 5px !important;
}

ul.main-menu-list li:hover a, ul.main-menu-list li.active a {
    text-decoration: none;
    color: #343a41;
}

a:hover {
    color: #343a41;
}

a {
    color: #343a41;
    text-decoration: underline;
}

/**/

/*Блок контента с меню*/

#wr-content {
    margin: auto;
    width: 977px;
    position: relative;
    padding-bottom: 90px;
}

#left-menu {
    width: 265px;
    float: left;
}

#left-menu li a {
    display: block;
    width: 265px;
    height: 40px;
    cursor: pointer;
}

#left-menu li a span {
    line-height: 1.4;
    display: block;
    padding-top: 11px;
    padding-left: 3px;
    padding-right: 3px;
}

.menu-padding-top {
    padding-top: 4px !important;
}

/*Меню слева*/

.block-menu {
    margin-bottom: 17px;
}

/*Цветовые схемы*/

.menu-color-blue {
    background-color: #91d4ff;
}

.menu-color-grey {
    background-color: #dfdfdf;
}

.menu-color-grey a {
    display: block;
    height: 40px;
    line-height: 40px;
}

.width-menu a {
    width: 243px;
}

ul.block-menu li {
    display: flex;
    text-align: center;
    margin-bottom: 1px;
    height: 40px;

}

ul.block-menu li:hover {
    background-color: #ffcb3e;
}

.block-menu li a {
    text-decoration: none;
    margin: auto;
}

/**/

/*Блок с контентом*/

#content {
    margin: 0;
    padding: 0;
    width: 695px;
    float: right;
    display: flex;
}

.content {
    width: 100%;
}

.content-table-border table td {
    border: 1px solid black;
    padding: 2px 5px;
}

.content-table-border a {
    color: rgb(31, 73, 125);
}

/*Меню контента*/

.content-menu {
    margin-bottom: 10px;
    font-weight: normal;
    font-size: 12px;
}

.content-menu .price-left a {
    color: #0088cc;
    font-size: 12px;
}

.list-menu-style li, .list-menu-style ol, .list-menu-style ul {
    list-style: none;
}

.price-left li {
    float: left;
    font-size: 11px;
    line-height: 40px;
    padding-right: 20px;
}

.content-menu-list li {
    width: 242px;
    float: left;
    text-align: center;
    padding: 2px 0 2px 0;
    margin-right: 1px;
    margin-bottom: 1px;
}

.content-menu-list li a {
    text-decoration: none;

}

.content-menu-list li:hover {
    background-color: #ffcb3e;
}

.content-menu-list li:nth-child(4n) {
    padding-right: 5px;
}

.price-right li {
    float: left;
    text-align: center;
    width: 130px;
    margin-right: 1px;
}

.price-right li:last-child {
    margin-right: 0;
}

.price-right li:hover {
    background-color: #ffcb3e;
}

.price-right a {
    text-decoration: none;
    display: block;
}

.certificate {
    width: 130px;
    text-align: center;
    padding-top: 5px;
    height: 20px;
}

.category {
    padding-left: 10px;
    font-weight: normal;
}

.grey {
    background-color: #dfdfdf;
}

.product {
    width: 100%;
    font-size: 11px;
    margin-bottom: 17px;
}

.product td {
    padding: 0 2px 0 2px;
    border: none;
    vertical-align: top;
}

.product img {
    height: 20px;
}

.product td:last-child {
    padding: 0;
    width: 60px;
}

.product tr:first-child {
    vertical-align: top;
}

.product tr.hide {
    display: none;
}

td.buy-border {
    border-bottom: 1px #ffffff solid;
}

/**/

/*Подвал сайта*/

#footer {
    height: 37px;
    width: 977px;
    font-weight: normal;
    font-size: 12px;
    position: absolute;
    bottom: 0;
}

ul.footer-list-menu li {
    float: left;
    display: block;
    text-align: center;
    height: 27px;
    padding: 10px 10px 0 20px;

}

.footer-list-menu li a {
    text-decoration: none;
    margin: auto;
    line-height: inherit;
    height: inherit;
}

.footer-right {
    float: right;
    display: block;
    text-align: center;
    height: 20px;
    padding: 10px 20px 0 10px;
}

.footer-right .date {
    margin-left: 50px;
}

.form-actions {
    background-color: #ffffff;
    border-top: 1px solid #e5e5e5;
}

.errorMessage {
    color: #b94a48;
}

.breadcrumbs {
    display: block;
    font-size: 11px;
    height: 15px;
    margin-bottom: 4px;
}

.active {
    background-color: #ffcb3e;
}

div.buy {
    display: block;
    height: 20px;
    width: 60px;
    border-bottom: 1px #ffffff solid;
}

a.buy-link :hover {
    background-color: #ffcb3e;
}

a.buy-link {
    text-decoration: none;
    display: block;
    height: 20px;
    float: right;
    width: 60px;
    padding-right: 0px !important;
}

.totalPrice {
    float: right;
    text-align: right;
    margin-bottom: 30px;
}

.totalPrice span {
    font-weight: normal;
}

.totalPrice-margin {
    float: right;
    text-align: right;
}

.totalPrice1 {
    font-size: 14px;
    float: right;
    text-align: right;
}

.totalPrice1 span {
    font-weight: normal;
}

.message {
    margin-bottom: 40px;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    color: #ff7300;
}

tr.bottom-border {
    border-bottom: 1px solid;
}

.margin-button-order {
    margin-top: 40px;
    margin-left: 180px;
}

#left-menu-sub-category {
    width: 265px;
    float: left;
}

#left-menu-sub-category li a {
    display: block;
    width: 265px;
    cursor: pointer;
}

.sub-category {
    background-color: #dfdfdf;
}

.sub-category li {
    width: 250px;
    font-weight: normal;
    padding: 2px 0 2px 15px;
    margin-bottom: 1px;
}

.sub-category li a {
    text-decoration: none;

}

.sub-category li:hover {
    background-color: #ffcb3e;
}

li.active {
    background-color: #ffcb3e;
}

.sub-category-blue {
    background-color: #91d4ff;
}

.sub-category-blue li {
    width: 250px;
    font-weight: normal;
    padding: 2px 0 2px 15px;
    margin-bottom: 1px;
}

.sub-category-blue li a {
    text-decoration: none;

}

.sub-category-blue li:hover {
    background-color: #ffcb3e;
}

.sub-category-blue > li.active {
    background-color: #ffcb3e;
}

.list ul {
    list-style: disc;
    margin-left: 25px;
}

.list ol {
    list-style: decimal;
    padding-left: 25px;

}

.anti-list ol, ul {
    list-style: none;
    padding-left: 0 !important;

}

.table-product {
    width: 280px;
}

.table-price {
    width: 60px;
    min-width: 47px;
}

.table-header-margin td {
    padding-bottom: 17px !important;

}

.size {
    width: 110px;
}

.size-unit {
    width: 35px;
}

.cart-total-margin {
    margin-left: 300px;
    margin-top: 17px;
}

.form-center {
    margin-left: 20%;
}

.color-row tr:nth-child(1) {
    background-color: #ffffff;
}

.color-row tr:nth-child(even) {
    background-color: #efefef;
}

td.article-margin {
    padding-right: 10px;
}

.oferta {
    background-color: #dfdfdf;
    padding-left: 20px;
    font-size: 11px;
}

.category-price {
    background-color: rgb(195, 214, 155);
    padding-left: 10px;
    color: #000000;
    height: 40px;
    line-height: 40px;
}

span.certificate-border {
    display: inline-block;
}

span.certificate-border img {
    border: 1px solid #000000;
    height: 70px;
    max-width: 70px;
}

.total-opt {
    padding-right: 90px;
}

.total-opt-order {
    padding-right: 10px;
}

div.price-info {
    padding-left: 10px;
    margin-bottom: 5px;
    background-color: rgb(255, 230, 148);
    font-size: 12px;
    color: #000000;
}

.cash-discount-info {
    padding-left: 10px;
    margin-bottom: 5px;
    background-color: rgb(195, 214, 155);
    font-size: 16px;
    color: #000000;
}

/* Дата послей загрузки прайса */
.last-price-data {
    float: right;
    margin-right: 10px;
}

/*-------*/

.category-name {
    float: left;
}

/* шапка сайта */
#header {
    height: 95px;
    font-size: 14px;
}

#wrapper.fixed #header {
    margin-bottom: 40px;
}

#header .logo-wrapper {
    width: 197px;
    height: 100%;
    background-color: #ff7300;
    float: left;
}

#header .logo {
    position: relative;
    display: block;
    height: 100%;
    background: url(../images/logo.png) no-repeat;
    background-size: 197px 95px;
}

#header .logo a {
    color: white;
    font-weight: 600;
    text-decoration: none;
    display: block;
    text-align: center;
    padding-top: 60px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#header .address-time {
    width: 210px;
    height: 100%;
    float: left;
}

#header .address-time .address a {
    display: block;
    text-align: center;
    padding-top: 16px;
}

#header .address-time .map-point-icon {
    display: inline-block;
    width: 100%;
    position: relative;
    padding-left: 40px;
    text-align: left;
}

#header .address-time .map-point-icon:before {
    display: block;
    content: '';
    width: 25px;
    height: 25px;
    background: url("../images/sys/icons/map-point.png") no-repeat;
    background-size: auto 20px;
    position: absolute;
    left: 10px;
}

#header .address-time .time {
    text-align: center;
}

#header .address-time .clock-icon {
    display: inline-block;
    width: 100%;
    position: relative;
    padding-left: 40px;
    text-align: left;
}

#header .address-time .clock-icon:before {
    display: block;
    content: '';
    width: 25px;
    height: 25px;
    background: url("../images/sys/icons/clock_25.png") no-repeat;
    background-size: auto 18px;
    position: absolute;
    left: 10px;
}

#header .address-time .work-days {
    height: 10px;
}

#header .phones-block {
    width: 172px;
    height: 100%;
    float: left;
}

a[href^="tel:"] {
    text-decoration: none;
}

#header .phones-block .phone-list {
    padding-top: 16px;
    padding-right: 10px;
    margin-left: 15px;
}

#header .phones-block .phone-list li {
    text-align: right;
}

#header .phones-block .phone-list:before {
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    background: url("../images/sys/icons/phone_25.png") no-repeat;
    background-size: auto 18px;
    position: absolute;
    margin-left: 8px;
    /*margin-top: 20px;*/
}

#header .phones-block .phone-list img {
    margin: -3px 0 0 5px;
    width: 14px;
}

#header .mail {
    position: relative;
    height: 100%;
    width: 168px;
    float: left;
}

#header .mail a {
    text-align: center;
    display: block;
    /*height: 100%;*/
    padding-top: 25px;
}

#header .mail a img {
    width: 20px;
}

#header .mail-text {
    margin-top: 0px;
    display: block;
    text-align: center;
}

#header .cart {
    text-align: center;
    width: 90px;
    height: 100%;
    float: left;
}

#header .cart.active {
    background: none;
}

#header .cart .cart-image {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url("/images/sys/icons/cart_25.png") no-repeat;
    background-size: 25px 25px;
}

#header .cart.active .cart-image {
    background: url("/images/sys/icons/cart__orange_25.png") no-repeat;
    background-size: 25px 25px;
}

#header .cart a {
    display: block;
    text-decoration: none;
    color: #343a41;
    text-align: center;
    padding-top: 25px;
}

#header .cabinet {
    width: 140px;
    padding-top: 40px;
    float: left;
    text-overflow: ellipsis;
}

#header .cabinet ul li {
    text-align: right;
}

/* Страницы с материалами (применение материала, выбор материала) */
#materials-category-menu {
    background-color: #dfdfdf;
    margin-bottom: 17px;
    height: 40px;
}

#materials-category-menu li {
    display: block;
    float: left;
    width: 231px;
    border-right: 1px solid #ffffff;
    height: 40px;
    line-height: 40px;
    background-color: #dfdfdf;
}

#materials-category-menu li:last-child {
    width: 231px;
    border-right: none;
}

#materials-category-menu li:hover, #materials-category-menu li.active {
    background-color: #ffcb3e;
}

#materials-category-menu li a {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

#materials-posts-menu {
    /*background-color: #dfdfdf;*/
    padding-top: 15px;
    border-top: 1px solid grey;
}

#materials-posts-menu li {
    background-color: #dfdfdf;
    display: inline-block;
    width: auto;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #ffffff;
    margin-bottom: 5px;
}

#materials-posts-menu li:hover, #materials-posts-menu li.active {
    background-color: #ffcb3e;
}

#materials-posts-menu li a {
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
}

/* Корзина, переключалка типов оплаты (radio buttons) */
.choose-payment-type-block {
    padding-left: 340px;
    margin-bottom: 17px;
}

table tr.indent td {
    height: 21px;
    background-color: #fff;
}

li.active.old-active {
    background-color: #f6f6c9 !important;
}


@media screen and (max-width: 380px) {
    .main-cart .cart-count-cell, .main-cart .cart-count-cell input {
        width: 38px !important;
    }

    .main-cart .product td {
        padding: 0;
        font-size: 10px;
    }

    /* сообщение о оферте */
    .offer {
        margin-bottom: 55px !important;
    }
}

@media (max-width: 979px) and (min-width: 768px) {
    .span7 {
        width: 750px;
    }
}

/* сообщение о оферте */
.offer {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    text-align: center;
}

.order-client-comment textarea {
    min-height: 100px;
    resize: none;
    padding: 10px;
    width: 350px;
}

.category-item-link {
    color: #343a41 !important;
}

.main-page-categories {
    text-align: center;
}

.main-page-categories .category-item {
    float: left;
    max-width: 200px;
    height: 202px;
    padding: 1px;
    margin-left: 18px;
    margin-bottom: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    /*white-space: nowrap;*/
}

.main-page-categories .category-item:hover {
    border: 1px solid grey;
    padding: 0;
}

.main-page-categories .category-item img {
    max-height: 150px;
    max-width: 200px;
}

.main-page-categories .category-item:hover img {
    max-height: 150px;
    max-width: 200px;
}

.main-page-categories .category-item:hover .category-item-name {
    background-color: #ffcb3e;
}

.main-page-categories .category-item .category-item-name {
    height: 52px;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 17px;
}

.info-messages {
    position: relative;
    margin-top: 5px;
}

.info-messages:hover .alert {
    background-color: #ffcb3e;;
}

.info-messages .alert {
    margin: 0;
    text-align: center;
    font-size: 16px;
    color: black;
    font-weight: bold;
    text-shadow: none;
    line-height: 20px;
    padding: 0;
}

.info-messages .alert-default {
    background-color: white;
    border-color: orange;
}

.info-messages .alert-info {
    background-color: rgba(0, 0, 255, 0.5);
    border-color: rgba(0, 0, 255, 0.5);
}

.info-messages .alert-success {
    background-color: #ADFF2F;
    border-color: #ADFF2F;
}

.info-messages .alert-warning {
    background-color: orange;
    border-color: orange;
}

.info-messages .alert-danger {
    background-color: red;
    border-color: red;
}

.info-messages .message-more-link {
    display: block;
    /*position: absolute;*/
    font-size: 14px;
    font-weight: bold;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-decoration: none;
    text-align: center;
    border-radius: 3px;
    line-height: 40px !important;
}

/*.info-messages:hover .message-more-link {*/
/*    display: block;*/
/*    line-height: 40px !important;*/
/*    background: #ffcb3e;*/
/*    color: #000;*/
/*}*/

/*.left-menu-wrap .info-messages:hover .message-more-link {*/
/*    display: block;*/
/*    line-height: 25px !important;*/
/*}*/

.info-messages .alert {
    color: black;
    text-shadow: none;
    font-size: 14px;
}

.info-messages .alert-default {
    background-color: white;
    border-color: #ffcb3e;
}

.info-messages .alert-gold {
    background-color: #FFD700;
    border-color: #FFD700;
}

.info-messages .alert-yellow {
    background-color: #FFFF00;
    border-color: #FFFF00;
}

.info-messages .alert-green-yellow {
    background-color: #ADFF2F;
    border-color: #ADFF2F;
}

.info-messages .alert-orange {
    background-color: #FFA500;
    border-color: #FFA500;
}

.info-messages .alert-lime {
    background-color: #00FF00;
    border-color: #00FF00;
}

.info-messages .alert-turquoise {
    background-color: #40E0D0;
    border-color: #40E0D0;
}

.info-messages .alert-sea-wave {
    background-color: #00FFFF;
    border-color: #00FFFF;
}

.info-messages .alert-magenta {
    background-color: #FF00FF;
    border-color: #FF00FF;
}

.info-messages .alert-lightgreen {
    background-color: #90EE90;
    border-color: #90EE90;
}

.info-messages .alert-palegreen {
    background-color: #98FB98;
    border-color: #98FB98;
}

.info-messages .alert-aquamarine {
    background-color: #7FFFD4;
    border-color: #7FFFD4;
}

.info-messages .alert-paleturquoise {
    background-color: #AFEEEE;
    border-color: #AFEEEE;
}

.info-messages .alert-sky-lightblue {
    background-color: #87CEFA;
    border-color: #87CEFA;
}

.info-messages .alert-still-lightblue {
    background-color: #B0C4DE;
    border-color: #B0C4DE;
}

.info-messages .alert-light-plum {
    background-color: #DDA0DD;
    border-color: #DDA0DD;
}

.info-messages .alert-pink-purple {
    background-color: #EE82EE;
    border-color: #EE82EE;
}

.info-messages .alert-pink {
    background-color: #FFC0CB;
    border-color: #FFC0CB;
}

.info-messages .alert-lightpink {
    background-color: #FFB6C1;
    border-color: #FFB6C1;
}

.info-messages .alert-lightgray {
    background-color: #D3D3D3;
    border-color: #D3D3D3;
}

.info-messages .alert-gainsborough {
    background-color: #DCDCDC;
    border-color: #DCDCDC;
}

.info-messages .alert-white-smoke {
    background-color: #F5F5F5;
    border-color: #F5F5F5;
}

.messages .message-item {
    margin-bottom: 20px;
    border: 1px solid gray;
    border-radius: 5px;
    padding-bottom: 5px;
}

.messages .message-item .message-header {
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
}

.messages .message-item .message-content {
    padding: 5px 10px;
}

.messages .message-item.short {
    padding: 0;
}

.messages .message-item.short .message-content {
    display: none;
}

.wr-footer {
    width: 977px;
    margin: auto;
}

#message_carousel {
    margin: 0;
}

#message_carousel .active {
    background: none;
}

/**
    Яндекс поиск
 */

#site-search-block {
    border: 2px solid #ffcb3e;
    margin-bottom: 10px;
    background-color: white;
    width: 261px;
}

#site-search-block.fixed {
    position: fixed;
    top: 40px;
    z-index: 10;
}

/**
    Фильтрация по товарам
 */

#product-filter-block {
    padding-right: 4px;
    margin-bottom: 10px;
}

#product-filter-block .product-filter {
    width: 480px;
    padding: 4px 6px;
    margin-bottom: 0;
}

#product-filter-block .discount-link {
    padding-left: 15px;
    font-size: 14px;
    color: #ff7300;
    font-weight: bold;
}

#product-filter-block.fixed {
    background-color: #ffcb3e;
    position: fixed;
    top: 40px;
    margin-left: -17px;
    padding-top: 3px;
    padding-left: 17px;
    width: 691px;
}

#product-filter-block.fixed .product-filter {
    margin-bottom: 4px;
    width: 480px;
}

#product-filter-block.fixed .discount-link {
    color: initial;
}

/**/


ul.materials-post-menu > li {
    display: block;
    height: initial;
    text-align: left;
    position: relative;
    background-color: white;
}

ul.materials-post-menu > li:hover {
    background-color: white;
}

#left-menu ul.materials-post-menu > li > a {
    cursor: default;
}


ul.materials-post-menu > li a {
    color: #343a41;
    font-weight: bold;
    /*font-size: 14px;*/
}

ul.materials-post-menu .materials-post-list li {
    margin-bottom: 1px;
}


ul.materials-post-menu .materials-post-list a {
    color: #343a41;
    text-align: left;
    padding-left: 5px;
    font-size: 12px;
    font-weight: normal;
}

.after-content {
    margin-top: 20px;
}

.mobile-content {
    display: none !important;
}

/* Панель администратора */
.admin-panel {
    position: fixed;
    width: 120px;
    left: 0;
    top: 40px;
    background-color: orange;
    padding: 10px;
    z-index: 2000;
    color: white;
}

.admin-panel .content {
    display: none;
    min-height: 100px;
}
.admin-panel .content a {
    display: block;
}

.admin-panel:hover .content {
    display: block;
    position: absolute;
    right: -161px;
    top: 0;
    padding: 5px 10px;
    border: 1px solid orange;
}