/* http://meyerweb.com/eric/tools/css/reset/
   v2.0-modified | 20110126
   License: none (public domain)
*/

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

/* make sure to set some focus styles for accessibility */
:focus {
    outline: 0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    -moz-appearance: none;
}

input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    max-width: 100%;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html,
button,
input,
select,
textarea {
    color: #222;
}


::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
/* open-sans-300 - latin_cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('/assets/fonts/open-sans-v18-latin_cyrillic-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/assets/fonts/open-sans-v18-latin_cyrillic-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/assets/fonts/open-sans-v18-latin_cyrillic-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('/assets/fonts/open-sans-v18-latin_cyrillic-300.woff') format('woff'), /* Modern Browsers */
         url('/assets/fonts/open-sans-v18-latin_cyrillic-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/assets/fonts/open-sans-v18-latin_cyrillic-300.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  /* open-sans-regular - latin_cyrillic */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('/assets/fonts/open-sans-v18-latin_cyrillic-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/assets/fonts/open-sans-v18-latin_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/assets/fonts/open-sans-v18-latin_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('/assets/fonts/open-sans-v18-latin_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
         url('/assets/fonts/open-sans-v18-latin_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/assets/fonts/open-sans-v18-latin_cyrillic-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  /* open-sans-600 - latin_cyrillic */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('/assets/fonts/open-sans-v18-latin_cyrillic-600.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/assets/fonts/open-sans-v18-latin_cyrillic-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/assets/fonts/open-sans-v18-latin_cyrillic-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('/assets/fonts/open-sans-v18-latin_cyrillic-600.woff') format('woff'), /* Modern Browsers */
         url('/assets/fonts/open-sans-v18-latin_cyrillic-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/assets/fonts/open-sans-v18-latin_cyrillic-600.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  /* open-sans-700 - latin_cyrillic */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('/assets/fonts/open-sans-v18-latin_cyrillic-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/assets/fonts/open-sans-v18-latin_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/assets/fonts/open-sans-v18-latin_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('/assets/fonts/open-sans-v18-latin_cyrillic-700.woff') format('woff'), /* Modern Browsers */
         url('/assets/fonts/open-sans-v18-latin_cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/assets/fonts/open-sans-v18-latin_cyrillic-700.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  /* open-sans-800 - latin_cyrillic */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: url('/assets/fonts/open-sans-v18-latin_cyrillic-800.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/assets/fonts/open-sans-v18-latin_cyrillic-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/assets/fonts/open-sans-v18-latin_cyrillic-800.woff2') format('woff2'), /* Super Modern Browsers */
         url('/assets/fonts/open-sans-v18-latin_cyrillic-800.woff') format('woff'), /* Modern Browsers */
         url('/assets/fonts/open-sans-v18-latin_cyrillic-800.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/assets/fonts/open-sans-v18-latin_cyrillic-800.svg#OpenSans') format('svg'); /* Legacy iOS */
  }


html{box-sizing: border-box;}
*, *::after, *::before{box-sizing: inherit;}/******************ALL******************/
html{background: #333;}
.wrapper{ max-width:100%; width: 1200px; margin: 0 auto; padding:70px 45px; position: relative; z-index: 1; font-size: 16px}
body{ font-family: 'Open Sans'; font-size: 18px; color: #242424; background: #ffffff}
a {text-decoration: none;}

img {
  max-width: 100%;
}
.row{
  display: flex;
  flex-wrap: wrap;
  
}
.d-none{display: none}
.hidden{ visibility: hidden}
.mobile-menu{
    display:none; 
    color: #FFFFFF !important;
    background: #666666 !important;
    margin-left: -25px; margin-right: -25px;
    border-radius:5px;
    margin-bottom: 5px;
    
}
.mobile-menu .menu-show{padding: 8px; }
.btn {
    background-color: #F13F3F;
    border: none;
    color: #fff;
    padding: 15px 20px;
    font-family: Open Sans;
    font-style: normal;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.02em;
    box-shadow: 0px 4px 10px rgb(17 55 100 / 20%);
    border-radius: 5px;
}
h1{font-weight: 800;
  font-size: 30px;
  line-height: 41px;
 text-transform: uppercase;
 margin-bottom: 30px;
}

h2{
  font-weight: 800;
  font-size: 30px;
  line-height: 41px;
  text-align: center;
  text-transform: uppercase;
    margin-bottom: 30px;
}

p {line-height: normal}
p{margin-bottom: 12px}

/*************** HEADER *******************/
header .wrapper{ padding-top: 0; padding-bottom: 0;}

header .row{
  border-bottom: 1px solid #E5E4E4;
  padding: 10px 0;
  justify-content: space-between;
  align-items: center;
}
header .logo{

  flex-basis: 0;
  flex-grow: 1;

}
header .logo .mobile{display: none}

header .messengers {
  
  word-spacing: -1em;
  flex-basis: 0;
  flex-grow: 1;
  text-align:center; 
}
header .messengers a:not(:last-of-type){margin-right: 20px;}
header .messengers img{ width: 28px}
header .phone{

  flex-basis: 0;
  flex-grow: 1;
  text-align: right;
  min-width: 204px;
}
header .phone img{padding-right: 5px; vertical-align: top}
header .phone a{
    display: block;
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;   
  text-align: right;
  color: #242424;
}
header .calc-btn{padding: 10px 15px; margin-left: 30px }


header nav {position: relative;z-index: 1; text-align: center}
header .shadow {box-shadow: 0px 10px 20px 0px #c9a169;  color: #fff; border:1px solid #fff; margin: -2px 0 0; position: relative; z-index: 0;}
header nav a{color: #676767; font-size: 16px; line-height: 43px;}
header nav ul{word-spacing: -1em;}
header nav li{display: inline-block;word-spacing:normal; margin-right: 60px; height: 43px;}
header nav li:last-of-type{ margin:0px}
header nav li:hover, .header-nav li:focus,.header-nav li:active{border-bottom: 2px solid #f39105;}



.intro {
  background: url(/assets/images/intro.webp) no-repeat center;
 
  background-size: cover;
  position: relative;

}
.intro .bg{height: 100hv; width: 100%; background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0.5) 30%, rgba(255,255,255,0) 80%, rgba(255,255,255,0) 100%);
 opacity: 0.8;
  position:absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
} 
.intro h1{
  font-weight: 800;
  font-size: 48px;
  line-height: 60px;
  text-transform: uppercase;  
 
}

.quickly{background-color: rgba(244, 137, 81, 0.7); position: relative; padding: 25px 25px 25px 80px;    width: 50%;  margin-top: 30px;   color: #fff;    font-size: 18px;}
.quickly p{ margin-bottom:0; opacity: 1 }
.quickly:before{position: absolute;
    content: " ";
    left: 15px;
    top: 50%;
    margin-top: -20px;
    width: 50px;
    height: 40px;
    background: url(/assets/images/faster.png) no-repeat;
    opacity: 0.9;
    z-index: 2;
}

.intro .eTimer {width: 100%; text-align: center;min-width: 300px}
.intro .eTimer .etTitle{ font-weight: 300;  margin-bottom: 25px!important; text-align: center}
.intro .eTimer .etTitle a{color: #000;}
.intro .eTimer .etTitle span{ font-size: 16px; margin-top: 5px; display: block}
.intro .eTimer .etSep {color: #f48951;}

.intro .sepa{ background-color: #f39105; width: 150px; height: 4px; border-radius: 2px; margin: 15px 0}
.intro h3{ color:#000; font-weight: 300; font-size: 24px; margin-top: 20px;  width: 50%; line-height: normal; margin-bottom: 15px }

.intro .sale{margin-top: 50px; display: inline-block}

.intro .btn{display: block; margin-top: 30px; width: 100%}

/*************** ABOUT *******************/
.about{}

/*************** ABOUT_SEPA *******************/
.about-sepa {position: relative; padding: 0 50px;}
.slider-item{display: inline}
.about-sepa img {padding: 0 2px}
.about-sepa .row{justify-content: space-between;  align-items: center;}
.about-sepa .row div{height: 266px;flex-basis: 0; flex-grow: 1;}
.about-sepa .row .sepa1{ background: url(/assets/images/sepa1.jpg) no-repeat center;background-size: cover;}
.about-sepa .row .sepa2{ background: url(/assets/images/sepa2.jpg) no-repeat center;background-size: cover;}
.about-sepa .row .sepa3{ background: url(/assets/images/sepa3.jpg) no-repeat center;background-size: cover;}
.about-sepa .row .sepa4{ background: url(/assets/images/sepa4.jpg) no-repeat center;background-size: cover;}

/*************** advantage *******************/

.advantage-block .col {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 50%;
    margin-right: 30px;
    margin-bottom: 30px;
}
.advantage-block .text {
    font-size: 16px;
    line-height: 24px;
    color: #494848;
}
.advantage-block .title {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    margin: 10px 0;
    text-transform: uppercase;
   
}
.advantage-block .sepa{ background-color: #a7917a; width: 100px; height: 3px; border-radius: 2px; margin: 5px 0 15px}

/*************** advantage *******************/
.selection  {}
.selection .sepa, .catalog .sepa { background-color: #a7917a; width: 150px; height: 3px; border-radius: 2px; margin: 0px auto 30px auto}
.selection .subtitle, .catalog .subtitle{font-weight: 300; font-size: 22px; line-height: 28px; text-align: center; margin:15px auto 30px auto; width: 70%;}
.selection h3  { font-size: 20px; margin-top: 20px; margin-bottom: 30px; font-weight: 600 }
.selection .col {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
   
    margin-right: 30px;
    
}
.selection p{font-size: 16px}
.width .col.left{max-width: 41%}

.selection.width{background-color: #ebebeb; }
.selection.type img{ display: block; margin-bottom: 30px}
.selection strong{font-weight: bold}
.selection .relative{position: relative}
.selection .absolute{position: absolute;
    bottom: 0;
    padding: 15px;
    background: rgba(255,255,255,0.6);
    font-size: 16px;
    font-style: italic;
}

.selection  .block_alert {
  background-color: #f5f5f5;
  color: #777;
  padding: 20px 20px 20px 15%;
  position: relative;
  
  margin-top: 20px;
}
.block_alert::before {
  content: "!";
  position: absolute;
  top: 0;
  left: 0;
  width: 15%;
  height: 100%;
  font-size: 6em;
  text-align: center;
  color: #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.block_alert_content {
  font-size: 1.2em;
  line-height:normal;
}
.block_alert_content a{color:#f48951 }
/*************** calculator *******************/

.calculator.calc .wrapper{padding-bottom: 15px}
.calculator.order {background-color: #ebebeb}
.calculator.order .wrapper{padding-top: 15px}

.calculator .sepa{ background-color: #a7917a; width: 150px; height: 3px; border-radius: 2px; margin: 0px auto 30px auto}
.calculator .subtitle{font-weight: 300; font-size: 22px; line-height: 28px; text-align: center; margin:15px auto 15px auto; width: 70%;}


.calculator .form-calculator{width: 460px; max-width: 100%; margin: 30px auto 0 auto}
.calculator label{display: block; margin: 25px 0 10px; font-size: 16px; font-weight: bold}

.calculator .btn {
   background-color:#808080;
    padding: 12px 0px;
    font-family: Open Sans;
    font-style: normal;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.02em;
    box-shadow: 0px 4px 10px rgb(17 55 100 / 20%);
    border-radius: 5px;
    width: 49%;
    opacity: 0.9
}
.btn.brown {
    background-color: #a7917a;
    border: 1px  solid #eee;
    color: #fff;
    padding: 12px 0px;
    font-family: Open Sans;
    font-style: normal;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.02em;
    box-shadow: 0px 4px 10px rgb(17 55 100 / 20%);
    border-radius: 5px;
    width: 49%;
    opacity: 0.9
}
.calculator .btn.orange{width: 32%;}
.calculator .btn.width{width: 24%; padding: 12px 0; background-color:#808080}
.calculator .btn.discount{width: 100%; background-color:#9f9f9f; padding: 6px 0 }

.calculator .discount-text{display: none; margin: 6px auto; text-align: center; font-size: 14px; line-height: normal}
.calculator .btn:enabled:active, .calculator .btn.active {
     background-color: #f48951;
    border: 1px  solid #eee;
    color: #fff;
    box-shadow: inset 0px 6px 6px rgb(0 0 0 / 20%);
    
    opacity: 1
}
.calculator .btn img{display: none}
.calculator .btn.active img{display: inline}
.calculator .btn:disabled {
  opacity: 0.5;
}

.calculator .btn.hide{ text-decoration:line-through; text-decoration-color: red; }


.calculator input{
  border-radius: 5px;
  border: none;
 
  padding:15px 15px 15px 15px;
  font-size: 16px;
  line-height: 20px;
  color: #676767;
  box-shadow: inset 0px 4px 4px rgb(0 0 0 / 10%);
  background: #E9E8E8;
}

.calculator input.size{ width: 100%; display: block}
.calculator input#size_x{background: #E9E8E8 url(/assets/images/ruler-2.png) no-repeat center left 18px;}
.calculator input#size_y{background: #E9E8E8 url(/assets/images/ruler-1.png) no-repeat center left 18px;}
.calculator input.phone{ width: 100%; }
.calculator .btn.red{width: 100%; display: block; margin-top:30px; background-color:#F13F3F }
.calculator .btn.red:enabled:active{ background-color:#C10303}
.calculator .result{ font-size: 18px; font-weight: 300; margin: 15px 0 25px; position: relative}
#preloader,#preloader-quiz{display: none}
.calculator .result #preloader{position: absolute; top: 0; right: 0}
.calculator .oldprice{text-decoration: line-through; display: block; margin-top: 10px}
.calculator .realprice{font-size: 22px; font-weight: bold; color:#009B20}
.calculator #calc-error{color:#F13F3F; font-weight: 400}
.calculator input.errorphone {border: 1px solid #F13F3F;}
.error-msg{font-size: 12px; color:#F13F3F; }
.calculator .btn.recalc{height: 100%; padding: 12px 15px; line-height: 22px; background-color: #f48951}
.calculator .btn.recalc img{display: block; margin: 5px auto 0 auto; width:25px }
.calculator .quick{ margin-top: 15px; text-align: center; color: #777 }
.calculator .col{
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    padding: 0px 2px;
}


.calculator .small{font-size: 14px; margin-top: 18px; line-height: 18px; color: #777 }


/*************** quiz *******************/
.quiz{background:#ebebeb; border-bottom: 3px solid #fff }

.quiz .sepa{ background-color: #a7917a; width: 150px; height: 3px; border-radius: 2px; margin: 0px auto 30px auto}
.quiz .subtitle{font-weight: 300; font-size: 22px; line-height: 28px; text-align: center; margin:15px auto 30px auto; width: 70%;}

.quiz #step-quiz{margin-top:25px; }
.quiz .step-app > .step-steps{margin:0;padding:0;display:flex;border-radius:3px 3px 0 0;overflow:hidden}
.quiz .step-app > .step-steps > li{list-style:none;flex:1}
.quiz .step-app > .step-steps > li:last-child a{border:none}
.quiz .step-app > .step-steps > li > a{display:block;padding:10px;color:#fff;background-color:#979797;text-decoration:none;border-right:2px solid #fff; border-radius: 5px 5px 0 0}
.quiz .step-app > .step-steps > li > a > .number{background:#fff;padding:0 8px;display:inline-block;text-align:center;margin-right:15px;border-radius:3px;color:#aaa}
.quiz .step-app > .step-steps > li > a:hover{background-color:#909090}
.quiz .step-app > .step-steps > li.active a{background-color:#f48951;color:#fff}
.quiz .step-app > .step-steps > li.error a{background-color:#F95D51;color:#fff}
.quiz .step-app > .step-steps > li.done a{background-color:#ffc180;color:#fff}
.quiz .step-app > .step-content{border:1px solid #e5e5e5;border-radius: 0 0 5px 5px;padding:30px 30px 0 ;background-color:#fff;-webkit-box-shadow: 2px 2px 10px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    2px 2px 10px 0px rgba(50, 50, 50, 0.75);
box-shadow:         2px 2px 10px 0px rgba(50, 50, 50, 0.75);}
.quiz .step-app > .step-content > .step-tab-panel{display:none}
.quiz .step-app > .step-content > .step-tab-panel.active{display:block}
.quiz .step-app > .step-footer{margin-top:15px;position:relative}
.quiz .step-app > .step-footer .text-error{top:0;left:50%;width:400px;margin-left:-200px;position:absolute}
.quiz .step-app > .step-footer > .step-btn{ border: none;width:120px;height:40px;display:inline-block;font-size:18px;color:#fff;line-height:35px;text-decoration:none;margin-top:15px;font-weight:500;-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.75);border-radius:3px;}
.quiz .step-app > .step-footer > .step-btn.prev{ margin-right:23px;float:left;background:#fe9900;background:-moz-linear-gradient(top,#fe9900 0%,#ff8201 100%);background:-webkit-linear-gradient(top,#fe9900 0%,#ff8201 100%);background:linear-gradient(to bottom,#fe9900 0%,#ff8201 100%);}
.quiz .step-app > .step-footer > .step-btn.prev::hover{background:#ff8201;background:-moz-linear-gradient(top,#ff8201 0%,#fe9900 100%);background:-webkit-linear-gradient(top,#ff8201 0%,#fe9900 100%);background:linear-gradient(to bottom,#ff8201 0%,#fe9900 100%)}
.quiz .step-app > .step-footer > .step-btn.next{background:#6cc514;background:-moz-linear-gradient(top,#6cc514 0%,#56ae00 100%);background:-webkit-linear-gradient(top,#6cc514 0%,#56ae00 100%);background:linear-gradient(to bottom,#6cc514 0%,#56ae00 100%)}
.quiz .step-app > .step-footer > .step-btn.next:hover{background:#56ae00;background:-moz-linear-gradient(top,#56ae00 0%,#6cc514 100%);background:-webkit-linear-gradient(top,#56ae00 0%,#6cc514 100%);background:linear-gradient(to bottom,#56ae00 0%,#6cc514 100%)}
.quiz .step-app > .step-footer > .step-btn.finish{float:right;background:#ff4d4d;background:-moz-linear-gradient(top,#ff4d4d 0%,#ff1901 100%);background:-webkit-linear-gradient(top,#ff4d4d 0%,#ff1901 100%);background:linear-gradient(to bottom,#ff4d4d 0%,#ff1901 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4d4d',endColorstr='#ff1901',GradientType=0);}
.quiz .step-app > .step-footer > .step-btn.finish:hover{background:#e00b0b}
.quiz .step-app > .step-content .answer p{margin-left:40px;font-size:16px}
.quiz .step-app > .step-content .question{font-size:22px;margin-bottom:20px;display:block}
.quiz .step-app > .step-content .description{font-size:16px;margin-top:20px;margin-bottom:6px}
.quiz .button-red{font-weight:700;width:300px;max-width:100%;display:block;margin:28px auto;padding:17px 0;font-size:18px}
.quiz .success-quiz{display:none;font-size:30px;color:#ff8201;padding:35px;text-align:center;margin-top:25px;border:2px solid #ff8201}
.quiz .button-block p{text-align:center;color:#999}
.quiz .checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee}
.quiz .checkmark-container{display:block;position:relative;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.quiz .checkmark-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.quiz .checkmark-container:hover input ~ .checkmark{background-color:#ccc}
.quiz .checkmark-container input:checked ~ .checkmark{background-color:#2196F3}
.quiz .checkmark:after{content:"";position:absolute;display:none}
.quiz .checkmark-container input:checked ~ .checkmark:after{display:block}
.quiz .checkmark-container .checkmark:after{left:9px;top:3px;width:7px;height:17px;border:solid #fff;border-width:0 2px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.quiz .checkmark-container .checkmark2{left:9px;top:3px;width:7px;height:17px;border:solid #2196F3;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.quiz .place-error{min-height: 36px; margin-top: 15px}
.quiz .text-error{text-align:center;font-size:16px;font-weight:300;background:#F95D51;color:#fff;display:none;padding:10px 15px;    margin: 0px -30px 0; border-radius: 0 0 5px 5px;}
input[type="text"],input[type="email"] {
    border-radius: 5px;
    border: none;
    padding: 12px 12px 12px 50px;
    font-size: 16px;
    line-height: 20px;
    color: #676767;
    box-shadow: inset 0px 4px 4px rgb(0 0 0 / 10%);
    background: #E9E8E8;
    max-width: 100%;
    width: 100%;
    margin-bottom: 12px;
}
input.username {
    background: #E9E8E8 url(/assets/images/username.svg) no-repeat center left 18px;
    box-shadow: inset 0px 4px 4px rgb(0 0 0 / 10%);
}
input.userphone.errorphone {
    background: #E9E8E8 url(/assets/images/userphone-error.svg) no-repeat center left 18px;
    border: 1px solid #F13F3F;
}
input.useremail {
    background: #E9E8E8 url(/assets/images/useremail.svg) no-repeat center left 18px;
    box-shadow: inset 0px 4px 4px rgb(0 0 0 / 10%);
}
input.userphone {
    background: #E9E8E8 url(/assets/images/userphone.svg) no-repeat center left 18px;
    box-shadow: inset 0px 4px 4px rgb(0 0 0 / 10%);
}
input.usercity {
    background: #E9E8E8 url(/assets/images/usercity.svg) no-repeat center left 18px;
    box-shadow: inset 0px 4px 4px rgb(0 0 0 / 10%);
}
input.userwarehouse {
    background: #E9E8E8 url(/assets/images/userwarehouse.svg) no-repeat center left 18px;
    box-shadow: inset 0px 4px 4px rgb(0 0 0 / 10%);
}

.quiz .finish {width: 390px; max-width: 100%}
.quiz input#quiz_size_x{background: #E9E8E8 url(/assets/images/ruler-2.png) no-repeat center left 18px;}
.quiz input#quiz_size_y{background: #E9E8E8 url(/assets/images/ruler-1.png) no-repeat center left 18px;}
.quiz .phone-info input{background: #E9E8E8 url(/assets/images/phone.png) no-repeat center left 18px;}
.quiz .phone-info{display: flex; align-items: baseline;} 
.quiz .phone-info .col{min-width: 30px}
.quiz .phone-info img {
    vertical-align: middle;
}
.quiz .result {
    margin-bottom: 30px;
    background-color: #ebebeb;
    padding: 15px;
    font-size: 15px;
    border-radius: 5px;
}
.quiz .result li {font-weight: 700; display: flex; flex-wrap: wrap;}

.quiz .result li:not(:last-of-type){margin-bottom: 8px;
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 8px}
.quiz .result strong{font-weight: 300; display: block;  flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 50%;}
.quiz .result span{display: block;  flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 50%;}
.quiz .result i{display: none}
.quiz .result i.visible{display:inline}

.quiz .oldprice {
    text-decoration: line-through; font-weight: 300;
}
.quiz .realprice {
    font-size: 18px;
    font-weight: bold;
    color: #009B20;
}
.clr {
    clear: both;
}
/*************** delivery *******************/
.delivery { background-color: #ebebeb}
.delivery .col{
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 50%;
    
}
.delivery .row:not(:last-of-type){margin-bottom: 30px;}
.delivery .row .col:not(:last-of-type){
    margin-right: 15px;
}
.delivery .row .col:last-of-type{
    margin-left: 15px;
}
.delivery .num {
    font-size: 70px;
    color: #fff;
}
.delivery .sepa {
    background-color: #a7917a;
    width: 100px;
    height: 3px;
    border-radius: 2px;
    margin: 5px 0 15px;
}
.delivery .title {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    margin: 10px 0;
}
.delivery .desc {
    font-size: 16px;
    line-height: normal;    
}
.delivery a, .subtitle a{color: #f39105; text-decoration: underline}
.delivery a:hover, .subtitle a:hover{text-decoration: none}
/*************** faq *******************/
.faq .question{background-color: #ebebeb; margin-bottom: 3px; padding: 25px 30px 25px 30px; }
.faq .question .title{font-size: 16px; line-height: 20px; font-weight: 600; color: #000000; cursor: pointer;position: relative; padding-right: 35px }
.faq .question .answer{ max-height: 0; opacity: 0; font-size: 1px;}
.faq .question .answer ul{margin-left: 30px;list-style: inside;}
.faq .question .answer li{line-height: normal; margin-bottom: 12px}
.faq .question.opened .answer{margin-top: 30px; font-size: 16px; display: block; opacity: 1; max-height:none;-webkit-transition: max-height ease-in-out 0.5s,opacity ease-in-out 0.5s;
-o-transition: max-height ease-in-out 0.5s,opacity ease-in-out 0.5s;
transition: max-height ease-in-out 0.5s,opacity ease-in-out 0.5s}
.faq .question .icon {
  position: absolute;
  top: 0;
  right: 2px;
  width: 24px;
  height: 24px;
  display: inline-block;
  transition: all ease-in-out 0.3s;
}
.faq .question.opened .icon {
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transition: all ease-in-out 0.3s;
}
/**********************comments***********************/
section.comments{border-bottom: 3px solid #ebebeb}
/**********************calatog***********************/
.catalog .row{
    align-items: baseline;
    justify-content: space-between;
    
}
.catalog .wrapper{ padding-bottom: 0}

.catalog .col.item{
    margin-bottom: 30px;
    font-size: 16px;
    padding: 30px;
    max-width: 350px;
    width: 31.6%;
    -webkit-box-shadow: 0 0 5px 0 rgb(50 50 50 / 50%);
    -moz-box-shadow: 0 0 5px 0 rgba(50,50,50,0.5);
    box-shadow: 0 0 5px 0 rgb(50 50 50 / 50%);
}

.catalog .item_name{font-size: 18px; font-weight: 600; margin: 15px 0; height: 2em}
.catalog .img{position: relative}
.catalog .glass-thickness{position: absolute; top: 15px; right: 15px; background-color:#F13F3F; color: #fff; border: 2px solid #fff; width: 50px; height: 50px; font-size: 14px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 600; padding: 5px}
.catalog .glass-type{position: absolute; top: 15px; left: 15px; background-color: transparent; color: #F13F3F; border: 1px solid #F13F3F;  font-size: 14px; text-transform: uppercase;  display: flex; align-items: center; justify-content: center; font-weight: 500; padding: 5px 10px}
.catalog .product-stars {
    position: absolute;
    bottom: 15px;
    left: 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.catalog .product-stars__item svg {
    vertical-align: middle; 
}
.catalog .product-stars li {
    width: 17px;
    height: 17px;
}

.catalog select{
  border-radius: 5px;
  border: none;
  padding:10px 5px;
  font-size: 16px;
  line-height: 20px;
  color: #676767;
  box-shadow: inset 0px 4px 4px rgb(0 0 0 / 10%);
  background: #EBEBEB;
      width:100%;
}
.catalog .size{justify-content: space-between; align-items:center}
.catalog .size small{font-size: 14px}
.catalog .size div{ flex-basis:0; flex-grow:1;min-width: 0; }
.catalog .size div.x{max-width: 30px; text-align: center;}
.catalog .select_text{font-size: 14px; margin-bottom: 10px;}
.catalog .select_text.circle{display: none}


.catalog .price{margin: 15px 0; align-items: flex-end;}
.catalog .price div{ display: inline-block}
.catalog .price .real{font-size: 22px;font-weight: bold; color: #009B20;}
.catalog .price .real span{font-size: 16px}
.catalog .price .old{color:#797878; font-size: 18px; font-weight: bold; text-decoration:line-through; margin-left: 15px}
.catalog .price .real span{font-size: 16px}
.catalog .row.forma{justify-content: flex-start; margin-bottom: 15px; margin-top: 15px; font-size: 16px}
.catalog .row.forma div{flex-basis: 0;flex-grow: 1; min-width: 0;}
.catalog .row.forma div.x{    max-width: 30px;}
.catalog .row.forma label{font-size: 14px}
.catalog .desc{font-size: 16px; line-height: normal; margin-top: 30px}
.catalog .addtocart div{width: 130px;    max-width: 50%;}
.catalog .addtocart .btn{width: 100%; padding: 8px 5px; font-size: 16px}
.catalog .addtocart .btn.add{ background-color: #009B20}
.catalog .addtocart .btn.detail{ background-color: #f48951; display: block}
.catalog .addtocart div:first-of-type{padding-right: 15px}
.catalog .addtocart div:last-of-type{padding-left: 15px}

/********************contact*****************************/
.contact .row{justify-content: space-between}
.contact .left-block, .contact .right-block{ width: 50%}
.contact .phone {font-size: 24px; font-weight: 600; margin-bottom: 15px;}
.contact .address { margin-bottom: 15px;}
.contact .phone a, .contact .email a{color: #454545;}
.contact .email { margin-bottom: 15px;}
.contact h3 {    font-size: 27px;     margin-bottom: 30px;}
.contact .feedback {background-color: #ebebeb; padding: 30px}
.contact .feedback button{ width: 100%; line-height: 14px;}
.contact input[type="text"]{background-color: #fff}
/********************footer*****************************/
footer{background: #333;color: #fff;}
footer .wrapper{padding-top: 30px; padding-bottom: 30px;}

footer .row {align-items: flex-start;   }
footer .logo img{vertical-align: middle;}
footer .row .col{
 /* flex-basis: 0;*/
  flex-grow: 1;
}
footer .row .col.right{

  text-align: right;
}

footer .small span {display: block; margin-bottom: 8px}
footer .small{font-size: 14px;  color: #ebebeb; margin-top: 15px}
footer .small a{ color: #cdcdcd; text-decoration: underline;}
footer .small a:hover{text-decoration: none;}

footer .right a{color: #cdcdcd; text-decoration: underline; display: block;font-size: 14px; margin-bottom: 7px }
footer .messengers a {margin-right: 15px;}
footer .address{font-size: 14px;  color: #ebebeb; margin-top: 20px}

footer .btn{padding: 10px 15px; margin-left: 30px }



/****** cart *******/
.carticon {
  
    position: fixed;
    top: 80px;
    right: 75px;
    z-index: 10;
}

.carticon-wrapper {
    position: relative;
}
.carticon-imgwrap {
    position: relative;
    background-color: rgba(255, 255, 255, .8);
    border-radius: 50px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    will-change: transform;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    overflow: hidden;
}
.carticon-img {
    width: 60px;
    height: 60px;
    padding: 10px 15px 15px;
    stroke: #000;
}
.carticon-counter {
    min-width: 30px;
    width: initial;
    height: 25px;
    padding: 0 3px;
    background-color: #F13F3F;
    color: #fff;
    border-radius: 30px;
    position: absolute;
    right: -3px;
    bottom: -3px;
    text-align: center;
    line-height: 25px;
    box-sizing: border-box;
}



/****** done ********/
.done-page {

  background: url(/assets/images/done-bg.webp) no-repeat center #000;
  background-size: cover;
  position: relative;
  text-align: center;
  min-height: calc(100vh);
  color: #dfdfdf;

}
.done-page .bg {
  
  width: 100%;
  background-color: #000;
 
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.done-page h1{
  font-weight: bold;
  font-size: 40px;
  line-height: 54px;
  text-transform: uppercase;
  margin-top: 30px;
  margin-bottom: 30px;
}
.done-page .subtitle{
  font-size: 26px;
  line-height: 35px;
  text-align: center;
 
  margin: 30px auto;
}
.done-page .normal{
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.02em;

  
}
.done-page .red-btn{display: inline-block; margin: 40px 0;}
.done-page .phones{
  justify-content: center;
  margin-top: 20px;
}
.done-page .phones a{
    display: block;
    font-weight: 600;
    font-size: 22px;
    line-height: 24px;
    text-align: right;
    color: #dfdfdf;
}
.done-page .phones .ico {

  width: 24px;
  margin-right: 10px;
}
.done-page .btn{display:block;margin:40px auto; width: 200px}


.done-page .iban{
    width: 600px;
    margin: 0 auto;
    max-width: 100%;
    padding: 15px;
    background-color: #fff;
    opacity: 0.8;
    border-radius: 10px;
    color: #000;
    margin-bottom: 30px;
    text-align: left;
    font-size: 14px;
}
.done-page .iban p{
    color: #000;
    margin-bottom: 5px;
    word-break: break-word;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.done-page .iban p strong{ font-weight: 700; font-size: 16px; display: block}
.done-page .iban h3{
    margin-bottom: 15px;
        font-size: 22px;
}
/*******text-page*****/
 .text-page h3{   font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    margin: 10px 0;
    text-transform: uppercase;
}
.text-page strong{font-weight: bold}

/*****modal*******/
.modal-window{display:none; position: relative; z-index: 20; }
.popup-window{max-height:100vh;padding:25px;position:fixed;z-index:13;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box}
.popup-background{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5)}
.popup-back{cursor:pointer;font-size:14px}
.popup-close{transition:box-shadow .2s ease;position:absolute;top:0px;right:0px;width:37px;height:37px;background:#fff;display:block;cursor:pointer;z-index:11;border:none;padding:0;min-width:0;min-height:0}
.popup-close:after,.popup-close:before{transition:transform .3s ease;content:'';display:block;position:absolute;top:15px;right:15px;bottom:0;width:calc(37px / 2);height:1px;background:#7a7a7a;transform-origin:center;transform:rotate(45deg);margin:auto}
.popup-close:before{transform:rotate(-45deg)}
.popup-header{position:relative;background:#fff;align-items:baseline; height: 36px;}
.popup-holder{max-width:450px;height:auto;margin:0 auto;background: #fff;overflow-y:auto;-webkit-box-shadow:0 8px 40px rgba(0,0,0,.32);box-shadow:0 8px 40px rgba(0,0,0,.32);position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%; border-radius: 10px;}
.popup-content{height:100%;padding-left:30px;padding-right:30px;padding-bottom:30px; padding-top: 0px; -webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:auto;background:#fff;}
.popup-holder .btn{max-width: 100%; width: 390px; display: block; margin-left: auto; margin-right: auto}
/*.popup-content label { display: block; margin-top: 28px;}
.popup-content label:last-of-type{margin-top:60px}
.popup-content .input-text input { width:100%; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;}
.popup-content button{width:100%; bottom:50px}
*/

.popup-content h3{
  font-size: 27px;
  text-align: center;
    margin-bottom: 30px;
}
.popup-content h3 span{
    font-size: 25px;
    display: block;
    margin-top: 12px;
    
}
.popup-content .sepa{
  background-color: #a7917a;
  width: 180px;
  height: 2px;
  border-radius: 2px;
  margin: 15px auto 15px auto;
}

.popup-content p{
  font-size: 16px;
  line-height: 22px;
  color: #2B2A2A;
  margin: 15px 0 20px;
    text-align: center;
}

.popup-content .col{
  min-width: 0;
  max-width: 50%;
  text-align: start;
}


.popup-content .result {
    margin-bottom: 15px;
     border:2px solid #ebebeb;
    padding: 15px;
    font-size: 15px;
    border-radius: 5px;
}
.popup-content .result li {font-weight: 700; display: flex; flex-wrap: wrap; text-align: left}

.popup-content .result li:not(:last-of-type){margin-bottom: 8px;
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 8px}
.popup-content .result strong{font-weight: 300; display: block;  flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 50%;}
.popup-content .result span{display: block;  flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 50%;}

.popup-content .result i.visible{display:inline}
.popup-content .result .realprice {
    font-size: 18px;
    font-weight: bold;
    color: #009B20;
}
.popup-content .result .oldprice {
    text-decoration: line-through;
    font-weight: 300;
}

.popup-content .cell {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
}



.popup-content  .prices{ display: flex; justify-content: flex-end; margin-top: 9px}
.popup-content  .prices .price{width: 50%; text-align: right; font-weight: 700}
.popup-content  .prices .quantity{ width: 50%; text-align: left; }
.product-quantity {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    margin: 0 5px;
    padding: 2px 5px;
    color: #000;
    border: 1px solid rgba(0, 0, 0, 0);
}
.product-plus, .product-minus {
    position: relative;
    display: inline-block;
    cursor: pointer;
 
    width: 16px;
    height: 16px;
    
}
.product-plusminus img{width:16px;height:16px;border:0;}
.product-plusminus .quantity-text{font-size: 14px;margin-right: 10px;}
.popup-content .total{text-align: right; margin: 20px 0 30px;}
.popup-content .total div{margin-bottom: 10px}
.popup-content .total span{font-weight: 700;}


#popup-cart .popup-holder{max-width:490px;}

#popup-cart .popup-content label{display: block; margin: 15px 0 10px 0; font-size: 16px; font-weight: 700}
#popup-cart .popup-content label.inline{display: inline; font-weight: normal; cursor: pointer}

#popup-cart .popup-content .radio{font-size: 16px; margin-bottom: 10px}

#error-popup{min-height: 30px; text-align:center;font-size:16px;font-weight:300;background:#F95D51;color:#fff;display:none;padding:10px 15px;    margin: 5px 0px; border-radius: 0 0 5px 5px;}

#error-popup-cart{font-size:14px;font-weight:700;color:#F95D51;display:none;  margin: 5px 0px 15px;}

/**********SHOWCART*****************/
.showcart .row{justify-content: flex-start; margin: 15px 0; border-bottom: 1px solid #cfcfcf; padding-bottom: 5px}
.showcart .cell {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
}

.showcart .row .image{text-align: left; width: 80px; max-width: 35%;  padding-right: 15px;}
.showcart .row .image img{ border: 1px solid #ebebeb;border-radius: 5px; }
.showcart .row .text{ font-size: 16px; min-width: 0; flex-grow: 1; flex-basis: 0; text-align: left; }
.showcart .title-price{display: flex;justify-content: space-between; }
.showcart .title-price .price{text-align: right; font-weight: 700; padding-left: 7px; white-space: nowrap;}

.showcart .quantity{ display: flex; margin-top: 15px}
.showcart .quantity .remove button{ border: none; background: none; margin-left: 20px}
.showcart .quantity input{ border: 1px solid #ebebeb; width: 40px; padding: 1px 7px 3px; text-align: center; border-radius: 5px}

.showcart .total{text-align: right; margin: 20px 0 30px; font-size: 16px}
.showcart .total div{margin-bottom: 10px}
.showcart .total span{font-weight: 700;}
.showcart .buttons .btn { margin-left: auto; margin-right: auto}
/*********CHECKOUT***********/
.chechout  h1 {
    font-size: 29px;
    margin-bottom: 30px;
}
.chechout .wrapper {
    padding: 30px 15px;
    width: 800px;
}
.chechout .back{ margin-bottom: 30px; display: block; font-size: 14px;    color: #f48951;}
.chechout .oferta {margin-top: 12px; font-size: 14px; text-align: center}
.chechout label{display: block; margin: 15px 0 10px 0; font-size: 16px; font-weight: 700}
.chechout label.inline{display: inline; font-weight: normal; cursor: pointer;     line-height: 24px;}


.chechout label.shadow{ color: #777}
.chechout label.shadow i{  margin-top: 15px; font-size: 16px;}

.chechout .radio{font-size: 16px; margin-bottom: 10px}

.chechout .total{text-align: right; margin: 20px 0 30px;}
.chechout .total div{margin-bottom: 10px}
.chechout .total span{font-weight: 700;}
.chechout .btn{max-width: 100%; width: 390px; display: block; margin-left: auto; margin-right: auto}

.btn-continue{background-color: #888; margin-top: 30px; padding-top: 10px; padding-bottom: 10px}
.btn-continue:active{background-color: #444;}

.chechout .cartempty{min-height: 200px}
.chechout .cartempty.show{display: block}
.chechout .cartempty.hide{display: none}

#error-popup{min-height: 30px; text-align:center;font-size:16px;font-weight:300;background:#F95D51;color:#fff;display:none;padding:10px 15px;    margin: 5px 0px; border-radius: 0 0 5px 5px;}



#error-popup-cart{font-size:14px;font-weight:700;color:#F95D51;display:none;  margin: 5px 0px 15px;}
/******************/
#preloader2{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:21}
#preloader2 p{position:absolute;width:100%;line-height:100px;font-size:20px;text-align:center;top:50%;margin-top:-50px;z-index:12;color:#fff;font-weight:500}
#preloader2-background{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;z-index:12;opacity:.7}

.callback-bt{background:rgba(243,145,5,1);border:2px solid rgba(243,145,5, 0.4);border-radius:50%;box-shadow:0 8px 10px rgba(243,145,5,0.3);cursor:pointer;height:80px;text-align:center;width:80px;position:fixed;bottom:75px;right:75px;z-index:9;transition:.3s;-webkit-animation:hoverWave linear 1s infinite;animation:hoverWave linear 1s infinite}
.callback-bt .text-call{height:80px;width:80px;border-radius:50%;position:relative;overflow:hidden}
.callback-bt .text-call span{ display:block; width:80px; text-align:center;color:rgba(243,145,5,1);opacity:0;position:absolute;top:24px;line-height:16px; font-size:13px;text-transform:normal;transition:opacity .3s linear}
.callback-bt .text-call:hover span{opacity:1;}
.callback-bt:hover svg{display:none;transition:.3s}
.callback-bt:hover{z-index:9;background:#fff;color:transparent;transition:.3s}
.callback-bt svg{transition:.5s ease-in-out;margin:20px auto}
.callback-bt i{animation:1200ms ease 0 normal none 1 running shake;animation-iteration-count:infinite;-webkit-animation:1200ms ease 0 normal none 1 running shake;-webkit-animation-iteration-count:infinite}


.pay-page button{display: block; margin: 0 auto 30px auto; width:350px; max-width: 100%; }
.pay-page button.green{ background-color: #009B20}
.pay-page button strong{font-weight: 700; font-size: 18px}
.pay-page .return{ margin-top: 30px;font-size: 14px; text-align: center; color: #777; max-width: 350px; margin-left: auto; margin-right: auto}
.pay-page .receipt img{ width: 150px}
.pay-page .receipts {display: flex;justify-content: space-evenly; margin-bottom: 30px}
.pay-page .showcart .total .paid{font-weight: bold; color:#009B20}
.total .due{font-weight: bold; color:#777}
.pay-page .receipts a{color:#f48951; display: inline-flex; align-items: center; gap: 5px; text-decoration: none;}
.pay-page .receipts p{text-align: center; margin-bottom: 0px}
@-webkit-keyframes hoverWave {
0%{box-shadow:0 8px 10px rgba(243,145,5,0.3),0 0 0 0 rgba(243,145,5,0.2),0 0 0 0 rgba(243,145,5,0.2)}
40%{box-shadow:0 8px 10px rgba(243,145,5,0.3),0 0 0 15px rgba(243,145,5,0.2),0 0 0 0 rgba(243,145,5,0.2)}
80%{box-shadow:0 8px 10px rgba(243,145,5,0.3),0 0 0 30px rgba(243,145,5,0),0 0 0 26.7px rgba(243,145,5,0.067)}
100%{box-shadow:0 8px 10px rgba(243,145,5,0.3),0 0 0 30px rgba(243,145,5,0),0 0 0 40px rgba(243,145,5,0.0)}
}
@keyframes hoverWave {
0%{box-shadow:0 8px 10px rgba(243,145,5,0.3),0 0 0 0 rgba(243,145,5,0.2),0 0 0 0 rgba(243,145,5,0.2)}
40%{box-shadow:0 8px 10px rgba(243,145,5,0.3),0 0 0 15px rgba(243,145,5,0.2),0 0 0 0 rgba(243,145,5,0.2)}
80%{box-shadow:0 8px 10px rgba(243,145,5,0.3),0 0 0 30px rgba(243,145,5,0),0 0 0 26.7px rgba(243,145,5,0.067)}
100%{box-shadow:0 8px 10px rgba(243,145,5,0.3),0 0 0 30px rgba(243,145,5,0),0 0 0 40px rgba(243,145,5,0.0)}
}
@keyframes shake {
0%{-ms-transform:rotateZ(0deg);-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg);}
10%{-ms-transform:rotateZ(-30deg);-webkit-transform:rotateZ(-30deg);transform:rotateZ(-30deg)}
20%{-ms-transform:rotateZ(15deg);-webkit-transform:rotateZ(15deg);transform:rotateZ(15deg);}
30%{-ms-transform:rotateZ(-10deg);-webkit-transform:rotateZ(-10deg);transform:rotateZ(-10deg);}
40%{-ms-transform:rotateZ(7.5deg);-webkit-transform:rotateZ(7.5deg);transform:rotateZ(7.5deg);}
50%{-ms-transform:rotateZ(-6deg);-webkit-transform:rotateZ(-6deg);transform:rotateZ(-6deg);}
60%{-ms-transform:rotateZ(5deg);-webkit-transform:rotateZ(5deg);transform:rotateZ(5deg);}
70%{-ms-transform:rotateZ(-4.28571deg);-webkit-transform:rotateZ(-4.28571deg);transform:rotateZ(-4.28571deg);}
80%{-ms-transform:rotateZ(3.75deg);-webkit-transform:rotateZ(3.75deg);transform:rotateZ(3.75deg);}
90%{-ms-transform:rotateZ(-3.33333deg);-webkit-transform:rotateZ(-3.33333deg);transform:rotateZ(-3.33333deg);}
100%{-ms-transform:rotateZ(0deg);-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg);}
}
@-webkit-keyframes shake {
0%{-ms-transform:rotateZ(0deg);-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg);}
10%{-ms-transform:rotateZ(-30deg);-webkit-transform:rotateZ(-30deg);transform:rotateZ(-30deg);}
20%{-ms-transform:rotateZ(15deg);-webkit-transform:rotateZ(15deg);transform:rotateZ(15deg);}
30%{-ms-transform:rotateZ(-10deg);-webkit-transform:rotateZ(-10deg);transform:rotateZ(-10deg);}
40%{-ms-transform:rotateZ(7.5deg);-webkit-transform:rotateZ(7.5deg);transform:rotateZ(7.5deg);}
50%{-ms-transform:rotateZ(-6deg);-webkit-transform:rotateZ(-6deg);transform:rotateZ(-6deg);}
60%{-ms-transform:rotateZ(5deg);-webkit-transform:rotateZ(5deg);transform:rotateZ(5deg);}
70%{-ms-transform:rotateZ(-4.28571deg);-webkit-transform:rotateZ(-4.28571deg);transform:rotateZ(-4.28571deg);}
80%{-ms-transform:rotateZ(3.75deg);-webkit-transform:rotateZ(3.75deg);transform:rotateZ(3.75deg);}
90%{-ms-transform:rotateZ(-3.33333deg);-webkit-transform:rotateZ(-3.33333deg);transform:rotateZ(-3.33333deg);}
100%{-ms-transform:rotateZ(0deg);-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg);}
}

.catalog-product h1{
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 35px;
}
.catalog-product-tabs {
  margin-top: 30px;
  font-family: sans-serif;
}

.catalog-product-tabs .tab-buttons {
  display: flex;
  margin-bottom: 15px;
}

.catalog-product-tabs .tab-buttons button {
  background: none;
  border: none;
  padding: 12px 24px;
  font-size: 18px;
  cursor: pointer;
  border-bottom: 3px solid transparent;
  transition: all 0.2s ease;
  color: #333;
}

.catalog-product-tabs .tab-buttons button.active {
  color: #d72828;
  border-color: #d72828;
  font-weight: bold;
}

.catalog-product-tabs .tab-content {
  display: none;
  animation: fadeIn 0.3s ease-in-out;
    padding-top: 20px;
}

.catalog-product-tabs .tab-content.active {
  display: block;
}

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





.catalog-product .model-card {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    background-color: #ffffff;
    
    
    
}
.catalog-product .left {
   
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 1px;
    flex: 1 1 45%;
}
.catalog-product .right {
    flex: 1 1 55%;
    padding-left: 30px;
    display: flex;

    flex-direction: column;
    justify-content: space-between;
}
.catalog-product .right hr{border: 0;border-top: 1px solid #eee; }

.mb-15{margin-bottom: 15px}
.mt-15{margin-top: 15px}
.catalog-product .images {
    display: flex;
    justify-content: flex-start;
    height: 100%;
}

.catalog-product .image-wrapper {
   flex: 1 1 75%;

  
}


.catalog-product .image-big {
    height: 100%;
    display: flex;
    
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #fff; /* Білий фон для відступів */
    border-radius: 0px;
   border: 3px solid #fff;
}

.catalog-product .image-big img,
.catalog-product .image-big video {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.catalog-product.image-big:hover img,
.catalog-product .image-big:hover video {
    transform: scale(1.05);
}

.catalog-product .control-wrapper {
        flex: 0 1 25%;
    
    position: relative;
}

.catalog-product .image-controll {
    display: flex;
    flex-direction: column; /* Вертикальне вирівнювання */
    justify-content: space-between; /* Рівномірно розподіляє зображення по висоті */
    height: 100%; /* Забезпечує висоту на 100% */
    margin-left: 1px;
    border-radius: 0px;
    touch-action: none;
   
}

.catalog-product .image-item {
    flex-grow: 1; /* Зображення будуть займати рівномірну висоту */
    background: #fff;
    border: 3px solid #fff;
}

.catalog-product .image-item:last-child {
    margin-bottom: 0; /* Прибирає відступ для останнього елемента */
}
.catalog-product .image-item img {
    width: 100%;
    height: 100%; /* Задає висоту для зображень */
    object-fit: cover; /* Зображення займатиме весь блок, не деформуючи свої пропорції */
    border-radius: 0px;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.catalog-product .image-item img:hover {
    transform: scale(1.05);
}
.catalog-product .image-controll {
    overflow: hidden;
    position: relative;
    
}

.catalog-product .image-scroll-inner {
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease;
}
.catalog-product .arrow {
    width: 100%;
    height: 7px;
    background: transparent;
    cursor: pointer;
    z-index: 3;
}

.catalog-product .arrow-down {
    position: absolute;
    bottom: -7px;
    width: 100%;
    height: 7px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='7' viewBox='0 0 100 7'><polygon points='0,0 100,0 50,7' fill='%23888'/></svg>");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    cursor: pointer;
    z-index: 2;
}
.catalog-product .arrow-up {
    position: absolute;
    top: -7px;
    width: 100%;
    height: 7px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='7' viewBox='0 0 100 7'><polygon points='0,7 100,7 50,0' fill='%23888'/></svg>");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    cursor: pointer;
    z-index: 2;
}


.catalog-product .in-stock{color:#009B20; font-weight: bold}
.catalog-product .out-of-stock{color:#CF0609; font-weight: bold}

.catalog-product .row.size{justify-content: space-between;
    align-items: center;}

.catalog-product .size .size-x,.catalog-product .size .size-y {  flex-basis: 0;
    flex-grow: 1;
    min-width: 0;}
.catalog-product .size .d-none{display: none}
.catalog-product .size label{ font-size: 14px; margin-bottom: 12px; display: block}
 
.catalog-product .size select.item_x{border-radius: 5px;
    border: none;
    padding: 10px 5px;
    font-size: 16px;
    line-height: 20px;
    color: #676767;
    box-shadow: inset 0px 4px 4px rgb(0 0 0 / 10%);
 
    width: 100%;   background: #f8f8f8 url(/assets/images/ruler-2.png) no-repeat center left 18px;  padding-left: 50px}



.catalog-product .size select.item_y{border-radius: 5px;
    border: none;
    padding: 10px 5px;
    font-size: 16px;
    line-height: 20px;
    color: #676767;
    box-shadow: inset 0px 4px 4px rgb(0 0 0 / 10%);

    width: 100%;    background: #f8f8f8 url(/assets/images/ruler-1.png) no-repeat center left 18px; padding-left: 50px 
}
.size .x{   flex-basis: 0;
    flex-grow: 1;
    min-width: 0;max-width: 30px;
    text-align: center;}
.catalog-product .price {margin-bottom: 15px;}
.catalog-product .price .real{color: #009B20;font-size: 28px;  font-weight: 700;  line-height: 1.3;}
.catalog-product .price .old{color:rgba(14,20,27,.55); font-size: 20px;  font-weight: 700;  line-height: 1.3;text-decoration:line-through; margin-left: 15px}
.catalog-product .price div{  display: inline-block;}


.catalog-product .showcart{display: flex; align-items: baseline}

.ml-35{margin-left:35px}
.ml-auto{margin-left:auto}
.mt-auto{margin-top:auto}
.catalog-product .addtocart .btn{padding: 8px 15px}
.catalog-product .addtocart .btn.detail{background-color: #f48951;}

.row-dop {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
    padding: 8px 0;
}


.attribute > span {
    position: relative;
    display: table-cell;
        line-height: 1.8em;
    font-size: 14px;
}
.attribute > span:first-child {
    white-space: nowrap;
}
.attribute > span:first-child span {
    position: relative;
    z-index: 2;
    background: #fff;
    padding: 0 5px 0 0;
}

.attribute > span:last-child {
    width: 100%;
    text-align: right !important;
    font-weight: 600;
}
.attribute > span:last-child span {
    position: relative;
    z-index: 2;
    background: #fff;
    padding: 0 0 0 5px;
}
.attribute > span:last-child:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 15px;
    content: '';
    border-bottom: dotted 1px #888;
}




.product-description{
    margin-top: 30px;
}
.product-description h2{
    text-align: left;
    text-transform:none;
    margin-bottom: 30px;
    font-weight: 700;
}
.product-description h3{
    text-align: left;
    text-transform: none;
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 24px;
    line-height: normal;
}
.product-description h4{
    text-align: left;
    text-transform: none;
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 18px;
    line-height: normal;
}
.product-description ul{margin-left: 30px;list-style: inside; margin-bottom: 12px}
.product-description li{line-height: normal; margin-bottom: 6px}

.product-description strong{ 
    font-weight: bold;
}



.breadcrumb {
    font-size:14px; margin-bottom: 30px
}

.breadcrumb ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.breadcrumb li:not(:last-child)::after {
  display: inline-block;
  margin: 0 .25rem;
  content: "→";
}
.breadcrumb a{color: #f48951}
@media screen and (max-width: 990px) {
    .catalog .col.item {
        width: 48%
    }
}
@media screen and (max-width: 779px) {
  	.callback-bt{height: 60px; width:60px; bottom: 25px;right: 35px; }
	.callback-bt .text-call{height: 60px; width:60px;}
	.callback-bt svg {margin: 13px auto;width: 30px;height: 30px;}
    .carticon{right: 20px; top: 60px}
    .intro h1 {
        font-size: 40px;
        line-height: 52px;
    }
    .intro h3 {
        width: 80%;
    }
    .quickly{
        width: 80%;
    }
    .about-sepa .row div{min-width: 50%}
    
/********selection***********/    
    .selection .col {
        flex-basis: auto;
        flex-grow: 1;
        min-width: 100%;
        margin-right: 0px;
    }
    .selection .relative {
        position: relative;
        height: 400px;
        overflow: hidden;
    }
    .selection .subtitle{
        width: 90%;
    }
    .selection.width .col.left {
        max-width: 100%;
    }
    .selection.width .col.left img{
        display: block; margin: 0 auto 15px  auto;
    }
    .contact .left-block, .contact .right-block{width: 100%}
    footer .btn {
        margin-left: 0px;
        margin-top: 25px;
        display: block;
    }
    .contact .left-block{margin-bottom: 30px}
}

@media screen and (max-width: 729px) {
    header .messengers{
        display: none;
        max-width: 40px;
    }
    header nav{
        display: none;
        text-align: left
        
    }
     header nav li{
        display: block;
        margin-right:0;
        height: 43px;
        border-bottom: 1px solid #666666 
    }
    header nav a{
    font-size: 14px;
    }
    .mobile-menu{ display: block}
     .wrapper{
        padding: 50px 30px;
    }
    .advantage-block .col{max-width: 100%; flex-basis:auto; margin-right: 0px;    margin-bottom: 15px;}
	 
    
	
}

@media screen and (max-width: 640px) {
    .intro h1 {
         font-size: 38px;
        line-height: 40px;
    }
    
    .intro h1 span {
        font-size: 30px;
        line-height: 40px;
    }
    .intro h3{width: 100%}
    .quickly{width: 100%; }
    .calculator .subtitle,.selection .subtitle, .quiz .subtitle, .catalog .subtitle{width: 100%; font-size: 18px; line-height: 24px}
    .calculator .sepa{margin-bottom: 0}
    .catalog .wrapper{padding-left:15px; padding-right: 15px}
    .catalog .col.item{padding: 15px}
    .catalog .item_name{font-size: 16px}
    .catalog .col.item {width: 100%; margin-left: auto; margin-right: auto}
}
@media screen and (max-width: 550px) {
    .intro h1 span {
        display: block;
      
        margin-top: 5px;
    }
    h2 {
        font-size: 24px;
        line-height: 36px;
    } 
    footer .row .col{min-width: 100%; text-align: center}
    footer .row .col.right{text-align: center}
    footer .btn {margin: 30px auto}
    .about-sepa img {padding: 0}
}
@media screen and (max-width: 460px) {
    .selection .relative{height: auto; overflow: visible}
    .selection.type img{margin-bottom: 15px}
    .selection .absolute{position: relative; border: 3px solid #ebebeb;}
    .quiz .step-app > .step-content{padding: 30px 15px 0}
    .quiz .text-error {margin: 0px -15px 0;}
    
    
	.popup-content {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 30px;
    }
    .popup-window{
        padding: 20px;
    }
    .popup-content label, .popup-content button {
        width: 100%;
    }
    .popup-close{
        top:0px;
        right:0px
    }
    .popup-content h3{
        font-size: 22px;
    }
    .wrapper{
        padding: 50px 15px;
    }
    .mobile-menu{margin-left: -10px; margin-right: -10px;}

}
@media screen and (max-width: 410px) {
    
    .intro h1{
        font-size: 34px;
      
    }.intro h1 span {
        display: block;
        font-size: 22px;
        line-height: 32px;
        margin-top: 5px;
    }
    .intro h3{
        font-size: 22px;
        line-height: 30px
      
    }
    .intro .sale{width: 100%; margin-top: 40px }
    .intro .eTimer{padding: 30px 15px}
    
    .delivery .desc {
        font-size: 14px
    }
    .delivery .title{
        font-size: 16px
    }
   
}
@media screen and (max-width: 360px) {
  header .logo .mobile{display: block}
  header .logo .desktop{display: none}
  .calculator .btn.width{padding: 10px 0;     width: 23.8%;}
  .calculator .btn{font-size: 14px}
}


@media screen and (max-width: 330px) {
  
    .wrapper{
        padding: 40px 15px;
    }
    
    .intro .sale {
        width: 100%;
    }
    .eTimer .etUnit .etNumber{font-size: 29px !important;}
    .eTimer .etTitle{font-size: 18px!important}
    .catalog .row.forma label{font-size: 14px}
}