@charset "UTF-8";
@font-face {
    font-family: "Dimplex";
    src:url("f/dimplex.eot");
    src:url("f/dimplex.eot") format("embedded-opentype"),
        url("f/dimplex.woff") format("woff"),
        url("f/dimplex.ttf") format("truetype"),
        url("f/dimplex.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, supl, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, ftr, header, nav, section, summary, time, mark, audio, video, input, textarea, select {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
    outline: none;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
ftr, header, nav, section, audio, video {
    display: block;
}

:focus {
    outline: none;
}

* {
    background-repeat: no-repeat;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    width: 100%;
    height: 100%;    
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    position: relative;
    font-size: 16px;
    background-color: #f5f6f7;    
}

/*

h1:before {
    content: "";
    display: block;
    width: 1rem;
    height: 1.5rem;
    background: #ed1b2d;
    position: absolute;
    left: -2rem;
    top: 0.5rem;
}
*/


body {
    min-height: 100%;
    height: auto;      
    font-family: 'Source Sans Pro', sans-serif, Arial;
    font-size: 1em;
    font-weight: 400;
    color: #000;
    background-color: #fff;      
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    width: 100%;
}

.page {
    min-height: 100%;
    height: 100%;
    width: 100%;   
}

a {
    color: inherit;
    text-decoration: none;
    outline: none; 
}

a:hover {
    color: #ed1b2d;
}

/*
img {
    image-rendering: -webkit-optimize-contrast;
}
*/

h1, h2, h3, h4, .hdr {
    font-family: 'Source Sans Pro', sans-serif;    
    font-weight: 600;
}

b, strong {
    font-weight: 600;   
}

ul, ol {
    list-style: none;
}

.wrapper {
    margin: 0 auto;
    width: 1100px;
    height: 100%;
}

.grid {
    width: 100%;
    display: -webkit-flex;
	display: -moz-flex;	
    display: flex;
    flex-flow: row wrap;
}

.grid > li, .grid > .box {
    display: block;
    float: left;
    vertical-align: top;   
    min-height: 1rem;
}

.grid.col2 > li:nth-child(n+3), .grid.col2 > div:nth-child(n+3), .grid.col3 > li:nth-child(n+4), .grid.col3 > div:nth-child(n+4) {
    margin-top: 2rem;
}

.grid.col4 > *:nth-child(n+5) {
    margin-top: 2rem; 
}

.grid-flex {
    display: flex !important;
    flex-flow: row wrap;
}	
.grid-flex > * {
	flex: 1;
	-webkit-flex: 1;
}

.grid.col2 > * {   
    width: 50%;
    padding: 0 1.5rem 0 0;
}

.grid.col2.wide > .box {   
    padding: 0 !important;
    margin: 0 !important;
}

.grid.col2 > *:nth-child(odd) {
    clear: both;
}

.grid.col2 > *:nth-child(even) {
    padding: 0 0 0 1.5rem;
}

.grid.col2.center > .box:only-child {
	width: 100%;
}

.grid.col3 > li, .grid.col3 > div {   
    width: 33.3%;
    padding: 0 1rem 0 1rem;
}

.grid.col3 > li:nth-child(3n+1), .grid.col3 > div:nth-child(3n+1) {
    clear: both;
}

.grid.col4 > li, .grid.col4 > div {
    width: 25%;
    padding: 0 1rem 0 1rem;
}

.grid.col4 > li:nth-child(4n+1), .grid.col4 > div:nth-child(4n+1) {
    clear: both;
}

.grid.col3 > li:nth-child(3n+1), .grid.col3 > div:nth-child(3n+1), .grid.col4 > li:nth-child(4n+1), .grid.col4 > div:nth-child(4n+1) {
    padding: 0 2rem 0 0;
}

.grid.col3 > li:nth-child(3n), .grid.col3 > div:nth-child(3n), .grid.col4 > li:nth-child(4n), .grid.col4 > div:nth-child(4n) {
    padding: 0 0 0 2rem;
}

.grid.col2-2 > .box:nth-child(1) {
    width: 25%;
    padding-right: 3rem;      
}

.grid.col2-ext > .box:nth-child(1) {
    width: 33.33%;
    padding-right: 2rem;      
}

.grid.col2-ext > .box:nth-child(2) {
    width: 66.66%;
    padding: 0 0 0 1rem;    
}


.page-main .grid.col2-2 > .box.sub + .box  {
    padding-top: 2.75rem;
}

.columns {
    -webkit-column-gap: 3rem;
    -moz-column-gap: 3rem;
    column-gap: 3rem;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    -moz-column-fill: balance;
    column-fill: balance;
	z-index: 100;
}

.columns.count2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.columns.count3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

.columns > ul, .columns > ul > li, .columns > div, .columns > h1, .columns > h2, .columns .h2, .columns > li > ul, .columns p  {
    display: inline-block;
    width: 100%;
}

.columns.list .txt {
    display: inline-block;
    width: 100%;
}

.columns img {
    width: 100%;
    height: auto;
}

.grid.col2-1 > .box:nth-child(2) {
    width: 25%;
    padding-left: 3rem;       
}
  
.grid.col2-2 > .box:nth-child(2), .grid.col2-1 > .box:nth-child(1) {
    width: 75%;
}
/*
.page-main .grid.col2-2 > .box:nth-child(1) {
    width: 33.33%;  
}

.page-main .grid.col2-2 > .box:nth-child(2) {
    width: 66.66%;  
}
*/

.grid.col3-2 > .box:nth-child(1) {
    width: 25%;
}

.grid.col3-2 > .box:nth-child(2) {
    width: 50%;
    padding: 0 1rem 0 0;    
}

.grid.col3-2 > .box:nth-child(3) {
    width: 25%;
    padding: 0 0 0 2rem;       
}

.page-top {
    width: 100%;
    text-align: center;
    z-index: 1000;
    background: #fff;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
    position: fixed;
    -webkit-backface-visibility: hidden;    
    backface-visibility: hidden;  
    top: 0;
    left: 0;
}

.page-top .wrapper {
    background-color: #fff;
    z-index: 200;
}

.page-top.no-shadow {
    box-shadow: none;
}

.svg {
    display: inline-block;
    background-size: 100%;
    background-position: 0 100%;       
}

.page-top > a {
    position: absolute;
    left: 0;
    top: 0;
}
    
.page-top .logo {
    display: block;
    position: absolute;   
    top: 0;
    left: 0;
    width: 160px;
    height: 30px;
    background-image: url('../img/dimplex-logo-red.svg');
    background-position: 0 50%;
    background-size: contain;
}

.icon:before, .dmarker li:before {
    font-family: "Dimplex" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.btn {
    display: inline-block;
    width: auto;
    padding: 0 2em;    
    background: none;
    font-size: 0.875em;
    height: 2.5rem;    
    line-height: 2.5rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    border: 1px solid #ed1b2d;
    color: #ed1b2d;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.btn.white { 
    background: #fff;
}

.btn.grey {
    border: 1px solid #777;
    color: #333;
}

.btn.red, .btn.active {
    background-color: #ed1b2d;
    color: #fff;
}

.btn:hover {
    background-color: #ed1b2d;
    color: #FFF !important;
    border: 1px solid #ed1b2d;
}

.btn.grey:hover {
    background-color: #ed1b2d;
    color: #FFF !important;
    border: 1px solid #ed1b2d;
}

.tools {
    float: left;
}

.tools:after {
    content: "";
    clear: both;
}

.tools .phonetxt {
    letter-spacing: 0.0125em;
    font-family: Arial, sans-serif;
    font-size: 0.8125em;    
    letter-spacing: 0.05em;
    display: inline-block;
}

.tools .icon:before {
    color: inherit;
    vertical-align: middle;
    display: inline-block;
    font-size: 1rem;
    cursor: pointer;
    padding-bottom: 0.125em;
}

.tools .icon:hover:before {
    color: #ed1b2d;
}

.tools .link {
    font-size: 0.6875em;
    text-transform: uppercase;
    border: 1px solid #555;
    padding: 0.5rem;
}

.page-top .tools .menu li {
    line-height: 5.875em;    
}

.tools .menu li+li {
    margin: 0 0 0 1.25em;
}

.icon.phone:before {
    content: "c";
    font-size: 23px;
}

.icon.search:before {
    content: "f";
}

.icon.cartbox:before {
    content: "e";
}

.cartbox span {
    display: none;
}

.cartbox.load span {
    display: block;
    width: 1rem;
    height: 1rem;
    position: absolute;
    right: -0.5rem;
    top: -0.5rem;
    background: #ed1b2d;
    color: #FFFFFF;
    font-size: 0.75rem;
    /* font-weight: 300; */
    line-height: 1rem;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0;
    -moz-border-radius: 1rem;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    text-align: center;
    animation: pulsar 4s;
    -moz-animation: pulsar 4s infinite;
    -webkit-animation: pulsar 4s infinite;
}

.btn.cart:after {
    content: "Almaq";
}

.btn.cart.kamin:after {
    content: "Kamİnİ almaq";
}

.btn.cart.combo:after {
    content: "Dəstİ almaq";
}

.btn.cart.portal:after {
    content: "Portalı almaq";
}

.btn.cart.set:after {
    content: "Səbətdə";
}

.btn.cart.set:hover:after {
    content: "Sİfarİşə keç";
}

.price-block.combo .btn.kamin:after {
    content: "Kamİn seç";
}

.price-block.combo .btn.portal:after {
    content: "Portal seç";
}

.price-block.combo .btn.cart:after {
    content: "Dəstİ almaq" !important;
}

@keyframes pulsar {
    0%   {opacity:1}
    20%  {opacity:0}
    40%  {opacity:1}    
    100%   {opacity:1}
}
 
@-moz-keyframes pulsar {
    0%   {opacity:1}
    20%  {opacity:0}
    40%  {opacity:1}    
    100%   {opacity:1}
}

.page-top .menu-block {
    float: left;
}

.page-top .menu-block:after {
    content: "";
    clear: both;
}

.menu-panel {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    z-index: 100;
    overflow: hidden;
    -webkit-backface-visibility: hidden;    
    backface-visibility: hidden;
    -webkit-transition: all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
    -moz-transition: all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
    transition: all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
    z-index: 900;
}

.menu-panel > div {
    visibility: hidden;
    margin: -1% auto 0 auto;
    opacity: 0;
    padding: 2em 0;
    background-color: #f5f6f7;
    box-shadow: 0 3px 4px rgba(0,0,0,0.4);   	
    -webkit-transform: perspective(600px) rotateX(20deg);
    transform: perspective(600px) rotateX(20deg);
    -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.36, 0.63);
    transition: all 0.3s cubic-bezier(0, 0, 0.36, 0.63);
}

.menu-panel.show {
    height: 100%;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    position: fixed;
}

.menu-panel.show > div {
    top: 0;
    margin-top: 0;
    visibility: visible;
    opacity: 1;
    -webkit-transform: perspective(100px) rotateX(0deg);
    transform: perspective(100px) rotateX(0deg);    
}

.menu-panel .grid {
    margin: 0.5em 0;
}

.menu-panel .grid > li:after {
    content: "";
    clear: both;
}

.menu-panel li > div {
    float: left;     
    vertical-align: top; 
}

.menu-panel .grid > li {
    display: flex;
    padding: 0 !important;
}

.menu-panel li .pic {
    width: 40%;
    padding: 0 1.5em;
}

.menu-panel li+li .pic {
    border-left: 1px dashed #aaa; 
}

.menu-panel li .txt {
    width: 60%;
    font-size: 0.875em;
    font-weight: 300;
    padding: 0 0.5em 0 0em;
    color: #000;     
}

.menu-panel li .hdr {
    font-size: 0.9375em;
    letter-spacing: 0.05em;
    margin-bottom: 0.75em;
    color: #ed1b2d;    
}

.menu-panel li .txt li {
    margin-bottom: 0.25em;
}

.page-top .menu li {
    float: left;      
    color: #333;
}

.page-top .menu-block li {
    font-size: 0.8125em;
    font-weight: 600;
    letter-spacing: 0.125em;
    text-transform: uppercase;    
    margin-right: 1.75em;  
}

.page-top .menu > li.hlight:before  {
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    bottom: 0;
    left: 45%;
    border-top: 1rem solid transparent;
    border-left: 1.5rem solid #f5f6f7;
}

.page-top .fit a {
    display: inline-block;    
    background-color: #ed1b2d; 
    color: #fff;
    -moz-transition: all .3s;    
    -webkit-transition: all .3s;
    transition: all .3s;
    letter-spacing: 0.1em;
}

.page-top .fit.grey a {
    background-color: #b2b4b5;
    color: #fff;
}
    
.page-top .fit span {
    display: inline-block;
    width: 5rem;
    vertical-align: middle;
    overflow: hidden;
    padding: 0 0.75em;
    font-size: 0.8125em;
    font-weight: 700;
    line-height: 1.5;
}

.intro .page-top .fit a {
    background-color: #ed1b2d;   
}

.page-top .fit a:hover {
    color: #fff;
    background-color: #ed1b2d;
}

.tools .icon {
    text-align: center;
    cursor: pointer;
}

.menu li.active > a, .menu li > a.active {
    color: #ed1b2d;    
}





.almaq{
    margin-top: 1.5em;
    width: 12rem;
    padding: 0 1em;
    display: inline-block;
    width: auto;
    padding: 0 2em;
    background: none;
    font-size: 0.875em;
    height: 2.5rem;
    line-height: 2.5rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    border: 1px solid #ed1b2d;
    color: #ed1b2d;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.almaq:hover {
    background-color: #ed1b2d;
    color: #FFF !important;
    border: 1px solid #ed1b2d;
}















.menu li ul {
    display: none;
    padding: 1.5em 0 0.5em 1.5em;
    font-size: 0.875em;
}

.menu li.active ul {
    display: block;
}

.page-top .grid, .page-top .logo, .page-top .menu li {
    height: 6rem;
    line-height: 6rem;
}

.page-top .grid {
    overflow: hidden;
}

.page-main {
    margin-top: 6rem;
    margin-bottom: 4rem;	
}

.hdr {
    font-size: 1.5em;    
    letter-spacing: 0.1em;       
    color: #333;
    display: block;
    text-transform: uppercase;    
}

.hdr.sublight {
    font-size: 1.25em;        
    color: #000;
    font-weight: 300;
    margin-bottom: 1.5rem;
    letter-spacing: 0.05em;
}

.hdr.red {
    color: #ed1b2d;
}

.grid.col3 > .box .hdr, .grid.col3 > .box .hdr-light  {
    font-size: 1.25em;
    margin-bottom: 1.25em;
}

h1, .main-hdr {
    font-size: 1.75em;
    font-weight: 600;      
    letter-spacing: 0.0125em;        
    color: #555;
    margin-bottom: 2rem;
    line-height: 1.25;    
}

.prod h1 {
    font-size: 1.75em;    
    color: #333;
    margin-bottom: 2.5rem;
    line-height: 1.375;     
}

.content h1 {
    letter-spacing: 0.025em;
    font-size: 1.75em;
}

h2, .h2 {
    font-size: 1.5em;
    font-weight: 300;
    letter-spacing: 0.05em;     
    color: #333;
    line-height: 1.25;      
    margin-bottom: 1em;
}

.btn-block {
    text-align: center;
    margin-bottom: 4em;   
}

.btn-block .btn {
    min-width: 16em;
}

.media video {
    position: absolute;
    z-index: 0;
    bottom: 0;
    width: 100%;    
}

.media li {
    line-height: 1;
    width: 100%;
    background-position: 50% 50%;
    background-size: cover;
    opacity: 0;
    min-height: 10em;
}

.media .txt {
    color: #FFF;
    width: 80%;
}

.media .title, .media .subtitle {
    display: block;
    text-align: center;    
}

.media .title {
    /*font-family: 'Geom-EB', sans-serif;*/
    font-weight: 700;
    font-size: 1.25em;
	letter-spacing: 0.075em;
    text-transform: uppercase;
    line-height: 1.5;
    color: #FFF;
}

.media .subtitle {
    line-height: 1.25;
    color: #FFF;    
}

.media.full .title  {
    font-size: 2.5em;
}

.media.half .title, .media.full .subtitle {
    font-size: 2em;
}

.media.half .subtitle {
    font-size: 1.25em;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.media.red {
    background-color: #ed1b2d;
}

.media.grey, .grid.grey {
    background-color: #aaa;
}

.media .bg {
    background: rgba(0,0,0, 0.2) url('/img/bg-texture.png') repeat;
    z-index: 100;
    -moz-transition: all 1s;    
    -webkit-transition: all 1s;
    transition: all 1s;       
}

.media .bg.black {
    background-color: rgba(0,0,0, 0.3);
}

.media:hover .bg.black {
    background: rgba(0,0,0, 0.7);
}

.media .txt .btn {
    margin-top: 3em;
    border: 1px solid rgba(255,255,255,0.7);
    color: #FFF;
    font-size: 0.875em;
}

.media .txt .btn:hover {
    border: 1px solid rgba(236, 28, 46, 0.1);    
    background-color: rgba(236, 28, 46, 1);
}

.media.full {
    background: #000;
}

.media.full, .media.full li {
    height: calc(100vh - 14rem);
	min-height: 20rem;	
}

.intro .media.full, .intro .media.full li {
    height: calc(100vh - 14rem);
}

.media .logo {
    position: absolute;
    z-index: 200;
}

.media .logo.right {
    bottom: 2rem;
    right: 4rem;
}

.media .logo.top {
    top: 2rem;
    right: 4rem;
}

.media .logo img {
    width: 100%;
    max-width: 150px;
    height: auto;
}

.sub .hdr {
    font-weight: 300;
    font-size: 1.25em;
}

.sub .list {
    width: 95%;
    font-size: 0.875em;
    color: #111;
}

.sub .menu {
    margin-top: 3em;
}

.sub .menu li+li, .menu.marks li+li {
    padding-top: 1em;
}

.menu.marks li:before {
    display: inline-block;
    content: "\2013";
    font-weight: 700;
    width: 1em;
}

.loader {
    background: #fff url('/img/loader.gif') 50% 50% no-repeat;
    min-height: 10em;
    width: 100%;
}

.loader.stop {
    background: none;
}

.map {
    width: 100%;
    height: 30rem;
    overflow: hidden; 
}

.map > * {
    visibility: hidden;
}

.map-overlay {
    display: none;
}
.map-overlay.error {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background: rgba(255,255,255,0.8);
    z-index: 200;
    color: #ed1b2d;
    padding-top: 20%;
	text-align: center;	
}	

.map.active > * {
    visibility: visible;
}

.city-select {
    position: absolute;
    z-index: 50;
    right: 7em;
    top: 3em;
    margin: 0;
}


.map .grey {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
}

.map .btn.red {
	font-size: 16px;
	margin: 10px 0;
}

.video-frame {
	max-width: 640px;
    margin: 0 auto;	
    padding: 0 1em 0.5em 0;
}

.youtube, .pic-box .video {
    display: block;
    padding-bottom: 56.25%; /* 16:9 */    
    /* Use 75% for 4:3 videos */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
	margin: 0 auto;
}

.pic-box .video, .youtube.size15 {
    padding-bottom: 66.67%;   
}

.youtube img, .pic-box .video img {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;    
    height: auto;
    cursor: pointer;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    transition: .4s all;
}

.youtube:after, .pic-box .video:after {
    content: "";
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url('../img/play.png') no-repeat;
    cursor: pointer;
}

.youtube img:hover {
    filter: brightness(75%);
    -webkit-filter: brightness(75%);
    -moz-filter: brightness(75%);
    -ms-filter: brightness(75%);	
}

.youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: transparent;
}

.pic.splash {
    background: #F2F3F4 url('../img/dimplex-sign.svg') 50% 0 no-repeat;
    background-size: contain;
}

.trim {
    display: block;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    width: 100%;
}

.trim img  {
    display: block;
    width: 100%;
    height: auto;    
    max-width: 100%;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    image-rendering: -webkit-optimize-contrast;    
}

.trim.s15x10 {
    padding-bottom: 66.67%;
}

.trim.s10x10 {
    padding-bottom: 100%;
}

.trim.s60 {
    padding-bottom: 60%;
}

.pic.combo img {
    max-height: 100%;
    width: auto; 
}

.pic.full img {
    width: 100%;
    height: auto;
    image-rendering: -webkit-optimize-contrast;    
}

.pic.border img {
	border: 1px solid #f0f1f2;
}

.pic.scale img {
    -webkit-transition: transform ease-out .5s;
    -moz-transition: transform ease-out .5s;
    transition: transform ease-out .5s;    
}

li:hover .pic.scale img {
    -webkit-transition: transform ease-out 5s;
    -moz-transition: transform ease-out 5s;
    transition: transform ease-out 5s;    
    -webkit-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);    
}

.grid .pic {
    text-align: center;
    -webkit-animation: fadein 2s; 
    animation: fadein 2s;
    line-height: 0;
}

.tech {
    background-color: #808182;
    z-index: 100;
}

.tech .wrapper {
    width: 100%;
}

.tech .grid {
    padding: 2em 0 2.5em;
}

.tech .box {
    text-align: center;
    color: #FFF;
}

.tech .pic {
    height: 6em;
}

.tech .pic img {
    width: 10rem;
    max-width: 200px;
    height: auto;
}

.txt {
    line-height: 1.375;
}

.tech .txt {
    padding: 0 10%;
    font-size: 0.875em;
}

.tech .box:nth-child(-n+3):after {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    height: 58%;
    border-right: 1px solid #EEE;
}

.tech a {
    color: #fff;    
}

.search-block {
    display: none;
    position: fixed;
    background-color: #ed1b2d;
    color: #FFF;
    width: 100%;
    line-height: 1;
    text-transform: uppercase;
    z-index: 1000;
}
    
.search-block .close { 
    position: absolute;
    width: 1rem;
    top: 3rem;
    right: 0;
}

.search-block form {
    padding: 3rem 0;    
    width: 70%;
}

.search-block .fline .btn {
    border: 1px solid #fff;
    color: #fff;
}
.itemline {
    z-index: 50; 
}

.itemline .grid.col4 > li {
    text-align: center;
    padding: 3em 0 2.5em !important;
}

.itemline .grid > li > a {
    display: inline-block;
}

.pic.full > * {
    display: inline-block;
}

.itemline .pic > span  {   
    height: 10rem;
    width: 10rem;
}


.itemline li:nth-child(1) {
	z-index: 40;
}

.itemline li:nth-child(2) {
	z-index: 30;
}

.itemline li:nth-child(3) {
	z-index: 20;
}

.itemline li:nth-child(4) {
	z-index: 10;
}

.itemline.wrapper {
	width: 100%;
}

.itemline .hvr {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
	background: rgba(0,0,0,0.9);
    z-index: 100;
    color: #fff;
    text-align: left;
    opacity: 0;    
    padding: 2em 3em 3em 4em;
    -webkit-transform: translate(0,-100%);
    -moz-transform: translate(0,-100%);    
    transform: translate(0,-100%);
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
    -moz-transition: transform .4s ease-out, opacity 1.5s;    
    -webkit-transition: transform .4s ease-out, opacity 1.5s;
    transition: transform .4s ease-out, opacity 1.5s;
}

.itemline .middle > *{
	text-align: left;
	max-width: 80%;
}

.itemline .hvr .title {
    display: block;
    font-size: 1.125em;
    font-weight: 600;
    letter-spacing: 0.05em;
    margin-bottom: 1em;
    text-transform: uppercase;
}

.itemline .hvr p {
    color: #FFF;
    line-height: 1.25;
}

.dmarker li {
    padding: 0 0 0.75em 1.5em;
    line-height: 1.25em;
}

.dmarker li:before {
    content: "u";
    font-size: 0.75em;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 0;
    top: 0.25em;
}

.hvr .dmarker li:before {
    top: 0.375em;
}

.dmarker li:hover:before {
    color: #ed1b2d;
}

.itemline li:hover .hvr {     
    opacity: 1;
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);    
    transform: translate(0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}


/*
.itemline li:hover .pic img {
    opacity: 0.3;
    transform: scale(0.5);
}


.itemline .pic img {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;    
}


.itemline .fit {
    line-height: 1.75;
    text-transform: uppercase;
    letter-spacing: 0.075em;
    font-size: 0.9375em;
    font-weight: 600;
    height: 11rem;
    color: #2F3333;    
}

.itemline .fit span {
    display: inline-block;
    border: 1px dotted #000;
    padding: 1.25em;
}

.itemline .fit:hover div,  .itemline .fit:hover span {
    border: 1px solid #ed1b2d;
}
*/

.itemline .fit:hover img {
    content: url('../img/pic/make-kamin-red.png');
}

.itemline .txt {
    margin: 1em 0 0;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.075em;
    font-weight: 600;
    color: #2F3333;
}

.itemline a:hover .txt {
    color: #ed1b2d;
}

.itemline li:hover .txt {
    opacity: 0;
}

.price-block .price span {
    font-family: Arial, sans-serif; 
    padding-right: 0.125em;
    letter-spacing: 0.05em;    
}

.price-block .btn {
    width: 12rem;
    padding: 0 1em;
}

.item {
    padding-bottom: 3em;
}

.grid.item.prodlist {
	padding-bottom: 1em;
}
/* PRODLIST */

.ctl-sect .pic {
    display: block;
    width: 90%;
}

.ctl-sect .box:nth-child(3n) .hdr {
    display: none;
}

.ctl-sect .menu {
    margin-top: 3em;
}

.grid.border.prodlist {
    background: #fff;
    padding-top: 3rem;
}

.prodlist li {
    display: flex;
    margin: 0 0 1em;
}

.prodlist li > div, .item-el > div { 
    border: 1px dashed #fff;
    padding: 1.5em 1em 7em;
    flex: 1;
}

.prodlist.no-btn li > div, .item-el > div {
    padding: 1.5em 1em;
}
	
.prodlist li > div.selected, .item-el > div.selected {
    border-color: #ed1b2d;
}

.prodlist li > div:hover, .item-el > div:hover {
    border: 1px dashed #ccc;
}

.grid.viewed {
    padding-bottom: 0
}

.grid.flex.viewed > li {
    width: 16.66% !important;
    margin: 0;    
}

.viewed li > div {
    padding-bottom: 0.5rem;
}

.badge {
    position: absolute;
    height: 0;
    top: 0;
    left: 0;
    background: #ed1b2d;
    width: 2.25rem;
    height: 2.25rem;
    color: #FFF;
    font-weight: 700;
    font-size: 0.675em;
    letter-spacing: 0.025em;
    z-index: 100;
    text-transform: uppercase;
    border-radius: 100%;
    text-align: center;
    line-height: 1.125em;
    display: table !important;
}

.badge.big {
    width: 4rem;
    height: 4rem;
    left: -1rem;
    top: -1rem;    
}

.badge span {
    display: table-cell;
    vertical-align: middle;    
}

.badge + .badge {
    top: 5em;    
}

.expand .prodlist li > div {
    cursor: pointer;
    padding-top: 3.5em;
}

.prodlist a.techlink {
    display: none;
    position: absolute;
    z-index: 50;    
    top: 0.75em;    
    left: 1em;
}

.prodlist a.techlink img {
    width: 70px;
    height: 28px;  
}

.prodlist a.prodlink {
    display: none;
    position: absolute;
    z-index: 50;    
    top: 1.25em;
    right: 0.75em;
}

.prodlist a.prodlink span:after {
    content: "подробно";
    display: inline-block;
    float: left;
    font-size: 0.625em;
    font-weight: 400;
    vertical-align: top;
    text-transform: uppercase;
    letter-spacing: 0.125em;
    padding: 0.25em 0.5em 0 0.5em;
}

.prodlist li:hover > div a {
    display: block;
}

.expand .prodlist li:hover .btn {
    background-color: #ed1b2d;
    color: #fff;
}

/*
.prodlist li a:hover .search {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255,255,255,0.8);
    text-align: center;
    padding-top: 4em;
}

.prodlist li a:hover .search:before {
    font-size: 2.5em;
}
*/

.item .pic {
    margin: 0;
}    

.item .txt {
    display: block;
    font-size: 0.9375em;
    letter-spacing: 0.025em;
	margin: 0.5em 0;
}

.item .title {
    display: block;
    font-size: 0.9375em;
    line-height: 1.375;
    letter-spacing: 0.025em;
    text-align: center;
    padding-bottom: 0.5em;    
}

.item .pic+.title {
	margin-top: 1em;
}

.item .subhdr {
    display: block;
    font-size: 1.125em;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.375;
    letter-spacing: 0.05em;
    padding-bottom: 0.5em;    
}

.item .note {
    margin: 0 0 0.5em;
	text-align: center;
	font-size: 0.75em;
}

.item .price-block {
    text-align: center;
    position: absolute;
    bottom: 1.5em;
    left: 0;
    right: 0;
}

.item .price {
    font-size: 1.25em;
    line-height: 1;
    text-align: center;
    color: #000;
    padding: 0 0 0 0.25em;
    font-weight: 400;
}

.item .price-block .btn {
    margin-top: 1.5em;
}

.expand .item li {
    display: none;
}

.expand .item li.active {
    display: flex;
}

.expand .item li.active.hide {
    display: none;
}

.item.grid.col4 > *:nth-child(n+5) {
    margin-top: 2rem; 
}

.grid.flex li {
    width: 25% !important;
    padding: 0 1em 1em !important;
    margin: 0 0 3em;
}

.columns.count2.list > li {
	width: 100%;
	display: inline-block;
}

.list > li:not(:last-child) {
    margin-bottom: 1.5em;
}

.list.compact > li {
    margin-bottom: 0.5em;
}

.list > li a {
    line-height: 1.25;
    min-height: 2.25em;
}

.list a.icon {
    display: table;   
}

.list a.icon:before {
    display: block;
    float: left;
    vertical-align: top;
    font-size: 2em;
    width: 1.25em;
    margin: 0.125em 0 0 -.125em;
}

.list a.icon div {
    display: table-cell;
    vertical-align: middle;    
    padding: .25em 0 0 0;
}

.list a.icon span {
    display: block;
    padding-top: 0.25em;
    font-size: 0.875em;
    color: #000;
    font-weight: 300;
}

.list .txt {
    line-height: 1.375em;
    color: #000;
    font-weight: 300;
    margin-top: 0.25em;
}

.pg {
    width: 100%;
    margin: 1rem 0 2em;
}

.pg > a {
    display: inline-block;
    /*font-family: Arial, sans-serif;   */
    text-align: center;
    padding: 1.25em 0.375em 0;
}

.pg > a:after {
    display: block;
    content: "";
    width: 100%;
    height: 0.25em;
    position: absolute;
    left: 0;
    top: -0.0625em;
}

.pg:before {
    display: block;
    content: "";
    width: 100%;
    height: 0.25em;
    background: rgba(0,0,0,0) url('/img/bg-texture.png') repeat;
    position: absolute;
    left: 0;
    top: 0;
}

.pg > a+a {
    margin-left: 1.25rem;
}

.pg .icon:before {
    color: #000;
    display: block;
    position: absolute;
    top: 0.5em;
    font-size: 0.875em;	
}
    
.pg > a.active, .pg .icon:hover:before {
    color: #ed1b2d;
}

.pg > a.active:after {
    background-color: #ed1b2d;
}

.pg span {
    display: inline-block;
    position: absolute;
    right: 0;
    padding-top: 1rem;
    letter-spacing: 0.05em;
}

.pg .linktxt {
    display: inline-block;
	padding: 1em 0 0;
}

.pg .linktxt+.linktxt {
	margin-left: 0.75rem;
}

.pg span a {
    color: #ed1b2d;
    font-weight: 400;
}

.pg span a:hover {
    color: #000;
}

.icon.pdf:before {
    content: "k";
}

.icon.zip:before {
    content: "o";
}

.icon.xls:before {
    content: "p";
}

.icon.doc:before {
    content: "g";
}

.icon.rar:before {
    content: "q";
}

.icon.exe:before {
    content: "s";
}

.icon.file:before {
    content: "r";
}

span.date {
    display: block;
    margin: 1rem 0 0;
    font-size: 0.75rem;
    font-weight: 300;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.follow form {
    margin-top: 1.5em;
}

.social {
	display: -webkit-flex;
    display: -moz-flex;	
    display: flex;
    flex-flow: row wrap;
    align-items: center;	
    margin-top: 1.5em;	
}

.social li {
    display: inline-block;
    text-align: center;	
}

.social li+li {
    margin-left: 2%;
}

.social li a {    
    padding: 0.3125em 0 0.25em;       
    display: block;
    width: 2.25em;
    height: 2.25em;
    color: #ed1b2d;
    opacity: 0.9;
    /*border: 1px solid #c4c3c4; */    
}

.social li a:hover {
    background-color: #ed1b2d;   
    color: #FFF;
    opacity: 1;    
}

.social .icon:before {
    font-size: 1.5em;
    color: inherit;
}

.icon.fb:before {
    content: "n";
    font-size: 1.25em;
	line-height: 1.325; 
}

.icon.inst:before {
    content: "d";
	font-size: 1.25em;
    line-height: 1.375;
}

.icon.vk:before {
    content: "a";
}

.icon.tw:before {
    content: "l";
}

.icon.gl:before {
    content: "b";
    font-size: 1.125em;
    line-height: 1.5;
}

.icon.yb:before {
    content: "m";
	font-size: 1.325em;
    line-height: 1.125; 
}

.icon.sheet:before {
    content: "i";
}


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.small {
    font-size: 0.875em;
    color: #000;
}

.content {
    font-weight: 300;
    line-height: 1.375em;
}

.content *[style*="justify"], .content *[align*="justify"]  {
    text-align: left !important;
}

.content .hdr, .box .hdr {
    margin-bottom: 2rem;
}

.content ul:not(.list):not(.prodlist), .content ol {
    margin: 1em 0 1.5em;
	overflow: hidden;
}

.content h2+ul, .content h3+ul, .content h4+ul,
.content h2+ol, .content h3+ol, .content h4+ol {
    margin-top: 0;
}

.content ul:not(.list):not(.prodlist) li, .content ol li {
    padding: 0 0 0 1.5em;
}

.content ul li+li, .content ol li+li {
    margin-top: 0.75em;
}

.content a {
    color: #000000;
    font-weight: 400;
}

.content a:hover {
    color: #ed1b2d;
}  

.content ul:not(.list):not(.prodlist) li:before {
    display: block;
    color: #ed1b2d; 
    content:"\25A0"; 
    margin-left: -1.5rem;
    padding-right: 1rem;
    position: absolute;
    top: 0; 
}

.content ol li {
    counter-increment: item;
}

.content ol li:before {
    margin-left: -1.5em;
    content: counter(item) '. ';    
    color: #ed1b2d;
    text-align: left;
    position: absolute;
    font-weight: 400;
}

.content p {
    margin-bottom: 1.5em;
}

.content a b {
    font-weight: 400;
    color: inherit;
}

.content b, .content strong {
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #555;
}
.content .lspace {
    letter-spacing: 0.05em;
}

.grid div.box.short {
    padding-right: 3%;
}

.tbl-format {
    width: 100%;
    border-collapse: collapse;
}

.tbl-format td {
    padding: 0 1.5em 0.75em 0;
}

.tbl-format td:after {
    display: block;
    content: "";
    height: 1em;
    border-bottom: 1px solid #DDDDDD;    
}

.tbl-format thead tr td {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;   
    vertical-align: top;
    text-align: left;
}

.tbl-format.col3 td:nth-of-type {
    padding-right: 1em;
}

.intro .content {
    width: 95%;
}

.grid:after, .pic:after {
    content:"";
    display: block;
    clear: both;
}

.media {
    overflow: hidden;
}

.sldr-wrap > li {
    height: 100%;
    text-align: center;    
}

.sldr-wrap > li img {
    display: block;
    width: 100%;
    height: auto;
}

.middle {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
}

.middle > * {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.middle > a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 200;
}

.middle:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.sldr-wrap.sldr-carousel li {
    float: left
}

.sldr-vertical > ul {
    height: 100%
}

.sldr-vertical li {
    float: none;
    width: 100%
}

.sldr-fade .sldr-wrap > li+li {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 5;
}

.sldr-fade .sldr-wrap .active {
    z-index: 10
}

.pic-box .left {
    left: 0;
}

.pic-box .right {
    right: 0;
}

.sldr-nav {
    position: absolute;
    bottom: 2.5em;
    text-align: center;
    width: 100%;
}

.sldr-nav ol {
    text-align: center;
    display: inline-block;
    z-index: 25;
}

.sldr-nav li {
    display: inline-block;
    width: 0.5em;
    height: 0.5em;
    margin: 0 0.75em;
    background: transparent;
    -webkit-border-radius: 50%;    
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    text-indent: -999em;
    background-color: rgba(255,255,255,0.3);
    cursor: pointer;
}

.sldr-nav li:only-child {
    display: none;
}

.sldr-nav li.active {
    background-color: rgba(255,255,255,0.8);
    cursor: default;
}

.texture {
    background: rgba(0,0,0,0.05) url('/img/bg-texture.png') repeat;
}

.greyline {
    height: 1rem;
    margin-bottom: 2.5rem;
}

.redline {
    position:absolute;
    top: 2.5rem;
    left: 0;
    height: 2.25rem;
    width: 0.5rem; 
    background: #ec1c2e;   
}

.path {
    padding: 0 0 1.25em;
}

.path li {
    display: inline-block;
    font-size: 0.75em;
    color: #666;    
    letter-spacing: 0.05em;    
    white-space: pre-wrap;   
}

.path li+li:before {
    content: "|";
    color: #000;
    font-weight: 300;
    padding: 0 0.75em 0 0.5em;
}

.ftr {
	width: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
}

.ftr-block {
    padding-top: 3em;
    background-color: #f5f6f7;
}

.ftr .hdr {
    margin-bottom: 1em;
    font-size: 1.25em;
    font-weight: 300;
    color: #000;
}

.ftr .txt {
    font-size: 0.875em;
}

.ftr .phone {
    font-size: 1.125em;
    font-family: Arial, sans-serif;
    letter-spacing: 0.05em;
    margin-bottom: 1.25rem;
    color: #444;
}

.ftr .phone a {
    display: block;
}

.ftr .phone a+a {
    margin-top: 0.5rem;
}

.ftr .menu {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.ftr .menu li {
    margin-bottom: 0.75em;
    display: inline-block;
    width: 100%;
    font-size: 0.875em;
}

.ftr .title {
    display: block;
    font-weight: 300;
    color: #000;
    line-height: 1.25;
    margin-bottom: 0.75em;
}

.ftr .grid.btm {
    margin-top: 2em;
    padding: 2.5em 0;
    font-size: 0.8125em;
    font-weight: 300;
}

.ftr .fline {
    width: 75%;
    margin-top: 1.5em;
}

.fline {
    overflow: hidden;
}

.fline > * {
    float: left;
    vertical-align: top;
}

.fline:after {
    content: "";
    clear: both;
}

.fline > input, .fline > div:first-of-type {
    width: 65%;
    margin-right: 3%;
}

.fline .btn {
    width: 32%;
    padding: 0;
}

.grid.btm:after {
    display: none;
}

.btm li:last-of-type {
    text-align: right;
}

.hdr-block.border, .grid.border {
    padding: 3rem 0;
    border-top: 1px dashed #ccc;
}

.grid.border, .content.border {
    padding: 4rem 0;
}

.grid.border.bottom, .content.border {
    border-top: 0;
	padding-top: 0;
    border-bottom: 1px dashed #ccc;   
}

.hdr-block.border h1, .hdr-block.border h2, .hdr-block .hdr {
    margin-bottom: 0;
}

.hdr-block.border.bottom {
    border-top: 0;
    border-bottom: 1px dashed #ccc;   
}

.hdr-block h1, .main-hdr {
    text-transform: uppercase;   
}

.hdr-block.def  h1 {
    text-transform: none;     
}

.hdr-block .right {
    position: absolute;
    top: 2em;
    right: 0;
}

.hdr-block .right > * {
    display: block;
}

.light, .light a {
    font-weight: 300;
}

h2.light, .hdr.light {
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 0.05em;
}

.ind {
    padding: 4em 0;
}

.ind2, .border.ind2 {
    padding-top: 2rem;
	padding-bottom: 2rem;
}

.ind3 {
    padding-top: 3rem;
	padding-bottom: 3rem;
}

.mrg {
    margin: 0 0 4em;
}

.mrg2 {
    margin: 0 0 2em;
}

.center {
    text-align: center;
}

.float-right {
    float: right;
    display: inline-block;
    width: 35%;
    padding: 0 0 2em 2.25em;
}

/*PRODUCT*/

.param-prompt {
    font-weight: 300;
    padding: 0 1em 1.5em 0;
}

.param-prompt.line {
    padding-right: 0.25em;
}

.param-line+.param-line {
    margin-top: 1em;
}

.param-line > * {
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 0;
}

.param-line .colors li  {
    margin-bottom: 0;
}

.prod .price-block > div {
    display: inline-block;
    vertical-align: top;
    width: 47%;    
}

.prod .price-block+.price-block {
    padding: 1.5rem 0 0;
}

.prod .price-border {
    border: 1px solid #ddd;
    /* padding: 2rem 0; */
    margin-top: 3rem;
}

.btn.disabled {
    background-color: #ccc;
    color: #fff;
    border-color: #ccc;
}

.prod .price-block .price {
    color: #444;
    font-size: 1.5em;
    line-height: 2.5rem;
    margin: 20px;
}

.price.disabled {
    color: #999 !important;
}

.prod .price-block .price-side {
    margin-right: 3%;
    text-align: right;    
}

.price-block.combo .price-side > * {
    display: none;
}

.price-block.combo .note {
    display: block;
    line-height: 1.25;
    text-align: right;
    padding: 0.25rem 0.25rem 0 0;    
}

.price-block.combo.active .note {
    display: none;
}

.price-block.combo.active .price {
    display: block;
}

.price-block.combo.active .reset-price {
    display: block;
    position: absolute;
    top: 0;
    right: 0;    
}

.prod .ext-block {
    text-align: center;    
    padding: 2rem 2rem 0 6.5rem;
    line-height: 1.375em;
    display: none;
}

.prod .ext-block.active {
    display: block;
}

.prod .offer-name {
    font-weight: 300;
}

.prod .tech-block div {
    display: inline-block;
    width: 35%;
}

.prod .tech-block div+div {
    margin-left: 10%;
}
    
.prod .tech-block img {
    height: auto;
    width: 100%;
}

.prod .tech-block span {
    display: block;
    font-size: 0.85em;
    font-weight: 300;
    line-height: 1.25;
    padding-top: 0.5em;
}

.note {
    font-size: 0.875em;
    font-weight: 300;    
    line-height: 1.35em;
}

.prod .note {
    text-align: center;
    padding: 1rem 0;
}

.grid.prod {
    background: #fff;
    z-index: 100;
}

.prod .param {
    font-size: 0.9375em;
    font-weight: 300;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;	
}

.prod .param dt, .prod .param dd {
    display: inline-block;
    margin-bottom: 1em;
    vertical-align: top;
}

.prod .param dt {
    width: 50%;
    border-bottom: 1px dashed #CCCCCC;
    margin-right: 2%;
}

.prod .param dt span {
    background: #FFFFFF;
    top: 0.25em;
    line-height: 1.3;
    padding-right: 0.4em;
}

.prod .param dd {
    width: 48%;
    font-weight: 400;
    vertical-align: bottom;    
}

.prod .param a {
    font-weight: 600;
}

.prod .param .hidden {
	display: none;
}

.prod .param a .icon:before {
    display: inline-block;
    vertical-align: bottom;
    font-size: 1.5em;
    padding-right: 0.125em;
}

.prod .prod-pic {
    margin-top: 0.5em;
}

.pic-box {
    margin: 0 0 0 4.5rem;
    position: relative;
    text-align: center;
    z-index: 100;
    overflow: hidden;
}

.pic-box .disabled:after {
    display: block;
    content: "Выберите цвет и размер";
    padding-top: 30%;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.125em;
    background: rgba(255,255,255,0.9);
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;  
}

.pic-box img.combo {
    width: auto;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
}

.pic-box > a.hidden {
    z-index: 100;
    visibility: hidden;
}

.pic-box img.disabled {
    display: none;
}

.thumb {
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    margin: 0 0 0.75rem;
    padding: 0.25em;
    position: relative;
    border: 1px solid #ccc;
    background: #fff;
    width: 3rem;
	height: 2.25rem;
}

.thumb:hover  {
    border: 1px solid #ed1b2d;
}

.thumb.active {
    border: 1px solid #ed1b2d !important;
}

.thumb img {
    width: 100%;
    height: auto;
    display: block;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated;
}

.prod-thumb {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 300;
    width: 3rem;
    text-align: center;    
}
/*
.prod-thumb > a:nth-of-type(n+6) {
    display: none;
}
*/
.prod-thumb a {
    text-align: center;
}

.thumb.d3 img {
    display: none !important;
}

.icon.d3:before {
    content:"t";
    font-size: 2em;
    line-height: 0.75em;
    vertical-align: middle;
}

.thumb.video:after {
    content: "\25B6";
    color: #FFFFFF;
    font-size: 1rem;
    line-height: 1;
    font-weight: 700;
    text-align: center;
    display: block;
    width: 100%;
    position: absolute;
    top: 30%;
    left: 0.125rem;
}

.view-3d {
    display: inline-block;
}

.d3-box { 
    position: relative;
    overflow: hidden;
    cursor: move;
    margin: 0 auto;
    padding: 0;
}

.d3-box .spritespin-stage {
    top: 1em !important;
    left: 1em !important;
}

.d3-box, .view-3d {
    width: 300px;
    height: auto;
}

.mfp-content.active .d3-box { 
    background: #fff;
}
/*
#filter-form {
    display: none;
    -webkit-animation: fadein 1s; 
    animation: fadein 1s;    
}
*/

.prod-filter form {
    background: #f5f6f7;
	padding: 1.5em 0 0 1.5em;
    margin-bottom: 1.5em;
}

.filter-group {
    display: inline-block;
    vertical-align: top;
    padding: 0 1em 2em 0;
}

.expand .prod-filter {
    margin-bottom: 2em;
    display: none;
}

.expand .prod-filter.active {
    display: block;
}

.filter-group .title.center {
    margin: 0 0 0.75em;
}

.filter-group .title img {
    width: 28px;
    height: auto;
}

.filter-group .title p {
    display: inline-block;
    vertical-align: top;
    padding-top: 0.5em;
}

.filter-group .colors {
    margin-top: -3px;
}

.filter-group .ballon > li {
    margin: 0 0.75em 0em 0;    
}

.filter-inline {
    display: inline-block;
}

.ballon > li, .expand .ballon > li {
    display: inline-block;
    margin: 0 0.75em 1em 0;
}

.ballon > li > ul {
    width: 0;
    display: none;
    overflow: hidden;
    vertical-align: top;
    margin: -3px 1em 0 0.75em;
}

.ballon > li > * {
    display: inline-block;
    vertical-align: top;
    padding: 0.5em 0.75em;
    letter-spacing: 0.05em;
    font-size: 0.875em;
    border: 1px solid #aaa;
    -mos-border-radius: 1em;    
    -webkit-border-radius: 1em;
    border-radius: 1em;
    cursor: pointer;
    background-color: #fff;
}

#size span {
    font-size: 0.75em;
}
    
.ballon > li.active > * {
    background: #fff;
    border-color: #ed1b2d !important;
    border-style: solid !important;    
    box-shadow: 0 0 1px 0px #ed1b2d inset;      
}

.ballon > li:hover > * {
    background: #fff;
    border: 1px solid #777;    
}

.ballon > li.selected > span {
    border-style: dashed;
    border-color: #ed1b2d;
}

.ballon > li.active:hover:after, .colors > li.active:hover:after {
    display: block;
    position: absolute;
    top: -0.25rem;
    right: -0.25rem;
    width: 1rem;
    height: 1rem;
    content: "\2715";
    color: #fff;
    font-size: 0.75em;
    line-height: 1.25;
    font-weight: 700;
    background: #ed1b2d;
    text-align: center;
    -mos-border-radius: 1rem;    
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    /*pointer-events: none;  */
    cursor: pointer;
}

.ballon > li.disabled > * {
    background: #f5f6f7;
    color: #777;
    border-color: #ccc;
    cursor: default;
}

.ballon > li.active > ul {
    display: inline-block;
    width: auto;  
}

.ballon > li > ul > li {
    margin-bottom: 0;
}

.prod-filter .title {
    margin: 0 0 1.25rem 0.25rem;
    font-size: 0.875em;
    letter-spacing: 0.1em;
    font-weight: 300;
    text-transform: uppercase;
}

.prod-filter .title span {
    text-transform: initial;   
}

.prod-filter .reset {
    display: block;
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    font-size: 0.75em;
    font-weight: 300;
}

.prod-filter input[type=checkbox] {
    display: none;
}

.grey-block {
    background-color: #f2f3f4;
    padding: 0.25em 2em 0.125em;
    font-size: 0.875em;
    font-weight: 300;
    line-height: 1.25;
    margin-bottom: 0.5em;
}


/* FILTER */

.wrap-toggle {
    cursor: pointer;    
}

.wrap-toggle.active:before {
    content: "\276f";
}

.wrap-toggle {
    margin: 0 0 1.5em;
}

.wrap-toggle span {
    border-bottom: 1px dashed;
}

.wrap-toggle.active:before {
    color: #ec1c2e;
}

.wrap-toggle:before {
    content: "\276e";
    display: inline-block;
    margin: 0 1em 0 0.1em;
    font-size: 0.9em;
    line-height: 1;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color: #ec1c2e;
}

input.filter-input-small {
    padding: 0.25rem;
    width: 3rem;
    line-height: 1.5rem;
    text-align: center;
}

.filter-list {
    margin-bottom: 1rem;    
}

.filter-list li {
    padding-bottom: 0.75em;
}

.form.filter .hdr {
    font-size: 1.125em;
    line-height: 1.5;
    padding-bottom: 1.25rem;
    margin-bottom: 0;
}

.form.filter {
    background: #f5f6f7;
    padding: 2rem 1.25rem;
}

.form.filter label {
    font-size: 0.9375em;
}

.form.filter .form-ctrl {
    text-align: center;
}

.form.filter .form-ctrl .btn {
    width: 100%;
}

.sort-block {
    text-align: right;
    margin: 0 0 1.5rem;
    font-weight: 300;
    font-size: .9375em;	
}

.sort-block ul {
    display: inline-block;
	padding-left: 1rem;
}

.sort-block ul li {
    display: inline-block;
	cursor: pointer;
}

.sort-block ul li+li {
    margin-left: 1rem;
}

.sort-block li:after {
    display: none;
    color: #ed1b2d;
    font-size: 0.75em;
    margin-top: 0.125em;
    margin-left: 0.5em;
}

.sort-block li.active:after {
    display: inline-block;
}

.sort-block li[data-sto=asc]:after {
    content: "\25B2";
}

.sort-block li[data-sto=desc]:after {
    content: "\25BC";
}

.sort-block li:hover span {
    color: #ed1b2d;
}

.noUi-target,
.noUi-target * {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -ms-touch-action: none;
   -ms-user-select: none;
   -moz-user-select: none;
}

.noUi-base {
   width: 100%;
   height: 100%;
   position: relative;
}

.noUi-origin {
   position: absolute;
   right: 0;
   top: 0;
   left: 0;
   bottom: 0;
}
.noUi-handle {
   position: relative;
   z-index: 1;
}
.noUi-stacking .noUi-handle {
   z-index: 10;
}

.noUi-state-tap .noUi-origin {
   -moz-transition: left 0.3s, top 0.3s;    
   -webkit-transition: left 0.3s, top 0.3s;
   transition: left 0.3s, top 0.3s;
}
.noUi-state-drag * {
   cursor: inherit !important;
}

.noUi-horizontal {
   height: 2px;
   margin: 0 3px 1em 2px;
   padding: 0;
}

.noUi-handle {
    width: 0.5em;
    height: 1.25em;
    left: -0.25em;
    top: -0.625em;        
    background-color: #ed1b2d;
    /*
    width: 0;
    height: 0;       
    left: -0.25em;
    top: -0.625em;     
    border-top: 0.75em solid transparent;
    border-bottom: 0.75em solid transparent;
    border-right: 1em solid #ed1b2d;
    */
    cursor: pointer;
}
.noUi-handle.noUi-handle-lower {

}

.noUi-extended {
    padding: 0 15px;
}
.noUi-extended .noUi-origin  {
    right: -15px;
}

.noUi-background {
    background: #bbb;
}
.noUi-connect {
    background: #ed1b2d;
	/*
    -moz-transition: background 450ms;
    -webkit-transition: background 450ms;
    transition: background 450ms;
    */
}

.noUi-dragable {
    cursor: w-resize;
}
.noUi-dragable {
    cursor: n-resize;
}

[disabled].noUi-connect,
[disabled] .noUi-connect {
	background: #ccc;
}
[disabled] .noUi-handle {
	cursor: not-allowed;
}

.noUi-state-blocked.noUi-connect,
.noUi-state-blocked .noUi-connect {
	background: #bbb;
}

.filter-range {
    padding: 0.5em 0 0 0;
}

.filter-range >  span {
    position: absolute;
    font-size: 0.875em;
}

.filter-range >  span:first-of-type {
    left: -0.25em;
}

.filter-range >  span:last-of-type {
    right: -0.25em;
}

.filter-group .filter-range {
    min-width: 10.5em;
}

/* COLORS */


.colors:after {
    content: "";
    display: block;
    clear: both;
}

.colors li {
    display: inline-block;
    float: left;
    width: 2.25em;
    height: 2.25em;
    margin-bottom: 0.5em;
    padding: 3px;
    border: 1px solid transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
}

.colors li:not(:last-child) {
    margin-right: 0.375em;
}
    
.colors li span, .colors li label > span {
    display: inline-block;
    margin: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-position: 50% 50%;
    background-size: cover;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.4);   
}

.colors li.disabled, .colors li.restricted {
    cursor: default;
}

.colors li.disabled span,  .colors li.restricted span {
    background: #fff url(/img/bg-texture.png) repeat !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.5);
    cursor: default;
}

.colors li.disabled:hover, .colors li.restricted:hover {
    border-color: transparent;
}

.colors li.disabled:hover p, .colors li.restricted:hover p  {
    display: none;
}

.colors.center {
    text-align: center;
}

.colors.center li {
    float: none;
}

.colors .title {
    margin-bottom: 0.75rem;
}

.colors li.active {
    border: 1px solid #ed1b2d !important;
    box-shadow: 0 0 1px 0px #ed1b2d inset;   
}

.colors li.selected {
    border-style: dashed;
    border-color: #ed1b2d;    
}

.colors li:hover {
    border: 1px solid #CCC;    
}

.colors li p {
    display: none;
    position: absolute;
    width: 5em;
    height: 5em;
    top: -5.5em;
    left: -1.625em;
    background: #FFF;
    border: 1px solid #ccc; 
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 3px;
    margin: 0;
}

.colors li p span {
    z-index: 20;
}

.colors li p:after {
    display: block;
    content: "";
    position: absolute;
    bottom: -0.325em;
    left: 2.125em;
    width: 0.5em;
    height: 0.5em;
    background: #FFF;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 10;
}

.colors li:hover p, .colors li p:hover {
    display: block;   
}

.colors input {
    display: none;
}

.colors label {
    display: block;
    cursor: pointer;
    width: 100%; 
    height: 100%;
}

/* COLORS */

.expand {
    display: none;
    z-index: 50;
}

.expand.active {
    display: block;
}

.tag {
    padding: 1.5rem;
    margin: 0 0 3.5rem 0;
    background-color: #f5f6f7;
}

.tag a {
	display: block;
    font-size: 0.875em;
	font-weight: 400;
	line-height: 1.25em;
    padding: 0 0 0.5rem;
}

.tag a span {
	font-weight: 600;
}

.tag .colors * {
	cursor: default;
}

.tag .more {
	display: inline-block;
    border-bottom: 1px dashed;	
    font-size: 0.8125em;
	padding: 0;
	cursor: pointer;
}

.tag .more:after {
	display: block;
	content: "Еще";
}

.tag .more.active:after {
	content: "Свернуть";
}

.more-block {
	display: none;
}

.tagline li {
    display: inline-block;
    line-height: 1;
    padding: 0 1rem .75rem 0;
    vertical-align: top;
}

.tagline {
    padding-bottom: 0.25rem;
}

/*---END PRODUCT---*/

input,
textarea,
button, select {    
    font-family: inherit;
    font-size: 1em;
    font-weight: 400;
    width: 100%;
    margin: 0;
    padding: 0 0.5em;
    background-color: #FFF;
    border: 1px solid #C3C4C5;
    border-radius: 0;    
    color: #333;
    -webkit-appearance: none;
    -moz-appearance: none;
	-ms-appearance: none;	
    appearance: none;
}

select::-ms-expand {
    display: none;
}


input:focus,
textarea:focus,
select:focus {
    border: 1px solid #777 !important;
}

input[type=file] {
    border: none;
    height: auto;
    padding-bottom: 0.25em;
    background: none !important;   
}

.form input {   
    height: 2.5rem;
}

textarea {
    padding: 0.5em;
    line-height: 1.25em;
}

::-webkit-input-placeholder {color:#999;}
::-moz-placeholder          {color:#999;}
:-ms-input-placeholder      {color:#999;}


/* Change autocomplete styles in WebKit */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: 1px solid #2F3333; 
    -webkit-box-shadow: 0 0 0px 1000px #FFF inset;
    transition: background-color 5000s ease-in-out 0s;
}

select {
    text-indent: 0.01px;
    padding-right: 13%;
    background: #fff url(../img/ctrl-select.png) 95% 50% no-repeat;
    cursor: pointer;
    height: 2.25em;
    border-radius: 0;
	text-align: left;
}

select[disabled], select:disabled {
      opacity: 0.7;
      cursor: not-allowed;
}

select:invalid {
    color: #999;
}

button:disabled,
button[disabled],
input[type=submit]:disabled,
input[type=submit][disabled],
.btn[disabled] {
    border-color: #999;
    background: transparent;
    color: #777 !important;
    cursor: default;
}

.form.border {
    padding: 1.5rem;
    border: 1px dashed #ccc;    
}

.form .title {
    font-size: 1.25em;
    text-transform: uppercase;
	margin-bottom: 1em;
}

.form dt, .form .note {
    font-size: 0.875em;
    font-weight: 300;
    padding: 0 0 0.5em 0.5em;
}

.form dt {
    display: none;
}

.form dd {
    margin-bottom: 1.5rem;
}

.form label span {
    color: #FF0000;
}

.form .step1 {
    visibility: visible;
    opacity: 1;   
}

.form.response .step1 {
    visibility: hidden;
    opacity: 0;
}

.form.response .step2 {
    visibility: visible;
    opacity: 1;
}

.form .step2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    -moz-transition: opacity 1s linear;     
    -webkit-transition: opacity 1s linear;
    transition: opacity 1s linear;
}

.form.response .step2:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.form .step2 p {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 1.5;
    font-weight: 300;
}

.close {
    width: 2em;
    text-align: center;
    display: none;    
}

.close:after  {
    content: "\00D7";
    cursor: pointer;   
    text-decoration: none;
    text-align: center;
    font-size: 2em;
    font-weight: 300;
    line-height: 1.375em;   
}

.close.active {
    display: inline-block;
}

.hdr-block .close {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -1.25em;
}

.form .close {
    position: absolute;
    right: 1.25em;
    top: 1.25em;
    z-index: 300;    
}

.form textarea {
    line-height: 1.25;
}

.form-ctrl {
    margin-top: 2rem;
    text-align: right;
}

.form input[type=checkbox] {
    display: none;
}

.form input[type=checkbox] + label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 1.5rem;
    min-height: 1rem;
    text-align: left;	
}

.form input[type=checkbox] + label:before {
    content: "";
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
    position: absolute;
    left: 0;
    top: 0.125rem;    
    border: 1px solid #333;
}

.form input[type=checkbox]:checked + label:before {
    content: "";
    background-color: #ed1b2d;
    color: #ed1b2d;
    border: 1px solid #ed1b2d;
}

.filter-list input[type=checkbox]:checked + label {
    color: #ed1b2d;
}

.form input[type=radio] {
    display: none;
}

.form input[type=radio] + label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 1.6em;
    margin-right: 12px;
}

.form input[type=radio] + label:before {
    content: "";
    display: inline-block;
    width: 0.75em;
    height: 0.75em;
    position: absolute;
    left: 0;
    top: 0.1em;
    border: 1px solid #AAAAAA;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    line-height: 1;
}

.form input[type=radio]:checked + label:before {
    content: "";
    background-color: #ed1b2d;
    color: #ed1b2d;
    text-align: center;
    border: 1px solid #ed1b2d;
}

dt, dd {
    display: block;
}


.required:after {
    content: "*";
    display: inline-block;
    margin-left: .25em;
    color: #ed1b2d;
}

input.error, textarea.error, select.error {
    border-color: #ed1b2d;
}

.error::-webkit-input-placeholder {color:#ed1b2d;}
.error::-moz-placeholder          {color:#ed1b2d;}
.error:-ms-input-placeholder      {color:#ed1b2d;}

.red-brd {
    border: 1px solid #ed1b2d;
}

a.red {
    color: #ed1b2d;
}

input.red-brd::-webkit-input-placeholder {
    color: #ed1b2d;
}

input.red-brd::-moz-placeholder {
    color: #ed1b2d;
}

.stage-block .stage1 {
    z-index: 500;
    opacity: 1;
    -moz-transition: opacity .5s;    
    -webkit-transition: opacity .5s;
    transition: opacity .5s;    
}

.stage-block.alter .stage1 {
    z-index: 1;
    opacity: 0;
}
    
.stage-block .stage2 {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    left: 0;	
    bottom: auto;
    top: 0;
    z-index: 1;
    -webkit-transform: translate(0,-100%);
    -moz-transform: translate(0,-100%);    
    transform: translate(0,-100%);
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);  
    -moz-transition: transform .4s ease-out, opacity .2s;    
    -webkit-transition: transform .4s ease-out, opacity .2s;
    transition: transform .4s ease-out, opacity .2s;
}

.stage-block.alter .stage2 {
    z-index: 500;    
    opacity: 1;
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);    
    transform: translate(0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/* DESIGNER */

.grid.full > .box:nth-child(odd) {
    padding: 0 0.25rem 0 0;
}

.grid.full > .box:nth-child(even) {
    padding: 0 0 0 0.25rem;
}
/*
.grid.full > .box {
    margin: 0 0 0.25rem 0;
}
*/
.person {
    padding-right: 0.5em;
}

.person+ * {
    padding-left: 0;
}

.person .grid {
    background: #F0F1F2;
}

.person .pic {
    border-radius: 100%;  
}

.person .pic {
    border-radius: 100%;
    background: #FFF;
}

.person .grid .box:nth-child(1) {
    padding: 1.5em;
}

.person .grid .box:nth-child(2) {
    padding: 1.25em 0.75em 0.75em 0; 
}

.person .content {
    margin-top: 0.75em;
    line-height: 1.25em;
}

.person.detail {
    padding-right: 2rem;
}

.person.detail .pic {
    background: #F0F1F2;
}

.item-count {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    background: rgba(0,0,0,0.5);
    color: #FFF;
	font-weight: 600;
    font-size: 1.5em;
    z-index: 50;
    text-align: center;
    vertical-align: middle;
    letter-spacing: 0.1em;
	cursor: pointer;	
}

.item-count span {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
	padding: 0 0.5em;
    transform: translate(0,-50%);
}

.tile {
    width: 30%;
    float: left;
    margin-bottom: 3%;  
}

.tile-gap {
  width: 3%;
}
/*
.icon.signup:before {
	content: "w";
    font-size: 1rem;       

}
.icon.question:before	 {
	content: "y";
    font-size: 0.9375rem;     
}
*/
.icon.vote:before {
    content: "v";
    font-size: 1.5rem;
    color: inherit;
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 0.25rem;
}


.icon.send:before {
    content: "z";
    font-size: 1rem;
    color: #ed1b2d;
    padding-right: 0.5em;
    display: inline-block;
    vertical-align: top;
}


.menu.promo li:not(.icon):before {
    content: "\2015";
    width: 1.5em;
    display: inline-block;
    color: #ed1b2d;
}

.rating {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0, 0.5);
    padding: 0.375em 0.75em;
}

.rating span {
    padding: 0 0 0 0.5rem;
    font-weight: 600;
    font-size: 1.25em;
    color: #FFFFFF;
    display: inline-block;
    vertical-align: middle;
}

.vote {
    cursor: default;
    color: #ccc;       
}

.vote.active {
    cursor: pointer;
    color: #FFF;
}

.vote.active:hover {
    color: #ed1b2d;
}

.vote-info {
    background-color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    line-height: 16px;
    color: #CC0000;
    text-align: center;
    width: 100%;
    padding: 10px 0 10px 0;
    position: absolute;
    left: 0;
    top: 80px;
}

.tab {
	height: 2rem;
	list-style: none;
	border-bottom: 1px solid #E4E4E4;
}
.tab li {
	display: inline;
	font-size: 1em;
	outline: 0;
	border: 0;
	background: #D8D8D8;
	color: #555;
	padding: 0.5rem;
	vertical-align: middle;
	cursor:pointer;
 
}
.tab li:hover {
   background: #2e4c79;
   color: #fff
}
.tab li.active {
   background: #2e4c79;
   color: #fff
}
.tab-frame {
	display: none;
}
.tab-frame.active {
	display: block;
}

.logoitem {
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 90px;
    display: inline-block;	
}
.logoitem.bg {
	background-image: url('../img/pic/partner-bg.png');
	width: 154px;
}
.logoitem.dimplex {
	background-image: url('../img/pic/partner-dimplex.png');
	width: 201px;
}
.logoitem.ad {
	background-image: url('../img/pic/partner-ad.png');
	width: 200px;
}
.logoitem.elitemag {
	background-image: url('../img/pic/partner-elitemag.png');
	width: 200px;
}

.triangle {
	display: block;    
    position: absolute;
    top:0;
    right: 0;
    z-index: 200;
}

.triangle:before {
    content: "";
	display: block;
    position: absolute;
    top:0;
    right: 0;
    border-style: solid;
    border-width: 0 8rem 8rem 0;
    border-color: transparent #ed1b2d transparent transparent;  
}

.triangle span {
    display: block;
    padding: 1.25rem 0.5rem;    
    color: #fff;
    font-size: 0.75em;
    font-weight: 600;
    letter-spacing: 0.075em;
    text-transform: uppercase;
    line-height: 1.25em;
}

a.sticker {
    display: block;
    position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
    /* bottom: -5rem; */
    top: auto;

    border-top: 1.75rem solid #ed1b2d;
    border-left: 1rem solid transparent;
    border-right: 1rem solid transparent;
    height: 0;
    width: 10rem;


    /* border-radius: 100%; */

/*
 *    width: 5rem;
    height: 2.5rem;

    border-radius: 50%;.25
    */

}
/*
.sticker:before {
    content: "";
	display: block;
    position: absolute;
    top:0;
    right: 0;
    
    border-style: solid;
    border-width: 3rem 6rem 3rem 0;
    border-color: transparent #ed1b2d transparent transparent;
}
*/
.sticker span {
    display: block;
    margin-top: -1.25rem;
    color: #fff;
    font-size: 0.6875em;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    line-height: 1.25em;
}

/*

.sticker {
	display: block;
    position: fixed;
    top: 14rem;	
    right: 0;
    z-index: 500;
}

.sticker:before {
    content: "";
	display: block;
    position: absolute;
    top:0;
    right: 0;

    right: -1.5rem;
    width: 7.5rem;
    height: 7rem;
    background-color: #ed1b2d;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;


    border-style: solid;
    border-width: 4rem 7rem 4rem 0;
    border-color: transparent #ed1b2d transparent transparent;
    
}

.sticker span {
    display: block;
    padding: 3rem 1rem 0 0;    
    color: #fff;
    font-size: 0.75em;
    font-weight: 700;
    letter-spacing: 0.075em;
    text-transform: uppercase;
    line-height: 1.25em;
}

.sticker {
	display: block;
    position: fixed;
    top: 10rem;	
    right: -1.5rem;
    z-index: 500;
    width: 8rem;
    height: 8rem;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    border: 1.5rem solid #ed1b2d;
    padding: 0.5rem;
}

.sticker div {
	width: 4rem;
	height: 4rem;
	background: #ed1b2d;
	border-radius: 50%;
}

.sticker div:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.sticker div span {
	color: #fff;
	font-size: 0.6875em;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;	
    display: inline-block;
    vertical-align: middle;
    text-align: center;
	width: 90%;
    padding-left: 0.5rem;
    letter-spacing: 0.05rem;
}
*/

/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: rgba(0,0,0,0.8); 
}

.blur {
    -webkit-filter: blur(2px); 
    -moz-filter: blur(2px); 
    -o-filter: blur(2px);
    filter: blur(2px);     
    -ms-filter: blur(2px); 
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='2');   
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;    
    backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 0.5rem;
}

.mfp-gallery .mfp-container {
	padding-bottom: 8rem;
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
	-webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
    opacity: 0;		
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 980px;

}

.main-gallery .mfp-container {

}

.main-gallery .mfp-img-frame {
    padding: 2rem 0 3rem 0;   
}

.mfp-wrap.main-gallery .mfp-arrow {
    margin-top: -2em;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom, .glr-link, .mfp-link > *, .gallery img {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader, .prod-pic.preloader .pic-box:after {
	content: "";
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    z-index: 800;
    background: #fff url('/img/loader.gif') 50% 50% no-repeat;
    position: absolute;
    left: 0;
    top: 0;
	right: 0;
	bottom: 0;
}

.mfp-preloader {
	background: transparent url('/img/loader2.gif') 50% 50% no-repeat;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

.mfp-arrow, .mfp-close {
    display: block;
    overflow: visible;    
    position: absolute;
    padding: 0;
    margin: 0;
    cursor: pointer;  
    background: transparent;
    border: 0;
    -webkit-tap-hlight-color: rgba(0, 0, 0, 0);    
    -webkit-appearance: none;
    outline: none;
    z-index: 1500;
}

.mfp-wrap .mfp-arrow, .mfp-wrap .mfp-close {
    width: 5rem;
    height: 7rem;
}

.mfp-wrap .mfp-close {
    height: 5rem;
}

.mfp-wrap .mfp-arrow {
    margin-top: -100px;
    top: 50%;    
}

.mfp-arrow {
    top: calc(50% - 1.25rem);
	margin-top: 0;
    color: #000;
    width: 2rem;
    height: 2.5rem;
	font-size: 2rem;
}

.mfp-arrow:not(.slick-disabled):hover:before {
    color: #ed1b2d;
}

.pic-box .mfp-arrow {
    text-shadow: -1px 0px 0px rgba(255,255,255,1);
}

.pic-box .mfp-arrow:hover {
    text-shadow: none;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-arrow.left {
    left: 0;
}

.mfp-arrow.right {
    right: 0;
}

button::-moz-focus-inner {
    border: 0;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
}

.mfp-arrow.slick-disabled {
	opacity: 0.2;
	cursor: default;	
}

.mfp-close {
    top: 0;    
    right: 0;
    margin: 0;
}

.mfp-wrap .mfp-close:before, .mfp-wrap .mfp-arrow {
    color: #fff;
}

.mfp-close:before  {
    content: "\00D7";
    font-size: 1.5rem;    
}

.icon.left:before, .icon.down:before, .icon.up:before {
    content: "\2039";
}

.icon.right:before {
    content: "\203A"; 
}

.icon.up {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);	
}

.icon.down {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);	
}

body.iframe {
    font-size: 1em;
	background: #fff;
}

.mfp-iframe {
    width: 100%;
}

.mfp-iframe-holder.active .mfp-content, .mfp-content.active {
    opacity: 1;
}
/*
.mfp-iframe-holder .mfp-close {
    display: none;
}
*/
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mfp-img-frame {
    padding: 2rem 2rem 8rem;
    text-align: center;
    vertical-align: middle;
    display: table-cell;    
}

.mfp-iframe-modal.short {
    padding: 4em 5em 3em;
    width: 50%;
    max-width: 35em;
    margin: 0 auto;
}
.mfp-iframe-modal {
    background: #FFF;
    padding: 2em;
    line-height: 0;
    width: 100%;
}

.mfp-iframe-modal .mfp-close {	
    width: 3rem;
    height: 3rem;
}

.mfp-iframe-modal .mfp-close:before {
    display: block;	
    color: #333;
    font-size: 1rem;
}

img.mfp-img {
    /*
    display: block;
    max-width: 100%;
    height: auto; */   
    /*height: 100%;*/
    display: inline;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    line-height: 0;
    margin: 0 auto;
    padding: 20px;
    background: #FFF;
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: center;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 1023px) {
    .mfp-container {
        padding-left: 0;
        padding-right: 0;
    }
    img.mfp-img {
        width: auto;
        height: auto;
        max-width: 100%;
    }
}

.mfp-popup-bg {
    background: rgba(0,0,0, 0.4) 
}

.mfp-glr {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 1100;
    padding: 2rem 0 2rem 0;
}

.mfp-glr .thumb {
    margin: 0;
    padding: 6px;
    border-color: #fff;
    width: 6em;
    height: 4em;
    text-align: center;
    margin-left: 1rem;    
}

.mfp-glr .thumb img {
    width: auto;
    height: 100%;
    display: inline-block;    
}

.mfp-glr .thumb.d3:before {
    font-size: 4em;
}

.mfp-glr .video:after {
    font-size: 1.5rem;
}


.dashed {
    border-bottom: 1px dashed;
}
.tag-frame {
	display: block;
	border: 1px dashed #ccc;	
	padding: 1em;
}

.tag-frame:hover, .tag-frame.active {
	border: 1px dashed #ec1c2e;	
}

.tag-frame.active  {
	color: #ed1b2d;
}

.tag-frame .pic:after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
    background: rgba(0,0,0,0.05) url('/img/bg-texture.png') repeat;
}

.tag-frame > div {
	overflow: hidden;
	float: left;
}
	
.tag-frame > div:first-child {
	width: 40%;
}

.tag-frame > div:last-child {
	width: 60%;
}

.tag-frame > div+div {
	padding-left: 1em;
}

.tag-frame:after {
	content: "";
	display: block;
	clear: both;
}

.insertion {
	width: 25%;
    border: 1px solid #ccc;
	padding: 1em;
	float: left;
	clear: both;
	margin: 0 1.5em 1em 0;
	z-index: 300;
}

.columns.count2 .insertion {
	width: 50%;
}

.insertion .title {
	font-size: 1.25em;
	font-weight: 600;
	margin-bottom: 1em;
}

.insertion .pic {
	margin-bottom: 0.5em;
}

.preview-txt {
	font-size: 1.125em;
	font-weight: 400;
	border-bottom: 5px solid #ec1c2e;
	padding-bottom: 2em;
	margin-bottom: 2em;
}

.hdr-block.selector {
    border-bottom: 1px dashed;
    margin-bottom: 3em;
}

.hdr-block.selector > div {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}

.pic-left {
	float: left;
	margin: 0em 1em 0.5em 0;
}

.pic-right {
	float: right;
	margin: 0em 0 0.5em 1em;
}

.content img {
	height: auto;
}

.pic-set {
	display: flex;
	flex-flow: column nowrap;
}

.pic-set.vertical {
	flex-flow: row nowrap;
}

.pic-set.vertical .current {
	margin: 0;
    width: 80%;
    overflow: hidden;	
}

.pic-set.vertical .preview {
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-between;
    width: 20%;
    margin: 0;
    padding-left: 1em;	
}

.pic-set a {
	display: block;
}

.pic-set.vertical .preview a {
    height: 25%;
    overflow: hidden;
	margin: 0;
}

.pic-set.vertical .preview a:nth-child(n+5) {
	display: none;
}

.pic-set .preview {
	display: flex;
	justify-content:  space-between;
	margin-right: -1em;	
}

.pic-set .preview a {
	margin-right: 1em;
}

.pic-set .item-count {
	width: 100%;
	left: 0;
}

.pic-set .item-count.mobile {
	display: none;
}

.pic-set .preview a:nth-child(n+6) {
	display: none;
}

.pic-set .item-count span:after {
	content: "фото";
}


@media (min-width: 1024px) and (max-width: 1189px) {
    html {
        font-size: 15px;
    }
    .wrapper {
        width: 960px;
    }
    .page-top .fit.grey a {
        width: 2.5em;
        overflow: hidden;
        display: none;
    }
    .page-top .fit.grey span {
        display: none;
    }
    .page-top .menu-block li {
        margin-right: 1.5em;
    }
}

@media (min-width: 1190px) and (max-width: 1279px) {
    html {
        font-size: 15px;
    }    
    .wrapper {
        width: 1060px;
    }
    .page-top .menu-block li {
        margin-right: 1.5em;
    }	
}

@media (min-width: 1280px) and (max-width: 1365px) {
    .wrapper {
        width: 1100px;
    }
    .page-top .menu-block li {
        margin-right: 1.5em;
    }	
}

@media (min-width: 1366px) and (max-width: 1439px) {
    .wrapper {
        width: 1200px;
    }    
}

@media (min-width: 1440px) and (max-width: 1599px) {
    html {
        font-size: 18px;
    }
    .wrapper {
        width: 1280px;
    }
}

@media (min-width: 1600px) and (max-width: 1919px) {
    html {
        font-size: 18px;
    }
    .wrapper {
        width: 1400px;
    }
    .d3-box {
        width: 600px;
		height: auto;
    }
    .view-3d {
        width: 500px;
		height: auto;
    }	
}

@media (min-width: 1920px) {
    html {
        font-size: 20px;
    }
    .wrapper {
        width: 1600px;
    }
    .d3-box {
        width: 600px;
		height: auto;
    }
    .view-3d {
        width: 500px;
		height: auto;
    }		
}

.toggleM, .menu-full {
    display: none;
}

.filter-switch {
	display: none;
}

.scrl-thumb {
	display: inline-block;
	width: 1.125em;
	height: 1.125em;
	cursor: pointer;
}

.scrl-thumb.up {
	margin-bottom: 0.75rem;
}

.scrl-thumb:hover:before {
	color: #ed1b2d;
}

.scrl-thumb:before {
    font-size: 1.25rem;
}

/* Slider */

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;	
    margin: 0;
    padding: 0;
	width: 100%;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;

	display: -webkit-box;      
	display: -moz-box;         
	display: -ms-flexbox;      
	display: -webkit-flex;     
	display: flex;             
    flex-flow: row wrap;

}

.slick-track:before, .slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;

}

.slick-slide > div {
  -webkit-box-flex: 1;      
  -moz-box-flex: 1;         
  -webkit-flex: 1;          
  -ms-flex: 1;              
  flex: 1;  
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-initialized .slick-slide {
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;	
    /*flex-direction: column;*/
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.scrl.loader {
    background: none;
	width: auto;
	min-height: 17rem;
}

.scrl.loader:after {
	content: "";
	display: block;
    background: #fff url(/img/loader.gif) 50% 50% no-repeat;
    width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 900;
}

.scrl.loader.stop:after {
	display: none;
}

.slick-gallery .slick-slide > div {
    padding: 0 1em;
}

.slick-gallery .slick-list {
	width: auto;
    margin: 0 -1em;
}

.slick-gallery .mfp-arrow.left {
    left: -2.5rem;
}

.slick-gallery .mfp-arrow.right {
    right: -2.5rem;
}

.slick-gallery .badge.big {
	left: 1rem;
    top: 1rem;
    background: #fff;
    color: #ed1b2d;	
}

.item-fld-block {
    width: 100%;
	background-color: #f5f6f7;
	padding: 1rem 2em 0;	
}

.item-fld-frame:not(.fixed) .wrapper {
	width: auto;
	margin: 0;
}

.item-fld-frame.fixed {
	padding-top: 3.5em;
}

.item-fld-frame.fixed .item-fld-block {
    position: fixed;
    left: 0;
    width: 100%;
	z-index: 900;
    box-shadow: 0 3px 4px rgba(0,0,0,0.4);
	padding: 1rem 0 0;
}

.item-fld-menu {
    width: 100%;
}

.item-fld-menu > li {
	font-size: 0.8125em;
    font-weight: 600;
    letter-spacing: 0.125em;
    text-transform: uppercase;
    white-space: nowrap;    
    display: inline-block;       
}

.item-fld-menu > li {
    display: inline-block;
    font-weight: 600;
    color: #000000;
    padding-bottom: 1.5em;
}

.item-fld-menu > li {
    margin-right: 2rem;
}

.item-fld-menu > li:last-of-type {
    margin-right: 0;
}

.item-fld-menu > li.active {
    color: #E52236;
}

.archive-block {
    text-align: center;
    font-weight: 300;
    line-height: 1.35em;
}

.archive-block a {
    font-weight: 600;	
}


.noUi-horizontal {
    height: 2px;
}

.greyline2 {
    height: 4rem;
    margin-bottom: 2.5rem;
    background-color: #f0f1f2;
}

.scrl-frame {
	overflow: hidden;
}

.scrl {
	padding: 1rem 0 1.5rem;
	/*height: 15rem;*/
}

.fit-kamin {
	z-index: 100;	
}

.grid.fit-kamin > .box:nth-child(2) {
	padding-top: 5rem;
}

.fit-kamin .prod-filter form {
    padding: 1.25rem 0 1.25rem 1.25rem;
}

.fit-kamin .filter-group .title img {
	width: 14px;
}

.fit-kamin .filter-group .title.center {
	margin: 0 0 0.25em;
}

.fit-kamin .filter-group .title p {
    padding-top: 0;
}

.fit-kamin .slick-slide.disabled, .fit-kamin .slick-slide.unfiltered {
	display: none !important;
}

.fit-kamin .item-el {
	cursor: pointer;
	padding: 0.75rem;
	height: 100%;
}

.fit-kamin .item-el.selected div {
	border-color: #ed1b2d !important;
}

.fit-kamin .item-el > div {
    padding: 2rem 0.5rem 1rem;
	height: 100%;	
}

.fit-kamin .item-el:hover > div a {
    display: block;
}

.fit-kamin .prodlist a.prodlink {
    top: 0.5em;
    right: 0.5em;
}

.fit-kamin .item-el .price-block {
    text-align: center;
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
}
.fit-kamin .grid:after {
	display: none;
}

.fit-kamin .prod-filter form {
    margin-bottom: 0;
}

.fit-kamin .item {
	padding: 0 1.5rem;
	position: initial;	
}

.fit-kamin .item .title {
    display: block;
    font-size: 0.875em;
}

.fit-kamin .item .price {
    font-size: 1em;
}

.fit-kamin .filter-wood {
	width: 66%;
	padding-right: 0;
}

.fit-kamin .filter-stone {
	width: 32%;
    padding-right: 0;	
}

.fit-kamin .filter-inline {
	display: block;
}

.fit-kamin .filter-inline .filter-group {
	padding: 0 0 2em 0;
	width: 24%;
}

.fit-kamin .filter-inline .filter-group + .filter-group {
	padding-left: 1em;
}

.fit-kamin .filter-inline .filter-range {
	width: 100%;
	min-width: 100%;
}

.fit-kamin #combo .pic {
	border: 1px solid #ccc;
	padding: 1rem;
}

.fit-kamin #combo-block.fixed {
	position: fixed;
	top: 0;
	width: 100%;
}

.fit-kamin #combo .txt {
    text-align: center;
    padding: 2rem 0;
}

.fit-kamin #combo .name {
    font-weight: 300;
	padding: 0 0 1rem;
}

.fit-kamin #combo .price {
	display: inline-block;
	margin: 0 1rem 0 0;	
	font-size: 1.25em;
}

.fit-kamin .item-el.selected .uncheck {
    display: block;
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
    width: 1rem;
    height: 1rem;
    line-height: 1;
    background: #ed1b2d;
    text-align: center;
    -mos-border-radius: 1em;    
    -webkit-border-radius: 1em;
    border-radius: 1em;
    cursor: pointer;
	z-index: 100;
}

.fit-kamin .item-el.selected .uncheck:after {
	display: inline-block;
    text-align: center;	
	content: "\2715";
    color: #fff;
    font-size: 0.75rem;
	vertical-align: top;	
    line-height: 1.25;
    font-weight: 700;
}

.iframe .citySelect {
	position: absolute;
	top: 4rem;
	right: 1rem;	
	width: auto;
	display: none;
	z-index: 500;
}

.scrl .empty-text {
	display: none;
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%;
    text-align: center;
	font-weight: 300;
	font-size: 1em;
	line-height: 1.375em;
}
.scrl.empty .empty-text {
	display: block;
	
}