$base-font-size:            1.1rem;
$base-font-family:          'Open Sans', 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:         #454969;
$main-design-text-color:    #fff;
$main-design-sec-color :    #3d3733;
$main-design-border-weight: 1px;
$main-design-radius:        0px;
$main-design-small-radius:  0px;


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

$top-bar-bg-color:          #2a2c3a;
$top-bar-text-color:        #fff;

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

$header-bg-color:           #121820;
$header-text-color:         #fff;
 
$nav-bg-color:              #fff;
$nav-text-color:            #656565;
$nav-active-color:          #000;
$nav-active-bg-color:       #fff;


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

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

$footer-bg-color:           #fff;
$footer-text-color:         #333333;

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

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

$owl-controls-color:        #313131;
$gallery-bg-color:          #000000;

.gallery-head-image{        background: url( ../img/gallery_header.jpg ) center center;  }
.contacts-head-image{       background: url( ../img/vipshop/contacts_header.jpg ) center center; }
.news-head-image{           background: url( ../img/news_header.jpg ) center center;     }
.pages-head-image{          background: url( ../img/vipshop/contacts_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;      }


.gallery-head-image,
.contacts-head-image,
.news-head-image,
.pages-head-image,
.basket-head-image,
.account-head-image,
.categories-head-image,
.not-found-page{
	box-shadow: inset 0 0 10px rgba(99,99,99,.57);
	border-top: 1px solid #afafb1;
    font-weight: 100;
}


body {
	h1 {
        font-size: 2rem;
    }
	table {
		font-size: 0.8em;
	}
    p {
        line-height: 1.6;
		font-size: 0.9rem;
    }
	strong, b {
		font-weight: 600 !important;
	}
	.loading-fld{
		span{
			width: 70px;
			height: 70px;
			background: url( ../img/loader_bar2.gif ) center center no-repeat;
			background-size: 100% auto;
		}
	}
	.pages-head-image span {
		display: block;
		color: #fff;
		margin-top: calc(.61em + 11px);
	}
	.breadcrumbs li {
		font-size: 11px;
		a {
			font-size: 11px;
		}
	}
	.page-description{
		h1{
			font-size: 1.5rem;
		}
	}
    .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;
		}
	}
	.filters-container {
		.search-box #slider-range .ui-slider-handle {
			background: #93688d !important;
		}
	}
	.button,
	button {
		.closeBtn {
			
		}
	}
	.know-how-button {
		background: #2eb2b8;
		color: #fff;
		padding: 3px 15px;
		border-radius: 14px;
		&:hover {
			background: #2d465b;
			color: #fff;
			padding: 3px 15px;
			border-radius: 14px;
		}
	}
	.more-accents a {
		background: #2d465b;
		padding: 10px 30px;
		color: #fff;
		border-radius: 20px;
		&:hover {
			background: #2eb2b8;
			color: #fff;
		}
	}
	.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption {
		background-color: rgba(0, 0, 0, 1);
	}

	.breadcrumbs-container {
		background: #f3f3f3;
		padding-top: 8px;
		box-shadow: inset 0 0 10px rgba(99, 99, 99, 0.1);
	}
	.sort-list-by {
		font-size: .9em;
	}
	.share-in-socials {
		a {
			@include radius( 50% );
			i {
				vertical-align: baseline;
			}
		}
	}
    .header {
        .head {
			border-bottom: 0;
        }
        .cart-wrap .cart .badge {
            border: none;
            background: #fa5d58;
			@include radius(50%);
			line-height: 20px;
			height: 20px;
			width: 19px;
			background: #246882;
        }
		.search {
			background: #2e3352;
			border: 1px solid #c2c2c2;
			input {
				height: 42px;
				width: 100%;
				color: #c0c2d0;
			}
		}
		.my-account {
			background: transparent url(../img/vipshop/profile_icon.svg) center 3px no-repeat;
			background-size: 28px;
			.user-icon {
				content: none;
			}
			p {
				color: #bdbfca;
				font-size: 10px;
				padding-top: 3px;
			}
		}
		.cart-wrap {
			background: transparent url(../img/vipshop/cart_icon.svg) center 5% no-repeat;
			background-position-x: 80%;
			background-size: 28px;
			p {
				color: #bdbfca;
				font-size: 10px;
				padding-top: 3px;
			}
		}
        #slider .owl-pagination {
			margin-top: -80px;
		}
		#slider .item img {
			width: 100%;
			.owl-pagination {
				margin-top: -65px;
			}
		}
		#slider .item .textBox {

			left: 33.33%;
			right: initial;
			background: transparent;
			display: none;
			
			h2 {
				color: #c72026;
				font-weight: 300;
			}
			p {
				color: #fff;
				font-size: 3.1rem;
				font-weight: 100;
				strong {
					color: #ccd019;
				}
				img {
					padding:0;
					max-width: 100%;
					margin:0;
				}
			}
        }
        .message-wrap {
			color: #bdbfca;
		}
		.shrink .message-wrap {
			visibility: visible;
			color: #b7b8bd;
		}
        div.head > div > div > div.message-wrap > p {
            font-size: 14px;
        }
        .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;
				box-shadow: 0 0 16px black;
				margin-bottom: -12px;
				background: #fff;
				border: 3px solid #c3c3c7;
				align-items: center;
				justify-content: space-between;
                &.submenu{
                
                }
            }
            ul li.main-list{
                border-right: none;
				a {
					font-size: .75rem;
					text-transform: uppercase;
					font-weight: 600;
					color: #000000;
				}
            }
            ul li.main-list > a.active{
        		border-bottom: 3px solid #93688d;
        	}	
        	ul li.main-list > a:hover {
	            border-bottom: 3px solid #ffc750;
	        }
			ul.submenu {
				border: none;
				background: #fff;
			}
			background: #121820;
        }
        .search {
			border-radius: 0;
			border: 1px solid #5c606e;
			background: #121820;
		}
		.search button {
			width: 38px;
			height: 38px;
			margin: 2px;
        }
        .search input {
            border: none;
			background: transparent;
			padding-left: 20px;
        }
        .slider-container{
            border-bottom: none;
			background: #2a3146 url(../img/vipshop/header_blue_bg.jpg)center center;
			background-size: auto 55%;
			border-top: 1px solid #5a5a5a;
			div.row {
				width: 100%;
				max-width: 87%;
			}
        }
    }
    
    article {
        .product-item {
			margin-bottom: 1em;
		}
		.additional_pictograms {
            bottom: 8rem;
        }
        &.product-head {
            .additional_pictograms div img {
                width: 30px;
            }
			h1 {
				font-weight: 400;
			}
        }
		.show-all {
			background: #2e3352;
			margin: 30px auto 20px auto !important;
			@include radius(0);
		}
		&.content {
			.page_item.page_list {
				margin-top: 30px;
				margin-bottom: 60px;
				h2 {
					text-align: center;
					font-size: 2rem;
					font-weight: 300;
				}
			}
		}
    }
	
	.tabs-title > a[aria-selected='true'] {
        font-weight: 200;
	}
	
	section.products {
		.categories-list {
			.panel {
				span.count {
					display: none;
				}
			}
		}
	} 

    section.product-info {
        .button {
			background: #3a4a67;
			i {
				vertical-align: unset;
			}
			&.secondary {
				background: #efefef;
				font-size: 12px;
			}
		}
		border-top: 1px solid #efefef;
		.price-wrap {
			span {
				display: none;
			}
			.price nobr b {
				font-size: 1.8rem;
				font-weight: 500 !important;
				vertical-align: baseline;
			}
		}
		.quantity_basket_fld label input {
			border: 1px solid #d4d4d4;
		}
    }
    
    .product-wrapper {
        a {
            h3 {
                min-height: 5em;
				font-size: .9em;
            }
        }
		background-color: #fff;
		margin-bottom: 1rem;
    }
	
	.pictograms {
		right: initial;
		left: 10px;
	}
    
    section {
		h1 {
			font-size: 3rem;
		}
		h1, h2 {
			text-transform: uppercase;
			span.line::after {
				background: url(../img/vipshop/separator.png);
				background-size: 100% auto;
				background-repeat: no-repeat;
				height: 15px;
				width: 240px;
				margin-left: -120px;
			}
		}
		
		&.home-page-text {
            margin: 0 0 0 0;
			background-color: #fff;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2000' height='1666.7' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.07'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/svg%3E");
			background-attachment: fixed;
			h2>span{
				font-weight: 600;
				font-size: 1.2em;
			}
        }
        
		&.special-offers {
			padding-top: 0;
			background: url(../img/vipshop/page_bg.png) center center;
			background-size: 15%;
			.special-offers-outer {
				background: #121820;
				padding: 0;
				border-bottom: 15px solid #121820;
			}
		}
		
		&.pages {
			h1 {
				display:none;
			}
		}
		
		&.news {
			background: #f3f3f3;
			.newsThumb .news_info .button {
				background: #e2e2e2;
			}
		}
        
		&.news.latest_news_bg{
            padding-top: 4em;
			background: #e9e9e9  url(../img/prodavam/chair_bg.jpg) -600px no-repeat;
			background-attachment: fixed;
			
            .news_info{
                background:transparent;
				.news_short_text {
					color: #313131;
				}
				.button {
					@include radius($main-design-radius);
				}
            }
        }
		
		&.account,
		&.contact-page {
			background: url(../img/vipshop/page_bg.png) center center;
			background-size: 16%;
		}
		
		.left .search-box h2.mobiles span {
			font-size: 1rem;
		}
        
        .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/vipshop/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: #000;
					text-shadow: none;
                }
				&.new {
					background: url(../img/vipshop/new_icon.png) no-repeat center center/100% auto;
					span{
						display: none;
					}
				}
            }
        }
        
        .panel-default {
            background: #fff;
			@include box-shadow(2px, 2px, 8px, 0, rgba(128, 128, 128, 0.2), false);
            .panel-header {
                h3{
                    min-height: 4rem;
                }
            }
			&:hover {
				@include box-shadow(2px, 2px, 8px, 0, rgba(128, 128, 128, 0.2), false);
				border:3px solid transparent;
				border-bottom:3px solid #93688d;
			}
			span.count {
				top: calc( 20% - 20px);
			}
        }
        
        &.categories {
            background: url(../img/vipshop/mosaics_air.jpg) repeat center center/57% auto;
			h2 {
				color:#fff;
				span.line::after {
				    background: url(../img/vipshop/separator_white.png);
					background-size: 100% auto;
					background-repeat: no-repeat;	
				}
			}
        }
        
        .basket {
            .empty-cart h3 i {
                color: #ccd018;
            }
        }
        
    }
    
    .top-banners {
		a {
			background-color: initial !important;
			height: 250px;
			padding: 0;
			border-right: 1px solid #2e3352;
			background-size: 100% !important;
			img {
				width: 100%;
				height: auto;
				display: block;
				margin: 0 auto;
				text-align: center;
			}
		}
    }
	.owl-wrapper .owl-item:last-of-type a{
		border-right: none;
	}
	
    .accents {
        .single_accent {
            width: 16%;
        }
        p{
            font-weight: 300;
			color: #2f2f2f;
        }
    }
    .short-description {
        line-height: 1.6rem;
    }
    .feature-text-data {
		background: #fff;
		a {
			@include 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: #93688d;
         div.cnt {
            p {
				font-size: 0.7rem;
				color:#fff;
			}
			p>a {
                text-decoration: none;
				color: #fff;
				vertical-align: unset;
				background: #697ba2;
				padding: 2px 10px;
				@include radius(21px);
            }
         }
    }
    .cookies_message > div.cnt div.b_cnt {
        background: #000000;
        a.btn {
            color: #fff;
			text-transform: uppercase;
        }
    }
    .footer{
		background: $footer-bg-color;
        .f-footer {
            h5 {
                color:#333;
				span.line {
					background: #93688d;
					height: 2px;
				}
				i {
					color: rgba(0, 0, 0, 0.8);
				}
            }
            ul li a{
                color: $footer-text-color;
				&:hover{
                    color:#3badb6;
                }
            }
            p {
                color:#333; 
            }
        }
        .h-footer{
        	background:#efefef;
        	h5{
        		color:#333;
			}
			i{
				color:#333;
			}
        }
        
		.s-footer{
			background:#fff;
            a{
				color:#4c4c4c;
			}
            .text-copy{
                color:#a2a2a2;
            }
		} 
	}
	@media only screen and (min-width: 1441px) {
		.row {
			max-width: 97rem;
		}
		.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: 4rem 0;
		}
		article.promotion .large-3 {
			width: 20%;
		}
		#article-container .large-4 {
			width: 25%;
		}
		.search-wrap {
			width: calc( 80% - 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: 1440px) {
		.header {
			#menumain ul li.main-list > a {
				font-size: .75rem;
				padding: 1rem .6rem;
				text-transform: uppercase;
				font-weight: 600;
			}
			.slider-container div.row {
				max-width: 95%;
			}
			.message-wrap {
				text-align: center;
			}
			#slider .item {
				img {
					width: 100%;
					margin: 5px 0 !important;
				}
				.textBox {
					padding: 1rem;
				}
				.textBox {
					top: 5%;
				}
			}
		}
		.top-banners a {
			height: 180px;
		}
	}
	
	@media only screen and (max-width: 50em) {
		body {
			.top-message-wrap {
				background: #545665;
				.top-message-content p {
					color: #fff;
				}
			}
		}
	
		.header {
			.slider-container div.row {
				max-width: 100%;
			}
			#slider .item img {
				width: 100%;
				margin: 0 !important;
			}
		}
		section h1 span.line::after, section h2 span.line::after {
			width: 140px;
			margin-left: -70px;
		}
		section h1 span.line, section h2 span.line {
			padding: 1rem 0 1rem 0;
		}
		section .left .search-box h2 .fa {
			top: 0;
		}
		footer .social-icons ul.menu {
			margin: 0 auto 0 auto;
		}
		.title-bar.mobile-menu {
			background: #2a2c3a;
			color: #fff;
		}
		.breadcrumbs-container {
			padding-top: 0;
		}
		section .panel-default span.count {
			top: calc( 26% - 20px);
		}
	}
	
	
	
	@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 (max-width: 90em) and (min-width: 64.063em) {
		.header .search input {
			width: 39rem !important;
		}
	}
	
	@media only screen and (max-width: 64em) and (min-width: 40.063em) {
		.header .search input {
			width: 17rem !important;
			font-size: .7rem;
		}
		body .header #menumain ul li.main-list a {
			font-size: 0.67rem;
		}
	}
	
	@media only screen and (max-width: 40em) and (min-width: 20.063em) {
		.header .search {
			border: none;
			input {
				width: 12rem !important;
				font-size: .7rem;
			}
		}
	}
	
	
}