$base-font-size:            .9rem;
$base-font-family:          "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
$base-font-weight:          300;
$base-font-color:           #4c4b42;

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

$logo-max-width:            260px;

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

$loading-field:             rgba(255,255,255,.7);

$main-design-color:         #724F74;
$main-design-text-color:    #fff;
$main-design-sec-color :    #59325e;
$main-design-border-weight: 1px;
$main-design-radius:        0;


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

$top-bar-bg-color:          #562852 !important;
$top-bar-text-color:        #fff !important;

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

$header-bg-color:           #572752;
$header-text-color:         #fff;
 
$nav-bg-color:              #fff;
$nav-text-color:            #3d3732;
$nav-active-color:          #9b86b2;
$nav-active-bg-color:       #fff;


$price-color:               #4a4a4a;
$old-price-color:           #7b7b7b;
$promo-price-color:         #ed2678;

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

$footer-bg-color:           #5A325D;
$footer-text-color:         #ffffff;

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

$light-gray:                #e6e6e6;
$dark-gray:                 #292929;

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

.gallery-head-image{        background: none; display: none; }
.contacts-head-image{       background: none; display: none; }
.news-head-image{           background: none; display: none; }
.pages-head-image{          background: none; display: none; }
.basket-head-image{         background: none; display: none; }
.account-head-image{        background: none; display: none; }
.categories-head-image{     background: none; display: none; }
.not-found-page{            background: url( ../img/biokilera/404_header.jpg ) center center;      }
.slider-container{          background:#aa9c8f url( '../img/biokilera/slider_bg.jpg' ); background-position: center center; background-repeat:no-repeat; background-size: 100% auto; }

body {
    h2 {
        font-size: 2.6em;
    }
	
	section h1, section h2 {
        margin-bottom: 2rem;
		font-size: 2rem;
	}

    .slider-container {
        background: #aa9c8f url(../img/biokilera/slider_bg.jpg) center center no-repeat/100%; 
        background: none;
    }
    
    section.home-page-text {
        background: whitesmoke url(../img/biokilera/white_wood_bg.jpg) no-repeat center center;
    }
	
	.show-all {
		background: #836084;
	}
	
	.its-a-free {
		display: none;
	}
	
	.title-fix {
        margin: -3px 0 0 34px;
	}
	
	.page-description {
        padding: 0;
	}
    
    section.pictures,
    section.gallery {
        background-attachment: fixed;
        background-image: none;
        background-color:#562752;
        background-size: cover !important;
        background-position: 50% 0 !important;
    }
	
	.portfolio_caption {
        background-image: url(../img/instagram.png) !important;
		background-repeat: no-repeat !important;
		background-position: center center !important;
	}
    
    .slider-container {
        border-bottom: none;
    }
    
    #menumain {
        ul {
            margin-left: 0px !important;
        }
    }
    
    .top-banners {
        .item a {
            height: 200px;
            -webkit-background-size: 90% auto !important;
            -moz-background-size: 90% auto !important;
            -o-background-size: 90% auto !important;
            background-size: 90% auto !important;
        }
    }
    
    .promotion {
        padding: 4rem 0 1rem 0;
    }
    
    .header {
        .head {
            border-bottom: 3px solid #836184;
        }
        .logo{
            margin-bottom:0;
        }
        #slider .item .textBox {
            background: rgba(88, 49, 94, 0.88);
            display: none;
        }
        
        #slider .item img {
            width:100%;
            margin:0;
        }

        #menumain ul li.main-list > a {
            font-weight: 300;
        }
        
        #menumain ul li.main-list > a:hover {
            color: #ffffff;
            background-color: #815f84;
            border-bottom: 3px solid #d58aa5 !important;
            &.drop:before {
                color: #ffffff; 
            }
        }
        
        .cookies_message > div.cnt div.b_cnt {
            background: #a55aa7;
        }
        
        .cookies_message {
            background: #211120;
        }
        
        .cookies_message > div.cnt p a {
            color: #dfbae0;
        }
        
        .top-bar-container .top-bar a,
        .top-bar-container .top-bar .social a {
            color: #ffffff;
        }
        #slider .item .textBox p {
            font-weight: 300;
            color: #ece9d7;
            font-size: 18px;
            font-style: italic;
        }
        #slider .item .textBox h2 {
            font-weight: 500;
        }
        #menumain ul li.main-list > a.active {
            border-bottom: none;
        }
        .search input {
            background: #826084;
            border: none;
            &:focus{
                box-shadow: 0 0 25px #331331;
            }
        }
        .search button {
            background: #724F74;
            &:hover{
                background: #595959;
            }
        }
    }
    
    .top-banners a {
        background-color: #fff !important;
    }
    
    .cart-wrap .cart .badge {
        background: #916d94;
    }
    
    .mobile-search-button i, .user-wrap i, .message-wrap i, .cart-wrap i {
        color: #fff;
    }
    
    .user-wrap, .cart-wrap {
        border-left: 1px solid #714f74;
    }
    
    
    section.news .newsThumb .news_info {
        h4{
            color:#58325e;
        }
        .button {
            background: #e7e4ea;
        }
    }
    
    .my-account {
        .cart_button{
            p{
                display: none;
            }
        }
    }
    
    .cart{
        a{
            p{
                display: none;
            }
        }
    }
    
    
    .fa.fa-user.user-icon,
    .cart>.fa.fa-shopping-cart{
        border: 2px solid #ffff;
        width: 44px;
        height: 44px;
        border-radius: 50%;
        line-height: 40px;
        text-align: center;
        font-size: 25px;
        &:hover{
            color:#b59bb7;
        }
    }
    
    section .product-info {
        .button {
            background: $main-design-color !important;
            &:hover{
                background: $dark-gray !important;
            }
        }
		
        .price-wrap {
            .price nobr b {
                font-size: 2.5rem;
                font-weight:400 !important;
            }
        }
        
    }
    
    .categories-list span.count {
        top: calc( 50% - 70px);
		display: none !important;
    }
    

    .panel-default{
        &:hover{
            box-shadow: none !important;
			span {
				display: none !important;
			}
        }
    }
    
    .galWrap, section.pages .video {
        background: $dark-gray !important;
    }
    
    section.categories{
        .panel-header{
            display: none;
        }
    }
    
    .price-label.new {
        background: #18a79d !important;
        width: 60px;
        span {
            font-weight: 600;
            font-size: 18px;
            text-shadow: none;
            text-transform: uppercase;
        }
    }
    
    section article .price-label.promo {
        text-align: center;
        border-top-left-radius: 22%;
        border-top-right-radius: 0%;
        border-bottom-right-radius: 22%;
        border-bottom-left-radius: 0%;
        line-height: 60px;
        width: 60px;
        height: 60px;
        background: #ec2579;
        span {
            line-height: 57px;
            font-weight: 600;
            font-size: 20px;
            letter-spacing: -2px;
            text-shadow: none;
        }
    }
    
    section article .price-label.new {
        text-align: center;
        border-top-left-radius: 22%;
        border-top-right-radius: 0%;
        border-bottom-right-radius: 22%;
        border-bottom-left-radius: 0%;
        line-height: 60px;
        width: 60px;
        height: 60px;
        background: #dce6b2 !important;
        span {
            line-height: 57px;
            font-weight: 600;
            font-size: 14px;
            letter-spacing: 1px;
            text-shadow: none;
            color: #615841;
        }
    }
    
    section {
        .left .search-box .checkBoxes .moreBox {
            display: block;
        }
        
        .left .search-box .checkBoxes p.more {
            display: none;
        }

    }
    
    
    .styledBtn.lg-button.readmore{
        background: $main-design-color;
        color: $main-design-text-color;
        &:hover{
            background: #815f84;
        }
    }
    
    article {
        &.extra-info {
            background: #ffffff;
            .tabs-panel {
                padding: 0;
				p{
					font-size: .9rem !important;
				}
            }
        }
        .have-a-question{
            display:none;
        }
    }
	
	.short-description {
        font-size: .9rem;
	}
    
    .button.secondary{
        color:#fff;
        background-color: #714f74;
    }
    
    section .left .search-box #slider-range .ui-widget-header {
        background: #a08ca0;
    }
	
	.product-hover-wrapper {
        div.options{
			div.product-number {
				display: none;
			}
        }
	}
    
    footer {
        .f-footer {
            .button{
                background:#e2d8e1;
            }
            h5 {
                color: #fff;
            }
            ul li a{
                color: #d0bdd0;
                &:hover{
                    color:#fefefe;
                }
            }
            p {
                color: #fefefe;
            }
        }
        .h-footer {
            background: #eceaec;
        }
        .s-footer {
            background: #391d3c;
			.text-copy {
				color: #ccc6cc;
			}
        }
    }
    
}

@media screen and (min-width: 1370px) {
    .search input {
        width: 40rem !important;
    }
}

@media screen and (max-width: 29.938em) and (min-width: 15em) {
    .header .logo {
		max-height: 44px;
	}
}