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


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

$top-bar-bg-color:          #f5e9e8;
$top-bar-text-color:        #222222;

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

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


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

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

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

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

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

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

.gallery-head-image{        background: url( ../img/gallery_header.jpg ) center center;  }
.contacts-head-image{       background: url( ../img/sofclima/contacts_header.jpg ) center center; }
.news-head-image{           background: url( ../img/news_header.jpg ) center center;     }
.pages-head-image{          background: url( ../img/sofclima/contacts_header.jpg ) center center;    }
.basket-head-image{         background: url( ../img/sofclima/account_header.jpg ) center center;   }
.account-head-image{        background: url( ../img/sofclima/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;
    }
	table {
		font-size: 0.8em;
	}
    p {
        line-height: 1.6;
		font-size: 0.9rem;
    }
	.ui-dialog-buttonset button.ui-button {
		@include radius(18px);
	}
	strong, b {
		font-weight: 600 !important;
	}
	.loading-fld{
		span{
			width: 200px;
			height: 70px;
			background: url( ../img/sofclima/loading.gif ) center center no-repeat;
			background-size: 100% auto;
		}
	}
	.pages-head-image {
		span {
			display: block;
			color: #2b796f;
			margin-top: calc(.61em + 11px);
		}
	}
	.breadcrumbs li {
		font-size: 13px;
		font-weight: 600;
		color: #24ad9d;
		a {
			font-size: 13px;
			font-weight: 600;
		}
	}
	button.btn_ask_for_credit {
		display: none;
	}
    .title-fix {
        margin: -4px 0 0 34px;
    }
	.input-group-label {
		border: none;
		background: transparent;
	}
	label {
		font-size: 14px;
	}
	.page-images {
		a.picture {
			p {
				text-align: center;
				min-height: 69px;
				margin-bottom: 15px;
				margin-top: 15px;
			}
		}
	}
	.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;
		}
	}
	.owl-theme .owl-controls .owl-page span {
		@include radius(50%);
	}
	.filters-container {
		.search-box {
			#slider-range .ui-slider-handle {
				background: #099c89 !important;
			}
			.moreBox {
				display: block !important;
			}
			p.more {
				display: none;
			}
			label {
				line-height: 30px;
				img {
					height: 12px !important;
					vertical-align: baseline;
				}
			}
		}
	}
	.top-message-wrap {
		display: none;
		.top-message-content {
			padding: 7px 0;
			p {
				font-weight: bold;
				color: red;
				text-align: center;
			}
		}
	}
	.button,
	button {
		@include radius(30px);
		.closeBtn {
			
		}
		background: #099c89;
	}
	.ui-dialog {
		header {
			img {@include radius(10px);}
		}
		#leasingForm .credit-info {
			@include radius(10px);
		}
		.insurance {
			background:#dcdcdc;
			padding: 10px 0 0 10px;
		}
	}
	.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;
		}
	}
	#sync2 {
		.owl-controls {
			display: none;
		}
	}

	.breadcrumbs-container {
		background: #f2f2f2;
	}
	.sort-list-by {
		font-size: .9em;
	}
	.share-in-socials {
		a {
			@include radius( 50% );
			i {
				vertical-align: baseline;
				line-height: 25px;
			}
		}
	}
    .header {
		.top-bar-container {
			background: linear-gradient(rgb(255, 255, 255) 0%, rgb(218, 218, 218) 100%);
		}
        .head {
			border-bottom: 0;
        }
		#my-account-dropdown {
			b {
				font-weight: 300 !important;
				font-style: italic;
				font-size: 1.5rem;
			}
		}
		.head.sticky.is-stuck.is-at-top {
			border-bottom: 1px solid rgb(214, 214, 214);
			box-shadow: rgba(191, 191, 191, 0.47) 0px 0px 10px;
		}
        .cart-wrap .cart .badge {
            border: none;
            background: #019ee5;
			color: #fff;
			@include radius(50%);
			line-height: 20px;
			height: 20px;
			width: 19px;
        }
		.search {
			border: none;
			input {
				height: 42px;
				width: 100%;
				border: 1px solid #cac8c8;
			}
			button {
				background: #222 url(../img/sofclima/search_icon.svg) center center no-repeat;
				background-size: 28px;
				&:hover {
					background: #903d3c url(../img/sofclima/search_icon.svg) center center no-repeat !important;
					background-size: 28px;
				}
			}
			.fa-search:before {
				content: none;
			}
		}
		.mobile-search-button {
			background: #fff url(../img/sofclima/search_icon_b.svg) center center no-repeat;
			background-size: 36px;
			height: 32px;
			i.fa-search:before {
				content: none;
			}
		}
		.my-account {
			background: transparent url(../img/sofclima/profile_icon_b.svg) center 15% no-repeat;
			background-size: 28px;
			.user-icon {
				content: none;
			}
			p {
				color: #000;
				font-size: 11px;
				font-style:italic;
				padding-top: 3px;
			}
			a.registration {
				display: initial;
				background: #edb0ac;
				padding: 5px 10px;
				color: #fff;
				font-size: .9em;
				border-radius: 16px;
			}
		}
		.cart-wrap {
			background: transparent url(../img/sofclima/cart_icon_b.svg) center 15% no-repeat;
			background-position-x: 80%;
			background-size: 28px;
			p {
				color: #000;
				font-size: 11px;
				font-style:italic;
				padding-top: 3px;
			}
		}
        #slider {
			.owl-buttons {
				.owl-prev {
					left: 20px;
					@include radius(50%);
				}
				.owl-next {
					right: 20px;
					@include radius(50%);
				}
			}
		}
		#slider .owl-pagination {
			margin-top: -80px;
			.owl-page span {
				@include radius(50%);
			}
		}
		#slider .item img {
			width: 100%;
			margin: 0;
			.owl-pagination {
				margin-top: -65px;
			}
		}

		#slider .item .textBox {

			left: 33.33%;
			right: initial;
			background: transparent;
			.button {
				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: #272727;
		}
		.shrink .message-wrap {
			visibility: visible;
		}
		div.head > div > div > div.message-wrap > p:nth-child(1){
            margin-bottom: 5px;
            font-size: 12px;
            font-weight: 400;
            text-align: center;
			min-height: 70px;
        }
        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{
        	border-top: 1px solid #eaeaea;
			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 #079b89;
        	}	
        	ul li.main-list > a:hover {
	            border-bottom: 3px solid #079b89;
	        }
            background: $nav-bg-color;
        }
        .search {
			border-radius: 0;
		}
		.search button {
			width: 38px;
			height: 38px;
			margin: 2px;

			@include radius(50%);
        }
        .search input {
			background: transparent;
			@include radius(20px);
			@include placeholder {
					font-style:italic;
					color: #333;
					font-weight:100;
				}
			padding-left: 20px;
        }
        .slider-container{
            border-bottom: none;
			background: #fff;
			background-size: auto 55%;
			border-top: 1px solid #efe3e3;
			div.row {
				width: 100%;
				max-width: 100%;
			}
        }
    }
    
    article {
        .contact {
			background: #f8f5f5;
		}
		.product-item {
			margin-bottom: 1em;
		}
		.additional_pictograms {
            bottom: 8rem;
        }
        &.product-head {
			.gallery-viewer {
				margin-top: 5px;
			}
			p.info {
				font-weight: 600;
			}
            .additional_pictograms div img {
                width: 30px;
            }
			h1 {
				font-weight: 400;
			}
			.table-product-type {
				font-size: .9em;
				button.btn_ask_for_credit {
					display: none;
				}
			}
        }
		.show-all {
			background: #989898;
			margin: 30px auto 20px auto !important;
			padding: 7px;
			@include radius(16px);
			&:hover {
				background: #099d8a;
				color: #fff;
			}
		}
		&.content {
			.page_item.page_list {
				margin-top: 30px;
				margin-bottom: 60px;
				h2 {
					text-align: center;
					font-size: 2rem;
					font-weight: 300;
				}
			}
		}
    }
	.tabs-title > a {
		font-size: 15px;
	}
	
	.tabs-title > a[aria-selected='true'] {
        font-weight: 600;
		font-size: 15px;
		border-bottom: 3px solid #099c89;
	}
	
	section.products {
		.categories-list {
			.panel {
				span.count {
					display: none;
				}
			}
		}
	}
	
	section.contact-page article.contact, 
	section.account article.account {
		background: #f3f3f3;
	}
	
    section.product-info {
		border-top: 1px solid #efefef;
        .button {
			i {
				vertical-align: unset;
			}
			&.secondary {
				background: #efefef;
				font-size: 12px;
			}
		}
		.price-wrap {
			span {
				display: block;
			}
			.price nobr b {
				font-size: 1.8rem;
				font-weight: 500 !important;
				vertical-align: baseline;
			}
		}
		.quantity_basket_fld label input {
			border: 1px solid #d4d4d4;
		}
		p.promo b {
			font-weight: 300 !important;
		}
		p.price-valid {
			display: none;
		}
		.serias-producer {
			border: 1px solid transparent;
			p {
				font-size: .8em;
			}
		}
		.pictograms {
			left:0;
			top: 60px;
		}
    }
    
    .product-wrapper {
        a {
            h3 {
                min-height: 5em;
				font-size: 1.1em;
				font-weight: 600;
            }
			p.price {
				font-size: 1.3em;
			}
			.product-hover-wrapper {
				p.button.add-to-cart {
					@include radius(16px);
					padding: 7px;
					width: auto;
					color:#fff;
					font-size: 12px;
					&:hover {
						color:#fff;
					}
					&.ask-for-article {
						display: none;
					}
				}
				div.options {
					top: 215px;
					span {
						background-color: #212121;
						color: #fff;
						border: none;
					}
				}
			}
			.additional_pictograms {
				display: none;
			}
        }
		
		background-color: #fff;
		margin-bottom: 1rem;
		&:hover {
			div.product-hover-wrapper {
				box-shadow: none;
			}
		}
    }
	
	.pictograms {
		right: initial;
		left: 0;
		top: 70px;
	}
    
    section {
		h1 {
			font-size: 2.5em;
		}
		h1, h2 {
			text-transform: uppercase;
			span.line::after {
				background: #079b89;
				background-size: 100% auto;
				background-repeat: no-repeat;
				height: 3px;
				width: 140px;
				margin-left: -70px;
			}
		}
		
		&.home-page-text {
            margin: 0 0 0 0;
			background: url(../img/sofclima/home_bg.jpg) repeat-x top center;
			background-attachment: fixed;
			h2>span{
				font-weight: 600;
				font-size: 1.2em;
				color: #fff;
			}
			p {
				color: #fdfdfd;
			}
        }
        
		&.special-offers {
			padding-top: 0;
			background: none;
			background-size: 15%;
			.special-offers-outer {
				background: #fff;
				padding: 0;
				border-bottom: none;
			}
		}
		
		&.pages {
			h1 {
				display:none;
			}
		}
		
		&.news {
			background: $news-page-bg;
			.newsThumb .news_info .button {
				background: #e2e2e2;
				@include radius(20px);
			}
			.news_info {
				.date {
					display: none;
				}
			}
			.singleNews {
				.extra {
					display: none;
				}
			}
		}
        
		&.news.latest_news_bg{
            padding-top: 4em;
			background: #e9e9e9 ;
			background-attachment: fixed;
			
            .news_info{
                background:transparent;
				.news_short_text {
					color: #313131;
				}
				.button {
					@include radius(20px);
				}
            }
        }
		
		&.account,
		&.contact-page {
			background: #fff;
		}
        
        .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/sofclima/promo_label.svg) no-repeat center center/100% auto;
                width: 40px;
                height: 40px;
                span{
                    display: block;
					font-size: 13px;
					line-height: 40px;
					letter-spacing: -.8px;
					color: #C2000B;
					text-shadow: none;
                }
				&.new {
					background: #b53336;
					color: #fff;
					height: 20px;
					span{
						line-height: 20px;
						color: #fff;
					}
				}
            }
        }
        
        .panel-default {
            background: #fff;
			@include box-shadow(2px, 2px, 8px, 0, rgba(228, 211, 210, 1), 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 $main-design-color;
			}
			span.count {
				top: calc( 20% - 20px);
			}
        }
        
        &.categories {
            background: none;
			h2 {
				color:#fff;
				span.line::after {
				    background: none;
					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: 600;
			color: #ffff;
			font-size: .9em;
        }
		span.index_page_accent {
			background-size: 40% auto;
			background-position: center;
			padding-top: 50%;
		}
    }
    .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: #64a496;
         div.cnt {
            p {
				font-size: 0.7rem;
				color:#fff;
			}
			p>a {
                text-decoration: none;
				color: #000;
				vertical-align: unset;
				background: #9edccf;
				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;
				font-weight: 600;
				span.line {
					background: #00806f;
					height: 2px;
				}
				i {
					color: rgba(0, 0, 0, 0.8);
				}
            }
            ul li a{
                color: $footer-text-color;
				&:hover{
                    color:#d48f8b;
                }
            }
            p {
                color:#333; 
            }
			.button {
				background: #f2f2f2;
			}
        }
        .h-footer{
        	background:#f2f2f2;
        	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: 87rem;
		}
		.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( 50% - 390px );
		}
		.categories-list {
			h2 {
				min-height: 4rem;
				font-size: 1rem;
			}
			.large-4 {
				width: 20%;
			}
		}
		
		section {
			h2 {
				font-size: 2.4rem;
				font-weight: 600;
			}
		}
	}
	
	@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: 78%;
				max-width: 100%;
			}
			.message-wrap {
				text-align: center;
			}
			#slider .item {
				img {
					width: 100%;
					margin: 5px 0 !important;
				}
				.textBox {
					padding: 1rem;
					top: 5%;
					.button {
						display: none;
					}
				}
			}
		}
		.top-banners a {
			height: 180px;
		}
	}
	
	@media screen and (max-width: 1370px) {
		.header .logo {
			max-width: 240px;
		}
	}
	
	@media only screen and (max-width: 50em) {
		.header {
			.slider-container {
				display: none;
			}
			.slider-container div.row {
				max-width: 100%;
			}
			#slider .item img {
				width: 100%;
				margin: 0 !important;
			}
		}
		.table-product-type {
			font-size: 1.1em;
		}
		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;
		}
		.product-wrapper {
			a .product-number {
				padding-bottom: initial;
			}
			.product-hover-wrapper div.options {
				top: 205px;
			}
		}
		footer .social-icons ul.menu {
			margin: 0 auto 0 auto;
		}
		.title-bar.mobile-menu {
			color: #fff;
			background: transparent;
		}
		.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: 25rem !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: calc(100% - 30px);
				background: #fff;
				font-size: .7rem;
			}
		}
	}
	@media screen and (max-width: 29.938em) and (min-width: 15em) {
		.search.is-open {
			margin-top: 44px;
		}
		.header .logo {
			max-width: 160px !important;
			max-height: 52px;
		}
		
	}
	
	
}