.wnoty_overlay{background-color:rgba(0,0,0,.75);position:fixed;top:0;left:0;width:100%;height:100%;}
.wnoty_wraper{position:fixed;pointer-events:none;top:0;left:0;width:100%;height:100%;z-index:1100;border:10px solid transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.wnoty_group{pointer-events:initial;position:absolute;overflow:hidden;z-index:1;width:100%;max-width:400px;max-height:100%;overflow-y:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:auto;}
.wnoty_position_top{top:0;}
.wnoty_position_right{right:0;}
.wnoty_position_bottom{bottom:0;}
.wnoty_position_left{left:0;}
.wnoty_position_center{left:0;right:0;}
.wnoty_position_middle{top:0;bottom:0;}
.wnoty_informer{position:relative;z-index:1;}
.wnoty_informer:after{content:'';display:block;clear:both;height:0;}
.wnoty_message{position:relative;}
.wnoty_header{cursor:pointer;position:relative;font-size:18px;line-height:1.4em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.wnoty_minify .wnoty_header{cursor:pointer;}
button.wnoty_close{text-align:center;}
.wnoty_controls{position:relative;}
.wnoty_button{position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.wnoty_button:active{-webkit-transform:translateY(1px);transform:translateY(1px);}
.wnoty_theme_default .wnoty_informer{font-size:14px;color:#fff;text-shadow:0 1px rgba(0,0,0,.4);background-color:#4d7496;}
.wnoty_theme_default .wnoty_informer:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:rgba(0,0,0,.4);}
.wnoty_theme_default .wnoty_informer > div:last-child{padding-bottom:18px;}
.wnoty_theme_default .wnoty_message{overflow:hidden;padding:15px 25px 10px;}
.wnoty_theme_default .wnoty_close + .wnoty_message{padding-right:15px;}
.wnoty_theme_default .wnoty_header + .wnoty_message{clear:both;padding-top:0;}
.wnoty_theme_default .wnoty_message:last-child{padding-bottom:15px;}
.wnoty_theme_default .wnoty_header{padding:15px 25px 8px;font-weight:bold;}
.wnoty_theme_default .wnoty_close + .wnoty_header{padding-right:15px;}
.wnoty_theme_default .wnoty_close{float:right;position:relative;z-index:1;margin:15px 25px 0px 5px;}
.wnoty_theme_default button.wnoty_close{padding:0;border:none;background:none;display:block;width:24px;height:24px;line-height:24px;font-size:28px;color:inherit;font-family:Arial,Baskerville,monospace;text-shadow:inherit;}
.wnoty_theme_default .wnoty_close:hover{text-shadow:0 2px 3px rgba(0,0,0,.4);}
.wnoty_theme_default .wnoty_close:active{background-color:rgba(0,0,0,.1);text-shadow:0 -2px rgba(0,0,0,.6);}
.wnoty_theme_default .wnoty_controls{border-top:1px solid rgba(0,0,0,.25);padding:8px 0 15px;margin:0 25px;}
.wnoty_theme_default .wnoty_controls .wnoty_button{cursor:pointer;font-size:14px;color:inherit;text-shadow:inherit;background:none;border:none;font-weight:normal;text-transform:capitalize;background-color:rgba(0,0,0,.15);padding:8px 12px;display:inline-block;vertical-align:top;margin-right:5px;}
.wnoty_theme_default .wnoty_controls .wnoty_confirm{background-color:rgba(255,0,0,.35);}
.wnoty_theme_default .wnoty_controls .wnoty_button:hover{background-color:rgba(0,0,0,.3);}
.wnoty_theme_default .wnoty_controls .wnoty_button:active{text-shadow:0 -1px #000;background-color:rgba(0,0,0,.4);}
.wnoty_theme_default .wnoty_status_error{background-color:#e25856;}
.wnoty_theme_default .wnoty_status_succes{background-color:#709449;text-shadow:0 1px rgba(0,0,0,.25);}
.wnoty_theme_default .wnoty_status_warning{background-color:#faa732;text-shadow:none;}
.wnoty_theme_default .wnoty_status_info{background-color:#3B9EFD;text-shadow:none;}
#fPopUp {
    position: fixed;
    bottom: 0;
    right: 0;
    max-width: 50%;
    min-width: 400px;
    display: block;
    z-index: 99999;
}
#fPopUp .content {
    font-size: 16px;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    outline: 0 none;
    border-bottom-color: rgba(0, 0, 0, 0.4);
    border-radius: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    padding: 15px;
    cursor: pointer;
    margin: 0 20px 20px 0;
}
#fPopUp .content.success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}
#fPopUp .content.info {
    background-color: #d7e1eb;
    border-color: #d7e1eb;
    color: #3f6a93;
}
#fPopUp .content.warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}
#fPopUp .content.danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}
#fPopUp .content:hover {
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom-color: rgba(0, 0, 0, 0.4);
}
@media only screen and (max-width:640px) {
    #fPopUp{
        min-width:200px;
        max-width:400px;
    }
}
@media only screen and (max-width:480px) {
    #fPopUp{
        max-width:100%;
        width:100%;
        box-sizing: border-box;
        padding: 0 10px;
    }
}
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}
/*# sourceMappingURL=jquery-plugins.css.map */
html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 100%}
body {
    margin: 0;
}
article, aside, footer, header, nav, section {
    display: block;
}
h1 {
    font-size: 2em;
    margin: .67em 0;
}
figcaption, figure {
    display: block;
}
figure {
    margin: 1em 0;
}
main {
    display: block;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
pre {
    font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
    font-size: 1em;
}
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}
b, strong {
    font-weight: inherit;
}
b, strong {
    font-weight: 700;
}
code, kbd, samp {
    font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
    font-size: 1em;
}
dfn {
    font-style: italic;
}
mark {
    background-color: #ff0;
    color: #000;
}
small {
    font-size: 80%}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -.25em;
}
sup {
    top: -.5em;
}
audio, video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
img {
    border-style: none;
}
svg:not(:root) {
    overflow: hidden;
}
button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button, input {
    overflow: visible;
}
button, select {
    text-transform: none;
}
button, html [type=button], [type=reset], [type=submit] {
    -webkit-appearance: button;
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
progress {
    display: inline-block;
    vertical-align: baseline;
}
textarea {
    overflow: auto;
}
[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0;
}
[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
details, menu {
    display: block;
}
summary {
    display: list-item;
}
canvas {
    display: inline-block;
}
template {
    display: none;
}
[hidden] {
    display: none;
}
a:active, a:hover {
    outline-width: 0;
}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText;
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto;
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}
abbr[title], dfn[title] {
    cursor: help;
}
button {
    cursor: pointer;
}
button:disabled {
    cursor: not-allowed;
}
input::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}
input::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}
input[readonly] {
    cursor: default;
}
input:disabled {
    cursor: not-allowed;
}
.grid {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
}
.grid .gbox {
    height: 100%;
    min-height: 100%}
.grid--1>.gcell {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%}
.grid--2>.gcell {
    width: 50%;
    max-width: 50%;
    flex-basis: 50%}
.grid--3>.gcell {
    width: 33.3333333%;
    max-width: 33.3333333%;
    flex-basis: 33.3333333%}
.grid--4>.gcell {
    width: 25%;
    max-width: 25%;
    flex-basis: 25%}
.grid--5>.gcell {
    width: 20%;
    max-width: 20%;
    flex-basis: 20%}
.grid--6>.gcell {
    width: 16.6666667%;
    max-width: 16.6666667%;
    flex-basis: 16.6666667%}
.grid--7>.gcell {
    width: 14.2857143%;
    max-width: 14.2857143%;
    flex-basis: 14.2857143%}
.grid--8>.gcell {
    width: 12.5%;
    max-width: 12.5%;
    flex-basis: 12.5%}
.grid--9>.gcell {
    width: 11.1111111%;
    max-width: 11.1111111%;
    flex-basis: 11.1111111%}
.grid--10>.gcell {
    width: 10%;
    max-width: 10%;
    flex-basis: 10%}
.grid--11>.gcell {
    width: 9.0909091%;
    max-width: 9.0909091%;
    flex-basis: 9.0909091%}
.grid--12>.gcell {
    width: 8.3333333%;
    max-width: 8.3333333%;
    flex-basis: 8.3333333%}
.grid--space-sm {
    margin-left: -2.5px;
    margin-right: -2.5px;
}
.grid--space-sm>.gcell {
    padding-left: 2.5px;
    padding-right: 2.5px;
}
.grid--space-md {
    margin-left: -5px;
    margin-right: -5px;
}
.grid--space-md>.gcell {
    padding-left: 5px;
    padding-right: 5px;
}
.grid--space-def {
    margin-left: -10px;
    margin-right: -10px;
}
.grid--space-def>.gcell {
    padding-left: 10px;
    padding-right: 10px;
}
.grid--space-lg {
    margin-left: -15px;
    margin-right: -15px;
}
.grid--space-lg>.gcell {
    padding-left: 15px;
    padding-right: 15px;
}
.grid--space-xl {
    margin-left: -20px;
    margin-right: -20px;
}
.grid--space-xl>.gcell {
    padding-left: 20px;
    padding-right: 20px;
}
.grid--space-mg {
    margin-left: -25px;
    margin-right: -25px;
}
.grid--space-mg>.gcell {
    padding-left: 25px;
    padding-right: 25px;
}
.grid>.gcell {
    display: inline-block;
}
.grid>.gcell--1 {
    width: 8.3333333%;
    max-width: 8.3333333%;
    flex-basis: 8.3333333%}
.grid>.gcell--2 {
    width: 16.6666667%;
    max-width: 16.6666667%;
    flex-basis: 16.6666667%}
.grid>.gcell--3 {
    width: 25%;
    max-width: 25%;
    flex-basis: 25%}
.grid>.gcell--4 {
    width: 33.3333333%;
    max-width: 33.3333333%;
    flex-basis: 33.3333333%}
.grid>.gcell--5 {
    width: 41.6666667%;
    max-width: 41.6666667%;
    flex-basis: 41.6666667%}
.grid>.gcell--6 {
    width: 50%;
    max-width: 50%;
    flex-basis: 50%}
.grid>.gcell--7 {
    width: 58.3333333%;
    max-width: 58.3333333%;
    flex-basis: 58.3333333%}
.grid>.gcell--8 {
    width: 66.6666667%;
    max-width: 66.6666667%;
    flex-basis: 66.6666667%}
.grid>.gcell--9 {
    width: 75%;
    max-width: 75%;
    flex-basis: 75%}
.grid>.gcell--10 {
    width: 83.3333333%;
    max-width: 83.3333333%;
    flex-basis: 83.3333333%}
.grid>.gcell--11 {
    width: 91.6666667%;
    max-width: 91.6666667%;
    flex-basis: 91.6666667%}
.grid>.gcell--12 {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%}
.grid--inline {
    display: -webkit-inline-box;
    display: inline-flex;
}
.grid--items-start {
    -webkit-box-align: start;
    align-items: flex-start;
}
.grid--items-end {
    -webkit-box-align: end;
    align-items: flex-end;
}
.grid--items-center {
    -webkit-box-align: center;
    align-items: center;
}
.grid--items-stretch {
    -webkit-box-align: stretch;
    align-items: stretch;
}
.grid--justify-start {
    -webkit-box-pack: start;
    justify-content: flex-start;
}
.grid--justify-end {
    -webkit-box-pack: end;
    justify-content: flex-end;
}
.grid--justify-center {
    -webkit-box-pack: center;
    justify-content: center;
}
.grid--justify-between {
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.grid--justify-around {
    justify-content: space-around;
}
.grid--nowrap {
    flex-wrap: nowrap;
}
.grid--column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}
.grid--row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
}
.grid--row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
}
.grid>.gcell--start {
    align-self: flex-start;
}
.grid>.gcell--end {
    align-self: flex-end;
}
.grid>.gcell--center {
    -ms-grid-row-align: center;
    align-self: center;
}
.grid>.gcell--stretch {
    -ms-grid-row-align: stretch;
    align-self: stretch;
}
.grid>.gcell--nogrow {
    -webkit-box-flex: 0;
    flex-grow: 0;
}
.grid>.gcell--grow {
    -webkit-box-flex: 1;
    flex-grow: 1;
}
.grid>.gcell--shrink {
    flex-shrink: 1;
}
.grid>.gcell--noshrink {
    flex-shrink: 0;
}
.grid>.gcell--order-start {
    -webkit-box-ordinal-group: 0;
    order: -1;
}
.grid>.gcell--order-end {
    -webkit-box-ordinal-group: 2;
    order: 1;
}
.grid>.gcell--noorder {
    -webkit-box-ordinal-group: 1;
    order: 0;
}
.grid>.gcell--nobasis {
    flex-basis: 0;
}
.grid>.gcell--parser-half {
    width: 360px;
    max-width: 360px;
    flex-basis: 360px;
}
._color-black {
    color: #000;
}
._color-gray90 {
    color: #1a1a1a;
}
._color-gray75 {
    color: #404040;
}
._color-gray50 {
    color: #807f7f;
}
._color-gray25 {
    color: #bfbfbf;
}
._color-gray10 {
    color: #e6e6e6;
}
._color-white {
    color: #fff;
}
._color-link {
    color: #43f;
}
._color-primary {
    color: #8074ff;
}
._color-secondary {
    color: #e652a6;
}
._color-success {
    color: #c1af7a;
}
._color-info {
    color: #00b3fe;
}
._color-warning {
    color: #c89600;
}
._color-danger {
    color: #ff6262;
}
._bgcolor-black {
    background-color: #000;
}
._bgcolor-gray90 {
    background-color: #1a1a1a;
}
._bgcolor-gray75 {
    background-color: #404040;
}
._bgcolor-gray50 {
    background-color: #807f7f;
}
._bgcolor-gray25 {
    background-color: #bfbfbf;
}
._bgcolor-gray10 {
    background-color: #e6e6e6;
}
._bgcolor-white {
    background-color: #fff;
}
._bgcolor-link {
    background-color: #43f;
}
._bgcolor-primary {
    background-color: #8074ff;
}
._bgcolor-secondary {
    background-color: #e652a6;
}
._bgcolor-success {
    background-color: #c1af7a;
}
._bgcolor-info {
    background-color: #00b3fe;
}
._bgcolor-warning {
    background-color: #c89600;
}
._bgcolor-danger {
    background-color: #ff6262;
}
._fill-black {
    fill: #000;
}
._fill-gray90 {
    fill: #1a1a1a;
}
._fill-gray75 {
    fill: #404040;
}
._fill-gray50 {
    fill: #807f7f;
}
._fill-gray25 {
    fill: #bfbfbf;
}
._fill-gray10 {
    fill: #e6e6e6;
}
._fill-white {
    fill: #fff;
}
._fill-link {
    fill: #43f;
}
._fill-primary {
    fill: #8074ff;
}
._fill-secondary {
    fill: #e652a6;
}
._fill-success {
    fill: #c1af7a;
}
._fill-info {
    fill: #00b3fe;
}
._fill-warning {
    fill: #c89600;
}
._fill-danger {
    fill: #ff6262;
}
._left {
    float: left;
}
._right {
    float: right;
}
._overflow {
    overflow: hidden;
}
._clear {
    clear: both;
}
._clear-after:after {
    content: '';
    clear: both;
    display: block;
    height: 0;
}
._text-left {
    text-align: left;
}
._text-right {
    text-align: right;
}
._text-center {
    text-align: center;
}
._ellipsis {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
._hide {
    display: none;
}
._hide\! {
    display: none!important;
}
._m-sm {
    margin: .3125rem!important;
}
._m-md {
    margin: .625rem!important;
}
._m-def {
    margin: 1.25rem!important;
}
._m-lg {
    margin: 1.875rem!important;
}
._m-xl {
    margin: 2.5rem!important;
}
._m-mg {
    margin: 3.125rem!important;
}
._mt-sm {
    margin-top: .3125rem!important;
}
._mt-md {
    margin-top: .625rem!important;
}
._mt-def {
    margin-top: 1.25rem!important;
}
._mt-lg {
    margin-top: 1.875rem!important;
}
._mt-xl {
    margin-top: 2.5rem!important;
}
._mt-mg {
    margin-top: 3.125rem!important;
}
._mt-none {
    margin-top: 0!important;
}
._mr-sm {
    margin-right: .3125rem!important;
}
._mr-md {
    margin-right: .625rem!important;
}
._mr-def {
    margin-right: 1.25rem!important;
}
._mr-lg {
    margin-right: 1.875rem!important;
}
._mr-xl {
    margin-right: 2.5rem!important;
}
._mr-mg {
    margin-right: 3.125rem!important;
}
._mr-none {
    margin-right: 0!important;
}
._mb-sm {
    margin-bottom: .3125rem!important;
}
._mb-md {
    margin-bottom: .625rem!important;
}
._mb-def {
    margin-bottom: 1.25rem!important;
}
._mb-lg {
    margin-bottom: 1.875rem!important;
}
._mb-xl {
    margin-bottom: 2.5rem!important;
}
._mb-mg {
    margin-bottom: 3.125rem!important;
}
._mb-none {
    margin-bottom: 0!important;
}
._ml-sm {
    margin-left: .3125rem!important;
}
._ml-md {
    margin-left: .625rem!important;
}
._ml-def {
    margin-left: 1.25rem!important;
}
._ml-lg {
    margin-left: 1.875rem!important;
}
._ml-xl {
    margin-left: 2.5rem!important;
}
._ml-mg {
    margin-left: 3.125rem!important;
}
._ml-none {
    margin-left: 0!important;
}
._m-none {
    margin: 0!important;
}
._p-sm {
    padding: .3125rem!important;
}
._p-md {
    padding: .625rem!important;
}
._p-def {
    padding: 1.25rem!important;
}
._p-lg {
    padding: 1.875rem!important;
}
._p-xl {
    padding: 2.5rem!important;
}
._p-mg {
    padding: 3.125rem!important;
}
._pt-sm {
    padding-top: .3125rem!important;
}
._pt-md {
    padding-top: .625rem!important;
}
._pt-def {
    padding-top: 1.25rem!important;
}
._pt-lg {
    padding-top: 1.875rem!important;
}
._pt-xl {
    padding-top: 2.5rem!important;
}
._pt-mg {
    padding-top: 3.125rem!important;
}
._pt-none {
    padding-top: 0!important;
}
._pr-sm {
    padding-right: .3125rem!important;
}
._pr-md {
    padding-right: .625rem!important;
}
._pr-def {
    padding-right: 1.25rem!important;
}
._pr-lg {
    padding-right: 1.875rem!important;
}
._pr-xl {
    padding-right: 2.5rem!important;
}
._pr-mg {
    padding-right: 3.125rem!important;
}
._pr-none {
    padding-right: 0!important;
}
._pb-sm {
    padding-bottom: .3125rem!important;
}
._pb-md {
    padding-bottom: .625rem!important;
}
._pb-def {
    padding-bottom: 1.25rem!important;
}
._pb-lg {
    padding-bottom: 1.875rem!important;
}
._pb-xl {
    padding-bottom: 2.5rem!important;
}
._pb-mg {
    padding-bottom: 3.125rem!important;
}
._pb-none {
    padding-bottom: 0!important;
}
._pl-sm {
    padding-left: .3125rem!important;
}
._pl-md {
    padding-left: .625rem!important;
}
._pl-def {
    padding-left: 1.25rem!important;
}
._pl-lg {
    padding-left: 1.875rem!important;
}
._pl-xl {
    padding-left: 2.5rem!important;
}
._pl-mg {
    padding-left: 3.125rem!important;
}
._pl-none {
    padding-left: 0!important;
}
._p-none {
    padding: 0!important;
}
._m-auto {
    margin: auto!important;
}
._ml-auto {
    margin-left: auto!important;
}
._mr-auto {
    margin-right: auto!important;
}
html {
    position: relative;
    height: 100%;
    font-size: 12px;
}
*, :after, :before {
    box-sizing: inherit;
}
a {
    color: #43f;
}
a:focus {
    outline: none;
}
body {
    position: relative;
    height: 100%;
    box-sizing: border-box;
    min-width: 320px;
}
pre {
    padding: 1.2em;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    border-width: 0;
    white-space: pre;
    white-space: pre-wrap;
    background: #eee;
    word-wrap: break-word;
}
img {
    max-width: 100%;
    height: auto;
}
small {
    display: inline-block;
    vertical-align: text-bottom;
}
svg {
    pointer-events: none;
}
hr {
    border-width: 0;
    border-top: 1px solid #aaa;
}
::-moz-selection {
    text-shadow: none;
    color: #fff;
    background: #2597ff;
}
::selection {
    text-shadow: none;
    color: #fff;
    background: #2597ff;
}
::-moz-selection {
    text-shadow: none;
    color: #fff;
    background: #2597ff;
}
::-ms-selection {
    text-shadow: none;
    color: #fff;
    background: #2597ff;
}
input {
    box-shadow: none;
}
input::-webkit-input-placeholder {
    color: #999;
}
input::-moz-placeholder {
    color: #999;
    opacity: .5;
}
input:-ms-input-placeholder {
    color: #999;
}
input:focus::-webkit-input-placeholder {
    color: transparent;
}
input:focus::-moz-placeholder {
    color: transparent;
}
input:focus:-ms-input-placeholder {
    color: transparent;
}
textarea {
    box-shadow: none;
}
textarea::-webkit-input-placeholder {
    color: #999;
}
textarea::-moz-placeholder {
    color: #999;
    opacity: .5;
}
textarea:-ms-input-placeholder {
    color: #999;
}
textarea:focus::-webkit-input-placeholder {
    color: transparent;
}
textarea:focus::-moz-placeholder {
    color: transparent;
}
textarea:focus:-ms-input-placeholder {
    color: transparent;
}
ul, ol {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
a, svg {
    -webkit-transition: all .3s;
    transition: all .3s;
}
a {
    text-decoration: none;
}
b {
    font-weight: 700;
}
.button, .control-holder--text input, .control-holder--text textarea, .control-holder--text select {
    position: relative;
    vertical-align: top;
    box-sizing: border-box;
    font-size: 1rem;
    min-height: 2.25em;
    line-height: 1.75em;
    padding: .25em .75em;
    border: 1px solid #bfbfbf;
    border-radius: .25em;
    background-color: transparent;
    -webkit-transition: .25s ease;
    transition: .25s ease;
    text-decoration: none;
    color: inherit;
    max-width: 100%}
.button {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    vertical-align: top;
    fill: #807f7f;
    line-height: calc(1.75em - 3px);
}
.button>span {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    justify-content: space-around;
}
.button>span>svg {
    display: inline-block;
    position: relative;
    height: 1.25em;
    width: 1.25em;
    flex-shrink: 0;
    fill: inherit;
}
.button>span>svg:first-child {
    margin-right: .5em;
}
.button>span>svg:last-child {
    margin-left: .5em;
}
.button>span>svg:only-child {
    margin-left: 0;
    margin-right: 0;
}
.button>span>span {
    display: inline-block;
    text-align: center;
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-shrink: 1;
}
.button:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, .2);
    border-radius: .25em;
    opacity: 0;
    -webkit-transition: .25s ease;
    transition: .25s ease;
}
.button:active {
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
}
.button:active:before {
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    opacity: 1;
}
.button.is-active {
    background-color: #8074ff;
    border-color: #8074ff;
    color: #fff;
    fill: currentColor;
    -webkit-transform: none!important;
    transform: none!important;
}
.button.is-active:before {
    display: none;
}
.button.is-disabled, .button[disabled] {
    cursor: default;
    pointer-events: none;
    color: #807f7f;
    fill: currentColor;
    border-color: transparent;
    background-color: #e6e6e6;
}
.button--only-icon>span svg {
    margin-left: 0!important;
    margin-right: 0!important;
}
.button--only-icon>span>span {
    display: none;
}
.button--primary {
    background-color: #8074ff;
    border-color: #8074ff;
    color: #fff;
    fill: currentColor;
}
.button--primary:hover {
    color: white;
    fill: white;
    background-color: #978eff;
    border-color: #8074ff;
}
.button--primary-o {
    border-color: #8074ff;
    color: #8074ff;
    fill: currentColor;
}
.button--primary-o:hover {
    color: white;
    fill: white;
    background-color: #978eff;
    border-color: #8074ff;
}
.button--secondary {
    background-color: #e652a6;
    border-color: #e652a6;
    color: #fff;
    fill: currentColor;
}
.button--secondary:hover {
    color: white;
    fill: white;
    background-color: #e968b1;
    border-color: #e652a6;
}
.button--secondary-o {
    border-color: #e652a6;
    color: #e652a6;
    fill: currentColor;
}
.button--secondary-o:hover {
    color: white;
    fill: white;
    background-color: #e968b1;
    border-color: #e652a6;
}
.button--success {
    background-color: #c1af7a;
    border-color: #c1af7a;
    color: #fff;
    fill: currentColor;
}
.button--success:hover {
    color: white;
    fill: white;
    background-color: #c9b98b;
    border-color: #c1af7a;
}
.button--success-o {
    border-color: #c1af7a;
    color: #c1af7a;
    fill: currentColor;
}
.button--success-o:hover {
    color: white;
    fill: white;
    background-color: #c9b98b;
    border-color: #c1af7a;
}
.button--warning {
    background-color: #c89600;
    border-color: #c89600;
    color: #fff;
    fill: currentColor;
}
.button--warning:hover {
    color: white;
    fill: white;
    background-color: #e2a900;
    border-color: #c89600;
}
.button--warning-o {
    border-color: #c89600;
    color: #c89600;
    fill: currentColor;
}
.button--warning-o:hover {
    color: white;
    fill: white;
    background-color: #e2a900;
    border-color: #c89600;
}
.button--danger {
    background-color: #ff6262;
    border-color: #ff6262;
    color: #fff;
    fill: currentColor;
}
.button--danger:hover {
    color: white;
    fill: white;
    background-color: #ff7c7c;
    border-color: #ff6262;
}
.button--danger-o {
    border-color: #ff6262;
    color: #ff6262;
    fill: currentColor;
}
.button--danger-o:hover {
    color: white;
    fill: white;
    background-color: #ff7c7c;
    border-color: #ff6262;
}
.button--info {
    background-color: #00b3fe;
    border-color: #00b3fe;
    color: #fff;
    fill: currentColor;
}
.button--info:hover {
    color: white;
    fill: white;
    background-color: #19bbff;
    border-color: #00b3fe;
}
.button--info-o {
    border-color: #00b3fe;
    color: #00b3fe;
    fill: currentColor;
}
.button--info-o:hover {
    color: white;
    fill: white;
    background-color: #19bbff;
    border-color: #00b3fe;
}
.button--sm-size {
    font-size: 12px;
}
.button--md-size {
    font-size: 14px;
}
.button--lg-size {
    font-size: 18px;
}
.button--xl-size {
    font-size: 20px;
}
.button--expand-element, .button--expand-text {
    display: block;
    width: 100%}
.button--expand-element+.button, .button--expand-text+.button {
    margin-top: .25em;
}
.button--expand-element {
    text-align: center;
}
.button--expand-element>span {
    display: -webkit-inline-box;
    display: inline-flex;
    vertical-align: middle;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}
.buttons-group {
    display: -webkit-box;
    display: flex;
}
.buttons-group--start {
    -webkit-box-pack: start;
    justify-content: flex-start;
}
.buttons-group--center {
    -webkit-box-pack: center;
    justify-content: center;
}
.buttons-group--end {
    -webkit-box-pack: end;
    justify-content: flex-end;
}
.buttons-group .button {
    border-radius: 0;
    border-left-width: 0;
}
.buttons-group .button:first-child {
    border-left-width: 1px;
    border-top-left-radius: .25em;
    border-bottom-left-radius: .25em;
}
.buttons-group .button:last-child {
    border-top-right-radius: .25em;
    border-bottom-right-radius: .25em;
}
.buttons-group .button--disabled+.button, .buttons-group .button[disabled]+.button {
    border-left-width: 1px;
}
.buttons-group--sm-size .button {
    font-size: 12px;
}
.buttons-group--md-size .button {
    font-size: 14px;
}
.buttons-group--lg-size .button {
    font-size: 18px;
}
.buttons-group--xl-size .button {
    font-size: 20px;
}
.content-image {
    position: relative;
}
.content-image--width-1200-and-more {
    display: block;
    float: none!important;
    margin-left: auto!important;
    margin-right: auto!important;
}
.view-text--article .content-image--width-600-and-more {
    display: block;
    float: none!important;
    margin-left: auto!important;
    margin-right: auto!important;
}
.sitemap {
    max-width: 768px;
    padding: 1rem;
    background-color: #f6f7f9;
    position: relative;
    font-size: 1rem;
    margin-bottom: 1.5rem;
}
.sitemap ul {
    list-style: none;
    padding: 0 0 0 2em;
    margin: 0;
}
.sitemap li {
    list-style: none;
    line-height: 1.4em;
}
.sitemap a {
    padding: .2em 1em .2em .5em;
    display: block;
    color: #00e;
}
.sitemap a:visited {
    color: #0e00ad;
}
.sitemap a:hover {
    color: #f34;
    background-color: rgba(0, 0, 0, .035);
}
.sitemap a:active {
    color: #000;
    background-color: rgba(0, 0, 0, .035);
}
.sitemap>ul {
    padding: 0;
    margin: 1em 0;
    position: relative;
    overflow: hidden;
}
.sitemap>ul>li>ul {
    padding-left: 0;
}
.sitemap>ul ul {
    list-style: none;
    padding: 0 0 0 2em;
    margin: 0;
}
.sitemap>ul ul li {
    position: relative;
    margin: .1em 0;
}
.sitemap>ul ul li:hover {
    background-color: rgba(0, 0, 0, .035);
}
.sitemap>ul ul li a {
    position: relative;
    padding-left: 2.5em;
}
.sitemap>ul ul li a:before, .sitemap>ul ul li a:after {
    content: '';
    position: absolute;
    top: .2em;
    width: 1600px;
    height: 1.4em;
    text-align: right;
    opacity: .3;
    background: transparent repeat-x center right;
}
.sitemap>ul ul li a:before {
    left: 0;
    width: 2em;
    background-image: url(pic/sitemap-start.svg);
}
.sitemap>ul ul li a:after {
    right: 100%;
    background-image: url(pic/sitemap-middle.svg);
}
.sitemap>ul ul li:last-child>a:only-child:before {
    background-image: url(pic/sitemap-end.svg);
}
.breadcrumbs {
    width: 100%;
    display: table;
    font-size: 0;
    line-height: 0;
    margin: 1rem 0;
    font-size: 1rem;
}
.breadcrumbs a {
    color: #f00;
    text-decoration: underline;
}
.breadcrumbs span {
    color: #000;
    display: inline-block;
    vertical-align: top;
    font-size: 1em;
    line-height: 1.4;
    margin-right: .5em;
}
.breadcrumbs span:before {
    margin-right: .5em;
    content: '/';
    display: inline-block;
    vertical-align: top;
}
.breadcrumbs span:first-child:before {
    display: none;
}
.view-text {
    color: inherit;
    position: relative;
    font-size: 1rem;
    line-height: 1.5;
}
.view-text blockquote>:first-child, .view-text>:first-child {
    margin-top: 0;
}
.view-text blockquote>:last-child, .view-text>:last-child {
    margin-bottom: 0;
}
.view-text h1, .view-text h2, .view-text h3, .view-text h4, .view-text h5, .view-text h6 {
    clear: both;
    line-height: 1.25;
    font-weight: 700;
    margin: 1.4em 0 1rem;
}
.view-text h1 {
    font-size: 2.5em;
}
.view-text h2 {
    font-size: 2.25em;
}
.view-text h3 {
    font-size: 1.75em;
}
.view-text h4 {
    font-size: 1.5em;
}
.view-text h5 {
    font-size: 1.25em;
}
.view-text h6 {
    font-size: 1em;
}
.view-text p, .view-text ul, .view-text ol, .view-text hr, .view-text dl, .view-text pre, .view-text address, .view-text blockquote, .view-text table {
    margin: 1em 0;
}
.view-text .table-wrapper, .view-text .media-wrapper {
    margin: 1em auto;
}
.view-text blockquote {
    padding: 1em 1.5em;
    background-color: #f7f8e2;
}
.view-text hr {
    clear: both;
    border-width: 0;
    border-top-width: 1px;
}
.view-text ul, .view-text ol {
    padding-left: 1.5em;
}
.view-text dd {
    margin-left: 1.5em;
}
.view-text dt {
    font-weight: 700;
}
.view-text dd+dt {
    margin: 1em 0 0;
}
.view-text pre, .view-text code, .view-text kbd, .view-text samp {
    font-style: normal;
    font-weight: 400;
    font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
}
.view-text pre {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    padding: 1em 1.5em;
    background-color: #f5f5f5;
}
.view-text code, .view-text kbd, .view-text samp {
    padding: 0 .4em;
}
.view-text code {
    background-color: #f5f5f5;
}
.view-text kbd {
    background-color: #e1f0fa;
}
.view-text samp {
    background-color: #f7f8e2;
}
.view-text iframe {
    border-width: 0;
}
.view-text audio {
    width: 100%}
.view-text audio[controls] {
    display: block;
}
.view-text .media-wrapper__holder {
    background-color: #f5f5f5;
    position: relative;
}
.view-text .media-wrapper__holder iframe, .view-text .media-wrapper__holder video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.view-text table {
    width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #ddd;
}
.view-text caption {
    margin-bottom: .5em;
    caption-side: top;
}
.view-text tbody, .view-text tfoot, .view-text thead, .view-text tr, .view-text th, .view-text td {
    border: inherit;
}
.view-text th, .view-text td {
    padding: .5em;
    text-align: left;
    vertical-align: top;
}
.view-text th {
    font-weight: 700;
    text-align: center;
    background-color: #f5f5f5;
}
.view-text .table-null, .view-text .table-null th, .view-text .table-null td {
    border-color: transparent;
}
.view-text .table-null th {
    background: transparent;
}
.view-text .table-zebra, .view-text .table-zebra th, .view-text .table-zebra td {
    border-color: transparent;
}
.view-text .table-zebra th {
    background: transparent;
}
.view-text .table-zebra tr:nth-child(odd) {
    background-color: #f5f5f5;
}
.view-text a {
    color: #43f;
}
.view-text a:visited {
    color: #0e00ad;
}
.view-text a:hover {
    color: #f34;
}
.view-text a:active {
    color: #000;
}
.view-text b, .view-text strong {
    font-weight: 700;
}
.view-text i, .view-text cite, .view-text em, .view-text var, .view-text address, .view-text dfn, .view-text caption {
    font-style: italic;
}
.view-text abbr[title], .view-text dfn[title] {
    text-decoration: none;
    border-bottom: 1px dotted;
    cursor: help;
}
.view-text--article>p, .view-text--article>h1, .view-text--article>h2, .view-text--article>h3, .view-text--article>h4, .view-text--article>h5, .view-text--article>h6, .view-text--article>hr, .view-text--article>ul, .view-text--article>ol, .view-text--article>dl, .view-text--article>audio, .view-text--article>address {
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
}
.zoom-in .view__hidden {
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: scale(.8);
    transform: scale(.8);
}
.zoom-in.mfp-ready .view__hidden {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.zoom-in.mfp-removing .view__hidden {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    opacity: 0;
}
.zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
}
.zoom-in.mfp-ready.mfp-bg {
    opacity: .8;
}
.zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}
.form {
    position: relative;
    font-size: 1rem;
}
.form__group {
    display: block;
    position: relative;
    margin: 0 0 1.6rem;
}
.form__group .form__group {
    margin: 0 0 .8rem;
}
.form__label {
    cursor: default;
    display: inline-block;
    vertical-align: top;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: .4rem;
}
.form__caption {
    font-size: .8em;
    margin-bottom: .4em;
}
.form__info {
    display: none;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    font-size: .7em;
    background-color: #000;
    color: #fff;
    padding: .1em .3em;
}
input:focus~.form__info, textarea:focus~.form__info, select:focus~.form__info {
    display: block;
}
label.form__label {
    cursor: pointer;
}
.control-holder {
    position: relative;
}
.control-holder label.has-error {
    display: inline-block;
    vertical-align: top;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: .75em;
    line-height: 1em;
    padding: .1em .5em;
    background-color: #000;
    color: #fff;
}
.control-holder--text input, .control-holder--text textarea, .control-holder--text select {
    display: block;
    width: 100%;
    line-height: calc(1.75em - 2px);
}
.control-holder--text textarea {
    resize: vertical;
    min-height: 7em;
    max-height: 18em;
}
.control-holder--text-sm-size input, .control-holder--text-sm-size textarea, .control-holder--text-sm-size select {
    font-size: 12px;
}
.control-holder--text-md-size input, .control-holder--text-md-size textarea, .control-holder--text-md-size select {
    font-size: 14px;
}
.control-holder--text-lg-size input, .control-holder--text-lg-size textarea, .control-holder--text-lg-size select {
    font-size: 18px;
}
.control-holder--text-xl-size input, .control-holder--text-xl-size textarea, .control-holder--text-xl-size select {
    font-size: 20px;
}
.control-holder--flag label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 1em;
    cursor: pointer;
    position: relative;
    z-index: 1;
}
.control-holder--flag label:only-child, .control-holder--flag label.has-error {
    cursor: default;
    margin-right: 0;
}
.control-holder--flag ins {
    position: relative;
    display: inline-block;
    vertical-align: text-bottom;
    width: 1.2em;
    height: 1.2em;
    background-color: #fff;
    border: 1px solid;
}
.control-holder--flag input {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    z-index: -1;
}
.control-holder--flag input[type=radio]~ins {
    border-radius: 50%}
.control-holder--flag input:checked~ins {
    background-color: #000;
    box-shadow: inset 0 0 0 3px #fff;
}
.control-holder--flag input:disabled~ins, .control-holder--flag input:disabled~span {
    opacity: .5;
    cursor: not-allowed;
}
.control-holder--file label {
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.control-holder--file input {
    position: absolute;
    outline: none;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
}
.control-holder--file ._ellipsis {
    max-width: 200px;
    width: auto;
    display: inline-block;
    vertical-align: top;
}
.ui__form {
    padding: 100px 0;
    max-width: 600px;
    margin: 0 auto;
}
body.has-dim {
    overflow: hidden;
}
body.has-dim .view__dim {
    opacity: 1;
    visibility: visible;
}
.view {
    position: relative;
    min-height: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    font-family: MuseoSansCyrl, sans-serif;
    font-weight: 400;
}
.view__main {
    -webkit-box-flex: 1;
    flex-grow: 1;
}
.view__main--internal {
    background: #f6f6f8;
    /*padding: 60px 0 55px;*/
}
.view__size {
    max-width: 1258px;
    padding: 0 10px;
    margin: 0 auto;
}
.view__size:after {
    content: '';
    clear: both;
    display: block;
    height: 0;
}
.view__size--xl {
    max-width: 1721px;
}
.view__size--lgx {
    max-width: 1403px;
}
.view__size--lg2 {
    /*max-width: 1320px;*/
	    width: 80%;
}
.view__size--lg {
    max-width: 991px;
}
.view__hidden {
    position: relative;
    padding: 2rem;
    margin: 1.2rem auto;
    background-color: #fff;
    width: 96%;
    max-width: 1024px;
    font-family: MuseoSansCyrl, sans-serif;
    font-weight: 400;
}
.view__hidden--lg {
    max-width: 1280px;
}
.view__hidden--def {
    max-width: 1200px;
}
.view__hidden--md {
    max-width: 768px;
}
.view__hidden--sm {
    max-width: 480px;
}
.view__hidden--strip {
    background: none;
    padding: 0;
}
.view__hidden--callback {
    max-width: 665px;
    padding: 20px;
    background: rgba(29, 42, 56, .5);
}
.view__hidden--callback textarea {
    background: transparent!important;
    color: #8e9aa5!important;
    border: 1px solid #8e9aa5!important;
}
.view__hidden--no-gap {
    padding: 0;
}
.view__hidden ._show-in--hidden-wrapper {
    display: block;
}
.view__hidden .benefit__title {
    font-size: 2.1875rem;
    color: #fff;
}
.view__hidden--order .form__line input {
    font-size: 14px!important;
}
.view__dim {
    display: -webkit-box;
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .7);
    opacity: 0;
    visibility: hidden;
}
.view__canvas {
    position: relative;
}
.view__canvas>section {
    position: relative;
    z-index: 1;
}
.view__canvas--bg1 {
    background: #e8e9eb;
}
.view__canvas--bg1 .view__section--type1 {
    background: transparent;
}
.view__bg {
    position: relative;
}
.view__section {
    padding: 70px 0;
}
.view__section--type1 {
    background: #f6f6f8;
}
.view__section--type2 {
    background: #fff url(pic/floors_2.jpg) bottom right no-repeat;
}
.view__section--plant {
    background: #f6f6f8 url(pic/plant.jpg) center right no-repeat;
}
.view__section--individual {
    min-height: 950px;
    background: #f6f6f8 url(pic/individual_bg.png) center bottom no-repeat;
}
.view__section--individual .lighting__text {
    background: rgba(246, 246, 248, .6);
}
.view__section--documentation {
    background: #f6f6f8;
}
.view__section--documentation .view-text {
    padding: 0 30px;
    max-width: 520px;
}
.view__section--step {
    padding: 0 0 40px;
    background: #d8dbec url(pic/step_bg.jpg) center top no-repeat;
}
.view__section--sistem {
    background: #f6f6f8;
}
.view__anchor {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, .7);
    position: fixed;
    z-index: 9;
    bottom: 20px;
    right: 20px;
    display: none;
    border-radius: 9px;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.view__anchor:hover {
    background: rgba(255, 255, 255, .9);
    border-radius: 50%;
    cursor: pointer;
}
.view__anchor[data-path=""] {
    display: none;
}
.view__anchor[data-path=up] {
    display: block;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
.view__anchor[data-path=down] {
    display: block;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.view__anchor.-block {
    bottom: 10px;
    left: 50%;
    margin-left: -20px;
    border: 1px solid #333;
}
.view__anchor-link {
    display: block;
    height: 100%;
    width: 100%}
.view__anchor-link:before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    top: 16px;
    left: 13px;
    opacity: .5;
    position: absolute;
    background: none;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.view__siteMap {
    background: #f6f7f9;
    height: 100%}
.view__siteMap:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #f6f7f9;
    z-index: 0;
    position: absolute;
}
.view__siteMap .widget {
    position: relative;
    z-index: 1;
}
.is-fix {
    position: fixed!important;
    z-index: 5;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    max-width: 100%}
.js-textShow {
    display: none;
}
.mfp-close {
    width: 44px;
    height: 44px;
    right: 20px;
    top: 20px;
    color: #fff!important;
    font-size: 33px;
}
.mfp-close:active {
    top: 18px;
}
.has-active[data-tabcontent] {
    display: block;
}
[data-tabcontent] {
    display: none;
}
.grid__sizer {
    width: 25%}
.mfp-image-holder .mfp-close {
    top: 7px;
}
.large-header {
    position: relative;
    width: 100%;
    background: #333;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    z-index: 1;
    height: 692px;
}
.js-stars {
    position: absolute;
    z-index: 0;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}
.header {
    display: none;
    min-height: 766px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center bottom;
}
.header--internal {
    min-height: 333px;
}
.header--internal>.grid {
    position: relative;
    z-index: 2;
    height: 333px;
    padding-top: 60px;
}
.header__internal {
    position: absolute;
    z-index: 5;
    top: 0;
    width: 100%;
    left: 0;
    max-width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}
.header>.grid {
    position: relative;
    z-index: 2;
}
.header__top {
    height: 63px;
    display: -webkit-box;
    display: flex;
    position: relative;
    z-index: 2;
    max-width: 1721px;
    width: 100%;
    -webkit-box-align: stretch;
    align-items: stretch;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .4);
    background: #f2f3f5;
    background: -webkit-linear-gradient(top, #f2f3f5 0, #cecfd1 82%, #f0f2f3 100%);
    background: linear-gradient(to bottom, #f2f3f5 0, #cecfd1 82%, #f0f2f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f3f5', endColorstr='#f0f2f3', GradientType=0);
}
.header__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    left: 0;
    top: 0;
    background: #2a8be9;
    background: -webkit-linear-gradient(left, #2a8be9 0, #5fc5ff 100%);
    background: linear-gradient(to right, #2a8be9 0, #5fc5ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a8be9', endColorstr='#5fc5ff', GradientType=1);
}
.header__bg-img {
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 2;
    background: url(pic/header_bg_lg.png) center bottom no-repeat;
}
.header__cloud {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    height: 100%;
    -webkit-animation: could 120s infinite linear;
    animation: could 120s infinite linear;
    background: url(pic/header_could.png) center top no-repeat;
}
.header__menu {
    -webkit-box-flex: 1;
    flex-grow: 1;
}
.header__calc {
    width: 200px;
    background: #017fd4;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-decoration: none;
    -webkit-transition: none;
    transition: none;
}
.header__calc span {
    font-weight: 700;
    display: inline-block;
    padding: 0 5px;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 2px 5px rgba(0, 0, 0, .4);
}
.header__calc:hover {
    background: #034dac;
    background: -webkit-linear-gradient(top, #034dac 0, #11406a 100%);
    background: linear-gradient(to bottom, #034dac 0, #11406a 100%);
}
.header__option {
    position: fixed;
    z-index: 3;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.header__option-list {
    width: 66px;
}
.header__option-item {
    display: block;
    width: 265px;
    margin-bottom: 6px;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.header__option-item:hover {
    background: #f8c433;
    -webkit-transform: translateX(-195px);
    transform: translateX(-195px);
}
.header__option-link {
    display: -webkit-box;
    display: flex;
    width: 265px;
    height: 66px;
    -webkit-box-align: center;
    align-items: center;
    background: rgba(29, 42, 56, .8);
}
.header__option-link svg {
    fill: #fff;
}
.header__option-link:hover {
    background: #f8c433;
}
.header__option-link i {
    width: 66px;
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.header__option-link span {
    display: inline-block;
    padding: 5px 10px;
    font-size: 15px;
    color: #fff;
}
.header__logo {
    display: block;
}
.header__logo svg {
    fill: #054aa9;
}
.header__logo:hover {
    opacity: .8;
}
.header__item {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}
.header__info {
    font-size: 15px;
    line-height: 21px;
    max-width: 230px;
}
.header__info p {
    margin: 0;
    color: #000;
}
.header__mail {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}
.header__mail svg {
    fill: #017fd4;
}
.header__mail a {
    color: #017fd4;
    display: inline-block;
    padding-left: 5px;
}
.header__mail a:hover {
    text-decoration: underline;
}
.header__tel {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 10px;
}
.header__tel svg {
    fill: #017fd4;
}
.header__tel-links {
    padding-left: 10px;
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
}
.header__tel-links a {
    display: block;
    color: #000;
}
.header__tel-links a:hover {
    color: #017fd4;
}
.header__tel-links span {
    font-weight: 700;
}
.header__block {
    position: relative;
    max-width: 450px;
    width: 100%;
    margin-top: 60px;
}
.header__wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: -20px;
    top: -10px;
    background: rgba(29, 42, 56, .8);
    -webkit-transform: perspective(600px) rotate3d(-1, 3, 1, -15deg);
    transform: perspective(600px) rotate3d(-1, 3, 1, -15deg);
}
.header__wrap:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: -10px;
    top: 10px;
    border: 3px solid #fff;
}
.header__text {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    flex-wrap: wrap;
    padding: 20px 30px 30px;
    -webkit-transform: translateZ(700px);
    transform: translateZ(700px);
}
.header__text-info1 {
    max-width: 207px;
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.4em;
    height: 2.8em;
    overflow: hidden;
    margin-bottom: 10px;
}
.header__text-info2 {
    font-size: 34px;
    width: 100%;
    line-height: 1.2em;
    color: #fff;
    font-weight: 100;
    max-height: 3.6em;
    overflow: hidden;
}
.header__text-info2 span {
    font-size: 38px;
    color: #017fd4;
    display: block;
    font-weight: 700;
}
@-webkit-keyframes could {
    from {
    background-position: center right;
}
to {
    background-position: center left;
}
}@keyframes could {
    from {
    background-position: center right;
}
to {
    background-position: center left;
}
}.footer__contact {
    position: relative;
    height: 420px;
}
.footer__map {
    background: #333;
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 1;
}
.footer__content {
    width: 100%;
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    height: 100%;
    padding: 45px 0 25px;
    background: -webkit-linear-gradient(top, rgba(29, 42, 56, 0) 0, rgba(29, 42, 56, 0) 42%, rgba(29, 42, 56, .58) 84%, rgba(29, 42, 56, .8) 100%);
    background: linear-gradient(to bottom, rgba(29, 42, 56, 0) 0, rgba(29, 42, 56, 0) 42%, rgba(29, 42, 56, .58) 84%, rgba(29, 42, 56, .8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001d2a38', endColorstr='#cc1d2a38', GradientType=0);
}
.footer__content .view__size {
    height: 100%}
.footer__content .view__size>.grid {
    height: 100%}
.footer__title {
    font-size: 36px;
    margin: 0 0 10px;
    color: #1d2a38;
    font-weight: 700;
}
.footer__item {
    padding-top: 30px;
    position: relative;
    font-size: 15px;
    line-height: 21px;
    color: #fff;
}
.footer__item p {
    margin: 0;
}
.footer__item:before {
    content: '';
    width: 60px;
    height: 2px;
    background: #017fd4;
    position: absolute;
    top: 0;
    left: 0;
}
.footer__item--tel {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
}
.footer__item--tel svg {
    fill: #017fd4;
}
.footer__tel {
    padding: 0 15px 0 10px;
}
.footer__tel a {
    display: block;
    color: #fff;
}
.footer__tel a:hover {
    color: #017fd4;
}
.footer__mail {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}
.footer__mail svg {
    fill: #017fd4;
}
.footer__mail a {
    display: inline-block;
    padding-left: 5px;
    color: #fff;
}
.footer__mail a:hover {
    color: #017fd4;
}
.footer__map {
    position: relative;
}
.footer__main {
    background: #1d2a38;
}
.footer__menu {
    border-bottom: 2px solid #4a5560;
    padding: 22px;
}
.footer__menu .menu__list>li>a {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    color: rgba(255, 255, 255, .5);
    -webkit-transition: all .3s;
    transition: all .3s;
}
.footer__menu .menu__list>li>a.has-active {
    display: none;
}
.footer__menu .menu__list>li>a:hover {
    color: #017fd4;
    background: none;
}
.footer__logo {
    display: -webkit-box;
    display: flex;
}
.footer__logo a {
    display: block;
}
.footer__logo a:hover svg {
    fill: #f8c433;
}
.footer__logo svg {
    fill: #fff;
}
.footer__logo-text {
    padding-left: 20px;
    max-width: 320px;
    color: #fff;
    font-size: 13px;
    line-height: 18px;
}
.footer__author {
    display: -webkit-box;
    display: flex;
}
.footer__author>a {
    display: block;
    padding-top: 5px;
}
.footer__author svg {
    fill: #017fd4;
}
.footer__author-text {
    padding-left: 20px;
    color: #90898f;
    font-size: 13px;
    line-height: 18px;
    max-width: 190px;
}
.footer__author-text a {
    color: #017fd4;
}
.footer__author-text a:hover {
    text-decoration: underline;
}
.mobile {
    left: 0;
    top: 0;
    width: 100%;
    position: relative;
    display: block;
}
.mobile.has-menu .mobile__wrap {
    -webkit-transform: translate(0);
    transform: translate(0);
}
.mobile__head {
    min-height: 45px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    background: #333;
    -webkit-box-align: center;
    align-items: center;
    padding: 5px 10px 5px 20px;
    background: #034dac;
    background: -webkit-linear-gradient(top, #034dac 0, #11406a 100%);
    background: linear-gradient(to bottom, #034dac 0, #11406a 100%);
}
.mobile__logo svg {
    fill: #fff;
}
.mobile__logo--menu {
    text-align: center;
}
.mobile__center {
    color: #fff;
}
.mobile__center .button i {
    display: none;
}
.mobile__center .button span {
    display: inline-block;
}
.mobile__button {
    display: none;
    position: relative;
    top: 0;
    right: 0;
    overflow: hidden;
    z-index: 150;
    padding: 0;
    width: 45px;
    height: 45px;
    font-size: 0;
    border-radius: 10px;
    border: none;
    background: none;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.mobile__button:focus {
    outline: none;
}
.mobile__button span {
    display: block;
    position: absolute;
    left: 10px;
    right: 10px;
    height: 4px;
    background: #fff;
    top: 22px;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.mobile__button span:before {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #fff;
    content: "";
    top: -7px;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.mobile__button span:after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #fff;
    content: "";
    bottom: -7px;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.mobile__button.has-active span {
    background: none;
}
.mobile__button.has-active span:before {
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.mobile__button.has-active span:after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.mobile__wrap {
    width: 320px;
    height: 100%;
    background: #000;
    position: fixed;
    z-index: 15;
    box-sizing: border-box;
    top: 0;
    left: 0;
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
    -webkit-transition: all .5s;
    transition: all .5s;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.mobile__scroll {
    height: 100%;
    overflow-y: scroll;
}
.mobile__top {
    height: 50px;
    background: #000;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    padding: 10px;
}
.mobile__bottom {
    height: 50px;
    background: #ccc;
    bottom: 0;
    left: 0;
    width: 100%;
    position: absolute;
    z-index: 2;
}
.mobile__content {
    -webkit-box-flex: 1;
    flex-grow: 1;
    position: relative;
    overflow-y: scroll;
    z-index: 1;
    padding: 10px 0;
    height: 100%;
    box-sizing: border-box;
}
.title {
    font-size: 2rem;
    font-weight: 700;
    position: relative;
    text-align: center;
    max-width: 800px;
    margin: 0 auto 50px;
}
.title--line {
    padding-bottom: 25px;
}
.title--line:before {
    content: '';
    width: 85px;
    height: 3px;
    background: #017fd4;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.title--section {
    font-size: 19px;
    font-weight: 900;
    margin-bottom: 30px;
    text-transform: uppercase;
    color: #017fd4;
}
.title--info {
    font-size: 2.5rem;
    color: #3e424d;
    font-weight: 100;
    margin-bottom: 70px;
}
.title--thin {
    font-weight: 100;
}
.title--bold {
    font-weight: 700;
}
.title--h1 {
    text-align: left;
    font-size: 2.875rem;
    margin-bottom: 20px;
}
.title--sm {
    font-size: 21px;
}
.title--left {
    text-align: left;
}
.title--lite {
    color: #fff;
}
.title--lg {
    max-width: 1160px;
}
.title--40 {
    max-width: 1160px;
    font-size: 2.5rem;
}
.button {
    height: 48px;
    line-height: 48px;
    min-width: 215px;
    text-align: center;
    padding: 0;
    border-radius: 20px;
    background: #017fd4;
    border: none;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}
.button span {
    line-height: normal;
    display: -webkit-inline-box;
    display: inline-flex;
    vertical-align: middle;
    padding: 0 25px;
    font-size: 15px;
    width: initial;
    font-weight: 700;
    color: #fff;
    height: initial;
    text-transform: uppercase;
    text-shadow: 0 2px 5px rgba(0, 0, 0, .4);
}
.button:hover {
    box-shadow: inset 0 0 25px rgba(0, 0, 0, .4);
}
.button:focus {
    outline: none;
}
.button--type2 {
    background: transparent;
    border: 1px solid #fff;
}
.button--arrow {
    display: inline-block;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.button--arrow span {
    padding: 0 5px;
}
.button--arrow i {
    line-height: normal;
    vertical-align: middle;
}
.button--arrow svg {
    fill: #fff;
}
.button--type3 {
    border-radius: 0;
    max-width: 370px;
    width: 100%;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .5);
}
.button--submit {
    max-width: 340px;
    width: 100%;
    height: 70px;
    display: block;
    margin: 0 auto;
    line-height: 70px;
    border-radius: 0;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .4);
}
.button--submit span {
    font-size: 25px;
    display: inline-block;
    text-shadow: 0 2px 5px 0 rgba(0, 0, 0, .4);
}
.button--more {
    max-width: 310px;
    width: 100%;
    height: 50px;
    border: 1px solid #dcdcdc;
    background: none;
    box-shadow: none;
}
.button--more span {
    color: #000;
    text-shadow: none;
}
.button--more span.plus {
    font-size: 25px;
    position: relative;
    top: -3px;
}
.button--left {
    margin: 0 auto 0 0;
}
.view-text {
    color: #3e424d;
    font-weight: 300;
}
.view-text h1 {
    font-size: 2.875rem;
    margin: 0;
    margin-bottom: 25px;
    font-weight: 700;
}
.view-text h2 {
    font-size: 1.5625rem;
    margin: 0 0 30px;
    font-weight: 700;
}
.view-text h2 {
    font-size: 1.5625rem;
    margin: 0 0 30px;
    font-weight: 700;
}
.view-text h3 {
    font-size: 1.25rem;
    margin: 0 0 30px;
    font-weight: 700;
}
.view-text p {
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 25px;
    font-weight: 300;
}
.view-text a {
    color: #017fd4;
    text-decoration: underline;
}
.view-text a:hover {
    text-decoration: none;
}
.view-text ul {
    list-style: disc;
    padding-left: 20px;
    list-style: none;
    margin: 0;
    padding: 15px 0;
    margin-bottom: 10px;
}
.view-text li {
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 15px;
    padding-left: 50px;
    padding-top: px;
    padding-bottom: 3px;
    font-weight: 300;
    background: url(pic/list.png) left top no-repeat;
}
.view-text--big p {
    color: #000;
    font-size: 18px;
}
.view-text--big li {
    color: #000;
    font-size: 18px;
    margin-bottom: 30px;
}
.view-text--bg {
    padding: 10px;
    background: rgba(255, 255, 255, .6);
}
.pagination {
    text-align: center;
}
.pagination__wrap {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
}
.pagination__list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.pagination__item {
    text-align: center;
    padding: 0 2px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 5px;
}
.pagination__link {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #000;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px 10px 4px;
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.pagination__link:hover {
    color: #017fd4;
    border: 1px solid #017fd4;
}
.pagination__link.has-disabled {
    pointer-events: none;
    color: #ccc;
}
.pagination__link.has-active {
    color: orange;
    pointer-events: none;
    border: 1px solid orange;
}
.pagination__dots {
    display: block;
    font-size: 14px;
    padding: 5px 0;
}
.breadcrumbs a {
    text-transform: uppercase;
    font-size: 12px;
}
.breadcrumbs a:hover {
    color: #c8c8c8;
}
.breadcrumbs span {
    text-transform: uppercase;
    font-size: 12px;
    color: #c8c8c8;
}
.form__group {
    margin-bottom: 10px;
}
.form__line {
    margin-bottom: 20px;
}
.form__line textarea, .form__line select, .form__line input {
    position: relative;
    vertical-align: top;
    box-sizing: border-box;
    min-height: 46px;
    line-height: 44px;
    padding: .25em .75em;
    border: 1px solid #cbccd1;
    -webkit-transition: .25s ease;
    transition: .25s ease;
    text-decoration: none;
    color: inherit;
    max-width: 100%;
    display: block;
    width: 100%;
    font-size: 15px;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
}
.form__line textarea:focus, .form__line select:focus, .form__line input:focus {
    outline: none;
}
.form__line textarea::-webkit-input-placeholder, .form__line select::-webkit-input-placeholder, .form__line input::-webkit-input-placeholder {
    color: #a1a1a3;
}
.form__line textarea::-moz-placeholder, .form__line select::-moz-placeholder, .form__line input::-moz-placeholder {
    color: #a1a1a3;
}
.form__line textarea:-ms-input-placeholder, .form__line select:-ms-input-placeholder, .form__line input:-ms-input-placeholder {
    color: #a1a1a3;
}
.form__line textarea {
    line-height: 1.4em;
    height: 147px;
}
.form .control-holder label.has-error {
    position: absolute;
    padding: 5px 10px;
    right: 0;
    bottom: -13px;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 10px;
}
.form .control-holder--flag>label {
    display: inline-block;
}
.form .control-holder--file>label {
    max-width: 300px;
    width: 100%}
.form .control-holder--file input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%}
.menu {
    height: 100%}
.menu__list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
}
.menu__list>li {
    -webkit-box-flex: 1;
    flex-grow: 1;
    position: relative;
    text-align: center;
    max-width: 250px;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.menu__list>li:hover>ul {
    opacity: 1;
    visibility: visible;
}
.menu__list>li>a {
    color: #000;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    line-height: 63px;
    min-height: 63px;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0s;
    transition: all 0s;
    background: transparent;
    font-weight: 700;
}
.menu__list>li>a:hover {
    color: #fff;
    background: #034dac;
    background: -webkit-linear-gradient(top, #034dac 0, #11406a 100%);
    background: linear-gradient(to bottom, #034dac 0, #11406a 100%);
}
.menu__list>li>a span {
    padding: 3px;
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
}
.menu__list>li>a.has-active {
    color: #fff;
    pointer-events: none;
    background: #034dac;
    background: -webkit-linear-gradient(top, #034dac 0, #11406a 100%);
    background: linear-gradient(to bottom, #034dac 0, #11406a 100%);
}
.menu__list .menu_sub {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 300px;
    background: rgba(0, 0, 0, .9);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s;
    transition: all .3s;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    padding: 10px 0;
    box-sizing: border-box;
    text-align: left;
}
.menu__list .menu_sub.has-show {
    left: 0;
}
.menu__list .menu_sub.has-left {
    left: auto;
    right: 0;
}
.menu__list .menu_sub ul {
    top: 0;
    left: 100%}
.menu__list .menu_sub ul.has-left {
    left: auto;
    right: 100%}
.menu__list .menu_sub li {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    padding: 10px 20px;
}
.menu__list .menu_sub li:hover>ul {
    opacity: 1;
    visibility: visible;
}
.menu__list .menu_sub a {
    color: #fff;
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.menu__list .menu_sub a:hover {
    color: #e33;
}
.menu__back {
    border-bottom: 1px solid #fff;
    margin-bottom: 5px;
    display: none;
}
.menu .arrow {
    width: 9px;
    height: 9px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative;
    display: none;
}
.menu .arrow:before {
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.slider {
    padding: 0;
    position: relative;
}
.slider--review .slider__item {
    padding: 0 10px 15px;
}
.slider--review {
    padding: 0 10px;
    padding-top: 30px;
}
.slider__list {
    padding: 0;
    margin: 0;
    list-style: none;
}
.slider__item {
    display: inline-block;
}
.slider__item:focus {
    outline: none;
}
.slider__arr {
    width: 114px;
    height: 199px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}
.slider__arr:hover svg {
    fill: #017fd4;
}
.slider__arr svg {
    fill: #999;
}
.slider__arr--prev {
    right: 101%;
    background: url(pic/arr_left.png) center center no-repeat;
    padding-left: 5px;
}
.slider__arr--next {
    left: 101%;
    background: url(pic/arr_right.png) center center no-repeat;
    padding-right: 5px;
}
.tab__list {
    display: -webkit-box;
    display: flex;
}
.tab__link {
    height: 80px;
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex-grow: 1;
    width: 25%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-right: 1px solid #ddd;
}
.tab__link.has-active {
    background: #e9e9ee;
}
.tab__link.has-active span {
    color: #000;
}
.tab__link:hover span {
    color: #017fd4;
}
.tab__link:last-child {
    border-right: none;
}
.tab__link span {
    display: inline-block;
    text-align: center;
    padding: 5px;
    font-size: 17px;
    color: #6a727b;
    text-transform: uppercase;
    font-weight: 900;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.tab__item {
    display: none;
}
.tab__item.has-active {
    display: block;
}
.tabLine__nav {
    display: -webkit-box;
    display: flex;
}
.tabLine__item {
    width: 25%;
    position: relative;
    text-align: center;
    padding: 0 10px;
    height: 75px;
}
.tabLine__item:before {
    content: '';
    display: block;
    width: 50%;
    position: absolute;
    height: 1px;
    background: #fff;
    bottom: 0;
    left: 0;
}
.tabLine__item:after {
    content: '';
    display: block;
    width: 50%;
    position: absolute;
    height: 1px;
    background: #fff;
    bottom: 0;
    right: 0;
}
.tabLine__item:first-child:before {
    display: none;
}
.tabLine__item:last-child:after {
    display: none;
}
.tabLine__link {
    display: inline-block;
    text-align: center;
}
.tabLine__link span {
    color: #7f8690;
    display: inline-block;
    font-size: 17px;
    font-weight: 700;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.tabLine__link:hover span {
    color: #fff;
}
.tabLine__link i {
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 50%;
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    border: 8px solid #fff;
    background: #fff;
}
.tabLine__link.has-active i {
    background: #2e75b4;
    border: 8px solid #fff;
    width: 33px;
    height: 33px;
}
.tabLine__block {
    display: none;
}
.tabLine__block.has-active {
    display: block;
}
.product {
    margin-top: -161px;
    position: relative;
    z-index: 2;
}
.product--four .product__nav {
    max-width: 1300px;
}
.product--four .product__item {
    width: 25%}
.product__nav {
    max-width: 975px;
    width: 100%;
    margin: 0 auto;
}
.product__list {
    margin-left: -10px;
    margin-right: -10px;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
    min-height: 250px;
}
.product__item {
    width: 33.333%;
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}
.product__content {
    position: relative;
    max-width: 310px;
    vertical-align: top;
    width: 100%;
    display: block;
    height: 240px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, .3);
}
.product__content:hover .product__blur {
    height: 100%}
.product__content:hover .product__text {
    height: 100%}
.product__bg {
    display: block;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.product__blur {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    height: 80px;
    overflow: hidden;
    width: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.product__blur span {
    height: 240px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: block;
    position: absolute;
    background: rgba(0, 0, 0, .6);
    left: 0;
    bottom: 0;
    width: 100%}
.product__text {
    position: absolute;
    z-index: 2;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 80px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 10px;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.product__text span {
    text-transform: uppercase;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.4em;
    max-height: 4.2em;
    overflow: hidden;
}
.callback {
    border: 1px dotted #fff;
    padding: 30px;
    text-align: center;
}
.text__news {
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .4);
}
.text__news-title {
    min-height: 66px;
    border-bottom: 2px solid #ddd;
    display: -webkit-box;
    display: flex;
    text-transform: uppercase;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.text__news-title span {
    padding: 5px;
    color: #000;
    font-size: 19px;
    font-weight: 900;
}
.text__news-list {
    padding: 30px 30px 5px;
}
.text__news-item {
    margin-bottom: 35px;
}
.text__news-img {
    display: block;
}
.text__news-name {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3em;
    max-height: 3.9em;
    margin-bottom: 3px;
    overflow: hidden;
    display: block;
    color: #000;
}
.text__news-name:hover {
    color: #f8c433;
}
.text__news--video .text__news-img {
    position: relative;
}
.text__news--video .text__news-img:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 53px;
    height: 31px;
    background: url(pic/video_icon.png) center center no-repeat;
    background-size: 50px 30px;
}
.text__date {
    font-size: 15px;
    color: #6a727b;
    display: inline-block;
    font-weight: 300;
}
.text__content {
    padding: 30px 30px 20px;
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .4);
}
.text__content .title {
    max-width: initial;
}
.text__footer {
    min-height: 80px;
    display: -webkit-box;
    display: flex;
    margin-top: 20px;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #ddd;
    padding: 10px 0;
}
.text__back {
    display: -webkit-box;
    display: flex;
    padding: 10px 0;
    -webkit-box-align: center;
    align-items: center;
}
.text__back svg {
    fill: #017fd4;
}
.text__back span {
    display: inline-block;
    padding: 0 5px;
    color: #017fd4;
    text-decoration: underline;
}
.text__back:hover span {
    text-decoration: none;
    font-weight: 300;
}
.window {
    background: url(pic/materials_section_bg1.png) center bottom no-repeat;
    padding-bottom: 220px;
}
.window__tab {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
}
.window__tab--type1 .window__link span {
    font-size: 24px;
    color: #000;
}
.window__nav {
    width: 30%;
    padding-right: 44px;
    overflow: hidden;
}
.window__nav--last {
    padding-left: 44px;
    padding-right: 0;
}
.window__nav--last .window__link {
    padding-left: 40px;
    padding-right: 0;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: left;
}
.window__nav--last .window__link:before {
    left: 0;
    right: auto;
}
.window__nav--last .window__link.has-active {
    padding-left: 45px;
    padding-right: 0;
}
.window__nav--last .window__link.has-active:before {
    left: -10px;
}
.window__nav--last .window__link.has-active:after {
    right: 100%;
    left: auto;
}
.window__wrap {
    width: 40%;
    position: relative;
    z-index: 2;
    height: 355px;
    border: 5px solid #017fd4;
}
.window__content {
    height: 100%}
.window__img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    box-shadow: 0 5px 25px rgba(0, 0, 0, .6);
}
.window__item {
    margin-bottom: 33px;
}
.window__link {
    padding-right: 40px;
    min-height: 50px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    text-align: right;
    -webkit-box-pack: end;
    justify-content: flex-end;
    position: relative;
}
.window__link:before {
    content: '';
    display: block;
    width: 26px;
    height: 26px;
    right: 0;
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(pic/list.png) center right no-repeat;
}
.window__link:after {
    content: '';
    width: 100px;
    height: 2px;
    background: #017fd4;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 100%;
    display: none;
}
.window__link:hover span {
    color: #017fd4;
}
.window__link.has-active {
    color: #017fd4;
    padding-right: 45px;
}
.window__link.has-active:after {
    display: block;
}
.window__link.has-active:before {
    right: -10px;
    width: 48px;
    height: 48px;
    background: url(pic/list2.png) center right no-repeat;
}
.window__link.has-active span {
    color: #017fd4;
}
.window__link span {
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    line-height: 1.4em;
    overflow: hidden;
}
.buildTab {
    background: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .5);
}
.buildTab .tabLine__nav {
    padding-top: 60px;
}
.buildTab .tabLine__item:after {
    background: #d2d5e1;
}
.buildTab .tabLine__item:before {
    background: #d2d5e1;
}
.buildTab .tabLine__link span {
    color: #7f8690;
    line-height: normal;
}
.buildTab .tabLine__link i {
    border: 1px solid #d2d5e1;
}
.buildTab .tabLine__link:hover span {
    color: #000;
}
.buildTab .tabLine__link.has-active i {
    width: 32px;
    height: 32px;
    bottom: -4px;
    border: 1px solid #d2d5e1;
    background: #fff;
    position: relative;
}
.buildTab .tabLine__link.has-active i:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: #2e75b4;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.buildTab__wrap {
    padding-top: 60px;
}
.buildTab__content {
    padding: 0 15px 0 75px;
}
.buildTab__content .benefits__item {
    -webkit-box-pack: start;
    justify-content: flex-start;
    padding-right: 60px;
    -webkit-box-align: start;
    align-items: flex-start;
}
.buildTab__content .benefits__info {
    max-width: 100%;
    max-height: initial;
}
.buildTab__content .benefits__img {
    flex-shrink: 0;
}
.buildTab__footer {
    border-top: 1px solid #d2d5e1;
    padding: 40px 15px 40px 0;
}
.sistem {
    padding: 60px 0;
    background: #f6f6f8;
}
.sistem__item {
    display: block;
    margin-bottom: 30px;
}
.sistem__img {
    display: block;
    height: 200px;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.sistem__img:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 90px;
    height: 63px;
    background-size: 90px 63px;
    background: url(pic/youtube_icon.png) 0 0 no-repeat;
}
.sistem__img:after {
    content: '';
    display: block;
    top: -1px;
    right: -1px;
    height: 61px;
    width: 61px;
    position: absolute;
    background: url(pic/youtube.png) 0 0 no-repeat;
}
.sistem__text {
    height: 80px;
    display: -webkit-box;
    display: flex;
    background: #efefef;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 5px;
}
.sistem__text span {
    font-size: 16px;
    line-height: 18px;
    max-height: 36px;
    overflow: hidden;
    text-align: center;
    color: #000;
}
.sistem .benefits__info {
    max-width: 360px;
    padding-bottom: 20px;
}
.color__main {
    margin-bottom: 25px;
}
.color__main-item {
    margin-bottom: 5px;
    border: 2px solid #cacbd0;
}
.color__head {
    height: 42px;
    display: -webkit-box;
    display: flex;
    padding: 5px 10px 5px 15px;
    -webkit-box-align: center;
    align-items: center;
    background: #f7f7f9;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.color__head.has-active {
    background: #fff;
    pointer-events: none;
}
.color__head.has-active i {
    background: url(pic/calc/arr_op.png) center center no-repeat;
}
.color__head span {
    display: inline-block;
    font-size: 15px;
    color: #5a5a5b;
}
.color__head i {
    width: 30px;
    display: block;
    border-radius: 50%;
    height: 30px;
    background: url(pic/calc/arr_cl.png) center center no-repeat;
}
.color__head:hover span {
    color: #017fd4;
}
.color__content {
    display: none;
    padding: 0 5px;
}
.color__content.has-open {
    display: block;
}
.color__item {
    width: 80px;
    display: inline-block;
    vertical-align: top;
    padding: 10px 5px;
    text-align: center;
}
.color__img {
    width: 44px;
    cursor: pointer;
    height: 44px;
    display: inline-block;
    margin-bottom: 10px;
    border: 1px solid #fff;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .4);
}
.color__img:hover+.color__name {
    color: #017fd4;
}
.color__name {
    font-size: 15px;
    -webkit-transition: all .3s;
    transition: all .3s;
    display: block;
    text-align: center;
    color: #a0a0a1;
}
.size {
    margin-bottom: 100px;
}
.size__form {
    border: 4px solid #fec107;
    padding: 35px;
    position: relative;
	    height: 460px;
}
.size__title {
    max-width: 400px;
    width: 100%;
    padding: 0 10px;
    text-align: center;
    position: absolute;
    background: #fff;
    left: 30%;
    top: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.size__title span {
    font-size: 21px;
    color: #000;
    display: inline-block;
    
}
.size__footer {
    max-width: 530px;
    width: 260px;
    background: #fff;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 37%;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
}

.size__button {
	    border: 3px solid #fec107;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background: #017fd4;
    max-width: 480px;
    width: 100%;
    height: 65px;
    padding: 0 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .3);
}
.size__button:hover {
    box-shadow: inset 0 0 40px rgba(0, 0, 0, .4);
}
.size__button svg {
    fill: #fff;
}
.size__button span {
    font-size: 25px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    
    display: inline-block;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .4);
}
.size__information {
    font-size: 13px;
    color: #a0a0a1;
    margin-bottom: 10px;
}
.size__line {
    margin-bottom: 15px;
    position: relative;
}
.size__line select[disabled] {
    color: #017fd4;
}
.size__line.has-arror:after {
    content: attr(data-error);
    display: block;
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
	font-style:italic;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    font-size: 13px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    padding: 3px 10px;
    color: red;
}
.size__line.has-arror .size__input {
    position: relative;
    z-index: 1;
    border: 1px solid #017fd4;
}
.size__name {
    font-size: 15px;
    color: #0000ec;
    margin-bottom: 5px;
}
.size__input {
    height: 44px;
    width: 100%;
    padding: 0 10px;
    line-height: 42px;
    border: 1px solid #cacbd0;
    box-shadow: 0 3px 4px rgba(0, 0, 0, .2);
    font-size: 15px;
    color: #5a5a5b;
}
.size__input:focus {
    outline: none;
}
.size__input::-webkit-input-placeholder {
    color: #b4b4b4;
}
.size__input::-moz-placeholder {
    color: #b4b4b4;
}
.size__input:-ms-input-placeholder {
    color: #b4b4b4;
}
.size__result {
    padding: 0 5px;
    
	    text-align: center;
}
.size__result-num {
    color: #017fd4;
    font-size: 1.5625rem;
    display: inline-block;
    font-weight: 700;
}
.size__result-num span {
    font-size: 2.0625rem;
}
.size__result-text {
    font-size: 15px;
    color: #5a5a5b;
}
.result {
    display: none;
}
.result__wrap {
    margin-bottom: 60px;
}
.result__mainTitle {
    color: #000;
    font-size: 2em;
    text-align: center;
    margin-bottom: 50px;
    text-transform: uppercase;
}
.result__total {
    text-align: center;
    color: #ff8c00;
    font-size: 1.5rem;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.result__total span {
    font-size: 1.125rem;
}
.result__total-num {
       font-size: 3rem!important;
    font-weight: 600;
}
.result__list {
        display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
	    margin-bottom: 50px;
}
.result__item {
    min-width: 40%;
    padding: 0 15px;
    margin-right: 20px;
    margin-bottom: 20px;
    height: 100px;
    display: flex ;
flex-direction: row ;
flex-wrap: wrap ;
justify-content: center ;
align-items: center ;
align-content: center ;
    background: #f7f7f9;
    border: 1px solid #cacbd0;
}
.result__item .size__result {
    text-align: center;
}
.result__table-title {
    text-align: center;
    line-height: 46px;
    min-height: 56px;
    padding: 5px 0;
    margin: 0;
}
.result__table-title span {
    font-size: 19px;
    display: inline-block;
    line-height: normal;
    text-transform: uppercase;
    vertical-align: middle;
    font-weight: 900;
}
.result__tr {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    height: 46px;
    -webkit-box-align: center;
    align-items: center;
    background: #f5f5f5;
}
.result__tr:nth-of-type(2n) {
    background: #ebebeb;
}
.result__tr--th {
    margin-bottom: 15px;
}
.result__tr--th .result__td {
    font-weight: 700;
    color: #000;
}
.result__tr--th .result__td--units {
    position: relative;
    left: -24px;
}
.result__tr--th .result__td--price {
    overflow: visible;
}
.result__td {
    text-align: center;
    font-size: 16px;
    color: #000;
}
.result__td--num {
    width: 10%}
.result__td--parameter {
    width: 40%;
    text-align: left;
}
.result__td--units {
    width: 16%}
.result__td--scope {
    width: 11%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.result__td--price {
    width: 11%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.result__td--amount {
    width: 11%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.typography {
    padding: 100px 0;
}
.designing {
    padding: 1px 0 50px;
    min-height: 1000px;
    z-index: 2!important;
    background: url(pic/build_bg.png) center top no-repeat;
}
.designing__title1 {
    font-size: 19px;
    font-weight: 900;
    margin-bottom: 20px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}
.designing__title2 {
    font-size: 2.5rem;
    line-height: 1.4em;
    max-height: 4.2em;
    color: #fff;
    text-align: center;
    font-weight: 100;
    margin-bottom: 40px;
    overflow: hidden;
}
.designing__content {
    max-width: 475px;
    padding-top: 50px;
    margin: 0 auto 50px 100px;
}
.designing__content p {
    margin: 0 0 20px;
    font-size: 21px;
    line-height: 1.4em;
    overflow: hidden;
    color: #fff;
    font-weight: 100;
    padding: 10px;
    padding-top: .2em;
    padding-bottom: .2em;
    background: rgba(46, 51, 78, .5);
}
.benefits {
    padding: 40px 0;
}
.benefits__text {
    font-size: 1.1875rem;
    line-height: 1.4em;
    max-height: 7em;
    overflow: hidden;
    margin-bottom: 60px;
    text-align: center;
}
.benefits__item {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}
.benefits__img {
    width: 90px;
    height: 90px;
    margin-right: 30px;
    border: 1px solid #e7e7e7;
    border-radius: 50%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.benefits__img svg {
    fill: #017fd4;
}
.benefits__info {
    max-width: 290px;
    font-size: 15px;
    line-height: 1.4em;
    overflow: hidden;
}
.question {
    height: 781px;
    background-repeat: no-repeat;
    background-position: center bottom;
    padding: 30px 0 90px;
}
.question .js-mfp-ajax {
    height: 65px;
    line-height: 65px;
}
.question--type2 {
    margin-bottom: -55px;
}
.question--type2 .question__content:before {
    background: #f6f6f8;
}
.question .view__size {
    height: 100%}
.question__wrap {
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    align-items: flex-end;
}
.question__border {
    max-width: 780px;
    overflow: hidden;
    height: 101%}
.question__content {
    padding: 30px 35px 50px;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: flex;
    border-left: 6px solid #e6e9ef;
    border-right: 6px solid #e6e9ef;
    border-bottom: 6px solid #e6e9ef;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: end;
    justify-content: flex-end;
    position: relative;
}
.question__content:before {
    content: '';
    width: 6px;
    height: 14%;
    background: #fff;
    position: absolute;
    z-index: 1;
    top: 0;
    left: -6px;
}
.question__content:after {
    content: '';
    width: 102.5%;
    height: 6px;
    background: #e6e9ef;
    position: absolute;
    z-index: 2;
    top: 46px;
    left: -10px;
    -webkit-transform: rotate(-6.8deg);
    transform: rotate(-6.8deg);
}
.question__title1 {
    font-size: 2.5rem;
    margin-bottom: 3.125rem;
    color: #fff;
    font-weight: 700;
}
.question__title1 b {
    color: #ffb900;
}
.question__title2 {
    font-size: 2.5rem;
    margin-bottom: 5rem;
    color: #fff;
    font-weight: 300;
    height: 8.625rem;
    overflow-y: hidden;
}
.question__text p {
    font-size: 20px;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 300;
}
.materials {
    padding-top: 95px;
}
.materials--type1 .materials__bg {
    min-height: 600px;
    background: #e8e9eb;
}
.materials--type1 .materials__content {
    min-height: 600px;
    padding: 60px 0;
    padding-left: 100px;
}
.materials--panel .materials__bg {
    background: #e8e9eb;
}
.materials--panel .materials__content {
    min-height: 600px;
    padding: 40px 0;
    padding-left: 80px;
}
.materials__content {
    padding-top: 50px;
    padding-left: 100px;
    min-height: 830px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: stretch;
    align-items: stretch;
}
.materials__content>div {
    -webkit-box-flex: 1;
    flex-grow: 1;
}
.materials__bg {
    min-height: 830px;
    background: #e9e9ee url(pic/materials_bg.jpg) center bottom no-repeat;
}
.materials__title {
    width: 100%;
    margin-bottom: 30px;
    position: relative;
    max-width: 770px;
}
.materials__title:before {
    height: 100%;
    content: '';
    display: block;
    width: 4px;
    position: absolute;
    left: -35px;
    top: 0;
    background: #017fd4;
}
.materials__title span {
    font-size: 2.25rem;
    line-height: 1.4em;
    display: inline-block;
    overflow: hidden;
    font-weight: 700;
}
.materials__title-sm {
    font-size: 18px!important;
    font-weight: 300!important;
}
.materials__title img {
    margin-top: 25px;
}
.materials__text {
    font-size: 17px;
    color: #3e424d;
    margin-bottom: 40px;
}
.materials__block {
    max-width: 650px;
    margin-bottom: 20px;
}
.materials__list {
    margin-bottom: 20px;
}
.materials__list-title {
    font-size: 1.625rem;
    margin-bottom: 25px;
    font-weight: 300;
}
.materials__list ul {
    margin-bottom: 30px;
}
.materials__list li {
    margin-bottom: 15px;
    padding: 5px 0 5px 50px;
    background: url(pic/list.png) left 1px no-repeat;
    font-size: 17px;
    color: #3e424d;
    font-weight: 300;
    line-height: normal;
}
.materials__list a {
    color: #017fd4;
}
.materials__list--bg {
    padding: 10px;
    background: rgba(255, 255, 255, .6);
}
.materials__list--type1 li {
    position: relative;
    background: none;
    padding: 0 0 0 30px;
}
.materials__list--type1 li:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: #017fd4;
    position: absolute;
    left: 0;
    top: 4px;
    border-radius: 50%}
.materials__list--type2 {
    max-width: 820px;
}
.materials__list--type2 li {
    position: relative;
    padding: 10px 0 0 70px;
    min-height: 50px;
    font-size: 15px;
    line-height: 23px;
    color: #000;
    margin-bottom: 40px;
    background: url(pic/list2.png) left 1px no-repeat;
}
.materials__list--detail li {
    margin-bottom: 5px;
}
.materials__list--detail .materials__list-title {
    font-weight: 700;
}
.materials__list--full {
    max-width: 100%}
.materials__list--full ul {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
}
.materials__list--full li {
    width: 50%;
    padding-right: 50px;
    padding-top: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 15px;
    margin-bottom: 30px;
}
.materials__img {
    line-height: 0;
    position: relative;
}
.materials__img--top {
    margin-top: -110px;
}
.materials__img img {
    max-width: 100%}
.materials__product-img {
    margin-bottom: 25px;
}
.materials__product-text {
    font-weight: 700;
    color: #3e424d;
    font-size: 17px;
    line-height: 1.4em;
    height: 4.2em;
    overflow: hidden;
    margin-bottom: 30px;
}
.materials__images {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    padding: 20px 50px;
    position: relative;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
}
.materials__images-bg {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.materials__detail {
    background: #fff;
    padding: 30px;
    max-width: 470px;
    width: 100%;
    position: relative;
    z-index: 2;
}
.materials__info {
    padding: 20px;
    border-left: 4px solid #fff;
    border-bottom: 4px solid #fff;
    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
    text-align: center;
    position: relative;
    margin-bottom: 20px;
}
.materials__info--type1 .materials__info-text p {
    color: #000;
}
.materials__info-title {
    font-size: 23px;
    margin: 0;
    line-height: 1.4em;
    max-height: 2.8em;
    overflow: hidden;
    padding: 0 20px;
    background: #e8e9eb;
    position: absolute;
    left: 30px;
    right: 30px;
    top: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.materials__info-text {
    text-align: left;
}
.materials__info-text p {
    font-size: 16px;
    color: #a1a1a3;
    margin-bottom: 10px;
    font-weight: 300;
}
.materials__info-text b {
    color: #000;
    font-weight: 700;
}
.benefit {
    height: 800px;
    position: relative;
}
.benefit__main {
    background: #d8dbec;
}
.benefit__images {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.benefit__images:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background: rgba(0, 0, 0, .4);
    z-index: 1;
}
.benefit__img {
    position: relative;
    height: 400px;
    width: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.benefit__wrap {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.benefit__content {
    width: 625px;
    height: 625px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 50px;
    background: url(pic/benefits_bg.png) center center no-repeat;
}
.benefit__info {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
}
.benefit__item {
    position: absolute;
    max-width: 220px;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}
.benefit__item-img {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border: 2px solid #ffb900;
    margin-bottom: 25px;
    position: relative;
}
.benefit__item-img svg {
    fill: #fff;
}
.benefit__item-img:before {
    content: '';
    display: block;
    width: 30px;
    height: 1px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    background: #ffb900;
    position: absolute;
    top: 50%}
.benefit__item-img:after {
    content: '';
    display: block;
    width: 30px;
    height: 1px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    background: #ffb900;
    position: absolute;
}
.benefit__item-text {
    margin-bottom: 25px;
    max-width: 220px;
    font-weight: 300;
    font-size: 17px;
    color: #fff;
    line-height: 1.4em;
    max-height: 8.4em;
    overflow: hidden;
}
.benefit__item--type1 {
    top: 0;
    left: -300px;
    -webkit-box-align: end;
    align-items: flex-end;
}
.benefit__item--type1 .benefit__item-text {
    -webkit-box-ordinal-group: 2;
    order: 1;
    text-align: right;
}
.benefit__item--type1 .benefit__item-img:before {
    left: 100%;
    width: 60px;
}
.benefit__item--type1 .benefit__item-img:after {
    right: -163px;
    top: 85px;
    width: 113px;
    -webkit-transform: rotate(34deg);
    transform: rotate(34deg);
}
.benefit__item--type2 {
    top: -30px;
    right: -310px;
    -webkit-box-align: start;
    align-items: flex-start;
}
.benefit__item--type2 .benefit__item-img:before {
    right: 100%;
    width: 40px;
}
.benefit__item--type2 .benefit__item-img:after {
    width: 152px;
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
    left: -174px;
    top: 102px;
}
.benefit__item--type3 {
    bottom: 20px;
    left: -300px;
    -webkit-box-align: end;
    align-items: flex-end;
}
.benefit__item--type3 .benefit__item-img {
    -webkit-box-ordinal-group: 3;
    order: 2;
}
.benefit__item--type3 .benefit__item-img:before {
    left: 100%;
    width: 60px;
}
.benefit__item--type3 .benefit__item-img:after {
    width: 87px;
    -webkit-transform: rotate(-29deg);
    transform: rotate(-29deg);
    right: -142px;
    bottom: 73px;
}
.benefit__item--type3 .benefit__item-text {
    -webkit-box-ordinal-group: 2;
    order: 1;
    text-align: right;
}
.benefit__item--type4 {
    bottom: 50px;
    right: -310px;
    -webkit-box-align: start;
    align-items: flex-start;
}
.benefit__item--type4 .benefit__item-img {
    -webkit-box-ordinal-group: 3;
    order: 2;
}
.benefit__item--type4 .benefit__item-img:before {
    right: 100%;
    width: 40px;
}
.benefit__item--type4 .benefit__item-img:after {
    width: 96px;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    left: -129px;
    bottom: 76px;
}
.benefit__item--type4 .benefit__item-text {
    -webkit-box-ordinal-group: 2;
    order: 1;
}
.benefit__block {
    max-width: 450px;
    width: 100%;
    text-align: center;
}
.benefit__title {
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
    font-weight: 700;
}
.benefit__title:before {
    content: '';
    display: block;
    width: 88px;
    height: 3px;
    background: #017fd4;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.benefit__title span {
    font-size: 2rem;
    color: #fff;
    line-height: 1.4em;
    max-height: 4.2em;
    overflow: hidden;
    display: block;
}
.benefit__title--full span {
    max-height: 5.6em;
}
.benefit__text {
    font-size: 19px;
    line-height: 1.4em;
    max-height: 5.4em;
    color: #fff;
    margin-bottom: 20px;
    overflow: hidden;
    font-weight: 300;
}
.benefit__text b {
    color: #017fd4;
    font-size: 26px;
}
.benefit__text--full {
    max-height: 8.4em;
    height: 8.4em;
}
.benefit__form label {
    font-weight: 300;
    font-size: 13px;
    color: #fff;
}
.benefit__form .form__line input {
    border: none;
    border-bottom: 1px solid #8e9aa5;
    font-size: 26px;
    background: none;
    color: #8e9aa5;
    padding: 0 10px;
    max-width: 280px;
    letter-spacing: 3px;
    display: block;
    border-radius: 0;
    margin: 0 auto;
}
.benefit__form-button {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}
.benefit__form .button:active {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transform: none;
    transform: none;
}
.benefit__form .button:active:before {
    display: none;
}
.benefit__form .button:focus {
    outline: none;
}
.implementing {
    padding: 70px 0 80px;
}
.implementing__title {
    font-size: 1.1875rem;
    color: #3e424d;
    max-width: 650px;
    margin: 0 auto 30px;
    text-align: center;
}
.implementing__item {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 100%;
    display: block;
    text-decoration: none;
    margin-bottom: 20px;
    z-index: 1;
}
.implementing__item:hover .implementing__hide {
    opacity: 1;
    visibility: visible;
}
.implementing__item:focus {
    outline: none;
}
.implementing__item:before {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, .01) 1%, rgba(0, 0, 0, .6) 100%);
    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .01) 1%, rgba(0, 0, 0, .6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#99000000', GradientType=0);
}
.implementing__hide {
    position: absolute;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    top: 20px;
    left: 20px;
    bottom: 20px;
    right: 20px;
    background: rgba(255, 0, 0, .9);
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.implementing__icon {
    text-align: center;
}
.implementing__icon svg {
    fill: #fff;
}
.implementing__icon span {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    padding: 10px 0;
}
.implementing__text {
    font-size: 15px;
    padding: 1.2em 40px;
    color: #fff;
    font-weight: 700;
    line-height: 1.4em;
    height: 5.4em;
    position: absolute;
    z-index: 2;
    width: 100%;
    bottom: 10px;
    left: 0;
    overflow: hidden;
}
.work {
    padding: 60px 0;
    background: url(pic/work_bg.png) center top no-repeat;
}
.work--type1 {
    background: #f6f6f8 url(pic/work_bg2.png) center top no-repeat;
}
.work--type2 {
    background: #f6f6f8 url(pic/work_bg3.png) center top no-repeat;
}
.work__title1 {
    font-size: 19px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 900;
    margin-bottom: 30px;
    text-align: center;
}
.work__title1--type1 {
    color: #017fd4;
}
.work__title2 {
    font-size: 2.5rem;
    max-width: 820px;
    margin: 0 auto 45px;
    font-weight: 100;
    color: #fff;
    text-align: center;
    max-height: 92px;
    overflow-y: hidden;
}
.work__title3 {
    color: #fff;
    font-size: 2rem;
    max-width: 812px;
    margin: 0 auto 30px;
    text-align: center;
}
.work__main-text {
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    max-width: 710px;
    margin: 0 auto 40px;
    text-align: center;
}
.work__list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.work__item {
    width: 20%;
    text-align: center;
    padding: 0 20px;
}
.work__link {
    display: block;
    text-align: center;
}
.work__link:hover .work__icon {
    background: #017fd4;
    border: 2px solid #017fd4;
}
.work__link:hover .work__icon svg {
    fill: #fff;
}
.work__link:hover .work__text {
    color: #fff;
}
.work__link.has-active .work__icon {
    background: #017fd4;
    border: 2px solid #017fd4;
}
.work__link.has-active .work__icon svg {
    fill: #fff;
}
.work__link.has-active .work__icon:before {
    opacity: 1;
    visibility: visible;
}
.work__link.has-active .work__text {
    color: #fff;
}
.work__icon {
    width: 100px;
    height: 100px;
    margin: 0 auto 25px;
    border: 2px solid #9b9ea0;
    background: transparent;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-transition: all .3s;
    transition: all .3s;
    position: relative;
}
.work__icon svg {
    fill: #9b9ea0;
}
.work__icon:before {
    content: '';
    display: block;
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #017fd4;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.work__text {
    font-size: 15px;
    font-weight: 700;
    color: #9b9ea0;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.work__shadow {
    position: relative;
}
.work__shadow:before {
    content: '';
    height: 0;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 60px;
    right: 60px;
    box-shadow: 0 0 70px 17px rgba(0, 0, 0, .6);
}
.work__wrap {
    min-height: 440px;
    overflow: hidden;
    position: relative;
    z-index: 2;
    background: #fff;
    margin-bottom: 50px;
}
.work__wrap .panel__info {
    line-height: 1.4em;
    max-height: 4.2em;
    margin-bottom: 10px;
    overflow: hidden;
}
.work__block {
    display: none;
    height: 100%}
.work__block.has-active {
    display: block;
}
.work__block>div {
    height: 100%}
.work__block .work__bg {
    background-image: url(/media/images/work_2.jpg);
}
.work__bg {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 100%;
    width: 100%;
    min-height: 440px;
}
.work__tabContent {
    padding: 30px 40px 10px;
    height: 100%;
    position: relative;
}
.work__tabContent:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 500px solid #fff;
    border-left: 50px solid transparent;
    position: absolute;
    top: 0;
    right: 100%}
.work__tabContent-title {
    font-size: 2.1875rem;
    font-weight: 700;
    color: #000;
    margin: 0;
    margin-bottom: 15px;
    line-height: 1.2em;
    max-height: 3.6em;
    overflow: hidden;
}
.work__tabContent-text {
    font-size: 1.1875rem;
    font-weight: 300;
    margin-bottom: 25px;
    line-height: 1.4em;
    max-height: 11.2em;
    overflow: hidden;
}
.work__door {
    padding: 30px 0;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
}
.work__door-item {
    width: 20%;
    padding: 0 10px;
    margin-bottom: 10px;
}
.work__door-img {
    height: 170px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    margin-bottom: 30px;
}
.work__door-img img {
    max-height: 100%}
.work__door-title {
    font-weight: 700;
    color: #000;
    font-size: 2rem;
    margin-bottom: 10px;
}
.work__door-text {
    font-size: 17px;
    line-height: 26px;
}
.work__tabLink {
    max-width: 490px;
    width: 100%;
    margin: 0 20px;
    margin-bottom: 30px;
}
.work__tabLink:hover .work__images {
    border: 3px solid #017fd4;
}
.work__tabLink:hover .work__images:before {
    opacity: 1;
}
.work__tabLink:hover .work__images img {
    opacity: 1;
}
.work__tabLink.has-active .work__images {
    border: 3px solid #017fd4;
}
.work__tabLink.has-active .work__images:before {
    opacity: 1;
}
.work__tabLink.has-active .work__images img {
    opacity: 1;
}
.work__images {
    padding: 20px 5px;
    min-height: 160px;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
    border: 3px solid #a2a5a8;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 20px;
    -webkit-transition: all .3s;
    transition: all .3s;
    position: relative;
}
.work__images:before {
    content: '';
    display: block;
    border-style: solid;
    position: absolute;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    left: 50%;
    top: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-width: 10px 10px 0;
    border-color: #017fd4 transparent transparent;
}
.work__images img {
    margin: 0 5px;
    opacity: .7;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.work__tabText {
    display: block;
    text-align: center;
    max-width: 325px;
    margin: 0 auto;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4em;
    height: 4.2em;
}
.work__bg {
    background-image: url(/media/images/work_2.jpg);
}
.seo {
    background: #f6f6f8;
    padding: 80px 95px;
}
.seo__wrap {
    margin-bottom: 40px;
}
.seo__more {
    text-align: center;
}
.review {
    padding: 90px 0 70px;
    background: url(pic/review_bg_1.jpg) center left no-repeat, url(pic/review_bg_2.png) center right no-repeat;
}
.review__content {
    box-shadow: 0 0 15px rgba(0, 0, 0, .3);
    background: rgba(255, 255, 255, .7);
}
.review__img {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 260px;
    margin-bottom: 20px;
}
.review__head {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    margin-bottom: 25px;
    margin-top: -80px;
    height: 7.5rem;
}
.review__block {
    padding: 0 30px 20px;
}
.review__ava {
    width: 120px;
    height: 120px;
    border: 6px solid #fff;
    border-radius: 50%;
    margin-right: 20px;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: center center;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
}
.review__name {
    font-size: 17px;
    line-height: 25px;
    height: 50px;
    overflow: hidden;
    font-weight: 700;
    color: #000;
}
.review__text {
    font-size: 15px;
    font-weight: 300;
    color: #3e424d;
    line-height: 1.4em;
    height: 12.6em;
    overflow: hidden;
}
.partners {
    padding: 55px 0 80px;
}
.metalframe {
    padding: 60px 0;
    position: relative;
    background: url(pic/materials_section_bg1.png) center top no-repeat;
}
.metalframe__list {
    display: -webkit-box;
    display: flex;
    max-width: 880px;
    width: 100%;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: space-around;
}
.metalframe__item {
    width: 180px;
    margin-bottom: 20px;
    text-align: center;
}
.metalframe__img {
    width: 100px;
    height: 100px;
    border: 1px solid #ddd;
    margin: 0 auto 25px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.metalframe__img svg {
    fill: #017fd4;
}
.metalframe__name {
    font-size: 16px;
    font-weight: 700;
}
.about {
    padding-bottom: 80px;
    background: transparent;
    position: relative;
}
.about--type1 {
    background: transparent;
}
.about--type1 .about__bg {
    padding-top: 0;
    padding-bottom: 20px;
    background: #2e334e;
}
.about__bg {
    padding-top: 0;
    padding-bottom: 240px;
    position: relative;
    z-index: 1;
    background: url(pic/materials_section_bg1.png) center top no-repeat, url(pic/materials_section_bg2.png) center bottom no-repeat;
}
.about__title1 {
    position: relative;
    font-size: 2.5rem;
    padding-bottom: 20px;
    margin-bottom: 20px;
    text-align: center;
    color: #fff;
    font-weight: 700;
}
.about__title1:before {
    content: '';
    display: block;
    width: 80px;
    height: 3px;
    background: #017fd4;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.about__title2 {
    font-size: 1.625rem;
    color: #fff;
    font-weight: 300;
    margin-bottom: 40px;
    text-align: center;
}
.about__title3 {
    color: #3e424d;
    font-size: 2.5rem;
    margin-bottom: 34px;
    font-weight: 100;
    text-align: center;
    margin: 0 0 45px;
}
.about__img {
    display: inline-block;
    margin-bottom: 10px;
    width: 77px;
    height: 77px;
    position: relative;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
}
.about__img:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 50%;
    border: 3px solid #017fd4;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.about__img--big {
    max-width: 350px;
    width: 100%;
    height: initial;
    margin-bottom: 0;
}
.about__img--big:before {
    opacity: 1;
    border: 5px solid #017fd4;
}
.about__img--big span {
    padding-top: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.about__img--square {
    border-radius: 0;
    height: 450px;
    width: 100%;
    max-width: 100%;
    box-shadow: 0 4px 30px rgba(0, 0, 0, .6);
}
.about__img--square:before {
    border-radius: 0;
}
.about__tab {
    margin-bottom: 75px;
}
.about__tab-content {
    height: 355px;
    margin-bottom: 60px;
}
.about__tab-list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
}
.about__tab-item {
    width: 20%;
    text-align: center;
    padding: 0 5px;
}
.about__tab-item span {
    font-size: 17px;
    display: block;
    color: #7f8690;
    font-weight: 700;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.about__tab-item.has-active .about__img:before {
    opacity: 1;
}
.about__tab-item.has-active span {
    color: #000;
}
.about__tab-link {
    display: block;
}
.about__item {
    display: none;
}
.about__item.has-active {
    display: block;
}
.about__link {
    display: block;
}
.about__link:hover span {
    color: #000;
}
.about__info-content {
    display: block;
    background: #ff1c19;
    padding: 30px 10px 30px 40px;
    position: relative;
    border-radius: 10px;
    box-shadow: 0 30px 30px rgba(0, 0, 0, .2);
}
.about__info-content span {
    color: #fff;
    font-size: 1.3125rem;
    line-height: 1.4em;
    overflow: hidden;
    display: block;
    font-weight: 100;
}
.about__info-content:before {
    content: '';
    display: block;
    position: absolute;
    right: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-right: 20px solid #ff1c19;
    border-bottom: 25px solid transparent;
}
.about__info-content--full span {
    font-size: 1.1875rem;
}
.about__text {
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    max-width: 900px;
    text-align: center;
    display: block;
    margin: 0 auto;
}
.about__form {
    background: #fff;
    padding: 30px 40px 35px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .3);
    position: relative;
    right: 30px;
    bottom: 30px;
}
.about__form:before {
    content: '';
    width: 100%;
    height: 42px;
    background: #fff;
    position: absolute;
    top: -21px;
    right: 0;
    display: block;
    -webkit-transform: rotate(-4deg) skewX(-4deg);
    transform: rotate(-4deg) skewX(-4deg);
}
.about__form-content {
    background: #017fd4;
    position: relative;
    max-width: 580px;
    margin: 0 auto;
}
.about__form-content:before {
    content: '';
    width: 100%;
    height: 20px;
    background: #017fd4;
    position: absolute;
    top: 10px;
    right: -1px;
    display: block;
    -webkit-transform: rotate(-4deg) skewX(-5deg);
    transform: rotate(-4deg) skewX(-5deg);
}
.about__form-wrap {
    padding-top: 120px;
}
.about__form-title {
    font-weight: 700;
    font-size: 2.25rem;
    margin-bottom: 20px;
}
.about__form-title b {
    color: #017fd4;
}
.about__page-list {
    padding: 40px 20px 10px;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.about__page-list--type1 .about__page-item {
    width: 204px;
}
.about__page-list-item {
    width: 210px;
    margin-bottom: 20px;
    text-align: center;
    padding: 0 10px;
}
.about__page-list i {
    display: inline-block;
    width: 110px;
    height: 110px;
    margin: 0 auto;
    border-radius: 50%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-bottom: 20px;
    border: 1px solid #dcdcdc;
}
.about__page-list svg {
    fill: #017fd4;
}
.about__page-list span {
    display: block;
    font-size: 15px;
    line-height: 23px;
}
.about__footer {
    display: -webkit-box;
    display: flex;
    padding: 10px 0;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.about__footer-item {
    padding: 20px;
    max-width: 240px;
    width: 100%}
.about__footer-item span {
    font-size: 15px;
    color: #000;
    line-height: 23px;
    font-weight: 700;
    display: inline-block;
}
.stages {
    padding: 60px 0;
}
.stages--type2 {
    padding-bottom: 0;
}
.stages__text {
    padding: 35px 30px;
    font-size: 19px;
    line-height: 26px;
    font-weight: 300;
}
.stages__wrap {
    max-width: 554px;
}
.stages__images {
    line-height: 0;
}
.legislation {
    padding: 110px 10px;
    background: url(pic/legislation.jpg) center center no-repeat;
}
.legislation .title {
    margin-left: -20px;
    margin-right: -20px;
}
.legislation--type2 {
    background: #e8e9eb url(pic/legislation_2.jpg) center center no-repeat;
}
.legislation--type2 .title {
    margin-left: auto;
    margin-right: auto;
}
.legislation__wrap {
    max-width: 980px;
    width: 100%;
    margin: 0 auto;
    background: #fff;
    padding: 35px 50px;
    border-radius: 15px;
    position: relative;
    box-shadow: 0 0 20px rgba(0, 0, 0, .4);
}
.legislation__wrap:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -18px;
    left: 20px;
    right: 20px;
    box-shadow: 0 0 40px 7px rgba(0, 0, 0, .4);
}
.legislation__item {
    padding: 30px 30px 20px;
    display: -webkit-box;
    display: flex;
    height: 100%}
.legislation__item i {
    flex-shrink: 0;
    width: 50px;
    margin-right: 25px;
    height: 50px;
    background: #017fd4;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
}
.legislation__item span {
    font-size: 15px;
    line-height: 23px;
}
.legislation__text p {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 25px;
    color: #000;
}
.legislation__mark {
    padding: 20px 0;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
._legislation--colorBg {
    background: #f5f5f5;
}
.videos {
    padding: 65px 0 85px;
}
.videos__main {
    margin-bottom: 65px;
}
.videos__main iframe {
    width: 100%!important;
    height: 780px!important;
}
.videos__title {
    font-weight: 700;
    text-align: center;
    font-size: 2.5rem;
}
.videos__item {
    padding: 30px;
    background: #fff;
    margin-bottom: 20px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .4);
}
.videos__img {
    line-height: 0;
    display: block;
    position: relative;
}
.videos__img:hover:before {
    opacity: .3;
}
.videos__img:before {
    content: '';
    opacity: 1;
    -webkit-transition: all .3s;
    transition: all .3s;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 112px;
    height: 68px;
    background: url(pic/video_icon.png) center center no-repeat;
}
.videos__name {
    font-size: 1.875rem;
    color: #000;
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
}
.videos__name:hover {
    color: #f8c433;
}
.videos__text {
    font-size: 15px;
    line-height: 22px;
    color: #000;
    padding: 20px 0;
    display: block;
}
.videos__more {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 50px 0;
}
.metal {
    background: #e8e9eb;
}
.metal--type2 {
    background: #f6f6f8;
}
.metal--type2 .metal__bottom {
    background: url(pic/metal_3.png) center top no-repeat;
    padding: 60px 0 20px;
    margin-top: 0;
}
.metal--type3 {
    background: transparent;
}
.metal--type3 .materials__list {
    background: rgba(255, 255, 255, .6)!important;
    max-width: 485px;
    padding-top: 30px;
    margin-bottom: 0;
}
.metal--type3 .materials__list h3 {
    margin: 0 0 25px;
}
.metal--type3 .materials__list ul {
    margin-bottom: 0;
}
.metal--type3 .materials__list li {
    margin-bottom: 0;
}
.metal--type3 .metal__top {
    padding-bottom: 190px;
    background: url(pic/work_4.png) right 235px no-repeat;
}
.metal--type3 .metal__bottom {
    background: url(pic/work_5.png) center top no-repeat;
}
.metal--type3 .question__text {
    margin-bottom: 20px;
}
.metal__top {
    padding: 80px 0 110px;
    background: url(pic/metal_1.jpg) center bottom no-repeat;
}
.metal__bottom {
    background: url(pic/metal_2.png) center top no-repeat;
    padding: 60px 0 20px;
    margin-top: -240px;
}
.metal__text {
    font-size: 19px;
    line-height: 26px;
    max-width: 860px;
    margin: 0 auto 50px;
    text-align: center;
    padding: 10px;
    background: rgba(232, 233, 235, .7);
}
.metal .materials__list {
    background: rgba(232, 233, 235, .7);
}
.metal .question__title1 {
    line-height: 1.2em;
    max-height: 6em;
    margin-bottom: 20px;
    overflow: hidden;
}
.metal .question__text {
    min-height: 330px;
    overflow: hidden;
    position: relative;
}
.metal .question__text p:last-child {
    margin-bottom: 0;
}
.metal .question__border {
    height: 100%;
    border-right: 6px solid #e6e9ef;
    border-bottom: 6px solid #e6e9ef;
}
.metal .question__content {
    border: none;
    padding: 110px 65px 10px;
}
.metal .question__content:before {
    width: 6px;
    position: absolute;
    bottom: 0;
    top: 93px;
    left: 0;
    height: initial;
    background: #e8e9eb;
}
.lighting {
    background: #f6f6f8;
    padding: 0 0 40px;
}
.lighting--sun {
    background: none;
    padding-top: 40px;
}
.lighting--sun .lighting__wrap {
    min-height: 670px;
    margin-top: -40px;
    background: url(pic/lighting2.jpg) center center no-repeat;
}
.lighting--foundation {
    background: none;
    padding-top: 40px;
    margin-top: -100px;
    padding-bottom: 0;
}
.lighting--foundation .lighting__wrap {
    min-height: 670px;
    margin-top: -40px;
    background: url(pic/lighting3.png) center center no-repeat;
}
.lighting--foundation .lighting__text {
    max-width: 840px;
    margin: 0 auto 20px;
}
.lighting--type2 {
    padding: 60px 0;
}
.lighting--type2 .lighting__wrap {
    min-height: 650px;
    background: url(pic/floors.jpg) center center no-repeat;
}
.lighting--type3 {
    background: transparent;
    padding-bottom: 0;
}
.lighting--type3 .lighting__wrap {
    min-height: 650px;
    background: url(pic/lighting4.png) left center no-repeat;
}
.lighting__text {
    font-size: 19px;
    line-height: 26px;
    margin-bottom: 20px;
    color: #000;
    display: block;
    max-width: 100%;
    text-align: center;
}
.lighting__text--bold {
    font-size: 2.25rem;
    font-weight: 900;
    line-height: initial;
    max-width: 970px;
    margin: 0 auto;
    text-align: center;
    padding: 30px 0;
}
.lighting__text--sm {
    max-width: 780px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 50px;
}
.lighting__text--md {
    max-width: 830px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 50px;
}
.lighting__wrap {
    min-height: 760px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    background: url(pic/lighting.jpg) center center no-repeat;
}
.lighting__wrap--type2 {
    min-height: 500px;
    background: url(pic/lighting5.jpg) center center no-repeat;
}
.lighting__wrap--type3 {
    min-height: 530px;
    background: url(pic/lighting6.png) center center no-repeat;
}
.lighting__wrap .grid {
    width: 100%}
.activities {
    background: url(pic/activities_bg.jpg) center center no-repeat;
    padding-top: 67px;
}
.activities--type2 {
    max-height: initial;
    background: url(pic/activities_bg2.jpg) center top no-repeat;
}
.activities .title {
    color: #fff;
}
.activities__item {
    max-width: 430px;
    width: 100%;
    margin: 0 auto 20px;
}
.activities__img {
    border: 1px solid #b8babc;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.activities__img svg {
    fill: #017fd4;
}
.activities__mainText {
    font-size: 18px;
    color: #fff;
    line-height: 26px;
    text-align: center;
    max-width: 760px;
    margin: 0 auto 50px;
}
.activities__title {
    font-size: 20px;
    line-height: 23px;
    color: #b8babc;
}
.activities__text {
    font-size: 15px;
    color: #b8babc;
    line-height: 1.4em;
    max-height: 5.6em;
    overflow: hidden;
}
.activities__border {
    border-right: 6px solid #e6e9ef;
    padding-top: 100px;
    position: relative;
    overflow: hidden;
}
.activities__border:before {
    content: '';
    display: block;
    position: absolute;
    width: 104%;
    height: 6px;
    background: #e6e9ef;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-4.65deg);
    left: 2px;
    top: 48px;
}
.activities__content {
    border-left: 6px solid #e6e9ef;
    position: relative;
    padding: 25px 20px 15px;
    color: #fff;
}
.activities__content-text {
    display: block;
    max-width: 1050px;
    margin: 0 auto;
    font-size: 2.5rem;
    text-align: center;
    line-height: 1.4em;
    max-height: 7em;
    overflow: hidden;
}
.activities__content-text span {
    color: #017fd4;
}
.activities__content b {
    font-weight: 700;
}
.lightDesign {
    padding: 65px 0 45px;
    background: #f6f6f8;
}
.lightDesign__list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
}
.lightDesign__item {
    width: 20%;
    padding: 0 10px;
    margin-bottom: 20px;
}
.lightDesign__item:last-child .lightDesign__arrow {
    display: none;
}
.lightDesign__head {
    position: relative;
    margin-bottom: 30px;
    padding-right: 45px;
}
.lightDesign__index {
    position: absolute;
    top: -10px;
    left: -20px;
    z-index: 1;
    font-size: 30px;
    background: #ff0402;
    font-weight: 700;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    display: -webkit-box;
    display: flex;
    color: #fff;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.lightDesign__arrow {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.lightDesign__arrow svg {
    width: 30px;
    height: 60px;
    fill: #999;
}
.lightDesign__img {
    max-width: 220px;
    padding-top: 100%;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .4);
}
.lightDesign__title {
    color: #113000;
    margin: 0;
    font-size: 20px;
    line-height: 1.2em;
    height: 3.8em;
    overflow: hidden;
}
.lightDesign__text {
    font-size: 17px;
    line-height: 26px;
    color: #000;
}
.discharge {
    min-height: 600px;
    padding: 60px 0 70px;
    background: url(pic/discharge.jpg) 100% center no-repeat;
}
.discharge .materials__list {
    padding-bottom: 70px;
    max-width: 530px;
    padding: 10px;
    margin-bottom: 0;
    background: rgba(255, 255, 255, .5);
}
.engineering--type2 .engineering__top {
    min-height: 1070px;
    background: url(pic/engineering_2.png) center top no-repeat;
}
.engineering--type2 .materials__title span {
    max-height: initial;
    font-size: 2rem;
}
.engineering__top {
    padding: 85px 90px;
    background: #f6f6f8 url(pic/engineering.png) center top no-repeat;
}
.engineering__content {
    max-width: 690px;
}
.engineering__content .materials__title span {
    color: #fff;
}
.engineering__content .materials__text {
    color: #fff;
    line-height: 26px;
}
.engineering__content .materials__list-title {
    color: #fff;
}
.engineering__content .materials__list li {
    color: #fff;
}
.engineering .view-text {
    color: #a1a4a8;
}
.engineering__wrap {
    padding: 40px 30px;
    background: #f6f6f8;
}
.engineering__wrap .lighting__text {
    max-width: 920px;
    margin: 0 auto 50px;
}
.engineering__text {
    background: #fff;
    padding: 50px 60px 30px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .5);
}
.engineering__text p {
    font-size: 19px;
    line-height: 26px;
    color: #000;
    margin: 0;
    margin-bottom: 30px;
}
.engineering__mark {
    position: relative;
    top: 200px;
    left: 60px;
    width: 307px;
    height: 307px;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    background: #fff;
    border-radius: 50%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding: 10px 30px;
    flex-wrap: wrap;
    border: 2px solid #017fd4;
}
.engineering__mark-text {
    font-size: 22px;
    line-height: 1.4em;
    max-height: 7em;
    overflow: hidden;
    display: block;
    max-width: 185px;
    text-align: center;
    margin-bottom: 20px;
}
.engineering__item {
    max-width: 260px;
    height: 84px;
    margin: 30px 0;
    border-top: 3px solid #fff;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.engineering__item span {
    padding: 0 5px;
    font-size: 1.875rem;
    color: #fff;
    font-weight: 900;
}
.engineering__item+.view-text {
    max-width: 260px;
}
.engineering__item:hover {
    border: 3px solid #017fd4;
}
.engineering__item:hover:before {
    border-color: #017fd4 transparent transparent;
}
.engineering__item:before {
    content: '';
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-style: solid;
    border-width: 10px 10px 0;
    border-color: #fff transparent transparent;
}
.news__item {
    padding: 10px;
    width: 25%}
.news__item--big {
    width: 100%!important;
    margin-bottom: 20px;
}
.news__item--big .news__wrap {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
}
.news__item--big .news__img {
    width: 70%}
.news__item--big .news__content {
    width: 30%}
.news__item--big .news__name {
    font-size: 1.875rem;
    line-height: 1.4em;
}
.news__wrap {
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .3);
}
.news__img {
    max-width: 100%;
    line-height: 0;
}
.news__content {
    padding: 25px;
}
.news__name {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 5px;
    display: block;
    color: #000;
}
.news__name:hover {
    color: #017fd4;
}
.news .text__date {
    color: #6c717a;
    font-size: 15px;
    display: block;
    margin-bottom: 15px;
}
.news__text {
    font-size: 15px;
    color: #000;
    line-height: 20px;
    padding-bottom: 30px;
    font-weight: 300;
}
.contact__bottom {
    padding: 70px 0 90px;
    background: #f2f3f5;
}
.contact__item {
    display: -webkit-box;
    display: flex;
    padding: 30px 0;
    -webkit-box-align: start;
    align-items: flex-start;
}
.contact__icon {
    margin-right: 20px;
}
.contact__icon svg {
    fill: #017fd4;
}
.contact__text--right {
    text-align: right;
    margin-bottom: 25px;
}
.contact__text p {
    font-size: 18px;
    line-height: 26px;
    color: #000;
    margin: 0;
}
.contact__text h3 {
    font-size: 1.875rem;
    margin: 0 0 20px;
    color: #000;
}
.contact__tel {
    font-weight: 700;
    color: #000;
}
.contact__tel:hover {
    color: #017fd4;
}
.contact__mail {
    text-decoration: underline;
    color: #017fd4;
}
.contact__mail:hover {
    text-decoration: none;
}
.portfolio__list {
    flex-wrap: wrap;
    display: -webkit-box;
    display: flex;
    margin-left: -10px;
    margin-right: -10px;
}
.portfolio__item {
    width: 25%;
    padding-left: 10px;
    padding-right: 10px;
}
.portfolio__hide {
    display: none;
}
.typeFoundations {
    background: #d8dbec;
    padding: 30px 0;
}
.typeFoundations__list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
}
.typeFoundations__item {
    width: 33.333%;
    padding: 0 10px;
    text-align: center;
    margin-bottom: 85px;
}
.typeFoundations__img {
    border-radius: 50%;
    max-width: 326px;
    overflow: hidden;
    width: 100%;
    margin: 0 auto 35px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .4);
}
.typeFoundations__img span {
    width: 100%;
    display: block;
    padding-top: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.typeFoundations__name {
    text-align: center;
    font-size: 20px;
    color: #113000;
}
.door {
    padding: 60px 0;
}
.door__img {
    border: 5px solid #017fd4;
    box-shadow: 0 5px 25px rgba(0, 0, 0, .4);
    line-height: 0;
    margin: 0 auto;
}
.door__img span {
    display: block;
    width: 100%;
    padding-top: 58.66%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.door__item {
    margin-bottom: 85px;
}
.door__content {
    padding-left: 50px;
}
.door__name {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 25px;
    color: #000;
}
.door__text {
    font-size: 18px;
    color: #000;
    line-height: 1.4em;
    margin-bottom: 30px;
}
.panel {
    padding-top: 60px;
}
.panel__info {
    font-size: 13px;
    line-height: 18px;
    color: #a1a1a3;
    padding: 0 20px;
    margin-bottom: 30px;
}
.panel__about {
    background: #fff;
    margin-left: 50px;
    margin-right: 50px;
    padding: 25px;
    margin-bottom: 25px;
    border: 1px solid #cbccd1;
}
.panel__text {
    padding: 0 10px;
}
.panel__text h2 {
    font-size: 2.25rem;
}
.panel__text h3 {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    color: #3e424d;
    padding-left: 25px;
    position: relative;
}
.panel__text h3:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: #017fd4;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%}
.panel__text p {
    font-size: 15px;
}
.panel__title {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    color: #3e424d;
    padding-left: 25px;
    position: relative;
}
.panel__title:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: #017fd4;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%}
.panel__list {
    padding: 20px 0 0;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
}
.panel__list--type1 .panel__list-item {
    width: 120px;
}
.panel__list-item {
    width: 80px;
    padding: 0 10px;
    margin-bottom: 10px;
    text-align: center;
}
.panel__list-img {
    width: 60px;
    display: block;
    height: 60px;
    margin-bottom: 5px;
}
.panel__list-name {
    font-size: 13px;
    color: #5a5a5b;
    display: block;
    text-align: center;
    font-weight: 300;
}
.panel__tab-title {
    font-size: 21px;
    font-weight: 300;
    margin-bottom: 20px;
}
.panel__tab-link {
    display: block;
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #cbccd1;
    padding: 20px;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.panel__tab-link:before {
    content: '';
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 0;
    position: absolute;
    border: 3px solid #e33;
}
.panel__tab-link:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #e33;
}
.panel__tab-link.has-active {
    background: transparent;
}
.panel__tab-link.has-active:before {
    opacity: 1;
}
.panel__tab-link.has-active:after {
    opacity: 1;
}
.panel__tab-linkName {
    font-size: 15px;
    color: #5a5a5b;
}
.roof {
    padding: 60px 0;
}
.roof__wrap {
    min-height: 610px;
    padding-top: 130px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background: url(pic/roof_bg.png) center center no-repeat;
}
.roof__content {
    max-width: 800px;
    width: 100%;
    padding: 25px 25px 5px;
    margin: 0 auto;
    background: #fff;
    margin-bottom: 30px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .3);
}
.roof__main {
    max-width: 250px;
    position: relative;
}
.roof__main span {
    display: block;
    padding-top: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.roof__main i {
    border-radius: 50%;
    right: 0;
    top: 0;
    position: absolute;
    width: 80px;
    height: 80px;
    border: 15px solid rgba(252, 2, 1, .3);
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.roof__main i:before {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fc0201;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.roof__main i svg {
    fill: #fff;
    position: relative;
    z-index: 2;
}
.roof__list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
}
.roof__item {
    width: 300px;
    padding: 0 10px;
    margin-bottom: 25px;
}
.roof__img {
    margin-bottom: 10px;
}
.roof__name {
    text-align: center;
    font-weight: 700;
    color: #3e424d;
    font-size: 17px;
}
.mineral .materials__bg {
    min-height: initial;
}
.mineral__table {
    border: 1px solid #cbccd1;
    background: #fff;
}
.mineral__tr {
    display: -webkit-box;
    display: flex;
}
.mineral__tr:first-child .mineral__td {
    padding-top: 20px;
}
.mineral__tr:last-child .mineral__td {
    padding-bottom: 20px;
}
.mineral__td {
    width: 25%;
    padding: 0 15px 15px;
    text-align: center;
}
.mineral__td:first-child {
    width: 75%;
    text-align: left;
    border-right: 1px solid #cbccd1;
    font-size: 15px;
    color: #3e424d;
}
.calc {
    margin: 0px auto;
    max-width: 1700px;
    background: #fff;
    padding: 40px 0 70px;
    box-shadow: 0 0 25px rgba(0, 0, 0, .5);
}
.calc__tab {
    margin-bottom: 100px;
    position: relative;
}
.calc__index {
    background: #fff;
    padding: 20px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .4);
}
.calc__index-content {
    width: 22%;
    position: absolute;
    top: 50px;
    left: 0;
}
.calc__index .color {
    margin-top: 200px;
}
.calc__index-title {
    font-weight: 700;
    font-size: 21px;
    color: #000;
    margin-bottom: 20px;
}
.calc__index-footer {
    padding: 25px 30px;
}
.calc__index-footer .size__footer {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    max-width: 100%;
    width: 100%;
    position: static;
    margin-bottom: 10px;
}
.calc__index .size__title {
    max-width: 300px;
}
.calc__index .size__form {
    padding-left: 15px;
    padding-right: 15px;
}
.calc__index .color__item {
    width: 50px;
    padding: 5px;
}
.calc__index .color__img {
    width: 24px;
    height: 24px;
    margin-bottom: 3px;
}
.calc__index .color__name {
    font-size: 9px;
}
.calc .title {
    text-align: center;
    max-width: initial;
}
.calc__title {
    font-weight: 300;
    font-size: 21px;
    margin: 0;
    margin-bottom: 20px;
}
.calc__head {
    margin-bottom: 10px;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
}
.calc__link {
    width: 200px;
    height: 46px;
    display: -webkit-box;
    display: flex;
    padding: 2px 10px;
    -webkit-box-align: center;
    align-items: center;
    background: #f7f8f9;
    margin-right: 11px;
    position: relative;
    margin-bottom: 20px;
    border: 1px solid #cacbd0;
}
.calc__link:before {
    content: '';
    position: absolute;
    display: block;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    left: -1px;
    top: -1px;
    bottom: -1px;
    right: -1px;
    border: 2px solid #017fd4;
}
.calc__link:after {
    content: '';
    position: absolute;
    display: block;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-style: solid;
    border-width: 7px 7px 0;
    border-color: #017fd4 transparent transparent;
}
.calc__link:hover:before {
    opacity: 1;
}
.calc__link svg {
    fill: #000;
}
.calc__link span {
    font-size: 15px;
    color: #5a5a5b;
    display: inline-block;
    padding: 0 10px;
}
.calc__link.has-active:before {
    opacity: 1;
}
.calc__link.has-active svg {
    fill: #017fd4;
}
.calc__link.has-active:after {
    opacity: 1;
}
.calc__info {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    border: 2px solid #cacbd0;
}
.calc__info-block {
    width: 33.333%}
.calc__info-tr {
    display: -webkit-box;
    display: flex;
}
.calc__info-tr:first-child .calc__info-td {
    padding-top: 15px;
}
.calc__info-tr:last-child .calc__info-td {
    padding-bottom: 10px;
}
.calc__info-td {
    line-height: 16px;
    padding-bottom: 5px;
    position: relative;
}
.calc__info-td:first-child {
    width: 20%;
    text-align: center;
}
.calc__info-td:first-child span {
    font-size: 13px;
    color: #017fd4;
    display: inline-block;
}
.calc__info-td:first-child:before {
    content: '';
    display: block;
    width: 2px;
    height: 500px;
    position: absolute;
    left: -2px;
    top: 0;
    background: #cacbd0;
}
.calc__info-td:first-child:after {
    content: '';
    display: block;
    width: 2px;
    height: 500px;
    position: absolute;
    right: 0;
    top: 0;
    background: #cacbd0;
}
.calc__info-td:last-child {
    width: 80%;
    text-align: left;
    padding: 0 10px 10px;
}
.calc__info-td:last-child span {
    font-size: 13px;
    display: inline-block;
    color: #a0a0a1;
}
.calc__content {
    padding-top: 40px;
}
.calc__img {
    position: relative;
    display: -webkit-box;
    display: flex;
    line-height: 0;
    padding-top: 15px;
    -webkit-box-pack: end;
    justify-content: flex-end;
}
.calc__img-main {
    position: relative;
    margin: 0 auto;
}
.calc__img-main--type1 {
    max-width: 819px;
    width: 100%}
.calc__img-main--type2 {
    max-width: 833px;
    width: 100%}
.calc__img-main--type3 {
    max-width: 835px;
    width: 100%}
.calc__img i {
    display: block;
    position: absolute;
    z-index: 1;
}
.calc__img svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%}
.calc__shadow {
    position: absolute;
    display: block;
    z-index: 2;
    width: 100%}
.calc__shadow--type1 {
    top: 0;
    left: 0;
    width: 100%}
.calc__shadow--type2 {
    top: 0;
    left: 0;
    width: 100%}
.calc__shadow--type3 {
    top: 0;
    left: 0;
    width: 100%}
.calc__markup {
    position: absolute;
    width: 100%;
    z-index: 3;
    display: block;
}
.calc__markup--type1 {
    width: 111.3%;
    top: -6.3%;
    left: -4.4%}
.calc__markup--type2 {
    width: 106.9%;
    top: -12.1%;
    left: -2.7%}
.calc__markup--type3 {
    width: 107%;
    top: -12.1%;
    left: -2.7%}
.calc__roof--type1 {
    width: 55.2%;
    padding-top: 37.826%;
    top: -11.3%;
    left: 42%}
.calc__roof--type2 {
    width: 91.2%;
    padding-top: 37.826%;
    top: -20.1%;
    left: 4.5%}
.calc__roof--type3 {
    width: 78.5%;
    padding-top: 37.826%;
    top: -20.8%;
    left: 10.3%}
.calc__wall--type1 {
    width: 92.2%;
    padding-top: 45.275%;
    top: 15.5%;
    left: 4.45%}
.calc__wall--type2 {
    width: 89.4%;
    padding-top: 52.106%;
    top: -1.4%;
    left: 6.11%}
.calc__wall--type3 {
    width: 94.4%;
    padding-top: 50.288%;
    top: .9%;
    left: 3.55%}
.calc__plank--type1 {
    width: 96.55%;
    padding-top: 58.163%;
    top: -1.49%;
    left: 2.65%}
.calc__plank--type2 {
    width: 100.0%;
    padding-top: 53.681%;
    top: -2.39%;
    left: .15%}
.calc__plank--type3 {
    width: 96.05%;
    padding-top: 55.13%;
    top: -1.6%;
    left: 2.45%}
@media only screen and (min-width:320px) {
    /*! $mqpacker hack */}
@media only screen and (min-width: 375px) {
    /*! $mqpacker hack */.grid--xs-1>.gcell {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%}
.grid--xs-2>.gcell {
    width: 50%;
    max-width: 50%;
    flex-basis: 50%}
.grid--xs-3>.gcell {
    width: 33.3333333%;
    max-width: 33.3333333%;
    flex-basis: 33.3333333%}
.grid--xs-4>.gcell {
    width: 25%;
    max-width: 25%;
    flex-basis: 25%}
.grid--xs-5>.gcell {
    width: 20%;
    max-width: 20%;
    flex-basis: 20%}
.grid--xs-6>.gcell {
    width: 16.6666667%;
    max-width: 16.6666667%;
    flex-basis: 16.6666667%}
.grid--xs-7>.gcell {
    width: 14.2857143%;
    max-width: 14.2857143%;
    flex-basis: 14.2857143%}
.grid--xs-8>.gcell {
    width: 12.5%;
    max-width: 12.5%;
    flex-basis: 12.5%}
.grid--xs-9>.gcell {
    width: 11.1111111%;
    max-width: 11.1111111%;
    flex-basis: 11.1111111%}
.grid--xs-10>.gcell {
    width: 10%;
    max-width: 10%;
    flex-basis: 10%}
.grid--xs-11>.gcell {
    width: 9.0909091%;
    max-width: 9.0909091%;
    flex-basis: 9.0909091%}
.grid--xs-12>.gcell {
    width: 8.3333333%;
    max-width: 8.3333333%;
    flex-basis: 8.3333333%}
.grid--xs-auto>.gcell {
    width: auto;
    max-width: none;
    flex-basis: auto;
}
.grid>.gcell--xs-1 {
    width: 8.3333333%;
    max-width: 8.3333333%;
    flex-basis: 8.3333333%}
.grid>.gcell--xs-2 {
    width: 16.6666667%;
    max-width: 16.6666667%;
    flex-basis: 16.6666667%}
.grid>.gcell--xs-3 {
    width: 25%;
    max-width: 25%;
    flex-basis: 25%}
.grid>.gcell--xs-4 {
    width: 33.3333333%;
    max-width: 33.3333333%;
    flex-basis: 33.3333333%}
.grid>.gcell--xs-5 {
    width: 41.6666667%;
    max-width: 41.6666667%;
    flex-basis: 41.6666667%}
.grid>.gcell--xs-6 {
    width: 50%;
    max-width: 50%;
    flex-basis: 50%}
.grid>.gcell--xs-7 {
    width: 58.3333333%;
    max-width: 58.3333333%;
    flex-basis: 58.3333333%}
.grid>.gcell--xs-8 {
    width: 66.6666667%;
    max-width: 66.6666667%;
    flex-basis: 66.6666667%}
.grid>.gcell--xs-9 {
    width: 75%;
    max-width: 75%;
    flex-basis: 75%}
.grid>.gcell--xs-10 {
    width: 83.3333333%;
    max-width: 83.3333333%;
    flex-basis: 83.3333333%}
.grid>.gcell--xs-11 {
    width: 91.6666667%;
    max-width: 91.6666667%;
    flex-basis: 91.6666667%}
.grid>.gcell--xs-12 {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%}
.grid>.gcell--xs-auto {
    width: auto;
    max-width: 100%;
    flex-basis: auto;
}
.grid--xs-items-start {
    -webkit-box-align: start;
    align-items: flex-start;
}
.grid--xs-items-end {
    -webkit-box-align: end;
    align-items: flex-end;
}
.grid--xs-items-center {
    -webkit-box-align: center;
    align-items: center;
}
.grid--xs-items-stretch {
    -webkit-box-align: stretch;
    align-items: stretch;
}
.grid--xs-justify-start {
    -webkit-box-pack: start;
    justify-content: flex-start;
}
.grid--xs-justify-end {
    -webkit-box-pack: end;
    justify-content: flex-end;
}
.grid--xs-justify-center {
    -webkit-box-pack: center;
    justify-content: center;
}
.grid--xs-justify-between {
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.grid--xs-justify-around {
    justify-content: space-around;
}
.grid--xs-nowrap {
    flex-wrap: nowrap;
}
.grid--xs-wrap {
    flex-wrap: wrap;
}
.grid--xs-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}
.grid--xs-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
}
.grid--xs-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
}
.grid>.gcell--xs-start {
    align-self: flex-start;
}
.grid>.gcell--xs-end {
    align-self: flex-end;
}
.grid>.gcell--xs-center {
    -ms-grid-row-align: center;
    align-self: center;
}
.grid>.gcell--xs-stretch {
    -ms-grid-row-align: stretch;
    align-self: stretch;
}
.grid>.gcell--xs-nogrow {
    -webkit-box-flex: 0;
    flex-grow: 0;
}
.grid>.gcell--xs-grow {
    -webkit-box-flex: 1;
    flex-grow: 1;
}
.grid>.gcell--xs-shrink {
    flex-shrink: 1;
}
.grid>.gcell--xs-noshrink {
    flex-shrink: 0;
}
.grid>.gcell--xs-order-start {
    -webkit-box-ordinal-group: 0;
    order: -1;
}
.grid>.gcell--xs-order-end {
    -webkit-box-ordinal-group: 2;
    order: 1;
}
.grid>.gcell--xs-noorder {
    -webkit-box-ordinal-group: 1;
    order: 0;
}
.grid>.gcell--xs-nobasis {
    flex-basis: 0;
}
.grid--xs-space-sm {
    margin-left: -2.5px;
    margin-right: -2.5px;
}
.grid--xs-space-sm>.gcell {
    padding-left: 2.5px;
    padding-right: 2.5px;
}
.grid--xs-space-md {
    margin-left: -5px;
    margin-right: -5px;
}
.grid--xs-space-md>.gcell {
    padding-left: 5px;
    padding-right: 5px;
}
.grid--xs-space-def {
    margin-left: -10px;
    margin-right: -10px;
}
.grid--xs-space-def>.gcell {
    padding-left: 10px;
    padding-right: 10px;
}
.grid--xs-space-lg {
    margin-left: -15px;
    margin-right: -15px;
}
.grid--xs-space-lg>.gcell {
    padding-left: 15px;
    padding-right: 15px;
}
.grid--xs-space-xl {
    margin-left: -20px;
    margin-right: -20px;
}
.grid--xs-space-xl>.gcell {
    padding-left: 20px;
    padding-right: 20px;
}
.grid--xs-space-mg {
    margin-left: -25px;
    margin-right: -25px;
}
.grid--xs-space-mg>.gcell {
    padding-left: 25px;
    padding-right: 25px;
}
.grid--xs-nospace {
    margin: 0;
}
.grid--xs-nospace>.gcell {
    padding: 0;
}
._xs-left {
    float: left;
}
._xs-right {
    float: right;
}
._xs-overflow {
    overflow: hidden;
}
._xs-text-left {
    text-align: left;
}
._xs-text-right {
    text-align: right;
}
._xs-text-center {
    text-align: center;
}
._xs-hide {
    display: none;
}
._xs-hide\! {
    display: none!important;
}
._xs-m-sm {
    margin: .3125rem!important;
}
._xs-m-md {
    margin: .625rem!important;
}
._xs-m-def {
    margin: 1.25rem!important;
}
._xs-m-lg {
    margin: 1.875rem!important;
}
._xs-m-xl {
    margin: 2.5rem!important;
}
._xs-m-mg {
    margin: 3.125rem!important;
}
._xs-mt-sm {
    margin-top: .3125rem!important;
}
._xs-mt-md {
    margin-top: .625rem!important;
}
._xs-mt-def {
    margin-top: 1.25rem!important;
}
._xs-mt-lg {
    margin-top: 1.875rem!important;
}
._xs-mt-xl {
    margin-top: 2.5rem!important;
}
._xs-mt-mg {
    margin-top: 3.125rem!important;
}
._xs-mt-none {
    margin-top: 0!important;
}
._xs-mr-sm {
    margin-right: .3125rem!important;
}
._xs-mr-md {
    margin-right: .625rem!important;
}
._xs-mr-def {
    margin-right: 1.25rem!important;
}
._xs-mr-lg {
    margin-right: 1.875rem!important;
}
._xs-mr-xl {
    margin-right: 2.5rem!important;
}
._xs-mr-mg {
    margin-right: 3.125rem!important;
}
._xs-mr-none {
    margin-right: 0!important;
}
._xs-mb-sm {
    margin-bottom: .3125rem!important;
}
._xs-mb-md {
    margin-bottom: .625rem!important;
}
._xs-mb-def {
    margin-bottom: 1.25rem!important;
}
._xs-mb-lg {
    margin-bottom: 1.875rem!important;
}
._xs-mb-xl {
    margin-bottom: 2.5rem!important;
}
._xs-mb-mg {
    margin-bottom: 3.125rem!important;
}
._xs-mb-none {
    margin-bottom: 0!important;
}
._xs-ml-sm {
    margin-left: .3125rem!important;
}
._xs-ml-md {
    margin-left: .625rem!important;
}
._xs-ml-def {
    margin-left: 1.25rem!important;
}
._xs-ml-lg {
    margin-left: 1.875rem!important;
}
._xs-ml-xl {
    margin-left: 2.5rem!important;
}
._xs-ml-mg {
    margin-left: 3.125rem!important;
}
._xs-ml-none {
    margin-left: 0!important;
}
._xs-m-none {
    margin: 0!important;
}
._xs-p-sm {
    padding: .3125rem!important;
}
._xs-p-md {
    padding: .625rem!important;
}
._xs-p-def {
    padding: 1.25rem!important;
}
._xs-p-lg {
    padding: 1.875rem!important;
}
._xs-p-xl {
    padding: 2.5rem!important;
}
._xs-p-mg {
    padding: 3.125rem!important;
}
._xs-pt-sm {
    padding-top: .3125rem!important;
}
._xs-pt-md {
    padding-top: .625rem!important;
}
._xs-pt-def {
    padding-top: 1.25rem!important;
}
._xs-pt-lg {
    padding-top: 1.875rem!important;
}
._xs-pt-xl {
    padding-top: 2.5rem!important;
}
._xs-pt-mg {
    padding-top: 3.125rem!important;
}
._xs-pt-none {
    padding-top: 0!important;
}
._xs-pr-sm {
    padding-right: .3125rem!important;
}
._xs-pr-md {
    padding-right: .625rem!important;
}
._xs-pr-def {
    padding-right: 1.25rem!important;
}
._xs-pr-lg {
    padding-right: 1.875rem!important;
}
._xs-pr-xl {
    padding-right: 2.5rem!important;
}
._xs-pr-mg {
    padding-right: 3.125rem!important;
}
._xs-pr-none {
    padding-right: 0!important;
}
._xs-pb-sm {
    padding-bottom: .3125rem!important;
}
._xs-pb-md {
    padding-bottom: .625rem!important;
}
._xs-pb-def {
    padding-bottom: 1.25rem!important;
}
._xs-pb-lg {
    padding-bottom: 1.875rem!important;
}
._xs-pb-xl {
    padding-bottom: 2.5rem!important;
}
._xs-pb-mg {
    padding-bottom: 3.125rem!important;
}
._xs-pb-none {
    padding-bottom: 0!important;
}
._xs-pl-sm {
    padding-left: .3125rem!important;
}
._xs-pl-md {
    padding-left: .625rem!important;
}
._xs-pl-def {
    padding-left: 1.25rem!important;
}
._xs-pl-lg {
    padding-left: 1.875rem!important;
}
._xs-pl-xl {
    padding-left: 2.5rem!important;
}
._xs-pl-mg {
    padding-left: 3.125rem!important;
}
._xs-pl-none {
    padding-left: 0!important;
}
._xs-p-none {
    padding: 0!important;
}
._xs-m-auto {
    margin: auto!important;
}
._xs-ml-auto {
    margin-left: auto!important;
}
._xs-mr-auto {
    margin-right: auto!important;
}
.pagination__link {
    font-size: 14px;
}
}@media only screen and (min-width:412px) {
    /*! $mqpacker hack */}
@media only screen and (min-width: 480px) {
    /*! $mqpacker hack */.grid--sm-1>.gcell {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%}
.grid--sm-2>.gcell {
    width: 50%;
    max-width: 50%;
    flex-basis: 50%}
.grid--sm-3>.gcell {
    width: 33.3333333%;
    max-width: 33.3333333%;
    flex-basis: 33.3333333%}
.grid--sm-4>.gcell {
    width: 25%;
    max-width: 25%;
    flex-basis: 25%}
.grid--sm-5>.gcell {
    width: 20%;
    max-width: 20%;
    flex-basis: 20%}
.grid--sm-6>.gcell {
    width: 16.6666667%;
    max-width: 16.6666667%;
    flex-basis: 16.6666667%}
.grid--sm-7>.gcell {
    width: 14.2857143%;
    max-width: 14.2857143%;
    flex-basis: 14.2857143%}
.grid--sm-8>.gcell {
    width: 12.5%;
    max-width: 12.5%;
    flex-basis: 12.5%}
.grid--sm-9>.gcell {
    width: 11.1111111%;
    max-width: 11.1111111%;
    flex-basis: 11.1111111%}
.grid--sm-10>.gcell {
    width: 10%;
    max-width: 10%;
    flex-basis: 10%}
.grid--sm-11>.gcell {
    width: 9.0909091%;
    max-width: 9.0909091%;
    flex-basis: 9.0909091%}
.grid--sm-12>.gcell {
    width: 8.3333333%;
    max-width: 8.3333333%;
    flex-basis: 8.3333333%}
.grid--sm-auto>.gcell {
    width: auto;
    max-width: none;
    flex-basis: auto;
}
.grid>.gcell--sm-1 {
    width: 8.3333333%;
    max-width: 8.3333333%;
    flex-basis: 8.3333333%}
.grid>.gcell--sm-2 {
    width: 16.6666667%;
    max-width: 16.6666667%;
    flex-basis: 16.6666667%}
.grid>.gcell--sm-3 {
    width: 25%;
    max-width: 25%;
    flex-basis: 25%}
.grid>.gcell--sm-4 {
    width: 33.3333333%;
    max-width: 33.3333333%;
    flex-basis: 33.3333333%}
.grid>.gcell--sm-5 {
    width: 41.6666667%;
    max-width: 41.6666667%;
    flex-basis: 41.6666667%}
.grid>.gcell--sm-6 {
    width: 50%;
    max-width: 50%;
    flex-basis: 50%}
.grid>.gcell--sm-7 {
    width: 58.3333333%;
    max-width: 58.3333333%;
    flex-basis: 58.3333333%}
.grid>.gcell--sm-8 {
    width: 66.6666667%;
    max-width: 66.6666667%;
    flex-basis: 66.6666667%}
.grid>.gcell--sm-9 {
    width: 75%;
    max-width: 75%;
    flex-basis: 75%}
.grid>.gcell--sm-10 {
    width: 83.3333333%;
    max-width: 83.3333333%;
    flex-basis: 83.3333333%}
.grid>.gcell--sm-11 {
    width: 91.6666667%;
    max-width: 91.6666667%;
    flex-basis: 91.6666667%}
.grid>.gcell--sm-12 {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%}
.grid>.gcell--sm-auto {
    width: auto;
    max-width: 100%;
    flex-basis: auto;
}
.grid--sm-items-start {
    -webkit-box-align: start;
    align-items: flex-start;
}
.grid--sm-items-end {
    -webkit-box-align: end;
    align-items: flex-end;
}
.grid--sm-items-center {
    -webkit-box-align: center;
    align-items: center;
}
.grid--sm-items-stretch {
    -webkit-box-align: stretch;
    align-items: stretch;
}
.grid--sm-justify-start {
    -webkit-box-pack: start;
    justify-content: flex-start;
}
.grid--sm-justify-end {
    -webkit-box-pack: end;
    justify-content: flex-end;
}
.grid--sm-justify-center {
    -webkit-box-pack: center;
    justify-content: center;
}
.grid--sm-justify-between {
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.grid--sm-justify-around {
    justify-content: space-around;
}
.grid--sm-nowrap {
    flex-wrap: nowrap;
}
.grid--sm-wrap {
    flex-wrap: wrap;
}
.grid--sm-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}
.grid--sm-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
}
.grid--sm-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
}
.grid>.gcell--sm-start {
    align-self: flex-start;
}
.grid>.gcell--sm-end {
    align-self: flex-end;
}
.grid>.gcell--sm-center {
    -ms-grid-row-align: center;
    align-self: center;
}
.grid>.gcell--sm-stretch {
    -ms-grid-row-align: stretch;
    align-self: stretch;
}
.grid>.gcell--sm-nogrow {
    -webkit-box-flex: 0;
    flex-grow: 0;
}
.grid>.gcell--sm-grow {
    -webkit-box-flex: 1;
    flex-grow: 1;
}
.grid>.gcell--sm-shrink {
    flex-shrink: 1;
}
.grid>.gcell--sm-noshrink {
    flex-shrink: 0;
}
.grid>.gcell--sm-order-start {
    -webkit-box-ordinal-group: 0;
    order: -1;
}
.grid>.gcell--sm-order-end {
    -webkit-box-ordinal-group: 2;
    order: 1;
}
.grid>.gcell--sm-noorder {
    -webkit-box-ordinal-group: 1;
    order: 0;
}
.grid>.gcell--sm-nobasis {
    flex-basis: 0;
}
.grid--sm-space-sm {
    margin-left: -2.5px;
    margin-right: -2.5px;
}
.grid--sm-space-sm>.gcell {
    padding-left: 2.5px;
    padding-right: 2.5px;
}
.grid--sm-space-md {
    margin-left: -5px;
    margin-right: -5px;
}
.grid--sm-space-md>.gcell {
    padding-left: 5px;
    padding-right: 5px;
}
.grid--sm-space-def {
    margin-left: -10px;
    margin-right: -10px;
}
.grid--sm-space-def>.gcell {
    padding-left: 10px;
    padding-right: 10px;
}
.grid--sm-space-lg {
    margin-left: -15px;
    margin-right: -15px;
}
.grid--sm-space-lg>.gcell {
    padding-left: 15px;
    padding-right: 15px;
}
.grid--sm-space-xl {
    margin-left: -20px;
    margin-right: -20px;
}
.grid--sm-space-xl>.gcell {
    padding-left: 20px;
    padding-right: 20px;
}
.grid--sm-space-mg {
    margin-left: -25px;
    margin-right: -25px;
}
.grid--sm-space-mg>.gcell {
    padding-left: 25px;
    padding-right: 25px;
}
.grid--sm-nospace {
    margin: 0;
}
.grid--sm-nospace>.gcell {
    padding: 0;
}
._sm-left {
    float: left;
}
._sm-right {
    float: right;
}
._sm-overflow {
    overflow: hidden;
}
._sm-text-left {
    text-align: left;
}
._sm-text-right {
    text-align: right;
}
._sm-text-center {
    text-align: center;
}
._sm-hide {
    display: none;
}
._sm-hide\! {
    display: none!important;
}
._sm-m-sm {
    margin: .3125rem!important;
}
._sm-m-md {
    margin: .625rem!important;
}
._sm-m-def {
    margin: 1.25rem!important;
}
._sm-m-lg {
    margin: 1.875rem!important;
}
._sm-m-xl {
    margin: 2.5rem!important;
}
._sm-m-mg {
    margin: 3.125rem!important;
}
._sm-mt-sm {
    margin-top: .3125rem!important;
}
._sm-mt-md {
    margin-top: .625rem!important;
}
._sm-mt-def {
    margin-top: 1.25rem!important;
}
._sm-mt-lg {
    margin-top: 1.875rem!important;
}
._sm-mt-xl {
    margin-top: 2.5rem!important;
}
._sm-mt-mg {
    margin-top: 3.125rem!important;
}
._sm-mt-none {
    margin-top: 0!important;
}
._sm-mr-sm {
    margin-right: .3125rem!important;
}
._sm-mr-md {
    margin-right: .625rem!important;
}
._sm-mr-def {
    margin-right: 1.25rem!important;
}
._sm-mr-lg {
    margin-right: 1.875rem!important;
}
._sm-mr-xl {
    margin-right: 2.5rem!important;
}
._sm-mr-mg {
    margin-right: 3.125rem!important;
}
._sm-mr-none {
    margin-right: 0!important;
}
._sm-mb-sm {
    margin-bottom: .3125rem!important;
}
._sm-mb-md {
    margin-bottom: .625rem!important;
}
._sm-mb-def {
    margin-bottom: 1.25rem!important;
}
._sm-mb-lg {
    margin-bottom: 1.875rem!important;
}
._sm-mb-xl {
    margin-bottom: 2.5rem!important;
}
._sm-mb-mg {
    margin-bottom: 3.125rem!important;
}
._sm-mb-none {
    margin-bottom: 0!important;
}
._sm-ml-sm {
    margin-left: .3125rem!important;
}
._sm-ml-md {
    margin-left: .625rem!important;
}
._sm-ml-def {
    margin-left: 1.25rem!important;
}
._sm-ml-lg {
    margin-left: 1.875rem!important;
}
._sm-ml-xl {
    margin-left: 2.5rem!important;
}
._sm-ml-mg {
    margin-left: 3.125rem!important;
}
._sm-ml-none {
    margin-left: 0!important;
}
._sm-m-none {
    margin: 0!important;
}
._sm-p-sm {
    padding: .3125rem!important;
}
._sm-p-md {
    padding: .625rem!important;
}
._sm-p-def {
    padding: 1.25rem!important;
}
._sm-p-lg {
    padding: 1.875rem!important;
}
._sm-p-xl {
    padding: 2.5rem!important;
}
._sm-p-mg {
    padding: 3.125rem!important;
}
._sm-pt-sm {
    padding-top: .3125rem!important;
}
._sm-pt-md {
    padding-top: .625rem!important;
}
._sm-pt-def {
    padding-top: 1.25rem!important;
}
._sm-pt-lg {
    padding-top: 1.875rem!important;
}
._sm-pt-xl {
    padding-top: 2.5rem!important;
}
._sm-pt-mg {
    padding-top: 3.125rem!important;
}
._sm-pt-none {
    padding-top: 0!important;
}
._sm-pr-sm {
    padding-right: .3125rem!important;
}
._sm-pr-md {
    padding-right: .625rem!important;
}
._sm-pr-def {
    padding-right: 1.25rem!important;
}
._sm-pr-lg {
    padding-right: 1.875rem!important;
}
._sm-pr-xl {
    padding-right: 2.5rem!important;
}
._sm-pr-mg {
    padding-right: 3.125rem!important;
}
._sm-pr-none {
    padding-right: 0!important;
}
._sm-pb-sm {
    padding-bottom: .3125rem!important;
}
._sm-pb-md {
    padding-bottom: .625rem!important;
}
._sm-pb-def {
    padding-bottom: 1.25rem!important;
}
._sm-pb-lg {
    padding-bottom: 1.875rem!important;
}
._sm-pb-xl {
    padding-bottom: 2.5rem!important;
}
._sm-pb-mg {
    padding-bottom: 3.125rem!important;
}
._sm-pb-none {
    padding-bottom: 0!important;
}
._sm-pl-sm {
    padding-left: .3125rem!important;
}
._sm-pl-md {
    padding-left: .625rem!important;
}
._sm-pl-def {
    padding-left: 1.25rem!important;
}
._sm-pl-lg {
    padding-left: 1.875rem!important;
}
._sm-pl-xl {
    padding-left: 2.5rem!important;
}
._sm-pl-mg {
    padding-left: 3.125rem!important;
}
._sm-pl-none {
    padding-left: 0!important;
}
._sm-p-none {
    padding: 0!important;
}
._sm-m-auto {
    margin: auto!important;
}
._sm-ml-auto {
    margin-left: auto!important;
}
._sm-mr-auto {
    margin-right: auto!important;
}
}@media only screen and (min-width:640px) {
    /*! $mqpacker hack */.grid--ms-1>.gcell {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%}
.grid--ms-2>.gcell {
    width: 50%;
    max-width: 50%;
    flex-basis: 50%}
.grid--ms-3>.gcell {
    width: 33.3333333%;
    max-width: 33.3333333%;
    flex-basis: 33.3333333%}
.grid--ms-4>.gcell {
    width: 25%;
    max-width: 25%;
    flex-basis: 25%}
.grid--ms-5>.gcell {
    width: 20%;
    max-width: 20%;
    flex-basis: 20%}
.grid--ms-6>.gcell {
    width: 16.6666667%;
    max-width: 16.6666667%;
    flex-basis: 16.6666667%}
.grid--ms-7>.gcell {
    width: 14.2857143%;
    max-width: 14.2857143%;
    flex-basis: 14.2857143%}
.grid--ms-8>.gcell {
    width: 12.5%;
    max-width: 12.5%;
    flex-basis: 12.5%}
.grid--ms-9>.gcell {
    width: 11.1111111%;
    max-width: 11.1111111%;
    flex-basis: 11.1111111%}
.grid--ms-10>.gcell {
    width: 10%;
    max-width: 10%;
    flex-basis: 10%}
.grid--ms-11>.gcell {
    width: 9.0909091%;
    max-width: 9.0909091%;
    flex-basis: 9.0909091%}
.grid--ms-12>.gcell {
    width: 8.3333333%;
    max-width: 8.3333333%;
    flex-basis: 8.3333333%}
.grid--ms-auto>.gcell {
    width: auto;
    max-width: none;
    flex-basis: auto;
}
.grid>.gcell--ms-1 {
    width: 8.3333333%;
    max-width: 8.3333333%;
    flex-basis: 8.3333333%}
.grid>.gcell--ms-2 {
    width: 16.6666667%;
    max-width: 16.6666667%;
    flex-basis: 16.6666667%}
.grid>.gcell--ms-3 {
    width: 25%;
    max-width: 25%;
    flex-basis: 25%}
.grid>.gcell--ms-4 {
    width: 33.3333333%;
    max-width: 33.3333333%;
    flex-basis: 33.3333333%}
.grid>.gcell--ms-5 {
    width: 41.6666667%;
    max-width: 41.6666667%;
    flex-basis: 41.6666667%}
.grid>.gcell--ms-6 {
    width: 50%;
    max-width: 50%;
    flex-basis: 50%}
.grid>.gcell--ms-7 {
    width: 58.3333333%;
    max-width: 58.3333333%;
    flex-basis: 58.3333333%}
.grid>.gcell--ms-8 {
    width: 66.6666667%;
    max-width: 66.6666667%;
    flex-basis: 66.6666667%}
.grid>.gcell--ms-9 {
    width: 75%;
    max-width: 75%;
    flex-basis: 75%}
.grid>.gcell--ms-10 {
    width: 83.3333333%;
    max-width: 83.3333333%;
    flex-basis: 83.3333333%}
.grid>.gcell--ms-11 {
    width: 91.6666667%;
    max-width: 91.6666667%;
    flex-basis: 91.6666667%}
.grid>.gcell--ms-12 {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%}
.grid>.gcell--ms-auto {
    width: auto;
    max-width: 100%;
    flex-basis: auto;
}
.grid--ms-items-start {
    -webkit-box-align: start;
    align-items: flex-start;
}
.grid--ms-items-end {
    -webkit-box-align: end;
    align-items: flex-end;
}
.grid--ms-items-center {
    -webkit-box-align: center;
    align-items: center;
}
.grid--ms-items-stretch {
    -webkit-box-align: stretch;
    align-items: stretch;
}
.grid--ms-justify-start {
    -webkit-box-pack: start;
    justify-content: flex-start;
}
.grid--ms-justify-end {
    -webkit-box-pack: end;
    justify-content: flex-end;
}
.grid--ms-justify-center {
    -webkit-box-pack: center;
    justify-content: center;
}
.grid--ms-justify-between {
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.grid--ms-justify-around {
    justify-content: space-around;
}
.grid--ms-nowrap {
    flex-wrap: nowrap;
}
.grid--ms-wrap {
    flex-wrap: wrap;
}
.grid--ms-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}
.grid--ms-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
}
.grid--ms-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
}
.grid>.gcell--ms-start {
    align-self: flex-start;
}
.grid>.gcell--ms-end {
    align-self: flex-end;
}
.grid>.gcell--ms-center {
    -ms-grid-row-align: center;
    align-self: center;
}
.grid>.gcell--ms-stretch {
    -ms-grid-row-align: stretch;
    align-self: stretch;
}
.grid>.gcell--ms-nogrow {
    -webkit-box-flex: 0;
    flex-grow: 0;
}
.grid>.gcell--ms-grow {
    -webkit-box-flex: 1;
    flex-grow: 1;
}
.grid>.gcell--ms-shrink {
    flex-shrink: 1;
}
.grid>.gcell--ms-noshrink {
    flex-shrink: 0;
}
.grid>.gcell--ms-order-start {
    -webkit-box-ordinal-group: 0;
    order: -1;
}
.grid>.gcell--ms-order-end {
    -webkit-box-ordinal-group: 2;
    order: 1;
}
.grid>.gcell--ms-noorder {
    -webkit-box-ordinal-group: 1;
    order: 0;
}
.grid>.gcell--ms-nobasis {
    flex-basis: 0;
}
.grid--ms-space-sm {
    margin-left: -2.5px;
    margin-right: -2.5px;
}
.grid--ms-space-sm>.gcell {
    padding-left: 2.5px;
    padding-right: 2.5px;
}
.grid--ms-space-md {
    margin-left: -5px;
    margin-right: -5px;
}
.grid--ms-space-md>.gcell {
    padding-left: 5px;
    padding-right: 5px;
}
.grid--ms-space-def {
    margin-left: -10px;
    margin-right: -10px;
}
.grid--ms-space-def>.gcell {
    padding-left: 10px;
    padding-right: 10px;
}
.grid--ms-space-lg {
    margin-left: -15px;
    margin-right: -15px;
}
.grid--ms-space-lg>.gcell {
    padding-left: 15px;
    padding-right: 15px;
}
.grid--ms-space-xl {
    margin-left: -20px;
    margin-right: -20px;
}
.grid--ms-space-xl>.gcell {
    padding-left: 20px;
    padding-right: 20px;
}
.grid--ms-space-mg {
    margin-left: -25px;
    margin-right: -25px;
}
.grid--ms-space-mg>.gcell {
    padding-left: 25px;
    padding-right: 25px;
}
.grid--ms-nospace {
    margin: 0;
}
.grid--ms-nospace>.gcell {
    padding: 0;
}
._ms-left {
    float: left;
}
._ms-right {
    float: right;
}
._ms-overflow {
    overflow: hidden;
}
._ms-text-left {
    text-align: left;
}
._ms-text-right {
    text-align: right;
}
._ms-text-center {
    text-align: center;
}
._ms-hide {
    display: none;
}
._ms-hide\! {
    display: none!important;
}
._ms-m-sm {
    margin: .3125rem!important;
}
._ms-m-md {
    margin: .625rem!important;
}
._ms-m-def {
    margin: 1.25rem!important;
}
._ms-m-lg {
    margin: 1.875rem!important;
}
._ms-m-xl {
    margin: 2.5rem!important;
}
._ms-m-mg {
    margin: 3.125rem!important;
}
._ms-mt-sm {
    margin-top: .3125rem!important;
}
._ms-mt-md {
    margin-top: .625rem!important;
}
._ms-mt-def {
    margin-top: 1.25rem!important;
}
._ms-mt-lg {
    margin-top: 1.875rem!important;
}
._ms-mt-xl {
    margin-top: 2.5rem!important;
}
._ms-mt-mg {
    margin-top: 3.125rem!important;
}
._ms-mt-none {
    margin-top: 0!important;
}
._ms-mr-sm {
    margin-right: .3125rem!important;
}
._ms-mr-md {
    margin-right: .625rem!important;
}
._ms-mr-def {
    margin-right: 1.25rem!important;
}
._ms-mr-lg {
    margin-right: 1.875rem!important;
}
._ms-mr-xl {
    margin-right: 2.5rem!important;
}
._ms-mr-mg {
    margin-right: 3.125rem!important;
}
._ms-mr-none {
    margin-right: 0!important;
}
._ms-mb-sm {
    margin-bottom: .3125rem!important;
}
._ms-mb-md {
    margin-bottom: .625rem!important;
}
._ms-mb-def {
    margin-bottom: 1.25rem!important;
}
._ms-mb-lg {
    margin-bottom: 1.875rem!important;
}
._ms-mb-xl {
    margin-bottom: 2.5rem!important;
}
._ms-mb-mg {
    margin-bottom: 3.125rem!important;
}
._ms-mb-none {
    margin-bottom: 0!important;
}
._ms-ml-sm {
    margin-left: .3125rem!important;
}
._ms-ml-md {
    margin-left: .625rem!important;
}
._ms-ml-def {
    margin-left: 1.25rem!important;
}
._ms-ml-lg {
    margin-left: 1.875rem!important;
}
._ms-ml-xl {
    margin-left: 2.5rem!important;
}
._ms-ml-mg {
    margin-left: 3.125rem!important;
}
._ms-ml-none {
    margin-left: 0!important;
}
._ms-m-none {
    margin: 0!important;
}
._ms-p-sm {
    padding: .3125rem!important;
}
._ms-p-md {
    padding: .625rem!important;
}
._ms-p-def {
    padding: 1.25rem!important;
}
._ms-p-lg {
    padding: 1.875rem!important;
}
._ms-p-xl {
    padding: 2.5rem!important;
}
._ms-p-mg {
    padding: 3.125rem!important;
}
._ms-pt-sm {
    padding-top: .3125rem!important;
}
._ms-pt-md {
    padding-top: .625rem!important;
}
._ms-pt-def {
    padding-top: 1.25rem!important;
}
._ms-pt-lg {
    padding-top: 1.875rem!important;
}
._ms-pt-xl {
    padding-top: 2.5rem!important;
}
._ms-pt-mg {
    padding-top: 3.125rem!important;
}
._ms-pt-none {
    padding-top: 0!important;
}
._ms-pr-sm {
    padding-right: .3125rem!important;
}
._ms-pr-md {
    padding-right: .625rem!important;
}
._ms-pr-def {
    padding-right: 1.25rem!important;
}
._ms-pr-lg {
    padding-right: 1.875rem!important;
}
._ms-pr-xl {
    padding-right: 2.5rem!important;
}
._ms-pr-mg {
    padding-right: 3.125rem!important;
}
._ms-pr-none {
    padding-right: 0!important;
}
._ms-pb-sm {
    padding-bottom: .3125rem!important;
}
._ms-pb-md {
    padding-bottom: .625rem!important;
}
._ms-pb-def {
    padding-bottom: 1.25rem!important;
}
._ms-pb-lg {
    padding-bottom: 1.875rem!important;
}
._ms-pb-xl {
    padding-bottom: 2.5rem!important;
}
._ms-pb-mg {
    padding-bottom: 3.125rem!important;
}
._ms-pb-none {
    padding-bottom: 0!important;
}
._ms-pl-sm {
    padding-left: .3125rem!important;
}
._ms-pl-md {
    padding-left: .625rem!important;
}
._ms-pl-def {
    padding-left: 1.25rem!important;
}
._ms-pl-lg {
    padding-left: 1.875rem!important;
}
._ms-pl-xl {
    padding-left: 2.5rem!important;
}
._ms-pl-mg {
    padding-left: 3.125rem!important;
}
._ms-pl-none {
    padding-left: 0!important;
}
._ms-p-none {
    padding: 0!important;
}
._ms-m-auto {
    margin: auto!important;
}
._ms-ml-auto {
    margin-left: auto!important;
}
._ms-mr-auto {
    margin-right: auto!important;
}
}@media only screen and (min-width:768px) {
    /*! $mqpacker hack */.grid--md-1>.gcell {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%}
.grid--md-2>.gcell {
    width: 50%;
    max-width: 50%;
    flex-basis: 50%}
.grid--md-3>.gcell {
    width: 33.3333333%;
    max-width: 33.3333333%;
    flex-basis: 33.3333333%}
.grid--md-4>.gcell {
    width: 25%;
    max-width: 25%;
    flex-basis: 25%}
.grid--md-5>.gcell {
    width: 20%;
    max-width: 20%;
    flex-basis: 20%}
.grid--md-6>.gcell {
    width: 16.6666667%;
    max-width: 16.6666667%;
    flex-basis: 16.6666667%}
.grid--md-7>.gcell {
    width: 14.2857143%;
    max-width: 14.2857143%;
    flex-basis: 14.2857143%}
.grid--md-8>.gcell {
    width: 12.5%;
    max-width: 12.5%;
    flex-basis: 12.5%}
.grid--md-9>.gcell {
    width: 11.1111111%;
    max-width: 11.1111111%;
    flex-basis: 11.1111111%}
.grid--md-10>.gcell {
    width: 10%;
    max-width: 10%;
    flex-basis: 10%}
.grid--md-11>.gcell {
    width: 9.0909091%;
    max-width: 9.0909091%;
    flex-basis: 9.0909091%}
.grid--md-12>.gcell {
    width: 8.3333333%;
    max-width: 8.3333333%;
    flex-basis: 8.3333333%}
.grid--md-auto>.gcell {
    width: auto;
    max-width: none;
    flex-basis: auto;
}
.grid>.gcell--md-1 {
    width: 8.3333333%;
    max-width: 8.3333333%;
    flex-basis: 8.3333333%}
.grid>.gcell--md-2 {
    width: 16.6666667%;
    max-width: 16.6666667%;
    flex-basis: 16.6666667%}
.grid>.gcell--md-3 {
    width: 25%;
    max-width: 25%;
    flex-basis: 25%}
.grid>.gcell--md-4 {
    width: 33.3333333%;
    max-width: 33.3333333%;
    flex-basis: 33.3333333%}
.grid>.gcell--md-5 {
    width: 41.6666667%;
    max-width: 41.6666667%;
    flex-basis: 41.6666667%}
.grid>.gcell--md-6 {
    width: 50%;
    max-width: 50%;
    flex-basis: 50%}
.grid>.gcell--md-7 {
    width: 58.3333333%;
    max-width: 58.3333333%;
    flex-basis: 58.3333333%}
.grid>.gcell--md-8 {
    width: 66.6666667%;
    max-width: 66.6666667%;
    flex-basis: 66.6666667%}
.grid>.gcell--md-9 {
    width: 75%;
    max-width: 75%;
    flex-basis: 75%}
.grid>.gcell--md-10 {
    width: 83.3333333%;
    max-width: 83.3333333%;
    flex-basis: 83.3333333%}
.grid>.gcell--md-11 {
    width: 91.6666667%;
    max-width: 91.6666667%;
    flex-basis: 91.6666667%}
.grid>.gcell--md-12 {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%}
.grid>.gcell--md-auto {
    width: auto;
    max-width: 100%;
    flex-basis: auto;
}
.grid--md-items-start {
    -webkit-box-align: start;
    align-items: flex-start;
}
.grid--md-items-end {
    -webkit-box-align: end;
    align-items: flex-end;
}
.grid--md-items-center {
    -webkit-box-align: center;
    align-items: center;
}
.grid--md-items-stretch {
    -webkit-box-align: stretch;
    align-items: stretch;
}
.grid--md-justify-start {
    -webkit-box-pack: start;
    justify-content: flex-start;
}
.grid--md-justify-end {
    -webkit-box-pack: end;
    justify-content: flex-end;
}
.grid--md-justify-center {
    -webkit-box-pack: center;
    justify-content: center;
}
.grid--md-justify-between {
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.grid--md-justify-around {
    justify-content: space-around;
}
.grid--md-nowrap {
    flex-wrap: nowrap;
}
.grid--md-wrap {
    flex-wrap: wrap;
}
.grid--md-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}
.grid--md-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
}
.grid--md-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
}
.grid>.gcell--md-start {
    align-self: flex-start;
}
.grid>.gcell--md-end {
    align-self: flex-end;
}
.grid>.gcell--md-center {
    -ms-grid-row-align: center;
    align-self: center;
}
.grid>.gcell--md-stretch {
    -ms-grid-row-align: stretch;
    align-self: stretch;
}
.grid>.gcell--md-nogrow {
    -webkit-box-flex: 0;
    flex-grow: 0;
}
.grid>.gcell--md-grow {
    -webkit-box-flex: 1;
    flex-grow: 1;
}
.grid>.gcell--md-shrink {
    flex-shrink: 1;
}
.grid>.gcell--md-noshrink {
    flex-shrink: 0;
}
.grid>.gcell--md-order-start {
    -webkit-box-ordinal-group: 0;
    order: -1;
}
.grid>.gcell--md-order-end {
    -webkit-box-ordinal-group: 2;
    order: 1;
}
.grid>.gcell--md-noorder {
    -webkit-box-ordinal-group: 1;
    order: 0;
}
.grid>.gcell--md-nobasis {
    flex-basis: 0;
}
.grid--md-space-sm {
    margin-left: -2.5px;
    margin-right: -2.5px;
}
.grid--md-space-sm>.gcell {
    padding-left: 2.5px;
    padding-right: 2.5px;
}
.grid--md-space-md {
    margin-left: -5px;
    margin-right: -5px;
}
.grid--md-space-md>.gcell {
    padding-left: 5px;
    padding-right: 5px;
}
.grid--md-space-def {
    margin-left: -10px;
    margin-right: -10px;
}
.grid--md-space-def>.gcell {
    padding-left: 10px;
    padding-right: 10px;
}
.grid--md-space-lg {
    margin-left: -15px;
    margin-right: -15px;
}
.grid--md-space-lg>.gcell {
    padding-left: 15px;
    padding-right: 15px;
}
.grid--md-space-xl {
    margin-left: -20px;
    margin-right: -20px;
}
.grid--md-space-xl>.gcell {
    padding-left: 20px;
    padding-right: 20px;
}
.grid--md-space-mg {
    margin-left: -25px;
    margin-right: -25px;
}
.grid--md-space-mg>.gcell {
    padding-left: 25px;
    padding-right: 25px;
}
.grid--md-nospace {
    margin: 0;
}
.grid--md-nospace>.gcell {
    padding: 0;
}
._md-left {
    float: left;
}
._md-right {
    float: right;
}
._md-overflow {
    overflow: hidden;
}
._md-text-left {
    text-align: left;
}
._md-text-right {
    text-align: right;
}
._md-text-center {
    text-align: center;
}
._md-hide {
    display: none;
}
._md-hide\! {
    display: none!important;
}
._md-m-sm {
    margin: .3125rem!important;
}
._md-m-md {
    margin: .625rem!important;
}
._md-m-def {
    margin: 1.25rem!important;
}
._md-m-lg {
    margin: 1.875rem!important;
}
._md-m-xl {
    margin: 2.5rem!important;
}
._md-m-mg {
    margin: 3.125rem!important;
}
._md-mt-sm {
    margin-top: .3125rem!important;
}
._md-mt-md {
    margin-top: .625rem!important;
}
._md-mt-def {
    margin-top: 1.25rem!important;
}
._md-mt-lg {
    margin-top: 1.875rem!important;
}
._md-mt-xl {
    margin-top: 2.5rem!important;
}
._md-mt-mg {
    margin-top: 3.125rem!important;
}
._md-mt-none {
    margin-top: 0!important;
}
._md-mr-sm {
    margin-right: .3125rem!important;
}
._md-mr-md {
    margin-right: .625rem!important;
}
._md-mr-def {
    margin-right: 1.25rem!important;
}
._md-mr-lg {
    margin-right: 1.875rem!important;
}
._md-mr-xl {
    margin-right: 2.5rem!important;
}
._md-mr-mg {
    margin-right: 3.125rem!important;
}
._md-mr-none {
    margin-right: 0!important;
}
._md-mb-sm {
    margin-bottom: .3125rem!important;
}
._md-mb-md {
    margin-bottom: .625rem!important;
}
._md-mb-def {
    margin-bottom: 1.25rem!important;
}
._md-mb-lg {
    margin-bottom: 1.875rem!important;
}
._md-mb-xl {
    margin-bottom: 2.5rem!important;
}
._md-mb-mg {
    margin-bottom: 3.125rem!important;
}
._md-mb-none {
    margin-bottom: 0!important;
}
._md-ml-sm {
    margin-left: .3125rem!important;
}
._md-ml-md {
    margin-left: .625rem!important;
}
._md-ml-def {
    margin-left: 1.25rem!important;
}
._md-ml-lg {
    margin-left: 1.875rem!important;
}
._md-ml-xl {
    margin-left: 2.5rem!important;
}
._md-ml-mg {
    margin-left: 3.125rem!important;
}
._md-ml-none {
    margin-left: 0!important;
}
._md-m-none {
    margin: 0!important;
}
._md-p-sm {
    padding: .3125rem!important;
}
._md-p-md {
    padding: .625rem!important;
}
._md-p-def {
    padding: 1.25rem!important;
}
._md-p-lg {
    padding: 1.875rem!important;
}
._md-p-xl {
    padding: 2.5rem!important;
}
._md-p-mg {
    padding: 3.125rem!important;
}
._md-pt-sm {
    padding-top: .3125rem!important;
}
._md-pt-md {
    padding-top: .625rem!important;
}
._md-pt-def {
    padding-top: 1.25rem!important;
}
._md-pt-lg {
    padding-top: 1.875rem!important;
}
._md-pt-xl {
    padding-top: 2.5rem!important;
}
._md-pt-mg {
    padding-top: 3.125rem!important;
}
._md-pt-none {
    padding-top: 0!important;
}
._md-pr-sm {
    padding-right: .3125rem!important;
}
._md-pr-md {
    padding-right: .625rem!important;
}
._md-pr-def {
    padding-right: 1.25rem!important;
}
._md-pr-lg {
    padding-right: 1.875rem!important;
}
._md-pr-xl {
    padding-right: 2.5rem!important;
}
._md-pr-mg {
    padding-right: 3.125rem!important;
}
._md-pr-none {
    padding-right: 0!important;
}
._md-pb-sm {
    padding-bottom: .3125rem!important;
}
._md-pb-md {
    padding-bottom: .625rem!important;
}
._md-pb-def {
    padding-bottom: 1.25rem!important;
}
._md-pb-lg {
    padding-bottom: 1.875rem!important;
}
._md-pb-xl {
    padding-bottom: 2.5rem!important;
}
._md-pb-mg {
    padding-bottom: 3.125rem!important;
}
._md-pb-none {
    padding-bottom: 0!important;
}
._md-pl-sm {
    padding-left: .3125rem!important;
}
._md-pl-md {
    padding-left: .625rem!important;
}
._md-pl-def {
    padding-left: 1.25rem!important;
}
._md-pl-lg {
    padding-left: 1.875rem!important;
}
._md-pl-xl {
    padding-left: 2.5rem!important;
}
._md-pl-mg {
    padding-left: 3.125rem!important;
}
._md-pl-none {
    padding-left: 0!important;
}
._md-p-none {
    padding: 0!important;
}
._md-m-auto {
    margin: auto!important;
}
._md-ml-auto {
    margin-left: auto!important;
}
._md-mr-auto {
    margin-right: auto!important;
}
html {
    font-size: 14px;
}
.sitemap {
    padding-left: 2rem;
    padding-right: 2rem;
}
.work__tabLink {
    margin-bottom: 15px;
}
.metal .question__title1 {
    line-height: 1.2em;
    max-height: 5em;
    margin-bottom: 0;
}
}@media only screen and (min-width:1024px) {
    /*! $mqpacker hack */.grid--def-1>.gcell {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%}
.grid--def-2>.gcell {
    width: 50%;
    max-width: 50%;
    flex-basis: 50%}
.grid--def-3>.gcell {
    width: 33.3333333%;
    max-width: 33.3333333%;
    flex-basis: 33.3333333%}
.grid--def-4>.gcell {
    width: 25%;
    max-width: 25%;
    flex-basis: 25%}
.grid--def-5>.gcell {
    width: 20%;
    max-width: 20%;
    flex-basis: 20%}
.grid--def-6>.gcell {
    width: 16.6666667%;
    max-width: 16.6666667%;
    flex-basis: 16.6666667%}
.grid--def-7>.gcell {
    width: 14.2857143%;
    max-width: 14.2857143%;
    flex-basis: 14.2857143%}
.grid--def-8>.gcell {
    width: 12.5%;
    max-width: 12.5%;
    flex-basis: 12.5%}
.grid--def-9>.gcell {
    width: 11.1111111%;
    max-width: 11.1111111%;
    flex-basis: 11.1111111%}
.grid--def-10>.gcell {
    width: 10%;
    max-width: 10%;
    flex-basis: 10%}
.grid--def-11>.gcell {
    width: 9.0909091%;
    max-width: 9.0909091%;
    flex-basis: 9.0909091%}
.grid--def-12>.gcell {
    width: 8.3333333%;
    max-width: 8.3333333%;
    flex-basis: 8.3333333%}
.grid--def-auto>.gcell {
    width: auto;
    max-width: none;
    flex-basis: auto;
}
.grid>.gcell--def-1 {
    width: 8.3333333%;
    max-width: 8.3333333%;
    flex-basis: 8.3333333%}
.grid>.gcell--def-2 {
    width: 16.6666667%;
    max-width: 16.6666667%;
    flex-basis: 16.6666667%}
.grid>.gcell--def-3 {
    width: 25%;
    max-width: 25%;
    flex-basis: 25%}
.grid>.gcell--def-4 {
    width: 33.3333333%;
    max-width: 33.3333333%;
    flex-basis: 33.3333333%}
.grid>.gcell--def-5 {
    width: 41.6666667%;
    max-width: 41.6666667%;
    flex-basis: 41.6666667%}
.grid>.gcell--def-6 {
    width: 50%;
    max-width: 50%;
    flex-basis: 50%}
.grid>.gcell--def-7 {
    width: 58.3333333%;
    max-width: 58.3333333%;
    flex-basis: 58.3333333%}
.grid>.gcell--def-8 {
    width: 66.6666667%;
    max-width: 66.6666667%;
    flex-basis: 66.6666667%}
.grid>.gcell--def-9 {
    width: 75%;
    max-width: 75%;
    flex-basis: 75%}
.grid>.gcell--def-10 {
    width: 83.3333333%;
    max-width: 83.3333333%;
    flex-basis: 83.3333333%}
.grid>.gcell--def-11 {
    width: 91.6666667%;
    max-width: 91.6666667%;
    flex-basis: 91.6666667%}
.grid>.gcell--def-12 {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%}
.grid>.gcell--def-auto {
    width: auto;
    max-width: 100%;
    flex-basis: auto;
}
.grid--def-items-start {
    -webkit-box-align: start;
    align-items: flex-start;
}
.grid--def-items-end {
    -webkit-box-align: end;
    align-items: flex-end;
}
.grid--def-items-center {
    -webkit-box-align: center;
    align-items: center;
}
.grid--def-items-stretch {
    -webkit-box-align: stretch;
    align-items: stretch;
}
.grid--def-justify-start {
    -webkit-box-pack: start;
    justify-content: flex-start;
}
.grid--def-justify-end {
    -webkit-box-pack: end;
    justify-content: flex-end;
}
.grid--def-justify-center {
    -webkit-box-pack: center;
    justify-content: center;
}
.grid--def-justify-between {
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.grid--def-justify-around {
    justify-content: space-around;
}
.grid--def-nowrap {
    flex-wrap: nowrap;
}
.grid--def-wrap {
    flex-wrap: wrap;
}
.grid--def-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}
.grid--def-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
}
.grid--def-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
}
.grid>.gcell--def-start {
    align-self: flex-start;
}
.grid>.gcell--def-end {
    align-self: flex-end;
}
.grid>.gcell--def-center {
    -ms-grid-row-align: center;
    align-self: center;
}
.grid>.gcell--def-stretch {
    -ms-grid-row-align: stretch;
    align-self: stretch;
}
.grid>.gcell--def-nogrow {
    -webkit-box-flex: 0;
    flex-grow: 0;
}
.grid>.gcell--def-grow {
    -webkit-box-flex: 1;
    flex-grow: 1;
}
.grid>.gcell--def-shrink {
    flex-shrink: 1;
}
.grid>.gcell--def-noshrink {
    flex-shrink: 0;
}
.grid>.gcell--def-order-start {
    -webkit-box-ordinal-group: 0;
    order: -1;
}
.grid>.gcell--def-order-end {
    -webkit-box-ordinal-group: 2;
    order: 1;
}
.grid>.gcell--def-noorder {
    -webkit-box-ordinal-group: 1;
    order: 0;
}
.grid>.gcell--def-nobasis {
    flex-basis: 0;
}
.grid--def-space-sm {
    margin-left: -2.5px;
    margin-right: -2.5px;
}
.grid--def-space-sm>.gcell {
    padding-left: 2.5px;
    padding-right: 2.5px;
}
.grid--def-space-md {
    margin-left: -5px;
    margin-right: -5px;
}
.grid--def-space-md>.gcell {
    padding-left: 5px;
    padding-right: 5px;
}
.grid--def-space-def {
    margin-left: -10px;
    margin-right: -10px;
}
.grid--def-space-def>.gcell {
    padding-left: 10px;
    padding-right: 10px;
}
.grid--def-space-lg {
    margin-left: -15px;
    margin-right: -15px;
}
.grid--def-space-lg>.gcell {
    padding-left: 15px;
    padding-right: 15px;
}
.grid--def-space-xl {
    margin-left: -20px;
    margin-right: -20px;
}
.grid--def-space-xl>.gcell {
    padding-left: 20px;
    padding-right: 20px;
}
.grid--def-space-mg {
    margin-left: -25px;
    margin-right: -25px;
}
.grid--def-space-mg>.gcell {
    padding-left: 25px;
    padding-right: 25px;
}
.grid--def-nospace {
    margin: 0;
}
.grid--def-nospace>.gcell {
    padding: 0;
}
._def-left {
    float: left;
}
._def-right {
    float: right;
}
._def-overflow {
    overflow: hidden;
}
._def-text-left {
    text-align: left;
}
._def-text-right {
    text-align: right;
}
._def-text-center {
    text-align: center;
}
._def-hide {
    display: none;
}
._def-hide\! {
    display: none!important;
}
._def-m-sm {
    margin: .3125rem!important;
}
._def-m-md {
    margin: .625rem!important;
}
._def-m-def {
    margin: 1.25rem!important;
}
._def-m-lg {
    margin: 1.875rem!important;
}
._def-m-xl {
    margin: 2.5rem!important;
}
._def-m-mg {
    margin: 3.125rem!important;
}
._def-mt-sm {
    margin-top: .3125rem!important;
}
._def-mt-md {
    margin-top: .625rem!important;
}
._def-mt-def {
    margin-top: 1.25rem!important;
}
._def-mt-lg {
    margin-top: 1.875rem!important;
}
._def-mt-xl {
    margin-top: 2.5rem!important;
}
._def-mt-mg {
    margin-top: 3.125rem!important;
}
._def-mt-none {
    margin-top: 0!important;
}
._def-mr-sm {
    margin-right: .3125rem!important;
}
._def-mr-md {
    margin-right: .625rem!important;
}
._def-mr-def {
    margin-right: 1.25rem!important;
}
._def-mr-lg {
    margin-right: 1.875rem!important;
}
._def-mr-xl {
    margin-right: 2.5rem!important;
}
._def-mr-mg {
    margin-right: 3.125rem!important;
}
._def-mr-none {
    margin-right: 0!important;
}
._def-mb-sm {
    margin-bottom: .3125rem!important;
}
._def-mb-md {
    margin-bottom: .625rem!important;
}
._def-mb-def {
    margin-bottom: 1.25rem!important;
}
._def-mb-lg {
    margin-bottom: 1.875rem!important;
}
._def-mb-xl {
    margin-bottom: 2.5rem!important;
}
._def-mb-mg {
    margin-bottom: 3.125rem!important;
}
._def-mb-none {
    margin-bottom: 0!important;
}
._def-ml-sm {
    margin-left: .3125rem!important;
}
._def-ml-md {
    margin-left: .625rem!important;
}
._def-ml-def {
    margin-left: 1.25rem!important;
}
._def-ml-lg {
    margin-left: 1.875rem!important;
}
._def-ml-xl {
    margin-left: 2.5rem!important;
}
._def-ml-mg {
    margin-left: 3.125rem!important;
}
._def-ml-none {
    margin-left: 0!important;
}
._def-m-none {
    margin: 0!important;
}
._def-p-sm {
    padding: .3125rem!important;
}
._def-p-md {
    padding: .625rem!important;
}
._def-p-def {
    padding: 1.25rem!important;
}
._def-p-lg {
    padding: 1.875rem!important;
}
._def-p-xl {
    padding: 2.5rem!important;
}
._def-p-mg {
    padding: 3.125rem!important;
}
._def-pt-sm {
    padding-top: .3125rem!important;
}
._def-pt-md {
    padding-top: .625rem!important;
}
._def-pt-def {
    padding-top: 1.25rem!important;
}
._def-pt-lg {
    padding-top: 1.875rem!important;
}
._def-pt-xl {
    padding-top: 2.5rem!important;
}
._def-pt-mg {
    padding-top: 3.125rem!important;
}
._def-pt-none {
    padding-top: 0!important;
}
._def-pr-sm {
    padding-right: .3125rem!important;
}
._def-pr-md {
    padding-right: .625rem!important;
}
._def-pr-def {
    padding-right: 1.25rem!important;
}
._def-pr-lg {
    padding-right: 1.875rem!important;
}
._def-pr-xl {
    padding-right: 2.5rem!important;
}
._def-pr-mg {
    padding-right: 3.125rem!important;
}
._def-pr-none {
    padding-right: 0!important;
}
._def-pb-sm {
    padding-bottom: .3125rem!important;
}
._def-pb-md {
    padding-bottom: .625rem!important;
}
._def-pb-def {
    padding-bottom: 1.25rem!important;
}
._def-pb-lg {
    padding-bottom: 1.875rem!important;
}
._def-pb-xl {
    padding-bottom: 2.5rem!important;
}
._def-pb-mg {
    padding-bottom: 3.125rem!important;
}
._def-pb-none {
    padding-bottom: 0!important;
}
._def-pl-sm {
    padding-left: .3125rem!important;
}
._def-pl-md {
    padding-left: .625rem!important;
}
._def-pl-def {
    padding-left: 1.25rem!important;
}
._def-pl-lg {
    padding-left: 1.875rem!important;
}
._def-pl-xl {
    padding-left: 2.5rem!important;
}
._def-pl-mg {
    padding-left: 3.125rem!important;
}
._def-pl-none {
    padding-left: 0!important;
}
._def-p-none {
    padding: 0!important;
}
._def-m-auto {
    margin: auto!important;
}
._def-ml-auto {
    margin-left: auto!important;
}
._def-mr-auto {
    margin-right: auto!important;
}
.header {
    display: block;
}
.mobile {
    display: none;
}
}@media only screen and (min-width:1280px) {
    /*! $mqpacker hack */.grid--lg-1>.gcell {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%}
.grid--lg-2>.gcell {
    width: 50%;
    max-width: 50%;
    flex-basis: 50%}
.grid--lg-3>.gcell {
    width: 33.3333333%;
    max-width: 33.3333333%;
    flex-basis: 33.3333333%}
.grid--lg-4>.gcell {
    width: 25%;
    max-width: 25%;
    flex-basis: 25%}
.grid--lg-5>.gcell {
    width: 20%;
    max-width: 20%;
    flex-basis: 20%}
.grid--lg-6>.gcell {
    width: 16.6666667%;
    max-width: 16.6666667%;
    flex-basis: 16.6666667%}
.grid--lg-7>.gcell {
    width: 14.2857143%;
    max-width: 14.2857143%;
    flex-basis: 14.2857143%}
.grid--lg-8>.gcell {
    width: 12.5%;
    max-width: 12.5%;
    flex-basis: 12.5%}
.grid--lg-9>.gcell {
    width: 11.1111111%;
    max-width: 11.1111111%;
    flex-basis: 11.1111111%}
.grid--lg-10>.gcell {
    width: 10%;
    max-width: 10%;
    flex-basis: 10%}
.grid--lg-11>.gcell {
    width: 9.0909091%;
    max-width: 9.0909091%;
    flex-basis: 9.0909091%}
.grid--lg-12>.gcell {
    width: 8.3333333%;
    max-width: 8.3333333%;
    flex-basis: 8.3333333%}
.grid--lg-auto>.gcell {
    width: auto;
    max-width: none;
    flex-basis: auto;
}
.grid>.gcell--lg-1 {
    width: 8.3333333%;
    max-width: 8.3333333%;
    flex-basis: 8.3333333%}
.grid>.gcell--lg-2 {
    width: 16.6666667%;
    max-width: 16.6666667%;
    flex-basis: 16.6666667%}
.grid>.gcell--lg-3 {
    width: 25%;
    max-width: 25%;
    flex-basis: 25%}
.grid>.gcell--lg-4 {
    width: 33.3333333%;
    max-width: 33.3333333%;
    flex-basis: 33.3333333%}
.grid>.gcell--lg-5 {
    width: 41.6666667%;
    max-width: 41.6666667%;
    flex-basis: 41.6666667%}
.grid>.gcell--lg-6 {
    width: 50%;
    max-width: 50%;
    flex-basis: 50%}
.grid>.gcell--lg-7 {
    width: 58.3333333%;
    max-width: 58.3333333%;
    flex-basis: 58.3333333%}
.grid>.gcell--lg-8 {
    width: 66.6666667%;
    max-width: 66.6666667%;
    flex-basis: 66.6666667%}
.grid>.gcell--lg-9 {
    width: 75%;
    max-width: 75%;
    flex-basis: 75%}
.grid>.gcell--lg-10 {
    width: 83.3333333%;
    max-width: 83.3333333%;
    flex-basis: 83.3333333%}
.grid>.gcell--lg-11 {
    width: 91.6666667%;
    max-width: 91.6666667%;
    flex-basis: 91.6666667%}
.grid>.gcell--lg-12 {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%}
.grid>.gcell--lg-auto {
    width: auto;
    max-width: 100%;
    flex-basis: auto;
}
.grid--lg-items-start {
    -webkit-box-align: start;
    align-items: flex-start;
}
.grid--lg-items-end {
    -webkit-box-align: end;
    align-items: flex-end;
}
.grid--lg-items-center {
    -webkit-box-align: center;
    align-items: center;
}
.grid--lg-items-stretch {
    -webkit-box-align: stretch;
    align-items: stretch;
}
.grid--lg-justify-start {
    -webkit-box-pack: start;
    justify-content: flex-start;
}
.grid--lg-justify-end {
    -webkit-box-pack: end;
    justify-content: flex-end;
}
.grid--lg-justify-center {
    -webkit-box-pack: center;
    justify-content: center;
}
.grid--lg-justify-between {
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.grid--lg-justify-around {
    justify-content: space-around;
}
.grid--lg-nowrap {
    flex-wrap: nowrap;
}
.grid--lg-wrap {
    flex-wrap: wrap;
}
.grid--lg-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}
.grid--lg-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
}
.grid--lg-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
}
.grid>.gcell--lg-start {
    align-self: flex-start;
}
.grid>.gcell--lg-end {
    align-self: flex-end;
}
.grid>.gcell--lg-center {
    -ms-grid-row-align: center;
    align-self: center;
}
.grid>.gcell--lg-stretch {
    -ms-grid-row-align: stretch;
    align-self: stretch;
}
.grid>.gcell--lg-nogrow {
    -webkit-box-flex: 0;
    flex-grow: 0;
}
.grid>.gcell--lg-grow {
    -webkit-box-flex: 1;
    flex-grow: 1;
}
.grid>.gcell--lg-shrink {
    flex-shrink: 1;
}
.grid>.gcell--lg-noshrink {
    flex-shrink: 0;
}
.grid>.gcell--lg-order-start {
    -webkit-box-ordinal-group: 0;
    order: -1;
}
.grid>.gcell--lg-order-end {
    -webkit-box-ordinal-group: 2;
    order: 1;
}
.grid>.gcell--lg-noorder {
    -webkit-box-ordinal-group: 1;
    order: 0;
}
.grid>.gcell--lg-nobasis {
    flex-basis: 0;
}
.grid--lg-space-sm {
    margin-left: -2.5px;
    margin-right: -2.5px;
}
.grid--lg-space-sm>.gcell {
    padding-left: 2.5px;
    padding-right: 2.5px;
}
.grid--lg-space-md {
    margin-left: -5px;
    margin-right: -5px;
}
.grid--lg-space-md>.gcell {
    padding-left: 5px;
    padding-right: 5px;
}
.grid--lg-space-def {
    margin-left: -10px;
    margin-right: -10px;
}
.grid--lg-space-def>.gcell {
    padding-left: 10px;
    padding-right: 10px;
}
.grid--lg-space-lg {
    margin-left: -15px;
    margin-right: -15px;
}
.grid--lg-space-lg>.gcell {
    padding-left: 15px;
    padding-right: 15px;
}
.grid--lg-space-xl {
    margin-left: -20px;
    margin-right: -20px;
}
.grid--lg-space-xl>.gcell {
    padding-left: 20px;
    padding-right: 20px;
}
.grid--lg-space-mg {
    margin-left: -25px;
    margin-right: -25px;
}
.grid--lg-space-mg>.gcell {
    padding-left: 25px;
    padding-right: 25px;
}
.grid--lg-nospace {
    margin: 0;
}
.grid--lg-nospace>.gcell {
    padding: 0;
}
._lg-left {
    float: left;
}
._lg-right {
    float: right;
}
._lg-overflow {
    overflow: hidden;
}
._lg-text-left {
    text-align: left;
}
._lg-text-right {
    text-align: right;
}
._lg-text-center {
    text-align: center;
}
._lg-hide {
    display: none;
}
._lg-hide\! {
    display: none!important;
}
._lg-m-sm {
    margin: .3125rem!important;
}
._lg-m-md {
    margin: .625rem!important;
}
._lg-m-def {
    margin: 1.25rem!important;
}
._lg-m-lg {
    margin: 1.875rem!important;
}
._lg-m-xl {
    margin: 2.5rem!important;
}
._lg-m-mg {
    margin: 3.125rem!important;
}
._lg-mt-sm {
    margin-top: .3125rem!important;
}
._lg-mt-md {
    margin-top: .625rem!important;
}
._lg-mt-def {
    margin-top: 1.25rem!important;
}
._lg-mt-lg {
    margin-top: 1.875rem!important;
}
._lg-mt-xl {
    margin-top: 2.5rem!important;
}
._lg-mt-mg {
    margin-top: 3.125rem!important;
}
._lg-mt-none {
    margin-top: 0!important;
}
._lg-mr-sm {
    margin-right: .3125rem!important;
}
._lg-mr-md {
    margin-right: .625rem!important;
}
._lg-mr-def {
    margin-right: 1.25rem!important;
}
._lg-mr-lg {
    margin-right: 1.875rem!important;
}
._lg-mr-xl {
    margin-right: 2.5rem!important;
}
._lg-mr-mg {
    margin-right: 3.125rem!important;
}
._lg-mr-none {
    margin-right: 0!important;
}
._lg-mb-sm {
    margin-bottom: .3125rem!important;
}
._lg-mb-md {
    margin-bottom: .625rem!important;
}
._lg-mb-def {
    margin-bottom: 1.25rem!important;
}
._lg-mb-lg {
    margin-bottom: 1.875rem!important;
}
._lg-mb-xl {
    margin-bottom: 2.5rem!important;
}
._lg-mb-mg {
    margin-bottom: 3.125rem!important;
}
._lg-mb-none {
    margin-bottom: 0!important;
}
._lg-ml-sm {
    margin-left: .3125rem!important;
}
._lg-ml-md {
    margin-left: .625rem!important;
}
._lg-ml-def {
    margin-left: 1.25rem!important;
}
._lg-ml-lg {
    margin-left: 1.875rem!important;
}
._lg-ml-xl {
    margin-left: 2.5rem!important;
}
._lg-ml-mg {
    margin-left: 3.125rem!important;
}
._lg-ml-none {
    margin-left: 0!important;
}
._lg-m-none {
    margin: 0!important;
}
._lg-p-sm {
    padding: .3125rem!important;
}
._lg-p-md {
    padding: .625rem!important;
}
._lg-p-def {
    padding: 1.25rem!important;
}
._lg-p-lg {
    padding: 1.875rem!important;
}
._lg-p-xl {
    padding: 2.5rem!important;
}
._lg-p-mg {
    padding: 3.125rem!important;
}
._lg-pt-sm {
    padding-top: .3125rem!important;
}
._lg-pt-md {
    padding-top: .625rem!important;
}
._lg-pt-def {
    padding-top: 1.25rem!important;
}
._lg-pt-lg {
    padding-top: 1.875rem!important;
}
._lg-pt-xl {
    padding-top: 2.5rem!important;
}
._lg-pt-mg {
    padding-top: 3.125rem!important;
}
._lg-pt-none {
    padding-top: 0!important;
}
._lg-pr-sm {
    padding-right: .3125rem!important;
}
._lg-pr-md {
    padding-right: .625rem!important;
}
._lg-pr-def {
    padding-right: 1.25rem!important;
}
._lg-pr-lg {
    padding-right: 1.875rem!important;
}
._lg-pr-xl {
    padding-right: 2.5rem!important;
}
._lg-pr-mg {
    padding-right: 3.125rem!important;
}
._lg-pr-none {
    padding-right: 0!important;
}
._lg-pb-sm {
    padding-bottom: .3125rem!important;
}
._lg-pb-md {
    padding-bottom: .625rem!important;
}
._lg-pb-def {
    padding-bottom: 1.25rem!important;
}
._lg-pb-lg {
    padding-bottom: 1.875rem!important;
}
._lg-pb-xl {
    padding-bottom: 2.5rem!important;
}
._lg-pb-mg {
    padding-bottom: 3.125rem!important;
}
._lg-pb-none {
    padding-bottom: 0!important;
}
._lg-pl-sm {
    padding-left: .3125rem!important;
}
._lg-pl-md {
    padding-left: .625rem!important;
}
._lg-pl-def {
    padding-left: 1.25rem!important;
}
._lg-pl-lg {
    padding-left: 1.875rem!important;
}
._lg-pl-xl {
    padding-left: 2.5rem!important;
}
._lg-pl-mg {
    padding-left: 3.125rem!important;
}
._lg-pl-none {
    padding-left: 0!important;
}
._lg-p-none {
    padding: 0!important;
}
._lg-m-auto {
    margin: auto!important;
}
._lg-ml-auto {
    margin-left: auto!important;
}
._lg-mr-auto {
    margin-right: auto!important;
}
html {
    font-size: 16px;
}
.view__size {
    padding: 0 15px;
}
}@media only screen and (min-width:1366px) {
    /*! $mqpacker hack */.grid--xl-1>.gcell {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%}
.grid--xl-2>.gcell {
    width: 50%;
    max-width: 50%;
    flex-basis: 50%}
.grid--xl-3>.gcell {
    width: 33.3333333%;
    max-width: 33.3333333%;
    flex-basis: 33.3333333%}
.grid--xl-4>.gcell {
    width: 25%;
    max-width: 25%;
    flex-basis: 25%}
.grid--xl-5>.gcell {
    width: 20%;
    max-width: 20%;
    flex-basis: 20%}
.grid--xl-6>.gcell {
    width: 16.6666667%;
    max-width: 16.6666667%;
    flex-basis: 16.6666667%}
.grid--xl-7>.gcell {
    width: 14.2857143%;
    max-width: 14.2857143%;
    flex-basis: 14.2857143%}
.grid--xl-8>.gcell {
    width: 12.5%;
    max-width: 12.5%;
    flex-basis: 12.5%}
.grid--xl-9>.gcell {
    width: 11.1111111%;
    max-width: 11.1111111%;
    flex-basis: 11.1111111%}
.grid--xl-10>.gcell {
    width: 10%;
    max-width: 10%;
    flex-basis: 10%}
.grid--xl-11>.gcell {
    width: 9.0909091%;
    max-width: 9.0909091%;
    flex-basis: 9.0909091%}
.grid--xl-12>.gcell {
    width: 8.3333333%;
    max-width: 8.3333333%;
    flex-basis: 8.3333333%}
.grid--xl-auto>.gcell {
    width: auto;
    max-width: none;
    flex-basis: auto;
}
.grid>.gcell--xl-1 {
    width: 8.3333333%;
    max-width: 8.3333333%;
    flex-basis: 8.3333333%}
.grid>.gcell--xl-2 {
    width: 16.6666667%;
    max-width: 16.6666667%;
    flex-basis: 16.6666667%}
.grid>.gcell--xl-3 {
    width: 25%;
    max-width: 25%;
    flex-basis: 25%}
.grid>.gcell--xl-4 {
    width: 33.3333333%;
    max-width: 33.3333333%;
    flex-basis: 33.3333333%}
.grid>.gcell--xl-5 {
    width: 41.6666667%;
    max-width: 41.6666667%;
    flex-basis: 41.6666667%}
.grid>.gcell--xl-6 {
    width: 50%;
    max-width: 50%;
    flex-basis: 50%}
.grid>.gcell--xl-7 {
    width: 58.3333333%;
    max-width: 58.3333333%;
    flex-basis: 58.3333333%}
.grid>.gcell--xl-8 {
    width: 66.6666667%;
    max-width: 66.6666667%;
    flex-basis: 66.6666667%}
.grid>.gcell--xl-9 {
    width: 75%;
    max-width: 75%;
    flex-basis: 75%}
.grid>.gcell--xl-10 {
    width: 83.3333333%;
    max-width: 83.3333333%;
    flex-basis: 83.3333333%}
.grid>.gcell--xl-11 {
    width: 91.6666667%;
    max-width: 91.6666667%;
    flex-basis: 91.6666667%}
.grid>.gcell--xl-12 {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%}
.grid>.gcell--xl-auto {
    width: auto;
    max-width: 100%;
    flex-basis: auto;
}
.grid--xl-items-start {
    -webkit-box-align: start;
    align-items: flex-start;
}
.grid--xl-items-end {
    -webkit-box-align: end;
    align-items: flex-end;
}
.grid--xl-items-center {
    -webkit-box-align: center;
    align-items: center;
}
.grid--xl-items-stretch {
    -webkit-box-align: stretch;
    align-items: stretch;
}
.grid--xl-justify-start {
    -webkit-box-pack: start;
    justify-content: flex-start;
}
.grid--xl-justify-end {
    -webkit-box-pack: end;
    justify-content: flex-end;
}
.grid--xl-justify-center {
    -webkit-box-pack: center;
    justify-content: center;
}
.grid--xl-justify-between {
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.grid--xl-justify-around {
    justify-content: space-around;
}
.grid--xl-nowrap {
    flex-wrap: nowrap;
}
.grid--xl-wrap {
    flex-wrap: wrap;
}
.grid--xl-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}
.grid--xl-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
}
.grid--xl-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
}
.grid>.gcell--xl-start {
    align-self: flex-start;
}
.grid>.gcell--xl-end {
    align-self: flex-end;
}
.grid>.gcell--xl-center {
    -ms-grid-row-align: center;
    align-self: center;
}
.grid>.gcell--xl-stretch {
    -ms-grid-row-align: stretch;
    align-self: stretch;
}
.grid>.gcell--xl-nogrow {
    -webkit-box-flex: 0;
    flex-grow: 0;
}
.grid>.gcell--xl-grow {
    -webkit-box-flex: 1;
    flex-grow: 1;
}
.grid>.gcell--xl-shrink {
    flex-shrink: 1;
}
.grid>.gcell--xl-noshrink {
    flex-shrink: 0;
}
.grid>.gcell--xl-order-start {
    -webkit-box-ordinal-group: 0;
    order: -1;
}
.grid>.gcell--xl-order-end {
    -webkit-box-ordinal-group: 2;
    order: 1;
}
.grid>.gcell--xl-noorder {
    -webkit-box-ordinal-group: 1;
    order: 0;
}
.grid>.gcell--xl-nobasis {
    flex-basis: 0;
}
.grid--xl-space-sm {
    margin-left: -2.5px;
    margin-right: -2.5px;
}
.grid--xl-space-sm>.gcell {
    padding-left: 2.5px;
    padding-right: 2.5px;
}
.grid--xl-space-md {
    margin-left: -5px;
    margin-right: -5px;
}
.grid--xl-space-md>.gcell {
    padding-left: 5px;
    padding-right: 5px;
}
.grid--xl-space-def {
    margin-left: -10px;
    margin-right: -10px;
}
.grid--xl-space-def>.gcell {
    padding-left: 10px;
    padding-right: 10px;
}
.grid--xl-space-lg {
    margin-left: -15px;
    margin-right: -15px;
}
.grid--xl-space-lg>.gcell {
    padding-left: 15px;
    padding-right: 15px;
}
.grid--xl-space-xl {
    margin-left: -20px;
    margin-right: -20px;
}
.grid--xl-space-xl>.gcell {
    padding-left: 20px;
    padding-right: 20px;
}
.grid--xl-space-mg {
    margin-left: -25px;
    margin-right: -25px;
}
.grid--xl-space-mg>.gcell {
    padding-left: 25px;
    padding-right: 25px;
}
.grid--xl-nospace {
    margin: 0;
}
.grid--xl-nospace>.gcell {
    padding: 0;
}
._xl-left {
    float: left;
}
._xl-right {
    float: right;
}
._xl-overflow {
    overflow: hidden;
}
._xl-text-left {
    text-align: left;
}
._xl-text-right {
    text-align: right;
}
._xl-text-center {
    text-align: center;
}
._xl-hide {
    display: none;
}
._xl-hide\! {
    display: none!important;
}
._xl-m-sm {
    margin: .3125rem!important;
}
._xl-m-md {
    margin: .625rem!important;
}
._xl-m-def {
    margin: 1.25rem!important;
}
._xl-m-lg {
    margin: 1.875rem!important;
}
._xl-m-xl {
    margin: 2.5rem!important;
}
._xl-m-mg {
    margin: 3.125rem!important;
}
._xl-mt-sm {
    margin-top: .3125rem!important;
}
._xl-mt-md {
    margin-top: .625rem!important;
}
._xl-mt-def {
    margin-top: 1.25rem!important;
}
._xl-mt-lg {
    margin-top: 1.875rem!important;
}
._xl-mt-xl {
    margin-top: 2.5rem!important;
}
._xl-mt-mg {
    margin-top: 3.125rem!important;
}
._xl-mt-none {
    margin-top: 0!important;
}
._xl-mr-sm {
    margin-right: .3125rem!important;
}
._xl-mr-md {
    margin-right: .625rem!important;
}
._xl-mr-def {
    margin-right: 1.25rem!important;
}
._xl-mr-lg {
    margin-right: 1.875rem!important;
}
._xl-mr-xl {
    margin-right: 2.5rem!important;
}
._xl-mr-mg {
    margin-right: 3.125rem!important;
}
._xl-mr-none {
    margin-right: 0!important;
}
._xl-mb-sm {
    margin-bottom: .3125rem!important;
}
._xl-mb-md {
    margin-bottom: .625rem!important;
}
._xl-mb-def {
    margin-bottom: 1.25rem!important;
}
._xl-mb-lg {
    margin-bottom: 1.875rem!important;
}
._xl-mb-xl {
    margin-bottom: 2.5rem!important;
}
._xl-mb-mg {
    margin-bottom: 3.125rem!important;
}
._xl-mb-none {
    margin-bottom: 0!important;
}
._xl-ml-sm {
    margin-left: .3125rem!important;
}
._xl-ml-md {
    margin-left: .625rem!important;
}
._xl-ml-def {
    margin-left: 1.25rem!important;
}
._xl-ml-lg {
    margin-left: 1.875rem!important;
}
._xl-ml-xl {
    margin-left: 2.5rem!important;
}
._xl-ml-mg {
    margin-left: 3.125rem!important;
}
._xl-ml-none {
    margin-left: 0!important;
}
._xl-m-none {
    margin: 0!important;
}
._xl-p-sm {
    padding: .3125rem!important;
}
._xl-p-md {
    padding: .625rem!important;
}
._xl-p-def {
    padding: 1.25rem!important;
}
._xl-p-lg {
    padding: 1.875rem!important;
}
._xl-p-xl {
    padding: 2.5rem!important;
}
._xl-p-mg {
    padding: 3.125rem!important;
}
._xl-pt-sm {
    padding-top: .3125rem!important;
}
._xl-pt-md {
    padding-top: .625rem!important;
}
._xl-pt-def {
    padding-top: 1.25rem!important;
}
._xl-pt-lg {
    padding-top: 1.875rem!important;
}
._xl-pt-xl {
    padding-top: 2.5rem!important;
}
._xl-pt-mg {
    padding-top: 3.125rem!important;
}
._xl-pt-none {
    padding-top: 0!important;
}
._xl-pr-sm {
    padding-right: .3125rem!important;
}
._xl-pr-md {
    padding-right: .625rem!important;
}
._xl-pr-def {
    padding-right: 1.25rem!important;
}
._xl-pr-lg {
    padding-right: 1.875rem!important;
}
._xl-pr-xl {
    padding-right: 2.5rem!important;
}
._xl-pr-mg {
    padding-right: 3.125rem!important;
}
._xl-pr-none {
    padding-right: 0!important;
}
._xl-pb-sm {
    padding-bottom: .3125rem!important;
}
._xl-pb-md {
    padding-bottom: .625rem!important;
}
._xl-pb-def {
    padding-bottom: 1.25rem!important;
}
._xl-pb-lg {
    padding-bottom: 1.875rem!important;
}
._xl-pb-xl {
    padding-bottom: 2.5rem!important;
}
._xl-pb-mg {
    padding-bottom: 3.125rem!important;
}
._xl-pb-none {
    padding-bottom: 0!important;
}
._xl-pl-sm {
    padding-left: .3125rem!important;
}
._xl-pl-md {
    padding-left: .625rem!important;
}
._xl-pl-def {
    padding-left: 1.25rem!important;
}
._xl-pl-lg {
    padding-left: 1.875rem!important;
}
._xl-pl-xl {
    padding-left: 2.5rem!important;
}
._xl-pl-mg {
    padding-left: 3.125rem!important;
}
._xl-pl-none {
    padding-left: 0!important;
}
._xl-p-none {
    padding: 0!important;
}
._xl-m-auto {
    margin: auto!important;
}
._xl-ml-auto {
    margin-left: auto!important;
}
._xl-mr-auto {
    margin-right: auto!important;
}
}@media only screen and (min-width:1440px) {
    /*! $mqpacker hack */.grid--mg-1>.gcell {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%}
.grid--mg-2>.gcell {
    width: 50%;
    max-width: 50%;
    flex-basis: 50%}
.grid--mg-3>.gcell {
    width: 33.3333333%;
    max-width: 33.3333333%;
    flex-basis: 33.3333333%}
.grid--mg-4>.gcell {
    width: 25%;
    max-width: 25%;
    flex-basis: 25%}
.grid--mg-5>.gcell {
    width: 20%;
    max-width: 20%;
    flex-basis: 20%}
.grid--mg-6>.gcell {
    width: 16.6666667%;
    max-width: 16.6666667%;
    flex-basis: 16.6666667%}
.grid--mg-7>.gcell {
    width: 14.2857143%;
    max-width: 14.2857143%;
    flex-basis: 14.2857143%}
.grid--mg-8>.gcell {
    width: 12.5%;
    max-width: 12.5%;
    flex-basis: 12.5%}
.grid--mg-9>.gcell {
    width: 11.1111111%;
    max-width: 11.1111111%;
    flex-basis: 11.1111111%}
.grid--mg-10>.gcell {
    width: 10%;
    max-width: 10%;
    flex-basis: 10%}
.grid--mg-11>.gcell {
    width: 9.0909091%;
    max-width: 9.0909091%;
    flex-basis: 9.0909091%}
.grid--mg-12>.gcell {
    width: 8.3333333%;
    max-width: 8.3333333%;
    flex-basis: 8.3333333%}
.grid--mg-auto>.gcell {
    width: auto;
    max-width: none;
    flex-basis: auto;
}
.grid>.gcell--mg-1 {
    width: 8.3333333%;
    max-width: 8.3333333%;
    flex-basis: 8.3333333%}
.grid>.gcell--mg-2 {
    width: 16.6666667%;
    max-width: 16.6666667%;
    flex-basis: 16.6666667%}
.grid>.gcell--mg-3 {
    width: 25%;
    max-width: 25%;
    flex-basis: 25%}
.grid>.gcell--mg-4 {
    width: 33.3333333%;
    max-width: 33.3333333%;
    flex-basis: 33.3333333%}
.grid>.gcell--mg-5 {
    width: 41.6666667%;
    max-width: 41.6666667%;
    flex-basis: 41.6666667%}
.grid>.gcell--mg-6 {
    width: 50%;
    max-width: 50%;
    flex-basis: 50%}
.grid>.gcell--mg-7 {
    width: 58.3333333%;
    max-width: 58.3333333%;
    flex-basis: 58.3333333%}
.grid>.gcell--mg-8 {
    width: 66.6666667%;
    max-width: 66.6666667%;
    flex-basis: 66.6666667%}
.grid>.gcell--mg-9 {
    width: 75%;
    max-width: 75%;
    flex-basis: 75%}
.grid>.gcell--mg-10 {
    width: 83.3333333%;
    max-width: 83.3333333%;
    flex-basis: 83.3333333%}
.grid>.gcell--mg-11 {
    width: 91.6666667%;
    max-width: 91.6666667%;
    flex-basis: 91.6666667%}
.grid>.gcell--mg-12 {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%}
.grid>.gcell--mg-auto {
    width: auto;
    max-width: 100%;
    flex-basis: auto;
}
.grid--mg-items-start {
    -webkit-box-align: start;
    align-items: flex-start;
}
.grid--mg-items-end {
    -webkit-box-align: end;
    align-items: flex-end;
}
.grid--mg-items-center {
    -webkit-box-align: center;
    align-items: center;
}
.grid--mg-items-stretch {
    -webkit-box-align: stretch;
    align-items: stretch;
}
.grid--mg-justify-start {
    -webkit-box-pack: start;
    justify-content: flex-start;
}
.grid--mg-justify-end {
    -webkit-box-pack: end;
    justify-content: flex-end;
}
.grid--mg-justify-center {
    -webkit-box-pack: center;
    justify-content: center;
}
.grid--mg-justify-between {
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.grid--mg-justify-around {
    justify-content: space-around;
}
.grid--mg-nowrap {
    flex-wrap: nowrap;
}
.grid--mg-wrap {
    flex-wrap: wrap;
}
.grid--mg-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}
.grid--mg-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
}
.grid--mg-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
}
.grid>.gcell--mg-start {
    align-self: flex-start;
}
.grid>.gcell--mg-end {
    align-self: flex-end;
}
.grid>.gcell--mg-center {
    -ms-grid-row-align: center;
    align-self: center;
}
.grid>.gcell--mg-stretch {
    -ms-grid-row-align: stretch;
    align-self: stretch;
}
.grid>.gcell--mg-nogrow {
    -webkit-box-flex: 0;
    flex-grow: 0;
}
.grid>.gcell--mg-grow {
    -webkit-box-flex: 1;
    flex-grow: 1;
}
.grid>.gcell--mg-shrink {
    flex-shrink: 1;
}
.grid>.gcell--mg-noshrink {
    flex-shrink: 0;
}
.grid>.gcell--mg-order-start {
    -webkit-box-ordinal-group: 0;
    order: -1;
}
.grid>.gcell--mg-order-end {
    -webkit-box-ordinal-group: 2;
    order: 1;
}
.grid>.gcell--mg-noorder {
    -webkit-box-ordinal-group: 1;
    order: 0;
}
.grid>.gcell--mg-nobasis {
    flex-basis: 0;
}
.grid--mg-space-sm {
    margin-left: -2.5px;
    margin-right: -2.5px;
}
.grid--mg-space-sm>.gcell {
    padding-left: 2.5px;
    padding-right: 2.5px;
}
.grid--mg-space-md {
    margin-left: -5px;
    margin-right: -5px;
}
.grid--mg-space-md>.gcell {
    padding-left: 5px;
    padding-right: 5px;
}
.grid--mg-space-def {
    margin-left: -10px;
    margin-right: -10px;
}
.grid--mg-space-def>.gcell {
    padding-left: 10px;
    padding-right: 10px;
}
.grid--mg-space-lg {
    margin-left: -15px;
    margin-right: -15px;
}
.grid--mg-space-lg>.gcell {
    padding-left: 15px;
    padding-right: 15px;
}
.grid--mg-space-xl {
    margin-left: -20px;
    margin-right: -20px;
}
.grid--mg-space-xl>.gcell {
    padding-left: 20px;
    padding-right: 20px;
}
.grid--mg-space-mg {
    margin-left: -25px;
    margin-right: -25px;
}
.grid--mg-space-mg>.gcell {
    padding-left: 25px;
    padding-right: 25px;
}
.grid--mg-nospace {
    margin: 0;
}
.grid--mg-nospace>.gcell {
    padding: 0;
}
._mg-left {
    float: left;
}
._mg-right {
    float: right;
}
._mg-overflow {
    overflow: hidden;
}
._mg-text-left {
    text-align: left;
}
._mg-text-right {
    text-align: right;
}
._mg-text-center {
    text-align: center;
}
._mg-hide {
    display: none;
}
._mg-hide\! {
    display: none!important;
}
._mg-m-sm {
    margin: .3125rem!important;
}
._mg-m-md {
    margin: .625rem!important;
}
._mg-m-def {
    margin: 1.25rem!important;
}
._mg-m-lg {
    margin: 1.875rem!important;
}
._mg-m-xl {
    margin: 2.5rem!important;
}
._mg-m-mg {
    margin: 3.125rem!important;
}
._mg-mt-sm {
    margin-top: .3125rem!important;
}
._mg-mt-md {
    margin-top: .625rem!important;
}
._mg-mt-def {
    margin-top: 1.25rem!important;
}
._mg-mt-lg {
    margin-top: 1.875rem!important;
}
._mg-mt-xl {
    margin-top: 2.5rem!important;
}
._mg-mt-mg {
    margin-top: 3.125rem!important;
}
._mg-mt-none {
    margin-top: 0!important;
}
._mg-mr-sm {
    margin-right: .3125rem!important;
}
._mg-mr-md {
    margin-right: .625rem!important;
}
._mg-mr-def {
    margin-right: 1.25rem!important;
}
._mg-mr-lg {
    margin-right: 1.875rem!important;
}
._mg-mr-xl {
    margin-right: 2.5rem!important;
}
._mg-mr-mg {
    margin-right: 3.125rem!important;
}
._mg-mr-none {
    margin-right: 0!important;
}
._mg-mb-sm {
    margin-bottom: .3125rem!important;
}
._mg-mb-md {
    margin-bottom: .625rem!important;
}
._mg-mb-def {
    margin-bottom: 1.25rem!important;
}
._mg-mb-lg {
    margin-bottom: 1.875rem!important;
}
._mg-mb-xl {
    margin-bottom: 2.5rem!important;
}
._mg-mb-mg {
    margin-bottom: 3.125rem!important;
}
._mg-mb-none {
    margin-bottom: 0!important;
}
._mg-ml-sm {
    margin-left: .3125rem!important;
}
._mg-ml-md {
    margin-left: .625rem!important;
}
._mg-ml-def {
    margin-left: 1.25rem!important;
}
._mg-ml-lg {
    margin-left: 1.875rem!important;
}
._mg-ml-xl {
    margin-left: 2.5rem!important;
}
._mg-ml-mg {
    margin-left: 3.125rem!important;
}
._mg-ml-none {
    margin-left: 0!important;
}
._mg-m-none {
    margin: 0!important;
}
._mg-p-sm {
    padding: .3125rem!important;
}
._mg-p-md {
    padding: .625rem!important;
}
._mg-p-def {
    padding: 1.25rem!important;
}
._mg-p-lg {
    padding: 1.875rem!important;
}
._mg-p-xl {
    padding: 2.5rem!important;
}
._mg-p-mg {
    padding: 3.125rem!important;
}
._mg-pt-sm {
    padding-top: .3125rem!important;
}
._mg-pt-md {
    padding-top: .625rem!important;
}
._mg-pt-def {
    padding-top: 1.25rem!important;
}
._mg-pt-lg {
    padding-top: 1.875rem!important;
}
._mg-pt-xl {
    padding-top: 2.5rem!important;
}
._mg-pt-mg {
    padding-top: 3.125rem!important;
}
._mg-pt-none {
    padding-top: 0!important;
}
._mg-pr-sm {
    padding-right: .3125rem!important;
}
._mg-pr-md {
    padding-right: .625rem!important;
}
._mg-pr-def {
    padding-right: 1.25rem!important;
}
._mg-pr-lg {
    padding-right: 1.875rem!important;
}
._mg-pr-xl {
    padding-right: 2.5rem!important;
}
._mg-pr-mg {
    padding-right: 3.125rem!important;
}
._mg-pr-none {
    padding-right: 0!important;
}
._mg-pb-sm {
    padding-bottom: .3125rem!important;
}
._mg-pb-md {
    padding-bottom: .625rem!important;
}
._mg-pb-def {
    padding-bottom: 1.25rem!important;
}
._mg-pb-lg {
    padding-bottom: 1.875rem!important;
}
._mg-pb-xl {
    padding-bottom: 2.5rem!important;
}
._mg-pb-mg {
    padding-bottom: 3.125rem!important;
}
._mg-pb-none {
    padding-bottom: 0!important;
}
._mg-pl-sm {
    padding-left: .3125rem!important;
}
._mg-pl-md {
    padding-left: .625rem!important;
}
._mg-pl-def {
    padding-left: 1.25rem!important;
}
._mg-pl-lg {
    padding-left: 1.875rem!important;
}
._mg-pl-xl {
    padding-left: 2.5rem!important;
}
._mg-pl-mg {
    padding-left: 3.125rem!important;
}
._mg-pl-none {
    padding-left: 0!important;
}
._mg-p-none {
    padding: 0!important;
}
._mg-m-auto {
    margin: auto!important;
}
._mg-ml-auto {
    margin-left: auto!important;
}
._mg-mr-auto {
    margin-right: auto!important;
}
.calc__index .calc__link {
    width: 100%;
    margin-bottom: 5px;
    margin-right: 0;
}
.calc__index .calc__link:after {
    top: 50%;
    left: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-width: 7px 0 7px 7px;
    border-color: transparent transparent transparent #017fd4;
}
.calc__index .calc__img {
    padding: 20px 30px;
}
}@media only screen and (max-width:1439px) {
    /*! $mqpacker hack */._mg-show {
    display: none;
}
._mg-show\! {
    display: none!important;
}
.button--mg-only-icon>span svg {
    margin-left: 0!important;
    margin-right: 0!important;
}
.button--mg-only-icon>span>span {
    display: none;
}
.content-image--width-1000-and-more {
    display: block;
    float: none!important;
    margin-left: auto!important;
    margin-right: auto!important;
}
.header__block {
    margin-left: 40px;
}
.menu__list>li>a {
    font-size: 14px;
}
.slider {
    padding-top: 40px;
}
.slider__arr {
    width: initial;
    height: initial;
}
.slider__arr svg {
    width: 25px;
    height: 25px;
}
.slider__arr--prev {
    background: none;
    top: 10px;
    right: 50px;
    padding: 0;
}
.slider__arr--next {
    background: none;
    top: 10px;
    right: 0;
    left: auto;
    padding: 0;
}
.result__wrap {
    margin-bottom: 30px;
}
.calc__index-calc {
    -webkit-box-ordinal-group: 3;
    order: 2;
}
.calc__index-img {
    -webkit-box-ordinal-group: 2;
    order: 1;
}
.calc__index-content {
    width: 100%;
    position: static;
    padding: 0;
    margin-bottom: 0;
}
.calc__index .color {
    margin-top: 0;
}
.calc__title {
    margin-bottom: 10px;
}
.calc__img {
    padding: 0 40px 0 30px;
}
}@media only screen and (max-width:1365px) {
    /*! $mqpacker hack */._xl-show {
    display: none;
}
._xl-show\! {
    display: none!important;
}
.button--xl-only-icon>span svg {
    margin-left: 0!important;
    margin-right: 0!important;
}
.button--xl-only-icon>span>span {
    display: none;
}
.content-image--width-900-and-more {
    display: block;
    float: none!important;
    margin-left: auto!important;
    margin-right: auto!important;
}
.header__text-info2 {
    font-size: 25px;
}
.header__text-info2 span {
    font-size: 27px;
}
.materials__title span {
    font-size: 1.75rem;
    max-height: initial;
}
.panel__tab-linkName {
    font-size: 12px;
}
}@media only screen and (max-width:1279px) {
    /*! $mqpacker hack */._lg-show {
    display: none;
}
._lg-show\! {
    display: none!important;
}
.button--lg-only-icon>span svg {
    margin-left: 0!important;
    margin-right: 0!important;
}
.button--lg-only-icon>span>span {
    display: none;
}
.content-image--width-800-and-more {
    display: block;
    float: none!important;
    margin-left: auto!important;
    margin-right: auto!important;
}
.header__calc {
    width: 150px;
}
.header__calc span {
    font-size: 14px;
}
.button span {
    font-size: 13px;
}
.menu__list>li>a {
    font-size: 12px;
}
.buildTab .tabLine__link span {
    font-size: 12px;
}
.buildTab__wrap {
    padding-top: 20px;
}
.buildTab__content {
    padding: 0 10px;
}
.buildTab__content .benefits__item {
    padding-right: 0;
}
.buildTab__content .benefits__img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
}
.buildTab__content .benefits__img svg {
    width: 30px;
    height: 30px;
}
.size__form {
    padding: 30px 10px;
}
.size__name {
    font-size: 13px;
}
.result__item {
    margin-right: 5px;
    padding: 0 10px;
    min-width: initial;
}
.designing__img {
    padding-top: 40px;
}
.designing__content p {
    max-height: initial;
}
.materials--type1 .materials__content {
    padding-left: 60px;
}
.materials--panel .materials__content {
    padding-left: 20px;
}
.benefit__item {
    max-width: 200px;
}
.benefit__item-img {
    margin: 10px auto;
}
.benefit__item-img:before {
    display: none;
}
.benefit__item-img:after {
    display: none;
}
.benefit__item--type1 {
    left: -200px;
}
.benefit__item--type2 {
    right: -200px;
}
.benefit__item--type3 {
    left: -200px;
}
.benefit__item--type4 {
    right: -200px;
}
.legislation__item {
    padding-left: 10px;
    padding-right: 10px;
}
.legislation__item i {
    margin-right: 15px;
}
.metal .question__border {
    border: none;
}
.metal .question__content {
    padding-left: 30px;
    padding-right: 30px;
}
.metal .question__content {
    padding-top: 60px;
}
.metal .question__content:before {
    display: none;
}
.metal .question__content:after {
    display: none;
}
.engineering--type2 .engineering__top {
    padding: 20px 10px;
}
}@media only screen and (max-width:1023px) {
    /*! $mqpacker hack */._def-show {
    display: none;
}
._def-show\! {
    display: none!important;
}
.button--def-only-icon>span svg {
    margin-left: 0!important;
    margin-right: 0!important;
}
.button--def-only-icon>span>span {
    display: none;
}
.view-text>blockquote, .view-text>pre, .view-text>.media-wrapper, .view-text>video, .view-text>iframe {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
}
.view-text>blockquote, .view-text>pre {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.view__hidden--callback {
    padding: 20px 10px;
}
.view__hidden--callback .callback {
    padding: 30px 10px;
}
.view__section {
    padding: 30px 0;
}
.grid__sizer {
    width: 33.333%}
.footer__content {
    background: rgba(29, 42, 56, .7);
}
.footer__title {
    text-align: center;
}
.footer__item {
    text-align: center;
}
.footer__item:before {
    display: none;
}
.footer__mail {
    -webkit-box-pack: center;
    justify-content: center;
}
.footer__menu {
    display: none;
}
.mobile__button {
    display: block;
}
.title--info {
    margin-bottom: 35px;
}
.menu__list {
    height: initial;
    padding-top: 10px;
}
.menu__list>li {
    width: 100%;
    max-width: 100%;
    padding: 10px 20px;
    position: static;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.menu__list>li>a {
    color: #fff;
}
.menu__list>li>a.has-active {
    color: #017fd4;
    background: none;
}
.menu__list .menu_sub {
    background: #000;
    opacity: 1;
    visibility: visible;
    padding-left: 10px;
    width: 100%;
    left: 100%;
    top: 0;
    overflow: hidden;
    display: none;
    overflow-y: scroll;
    position: fixed;
}
.menu__list .menu_sub li {
    position: static;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.menu__back {
    display: block;
}
.menu .arrow {
    display: block;
}
.slider__arr:hover svg {
    fill: #999;
}
.tabLine__item {
    padding: 0;
    height: 55px;
}
.tabLine__link:hover span {
    color: #7f8690;
}
.product {
    margin-top: 0;
    padding-top: 20px;
}
.product__list {
    max-height: initial;
    min-height: initial;
}
.product__text span {
    font-size: 12px;
}
.window__tab--type1 .window__link span {
    font-size: 13px;
}
.window__link span {
    font-size: 13px;
}
.buildTab .tabLine__link.has-active i {
    bottom: 7px;
}
.color__item {
    width: 55px;
    padding: 5px;
}
.color__img {
    width: 30px;
    height: 30px;
    margin-bottom: 5px;
}
.color__name {
    font-size: 11px;
}
.size__form {
    padding: 30px 10px 50px;
}
.size__result-num {
    font-size: .9375rem;
}
.size__result-num span {
    font-size: 1.5625rem;
}
.size__result-text {
    font-size: 13px;
}
.result__list {
    margin-bottom: 20px;
}
.result__item {
    height: 60px;
    margin-bottom: 5px;
}
.result__td {
    font-size: 13px;
}
.result__td {
    font-size: 12px;
}
.designing {
    height: initial;
    background: url(pic/build_bg.png) center top no-repeat;
}
.designing__title2 {
    font-size: 18px;
    margin-bottom: 30px;
}
.designing__content {
    max-width: 100%;
    margin: 0 0 30px;
}
.materials--panel .materials__content {
    padding: 30px 10px;
}
.materials__content {
    min-height: initial;
    padding-top: 30px;
    padding-left: 20px;
    padding-bottom: 20px;
}
.materials__bg {
    min-height: initial;
}
.materials__title {
    max-width: 100%}
.materials__title:before {
    left: -10px;
}
.materials__block {
    max-width: 100%}
.materials__list--full li {
    -webkit-box-align: start;
    align-items: flex-start;
    padding-right: 10px;
    padding-left: 60px;
}
.materials__img {
    display: none;
}
.benefit {
    height: initial;
    padding-bottom: 20px;
}
.benefit__images {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%}
.benefit__img {
    height: 50%}
.benefit__wrap {
    position: relative;
    left: auto;
    right: auto;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
.benefit__content {
    margin: 0 auto;
}
.benefit__item {
    position: static;
    max-width: 100%;
    width: 50%;
    padding: 0 10px;
    text-align: center;
    -webkit-box-align: center;
    align-items: center;
}
.benefit__item--type1 .benefit__item-text {
    text-align: center;
}
.benefit__item--type3 .benefit__item-img {
    -webkit-box-ordinal-group: 2;
    order: 1;
}
.benefit__item--type3 .benefit__item-text {
    text-align: center;
}
.benefit__item--type4 .benefit__item-img {
    -webkit-box-ordinal-group: 2;
    order: 1;
}
.benefit__item--type4 .benefit__item-text {
    text-align: center;
}
.implementing {
    padding: 35px 0;
}
.implementing__hide {
    background: rgba(0, 0, 0, .7);
    opacity: 1;
    visibility: visible;
}
.implementing__text {
    font-size: 12px;
}
.work {
    padding: 30px 0;
}
.work--type2 {
    background: rgba(55, 60, 67, .54) url(pic/work_bg3.png) center top no-repeat;
}
.work__item {
    padding: 0 5px;
}
.work__text {
    font-size: 12px;
}
.work__wrap {
    height: initial;
}
.work__tabContent-text {
    max-height: initial;
}
.work__door-item {
    width: 100%;
    margin-bottom: 20px;
}
.seo {
    padding: 30px 10px;
}
.review {
    padding: 30px 0;
}
.about__info-content {
    margin: 2.1875rem 0;
}
.about__info-content span {
    max-height: initial;
}
.legislation__mark {
    -webkit-box-pack: center;
    justify-content: center;
}
.legislation__mark-item {
    padding: 10px;
}
.metal--type3 .metal__bottom {
    background: url(pic/work_5.png) right no-repeat;
}
.lighting__img {
    max-height: 300px;
    max-width: 300px;
}
.activities__border {
    border: none;
    padding-top: 0;
}
.activities__border:before {
    display: none;
}
.activities__content {
    border: none;
    padding-left: 10px;
    padding-right: 10px;
}
.activities__content-text {
    font-size: 21px;
    max-height: initial;
}
.lightDesign__item {
    width: 100%}
.lightDesign__head {
    padding-right: 0;
    margin: 0 auto 20px;
    width: 150px;
}
.lightDesign__index {
    width: 40px;
    height: 40px;
    font-size: 20px;
}
.lightDesign__arrow {
    display: none;
}
.lightDesign__img {
    width: 150px;
    padding-top: 150px;
}
.lightDesign__title {
    max-height: 3.8em;
    height: initial;
}
.engineering__mark {
    padding: 20px;
    position: static;
    border-radius: 0;
    width: 100%;
    height: initial;
}
.news__item {
    width: 33.333%}
.news__item--big .news__name {
    font-size: 20px;
    line-height: 1.2em;
}
.news__name {
    font-size: 18px;
    line-height: 1.2em;
}
.contact__text--right {
    text-align: left;
}
.portfolio__item {
    width: 33.333%}
.mineral__img {
    display: none;
}
.calc {
    margin: 0 auto;
}
.calc__index {
    padding: 20px 10px;
}
.calc__img {
    padding: 30px 40px 0 30px;
}
}@media only screen and (max-width:767px) {
    /*! $mqpacker hack */._md-show {
    display: none;
}
._md-show\! {
    display: none!important;
}
.button--md-only-icon>span svg {
    margin-left: 0!important;
    margin-right: 0!important;
}
.button--md-only-icon>span>span {
    display: none;
}
.content-image--width-500-and-more {
    display: block;
    float: none!important;
    margin-left: auto!important;
    margin-right: auto!important;
}
.breadcrumbs {
    display: block;
}
.breadcrumbs span, .breadcrumbs span:before {
    display: none;
}
.breadcrumbs span:nth-last-child(2) {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    background: none;
    margin: 0;
}
.breadcrumbs span:nth-last-child(2):before {
    content: '<';
    margin: 0 5px 0 3px;
    display: inline-block;
}
.view__main--internal {
    padding: 30px 0;
}
.view__section--individual {
    min-height: 640px;
}
.grid__sizer {
    width: 50%}
.footer__title-wrap {
    margin: 0 auto;
}
.title--h1 {
    font-size: 30px;
}
.button--left {
    margin: 0 auto;
}
.view-text h1 {
    font-size: 30px;
}
.slider--review {
    padding: 30px 0 0;
}
.tab__list {
    flex-wrap: wrap;
}
.tab__link {
    width: 50%;
    border-bottom: 1px solid #ddd;
    text-align: center;
    margin-bottom: -1px;
    border-top: 1px solid #ddd;
}
.tab__link span {
    font-size: 13px;
}
.tabLine__nav {
    margin-bottom: 30px;
    flex-wrap: wrap;
}
.tabLine__item {
    width: 100%;
    margin-bottom: 15px;
    padding-left: 50px;
    text-align: left;
    height: initial;
}
.tabLine__item:before {
    display: none;
}
.tabLine__item:after {
    display: none;
}
.tabLine__link {
    text-align: left;
}
.tabLine__link i {
    left: 7px;
    top: 50%;
    border: 4px solid #fff;
    background: #2e75b4;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.tabLine__link.has-active i {
    left: -1px;
}
.product--four .product__item {
    width: 100%}
.product__item {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}
.product__content {
    height: 150px;
}
.text__content {
    padding-left: 10px;
    padding-right: 10px;
}
.window {
    background: #2e334e url(pic/materials_section_bg1.png) center top no-repeat;
    padding-bottom: 20px;
}
.window__nav {
    width: 100%}
.window__wrap {
    width: 100%}
.window__item {
    padding: 5px 0;
    margin: 0;
}
.window__link:after {
    display: none!important;
}
.buildTab .tabLine__nav {
    padding-left: 10px;
}
.buildTab .tabLine__link.has-active i {
    position: absolute;
}
.result__tr {
    height: initial;
    min-height: 46px;
    padding: 5px 0;
}
.result__td--num {
    width: 10%;
    padding-bottom: 10px;
}
.result__td--parameter {
    width: 75%;
    padding-bottom: 10px;
}
.result__td--units {
    width: 15%;
    padding-bottom: 10px;
}
.result__td--scope {
    width: 37%}
.result__td--price {
    width: 26%}
.result__td--amount {
    width: 37%}
.designing {
    height: initial;
    background: #2e334e url(pic/build_bg.png) center top no-repeat;
}
.designing__content {
    margin: 0 auto;
    padding: 20px;
    text-align: center;
    background: rgba(255, 255, 255, .6);
}
.designing__content p {
    color: #000;
    background: none;
}
.designing__img {
    display: none;
}
.question {
    height: initial;
    padding-bottom: 30px;
}
.question__content {
    border: none;
    padding-left: 10px;
    padding-right: 10px;
}
.question__content:before {
    display: none;
}
.question__content:after {
    display: none;
}
.question__title1 {
    font-size: 1.8125rem;
}
.materials {
    padding-top: 30px;
}
.materials--type1 .materials__content {
    padding: 30px 10px;
}
.materials__list--full li {
    width: 100%}
.materials__images {
    padding: 20px 0;
}
.benefit__content {
    height: initial;
    width: initial;
    background: rgba(29, 42, 56, .7);
    padding: 40px 10px;
}
.benefit__text {
    max-height: initial;
}
.work__item {
    width: 100%;
    margin-bottom: 10px;
}
.work__link {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    text-align: left;
}
.work__icon {
    margin: 0;
    margin-right: 20px;
    width: 50px;
    height: 50px;
    flex-shrink: 0;
}
.work__icon svg {
    width: 30px;
    height: 30px;
}
.work__icon:before {
    display: none;
}
.review__img {
    display: none;
}
.review__head {
    -webkit-box-align: center;
    align-items: center;
    padding: 10px 0;
    margin: 0;
}
.review__ava {
    width: 80px;
    height: 80px;
}
.review__name {
    height: initial;
    max-height: 50px;
}
.review__text {
    max-height: 12.6em;
    height: initial;
}
.partners {
    padding: 30px 0;
}
.metalframe {
    background: rgba(46, 51, 78, .6) url(pic/materials_section_bg1.png) center top no-repeat;
}
.about__img--big {
    max-width: 300px;
    display: block;
    margin: 0 auto 20px;
}
.about__img--square {
    margin-bottom: 20px;
}
.about__tab-content {
    height: initial;
}
.about__tab-item {
    width: 100%;
    margin-bottom: 20px;
}
.about__info-content:before {
    display: none;
}
.about__form {
    right: 0;
    padding-left: 10px;
    padding-right: 10px;
}
.about__page-list {
    -webkit-box-pack: center;
    justify-content: center;
}
.stages {
    padding: 30px 0;
}
.stages__text {
    padding: 30px 10px;
    font-size: 16px;
    line-height: 1.4em;
}
.legislation {
    padding: 20px 10px;
}
.legislation__wrap {
    padding: 30px 10px;
}
.videos {
    padding: 40px 0;
}
.videos__main {
    margin-bottom: 30px;
}
.videos__main iframe {
    height: 370px!important;
}
.videos__img {
    margin-bottom: 20px;
}
.metal--type2 .metal__bottom {
    background: url(pic/metal_3.png) right top no-repeat;
}
.metal--type3 .metal__bottom {
    background: #0a3054 url(pic/work_5.png) right no-repeat;
}
.lighting--foundation {
    margin-top: 0;
}
.lighting__wrap--type2 {
    background: transparent;
    padding: 30px 0;
    min-height: initial;
}
.activities {
    background: #44474c url(pic/activities_bg.jpg) center bottom no-repeat;
}
.activities--type2 {
    background: #15181a url(pic/activities_bg2.jpg) center bottom no-repeat;
}
.activities__img {
    width: 70px;
    height: 70px;
}
.activities__img svg {
    width: 50px;
    height: 50px;
}
.engineering--type2 .engineering__top {
    background: #353b43 url(pic/engineering_2.png) center top no-repeat;
}
.engineering__top {
    padding: 30px 10px;
    background: #333841 url(pic/engineering.png) center top no-repeat;
}
.engineering__wrap {
    padding: 20px 10px;
}
.engineering__text {
    padding: 20px 10px;
}
.engineering__text p {
    font-size: 14px;
    line-height: 1.4em;
}
.news__item {
    width: 50%}
.news__item--big .news__img {
    width: 100%}
.news__item--big .news__content {
    width: 100%}
.contact__item {
    -webkit-box-pack: center;
    justify-content: center;
}
.contact__text p {
    font-size: 13px;
}
.portfolio__item {
    width: 50%}
.typeFoundations__item {
    width: 50%;
    margin-bottom: 30px;
}
.door__img {
    margin-bottom: 20px;
}
.door__content {
    padding: 0;
}
.panel__about {
    margin: 0 0 25px;
}
.roof {
    padding: 30px 0;
}
.roof__wrap {
    padding-top: 0;
    background: none;
    min-height: initial;
}
.roof__main {
    margin-bottom: 20px;
}
.calc {
    margin-bottom: 30px;
}
.calc__info-block {
    width: 100%;
    margin-bottom: -2px;
    border-bottom: 2px solid #cacbd0;
}
}@media only screen and (max-width:639px) {
    /*! $mqpacker hack */._ms-show {
    display: none;
}
._ms-show\! {
    display: none!important;
}
.button--ms-only-icon>span svg {
    margin-left: 0!important;
    margin-right: 0!important;
}
.button--ms-only-icon>span>span {
    display: none;
}
.content-image--width-300-and-more {
    display: block;
    float: none!important;
    margin-left: auto!important;
    margin-right: auto!important;
}
}@media only screen and (max-width:479px) {
    /*! $mqpacker hack */._sm-show {
    display: none;
}
._sm-show\! {
    display: none!important;
}
.button--sm-only-icon>span svg {
    margin-left: 0!important;
    margin-right: 0!important;
}
.button--sm-only-icon>span>span {
    display: none;
}
.content-image--width-200-and-more {
    display: block;
    float: none!important;
    margin-left: auto!important;
    margin-right: auto!important;
}
#fPopUp {
    min-width: 100%;
    left: 10px;
    right: 10px;
}
.grid__sizer {
    width: 100%}
.mobile__center .button {
    min-width: 65px;
}
.mobile__center .button i {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}
.mobile__center .button span {
    display: none;
}
.product__item {
    width: 100%}
.implementing__item {
    padding-top: 60%}
.work__tabContent {
    padding-left: 10px;
    padding-right: 10px;
}
.news__item {
    width: 100%}
.portfolio__item {
    width: 100%}
}@media only screen and (max-width:411px) {
    /*! $mqpacker hack */}
@media only screen and (max-width: 374px) {
    /*! $mqpacker hack */._xs-show {
    display: none;
}
._xs-show\! {
    display: none!important;
}
.button--xs-only-icon>span svg {
    margin-left: 0!important;
    margin-right: 0!important;
}
.button--xs-only-icon>span>span {
    display: none;
}
.content-image--width-100-and-more {
    display: block;
    float: none!important;
    margin-left: auto!important;
    margin-right: auto!important;
}
}@media only screen and (max-width:319px) {
    /*! $mqpacker hack */}
@media print {
    ._noprint {
    display: none!important;
}
}@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
    .button span {
    display: -webkit-inline-box;
    display: inline-flex;
}
.header__cloud {
    -webkit-animation: none;
    animation: none;
}
.menu__list>li>a {
    height: 63px;
}
.title--h1 {
    margin: 0;
}
.metalframe .lighting__wrap--type2 {
    padding-top: 120px;
}
.roof__content {
    width: 100%;
    margin: 0;
}
.calc .title {
    max-width: 100%;
    width: 100%}
}@media(min-width:768px) and (max-width:1023px) {
    .materials--type1 .materials__content .materials__block {
    padding-right: 60px;
}
}@media(min-width:1440px) and (max-width:1500px) {
    .calc__index .size__name {
    font-size: 13px;
}
}
/*# sourceMappingURL=style.css.map */

@media (max-width: 1024px) {
	
	.size__form { height: 100%;}
	
	.size__information {display:none}
	
	.size__title, .size__footer{left: 0;right: 0;margin: auto;}
	
	.view__size--lg2 { width: 90%;}
}

@media (max-width: 745px) {
	
	.result__table-title span {
    font-size: 13px;}
	
	.result__td--units {
    width: 16%;
    display: none;
}
	
	.size__title {
    max-width: 400px;
    width: 80%;}
	
	.size__title span {
    font-size: 15px;}
	
	.calc-title {
    text-align: center;
    font-size: 25px;}
}