/*! 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}

@-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: 'Montserrat', 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 {
  --deep-blue: #272f45;
  --blue:#466C9C;
  --blue-shadow:#8FAACE;

  --red: #EA2126;
  --red-hover: #C42A2E;
  --light-red: #ffdede;

  --light-bg: #F5F6FA;
  --light-bg-hover: #E9EDFC;

  --deep-gray:#777777;
  --regular-gray:#C4C4C4;
  --light-gray:#EBEBEB;

  --black:#333333;
  --white:#ffffff;
  --light-blue:#DFECFC;

  --green:#34A853;
  --deep-green: #65900A;
  --light-green:#EEFFF3;

  --yellow-light:#fff2ab;
  --yellow:#ffd800;
}

.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: 1320px; margin:0 auto; }

@media (max-width:1360px){
  .centered { max-width: 1150px; }
}

@media (max-width:1190px){
  .centered { max-width: 1010px; }
}

@media (max-width:1050px){
  .centered { max-width: 900px; }
}

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 { border:1px solid var(--red) !important; box-shadow: 0px 2px 5px 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: 0;
  left: 0;
  height: 30px;
  width: 30px;
  background-color:var(--white);
  box-shadow: 0px 2px 5px rgba(70, 108, 156, 0.5);
  border-radius: 3px;
  margin-right: 10px;
}

/* On mouse-over, add a grey background color */
.checkbox-label:hover input ~ .checkbox-checkmark {
  box-shadow: 0px 2px 5px rgba(70, 108, 156, 0.7);
}

/* 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: 12px;
  top: 7px;
  width: 5px;
  height: 10px;
  border: solid red;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mb40 { margin-bottom: 40px; }

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

#head {
  height: 140px;
}

#head .hd-row-wrapper-dark { background-color: var(--deep-blue); }
#head .hd-row {display: flex; height:70px; align-items: center; justify-content: space-between;}
#head .hd-row .hd-col {display: flex; align-items: center; justify-content: flex-start;}
#head .hd-row .hd-col > * { margin-right: 20px; }

#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: 165px; height: 50px; display: block;  }
#logo img { width:100%; height: auto; }
#head .hd-mods-wrapper { display: flex; align-items: center; justify-content: space-between; }
#head .hd-row .hd-mods { display: flex; align-items: center; justify-content: space-between;}
#head .hd-row .hd-mods a.mod { margin-left: 20px; display: flex; align-items: center; justify-content: center; border-radius: 6px; background-color: var(--yellow-light); width:140px; height:40px; position: relative; text-decoration: none; }
#head .hd-row .hd-mods a.mod i { margin-right: 10px; }
#head .hd-row .hd-mods a.mod i svg{ fill: var(--black); width:24px; height:24px; }
.hd-mods a.mod span.inf { 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.inf.act { visibility: visible; opacity: 1; }
.hd-mods a.mod span.txt { color:var(--black); font-size: 14px; transition: .2s;  }
/*#head .hd-row .hd-mods a.mod:hover i svg { fill:var(--deep-blue); transition: .2s; }*/
/*#head .hd-row .hd-mods a.mod:hover span.txt { color:var(--deep-blue); transition: .2s; }*/

#head .hd-row .hd-address-text { font-size: 12px; color:var(--deep-gray); padding: 10px 0; }
#head .hd-row .hd-phones { display: flex; flex-direction: row; align-items: flex-start; }
#head .hd-row .hd-phones a { font-size:16px; text-decoration: none; color:var(--black); margin:0 15px; display: flex; align-items: flex-start; margin-bottom: 5px; }
#head .hd-row .hd-phones a img { width:16px; margin-right: 10px; }

@media (max-width:1190px){
  #head .hd-row .hd-phones { flex-direction: column; }
}

#head .hd-row .hd-btn-wrapper .hd-btn {height: 40px; line-height: 40px; padding:0 15px; border-radius: 6px; background-color: var(--light-bg); color:var(--deep-blue);}

#head .hd-row .hd-links {width:calc(100% - 140px); font-size: 14px; color:var(--white); display: flex; align-items: center; justify-content: center;}
#head .hd-row .hd-links a {font-size: 14px; color:var(--white); text-decoration: none; margin:0 30px;}
#head .hd-row .hd-links a.act {font-weight: bold;}

#head .hd-row .hd-lng { color:var(--white); font-size: 14px; width: 140px; }
#head .hd-row .hd-lng a { color:var(--white); font-size: 14px; text-decoration: none; padding:0 3px; }
#head .hd-row .hd-lng a.act { font-weight: bold; }

.main-block-wrapper { background-size: cover; margin-bottom: 30px; }
.main-block { padding:60px 0; background-color: rgb(73 80 100 / 75%); }
.main-block h1 { text-align: center; color:var(--white); margin-bottom: 20px; text-shadow:0px 0px 40px var(--deep-blue); }
.main-block .subhead-text { text-align: center; color:var(--white); font-size: 16px; text-shadow:0px 0px 40px var(--deep-blue); }

#srch {height:60px; color:#000; border-radius:10px; width:calc(100% - 40px); max-width: 500px;
position: relative; margin:40px auto; display: flex;}
#srch form {width: calc(100% - 62px);border-radius:10px;}
#srch input {width: 100%;height: 60px;font-size: 16px;margin:0;border:0;padding: 0 0 0 60px;border-radius:10px;}
#srch i {display: block; width:30px; height:30px; position: absolute; top:15px; left:10px;}
#srch i svg {display: block; width:24px; height:24px; margin:3px; fill:var(--deep-blue);}
#srch button {
  position: absolute;
    top: 5px;
    right: 7px;
    width: 120px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    background-color: var(--deep-blue);
    color: var(--white);
    border-radius: 10px;
}

#srch.act { box-shadow: 0px 5px 10px 2px var(--deep-blue); }

.hd-srch {height:40px; border: 1px solid transparent; color:#000; border-radius:6px; min-width: 306px; width:calc(100% - 0px); max-width: 500px;
position: relative; margin-right: 0 !important; display: flex;}
.hd-srch form {width: calc(100% - 12px); border-radius:6px;}
.hd-srch input {width: 100%; height: 40px;font-size: 16px;margin:0;border:0;padding: 0 0 0 52px;border-radius:6px;}
.hd-srch i {display: block; width:30px; height:30px; position: absolute; top:6px; left:6px;}
.hd-srch i svg {display: block; width:24px; height:24px; margin:3px; fill:#C4C4C4;}

#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 { margin-top: 40px; }
.pr-row { display: flex; flex-wrap: wrap; }
#pr-row-top {justify-content: space-between; }
#pr-left {display: flex; flex-direction: column-reverse; align-items: center; justify-content:flex-end; width:calc(70% - 20px); }

#pr-im-prev { display: flex; align-items: center; flex-direction: row; margin-bottom: 40px; height:150px; justify-content:center; width: 100%; max-width: 100%; overflow-x: auto; overflow-y: hidden; }
#pr-im-prev::-webkit-scrollbar { height: 5px; }
#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:auto; height:120px; margin: 0 20px; }
#pr-im-prev img.pr-im-prev { cursor:pointer; }
#pr-im {display: flex; align-items: center; position: relative; width: calc(100% - 0px); height:500px; border-radius: 10px; margin-bottom: 20px; }
#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: flex-start; width:30%;}
img#pr-brnd {margin-bottom: 20px;}
#pr-right h1 {margin-bottom: 10px; font-size: 24px; font-weight: normal;}
.prod-art { margin-bottom:40px; color:var(--deep-gray); font-size: 12px; }
#pr-right .prod-not-in-stock {margin-bottom: 40px;}

#pr-inf { display: flex; flex-direction: column; margin-top: 0px; }
.pr-inf-item { margin-bottom: 30px; display: flex; flex-direction: column; }
.pr-inf-tit { font-size: 16px; color:var(--black); font-weight: bold; margin-bottom: 15px; }
.pr-inf-cont { display: flex; flex-direction: column;}
.pr-inf-cont-item { display: flex; margin-bottom: 15px; align-items: center; justify-content: flex-start; }
.pr-inf-cont-item img { width:26px; height: auto; display: block; margin-right:15px; mix-blend-mode: multiply; }
.pr-inf-cont-item img.pay { width:40px; }
.pr-inf-cont-item .text { display: block; color:#000; }
.pr-inf-cont-item .text-tit { font-size: 14px; margin-bottom: 10px; color:var(--black); }
.pr-inf-cont-item .text-desc { font-size: 12px; color:var(--deep-gray); margin-bottom: 5px; }
.pr-inf-cont-item .text .text-yellow { color:#FDC002; }
.pr-inf-cont-item .text .text-bold { font-weight: bold; }


#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 {display: flex; align-items: center; justify-content: space-between;}
#pr-price-old  { font-size:24px; color:var(--regular-gray); text-decoration: line-through; }
#pr-price-disc { color:#E12229; font-size: 24px; margin-left: 20px;}
#pr-price {margin-bottom:20px; font-size: 28px; color:var(--black); font-weight: bold;}
#pr-right-btns {margin-bottom:40px; width: 420px; display: flex; align-items: center; justify-content: flex-start;}

.pr-bulk-price { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; margin-bottom: 40px; }
.pr-bulk-price-item { width:calc(50% - 10px); width: 150px; height:30px; display: flex; align-items: center; justify-content: flex-start; position: relative; }
.pr-bulk-price-item .txt { font-size: 12px; color:var(--deep-gray); width:150px; margin-right: 20px; border-bottom: 1px dotted #eee; }
.pr-bulk-price-item .price { font-size: 14px; color:var(--black); position: absolute; top:5px; right:20px; }

.pr-quant-wrapper { display: flex; justify-content: flex-start; align-items: center; margin-right: 10px; }
.pr-quant-txt { font-size: 14px; color:var(--black); margin-right: 10px; }
.pr-quant-input { height: 50px; width: 50px; border-radius: 10px; text-align: center; border:1px solid #ddd; font-size: 18px; color:var(--black); font-weight: bold; }

.pr-add-cart, .pr-add-fav {display: block; position: relative; width: 150px; text-align: center;text-decoration: none; height:50px; line-height: 50px;display: block;border-radius:10px;}
.pr-add-cart {background:var(--yellow); color:var(--black); }

.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 0 13px 15px; float:left;}
.pr-add-cart i svg {fill:var(--black);width:24px; height:24px; float:left; }
.pr-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; }

.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; color:var(--deep-gray); font-size: 14px; padding:0 20px;}
#pr-tabs a.act {color:var(--black); 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; margin-bottom: 40px; width:100%;}

#pr-tab {width:calc(100% - 40px); max-width:calc(100% - 40px); min-width:calc(100% - 40px); 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-char-cont::-webkit-scrollbar { height: 5px; }
#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-char-cont img { width:100%; }

.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;}

#category {display: flex; align-items: flex-start; justify-content: space-between;}
#cat-filter { width:270px; border-right: 1px solid rgba(196, 196, 196, 0.7); display: flex; flex-direction: column; align-items: stretch; height:100%; }
.cat-ftr {border-bottom:1px solid rgba(196, 196, 196, 0.7); position: relative; margin-bottom: 20px; padding-bottom:20px; align-self: stretch; flex:1; }
.cat-ftr-title { cursor:pointer; height:60px;display: flex;align-items: center;justify-content:space-between;}
.cat-ftr-title span {color:#003E7C;font-size: 18px; display: block;}
.cat-ftr-title i { width:22px; height:22px; transform: rotate(180deg); display: block; margin-right:20px; transition: .2s;}
.cat-ftr-title i svg { stroke:#003E7C; width:20px; height:20px; margin:1px;}
.cat-ftr-it, a.cat-ftr-it {display: flex; align-items:center; height:40px; text-decoration: none; color:#000; position: relative;}
.cat-ftr #price-range { display: block; height:90px; hidden; transition: .2s; }
.cat-ftr-it-cnt {color:#ccc; margin-left:10px;}
.cat-ftr-it-radio {width:12px; height:12px; border-radius:3px; margin-right:20px; border:1px solid #000; transition: 0s; }
.cat-ftr-it-radio-act {width:12px; height:12px; box-shadow: inset 0px 0px 0px 2px #fff; border:1px solid #000; background-color:#003E7C; }

a.cat-ftr-it:hover { color:#003E7C; }
a.cat-ftr-it:hover .cat-ftr-it-radio { box-shadow: inset 0px 0px 0px 2px #fff; background-color:#c8e3ff; transition: 0s; }
a.cat-ftr-it:hover .cat-ftr-it-radio-act { box-shadow: inset 0px 0px 0px 2px #fff; background-color:#003E7C; transition: 0s; }

a#gotoftr { display: none; position: absolute; right:-110px; transform: translateY(-40px); z-index: 999; border-radius: 5px; font-size:14px; color:#fff; box-shadow: 0px 0px 10px 10px #fff; background-color:#003E7C; text-decoration: none; text-align: center; width:160px; height:40px; line-height: 40px; }

.cat-ftr-close { height:22px; margin-bottom: 0; overflow:hidden; transition: .2s; }
.cat-ftr-close .cat-ftr-title i { transform: rotate(0deg); transition: .2s; }
.cat-ftr-close .cat-ftr-it { overflow:hidden; height: 0; opacity: 0; visibility: hidden; transition: .2s; }
.cat-ftr-close #price-range { overflow:hidden; height: 0; opacity: 0; visibility: hidden; transition: .2s; }


#price-range {display: block; height:90px; width: calc(100% - 15px);}
#price-range-form {display: flex; height:45px;}
#price-range-form span{display: inline-block; height:45px; line-height: 45px; font-size: 15px; color:#333; margin-right: 10px;}
#price-range-form input{ height:41px; font-size: 13px; color:#333; width:60px; margin-right: 10px; text-align: center; border-radius: 4px; border: 1px solid rgba(45, 90, 90, 0.16);}
a#price-range-apply {height:45px; line-height: 45px; text-align: center; color:#fff; font-size:15px; width:50px; background: #003E7C; border-radius: 4px; text-decoration: none; display: block;}


#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:0px 25px; justify-content: flex-start; margin-bottom: 40px; }
.prod-item { width:calc(25% - 20px); height:400px; position: relative; overflow: hidden; margin:0 10px; margin-bottom: 40px; }
.prod-item-inner { position: absolute; top:0; left:0; border-radius: 8px; height:400px; z-index: 2; background-color: #fff; cursor: pointer; }
.prod-item a.prd-card { display: block; text-decoration: none;}
.prod-item .im { width:255px; height:255px; border-radius: 8px; margin:0 auto; margin-top: 10px; background-position: center center; background-repeat: no-repeat; background-size: contain;  }
.prod-item-row { display: flex; align-items: flex-start; width:calc(100% - 40px); margin:10px auto; }
.prod-item-row b { text-align: left; display: block; color:#000; font-size:14px; line-height: 19px; height: 60px; overflow: hidden; font-weight: normal; }
.prod-item-row .prod-not-in-stock { font-weight: normal; display: block; color:#E12229; height: 46px; line-height: 46px; font-size:14px;  }
.prod-item-row .price { font-weight: bold; display: block; color:#000; text-transform: uppercase; font-size:20px;  }
.prod-item-row .price span { font-weight: bold; color:#000; text-transform: uppercase; font-size:12px;  }
.prod-item-row .price_old { margin-left:10px; font-weight: normal; display: block; color:#777; text-transform: uppercase; text-decoration: line-through; font-size:15px;  }
.prod-item-row .price_old span { font-weight: bold; color:#777; text-transform: uppercase; font-size:12px;  }
.prod-item-row a { display: block; text-decoration: none; margin-right: 40px; margin-top: 10px;  }
.prod-item-row .prod-add-cart { height:42px; line-height: 42px; position: relative; transition: .2s; margin:0; padding:0 15px; border-radius:6px; background-color: var(--light-bg); color:var(--black); font-size:14px; display: flex; align-items: center; justify-content: space-between; }
.prod-item-row .prod-add-cart i { height:30px; width:30px; display: block; margin-right: 10px; }
.prod-item-row .prod-add-cart i svg { width:24px; height:24px; margin:3px; fill:var(--black); }
.prod-item-row .prod-add-cart .txt { font-size: 14px; color:var(--black); }
.prod-item-row .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; }
.prod-item-row .prod-add-cart:hover { background-color: var(--yellow); transition: .2s; }

.prod-item-row-price { display: flex; align-items: center; justify-content: space-between; margin:0 auto; }

.prod-item-row .prod-add-comp i svg { fill:#003E7C; }
.prod-item-row .prod-add-comp { position: relative; }
.prod-item-row .prod-add-comp.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; }
.prod-item-row .prod-add-comp.in-list  i svg { fill:#ccc; }

.prod-item-row .prod-add-fav  i svg { fill:#000; }
.prod-item-row .prod-add-fav { position: relative; }
.prod-item-row .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; }
.prod-item-row .prod-add-fav.in-list  i svg { fill:#ccc; }

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



.prod-item-row .prod-item-desc { color:#000; line-height: 16px; font-size: 14px; visibility: hidden; opacity: 0; }
.prod-item:hover { overflow: visible; }
.prod-item:hover .prod-item-inner { box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25); min-height:400px; height: auto; z-index: 3; }
.prod-item:hover .prod-item-desc { visibility: visible; opacity: 1;  }
.prod-item:hover .prod-add-cart { background-color: var(--yellow-light); transition: .2s;  }
.prod-item:hover .prod-add-cart:hover { background-color: var(--yellow); transition: .2s;  }

#cat-prod-list.fav-list {  }
#cat-prod-list.fav-list .prod-item { width:290px; margin:0 18px; }

.prod-item .prd-fav-remove {z-index:2; display: block; background: #fff; text-decoration: none; position: absolute; top:10px; right:0px; width:24px; height:24px; border-radius: 12px; border:1px solid #ccc;}
.prod-item .prd-fav-remove i svg {stroke:#ccc; width:12px; height:12px; margin:6px;}
#cat-prod-list.fav-list .prod-item:hover .prd-fav-remove{ z-index:4; }
.prod-item .prd-fav-remove:hover { border:1px solid #E12229; }
.prod-item .prd-fav-remove:hover i svg {stroke:#E12229; }


.prod-item .prod-label { height: 30px; line-height: 30px; z-index: 3; box-shadow: 0px 0px 0px 2px rgba(255,255,255,0.9); padding:0 10px; position: absolute; top:230px; left:25px; color:#fff; font-size:14px; }
.prod-item:hover .prod-label { z-index: 4; }

#pag-bottom {display: flex; height:40px; align-items: center; justify-content: center; margin: 40px auto; }
#pag-bottom a {display: block; width:40px; height:40px; border-radius:6px; text-decoration: none; line-height: 40px; text-align: center; margin:0 10px; font-size: 24px; color:var(--deep-blue); background-color:var(--light-bg); transition: .2s;}
#pag-bottom a.act, #pag-bottom span.act { color:var(--white); background-color:var(--deep-blue); }
#pag-bottom a:hover { color:#000; transition: .2s;}
#pag-bottom span {display: block; width:40px; height:40px; border-radius:6px; line-height: 40px; text-align: center; font-size: 24px; color:#C4C4C4; margin:0 10px;}


#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; }
.cart-item .close i svg { fill:var(--black); 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-item .price-old { color:var(--deep-gray); text-decoration: line-through; }

#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: var(--yellow); width:234px; /*margin: 0 auto;*/ font-size: 16px; text-decoration: none; border-radius: 6px; height:50px; line-height:50px; display: block; color:var(--black); 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:var(--deep-blue); 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;}

/* checkout page */
#checkout {max-width:945px; margin:50px auto 80px auto;}

#checkout-wrapper {display: flex; justify-content: space-between; align-items:flex-start; align-content:flex-start;}
#checkout-form {width:570px; margin-bottom: 40px;}
#checkout-form-inf { padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid transparent; display: flex; flex-wrap: wrap; justify-content: space-between; }
.checkout-row { width:100%; display:block; margin-bottom: 15px; }
.checkout-row b{ font-size: 16px; line-height: 20px; height:20px; display:block; margin-bottom: 10px; font-weight:normal; }
.checkout-row input { border: 1px solid #c4c4c4; border-radius: 10px; padding:0 10px; font-size: 13px; color:#000; height:45px; width:calc(100% - 20px); }
.checkout-row:nth-child(2) {width:calc(50% - 15px);}
.checkout-row:nth-child(3) {width:calc(50% - 15px);}
.checkout-row input.fail { border: 1px solid rgba(249, 50, 50, 0.95); }

#checkout-form-delivery { padding-bottom:20px; margin-bottom: 20px; border-bottom: 1px solid transparent; }
#checkout-form-delivery h2 { font-size: 18px;  line-height: 25px; height:25px; color:#333; font-weight:bold; margin-bottom: 15px; }
#form-delivery {display: flex; flex-direction: column;}
#form-delivery a {display: block; text-decoration: none; line-height: 22px; height:auto; font-size: 15px; margin-bottom:20px; color:#333; transition: .2s;}
#form-delivery a:hover { color:var(--deep-blue); transition: .2s;}
#form-delivery a b {display: block; float:left; width:12px; height:12px; margin: 5px 12px 5px 0; background: #fff; border-radius:7px; border: 1px solid rgba(45, 90, 90, 0.16); box-shadow: inset 0px 0px 0px 2px #fff; }
#form-delivery a.act b { background:var(--deep-blue); }
#form-delivery a .delivery-inf { font-size: 14px; color:#777; overflow:hidden; height:0; visibility: hidden; opacity: 0;  transition:.2s; padding-left: 25px; line-height: 17px; display: block; margin-top:5px; }
#form-delivery a.act .delivery-inf { visibility: visible; opacity: 1; height:auto; transition:.2s; }
#form-delivery .delivery-extra {display: none; padding-left: 25px; margin-bottom: 20px; }
#form-delivery .delivery-extra textarea { 
  padding:10px; border-radius: 10px; border: 1px solid #c4c4c4; width:calc(100% - 25px); height:36px; color:#333; font-size: 13px; 
}

#form-delivery .delivery-extra 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% - 25px);
    margin-bottom: 20px;
}
#dep {display: none;}
#cities {
  display: none;
  line-height: 21px;
  max-height: 300px;
  overflow-y: auto;
  border: 1px solid rgba(45, 90, 90, 0.16);
  padding:10px;
  width:calc(100% - 25px);
  border-radius: 4px;
  margin-bottom: 20px;
}
#cities a { display: block; color: #188281; font-size: 13px; transition: .2s; }
#cities a:hover { color:#333; transition: .2s; }


#departments {
  display: none;
  max-height: 300px;
  overflow-y: auto;
  border: 1px solid rgba(45, 90, 90, 0.16);
  padding:10px;
  width:calc(100% - 25px);
  border-radius: 4px;
}

#departments::-webkit-scrollbar { width: 8px;}
#departments::-webkit-scrollbar-track { background: rgba(45, 90, 90, 0.16); box-shadow:inset -4px 0px 0px 1px #fff, inset 1px 0px 0px 1px #fff; }
#departments::-webkit-scrollbar-button {background: #fff; height: 3px;}
#departments::-webkit-scrollbar-thumb { background: #ece9e8; box-shadow:inset -3px 0px 0px 0px #fff; border-radius:16px; }


#departments a { display: block; color: #188281; font-size: 13px; transition: .2s; }
#departments a:hover { color:#333; transition: .2s; }

#checkout-del-type5-form-city {padding-bottom:0px; margin-top:0px; margin-bottom:0px; border-bottom: 0px; text-align: left;}
#checkout-del-type5-form-city .tit {font-weight: normal; font-size: 14px; margin-bottom: 10px;}

#checkout-form-pay {padding-bottom:20px; margin-bottom: 20px; border-bottom: 1px solid transparent;}
#checkout-form-pay h2 { font-size: 18px; line-height: 25px; height:25px; color:#333; font-weight:bold; margin-bottom: 15px; }
#form-pay a {display: block; text-decoration: none; line-height: 22px; height:auto; font-size: 15px; margin-bottom:20px; color:#333; transition: .2s;}
#form-pay a:hover { color:var(--deep-blue); transition: .2s;}
#form-pay a b {display: block; float:left; width:12px; height:12px; margin: 5px 12px 5px 0; background: #fff; border-radius:7px; border: 1px solid rgba(45, 90, 90, 0.16); box-shadow: inset 0px 0px 0px 2px #fff; }
#form-pay a.act b { background:var(--deep-blue); }
#form-pay a .payment-inf { font-size: 14px; color:#777; overflow:hidden; height:0; visibility: hidden; opacity: 0;  transition:.2s; padding-left: 25px; line-height: 17px; display: block; margin-top:5px; }
#form-pay a.act .payment-inf { visibility: visible; opacity: 1; height:auto; transition:.2s; }


#checkout-form-comment h2 { font-size: 18px; line-height: 25px; height:25px; color:#333; font-weight:normal; margin-bottom: 15px; }
#checkout-form-comment textarea { padding:10px; resize: none; border-radius: 10px; border: 1px solid #c4c4c4; width:calc(100% - 20px); height:100px; color:#333; font-size: 13px; }

#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:var(--black); text-align: center; display: inline-block; background:var(--yellow); border-radius:10px; 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-btns { display: flex; justify-content: center; 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: 10px; padding:0 40px; }
#order-btns a#to-main { color: var(--deep-blue); border: 1px solid var(--deep-blue); }
#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 #ddd; height:1px; width:100%; min-width: 100%;}
.cont { color:var(--black);}
.cont h2{ margin:40px 0; color:var(--black); font-size: 18px; font-weight: bold; }

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

.cont-page { width:100%; margin:40px auto 60px auto; }
.cont-page h1 { margin:0 0 40px 0; font-size: 28px; }
.cont-page h2 { font-size: 20px; }
.cont-page h3 { font-size: 18px; }
.cont-page p { font-size: 14px; line-height: 21px; }
.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; }

.contacts-block-wrapper { display: flex; justify-content: space-between; align-items: flex-start; }
.contacts-block-wrapper .cont-page { width: 30%; }
.contacts-block-wrapper .cont-map { width: calc(70% - 20px); margin: 40px auto 60px auto; }

.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(/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; font-size:14px;  }

.slider { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 40px; }
.slider a.slide-item { text-decoration: none; display: block; transition: .2s; }
/*.slider a.slide-item:hover { background: #f5f5f5; transition: .2s; }*/
.slider a.slide-item { width:calc(230px - 30px); height:260px; padding: 0 15px; }
.slider a.slide-item .im { width:170px; height:150px; margin:0 auto; margin-top:10px; background-repeat: no-repeat; background-size: contain; background-position: center center; }
.slider a.slide-item b{ text-align: center; font-weight: normal; margin-top:10px; display: block; color:var(--black); font-size:14px; height: 48px; line-height: 16px; overflow: hidden; }
.slider a.slide-item .stars{ margin:10px auto; }
.slider a.slide-item .price{ text-align: center;  margin-top:10px; font-weight: bold; display: block; color:#000; text-transform: uppercase; font-size:20px; height: 20px; line-height: 20px; }
.slider a.slide-item .price span { font-weight: bold; color:#000; text-transform: uppercase; font-size:12px; }
.slider a.slide-item:hover b{ color:var(--deep-blue); transition: .2s; }
.slider a.slide-item:hover .im { transform: scale(1.05); transition: .2s; }

/* FOOTER */
footer { background-color: var(--light-bg); }
footer .ft { padding-top: 60px;  }
.ft-top { margin-bottom:60px; display: flex; }
.ft-col { width:25%; max-width: 25%; }
.ft-col-tit { font-size: 13px; color:var(--black); font-weight: bold; text-transform: uppercase; margin-bottom:20px; }

.ft-col-info-text { font-size: 14px; line-height: 18px; color:var(--black); padding: 0 20px 0 0; margin-bottom:40px; }
.ft-col-info-text.workhours { font-size: 18px; line-height: 24px; }

.ft-col-info-links { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; }
.ft-col-info-links a { display: block; width:calc(100% - 20px); height:30px; line-height:30px; font-size: 13px; color:var(--blue); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.ft-col .ft-col-btn { height: 40px; line-height: 40px; padding:0 15px; border-radius: 3px; background-color: var(--deep-blue); color:var(--white); }

.ft-col .ft-col-logo { display: flex; max-width:180px; margin-bottom: 20px; }
.ft-col .ft-col-logo img { width:100%; height:auto; }

.ft-col .ft-col-phones { display: flex; flex-direction: column; margin-bottom: 10px; }
.ft-col .ft-col-phones a { font-size:24px; color:var(--black); font-weight: bold; margin-bottom: 10px; }

a.ft-link-ico { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 20px; }
a.ft-link-ico i { display: block; width:18px; height:18px; margin-right: 10px; }
a.ft-link-ico i svg { display: block; width:18px; height:18px; fill:var(--blue); }
a.ft-link-ico .text { font-size: 13px; color:var(--blue); }

a.ft-vib-phone { }
a.ft-addr-link .text { text-decoration: underline; }

.ft-soc { display: flex; align-items: center; justify-content: flex-start; }
.ft-soc a { display: block; width:40px; height:40px;  }
.ft-soc a i { display: block; width:28px; height:24px; margin:8px 6px; }
.ft-soc a i svg { display: block; width:28px; height:24px; fill:var(--red); }
.ft-soc a:nth-child(1) i { margin:8px 6px 8px 0px; }

.ft-bt { height: 110px; display: flex; align-items: center; justify-content: space-between; border-top:1px solid var(--light-gray); }
.ft-bt-lt { width:25%; }
.ft-bt-lt .ft-copy { font-size:12px; text-align: left; color:var(--deep-gray); }
.ft-bt-mid { width:33.33333%; }
.ft-bt-rt { width:25%; }
.ft-bt-links { display: flex; align-items: center; justify-content: center; }
.ft-bt-links a { display: block; margin:0 20px; }
.ft-bt-links a img { width:auto; height: auto; display: block; mix-blend-mode: multiply; }

.ft-bt-mid .ft-bt-links { }

.ft-bt-rt .ft-bt-links { align-items: center; justify-content: flex-start; } 
.ft-bt-rt .ft-bt-links a { margin:0 5px 0 0; } 

/* calc product-review */
#callback-form-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;
}

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

#callback-form { 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; }
#callback-form-head {display: flex; flex-direction: column; height:auto; width:calc(100% - 40px); position: relative; justify-content: space-between; padding:20px;}
#callback-form-head  img { width:100%; max-width:160px; height:auto; margin: -5px auto 20px auto; }
#callback-form-head-text { font-size: 18px; line-height: 25px; color:#333; width:100%; text-align: center; }

#close-callback-form {display: block; width:24px; height:24px; position:absolute; top:15px; right:10px; }
#close-callback-form i {display: block; width:24px; height:24px; }
#close-callback-form i svg {display: block; width:20px; height:20px; margin:2px; fill:var(--black);}

#callback-form-cont {display: block; width:300px; margin:10px auto 30px auto; text-align: center; font-size: 15px; color:#333;}
.callback-title { font-size:16px; color:var(--black); margin: 20px auto; text-align: center; }
#callback-form #grev {margin-bottom: 20px;}

#callback-form input { border: 1px solid rgba(45, 90, 90, 0.16); border-radius: 4px; padding:0 10px; margin:0 10px 10px 10px; font-size: 13px; color:#333; height:45px; width:calc(100% - 40px); }
#callback-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); }
*/#callback-form-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;}
#callback-form-form textarea.fail { border: 1px solid rgba(249, 50, 50, 0.95); }

.grev .stars, #grev .starsadd { width:150px; height:30px; display: block; margin:0 auto; position: relative; }
.grev .stars i, #grev .starsadd i{ width:30px; height:30px; display: block; float:left;}
#grev .starsadd i{cursor: pointer;}
.grev .stars span, #grev .starsadd span { height:30px; line-height: 35px; font-size: 20px; width:60px; position: absolute; right:-70px; color:#666; }
.grev .stars i svg, #grev .starsadd i svg{ width:26px; height:26px; margin:2px; fill:none; stroke:#676d76; stroke-width:.7; }
.grev .stars i.act svg, #grev .starsadd i.act svg{ fill:#ffd203; stroke:#ffd203;}
.grev a { display: block; padding-left: 30px; text-align: center; font-size: 22px; height: 40px; line-height: 40px; color:#666; text-decoration: none;}


#callback-form-submit {
background: var(--deep-blue);
    color: var(--white);
    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: 6px;
    display: block;
}

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

/* end callback popup */

#pswp_preload {
  visibility: hidden;
    opacity: 0;
    transition: 0s;
    background-color: rgba(255,255,255,0.98);
    z-index: 99999;
    position: fixed;
    width: 100%;
    height: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    color:#000;
    text-align: center;
    font-size: 16px;
    text-shadow: 0px 0px 20px rgba(19, 25, 36, 0.20);
}

#pswp_preload.act {
  visibility: visible;
    opacity: 1;
    transition: 0s;
    height: calc(100vh - 200px);
    padding: 100px 0;
    top: 0px;
    line-height: calc(100vh - 200px);

}

/**
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: #dedede;
}
.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: 4px;
  background-color: rgba(196, 196, 196, 0.7);
  border-radius: 4px;
}
.irs--round .irs-bar {
  top: 26px;
  height: 4px;
  border-radius: 2px;
  background-color: #003E7C;
}
.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 #003E7C;
  background-color: #003E7C;
  border-radius: 7px;
  /*box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);*/
}
.irs--round .irs-handle.state_hover,
.irs--round .irs-handle:hover {
  background-color: #003E7C;
  transform: scale(1.1);
}
.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: 24px;
  height: 8px;
  display: inline-block;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.2);
  opacity: 0.95;
}
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;
  background: #003e7c;
  box-shadow: 0px 0px 3px 1px rgba(255,255,255,0.2);
}
.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;
}