/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

@font-face {
    font-family: 'Cera Pro';
    src: url('/public/assets/fonts/CeraPro/CeraPro-Italic.eot');
    src: local('Cera Pro Italic'), local('CeraPro-Italic'),
        url('/public/assets/fonts/CeraPro/CeraPro-Italic.eot?#iefix') format('embedded-opentype'),
        url('/public/assets/fonts/CeraPro/CeraPro-Italic.woff') format('woff'),
        url('/public/assets/fonts/CeraPro/CeraPro-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('/public/assets/fonts/CeraPro/CeraPro-Regular.eot');
    src: local('Cera Pro Regular'), local('CeraPro-Regular'),
        url('/public/assets/fonts/CeraPro/CeraPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('/public/assets/fonts/CeraPro/CeraPro-Regular.woff') format('woff'),
        url('/public/assets/fonts/CeraPro/CeraPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('/public/assets/fonts/CeraPro/CeraPro-BlackItalic.eot');
    src: local('Cera Pro Black Italic'), local('CeraPro-BlackItalic'),
        url('/public/assets/fonts/CeraPro/CeraPro-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('/public/assets/fonts/CeraPro/CeraPro-BlackItalic.woff') format('woff'),
        url('/public/assets/fonts/CeraPro/CeraPro-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('/public/assets/fonts/CeraPro/CeraPro-Light.eot');
    src: local('Cera Pro Light'), local('CeraPro-Light'),
        url('/public/assets/fonts/CeraPro/CeraPro-Light.eot?#iefix') format('embedded-opentype'),
        url('/public/assets/fonts/CeraPro/CeraPro-Light.woff') format('woff'),
        url('/public/assets/fonts/CeraPro/CeraPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('/public/assets/fonts/CeraPro/CeraPro-BoldItalic.eot');
    src: local('Cera Pro Bold Italic'), local('CeraPro-BoldItalic'),
        url('/public/assets/fonts/CeraPro/CeraPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/public/assets/fonts/CeraPro/CeraPro-BoldItalic.woff') format('woff'),
        url('/public/assets/fonts/CeraPro/CeraPro-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('/public/assets/fonts/CeraPro/CeraPro-Black.eot');
    src: local('Cera Pro Black'), local('CeraPro-Black'),
        url('/public/assets/fonts/CeraPro/CeraPro-Black.eot?#iefix') format('embedded-opentype'),
        url('/public/assets/fonts/CeraPro/CeraPro-Black.woff') format('woff'),
        url('/public/assets/fonts/CeraPro/CeraPro-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('/public/assets/fonts/CeraPro/CeraPro-Medium.eot');
    src: local('Cera Pro Medium'), local('CeraPro-Medium'),
        url('/public/assets/fonts/CeraPro/CeraPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('/public/assets/fonts/CeraPro/CeraPro-Medium.woff') format('woff'),
        url('/public/assets/fonts/CeraPro/CeraPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('/public/assets/fonts/CeraPro/CeraPro-Bold.eot');
    src: local('Cera Pro Bold'), local('CeraPro-Bold'),
        url('/public/assets/fonts/CeraPro/CeraPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('/public/assets/fonts/CeraPro/CeraPro-Bold.woff') format('woff'),
        url('/public/assets/fonts/CeraPro/CeraPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('/public/assets/fonts/CeraPro/CeraPro-Thin.eot');
    src: local('Cera Pro Thin'), local('CeraPro-Thin'),
        url('/public/assets/fonts/CeraPro/CeraPro-Thin.eot?#iefix') format('embedded-opentype'),
        url('/public/assets/fonts/CeraPro/CeraPro-Thin.woff') format('woff'),
        url('/public/assets/fonts/CeraPro/CeraPro-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('/public/assets/fonts/CeraPro/CeraPro-MediumItalic.eot');
    src: local('Cera Pro Medium Italic'), local('CeraPro-MediumItalic'),
        url('/public/assets/fonts/CeraPro/CeraPro-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('/public/assets/fonts/CeraPro/CeraPro-MediumItalic.woff') format('woff'),
        url('/public/assets/fonts/CeraPro/CeraPro-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('/public/assets/fonts/CeraPro/CeraPro-LightItalic.eot');
    src: local('Cera Pro Light Italic'), local('CeraPro-LightItalic'),
        url('/public/assets/fonts/CeraPro/CeraPro-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('/public/assets/fonts/CeraPro/CeraPro-LightItalic.woff') format('woff'),
        url('/public/assets/fonts/CeraPro/CeraPro-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('/public/assets/fonts/CeraPro/CeraPro-ThinItalic.eot');
    src: local('Cera Pro Thin Italic'), local('CeraPro-ThinItalic'),
        url('/public/assets/fonts/CeraPro/CeraPro-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('/public/assets/fonts/CeraPro/CeraPro-ThinItalic.woff') format('woff'),
        url('/public/assets/fonts/CeraPro/CeraPro-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}



@-webkit-keyframes col {
0% { transform: scale(1);}
30% {transform: scale(1.5);}
100% { transform: scale(1);}
}
@-moz-keyframes col {
0% { transform: scale(1);}
30% {transform: scale(1.5);}
100% { transform: scale(1);}
}
@-ms-keyframes col {
0% { transform: scale(1);}
30% {transform: scale(1.5);}
100% { transform: scale(1);}
}
@-o-keyframes col {
0% { transform: scale(1);}
30% {transform: scale(1.5);}
100% { transform: scale(1);}
}
@keyframes col {
0% { transform: scale(1);}
30% {transform: scale(1.5);}
100% { transform: scale(1);}
}

.col {
  -webkit-animation: col ease 2s 99;
  -moz-animation: col ease 2s 99;
  -o-animation: col ease 2s 99;
  -ms-animation: col ease 2s 99;
  animation: col ease 2s 99;
}

#inform {
  width:320px;
  height:auto;
  padding:20px 10px;
  text-align: center;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0px 0px 20px 10px #fff;
  border-radius: 5px;
  border:1px solid #ddd;
  color:#000;
  opacity: 0;
  visibility: hidden;
  top: -100px;
  left:50%;
  font-size: 15px;
  transform: translateX(-50%);
  transition: 0.2s;
  position: fixed;
  z-index: 9999;
}

#inform.red {background: rgba(249, 50, 50, 0.95); color:#fff;}
#inform.grn {background: rgba(50, 211, 95, 0.95); color:#fff;}
#inform.on { opacity: 1; visibility: visible; top:50px; transition-delay: 0.3s; transition: 0.5s;}


/* styles */

/* 

1. General styles
2. Main slides
3. Rest

*/

textarea:focus, input:focus { outline: none; }

html {  font-size:14px; font-family: 'Cera Pro', sans-serif; } 

@media only screen and (max-width: 359px) { html {font-size: 8px;} }
@media(min-width:1500px){ html { font-size: 14px; } } /*12*/
@media(min-width:1980px){ html { font-size: 18px; } } /*16*/

/* 1. General styles */
body {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  display: block;
}

.nos {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

:root {
  --black:#000000;
  --white:#ffffff;
  --gray:#969696;

  --gray-dark:#626262;
  --gray-light:#E8E8E8;
  --gray-ultra-light:#f5f5f5;

  --black1:#212121;

  --purple:#CE4A87;
  --purple-dark:#AE2A67;
  --purple-light:#e9d1dc;

  --red: #FF7070;
}

.full {width: 100%;}

.top-highlight-red { box-shadow: inset 0px 330px 0px 0px var(--red); padding-top: 50px; }
.bottom-highlight-white { box-shadow: inset 0px -290px 0px 0px var(--white); }

@media (max-width:1279px){
  .top-highlight-red { box-shadow: inset 0px 330px 0px 0px var(--blue); }
}

/* central viewport, may be diff width */
.centered { max-width: 1110px; margin:0 auto; }

@media (max-width:1190px){
  .centered { max-width: calc(100% - 40px); } /* full width with paddings 20px */
}

/*@media (max-width:1365px){
  .centered { max-width: 1250px; }
}

@media (max-width:1279px){
  .centered { max-width: 1010px; }
}*/

a { transition: .2s; text-decoration: none; }
a:hover { transition: .3s; }

button { border:0; padding:0; outline: none; cursor: pointer; background-color: transparent; transition: .2s; }
button:hover { transition: .3s; }

input.fail, input.fail:focus, input.fail:hover { box-shadow: 0px 15px 15px -15px rgba(234, 33, 39, 0.5) !important; transition: .2s; }

.checkbox-label {
  display: block;
  position: relative;
  padding-left: 40px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  line-height: 30px;
  color:var(--black);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkbox-checkmark {
  position: absolute;
  top: 5px;
  left: 10px;
  height: 16px;
  width: 16px;
  background-color:var(--white-gray);
  border: 1px solid var(--gray);
  border-radius: 3px;
  margin-right: 10px;
}

/* On mouse-over, add a grey background color */
.checkbox-label:hover input ~ .checkbox-checkmark {
  border: 1px solid var(--black);
}

/* When the checkbox is checked, add a blue background */
.checkbox-label input:checked ~ .checkbox-checkmark {
  background-color: var(--white);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkbox-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox-label input:checked ~ .checkbox-checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox-label .checkbox-checkmark:after {
  left: 4px;
  top: 2px;
  width: 4px;
  height: 7px;
  border: solid var(--pink);
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.check {
    display: block;
    position: relative;
    width: 16px;
    height: 16px;
    background-color: var(--white-gray);
    border-radius: 5px;
    border: 1px solid var(--gray-light);
    margin-right: 10px;
    transition: 0s;
}

.check-act {
}

.check-act:after {
    left: 5px;
    top: 2px;
    width: 3px;
    height: 7px;
    border: solid var(--pink);
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    content: "";
    position: absolute;
}

#up{display:flex;align-items:center;justify-content:center;transition:.1s;background-color:transparent;font-weight:normal;width:48px;height:48px;line-height:48px;text-align:center;border-radius:24px;position:fixed;bottom:-60px;right:20px;z-index:10;text-decoration:none;}
#up svg{width:24px;height:24px; fill: #4f4f4f; transition:.7s}
#up:hover svg { fill:#000; }
#up.on{bottom:50px;transition:.7s}

a.btn-link { border:0; padding:0; margin: 0 auto; display: flex; align-items: center; justify-content: center; outline: none; cursor: pointer; transition: .2s; }
a.btn-link:hover { transition: .3s; }

a.btn-pink-v1, button.btn-pink-v1 { height: 40px; max-width: fit-content; text-align: center; padding:0 50px; border-radius: 20px; background-color: var(--pink); color:var(--white); font-size: 14px; font-weight: bold; text-transform: uppercase; }
a.btn-pink-v1:hover, button.btn-pink-v1:hover { background-color: var(--pink-hover); }

a.btn-pink-v2, button.btn-pink-v2 { height: 30px; max-width: fit-content; text-align: center; padding:0 50px; border-radius: 15px; background-color: var(--pink-light); color:var(--pink); font-size: 12px; font-weight: bold; text-transform: uppercase; }
a.btn-pink-v2:hover, button.btn-pink-v2:hover { background-color: var(--pink); color:var(--white); }

a.btn-pink-v3, button.btn-pink-v3 { height: 40px; max-width: fit-content; text-align: center; padding:0 50px; border-radius: 20px; background-color: var(--white); color:var(--pink); border: 3px solid var(--pink); font-size: 14px; font-weight: bold; text-transform: uppercase; }
a.btn-pink-v3:hover, button.btn-pink-v3:hover { background-color: var(--pink); color:var(--white); }


a.btn-gray, button.btn-gray { height: 40px; transition: .2s; max-width: fit-content; text-align: center; padding:0 50px; border-radius: 20px; background-color: var(--gray-dark); color:var(--white); font-size: 14px; font-weight: bold; text-transform: uppercase; }
a.btn-gray:hover, button.btn-gray:hover { background-color: var(--black); color:var(--white); transition: .2s; }

a.btn-gray-v2, button.btn-gray-v2 { height: 30px; max-width: fit-content; text-align: center; padding:0 50px; border-radius: 15px; background-color: var(--white-gray); color:var(--gray-dark); font-size: 14px; }
a.btn-gray-v2:hover, button.btn-gray-v2:hover { background-color: var(--gray-dark); color:var(--white); }

/* SELECT UI */
.ui-sel { background-color: var(--white-gray); height: 40px; border-radius:50px; width:300px; transition: .2s; }
.ui-sel-list { position: relative; width: 100%; height: 40px; }
.ui-sel-list-tit { cursor:pointer; width: 100%; background-color: var(--white-gray); position: relative; z-index: 0; display: flex; align-items: center; justify-content: space-between; height: 40px; border-radius: 50px; }
.ui-sel-list-tit .inf { text-align: left; display: flex; align-items: center; justify-content: flex-start; width:calc(100% - 45px); }
.ui-sel-list-tit .inf .inf-name { font-size: 14px; color:var(--gray); margin:0 10px 0 20px; white-space: nowrap; }
.ui-sel-list-tit .inf .inf-value { font-size: 14px; color:var(--gray-dark); font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ui-sel-list-tit svg.svg_darr { height: 12px; width: 12px; margin: 15px; fill: var(--black); transition: .2s; }
.ui-sel-list.open .ui-sel-list-tit svg.svg_darr { transition: .2s; transform: rotate(-180deg);}

.ui-sel-list-items { height:auto; border-bottom: 2px solid var(--white); max-height:350px; width:300px; padding-top: 20px; padding-right: 0px; overflow-x: hidden; overflow-y: auto; position: absolute; z-index: 1; top:0px; left:0px; background-color: var(--white-gray); border-radius: 0px 0px 20px 20px; }
.sel-item { cursor:pointer; text-align: left; font-size: 14px; transition: .2s; width:calc(100% - 0px); padding: 12px 20px; display: flex; align-items: center; justify-content: space-between; height: auto; min-height: 40px; border-top:1px solid var(--white-gray-hover); }
.sel-item:hover { background-color:var(--white-gray-hover); color: var(--pink); transition: .2s; }

.ui-sel-list-items::-webkit-scrollbar { width: 8px; }
.ui-sel-list-items::-webkit-scrollbar-track { background: var(--white-gray-hover); box-shadow:inset -4px 0px 0px 1px var(--white-gray), inset 1px 0px 0px 1px var(--white-gray); }
.ui-sel-list-items::-webkit-scrollbar-button {background: transparent; height: 15px;}
.ui-sel-list-items::-webkit-scrollbar-thumb { background: var(--gray); box-shadow:inset -3px 0px 0px 0px #fff; border-radius:16px; }

.ui-sel-list-items { visibility: hidden; opacity: 0; top:0px; transition: .2s; }
.ui-sel-list.open .ui-sel-list-items { visibility: visible; opacity: 1; top:20px; transition: .2s; box-shadow: 0px 10px 10px -10px rgba(0,0,0,0.5); }
.ui-sel-list.open .ui-sel-list-tit { position: absolute; z-index: 2; }


/* HOME PAGE features */

/* main banner */
.main-banner { height: 490px; position: relative; margin-bottom: 0px; }
a.main-banner-item { height: 490px; width:100%; display: block; background-size: cover; background-repeat: no-repeat; background-position: center center; }
a.main-banner-item button { position: absolute; bottom: 100px; left: 50%; transform: translateX(-50%);  }
a.main-banner-item .title { font-size: 36px; text-align: center; font-weight: bold; color:var(--gray-dark); margin-top:100px; }
a.main-banner-item .title .sub-title { font-size: 18px; text-align: center; font-weight: normal; color:var(--gray-dark); margin-top:15px; }
.main-banner .arr { position: absolute; display: flex; align-items: center; justify-content: center; width:40px; height: 40px; top:50%; transform: translateY(-50%); z-index: 3; border-radius: 50%; background-color: rgba(255, 255, 255, 0.5); transition: .2s; }
.main-banner .arr svg { display: block; width:20px; height: 20px; fill:var(--gray-dark); transition: .2s; }
.main-banner .arr-left { left:5%; }
.main-banner .arr-right { right:5%; }
.main-banner .arr:hover { transition: .2s; background-color: rgba(255, 255, 255, 1.0); }
.main-banner .arr:hover svg { transition: .2s; fill:var(--pink); }
.main-banner-nav { display: flex; display: none; align-items: center; justify-content: center; position: absolute; bottom:-30px; left:50%; transform: translateX(-50%); z-index: 3; }
.main-banner-nav a { display: block; white-space: nowrap; margin:0 5px; border-radius: 4px; width:20px; height: 6px; border:2px solid var(--white); background-color:var(--white); box-shadow: 0px 1px 3px rgb(70 108 156 / 30%); }
.main-banner-nav a.act { transition: .2s; background-color:var(--deep-blue); border: 2px solid var(--white); /*border:2px solid var(--white);*/ }


@media (max-width:1279px){
  
}

/* Product list block */
.prod-block-wrapper { padding:70px 0 70px 0; border-bottom: 2px solid var(--white-gray); background-color: var(--white); }
.prod-block { display: flex; align-items: center; justify-content: flex-start; flex-direction: column; }
.prod-block-title { font-size: 36px; color: var(--gray-dark); text-transform: uppercase; padding-bottom: 20px; position: relative; }
.prod-block-title:after { content: ''; position: absolute; bottom: 0px; left:50%; transform: translateX(-50%); width:90px; height: 2px; background-color: var(--pink); }
.prod-block .prod-list { margin:50px auto; width:100%; }
.prod-block .prod-list { justify-content: space-between; }
.prod-block .prod-list .prod-item { width: calc(25% - 22.5px); }
/* prod list block slider */
.prod-block .prod-list.swiper-container { padding: 30px 10px 70px 10px; margin: 50px auto 0 auto; }
.prod-block .prod-list .swiper-slide .prod-item { width:100%; }
#prod-slider-nav .swiper-pagination-bullet { background-color: var(--white-gray); }
#prod-slider-nav .swiper-pagination-bullet-active { background-color: var(--pink); }

/* Article common styles */
.article-wrapper { padding:70px 0; }
.article-catalog { background-color: var(--white-gray); }
.article-title { font-size: 36px; line-height: 56px; color:var(--grat-dark); padding-bottom: 20px; margin-bottom: 50px; text-align: center; text-transform: uppercase; display: flex; align-items: center; justify-content: center; position: relative; }
.article-title:after { content: ''; position: absolute; bottom: 0px; left:50%; transform: translateX(-50%); width:90px; height: 2px; background-color: var(--pink); }
.article { text-align: left; font-size: 14px; line-height: 18px; color:var(--gray-dark); }
.article img { width: 100%; max-width: fit-content; margin-bottom: 30px; }
.article a { color:var(--pink); transition: .2s; }
.article a:hover { color:var(--pink-hover); transition: .2s; }
.article h3 { color:var(--pink); font-size: 24px; font-weight: normal; padding: 0 0 20px 0; margin: 0; }
.article .article-two-col { columns: 2; column-gap: 40px; }

@media (max-width:800px){
  .article .article-two-col { columns: 1; column-gap: 0px; }
}

/* common slider UI */
.slider { display: flex; flex-direction: column; width:100%; }
.slider-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }
.slider-head .slider-tit { font-size: 24px; color:var(--black); font-weight: bold; }
.slider-head .slider-tabs { display: flex; align-items: center; justify-content: flex-start; position: relative; }
.slider-head .slider-tabs button { height: 40px; line-height: 40px; margin-right:15px; padding:0 20px; font-size: 16px; border-radius:3px; background-color: var(--white); color:var(--blue); box-shadow: 0px 2px 5px rgba(70, 108, 156, 0.5);}
.slider-head .slider-tabs button:hover { box-shadow: 0px 2px 5px rgba(70, 108, 156, 0.7); }
.slider-head .slider-tabs button.act, 
.slider-head .slider-tabs button.act:hover { background-color: var(--deep-blue); color:var(--white); }
.slider-head .slider-tabs .tab-link-all { position: absolute; left: 100%; min-width: max-content; color: var(--blue); padding: 5px 0px; border-bottom: 1px solid var(--blue); display: none; transition: .2s; }
.slider-head .slider-tabs .tab-link-all.link-act { display: block; }
.slider-head .slider-tabs .tab-link-all:hover { color: var(--deep-blue); border-bottom: 1px solid var(--deep-blue); transition: .2s; }
.slider-head .slider-block-nav { display: flex; align-items: center; flex-direction: flex-end; }
.slider-head .slider-block-nav button { border:1px solid transparent; width:34px; height:34px; background-color: var(--white); box-shadow: 0px 2px 5px rgba(70, 108, 156, 0.3); border-radius: 3px; }
.slider-head .slider-block-nav button i { display: block; width:14px; height:14px; margin:10px; }
.slider-head .slider-block-nav button i svg { display:block; width:14px; height:14px; fill:var(--blue); }
.slider-head .slider-block-nav button.prev { margin-right: 14px; }
.slider-head .slider-block-nav button.prev i { transform: rotate(-180deg); }
.slider-head .slider-block-nav button.next {  }
.slider-head .slider-block-nav button:hover { box-shadow: 0px 2px 5px rgba(70, 108, 156, 0.5); }
.slider-head .slider-block-nav button:active { border:1px solid var(--blue-shadow); }
.slider-items { /*display: flex; overflow-x: auto; overflow-y: hidden;*/ }

.top-highlight-red .slider-head .slider-tit { color:var(--white); }

.slider .swiper-container { 
  overflow: hidden; 
  max-width: 100%; 
  /*max-width: calc(100% + 20px);
  width: calc(100% + 20px);
  margin-left: -10px;*/
}

/* stars svgs block */
.stars{ width:70px; height:14px; display: flex; align-items: center; justify-content: space-between; margin:0; position: relative; }
.stars svg{ width:14px; height:14px; margin:0px;  fill:var(--gray-light); }
.stars svg.act { fill:var(--pink); }


.prod-list { display: flex; flex-wrap: wrap; justify-content: flex-start; }

/* prod lis item -- single */
.prod-slider { margin-bottom:90px;  }
.prod-slider .slider-items { border:1px solid var(--light-gray); border-right:0; overflow-x: unset; overflow-y: unset; }

.prod-item { height: 502px; display: block; transition: .2s; position: relative; background-color: var(--white); width:calc(20% - 1px); border-radius: 5px; }
.prod-item .prd-disc { position: absolute; right: -2px; z-index: 10; top: 30px; display: flex; align-items: center; justify-content: center; font-size: 18px; color: var(--pink); width:60px; height: 30px; border-top-left-radius:15px; border-bottom-left-radius: 15px; background-color: var(--white-gray);  }
.prod-item .add-fav { position: absolute; width:30px; height: 30px; top:30px; left:20px;  }
.prod-item .add-fav svg { width:30px; height: 30px; fill: var(--white-gray); transition: .2s; }
.prod-item .add-fav:hover svg { fill: var(--pink); transition: .2s; }
.prod-item:hover .add-fav svg { fill: var(--pink-light); transition: .2s; }
.prod-item:hover .add-fav:hover svg { fill: var(--pink); transition: .2s; }
.prod-item .add-fav.in-fav svg { fill:var(--pink); }
.prod-item-inner { overflow: hidden; /*position: absolute;*/ width: 100%; height: 100%; border: 2px solid var(--white-gray); border-radius: 5px; }
.prod-item-labels { position: absolute; width:calc(100% - 60px); height: auto; left:12px; top:10px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; }
.prod-item-labels .label { font-size: 10px; padding:4px 8px; margin:0 8px 8px 0; border-radius: 2px; color:var(--white); text-transform: uppercase;  }
.prod-item-labels .label-red { background-color: var(--red);  }
.prod-item-labels .label-grn { background-color: var(--green); }

.prod-item-labels .label-icon { padding:0; position: relative; margin-right: 20px; }
.label-icon img.label-icon-img { width:28px; height: 28px; margin-top: -4px; }
.label-icon span.label-icon-inf { position: absolute; top: 0px; right: -10px; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: var(--green); color:var(--white); font-size: 10px; text-align: center; }

.prod-item-btn { position: absolute; width:44px; height:34px; background-color:var(--white); right:0; top:0; }
.prod-item-btn i { display: block; width:24px; height:24px; margin:5px 10px; }
.prod-item-btn i svg { display: block; width:20px; height:20px; margin:2px; fill:var(--blue); opacity: 0.5; transition: .2s; }
.prod-item-btn:hover i svg { opacity:1; transition: .2s; }
.prod-item-comp { top:5px; }
.prod-item-wish { top:35px; }

.add-cart.in-list { background-color: var(--blue) !important; }

.prod-item-comp.in-list::after {
    content: "✓";
    top: 0px;
    left: 0px;
    position: absolute;
    font-size: 10px;
    width: 18px;
    height: 18px;
    color: rgb(255, 255, 255);
    text-align: center;
    line-height: 18px;
    border-radius: 12px;
    background: var(--green);
}

.prod-item-wish.in-list::after {
    content: "✓";
    top: 0px;
    left: 0px;
    position: absolute;
    font-size: 10px;
    width: 18px;
    height: 18px;
    color: rgb(255, 255, 255);
    text-align: center;
    line-height: 18px;
    border-radius: 12px;
    background: var(--green);
}

.prod-item-inner a.prod-link { display:block; padding: 20px 0;}
.prod-item-inner a.prod-link .im { width:244px; height: 244px; margin:0 auto; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.prod-item-inner a.prod-link .prod-item-tit { font-size: 16px; line-height: 19px; margin-top: 20px; text-align: center; color:var(--gray-dark); height:78px; text-overflow: ellipsis; overflow: hidden; width:calc(100% - 24px); padding:0 12px; }

.prod-item-revs { display: flex; align-items: center; justify-content: center; width: calc(100% - 60px); margin:0 auto 20px auto; }
.prod-item-revs .prod-item-list-revs-link { display: flex; align-items: center; justify-content: space-between; width: 100%; margin:0; padding:0; }
.prod-item-revs .stars { margin-right: 10px; }
.prod-item-revs .prod-item-revs-cnt { display: flex; align-items: center; justify-content: center; }
.prod-item-revs .prod-item-revs-cnt .text { font-size:12px; color:var(--gray-dark); text-decoration: underline; }
.prod-item-revs .prod-item-no-revs { font-size:12px; color:var(--gray); }

.prod-item-art { font-size: 12px; color:var(--deep-gray); }

.prod-item-inner .prod-item-price { display: flex; align-items: center; justify-content:center; margin-bottom: 15px; width:calc(100% - 24px); padding:0 12px; }
.prod-item-inner .prod-item-price .price_range { display: flex; align-items: center; justify-content: center; }
.prod-item-inner .prod-item-price .price_range .price_delimiter { padding:0 5px; font-size: 18px; font-weight: bold; color:var(--gray-dark); }
.prod-item-inner .prod-item-price .price { margin:0px; white-space: nowrap; font-size: 18px; font-weight: bold; color:var(--gray-dark); }
.prod-item-inner .prod-item-price .price span { font-size: 16px; color:var(--gray); }

.prod-item-inner .prod-item-price .price_action { color: var(--red); }
.prod-item-inner .prod-item-price .price_action span { color: var(--red); }

.prod-item-inner .prod-item-price .price_old { font-size: 14px; font-weight: normal; color:var(--gray); text-decoration: line-through; margin-right: 25px; }
.prod-item-inner .prod-item-price .price_old span { font-size: 13px; font-weight: normal; color:var(--gray); }

.prod-item-inner .prod-item-price .price-old { margin-right: 10px; overflow: hidden; text-overflow: ellipsis; max-width: 150px; white-space: nowrap; }
.prod-item-inner .prod-item-price .price-disc-label { font-weight: bold; background-color:var(--red); color:var(--white); font-size: 10px; padding:4px 8px; border-radius: 2px; white-space: nowrap; }

.prod-item-inner a.prod-item-buy { max-width: fit-content; margin:0 auto; }

.prod-item:hover { transform: scale(1.05); }
.prod-item:hover .prod-item-inner { transition: .2s; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); z-index: 2; /*padding:5px 0;*/ }
.prod-item:hover .prod-item-inner .prod-item-desc .prod-item-buy, 
.prod-item:hover .prod-item-inner .prod-item-desc .prod-item-get-info { visibility: visible; opacity: 1; bottom:15px; transition: .2s; }
.prod-item:hover .prod-item-inner .prod-item-desc > .text { visibility: hidden; opacity: 0; transition: .2s; }

.prod-slider .swiper-container { border:1px solid var(--light-gray); }
.swiper-slide .prod-item { width: calc(100% - 0.5px); }

@media (max-width:1279px){
  .prod-item .prod-item-inner .prod-item-desc .prod-item-buy { visibility: visible; opacity: 1; bottom:15px; transition: .2s; }
  .prod-item .prod-item-inner .prod-item-desc > .text { visibility: hidden; opacity: 0; transition: .2s; }
  .prod-item-inner .prod-item-price .price-disc-label { padding:4px 5px; color:var(--red); background-color: var(--light-bg); }
}

/* prod list slider */


/* pagination */

#pag-bottom {display: flex; margin-top: 50px; height:36px; align-items: center; justify-content: center; width: 100%; position: relative; }
#pag-bottom a {display: flex; align-items: center; justify-content: center; border-radius: 18px; width:36px; height:36px; text-decoration: none; line-height: 36px; text-align: center; margin:0 10px; font-weight: bold; font-size: 16px; background-color: var(--white-gray); color:var(--black); transition: .2s;}
#pag-bottom a.act, #pag-bottom span.act { color:var(--black); border: 1px solid var(--black); }
#pag-bottom a:hover { background-color:var(--white-gray-hover); color:var(--pink); transition: .2s;}
#pag-bottom span {display: block; border-radius: 20px; width:36px; height:36px; line-height: 36px; text-align: center; margin:0 10px; font-weight: bold; font-size: 18px; background-color: var(--white-gray); color:var(--black); }
#pag-bottom .first-last { background-color:var(--white-gray); }
#pag-bottom .first-last svg { display: block; width:16px; height: 16px; fill:var(--black); transition: .2s; }
#pag-bottom .first-last:hover svg { fill:var(--pink); transition: .2s; }
#pag-bottom .page-first { left:30px; }
#pag-bottom .page-last { right:30px; }


/* category, product delivery info */
.del-inf { background-color: var(--light-bg); border-radius: 5px; }
.del-inf .inner { padding:20px 30px; }
.del-inf .inner p { font-size: 13px; line-height: 24px; color:var(--deep-gray); }

/* cat slider */
.cat-slider { padding-top: 70px; margin-bottom: 60px; }
a.cat-slider-item { width:100%; position: relative; margin-right:0px; height:110px; border-radius: 3px; background-color:var(--light-bg); display: flex; flex-direction: column; align-items: center; }
a.cat-slider-item i  { width:35px; height: 35px; display: block; margin-top: 20px; }
a.cat-slider-item i svg { width: 35px; height: 35px; display: block; fill:var(--red); }
a.cat-slider-item .cat-slider-item-tit { width: 100%; text-align: center; font-size: 13px; color:var(--black); position: absolute; bottom:20px; left:50%; transform: translateX(-50%); }
a.cat-slider-item:last-child { margin-right:0; }
a.cat-slider-item:hover { background-color: var(--light-bg-hover); }
a.cat-slider-item:hover .cat-slider-item-tit { color: var(--blue); }


/*cat-ex-slider*/
.cat-ex-slider-wrapper { background-color: var(--light-bg); }
.slider .swiper-container.cat-ex-swiper-slider { background-color: var(--white); }
.cat-ex-slider { padding-bottom: 70px; }
.cat-ex-slider .swiper-container { width: 100%; }
.cat-ex-slider-regular {  }
.cat-ex-slider-regular .slider-items { border:1px solid var(--light-gray); background-color: var(--white); min-width: 100%; }
.cat-ex-slider-regular .cat-item { display: flex; align-items: flex-start; justify-content: flex-start; background-color: var(--white); height: 440px; min-width:calc(100% - 2px); border-left:1px solid var(--light-gray); }
/*.cat-ex-slider-regular .cat-item:nth-child(1) { border-left:0; }*/
.cat-ex-slider-regular .cat-item { flex-direction:row; width: 100%; }
.cat-ex-slider-regular .cat-item .cat-item-col-tit { font-size:13px; font-weight: bold; color:var(--black); margin-bottom: 10px; }
.cat-ex-slider-regular .cat-item .cat-item-col a.show-all { font-weight: bold; }
.cat-ex-slider-regular .cat-item .cat-item-col { background-repeat: no-repeat; background-position: bottom center; } 
.cat-ex-slider-regular .cat-item .cat-item-col a { font-size: 12px; background-repeat: no-repeat; background-position: bottom center; background-size: cover; } 

.cat-ex-slider-regular .cat-item .cat-item-col { position: relative; width: 100%; }

/* hover shadow */
.cat-ex-slider-regular .cat-item .cat-item-col .cat-item-col-inner { position: absolute; width:100%; height: 100%; transition: .2s; }

.cat-ex-slider-regular .cat-item-v .cat-item-col1:hover .cat-item-col-inner { transition: .2s; box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.2); z-index: 2; }
.cat-ex-slider-regular .cat-item-v .cat-item-col2 .cat-item-col-inner { transition: .2s; }
.cat-ex-slider-regular .cat-item-v .cat-item-col2:hover .cat-item-col-inner { transition: .2s; z-index: 2; }
.cat-ex-slider-regular .cat-item-v .cat-item-col2 a { transition: .2s; }
.cat-ex-slider-regular .cat-item-v .cat-item-col2 a:hover { transition: .2s; box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.2); z-index: 2; }

.cat-ex-slider-regular .cat-item-h .cat-item-col1:hover .cat-item-col-inner { transition: .2s; box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.2); z-index: 2; }
.cat-ex-slider-regular .cat-item-h .cat-item-col2:hover .cat-item-col-inner { transition: .2s; z-index: 2; }
.cat-ex-slider-regular .cat-item-h .cat-item-col2 .cat-item-col-inner { display: flex; }
.cat-ex-slider-regular .cat-item-h .cat-item-col2 a { transition: .2s; }
.cat-ex-slider-regular .cat-item-h .cat-item-col2 a:hover { transition: .2s; box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.2); z-index: 2; }

.cat-ex-slider-regular .cat-item-v { width: 100%; }
.cat-ex-slider-regular .cat-item-v .cat-item-col1 { display: flex; flex-direction: column; min-width:calc(50% - 1px); /*padding:20px 15px;*/ border-right:1px solid var(--light-gray); height: 100%; }
.cat-ex-slider-regular .cat-item-v .cat-item-col1 .cat-item-col-inner { width:calc(100% - 30px); padding:20px 15px; }
.cat-ex-slider-regular .cat-item-v .cat-item-col1 a { display: block; font-size:12px; color:var(--blue); margin:15px 0; }

.cat-ex-slider-regular .cat-item-v .cat-item-col2 { display: flex; flex-direction: column; min-width:calc(50% - 0px); }
.cat-ex-slider-regular .cat-item-v .cat-item-col2 a { display: block; font-size:12px; color:var(--blue); text-align: center; padding:20px 15px; width:calc(100% - 30px); height:180px; }
.cat-ex-slider-regular .cat-item-v .cat-item-col2 a:nth-child(1) { border-bottom:1px solid var(--light-gray); }

.cat-ex-slider-regular .cat-item-h { display: flex; flex-direction: column; width: 100%; }
.cat-ex-slider-regular .cat-item-h .cat-item-col1 { width:calc(100% - 0px); /* padding:20px 15px;*/ height: 219px; border-bottom:1px solid var(--light-gray); display: flex; flex-direction: column; }
.cat-ex-slider-regular .cat-item-h .cat-item-col1 .cat-item-col-inner { width:calc(100% - 30px); padding:20px 15px; max-height: 179px; }
.cat-ex-slider-regular .cat-item-h .cat-item-col1 a { display: block; font-size:12px; color:var(--blue); margin:15px 0; }

.cat-ex-slider-regular .cat-item-h .cat-item-col2 { display: flex; height: 220px; width:100%; }
.cat-ex-slider-regular .cat-item-h .cat-item-col2 a { display: flex; text-align: center; color:var(--blue); width:calc(50% - 30px); padding:20px 15px; height: 100% }
.cat-ex-slider-regular .cat-item-h .cat-item-col2 a:nth-child(1) { border-right:1px solid var(--light-gray); width:calc(50% - 31px); }

.cat-ex-slider-compact {  }
.cat-ex-slider-compact .slider-items { justify-content: space-between; }
.cat-compact-item { position: relative; width:calc(100% - 8.66666px); height: 440px; border:1px solid var(--light-gray); border-radius: 3px; background-color: var(--white); display: flex; flex-direction: column; }
.cat-compact-item .cat-compact-item-inner { position: absolute; width:100%; height: 100%; display: flex; flex-direction: column; }
.cat-compact-item a { transition: .2s; display: flex; flex-direction: column; align-items: center; justify-content: center; color:var(--blue); font-size:13px; height: 220px; position: relative; }
.cat-compact-item a img { max-width:calc(100% - 10px); max-height: 150px; margin:30px auto 0 auto;}
.cat-compact-item a span.text { position: absolute; left:50%; transform: translateX(-50%); top:20px; width: 100%; text-align: center; }
.cat-compact-item a:nth-child(1) { border-bottom: 1px solid var(--light-gray); height:219px; }

.cat-compact-item:hover .cat-compact-item-inner { z-index: 2; transition: .2s; }
.cat-compact-item .cat-compact-item-inner a:hover { z-index: 2; transition: .2s; box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.2); }

/*promo card*/
.promo-card-wrapper { margin-top: 100px; }
.promo-card { border-radius: 5px; background-color: var(--deep-blue); background-size: 100%; background-position: -110px -190px; background-image: url(/public/assets/img/promo-card-bg.png); background-repeat: no-repeat; display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; position: relative; height: 380px;  }
.promo-card-cont { margin:6% 9%; display: flex; flex-direction: column;  }
.promo-card-tit { text-align: left; height: 40px; line-height: 40px; font-weight: bold; color:var(--white); font-size:24px; margin-bottom: 10px; }
.promo-card-sub { font-size: 18px; line-height:25px; color:var(--white); margin-bottom:20px; }
.promo-card-btn { width:260px; height:48px; font-weight: bold; font-size: 12px; text-transform: uppercase; color:var(--deep-blue); background-color: var(--white); text-align: center; box-shadow: 0px 0px 51px rgba(255, 255, 255, 0.6); border-radius: 3px; }
.promo-card-img {  }
.promo-card-img img { position: absolute; bottom:-48px; right:0; }

/* partner slider */
.partner-block { padding:90px 0; background-color: var(--white); }
a.partner-item { width:calc(100% - 30px); position: relative; margin-right:20px; height: 90px; border-radius: 3px; background-color:var(--light-bg); padding:15px; display: flex; flex-direction: column; align-items: center; }
a.partner-item img { margin-top: 10px; height: auto; width: auto; display: block; max-height: 100%; max-width: 100%; }
a.partner-item .partner-tit { width: 100%; text-align: center; font-size: 13px; color:var(--deep-gray); position: absolute; bottom:20px; left:50%; transform: translateX(-50%); }
a.partner-item:last-child { margin-right:0; }
a.partner-item:hover { background-color: var(--light-bg-hover); }
a.partner-item:hover .partner-tit { color: var(--blue); }

/* blog slider block */
.blog-block { background-color: var(--white-gray); padding:70px 0; }
.blog-block-title { font-size: 36px; margin-bottom: 10px; color:var(--gray-dark); text-transform: uppercase; display: flex; align-items: center; justify-content: center; }
.blog-block-sub-title { position: relative; font-size: 24px; padding-bottom: 15px; color:var(--pink); text-transform: uppercase; display: flex; align-items: center; justify-content: center; }
.blog-block-sub-title:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 90px;
    height: 2px;
    background-color: var(--pink);
}
.blog-block .slider {margin: 50px auto; padding-bottom: 40px; position: relative;}

/*.blog-block .slider .swiper-slide { transition: .2s; }
.blog-block .slider .swiper-slide:hover { transition: .2s; transform: scale(1.05); }*/

.blog-item-wrapper { display: block; position: relative; }
.blog-item-likes { display: flex; align-items: center; justify-content: flex-start; position: absolute; top:10px; left:10px; height: 24px; }
.blog-item-like-btn { display: flex; align-items: center; justify-content: flex-start; }
.blog-item-like-btn .svg-wrapper {  margin-right: 5px; width: 24px; height: 24px; display:flex; align-items: center; justify-content: center; border-radius: 50%;}
.blog-item-like-btn .svg-wrapper svg { width: 16px; height: 16px; fill: var(--white);}
.blog-item-like-btn .cnt { font-size: 13px; }

.blog-item-like { margin-right: 10px; }
.blog-item-like .svg-wrapper { background-color: var(--pink); }
.blog-item-like .cnt { color: var(--pink); }

.blog-item-dislike .svg-wrapper { background-color: var(--gray); }
.blog-item-dislike .cnt { color: var(--gray); }

a.blog-item { width:calc(100% - 0px); margin-right:20px; background-color: var(--white); border-radius: 5px; display: block;}
a.blog-item:last-child { margin-right: 0; }

a.blog-item .im { display: block; width:100%; height: 270px; background-position: center center; background-size: cover;  }
a.blog-item .blog-item-cont { padding:15px 20px; }
a.blog-item .blog-item-tit { transition: .2s; font-size: 16px; line-height: 20px; margin-bottom: 15px; color:var(--gray-dark); height: 40px; max-height: 40px; overflow: hidden; text-overflow: ellipsis; }
a.blog-item .blog-item-extra { display: flex; align-items: center; justify-content: space-between; height: 20px; padding-top: 15px; border-top:2px solid var(--white-gray); }
a.blog-item .blog-item-extra .inf { font-size: 16px; color:var(--gray); margin-right: 10px; }
a.blog-item .blog-item-extra .dt { font-size: 14px; color:var(--gray); }
a.blog-item:hover .blog-item-tit { transition: .2s; color: var(--pink); }

.blog-slider-nav { display: flex; align-items: center; justify-content: center; position: absolute; bottom:-30px; left:50%; transform: translateX(-50%); z-index: 3; }
.blog-slider-nav a { display: block; white-space: nowrap; margin:0 5px; border-radius: 4px; width:20px; height: 6px; border:2px solid var(--white); background-color:var(--white); box-shadow: 0px 1px 3px rgb(70 108 156 / 30%); }
.blog-slider-nav a.act { transition: .2s; background-color:var(--deep-blue); border: 2px solid var(--white); /*border:2px solid var(--white);*/ }


/* review block slider */
.review-block {  }
.review-block-inner { border-top:2px solid var(--white-gray); padding:70px 0 0px 0; }
.review-block-title { font-size: 36px; line-height: 56px; color:var(--grat-dark); padding-bottom: 20px; margin-bottom: 50px; text-align: center; text-transform: uppercase; display: flex; align-items: center; justify-content: center; position: relative; }
.review-block-title:after { content: ''; position: absolute; bottom: 0px; left:50%; transform: translateX(-50%); width:90px; height: 2px; background-color: var(--pink); }
.review-block .slider {margin: 50px auto; padding-bottom: 40px; position: relative;}

/*.review-item { display: flex; height: 210px; align-items: center; justify-content: center; position: relative; padding:150px 40px 70px 40px; background-color: var(--white-gray); }
.review-item:after { content:'“'; position: absolute; font-size: 144px; top:20px; left:30px; color: var(--gray-light); }
.review-item-attachments { display: flex; align-items: center; justify-content: center; position: absolute; top:40px; right:30px; }
.review-item-attachments svg { width: 34px; height: 34px; fill: var(--black); }
.review-item-attachments .cnt { font-size: 13px; position: absolute; top: 4px; left: 0px; background-color: var(--pink); color:var(--white); display: flex; align-items: center; padding:0 5px; height: 20px; border-radius: 10px; }
.review-item-content { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.stars.stars-review-item svg.act { fill:var(--black); }
.review-item-name { font-size: 18px; color:var(--black); margin-bottom: 10px; }
.review-item-text { font-size: 14px; line-height: 16px; color: var(--gray-dark); margin:20px; max-height: 80px; overflow: hidden; text-align: center; }
.review-item-date { font-size: 12px; color:var(--gray);  }
*/
.review-slider-nav { margin:45px auto 30px auto; }
.review-slider-nav .swiper-pagination-bullet { background-color: var(--white-gray); }
.review-slider-nav .swiper-pagination-bullet-active { background-color: var(--pink); }

/*.review-block a.btn-pink-v1 { margin-top:100px; }*/

/* article block */
.art-block { background-color:var(--white); padding:100px 0; }
.art-block-text { overflow-x: hidden; overflow-y: auto; max-height: 300px; height: auto; color:var(--black); padding-right: 20px; width:calc(100% - 20px); }
.art-block-text p { font-size: 12px; line-height: 20px; }
.art-block-text b { font-weight: bold; }
.art-block-text h2 { font-size: 16px; text-transform: uppercase; font-weight: bold; }
.art-block-text h3 { font-size: 14px; text-transform: uppercase; font-weight: bold; }
.art-block-text::-webkit-scrollbar { width: 8px; }
.art-block-text::-webkit-scrollbar-track { background: var(--light-gray); box-shadow:inset -4px 0px 0px 1px #fff, inset 1px 0px 0px 1px #fff; }
.art-block-text::-webkit-scrollbar-button {background: #fff; height: 3px;}
.art-block-text::-webkit-scrollbar-thumb { background: var(--blue-shadow); box-shadow:inset -3px 0px 0px 0px #fff; border-radius:16px; }


/* brdcrmbs */

.brdcrmbs-wrapper { height: 20px; /*padding:50px 0 30px 0;*/ }
.brdcrmbs { height: 20px; display: flex; align-items: center; justify-content: flex-start; }
.brdcrmbs { font-size: 14px; color: var(--gray-dark); }
.brdcrmbs a { text-decoration: none; color:var(--gray-dark); transition: .2s; }
.brdcrmbs a:hover { color:var(--pink); transition: .2s; }
.brdcrmbs span.brdcrmbs-delimiter { color:var(--gray-dark); padding:0 5px; }


/* h1, title */
.h1-wrapper { padding:30px 0; }
.h1-wrapper h1 { padding:0; color:var(--black); font-weight: 600; font-size: 36px; }

/*#srch i {display: block; width:30px; height:30px; position: absolute; top:5px; left:10px;}
#srch i svg {display: block; width:24px; height:24px; margin:3px; fill:#C4C4C4;}
#srch.act { border: 1px solid #003e7c; color:#003e7c; box-shadow: 0px 5px 10px 2px #eee; }
#srch.act i svg { fill:#003e7c; }*/

#head-wrapper {
  height: 120px;
  box-shadow: 0px 3px 4px 4px rgba(235,235,235,0.5);
}

#head {
  height: 120px;
  width:1360px;
  margin:0 auto;
  position: relative;
}

#head .hd-row {display: flex; height:60px; align-items: center; justify-content: space-between;}

#enter {display: flex; align-items: center; justify-content: space-between; width:220px; color:#000; font-size:14px; text-decoration: none; margin-top: 20px; }
#enter i {display: block; width:30px; height:30px; }
#enter i svg {display: block; width:24px; height:24px; margin:3px;}
#logo { width: 136px; height: 32px; display: block; margin-top: 28px; }
#head .hd-row .hd-mods {width:210px; display: flex; align-items: center; justify-content: space-between;}
#head .hd-row .hd-mods a.mod { display: block; width:28px; height:28px; position: relative; text-decoration: none; }
#head .hd-row .hd-mods a.mod i svg{ fill:#000; }
#head .hd-row .hd-mods a.mod:hover i svg { fill:#003E7C; transition: .2s; }
.hd-mods a.mod span { display: block; position: absolute; visibility: hidden; opacity: 0; border-radius: 10px; font-size: 12px; top:-10px; right:-10px; line-height: 20px; height:20px; min-width: 13px; text-align: center; padding:0 4px; color:#fff; background: #e12229; }
.hd-mods a.mod span.act { visibility: visible; opacity: 1; }

#head .hd-row .hd-links {width:calc(100% - 550px); font-size: 14px; color:#000; display: flex; align-items: center; justify-content: space-between;}
#head .hd-row .hd-links a {font-size: 14px; color:#000; text-decoration: none; text-transform: uppercase;}
#head .hd-row .hd-links a.act {font-family: muller-bold;}
#head .hd-row .hd-lng { color:#000; font-size: 14px; width: 136px; }
#head .hd-row .hd-lng a { color:#000; font-size: 14px; text-decoration: none; padding:0 3px; }
#head .hd-row .hd-lng a.act { font-family: muller-bold; }

#auth-win {visibility: hidden; opacity:0; overflow: hidden; transition:.2; padding:10px 30px; top:18px; right:0; position: absolute; width:380px; height:0px; background-color: #fff; background: #FFFFFF;box-shadow: 0px 0px 19px rgba(0, 0, 0, 0.25);border-radius: 16px;}
b#auth-head {font-size: 18px; display: block; color:#000; height:40px; line-height: 40px; margin-bottom: 20px;}
/*b {font-size: 16px; display: block; color:#000; height:20px; line-height:20px;}*/
#auth-win input {width:100%; margin-bottom:20px; height:40px; font-size: 14px; padding:0 10px; border: 1px solid #C4C4C4;box-sizing: border-box;border-radius: 10px;}
.auth-win-row {display: flex; align-items: center; justify-content:flex-start; margin-bottom:30px;}
.auth-win-forgot {justify-content: flex-start;}
.auth-win-forgot a {font-size:14px;}
.auth-win-forgot span {color:#ccc; margin:0 20px;}
.auth-win-forgot a:nth-child(1) {color:#ccc;}
.auth-win-forgot a:nth-child(3) {color:#003E7C;}
.switch {background:#F86166;transition:.2s;border-radius:16px;width:70px; height:32px; margin-right:20px; position:relative;}
.switch b{display:block;width:26px;height:26px;background-color:#fff;border-radius:14px; top:3px; left:4px; position: absolute; transition:.2s;}
.switch-on {background: #63C852; transition:.2s;  }
.switch-on b {left:40px; transition:.2s;  }
#enter-btn {font-size:18px;height:50px;line-height:50px;width:180px;text-decoration:none;color:#fff;text-align:center;background: #003E7C;border-radius: 20px;}
#enter-close {font-size:18px;height:50px;line-height:50px;width:180px;text-decoration:none;color:#ccc;text-align:center;background: #fff;border-radius: 20px;}
#auth-win.act {visibility: visible; opacity: 1; height:400px; transition:.2; z-index: 100;}

#main-subhead {
  width:100%;
  max-width:1360px;
  margin:60px auto;
  display: flex;
  align-items: flex-start;
}
#main-subhead .main-menu {width:200px; margin-top: -10px;}
#main-subhead .main-menu a {display: block; text-decoration: none; color:#000; font-size: 13px; height:40px; line-height: 40px; max-width: 190px; white-space: nowrap; overflow: hidden; transition:.3s;}
#main-subhead .main-menu a:hover {transition:.3s; color:#E12229;}

#brdcrmbs { height:50px; line-height: 50px; display: flex; align-items: center; justify-content: flex-start; position: relative; }
#brdcrmbs a, #brdcrmbs span.text { height:50px; line-height: 50px; display: block; margin-right: 20px; color:#c4c4c4; text-decoration: none; text-transform: uppercase; }
#brdcrmbs i { height:50px; display: block; width:8px; margin-right: 20px; }
#brdcrmbs i svg { margin:17.5px 0px; stroke:#C4C4C4; }
#brdcrmbs.marg40 { margin:40px 0; }
#brdcrmbs a.pr-print { position: absolute; top:0; right:0; color:#000; }

.mb0 { margin-bottom: 0 !important; }

#register {width:640px; border-right: 1px solid rgba(196, 196, 196, 0.7); margin-bottom: 40px;}
.reg-row {display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px;}
.reg-row .reg-row-label {width:240px; font-size: 16px; color:#000;}
.reg-row input {width:340px; margin-right: 60px; height:40px; font-size: 14px; padding:0 10px; border: 1px solid #C4C4C4;box-sizing: border-box;border-radius: 10px;}
.reg-row .reg-row-inf {width:340px; margin-right: 60px; font-size: 12px; color:#C4C4C4; }
.reg-row #reg-proceed {background: #003E7C; width:300px; margin-right: 100px; font-size: 18px; text-decoration: none; border-radius: 20px; height:50px; line-height:50px; display: block; color:#fff; text-align: center;}
.reg-inf {color:#C4C4C4; font-size: 12px;}
.reg-inf a{color:#003E7C; font-size: 12px; text-decoration: underline;}

/* favorite page */

#favorite { margin-bottom: 40px; }
#fav-prods { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;}
#fav-prods .fav-item{ width:calc(25% - 1px);border-top:1px solid rgba(196, 196, 196, 0.7); border-right:1px solid rgba(196, 196, 196, 0.7); height:380px; position: relative; }
#fav-prods .fav-item .im {width:250px; height:250px; margin:0 auto; background-position: center center; background-repeat: no-repeat; background-size: contain;  }
#fav-prods .fav-item .fav-item-row { display: flex; align-items: flex-start; justify-content: space-between; width:calc(100% - 50px); margin:10px auto; }
#fav-prods .fav-item .fav-item-row b { text-align: left; display: block; color:#000; font-size:14px;  }
#fav-prods .fav-item .fav-item-row .price { font-weight: bold; display: block; color:#000; text-transform: uppercase; font-size:14px;  }
#fav-prods .fav-item .fav-item-row a { display: block; text-decoration: none;  }
#fav-prods .fav-item .fav-item-row .fav-add-cart { height:36px; line-height: 36px; width: 110px; color:#000; font-size:14px; display: flex; align-items: center; justify-content: space-between; }
#fav-prods .fav-item .fav-item-row .fav-add-cart i { height:30px; width:30px; display: block; }
#fav-prods .fav-item .fav-item-row .fav-add-cart i svg{ width:24px; height:24px; margin:3px; fill:#E12229; }
#fav-prods .fav-item .fav-item-row .fav-add-comp i svg{ fill:#003E7C; }
#fav-prods .fav-item .close {display: block; text-decoration: none; position: absolute; top:20px; right:25px; width:24px; height:24px; border-radius: 12px; border:1px solid #ccc;}
#fav-prods .fav-item .close i svg {stroke:#ccc; width:12px; height:12px; margin:6px;}

/* end favorite page */

/* compare page */
#comp { max-width:1150px; overflow-x:auto; padding-bottom:10px; margin-bottom: 40px; }
#comp::-webkit-scrollbar { height: 5px; }
#comp::-webkit-scrollbar-track { background: rgba(45, 90, 90, 0.16); box-shadow:inset -4px 0px 0px 1px #fff, inset 1px 0px 0px 1px #fff; }
#comp::-webkit-scrollbar-button {background: #fff; height: 3px;}
#comp::-webkit-scrollbar-thumb { background: #ece9e8; box-shadow:inset -3px 0px 0px 0px #fff; border-radius:16px; }

#comp table tr th a.mode { border-bottom: 2px solid transparent; padding:0; border-radius: 2px; transition: .2s; margin-bottom: 10px; font-weight: normal; display: inline-block; height:26px; line-height: 26px; font-size: 15px; color:#333; text-decoration: none; }
#comp table tr th a.mode.act { border-bottom: 2px solid #003E7C; color: #003E7C; background: #fff; }
#comp table tr th a.mode:hover { color: #003E7C; transition: .2s; }
#comp table tr td, #comp table tr th {padding: 8px 30px 8px 0px; vertical-align: top; text-align: left; font-size: 13px; line-height: 20px; color:#333; min-width:195px; width:195px; overflow: hidden;}
#comp table tr.diff { color:#000;}

.comp-prd { position: relative; }

.comp-prd a.prd-comp-remove {display: block; z-index: 2; text-decoration: none; position: absolute; top:10px; right:30px; width:20px; height:20px;}
.comp-prd a.prd-comp-remove i svg { width:16px; height:16px; margin:2px; stroke:#ccc;}

.comp-prd a.prd-comp-item { display: block; text-decoration: none; }
.comp-prd .prd-im { display: block; width:130px; height:130px; background-repeat: no-repeat; background-size: contain; background-position: center center; }
.comp-prd span.prd-name { display: block; height:40px; font-weight: normal; font-size: 13px; line-height: 20px; color:#333; overflow: hidden; }

.comp-prd .price { display: block; width:calc(100% - 0px); font-weight: bold; margin-left:0px; font-size: 20px; line-height: 25px; color:#000; height:25px; margin-top: 10px; margin-bottom:15px; position: relative; }
.comp-prd .price span { font-weight: bold; color:#000; text-transform: uppercase; font-size:12px;  }

.comp-prd .price .price_old { display: inline-block; transform: translateY(-10px); font-size:15px; text-decoration-line: line-through; color:#777; }
.comp-prd .price .price_old span { font-weight: bold; color:#777; text-transform: uppercase; font-size:12px;  }


.comp-prd .prd-btns { display: flex; width:calc(100% - 0px); margin:0 auto; height:48px; line-height: 48px; justify-content: flex-start;  }

.comp-prd .prd-btns .not-in-stock { font-size: 12px; text-transform: uppercase; font-weight: normal; color: #E12229; margin-right: 40px; }

.comp-prd .prd-btns a.prd-buy { display: block; width:140px; font-weight: 600; text-align: center; text-decoration: none; height:48px; line-height: 48px; font-size: 15px; color:#fff; background: #32D35F; border-radius: 30px; }

.comp-prd .prd-btns a { display: block; text-decoration: none; margin-right: 40px; margin-top: 10px;  }
.comp-prd .prd-btns .prod-add-cart { height:36px; line-height: 36px; position: relative; color:#000; font-size:14px; display: flex; align-items: center; justify-content: space-between; }
.comp-prd .prd-btns .prod-add-cart i { height:30px; width:30px; display: block; }
.comp-prd .prd-btns .prod-add-cart i svg { width:24px; height:24px; margin:3px; fill:#E12229; }
.comp-prd .prd-btns .prod-add-cart.in-list::after { content:'✓'; top:-5px; right:-10px; position: absolute; font-size: 11px; width:20px; height: 20px; border-radius: 12px; background: #32d35ff2; color:#fff; text-align: center; line-height:20px; }
.comp-prd .prd-btns .prod-add-cart.in-list  i svg { fill:#ccc; }


.comp-prd .prd-btns .prod-add-fav  i svg { fill:#000; }
.comp-prd .prd-btns .prod-add-fav { position: relative; }
.comp-prd .prd-btns .prod-add-fav.in-list::after { content:'✓'; top:-5px; right:-10px; position: absolute; font-size: 11px; width:20px; height: 20px; border-radius: 12px; background: #32d35ff2; color:#fff; text-align: center; line-height:20px; }
.comp-prd .prd-btns .prod-add-fav.in-list  i svg { fill:#ccc; }



.comp-prd .prd-btns .prd-btns-rght { display: flex; height:48px; line-height: 48px; }
.comp-prd .prd-btns .prd-btns-rght a { display: block; text-decoration: none; width:30px; height:30px; margin:7px; margin-right: 15px; }
.comp-prd .prd-btns .prd-btns-rght a i { display: block; width:30px; height:30px; }
.comp-prd .prd-btns .prd-btns-rght a i svg{ display: block; width:30px; height:30px; fill:#555; }

@media(max-width:1315px){ 
  #comp { width:calc(100% - 20px); margin-left: 10px; }
}

/* end compare page */

#cabinet {display: flex; align-items: flex-start;}
.cab-col {width:50%;}
.cab-col:nth-child(1) {border-right: 1px solid #ddd;}
.cab-col-row {margin-bottom: 40px; font-size: 16px; display: flex; align-items: flex-start;}
.cab-col-row b{color:#000; width:30%;}
.cab-col-row span{color:#ccc;}
.cab-col a {margin-bottom: 40px; margin-left:40px; display: block; color:#003E7C;}
.cab-col a:nth-child(1) {margin-top: 100px;}
.cab-col a:nth-child(3) {color:#EA4335;}

.cab-order { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 40px; }
.cab-order .cab-order-title { width:100%; height:40px; line-height: 40px; font-size: 16px; color:#003E7C; }
.cab-order .cab-order-title i { margin-left:20px; }
.cab-order .cab-order-title i svg { stroke:#003E7C; stroke-width:2; }
.cab-order .cab-order-item { width:200px; height:170px; margin-right: 40px; }
.cab-order .cab-order-item .im{ width:170px; height:80px; margin:0 auto; background-repeat: no-repeat; background-size: contain; }
.cab-order .cab-order-item b{ text-align: center; margin-top:10px; display: block; color:#000; font-size:14px; }
.cab-order .cab-order-item .stars{ margin:10px auto; display: none; }
.cab-order .cab-order-item .price{ text-align: center; margin:10px auto; display: block; color:#000; text-transform: uppercase; font-size:14px; }

#product {}
.pr-row { display: flex; flex-wrap: wrap; }
#pr-row-top {justify-content: space-between; }
#pr-left {display: flex; align-items: flex-start; justify-content: space-between; width:calc(100% - 500px); }

/*#pr-im-prev { display: flex; align-items: flex-start; flex-direction: column; width:150px; justify-content: space-around; max-height: 500px; overflow-y: auto; }
#pr-im-prev::-webkit-scrollbar { width: 8px; }
#pr-im-prev::-webkit-scrollbar-track { background: rgba(45, 90, 90, 0.16); box-shadow:inset -4px 0px 0px 1px #fff, inset 1px 0px 0px 1px #fff; }
#pr-im-prev::-webkit-scrollbar-button {background: #fff; height: 3px;}
#pr-im-prev::-webkit-scrollbar-thumb { background: #ece9e8; box-shadow:inset -3px 0px 0px 0px #fff; border-radius:16px; }

#pr-im-prev img { width:120px; height:auto; margin-bottom: 20px; }
#pr-im-prev img.pr-im-prev { cursor:pointer; }
#pr-im {display: flex; align-items: center; position: relative; width: calc(100% - 150px); height:500px; border-radius: 10px; }
#pr-im img { cursor:zoom-in; border-radius: 10px;  }
#pr-im img#mainimg {max-width:calc(100% - 80px); margin:0 auto; width:auto; height:auto; max-height: 500px;}

#pr-im .pr-add-comp {text-decoration: none; border-radius: 3px; width:30px; height:30px; display: block; position: absolute; top:0; right:0; z-index: 2; transition: .2s;}
#pr-im .pr-add-comp i svg {width:24px; height:24px; margin:3px; fill:#000;  transition: .2s;}

#pr-im .pr-add-comp:hover { background: #fff; transition: .2s; }
#pr-im .pr-add-comp:hover i svg { fill: #003E7C; transition: .2s; }
*/
#pr-right {display: flex; flex-direction: column; align-items: center; width:420px;}
img#pr-brnd {margin-bottom: 20px;}
#pr-right h1 {margin-bottom: 10px; font-size: 24px;}
#pr-right .prod-not-in-stock {margin-bottom: 40px;}
#pr-right .stars {margin-bottom: 40px;}

#pr-right .stars{ width:100px; height:40px; display: flex; align-items: center; justify-content: space-between; margin:0; position: relative; margin-bottom: 40px; }
#pr-right .stars i{ width:20px; height:30px; display: block;}
#pr-right .stars span{ height:20px; line-height: 25px; font-size: 14px; width:40px; position: absolute; right:-50px; color:#666; }
#pr-right .stars i svg{ width:18px; height:18px; margin:2px; fill:none; stroke:#676d76; stroke-width:.7; }
#pr-right .stars i.act svg{ fill:#ffd203; stroke:#ffd203;}

#pr-right .prod-label { height: 40px; line-height: 40px; box-shadow: 0px 0px 0px 2px rgba(255,255,255,0.9); padding:0 20px; position: relative; color:#fff; font-size:16px; }


#pr-price-old-wrap {margin-bottom:40px; display: flex; align-items: center; justify-content: space-between;}
#pr-price-old  { font-size:24px; color:#C4C4C4; text-decoration: line-through; }
#pr-price-disc { color:#E12229; font-size: 24px; margin-left: 20px;}
#pr-price {margin-bottom:40px; font-size: 24px; color:#000;}
#pr-right-btns {margin-bottom:40px; width: 420px; display: flex; align-items: center; justify-content: space-between;}
.pr-add-cart, .pr-add-fav {display: block; width: 200px; text-align: center; text-transform: uppercase; text-decoration: none; height:50px; line-height: 50px; border-radius: 10px;display: block; text-transform: uppercase; height:50px; line-height: 50px; border-radius: 20px;}
.pr-add-cart {background:#003E7C; color:#fff; }
.pr-add-fav {background:#fff; color:#000; border: 1px solid #C4C4C4; position: relative;}
.pr-add-cart i {display: inline-block; width:24px; height:24px; margin:13px 24px 13px 0; float:right;}
.pr-add-cart i svg {fill:#fff;width:24px; height:24px; float:right; }
.pr-add-fav i {display: inline-block; width:24px; height:24px; margin:13px 24px 13px 0; float:right;}
.pr-add-fav i svg {fill:#000; width:24px; height:24px; float:right; }
/*.pr-add-fav::after { content:'+'; top:-5px; right:-5px; position: absolute; font-size: 10px; width:24px; height: 24px; border-radius: 12px; background: #a8d129; color:#fff; text-align: center; line-height: 24px; }*/
a#pr-credit { margin-bottom: 40px; font-size: 16px; color: #003E7C; text-decoration: underline; }

/*#pr-tab-char {width:100%; display: flex; flex-direction: column;}*/
.char-row {display: flex; width:100%; margin:0 auto; align-items: center; justify-content: space-between; height:26px;}
.char-row b {display: inline-block; color:#000; font-size: 14px; font-family: muller-bold;}
.char-row span {display: inline-block; color:#000; font-size: 14px;}


#pr-tabs-wrap {display: flex; margin-top:40px; height: 50px; align-items: center; justify-content: space-between; width: 100%; border-bottom: 1px solid #C4C4C4;}
#pr-tabs {display: flex; align-items: flex-start; margin-right: 40px; }
#pr-tabs a {display: block; height:50px; line-height: 50px; text-decoration: none; text-transform: uppercase; color:#C4C4C4; font-size: 14px; padding:0 20px;}
#pr-tabs a.act {color:#000; box-shadow: 0px 4px 0px #c4c4c4;}
#pr-article {font-size: 13px; color:#000;}
#pr-tab-wrap {display: flex; align-items: flex-start; justify-content: space-between; border-bottom:1px solid #C4C4C4; margin-bottom: 40px; width:100%;}

#pr-tab {width:calc(60% - 40px); max-width:calc(60% - 40px); min-width:calc(60% - 40px); border-right:1px solid #C4C4C4; height:calc(100% - 40px); padding:0 40px 40px 0;}

.pr-tab { display: none; padding:40px 0;  }
.pr-tab h2 {font-size: 24px; text-transform: uppercase; color:#000; margin:40px 0 40px 0; width:100%;}
.pr-tab h2:nth-child(1) {margin:0px 0 40px 0;}

.pr-tab-desc { display: block; }
.pr-tab-desc > div {column-count:2; column-gap: 40px;}
.pr-tab-desc h3 {font-size: 16px; font-weight: bold; color:#000; margin:0px 0 20px 0;}
.pr-tab-desc p {font-size: 16px; color:#000; margin-bottom: 40px;}

.pr-tab-char {  }
#pr-char-cont { overflow: auto; }
#pr-char-cont table tr td { padding:10px 22px; font-size: 13px; color:#333; }
#pr-char-cont table tr:nth-child(even) { background-color: #f2f2f2; }
#pr-char-cont::-webkit-scrollbar { width: 8px; }
#pr-char-cont::-webkit-scrollbar-track { background: rgba(45, 90, 90, 0.16); box-shadow:inset -4px 0px 0px 1px #fff, inset 1px 0px 0px 1px #fff; }
#pr-char-cont::-webkit-scrollbar-button {background: #fff; height: 3px;}
#pr-char-cont::-webkit-scrollbar-thumb { background: #ece9e8; box-shadow:inset -3px 0px 0px 0px #fff; border-radius:16px; }

.pr-tab-parts {  }
.pr-tab-docs {  }

#pr-revs {width:calc(40% - 80px); min-width:calc(40% - 80px); max-width:calc(40% - 80px); padding:0 40px 40px 40px;}
#pr-revs h2 {font-size: 24px; text-transform: uppercase; color:#000; margin:40px 0 20px 0;}
#pr-revs p { font-size: 16px; }
.pr-rev { margin-bottom: 40px;}
.pr-rev-head {height: 40px; display: flex; align-items: center; justify-content: space-between;}
.pr-rev-head-left {height: 40px; display: flex; align-items: center;}
.pr-rev-head-left b{ font-size: 14px; color:#000; margin-right: 20px; display: block; }
.pr-rev-head-date { font-size: 14px; color:#717070; align-items: center; display: flex;}
.pr-rev-cont {font-size: 14px; color:#000;}
.pr-add-rev {background:#003E7C; color:#fff; display: block; margin:40px auto 20px auto; width: 200px; text-align: center; text-transform: uppercase; text-decoration: none; height:50px; line-height: 50px; border-radius: 20px;display: block; text-transform: uppercase; height:50px; line-height: 50px; border-radius: 20px;}
.pr-rev .stars{ width:100px; height:40px; display: flex; align-items: center; justify-content: space-between; margin:0; position: relative; }
.pr-rev .stars i{ width:20px; height:30px; display: block;}
.pr-rev .stars span{ height:20px; line-height: 25px; font-size: 14px; width:40px; position: absolute; right:-50px; color:#666; }
.pr-rev .stars i svg{ width:18px; height:18px; margin:2px; fill:none; stroke:#676d76; stroke-width:.7; }
.pr-rev .stars i.act svg{ fill:#ffd203; stroke:#ffd203;}


#srt { cursor:pointer; position: relative; width:240px; height:34px; border: 1px solid rgba(196, 196, 196, 0.7); border-radius: 10px; margin-right:20px; }
#srt-label {width:215px; display: flex; align-items: center; justify-content: space-between; height:34px; padding:0 0 0 20px; line-height: 34px; font-size:14px; color:#ccc; border-radius: 10px;}
#srt-label i svg{width:16px; height:16px; margin:9px; float: right; stroke:#ccc; }
#srt-nav {width:242px; height:auto; position: absolute; border: 1px solid rgba(196, 196, 196, 0.7); top:-1px; right:-1px; font-size:14px; background:#fff; box-shadow: 0px 3px 4px 4px rgba(235,235,235,0.5); border-radius: 10px; visibility: hidden; opacity: 0; transition: .2s;}
#srt-nav a {display: block; color:#000; text-decoration: none; height:34px; line-height: 34px; padding:0 22px; overflow: hidden;}
#srt-nav a:hover {color:#E12229;}
#srt:hover #srt-nav{visibility: visible; opacity: 1; transition: .2s; z-index: 999;}

#cat-cont {width:calc(100% - 271px);}
#cat-header {display: flex; align-items: flex-start; flex-direction: column;}
#cat-header h1 {font-size:24px; width: 100%; padding-left: 20px;}
#cat-header-row {display: flex; align-items:center; justify-content: space-between; width: 100%; padding:0 0 20px 20px; border-bottom: 1px solid rgba(196, 196, 196, 0.7);}
#cat-sel-ftr { display: flex; align-items: flex-start; }
.sel-ftr {height:34px; line-height: 34px; text-decoration: none; margin-right: 20px; transition: .2s; color:#C4C4C4; border-radius: 10px; padding:0 10px; border: 1px solid rgba(196, 196, 196, 0.7); display: flex; align-items: center;}
/*.sel-ftr .close {display: inline-block; margin-left: 10px; width:15px; height:15px; border-radius:8px; border:1px solid #C4C4C4;transition: .2s;}*/
.sel-ftr svg {fill: #ccc;width:9px;height:9px;stroke: #ccc;stroke-width:2;margin: 2.5px 3.5px;float: right;transition: .2s; margin-left: 10px;}
.sel-ftr:hover {transition: .2s; border:1px solid #F86166; color:#F86166; cursor: pointer;}
/*.sel-ftr:hover .close {transition: .2s; border:1px solid #F86166;}*/
.sel-ftr:hover svg {transition: .2s; fill:#F86166; stroke:#F86166;}
#cat-header-inf {height:36px; line-height: 36px; font-size:14px;}
#cat-prod-list {display: flex; flex-wrap: wrap; padding:30px 25px; justify-content: flex-start; margin-bottom: 40px; }

#cart {max-width:945px; margin:50px auto 80px auto;}
#cart-prods {display: flex; flex-direction: column; width: 100%; margin-bottom: 40px;}
.cart-item {padding:25px 30px; border-bottom:1px solid #ccc; display: flex; align-items:center; justify-content: space-between; position: relative;}
.cart-item .close {display: block; text-decoration: none; position: absolute; top:10px; left:0px; width:20px; height:20px; border-radius: 10px; border:1px solid #ccc;}
.cart-item .close i svg {stroke:#ccc; width:12px; height:12px; margin:4px;}
.cart-item .im {width:200px; text-decoration: none; display: block; height:80px; margin:0; background-position: center center; background-repeat: no-repeat; background-size: contain;}
.cart-item .cart-item-row { width:calc(100% - 500px);  }
.cart-item .cart-item-row b { margin-top:10px; text-align: left; display: block; color:#000; font-size:14px; height: 60px; line-height: 18px; overflow: hidden; }
.cart-item .cart-item-row b a.cit-link { text-decoration: none; color:#000; transition:.2s; }
.cart-item .cart-item-row b a.cit-link:hover { transition:.2s; color:#003E7C; }
.cart-item .cart-item-row .price { /*margin-top:5px;*/ font-weight: normal; display: block; color:#000; /*text-transform: uppercase;*/ font-size:14px;  }
.cart-item .cart-item-row .price span { font-size: 18px; font-weight: bold; }
.cart-item .cart-item-quant { display: flex; align-items: center; width:150px; justify-content: center; }
.cart-item .cart-item-quant a { text-decoration: none; color:#ccc; font-size: 18px; display: block; width:30px; height:30px; line-height: 30px; text-align: center; }
.cart-item .cart-item-quant span { color:#000; font-size:24px; display: block; width:30px; height:30px; line-height: 30px; text-align: center; }
.cart-item .cart-item-total { display: flex; align-items: center; width:150px; justify-content: center; }
.cart-item .cart-item-total b { font-size: 14px; color:#ccc; }

#cart-total {display: flex; justify-content: flex-end; align-items: center; padding: 25px 30px;}
#cart-total-head { font-size:18px; color:#000; }
#cart-sum { font-size:18px; color:#000; display: flex; align-items: center; width:150px; justify-content: center; }
#cart-sum b { font-size:20px; margin-right: 10px; }

#cart-btns {display: flex; align-items: flex-end; }
#cart-tocheckout {background: #003E7C; width:280px; /*margin: 0 auto;*/ font-size: 18px; text-decoration: none; border-radius: 20px; height:50px; line-height:50px; display: block; color:#fff; text-align: center;}
#cart-continue {background: #fff; width:215px; margin: 0 auto; font-size: 18px; text-decoration: none; border-radius: 20px; height:38px; line-height:38px; display: block; color:#ccc; text-align: center;}

.cart-empty-text { font-size: 20px; margin-top: 50px; margin-bottom: 50px; }
#cart-tocatalog {background: #003E7C; width:280px; margin-bottom: 150px; /*margin: 0 auto;*/ font-size: 18px; text-decoration: none; border-radius: 20px; height:50px; line-height:50px; display: block; color:#fff; text-align: center;}


#cart-inf { padding:20px 0; }
#cart-inf #cart-inf-total-head { margin-bottom: 20px; font-size: 18px; }
#cart-inf .cart-inf-item {display: flex; justify-content: space-between; width:calc(100% - 40px); margin:0 20px 10px 20px;}
#cart-inf .cart-inf-item .im {display: flex; align-items: flex-start; width:48px; height:48px;}
#cart-inf .cart-inf-item .im img {width:100%; height:auto;}
#cart-inf .cart-inf-item .inf {width:calc(100% - 60px); text-align: left;}
#cart-inf .cart-inf-item .inf b {display: block; font-weight: normal; font-size: 13px; line-height: 18px; height:auto; margin-bottom: 5px;}
#cart-inf .cart-inf-item .inf .price {display: block; font-weight: bold; font-size: 12px; line-height: 20px; color:#000;}
#cart-inf .cart-inf-item .inf .price span { font-weight: bold; font-size: 14px; color:#000;}

#cart-inf-total {padding:20px; padding-bottom:10px; border-bottom: 1px solid #C4C4C4; }
.cart-inf-total-row {height:20px; line-height: 20px; display: flex; justify-content: space-between; color:#333; margin-bottom: 5px;}
.cart-inf-total-row-text {height:20px; line-height: 20px; font-size: 13px; color:#333;}
.cart-inf-total-row-sum {height:20px; line-height: 20px; font-size: 12px; color:#333; font-weight: bold; display: flex;}
.cart-inf-total-row-sum #tot { margin-right:5px; font-size: 14px; }

#checkout-cart-total { width:300px; border: 1px solid #C4C4C4; text-align: center; border-radius: 10px; }
#total-row { height: 22px; display: flex; justify-content: space-between; color:#333; padding:20px; padding-bottom: 30px; }
.total-row-text { height: 22px; line-height: 22px; font-size: 15px; font-weight: 600; color:#333; }
.total-row-sum { height: 22px; line-height: 22px; font-size: 15px; font-weight: 600; color:#333; }

a#cart-order { height:50px; line-height:48px; text-decoration: none; font-size: 18px; padding:0 40px; color:#fff; text-align: center; display: inline-block; background: #003E7C; border-radius: 20px; margin: 0px auto 30px auto; }

@media(max-width:1315px){ 
  #checkout-wrapper { width: calc(100% - 20px); margin-left: 10px; flex-direction: column; }
  .checkout-row:nth-child(2) {width:calc(50% - 7.5px);}
  .checkout-row:nth-child(3) {width:calc(50% - 7.5px);}
  #checkout-form { width:100%; }
}

/* end checkout page */

/* thank you order page */
#order { max-width:945px; margin:50px auto 80px auto; }
#order-wrapper { display: flex; max-width:970px; flex-direction: column; padding:40px 0; align-items: center; }
#order-wrapper i.checkchecksvg { display: block; width:80px; height:80px; border-radius: 40px; background: #003E7C; margin:20px 0;}
#order-wrapper i.checkchecksvg svg { width:50px; height:42px; margin:26px 12px; fill: #fff; }
#order-wrapper h2 { font-size: 26px; line-height: 25px; color:#000; text-align: center; margin-bottom: 15px; font-family: sans-serif; }
#order-wrapper .order-inf-text { font-size: 15px; line-height: 20px; color:#333; text-align: center; margin-bottom: 20px; }
#order-wrapper .order-inf-text span { font-weight: bold; }
#order-wrapper .order-inf-text-red { color:#e12229; }

#order-inf { padding:20px 0; max-width: 500px; border:1px solid #c4c4c4; border-radius: 10px; }
#order-inf #order-inf-total-head { margin-bottom: 20px; font-size: 20px; text-align: center; }
#order-inf .order-inf-item {display: flex; justify-content: space-between; width:calc(100% - 40px); margin:0 20px 10px 20px;}
#order-inf .order-inf-item .im {display: flex; align-items: flex-start; width:48px; height:48px;}
#order-inf .order-inf-item .im img {width:100%; height:auto;}
#order-inf .order-inf-item .inf {width:calc(100% - 60px); text-align: left;}
#order-inf .order-inf-item .inf b {display: block; font-weight: normal; font-size: 13px; line-height: 18px; height:auto; margin-bottom: 5px;}
#order-inf .order-inf-item .inf .price {display: block; font-weight: bold; font-size: 12px; line-height: 20px; color:#000;}
#order-inf .order-inf-item .inf .price span { font-weight: bold; font-size: 14px; color:#000;}

#order-wrapper .order-pay-sum { font-weight: bold; margin:20px auto; font-size: 24px; line-height: 25px; color:#000; text-align: center; margin-bottom: 15px; font-family: sans-serif; }
#order-wrapper .order-pay-sum span { font-size: 20px; font-weight: normal; }
.order-pay-submit {  }
.order-pay-submit { background-color:var(--blue); display: flex; align-items: center; justify-content: center; height: 48px; border-radius: 3px; width:200px; }
.order-pay-submit i { display: block; width:26px; height: 26px; margin-right: 5px; }
.order-pay-submit i svg { display: block; width:26px; height: 26px; fill:var(--white); }
.order-pay-submit .text { text-transform: uppercase; font-size: 13px; font-weight: bold; color:var(--white); }
.order-pay-submit:hover { background-color:var(--deep-blue); transition: .2s; }


#order-wrapper #order-btns { display: flex; justify-content: space-between; width:590px; margin-top:40px; }
#order-wrapper #order-btns a { display: block; height:50px; line-height: 50px; font-size: 18px; font-weight: normal; text-decoration: none; border-radius: 20px; padding:0 40px; }
#order-btns a#to-main { color: #003E7C; border: 1px solid #003E7C; }
#order-btns a#to-service { color: #fff; background: #003E7C; }

@media(max-width:1315px){
  #order-wrapper { width: calc(100% - 20px); margin-left: 10px; flex-direction: column; padding:0 0 40px 0; }
  #order-wrapper #order-btns { width:100%; flex-direction: column; }
  #order-wrapper #order-btns a { max-width: 220px; width:220px; text-align: center; margin:10px auto; }
}

/* end thank you order page */

.hr {border-top: 1px solid rgba(196, 196, 196, 0.7); height:1px; width:100%; min-width: 100%;}

.cont {width:1360px; margin:0 auto;}
.cont h2{ margin:40px 0; text-transform: uppercase; color:#000; font-size: 18px; font-weight: bold; }

.cont-head {display: flex; align-items: center; justify-content: space-between;}

.cont-page { width:100%; max-width: 1130px; }
.cont-page h1 { margin:0 0 40px 0; }
.cont-page h2 { font-size: 22px; }
.cont-page h3 { font-size: 18px; }
.cont-page p { font-size: 16px; line-height: 22px; }
.cont-page li { font-size: 16px; margin-bottom: 10px; }
.cont-page img { border-radius: 10px; }
.cont-page blockquote { border-radius: 10px; padding:20px; background-color: #eee; font-size:18px; }

.cat-row {display: flex; align-items: flex-start; justify-content: flex-start; max-width: 1050px; margin:0 auto; margin-bottom: 40px;}
.cat-col {width:270px;}
.cat-col:nth-child(1) {margin-right: 120px;}
.cat-col:nth-child(2) {margin-right: 120px;}
.cat-col img{width:100%;}
.cat-col-main img{width:100%; max-width: 200px;}
.cat-col h2 { margin:30px 0 20px; font-size: 14px; font-weight: bold; color:#000;  }
.cat-col .cat-col-nav{ border-left: 1px solid rgba(196, 196, 196, 0.7); margin-left:40px; padding-bottom:0px;}
.cat-col-main .cat-col-nav { margin-left:5px; }
.cat-col .cat-col-nav a{ display: flex; padding:15px 0; padding-left: 30px; padding-right: 10px; height:auto; font-size: 14px; line-height: 18px; color:#000; text-decoration: none; transition: .3s; }
.cat-col .cat-col-nav a:hover { color:#003E7C; background-color: #f3f3f3; transition: .3s; }

/*.stars{ width:75px; height:20px; background-image: url(/public/assets/img/stars.png); background-repeat: no-repeat; background-size: contain; }*/
.revs-count { font-size:15px; color:#ccc; display: block; margin-left:5px; height:24px; line-height:24px; position: relative; }
.prd-no-revs { font-size:14px; color:#ccc; display: block; height:30px; line-height: 28px; position: relative; }
/*.prod-not-in-stock { font-weight: normal; display: block; color:#E12229; text-transform: uppercase; font-size:14px;  }*/


#foot-wrapper { height: 470px; background:#003E7C; }
#foot {height:470px; width:1360px;margin:0 auto;}
#foot #ft-cols{display: flex; align-items: flex-start; justify-content: flex-start;}
#foot #ft-cols .ft-col{ margin-right: 90px; margin-top: 40px; min-height: 380px; }
#foot #ft-cols .ft-col .ft-col-head{ display: block; text-transform: uppercase; height:40px; line-height: 40px; font-size: 18px; color:#fff; }
#foot #ft-cols .ft-col a {display: block; margin:20px 0; text-transform: uppercase; text-decoration: none;  height:30px; line-height: 30px; font-size: 13px; color:#fff; }
#foot #copy {display: block; text-align: center; height:50px; line-height: 50px; font-size: 13px; color:#fff; }

/* calc product-review */
#product-review-wrapper {
  visibility: hidden;
  opacity: 0;
  transition: .3s;
  background-color: rgba(0, 62, 124, 0.3);
  z-index: 12;
  position: fixed;
  width: 100%;
  height: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  top:0;
  left:0;
}

#product-review-wrapper.act {
  visibility: visible;
  opacity: 1;
  transition: 0s;
  height: calc(100vh - 200px);
  padding: 100px 0;
}

#product-review { display: block; box-shadow: 0px 10px 20px -10px rgba(150,150,150,.4); top:calc((100vh - 56
  0px) / 2); left:50%; transform: translateX(-50%); position: absolute; z-index: 99; width:400px; height:auto; background: #FFFFFF; border-radius: 8px; }
#product-review-head {display: flex; flex-direction: column; height:auto; width:calc(100% - 40px); position: relative; justify-content: space-between; padding:20px;}
#product-review-head  img { width:100%; max-width:160px; height:auto; margin: -5px auto 20px auto; }
#product-review-head-text { font-size: 18px; line-height: 25px; color:#333; width:100%; text-align: center; }
#close-product-review {display: block; width:24px; height:24px; position:absolute; top:15px; right:10px; }
#close-product-review i {display: block; width:24px; height:24px; }
#close-product-review i svg {display: block; width:20px; height:20px; margin:2px; stroke:#777;}

#product-review-form {display: block; width:300px; margin:10px auto 30px auto; height:auto; text-align: center; font-size: 15px; color:#333;}


#product-review-form input { border: 1px solid rgba(45, 90, 90, 0.16); border-radius: 4px; padding:0 10px; font-size: 13px; color:#333; height:45px; width:100%; margin-bottom: 10px; }
#product-review-form input.fail { border: 1px solid rgba(249, 50, 50, 0.95); }


/*#product-review-form input { border: 1px solid rgba(45, 90, 90, 0.16); border-radius: 4px; padding:0 10px; font-size: 13px; color:#333; height:45px; width:calc(100% - 20px); }
#product-review-form input:nth-child(1) {width:calc(50% - 30px);}
#product-review-form input:nth-child(2) {width:calc(50% - 30px);}
#product-review-form input.fail { border: 1px solid rgba(249, 50, 50, 0.95); }
*/#product-review-form textarea {height:14px; width:100%; height:80px; padding:20px 10px; overflow:hidden; font-size: 13px; border-radius: 4px; border: 1px solid rgba(45, 90, 90, 0.16);  transition: .2s;}
#product-review-form textarea.fail { border: 1px solid rgba(249, 50, 50, 0.95); }

#product-review-submit {
background: #003E7C;
    color: #fff;
    display: block;
    margin: 20px auto 20px auto;
    width: 200px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    height: 50px;
    line-height: 50px;
    border-radius: 20px;
    display: block;
    text-transform: uppercase;
    height: 50px;
    line-height: 50px;
    border-radius: 20px;
}

@media(max-width:1315px){ 
  #product-review { width:calc(100% - 20px); }
}

/* end callback popup */


/**
Ion.RangeSlider, 2.3.1
© Denis Ineshin, 2010 - 2019, IonDen.com
Build date: 2019-12-19 16:51:02
*/
.irs {
  position: relative;
  display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 12px;
  font-family: Arial, sans-serif;
}
.irs-line {
  position: relative;
  display: block;
  overflow: hidden;
  outline: none !important;
}
.irs-bar {
  position: absolute;
  display: block;
  left: 0;
  width: 0;
}
.irs-shadow {
  position: absolute;
  display: none;
  left: 0;
  width: 0;
}
.irs-handle {
  position: absolute;
  display: block;
  box-sizing: border-box;
  cursor: default;
  z-index: 1;
}
.irs-handle.type_last {
  z-index: 2;
}
.irs-min,
.irs-max {
  position: absolute;
  display: block;
  cursor: default;
}
.irs-min {
  left: 0;
}
.irs-max {
  right: 0;
}
.irs-from,
.irs-to,
.irs-single {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  cursor: default;
  white-space: nowrap;
}
.irs-grid {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
}
.irs-with-grid .irs-grid {
  display: block;
}
.irs-grid-pol {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 8px;
  background: #000;
}
.irs-grid-pol.small {
  height: 4px;
}
.irs-grid-text {
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  text-align: center;
  font-size: 9px;
  line-height: 9px;
  padding: 0 3px;
  color: #000;
}
.irs-disable-mask {
  position: absolute;
  display: block;
  top: 0;
  left: -1%;
  width: 102%;
  height: 100%;
  cursor: default;
  background: rgba(0, 0, 0, 0);
  z-index: 2;
}
.lt-ie9 .irs-disable-mask {
  background: #000;
  filter: alpha(opacity=0);
  cursor: not-allowed;
}
.irs-disabled {
  opacity: 0.4;
}
.irs-hidden-input {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  outline: none !important;
  z-index: -9999 !important;
  background: none !important;
  border-style: solid !important;
  border-color: transparent !important;
}
.irs--flat {
  height: 40px;
}
.irs--flat.irs-with-grid {
  height: 60px;
}
.irs--flat .irs-line {
  top: 25px;
  height: 12px;
  background-color: #e1e4e9;
  border-radius: 4px;
}
.irs--flat .irs-bar {
  top: 25px;
  height: 12px;
  background-color: #ed5565;
}
.irs--flat .irs-bar--single {
  border-radius: 4px 0 0 4px;
}
.irs--flat .irs-shadow {
  height: 1px;
  bottom: 16px;
  background-color: #e1e4e9;
}
.irs--flat .irs-handle {
  top: 22px;
  width: 16px;
  height: 18px;
  background-color: transparent;
}
.irs--flat .irs-handle > i:first-child {
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  margin-left: -1px;
  background-color: #da4453;
}
.irs--flat .irs-handle.state_hover > i:first-child,
.irs--flat .irs-handle:hover > i:first-child {
  background-color: #a43540;
}
.irs--flat .irs-min,
.irs--flat .irs-max {
  top: 0;
  padding: 1px 3px;
  color: #999;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  background-color: #e1e4e9;
  border-radius: 4px;
}
.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
  color: white;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #ed5565;
  border-radius: 4px;
}
.irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #ed5565;
}
.irs--flat .irs-grid-pol {
  background-color: #e1e4e9;
}
.irs--flat .irs-grid-text {
  color: #999;
}
.irs--big {
  height: 55px;
}
.irs--big.irs-with-grid {
  height: 70px;
}
.irs--big .irs-line {
  top: 33px;
  height: 12px;
  background-color: white;
  background: linear-gradient(to bottom, #ddd -50%, white 150%);
  border: 1px solid #ccc;
  border-radius: 12px;
}
.irs--big .irs-bar {
  top: 33px;
  height: 12px;
  background-color: #92bce0;
  border: 1px solid #428bca;
  background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);
  box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5);
}
.irs--big .irs-bar--single {
  border-radius: 12px 0 0 12px;
}
.irs--big .irs-shadow {
  height: 1px;
  bottom: 16px;
  background-color: rgba(66, 139, 202, 0.5);
}
.irs--big .irs-handle {
  top: 25px;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: #cbcfd5;
  background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white;
  border-radius: 30px;
}
.irs--big .irs-handle.state_hover,
.irs--big .irs-handle:hover {
  border-color: rgba(0, 0, 0, 0.45);
  background-color: #939ba7;
  background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%);
}
.irs--big .irs-min,
.irs--big .irs-max {
  top: 0;
  padding: 1px 5px;
  color: white;
  text-shadow: none;
  background-color: #9f9f9f;
  border-radius: 3px;
}
.irs--big .irs-from,
.irs--big .irs-to,
.irs--big .irs-single {
  color: white;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #428bca;
  background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
  border-radius: 3px;
}
.irs--big .irs-grid-pol {
  background-color: #428bca;
}
.irs--big .irs-grid-text {
  color: #428bca;
}
.irs--modern {
  height: 55px;
}
.irs--modern.irs-with-grid {
  height: 55px;
}
.irs--modern .irs-line {
  top: 25px;
  height: 5px;
  background-color: #d1d6e0;
  background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);
  border: 1px solid #a3adc1;
  border-bottom-width: 0;
  border-radius: 5px;
}
.irs--modern .irs-bar {
  top: 25px;
  height: 5px;
  background: #20b426;
  background: linear-gradient(to bottom, #20b426 0%, #18891d 100%);
}
.irs--modern .irs-bar--single {
  border-radius: 5px 0 0 5px;
}
.irs--modern .irs-shadow {
  height: 1px;
  bottom: 21px;
  background-color: rgba(209, 214, 224, 0.5);
}
.irs--modern .irs-handle {
  top: 37px;
  width: 12px;
  height: 13px;
  border: 1px solid #a3adc1;
  border-top-width: 0;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 3px 3px;
}
.irs--modern .irs-handle > i:nth-child(1) {
  position: absolute;
  display: block;
  top: -4px;
  left: 1px;
  width: 6px;
  height: 6px;
  border: 1px solid #a3adc1;
  background: white;
  transform: rotate(45deg);
}
.irs--modern .irs-handle > i:nth-child(2) {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 10px;
  height: 12px;
  background: #e9e6e6;
  background: linear-gradient(to bottom, white 0%, #e9e6e6 100%);
  border-radius: 0 0 3px 3px;
}
.irs--modern .irs-handle > i:nth-child(3) {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 3px;
  left: 3px;
  width: 4px;
  height: 5px;
  border-left: 1px solid #a3adc1;
  border-right: 1px solid #a3adc1;
}
.irs--modern .irs-handle.state_hover,
.irs--modern .irs-handle:hover {
  border-color: #7685a2;
  background: #c3c7cd;
  background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%);
}
.irs--modern .irs-handle.state_hover > i:nth-child(1),
.irs--modern .irs-handle:hover > i:nth-child(1) {
  border-color: #7685a2;
}
.irs--modern .irs-handle.state_hover > i:nth-child(3),
.irs--modern .irs-handle:hover > i:nth-child(3) {
  border-color: #48536a;
}
.irs--modern .irs-min,
.irs--modern .irs-max {
  top: 0;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  color: white;
  background-color: #d1d6e0;
  border-radius: 5px;
}
.irs--modern .irs-from,
.irs--modern .irs-to,
.irs--modern .irs-single {
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #20b426;
  color: white;
  border-radius: 5px;
}
.irs--modern .irs-from:before,
.irs--modern .irs-to:before,
.irs--modern .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #20b426;
}
.irs--modern .irs-grid {
  height: 25px;
}
.irs--modern .irs-grid-pol {
  background-color: #dedede;
}
.irs--modern .irs-grid-text {
  color: silver;
  font-size: 13px;
}
.irs--sharp {
  height: 50px;
  font-size: 12px;
  line-height: 1;
}
.irs--sharp.irs-with-grid {
  height: 57px;
}
.irs--sharp .irs-line {
  top: 30px;
  height: 2px;
  background-color: black;
  border-radius: 2px;
}
.irs--sharp .irs-bar {
  top: 30px;
  height: 2px;
  background-color: #ee22fa;
}
.irs--sharp .irs-bar--single {
  border-radius: 2px 0 0 2px;
}
.irs--sharp .irs-shadow {
  height: 1px;
  bottom: 21px;
  background-color: rgba(0, 0, 0, 0.5);
}
.irs--sharp .irs-handle {
  top: 25px;
  width: 10px;
  height: 10px;
  background-color: #a804b2;
}
.irs--sharp .irs-handle > i:first-child {
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #a804b2;
}
.irs--sharp .irs-handle.state_hover,
.irs--sharp .irs-handle:hover {
  background-color: black;
}
.irs--sharp .irs-handle.state_hover > i:first-child,
.irs--sharp .irs-handle:hover > i:first-child {
  border-top-color: black;
}
.irs--sharp .irs-min,
.irs--sharp .irs-max {
  color: white;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 4px;
  opacity: 0.4;
  background-color: #a804b2;
  border-radius: 2px;
}
.irs--sharp .irs-from,
.irs--sharp .irs-to,
.irs--sharp .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 4px;
  background-color: #a804b2;
  color: white;
  border-radius: 2px;
}
.irs--sharp .irs-from:before,
.irs--sharp .irs-to:before,
.irs--sharp .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #a804b2;
}
.irs--sharp .irs-grid {
  height: 25px;
}
.irs--sharp .irs-grid-pol {
  background-color: #eee;
}
.irs--sharp .irs-grid-text {
  color: silver;
  font-size: 13px;
}
.irs--round {
  height: 50px;
}
.irs--round.irs-with-grid {
  height: 65px;
}
.irs--round .irs-line {
  top: 26px;
  height: 2px;
  background-color: rgba(196, 196, 196, 0.7);
  border-radius: 4px;
}
.irs--round .irs-bar {
  top: 26px;
  height: 2px;
  border-radius: 2px;
  background-color: var(--pink);
}
.irs--round .irs-bar--single {
  border-radius: 4px 0 0 4px;
}
.irs--round .irs-shadow {
  height: 4px;
  bottom: 21px;
  background-color: rgba(222, 228, 236, 0.5);
}
.irs--round .irs-handle {
  top: 21px;
  width: 14px;
  height: 14px;
  border: 0px solid transparent;
  background-color: var(--pink);
  border-radius: 7px;
  transition: .2s;
}
.irs--round .irs-handle.state_hover,
.irs--round .irs-handle:hover {
  background-color: var(--pink);
  transform: scale(1.1);
  transition: .2s;
}
.irs--round .irs-min,
.irs--round .irs-max {
  color: #333;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 5px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  display: none;
}
.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 5px;
  background-color: #006cfa;
  color: white;
  border-radius: 4px;
  display: none;
}
.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #006cfa;
}
.irs--round .irs-grid {
  height: 25px;
}
.irs--round .irs-grid-pol {
  background-color: #dedede;
}
.irs--round .irs-grid-text {
  color: silver;
  font-size: 13px;
}
.irs--square {
  height: 50px;
}
.irs--square.irs-with-grid {
  height: 60px;
}
.irs--square .irs-line {
  top: 31px;
  height: 4px;
  background-color: #dedede;
}
.irs--square .irs-bar {
  top: 31px;
  height: 4px;
  background-color: black;
}
.irs--square .irs-shadow {
  height: 2px;
  bottom: 21px;
  background-color: #dedede;
}
.irs--square .irs-handle {
  top: 25px;
  width: 16px;
  height: 16px;
  border: 3px solid black;
  background-color: white;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.irs--square .irs-handle.state_hover,
.irs--square .irs-handle:hover {
  background-color: #f0f6ff;
}
.irs--square .irs-min,
.irs--square .irs-max {
  color: #333;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 5px;
  background-color: rgba(0, 0, 0, 0.1);
}
.irs--square .irs-from,
.irs--square .irs-to,
.irs--square .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 5px;
  background-color: black;
  color: white;
}
.irs--square .irs-grid {
  height: 25px;
}
.irs--square .irs-grid-pol {
  background-color: #dedede;
}
.irs--square .irs-grid-text {
  color: silver;
  font-size: 11px;
}


/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swip
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}
/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 5px;
  background: var(--white);
  opacity: 0.95;
  margin: 0 5px;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background: var(--pink);
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  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;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}