$base-font-size:            1.1rem;
$base-font-family:          'Ubuntu', sans-serif;
$base-font-weight:          300;
$base-font-color:           #000;

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

$logo-max-width:            150px;

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

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

$main-design-color:         #cc1e27;
$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:         #cc1e27;

$top-bar-bg-color:          #f1f1f1;
$top-bar-text-color:        #444444;

$red:                       #cc1e27;
$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:         #cc1e27;

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

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

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

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

$owl-controls-color:        #eaa449;
$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;
    }
    .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 {
        .loading-fld {
			span {
				background: url(../img/lazur/loader_bar.gif) center center no-repeat;
				background-size: 300%;
			}
		}
		.is-dropdown-submenu-item {
			a {
				font-size: 1.1rem !important;
			}
		}
		.slider-wrapper {
			overflow: unset;
			height: auto;
			@media only screen and (max-width: 1480px) {
				
			}
			@media screen and (max-width: 29.938em) and (min-width: 15em) {
				height: 120px;
				overflow: hidden;
			}
		}
		.slider-container {
			div.row {
				width: 100%;
				max-width: 100% !important;
			}
		}
		.head {
			border-bottom: 1px solid #bb9840;
			background: #fff;
			div.row div.columns {
				padding-top: 0;
				padding-bottom: 0;
			}
        }
        .cart-wrap .cart .badge {
            border: 2px solid #fff;
        }
		.my-account {
			background-size: 33px;
			.user-icon {
				--content: none;
			}
		}
		.cart-wrap {
			background-position-x: 84%;
			background-size: 33px;
		}
        #slider .owl-pagination {
			margin-top: 20px;
			.owl-page {
				span {
					opacity: 1;
				}
			}
		}
		#slider .item img {
			width: 100%;
			margin: 0;
			.owl-pagination {
				margin-top: -65px;
			}
		}
		#slider .item .textBox {
            display: none;
			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-wrap {
			margin: 5px 0;
			.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: #eaa449;
			opacity: 1;
        }
		.user-wrap i {
			opacity: 1;
		}
		.button.login i{
			opacity: 1;
		}
        #menumain{
			> div > div > ul > li:nth-child(2) > a { 
				background: $main-design-color; color: #fff !important; 
			}
			> div > div > ul > li:nth-child(2):hover > a { 
				background: #ab0a13; color: #fff !important; 
			}
		
        	ul {
                margin-left:0;
                &.submenu{
                
                }
            }
            ul li.main-list{
                a {
					font-size: 1rem;
					font-weight: 600;
					&.drop {
						&::before {
							top: 16px;
						}
					}
				}
            }
            ul li.main-list > a.active{
        		border-bottom: 3px solid $main-design-color;
        	}	
        	ul li.main-list > a:hover {
	            border-bottom: 3px solid $main-design-color;
				background: transparent;
	        }
            background: $nav-bg-color;
        }
        .search button {
			background: #a83137;
			border-radius: 50%;
			width: 36px;
			height: 36px;
			margin: 7px 7px 0 0;
			border: 1px solid white;
			box-shadow: 0 0 1px 2px #a83137;
			i {
				vertical-align: -7%;
			}
        }
        .search input {
            border: none;
			background: #f1f1f1;
			@include radius(24px);
			padding-left: 20px;
			width: -webkit-fill-available;
        }
        .slider-container{
			background: none ;
            border-bottom: none;
			div.row {
				width: 100%;
				max-width: 80%;
			}
        }
    }
	
	.product-list-container {
		.product-number {
			display: none !important;
		}
	}
    
    article {
        .additional_pictograms {
            bottom: 8rem;
			div img {
                width: 90px;
            }
        }
        &.product-head {
            .additional_pictograms div img {
                width: 30px;
            }
        }
		.show-all {
			background: #a83137;
			@include radius(0);
		}
    }

    section.product-info {
        border-top: 1px solid #efefef;
		button.btn_ask_for_credit {
			display: block;
			&:hover {
				color:#111;
			}
		}
		.askforcredit_container {
			display: block;
		}
		.product-variants .table-product-type span.btn_ask_for_credit {
			display: block;
		}
    }
    
    .product-wrapper {
        .product-hover-wrapper {
			div.options span {
				width: 90px;
			}
		}
		a {
            h3 {
                min-height: 3.7em;
				font-size: .8em;
            }
			p.promo {
				font-size: 1rem;
			}
        }
    }
    
    section {
        &.home-page-text {
            margin: 0 0 0 0;
        }
        
		&.special-offers {
			padding-top: 0;
			.special-offers-outer {
				background: #363634;
				padding: 15px;
			}
		}
		
		&.news {
			background: #f3f3f3;
			.newsThumb .news_info .button {
				background: #121214;
				color: #fff;
				border-radius: 0;
			}
			h4 {
				font-weight: 500 !important;
				color: #121214;
			}
			
		}
        
		&.news.latest_news_bg{
            background: #e9e9e9  url(../img/lazur/blog_bg.jpg) left top no-repeat;
			background-size: cover;
			background-attachment: fixed;
			padding: 2em 0;
			
			@media only screen and (max-width: 50em) { 
				background: #e9e9e9;
			}
			
            .news_info{
                background:transparent;
				.news_short_text {
					color: #313131;
				}
				.button {
					border-radius: 0;
				}
            }
        }
        
        .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/lazur/promo_label.png) no-repeat center center/95% auto;
                width: 65px;
                height: 65px;
                span{
                    display: block;
					font-size: 16px;
					line-height: 65px;
					letter-spacing: -.8px;
					color: #fff;
					font-size: 1em;
					text-shadow: none;
                }
				&.new {
					background: url(../img/lazur/new_label.png) no-repeat center center/95% auto;
					@include radius(0);
					span{
						display: none;
					}
				}
            }
        }
        
        .panel-default {
            background: #fff;
            .panel-header {
                h3{
                    min-height: 4rem;
					@media only screen and (max-width: 50em) {
						 min-height: 2rem;
					}
                }
            }
			.panel-body>img{
				height: 225px;
        		margin: 30px 0;
				margin: 0;
			}
        }
        
        &.categories {
			padding-top: 4rem;
            background: #f3f3f3;
			@media only screen and (max-width: 50em) {
				padding-top: 1.5rem;
			}
        }
        
        .basket {
            .empty-cart h3 i {
                color: #ccd018;
            }
        }
        
    }
    
    .top-banners a{
        background-color: initial !important;
        height: auto;
        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: #fec051;
         div.cnt {
            p {
				font-size: 0.8rem;
				color:#000;
			}
			p>a {
                color:#000;
				vertical-align: unset;
            }
         }
    }
    .cookies_message > div.cnt div.b_cnt {
        background: #c52128;
        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;
            }
			.footer_colons {
				color: #c1c1c1;
			}
			@media only screen and (max-width: 50em) {
				padding-bottom: 0rem;
			}
        }
        .h-footer{
        	background:#121214;
        	h5{
        		color:#fff;
			}
			i{
				color:#fff;
			}
        }
        
		.s-footer{
			background:#121214;
			@media only screen and (max-width: 50em) {
				margin-bottom: 2em;
			}
            a{
				color:#fff;
			}
            .text-copy{
                color:#a2a2a2;
            }
		} 
	}
	@media only screen and (max-width: 1440px) {
		.header #slider .item {
			img {
				width: 100%;
				margin: 0 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;
		}
		.header #menumain ul.submenu {
			margin-left: 0;
		}
		
	}
	
	@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;
		}
	}
}

@media only screen and (min-width: 1441px) {
	.row {
		max-width: $site-max-width;
	}
	.sider-outer {
		width: 100%;
		float: none;
	}
	.top-fld-xl-resolution {
		display: none;
		width: calc(25% - 30px);
		float: right;
		background: #efefef;
		margin-top: 30px;
		margin-bottom: 30px;
		height: 300px;
		@include radius($main-design-radius);
	}
	article.promotion  {
		padding: 2rem 0;
	}
	article.promotion .large-3 {
		width: 20%;
	}
	#article-container .large-4 {
		width: 25%;
	}
	.search-wrap {
		width: calc( 60% - 390px );
	}
	.categories-list {
		h2 {
			min-height: 4rem;
			font-size: 1.1rem;
		}
		.large-4 {
			width: 20%;
		}
	}

	section {
		h2 {
			font-size: 3rem;
		}
	}
}

@media only screen and (max-width: 50em) {
	body.header_on_top .top-message-wrap {
		padding: 3px;
	}
	body.header_on_top #menumain {
		width: 100%;
		left: 0;
	}
}

@media screen and (min-width: 15em) and (max-width: 29.938em) {
	body {
		.categories-list {
			.xs-12 {
				width: 50% !important;
				padding: 7px;
			}
			.panel-default .panel-body>img {
				height: 120px;
				margin: 0;
				object-fit: cover;
			}
			h2 {
				font-size: 1.1rem !important;
			}
			a {
				margin-bottom: 0;
			}
		}
	}
	#page-index > section.special-offers.clearfix > div:nth-child(1) > article > div > div:nth-child(7),
	#page-index > section.special-offers.clearfix > div:nth-child(1) > article > div > div:nth-child(8),
	#page-index > section.special-offers.clearfix > div:nth-child(1) > article > div > div:nth-child(9),
	#page-index > section.special-offers.clearfix > div:nth-child(1) > article > div > div:nth-child(10) {
		display: none;
	}
	
	#page-index > section.special-offers.clearfix > div:nth-child(2) > article > div > div:nth-child(7),
	#page-index > section.special-offers.clearfix > div:nth-child(2) > article > div > div:nth-child(8),
	#page-index > section.special-offers.clearfix > div:nth-child(2) > article > div > div:nth-child(9),
	#page-index > section.special-offers.clearfix > div:nth-child(2) > article > div > div:nth-child(10) {
		display: none;
	}
}