$base-font-size:            1.1rem;
$base-font-family:          'Roboto', sans-serif;
$base-font-weight:          300;
$base-font-color:           #4c4b42;

$site-max-width:            81rem;
$step-size-heading:         0.25;
$side:                      1px;

$logo-max-width:            342px;

$page-header-height:        90px;
$head-image-height:         120px;

$loading-field:             rgba(255,255,255,1);

$main-design-color:         #c31818;
$main-design-text-color:    #fff;
$main-design-sec-color :    #3d3733;
$main-design-border-weight: 1px;
$main-design-radius:        0;
$main-design-small-radius:  0;


$base-text-color:           #000;
$base-active-color:         #df1023;

$top-bar-bg-color:          #000000;
$top-bar-text-color:        #a1a1a1;

$red:                       #df1023;
$error-color:               #f14125;
$error-text-color:          #fff;

$header-bg-color:           #fff;
$header-text-color:         #fff;
 
$nav-bg-color:              #f1f1f1;
$nav-text-color:            #3d3732;
$nav-active-color:          #c72026;
$nav-active-bg-color:       #fff;


$price-color:               #000000;
$old-price-color:           #7b7b7b;
$promo-price-color:         #df1023;

$news-page-bg:              #f1f1f1;
$gallery-bg:                #373538;

$footer-bg-color:           #c72026;
$footer-text-color:         #ffffff;

$sfooter-bg-color:          #af0c12;
$sfooter-text-color:        #949494;

$light-gray:                #efefef;
$dark-gray:                 #595959;

$owl-controls-color:        #595959;
$gallery-bg-color:          #efefeff0;

.gallery-head-image{        background: url( ../img/gallery_header.jpg ) center center;  }
.contacts-head-image{       background: url( ../img/contacts_header.jpg ) center center; }
.news-head-image{           background: url( ../img/news_header.jpg ) center center;     }
.pages-head-image{          background: url( ../img/pages_header.jpg ) center center;    }
.basket-head-image{         background: url( ../img/basket_header.jpg ) center center;   }
.account-head-image{        background: url( ../img/account_header.jpg ) center center;  }
.categories-head-image{     background: url( ../img/categories_header.jpg ) center center;  }
.not-found-page{            background: url( ../img/404_header.jpg ) center center;      }


body {
	h1 {
        font-size: 2rem;
    }
    p {
        line-height: 1.6;
		font-size: 0.9rem;
    }
	.loading-fld {
		span {
			background-size: 50%;
		}
	}
    .title-fix {
        margin: -4px 0 0 34px;
    }
	.input-group-label {
		border: none;
	}
	label {
		font-size: 14px;
	}
	.messageOnIndex {
		background: rgba(230, 228, 228, 0.99);
		color: #000;
		border: 5px solid #c7c4bf;
		box-shadow: 0 0 22px rgba(0, 0, 0, 0.37);
		text-align: center;
		a {
			border: none;
		}
	}
	.button,
	button {
		.closeBtn {
			
		}
	}
    .header {
        .head {
			border-bottom: 3px solid #c72026;
        }
        .cart-wrap .cart .badge {
            border: 2px solid #fff;
            background: #c72026;
        }
		.my-account {
			background: transparent url(../img/stol4ebg/profile.png) top center no-repeat;
			background-size: 30px;
			.user-icon {
				content: none;
			}
		}
		.cart-wrap {
			background: transparent url(../img/stol4ebg/cart.png) top center no-repeat;
			background-position-x: 84%;
			background-size: 30px;
		}
        #slider .owl-pagination {
			margin-top: -80px;
		}
		#slider .item img {
			width: 100%;
			.owl-pagination {
				margin-top: -65px;
			}
		}
		#slider .item .textBox {
            background: rgba(242, 242, 243, 0.87) !important;
			h2 {
				color: #c72026;
				font-weight: 300;
			}
			p {
				color: #333;
				strong {
					color: #ccd019;
				}
				img {
					padding:0;
					max-width: 100%;
					margin:0;
				}
			}
        }
        .shrink .message-wrap {
			visibility: visible;
		}
		div.head > div > div > div.message-wrap > p:nth-child(1){
            margin-bottom: 5px;
            font-size: 22px;
            font-weight: 600;
            text-align: center;
        }
        div.head > div > div > div.message-wrap > p:nth-child(2){
            font-size: 12px;
        }
        .shrink  .logo-wrap {
			padding-left: 15px;
			img.logo {
				height: initial;
			}
		}
		.logo {
			border-bottom: none;
			@media only screen and (min-width: 64.063em) and (max-width: 90em) {
				max-height: 65px;
			}
        }
        .mobile-search-button, .user-wrap, .message-wrap, .cart-wrap {
            border-left: none;
        }
        .user-wrap i, .cart-wrap i {
            color: #171717;
			opacity: 0;
        }
		.user-wrap i {
			opacity: 0;
		}
		.button.login i{
			opacity: 1;
		}
        #menumain{
        	ul {
                margin-left:0;
                &.submenu{
                
                }
            }
            ul li.main-list{
                a {
					font-size: 1rem;
					font-weight: 600;
				}
            }
            ul li.main-list > a.active{
        		border-bottom: 3px solid #c72026;
        	}	
        	ul li.main-list > a:hover {
	            border-bottom: 3px solid #c72026;
	        }
            background: $nav-bg-color;
        }
        .search button {
            background: #000000;
        }
        .search input {
            border: none;
			background: #f1f1f1;
			border-top-left-radius: 24px;
			border-bottom-left-radius: 24px;
			padding-left: 20px;
        }
        .slider-container{
            border-bottom: none;
        }
    }
    
    article {
        .additional_pictograms {
            top: .2rem;
			width: 25%;
			div img {
                width: 100%;
            }
        }
        &.product-head {
            .additional_pictograms div img {
                width: 30px;
            }
        }
		.show-all {
			background: #df1123;
		}
    }

    section.product-info {
        border-top: 1px solid #efefef;
    }
    
    .product-wrapper {
		.product-hover-wrapper {
			div.options {
				span {
					width: auto;
					padding: 2px;
					line-height: 14px;
					margin: 2px 1px;
				}
				@media screen and (max-width: 29.938em) and (min-width: 15em) {
					display: none !important;
				}
			}
		}
		a {
            h3 {
                min-height: 3.7em;
				font-size: .8em;
            }
			p.promo {
				font-size: 1rem;
			}
        }
    }
    
    section {
        &.home-page-text {
            background: whitesmoke url(../img/stol4ebg/customer_bg.jpg) no-repeat center center/100% 130%;
            margin: 0 0 0 0;
        }
        
		&.special-offers {
			padding-top: 0;
			.special-offers-outer {
				background: #efefef;
				padding: 15px;
			}
		}
		
		&.news {
			background: #f3f3f3;
			.newsThumb .news_info .button {
				background: #e2e2e2;
				border-radius: 15px;
			}
		}
        
		&.news.latest_news_bg{
            background: #e9e9e9  url(../img/stol4ebg/chair_bg.jpg) -600px no-repeat;
			background-attachment: fixed;
			
            .news_info{
                background:transparent;
				.news_short_text {
					color: #313131;
				}
				.button {
					border-radius: 13px;
				}
            }
        }
        
        .left .search-box #slider-range .ui-widget-header {
            background: #595959;
			&.ui-corner-all {
			}
        }
		
		span.ui-slider-handle.ui-corner-all.ui-state-default {
			border-radius: 50% !important;		
		}
        
        &.news .newsThumb .imgNews a {
            background-size: auto 150%;
        }
        
        article{
            .price-label{
				background: url(../img/stol4ebg/promo_label.png) no-repeat center center/100% auto;
                width: 60px;
                height: 60px;
                span{
                    display: block;
					font-size: 16px;
					line-height: 60px;
					letter-spacing: -.8px;
					color: #c31818;
					text-shadow: none;
                }
				&.new {
					background: url(../img/stol4ebg/new_icon.png) no-repeat center center/80% auto;
					span{
						display: none;
					}
				}
            }
        }
        
        .panel-default {
            background: #fff;
            .panel-header {
                h3{
                    min-height: 4rem;
                }
            }
        }
        
        &.categories {
            background: #f3f3f3;
        }
        
        .basket {
            .empty-cart h3 i {
                color: #ccd018;
            }
        }
        
    }
    
    .top-banners a{
        background-color: initial !important;
        height: 150px;
        background-size: 100% !important;
		img {
			width: 100%;
			height: auto;
			display: block;
			margin: 0 auto;
			text-align: center;
		}
    }
    .accents {
        .single_accent {
            width: 16%;
        }
        p{
            font-weight: 300;
			color: #2f2f2f;
        }
    }
    .short-description {
        line-height: 1.6rem;
    }
    .feature-text-data {
		background: #fff;
		a {
			border-radius: 20px;
			background: #bfbfbf;
			margin-top: 15px;
			padding: 9px 0.8em;
			font-size: 14px;
		}
	}
	.feature-text-data .imgThumb img {
        height: 300px;
        margin: 0 auto 30px auto;
        display: block;
    }
    .cookies_message {
        background: #9e151a;
         div.cnt {
            p {
				font-size: 0.7rem;
			}
			p>a {
                color:#ffffff;
            }
         }
    }
    .cookies_message > div.cnt div.b_cnt {
        background: #c72026;
        a.btn {
            color: #fff;
        }
    }
    .footer{
		background: $footer-bg-color;
        .f-footer {
            h5 {
                color:#fff;
				span.line {
					background: #ffffff;
					height: 2px;
				}
            }
            ul li a{
                color: $footer-text-color;
				&:hover{
                    color:#f7b9bc;
                }
            }
            p {
                color:#fff;
            }
        }
        .h-footer{
        	background:#b90d14;
        	h5{
        		color:#fff;
			}
			i{
				color:#fff;
			}
        }
        
		.s-footer{
			background:#333333;
            a{
				color:#fff;
			}
            .text-copy{
                color:#a2a2a2;
            }
		} 
	}
	@media only screen and (max-width: 1440px) {
		.header #slider .item {
			img {
				width: 90%;
				margin: 5px auto !important;
			}
			.textBox {
				padding: 1rem;
			}
			.textBox {
				top: 5%;
			}
		}
	}
	
	@media only screen and (max-width: 50em) {
		section .left .search-box h2 .fa {
			top: 0;
		}
		footer .social-icons ul.menu {
			margin: 0 auto 0 auto;
		}
		.title-bar {
			background: #f1f1f1;
		}
		.filters-container {
			.title-bar {
				background: #3e3e3e;
			}
		}
	}
	
	@media (max-width: 40.2em) and (min-width: 30em) {
		.search.is-open {
			margin-top: 53px;
		}
		.header .search input {
			border-top-left-radius: 0;
			border-bottom-left-radius: 0;
		}
		section.home-page-text {
			background-size: cover;
		}
		section article .price-label span {
			line-height: 52px;
		}
		section.categories {
			padding-bottom: 2rem;
		}
		section.categories {
			padding-top: 2rem;
			padding-bottom: 2rem;
		}
	}
}