:root{
    --input-border:1px solid #ccc;
    --input-border-focus:#337ab7;
}


@font-face {
    font-family: 'icomoon';
    src: url('./icomoon.woff2?v1')format('woff2'), url('./icomoon.woff?v1')format('woff'), url('./icomoon.ttf?v1')format('truetype'), url('./icomoon.svg?v1#icomoon')format('svg');
    font-weight: normal;font-style: normal;font-display: block}
html {-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:after,:before {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body {font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.43;margin:0;color:#333;background-color:#fff}
a {color:#337ab7;text-decoration:none}
a:focus,a:hover {color:#23527c;text-decoration:underline}
a:focus {outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
figure {margin:0}
img {vertical-align:middle}
hr {margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display:block}
audio,canvas,progress,video {display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template,.hide,[hide] {display:none}
a {background-color:transparent}
a:active,a:hover {outline:0}
abbr[title] {border-bottom:1px dotted}
b,strong {font-weight:700}
dfn {font-style:italic}
h1 {margin:.67em 0;font-size:2em}
mark {color:#000;background:#ff0}
small {font-size:80%}
sub,sup {position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup {top:-.5em}
sub {bottom:-.25em}
img {border:0}
svg:not(:root){overflow:hidden}
figure {margin:1em 40px}
hr {height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
pre {overflow:auto}
code,kbd,pre,samp {font-family:monospace,monospace;font-size:1em}
button {overflow:visible}
button,select {text-transform:none}
button,input[type=button],input[type=reset],input[type=submit] {-webkit-appearance:button;cursor:pointer}
button[disabled],input[disabled] {cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner {padding:0;border:0}
input {line-height:normal}
input[type=checkbox],input[type=radio] {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {height:auto}
input[type=search] {-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {-webkit-appearance:none}
fieldset {padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}
legend {padding:0;border:0}
textarea {overflow:auto}
optgroup {font-weight:700}
table {border-spacing:0;border-collapse:collapse}
td,th {padding:0}

a, a:visited {text-decoration:underline}
a[icon]:after {content:"("attr(icon)")"}
abbr[title]:after {content:"("attr(title)")"}
thead {display:table-header-group}
img,tr {page-break-inside:avoid}
img {max-width:100%}
h2,h3,p {orphans:3;widows:3}
h2,h3 {page-break-after:avoid}
.label {border:1px solid #000}
.table {border-collapse:collapse}
.table td,.table th {background-color:#fff}

[role=button] {cursor:pointer}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {font-family:inherit;font-weight:500;line-height:1.1;color:inherit}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {font-weight:400;line-height:1;color:#777}
.h1,.h2,.h3,h1,h2,h3 {margin-top:20px;margin-bottom:10px}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small {font-size:65%}
.h4,.h5,.h6,h4,h5,h6 {margin-top:10px;margin-bottom:10px}
.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {font-size:75%}
.h1,h1 {font-size:36px}
.h2,h2 {font-size:30px}
.h3,h3 {font-size:24px}
.h4,h4 {font-size:18px}
.h5,h5 {font-size:14px}
.h6,h6 {font-size:12px}
p {margin:0 0 10px}
.small,small {font-size:85%}
.mark,mark {padding:.2em;background-color:#fcf8e3}
.text-primary {color:#337ab7}
a.text-primary:focus,a.text-primary:hover {color:#286090}
.text-success {color:#3c763d}
a.text-success:focus,a.text-success:hover {color:#2b542c}
.text-info {color:#31708f}
a.text-info:focus,a.text-info:hover {color:#245269}
.text-warning {color:#8a6d3b}
a.text-warning:focus,a.text-warning:hover {color:#66512c}
.text-danger {color:#a94442}
a.text-danger:focus,a.text-danger:hover {color:#843534}
.bg-primary {color:#fff;background-color:#337ab7}
a.bg-primary:focus,a.bg-primary:hover {background-color:#286090}
.bg-success {background-color:#dff0d8}
a.bg-success:focus,a.bg-success:hover {background-color:#c1e2b3}
.bg-info {background-color:#d9edf7}
a.bg-info:focus,a.bg-info:hover {background-color:#afd9ee}
.bg-warning {background-color:#fcf8e3}
a.bg-warning:focus,a.bg-warning:hover {background-color:#f7ecb5}
.bg-danger {background-color:#f2dede}
a.bg-danger:focus,a.bg-danger:hover {background-color:#e4b9b9}
.btn-primary {background:#337ab7;border:1px solid #337ab7;color:#fff}
btn-primary:focus,btn-primary:hover {background:#286090}
ul{padding:0;margin:0}
li{list-style:none}
dl {margin-top:0;margin-bottom:20px}
dd,dt {line-height:1.42857143}
dt {font-weight:700}
dd {margin-left:0}
.p1{padding:.1em;}
.p2{padding:.2em;}
.p3{padding:.3em;}
.p4{padding:.4em;}
.p5{padding:.5em;}
.p6{padding:.6em;}
.p7{padding:.7em;}
.p8{padding:.8em;}
.p10{padding:1em;}
.p20{padding:2em;}
.pt10{padding-top:1em;}
.pb0{padding-bottom:0;}

.btn{padding:0 1em;line-height:2.5;text-align: center;}
.btn-large{font-size:1.5em;width:100%;}

.fa{font-family:icomoon;font-style: normal;}
.fa:before{font-family:icomoon;display:inline-block}
.fa-close:before{content:'\e5cd';}
.fa-close1:before{content:'\e888';}
.fa-close:before{content:'\e94e';}
.fa-left:before{content:'\e5c7';}
.fa-right:before{content:'\e5c8';}
.fa-left1:before{content:'\e93e';}
.fa-right1:before{content:'\e93f';}
.fa-reload:before{content:'\e627';}
.fa-arrow-left:before,.fa-arrow:before{content:'\e408';}
.fa-arrow-right:before{content:'\e409';}
.fa-arrow-top:before{content:'\e409';}
.fa-arrow-buttom:before{content:'\e409';}



.fx,.fy,.mc{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;}
.fy{display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.mc {-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:center;}
.mw{width:1080px;margin:0 auto;max-width:100%;}
.mobile-view .mw{width:768px;}

.dmc{position: absolute;left:50%;top:50%;transform:translate(-50%, -50%);}

.main-header{position:sticky;top:0;z-index:+90999999;background:#0c84ff;color:#fff;}
.main-header .wrapper {height:60px;}
.main-header .logo{max-height:100%;overflow:hidden}
.main-header .logo>div{height:60px}
.main-header .logo img{height:100%}
.main-header .title{font-size:2em;padding:0 .5em}
.text-logo{font-weight:bold;font-size:2em;line-height:60px;display:none;text-transform:uppercase;}

.r90,.rb90:before{transform:rotate(90deg)}
.r180,.rb180:before{transform:rotate(180deg)}
.r270,.rb270:before{transform:rotate(270deg)}
.slick-wrapper{overflow:hidden;position:relative}
.slick-track{white-space:nowrap;}
.slick-track:not(.stop){ transition:all .5s;-webkit-transition:all .5s;}
.slick-arrow{position:absolute;top:calc(50% - 18px);fill:transparent;stroke:#000;border:1px solid #000;width:36px;height:36px;border-radius:50%;display:none;}
.slick-arrow:hover{background:#000;stroke:#fff;}
.slick-wrapper:hover .slick-arrow{display:block;}
.slick-arrow svg{left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);transition:all .3s ease;cursor:pointer;}
.slick-prev{left:2em;}
.slick-next{right:2em}
.slick-item{display:inline-block;width: 100%;vertical-align: middle;position: relative;}
.slick-bullets{text-align:center;padding:5px;position: relative;z-index:+1}
.slick-bullets>li{padding:5px;border-radius:50%;border:1px solid #999;display: inline-block;margin:5px;background:#fff;overflow:hidden;display: inline-block;cursor: pointer;}
.slick-bullets .thumb{border-radius:2px;background:transparent;}
.slick-bullets .thumb>div{width:50px;height:50px;overflow:hidden;}
.slick-bullets>li.on:not(.thumb){border-color:#0c84ff;background: #0c84ff}
.slick-bullets>li.on.thumb{border-color:#0c84ff;}
.slick-index{position: absolute;top:1em;left:1em;color: #fff;font-size:1.5em}
.slick-wrapper:not(.slide-thumb) .slick-bullets{margin-top:-5em;}

.popup,.mask,.popup>.fa-close{position:fixed;z-index:+98999999;top:0;}
.popup,.mask,.ppimg .pbody,.ppimg .pmain,.full{width:100%;height:100%;}
.popup>.fa-close{color:#fff;right:0;width:50px;height:50px;font-size:2em;}
.popup>.fa-close:hover{color:#0c84ff;cursor:pointer;font-weight:bold}
.mask{z-index:0;background: rgba(0,0,0,.6);}
.popup.msg{z-index:+99999999;pointer-events: none;text-align: center;font-size:.9em;top:40%;}
.popup.msg>div{background: rgba(0,0,0,.6);padding:.5em;color:#fff;display:inline-block;border-radius:.5em;margin-bottom:.5em;min-width:10em;text-align:center;}

.title-wrapper{padding:0 1em}
.attr-block{padding:1em;}
.attr-block .attr-item{padding:.25em 2em .25em 0;text-align:left;line-height:2}
.attr-item b{padding-right:.5em}
.inc-input{position: relative;}
.inc-input input{padding:0 1em;line-height:36px;border: var(--input-border);width: 100%;}
.inc-input input:focus{border-color: var(--input-border-focus);outline:none;}
.inc-input i{position: absolute;right:0;height:50%;width:1.5em;text-align: center;top:0;background:#fff;border:var(--input-border);}
.inc-input i+i{top:50%;border-top-width:0;}
.inc-input i:before{padding: 0 4px 0 0}
.inc-input i+i:before{padding: 0 0 0 2px}
.inc-input i:hover{color:var(--input-border-focus);cursor: pointer}
.inc-input input:focus~i{border-color:var(--input-border-focus);}