
@font-face {
    font-family: "Ribera";
    font-style: normal;
    font-weight: normal;
    src: url("data:application/font-woff2;charset=utf-8;base64,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") format("woff2"), url("data:application/font-woff;charset=utf-8;base64,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") format("woff");
}
* {
    margin: 0;
    padding: 0;
}

.group::after {
    clear: both;
    content: "";
    display: table;
}
a {
    background-color: transparent;
}
b, strong {
    font-weight: 700;
}
img {
    border: 0 none;
}
/*button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}*/
fieldset {
    border: 0 none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0 none;
    padding: 0;
}
p {
    line-height: 1.66667;
}
details, main, summary {
    display: block;
}
.arrow--wrapper {
    position: relative;
}
.arrow--wrapper:hover .arrow--right {
    width: 90px;
}
@media only screen and (min-width: 768px) {
.arrow--wrapper:hover .arrow--right {
    width: 120px;
}
}
.arrow--right {
    background-color: rgba(255, 255, 255, 0.64);
    cursor: pointer;
    display: block;
    height: 1px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0px);
    transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    width: 67px;
}
@media only screen and (min-width: 768px) {
.arrow--right {
    width: 90px;
}
}
.arrow--right::before {
    background-color: rgba(255, 255, 255, 0.64);
    content: "";
    height: 1px;
    left: 100%;
    position: absolute;
    top: -2px;
    transform: rotate(45deg);
    width: 8px;
}
@media only screen and (min-width: 768px) {
.arrow--right::before {
    top: -4px;
    width: 14px;
}
}
.arrow--right::after {
    background-color: rgba(255, 255, 255, 0.64);
    content: "";
    height: 1px;
    left: 100%;
    position: absolute;
    top: 3px;
    transform: rotate(-45deg);
    width: 8px;
}
@media only screen and (min-width: 768px) {
.arrow--right::after {
    top: 5px;
    width: 14px;
}
}
.arrow--wrapper-small {
    padding-right: 72px;
}
.arrow--wrapper-small .arrow--right {
    margin-left: -58px;
    width: 45px;
}
@media only screen and (min-width: 768px) {
.arrow--wrapper-small .arrow--right {
    width: 90px;
}
}
.arrow--wrapper-small:hover .arrow--right {
    width: 60px;
}
@media only screen and (min-width: 768px) {
.arrow--wrapper-small:hover .arrow--right {
    width: 120px;
}
}
.arrow--two--line {
    color: #23262d;
    display: inline-block;
    font-size: 2rem;
    font-weight: 100;
    padding-bottom: 30px;
    padding-right: 0;
}
@media only screen and (min-width: 638px) {
.arrow--two--line {
    padding-bottom: 0;
    padding-right: 72px;
}
}
.arrow--two--line .arrow--right {
    margin-left: 0;
    margin-top: -6px;
    top: 100%;
}
@media only screen and (min-width: 638px) {
.arrow--two--line .arrow--right {
    bottom: 0;
    display: block;
    left: 100%;
    margin: auto 0 auto -52px;
    top: 0;
    transform: none;
}
}
html {
    background-color: #fff;
    font-size: 9px;
    height: 100%;
}
@media only screen and (min-width: 1440px) {
html {
    font-size: 10px;
}
}
body {
    background-color: #fff;
    color: #23262d;
    font-family: "Roboto",Arial,Helvetica,sans-serif;
    font-weight: 300;
    /*line-height: 1;*/
    min-height: 100%;
    overflow-x: hidden;
}
.hide {
    display: none;
}
a {
    color: #fff;
    text-decoration: none;
}
a:hover {
    color: rgba(255, 255, 255, 0.75);
    transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
a:active {
    color: rgba(255, 255, 255, 0.75);
    transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
a:hover, a:active, a:focus {
    outline: 0 none;
}
@media only screen and (min-width: 768px) {
textarea {
    padding-bottom: 24px;
    padding-top: 24px;
}
}
@media only screen and (min-width: 1280px) {
textarea {
    padding-bottom: 16px;
    padding-top: 16px;
}
}
.error textarea, .error input:not([type="radio"]):not([type="checkbox"]) {
    border-color: #e2001a;
}
.error textarea::-moz-placeholder, .error input:not([type="radio"]):not([type="checkbox"])::-moz-placeholder {
    color: #e2001a;
}
.field-terms {
    margin-bottom: 20px;
    margin-top: 11px;
    text-align: left;
}
.field-terms label {
    color: #323331;
    font-family: "Roboto",Arial,Helvetica,sans-serif;
    font-size: 1.2rem;
    margin-left: 10px;
    position: relative;
}
.field-terms a {
    color: #323331;
    text-decoration: underline;
}
.field-terms a:hover {
    text-decoration: none;
}
.checkbox label {
    color: black;
}
/*input[type="checkbox"] + label {
    cursor: pointer;
    display: block;
    font-size: 1.3rem;
    line-height: 1.2;
    margin: 0;
    padding: 0 0 0 24px;
    position: relative;
    text-align: left;
    text-indent: 0;
}
input[type="checkbox"] + label::before {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d6d6d8;
    border-radius: 1px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: -1px;
    width: 16px;
}
input[type="checkbox"] + label::after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20xmlns%3Asketch%3D%22http%3A//www.bohemiancoding.com/sketch/ns%22%3E%0A%20%20%20%20%3C%21--%20Generator%3A%20Sketch%203.0.3%20%287892%29%20-%20http%3A//www.bohemiancoding.com/sketch%20--%3E%0A%20%20%20%20%3Ctitle%3Echeckbox%2016x16%3C/title%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C/desc%3E%0A%20%20%20%20%3Cdefs%3E%3C/defs%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20sketch%3Atype%3D%22MSPage%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22checkbox-16x16%22%20sketch%3Atype%3D%22MSArtboardGroup%22%20stroke%3D%22%23068eda%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M11.5%2C4%20L6.1195%2C11.5%20L4%2C9.3805%22%20id%3D%22Imported-Layers%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C/path%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E");
    background-size: 16px 16px;
    content: "";
    height: 13px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: -1px;
    transform: scale(0);
    transition: all 0.1s ease 0s;
    width: 13px;
}
input[type="checkbox"] + label:hover::before {
    border-color: #bdbdbd;
}
input[type="checkbox"] {
    display: none;
}
input[type="checkbox"]:checked + label::after {
    opacity: 1;
    transform: scale(1);
}
input[type="checkbox"]:checked + label:hover::before {
    border: 1px solid #0074d9;
}
input[type="checkbox"]:checked + label::before {
    border: 1px solid #0074d9;
}*/
.custom-select, .your-country, .product-category, .region, .country {
    display: block;
    font-size: 2.2rem;
    margin: 0 auto;
    position: relative;
}
.custom-select select, .your-country select, .product-category select, .region select, .country select {
    -moz-appearance: none;
    background-color: #fff;
    border-radius: 0;
    color: #23262d;
    display: block;
    line-height: 1.2;
    margin: 0;
    outline: medium none;
    padding-left: 10px;
    padding-right: 46px;
    width: 100%;
}
@media only screen and (min-width: 768px) {
.custom-select select, .your-country select, .product-category select, .region select, .country select {
    padding-left: 24px;
    padding-right: 80px;
}
}
@media only screen and (min-width: 1280px) {
.custom-select select, .your-country select, .product-category select, .region select, .country select {
    padding-left: 14px;
    padding-right: 74px;
}
}
.custom-select select:checked::after, .your-country select:checked::after, .product-category select:checked::after, .region select:checked::after, .country select:checked::after {
    color: red;
}
.custom-select::after, .your-country::after, .product-category::after, .region::after, .country::after {
    background: rgba(0, 0, 0, 0) url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2019.2.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2019.84%2019.84%22%20enable-background%3D%22new%200%200%2019.84%2019.84%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20fill%3D%22%23d6d6d8%22%20points%3D%220.56648%2C5.59651%201.27352%2C4.88948%209.92%2C13.53646%2018.56648%2C4.88948%2019.27352%2C5.59651%209.92%2C14.95052%0A%09%22/%3E%0A%3C/svg%3E%0A") no-repeat scroll center center / 20px 20px;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 0;
    width: 30px;
}
@media only screen and (min-width: 768px) {
.custom-select::after, .your-country::after, .product-category::after, .region::after, .country::after {
    background-size: 30px 30px;
    right: 30px;
}
}
option {
    padding: 6px 10px;
}
@media only screen and (min-width: 768px) {
option {
    padding-left: 24px;
    padding-right: 24px;
}
}
@media only screen and (min-width: 1280px) {
option {
    padding-left: 14px;
    padding-right: 14px;
}
}
@media not all {
.custom-select select {
    padding-right: 30px;
}
}
.field {
    margin: 15px auto;
}
@media only screen and (min-width: 768px) {
.field {
    margin: 30px auto;
}
}
@media only screen and (min-width: 1280px) {
.field {
    margin: 20px 0;
}
}
.field br {
    content: "";
    left: -9999em;
    position: absolute;
}
.field.checkbox .your-country::after {
    background: transparent none repeat scroll 0 0;
}
.field .wpcf7-list-item-label {
    display: inline-block;
}
.wpcf7-checkbox {
    display: block;
    margin: 0 auto;
    width: 100%;
}
@media only screen and (min-width: 1280px) {
.wpcf7-checkbox {
    margin-left: 0;
}
}
.wpcf7-checkbox .wpcf7-list-item {
    display: block;
    margin: 20px 0;
    text-align: left;
    width: 100%;
}
.wpcf7-checkbox .wpcf7-list-item-label {
    padding-left: 10px;
}
@media only screen and (min-width: 1280px) {
.your-country select {
    height: 50px;
}
}
.wpcf7-form .ajax-loader {
    display: none;
    height: 16px;
    max-height: 16px;
    width: 16px;
}
form .wpcf7-not-valid-tip {
    color: #e2001a;
    display: block;
    font-size: 1.4rem;
    margin-top: 10px;
    text-align: left;
}
form .wpcf7-mail-sent-ok, form .wpcf7-validation-errors {
    border: 0 none;
    font-size: 2rem;
    margin: 20px 0;
    padding: 0;
    text-align: left;
}
@media only screen and (min-width: 768px) {
form .wpcf7-mail-sent-ok, form .wpcf7-validation-errors {
    margin-bottom: 30px;
    margin-top: 30px;
}
}
@media only screen and (min-width: 1280px) {
form .wpcf7-mail-sent-ok, form .wpcf7-validation-errors {
    margin-bottom: 38px;
    margin-top: 52px;
}
}
form .wpcf7-validation-errors {
    color: #e2001a;
}
form .wpcf7-mail-sent-ok {
    color: #49bf8b;
}
.screen-reader-response {
    opacity: 0;
    visibility: hidden;
}
@media only screen and (min-width: 1280px) {
.sidebar--sticky {
    position: sticky;
    top: 34px;
}
.sidebar--sticky::before, .sidebar--sticky::after {
    content: "";
    display: table;
}
}
.switch-form {
    background-color: #ededed;
    border: 0 none;
    color: transparent;
    display: block;
    font: 0px/0 a;
    height: 39px;
    position: absolute;
    right: 0;
    text-shadow: none;
    top: 50%;
    transform: translate3d(0px, -50%, 0px);
    width: 39px;
}
@media only screen and (min-width: 768px) {
.switch-form {
    height: 78px;
    width: 78px;
}
}
@media only screen and (min-width: 1280px) {
.switch-form {
    display: none;
}
}
.switch-form.switch::before {
    transform: translate3d(-50%, -50%, 0px) rotate(180deg);
}
.switch-form::before {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22windows-1252%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2019.2.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2019.84%2019.84%22%20enable-background%3D%22new%200%200%2019.84%2019.84%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20fill%3D%22%233e3d43%22%20points%3D%220.56648%2C5.59651%201.27352%2C4.88948%209.92%2C13.53646%2018.56648%2C4.88948%2019.27352%2C5.59651%209.92%2C14.95052%20%20%22/%3E%0A%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    content: "";
    height: 20px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0px);
    transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    width: 20px;
}
@media only screen and (min-width: 768px) {
.switch-form::before {
    background-size: 30px 30px;
    height: 30px;
    width: 30px;
}
}
.switch-form--desktop {
    display: none;
    position: relative;
}
@media only screen and (min-width: 1280px) {
.switch-form--desktop {
    -moz-box-align: center;
    align-items: center;
    background-color: #ededed;
    color: #23262d;
    display: flex;
    font-size: 1.8rem;
    height: 53px;
    margin-bottom: 32px;
    max-width: 680px;
    padding: 6px 18px 5px;
}
.switch-form--desktop:hover {
    color: #23262d;
}
.switch-form--desktop::before {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22windows-1252%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2019.2.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2019.84%2019.84%22%20enable-background%3D%22new%200%200%2019.84%2019.84%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20fill%3D%22%233e3d43%22%20points%3D%220.56648%2C5.59651%201.27352%2C4.88948%209.92%2C13.53646%2018.56648%2C4.88948%2019.27352%2C5.59651%209.92%2C14.95052%20%20%22/%3E%0A%3C/svg%3E");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    bottom: 0;
    content: "";
    height: 100%;
    position: absolute;
    right: 30px;
    top: 0;
    transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    width: 30px;
}
.switch-form--desktop.active::before {
    transform: rotate(180deg);
}
}
@media only screen and (min-width: 1280px) {
.wrapper .x-hide--form {
    display: block;
}
}
.x-form--desc h2 {
    padding-right: 60px;
    position: relative;
    text-align: left;
}
@media only screen and (min-width: 768px) {
.x-form--desc h2 {
    padding-right: 98px;
}
}
@media only screen and (min-width: 1280px) {
.x-form--desc h2 {
    padding-right: 0;
}
}
.x-hide--form {
    padding-bottom: 35px;
}
@media only screen and (min-width: 768px) {
.x-hide--form {
    padding-bottom: 80px;
}
}
.agreement .wpcf7-list-item {
    padding-left: 20px;
    text-align: left;
    vertical-align: top;
}
.agreement input[type="checkbox"] {
    display: inline-block;
    margin-left: -20px;
    margin-top: 4px;
    vertical-align: top;
}
.agreement .wpcf7-checkbox {
    font-size: 1.3rem;
    padding-right: 5px;
}
@media only screen and (min-width: 1280px) {
.agreement .wpcf7-checkbox {
    margin-bottom: 40px;
    margin-top: 40px;
}
}
textarea.wpcf7-validates-as-required.wpcf7-not-valid, select.wpcf7-validates-as-required.wpcf7-not-valid, input.wpcf7-validates-as-required.wpcf7-not-valid:not([type="radio"]):not([type="checkbox"]) {
    border-color: #e2001a;
}
input.wpcf7-validates-as-required.wpcf7-not-valid[type="checkbox"] {
    box-shadow: 0 0 0 1px #e2001a;
}
.wpcf7-checkbox .wpcf7-list-item-label {
    display: inline-block;
    padding-left: 10px;
    text-indent: 0;
    vertical-align: top;
}
.agreement .wpcf7-not-valid-tip {
    margin: 0;
}
ol, ul {
    margin: 0;
    padding: 0;
}
.header__main {
    background-color: #23262d;
    height: 54px;
    padding: 10px 15px;
    width: 100%;
    line-height: 1
}
@media only screen and (min-width: 768px) {
.header__main {
    height: 108px;
    padding: 20px 30px;
}
}
@media only screen and (min-width: 1280px) {
.header__main {
    height: 81px;
    padding: 0;
}
}
.header__main .wrapper {
    -moz-box-align: center;
    align-items: center;
    display: flex;
    height: 100%;
}
.main__logo {
    background-color: #23262d;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%20width%3D%22124px%22%20height%3D%2242px%22%20viewBox%3D%220%200%20124%2042%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20xmlns%3Asketch%3D%22http%3A//www.bohemiancoding.com/sketch/ns%22%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20sketch%3Atype%3D%22MSPage%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22logotyp_Kratkipl_white_bez_pl%22%20sketch%3Atype%3D%22MSLayerGroup%22%20transform%3D%22translate%28-24.000000%2C%20-7.000000%29%22%20fill%3D%22%23FFFFFF%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M41.2110423%2C32.337259%20L50.5655344%2C32.337259%20L50.5655344%2C23.1869907%20L41.2110423%2C23.1869907%20L41.2110423%2C32.337259%20Z%20M35.6133175%2C22.2068177%20L40.1643598%2C22.2068177%20L40.1643598%2C17.6744186%20L35.6133175%2C22.2068177%20Z%20M34.4233968%2C32.337259%20L40.1643598%2C32.337259%20L40.1643598%2C23.1869907%20L34.6290529%2C23.1869907%20L31.2517672%2C26.5503876%20C30.2772011%2C27.4918008%2030.4801217%2C28.4687438%2031.3800847%2C29.3572351%20C32.4021481%2C30.3490857%2033.4155079%2C31.3429239%2034.4233968%2C32.337259%20L34.4233968%2C32.337259%20Z%20M40.1643598%2C38.0436295%20L40.1643598%2C33.3176804%20L35.4151217%2C33.3176804%20C37.0046667%2C34.8919201%2038.5832698%2C36.467899%2040.1643598%2C38.0436295%20L40.1643598%2C38.0436295%20Z%20M50.5655344%2C14.7560127%20L51.6122169%2C14.7560127%20L51.6122169%2C22.2068177%20L59.1426614%2C22.2068177%20L59.1426614%2C23.1869907%20L51.6122169%2C23.1869907%20L51.6122169%2C32.337259%20L59.1426614%2C32.337259%20L59.1426614%2C33.3176804%20L51.6122169%2C33.3176804%20L51.6122169%2C40.8340787%20L50.5655344%2C40.8340787%20L50.5655344%2C33.3176804%20L41.2110423%2C33.3176804%20L41.2110423%2C39.0859173%20C43.2215979%2C41.0877559%2045.2403598%2C43.0876068%2047.2946825%2C45.0819917%20L43.8930265%2C48.5460147%20L27.0812011%2C32.1412244%20C24.4949577%2C29.4489167%2023.6243386%2C27.1693003%2026.5579841%2C24.3634466%20C32.2710952%2C18.6774498%2037.9839577%2C12.9909561%2043.6968201%2C7.30495925%20L47.0984762%2C10.7689823%20L41.2110423%2C16.6318823%20L41.2110423%2C22.2068177%20L50.5655344%2C22.2068177%20L50.5655344%2C14.7560127%20Z%22%20id%3D%22Fill-1%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C/path%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M63.2066444%2C22.2094762%20L68.7315069%2C22.2094762%20L68.7315069%2C27.9474011%20L72.768782%2C25.272734%20L79.4223905%2C25.272734%20L74.3625545%2C28.0934953%20L79.7145862%2C33.3250596%20L73.6244804%2C33.3250596%20L70.7676762%2C30.0973216%20L68.7315069%2C31.2325333%20L68.7315069%2C33.3250596%20L63.2066444%2C33.3250596%20L63.2066444%2C22.2094762%20Z%22%20id%3D%22Fill-3%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C/path%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M81.4011153%2C25.2727589%20L86.4612%2C25.2727589%20L86.4612%2C26.5920791%20C86.9481101%2C26.0208706%2087.4504381%2C25.6280561%2087.9684328%2C25.4128901%20C88.4864275%2C25.198221%2089.1260254%2C25.0908865%2089.8877238%2C25.0908865%20C90.6844857%2C25.0908865%2091.5563481%2C25.23226%2092.5038085%2C25.5155039%20L90.8304593%2C27.7143709%20C90.1928508%2C27.5625621%2089.6882847%2C27.486782%2089.3165122%2C27.486782%20C88.6080307%2C27.486782%2088.0592%2C27.6537468%2087.6697714%2C27.9871795%20C87.1119884%2C28.457265%2086.8329725%2C29.3368118%2086.8329725%2C30.6260684%20L86.8329725%2C33.3250845%20L81.4011153%2C33.3250845%20L81.4011153%2C25.2727589%20Z%22%20id%3D%22Fill-4%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C/path%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M103.500366%2C29.5036027%20C102.756821%2C29.6554114%20101.981943%2C29.7893311%20101.176229%2C29.9053618%20C100.078319%2C30.0723266%2099.3832656%2C30.2368068%2099.0913185%2C30.398554%20C98.7901704%2C30.5652703%2098.6397206%2C30.7545965%2098.6397206%2C30.9672779%20C98.6397206%2C31.2097744%2098.7879323%2C31.4082936%2099.0846042%2C31.5623385%20C99.3812762%2C31.7163834%2099.8169587%2C31.7936543%20100.392647%2C31.7936543%20C100.994694%2C31.7936543%20101.554964%2C31.7101719%20102.07271%2C31.5432071%20C102.590705%2C31.3767392%20102.958001%2C31.1732508%20103.174848%2C30.9329905%20C103.391694%2C30.6929785%20103.500366%2C30.3806649%20103.500366%2C29.9965464%20L103.500366%2C29.5036027%20Z%20M98.8123026%2C27.8811618%20L93.6460328%2C27.5703389%20C93.8407471%2C27.0545369%2094.1220011%2C26.6490509%2094.489546%2C26.3531356%20C94.8565937%2C26.0577172%2095.3857788%2C25.8010584%2096.0763556%2C25.5836563%20C96.572218%2C25.4268784%2097.2538423%2C25.3056301%2098.1217259%2C25.2196631%20C98.9893608%2C25.1336961%2099.9278688%2C25.0907126%20100.93725%2C25.0907126%20C102.557631%2C25.0907126%20103.858959%2C25.1426406%20104.84198%2C25.2462483%20C105.824752%2C25.3498559%20106.643398%2C25.5660157%20107.298662%2C25.8947277%20C107.758964%2C26.1220682%20108.122281%2C26.4443202%20108.38762%2C26.8612353%20C108.653456%2C27.2781505%20108.78625%2C27.6764311%20108.78625%2C28.0555804%20L108.78625%2C31.6115335%20C108.78625%2C31.9906828%20108.828276%2C32.2875919%20108.912329%2C32.5025094%20C108.996631%2C32.7176754%20109.180154%2C32.9917263%20109.463398%2C33.325159%20L104.390133%2C33.325159%20C104.186467%2C33.1179437%20104.053673%2C32.9601719%20103.992001%2C32.8515951%20C103.929832%2C32.7427698%20103.867911%2C32.5720781%20103.80599%2C32.33952%20C103.097509%2C32.7286076%20102.393504%2C33.0068823%20101.694223%2C33.1735987%20C100.738059%2C33.39597%2099.6269693%2C33.5070314%2098.3607048%2C33.5070314%20C96.6784032%2C33.5070314%2095.4011968%2C33.2849086%2094.5293344%2C32.8399175%20C93.6569746%2C32.3954234%2093.2210434%2C31.8465762%2093.2210434%2C31.1948668%20C93.2210434%2C30.582911%2093.5353714%2C30.0800288%2094.1640275%2C29.6854751%20C94.7924349%2C29.2914182%2095.9522656%2C28.9984844%2097.6435196%2C28.8061767%20C99.6712339%2C28.573867%20100.98599%2C28.4108776%20101.588038%2C28.3172083%20C102.189837%2C28.2235391%20102.827446%2C28.1010485%20103.500366%2C27.9492397%20C103.500366%2C27.5703389%20103.363096%2C27.3047356%20103.088805%2C27.1531753%20C102.814266%2C27.001615%20102.331832%2C26.9258348%20101.641006%2C26.9258348%20C100.755715%2C26.9258348%20100.091747%2C27.0065842%2099.6491016%2C27.1685798%20C99.3036889%2C27.2945488%2099.0249217%2C27.5323246%2098.8123026%2C27.8811618%20L98.8123026%2C27.8811618%20Z%22%20id%3D%22Fill-5%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C/path%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M118.082725%2C22.2094762%20L118.082725%2C25.272734%20L121.057651%2C25.272734%20L121.057651%2C27.5324737%20L118.082725%2C27.5324737%20L118.082725%2C30.3852862%20C118.082725%2C30.7284089%20118.14017%2C30.9552524%20118.255307%2C31.0660654%20C118.432366%2C31.2377509%20118.742217%2C31.3234695%20119.185112%2C31.3234695%20C119.583493%2C31.3234695%20120.141276%2C31.2578762%20120.858461%2C31.126938%20L121.256842%2C33.2572302%20C119.919953%2C33.4236981%20118.671344%2C33.5071805%20117.511762%2C33.5071805%20C116.165672%2C33.5071805%20115.174445%2C33.408542%20114.536837%2C33.2117621%20C113.899477%2C33.0149821%20113.427736%2C32.7160853%20113.12236%2C32.3145746%20C112.816985%2C31.913064%20112.664297%2C31.2630938%20112.664297%2C30.3644156%20L112.664297%2C27.5324737%20L110.671895%2C27.5324737%20L110.671895%2C25.272734%20L112.664297%2C25.272734%20L112.664297%2C23.7943997%20L118.082725%2C22.2094762%20Z%22%20id%3D%22Fill-6%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C/path%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M123.634246%2C22.2094762%20L129.15886%2C22.2094762%20L129.15886%2C27.9474011%20L133.196632%2C25.272734%20L139.849992%2C25.272734%20L134.790156%2C28.0934953%20L140.141939%2C33.3250596%20L134.051833%2C33.3250596%20L131.195526%2C30.0973216%20L129.15886%2C31.2325333%20L129.15886%2C33.3250596%20L123.634246%2C33.3250596%20L123.634246%2C22.2094762%20Z%22%20id%3D%22Fill-7%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C/path%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M141.975063%2C25.2728086%20L147.380312%2C25.2728086%20L147.380312%2C33.3251342%20L141.975063%2C33.3251342%20L141.975063%2C25.2728086%20Z%20M141.975063%2C22.2095508%20L147.380312%2C22.2095508%20L147.380312%2C24.3097794%20L141.975063%2C24.3097794%20L141.975063%2C22.2095508%20Z%22%20id%3D%22Fill-8%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C/path%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    border: 0 none;
    color: transparent;
    display: block;
    font: 0px/0 a;
    height: 30px;
    margin-bottom: auto;
    margin-top: auto;
    text-shadow: none;
    width: 94px;
    z-index: 1000;
}
@media only screen and (min-width: 768px) {
.main__logo {
    height: 60px;
    width: 188px;
}
}
@media only screen and (min-width: 1280px) {
.main__logo {
    margin-left: 10px;
    margin-right: 20px;
}
}
@media only screen and (min-width: 1600px) {
.main__logo {
    margin-left: 0;
}
}
h4 {
    /*text-transform: uppercase;*/
}
h1, h2, h3 {
    /*font-weight: 100;*/
}
.header--fixed {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.02);
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    will-change: transform;
    z-index: 20;
}
@keyframes slideDown {
0% {
    transform: translate3d(0px, -100%, 0px);
}
100% {
    transform: translate3d(0px, 0px, 0px);
}
}
@keyframes slideDown {
0% {
    transform: translate3d(0px, -100%, 0px);
}
100% {
    transform: translate3d(0px, 0px, 0px);
}
}
@keyframes slideUp {
0% {
    transform: translate3d(0px, 0px, 0px);
}
100% {
    transform: translate3d(0px, -100%, 0px);
}
}
@keyframes slideUp {
0% {
    transform: translate3d(0px, 0px, 0px);
}
100% {
    transform: translate3d(0px, -100%, 0px);
}
}
.animated.slideDown {
    animation-name: slideDown;
}
.animated.slideUp {
    animation-name: slideUp;
}
.animated {
    animation-duration: 0.5s;
    animation-fill-mode: both;
}
.menu-wrapper {
    background-color: #23262d;
    left: 0;
    max-height: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 54px;
    transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, visibility 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, max-height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    visibility: hidden;
    z-index: 700;
}
.menu-wrapper.active {
    max-height: inherit;
    opacity: 1;
    transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, visibility 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, max-height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    visibility: visible;
}
.menu-wrapper a {
    color: #fff;
    display: inline-block;
    font-size: 1.8rem;
    font-weight: 400;
    padding: 18px 15px;
    transition: none 0s ease 0s ;
}
.menu-wrapper a:hover {
    opacity: 0.75;
}
.menu-wrapper ul {
    list-style-type: none;
}
.menu-wrapper .sub-menu {
    background-color: #333740;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.35) inset, 0 -1px 0 0 rgba(0, 0, 0, 0.35) inset;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
}
.menu-wrapper .sub-menu.active {
    max-height: inherit;
    opacity: 1;
    visibility: visible;
}
@media only screen and (min-width: 1280px) {
.menu-wrapper .sub-menu.active a {
    padding: 32px 26px;
}
.menu-wrapper .sub-menu.active a:first-child {
    padding-left: 10px;
}
}
.menu-wrapper .primary-menu > .active a {
    background-color: #333740;
}
.menu--switch {
    cursor: pointer;
    margin-left: auto;
    margin-right: 0;
    padding: 9px 5px;
}
.menu--switch.open .hamburger-icon {
    background-color: transparent;
    transition: background-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.menu--switch.open .hamburger-icon::before {
    transform: translate3d(0px, 6px, 0px) rotate3d(0, 0, 1, 45deg);
}
.menu--switch.open .hamburger-icon::after {
    transform: translate3d(0px, -6px, 0px) rotate3d(0, 0, 1, -45deg);
}
.menu--switch .hamburger-icon {
    background-color: #fff;
    border: 0 none;
    color: transparent;
    font: 0px/0 a;
    height: 2px;
    margin: 6px 0;
    position: relative;
    text-shadow: none;
    transition: background-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    width: 17px;
}
.menu--switch .hamburger-icon::after, .menu--switch .hamburger-icon::before {
    background-color: #fff;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transform: translate3d(0px, 0px, 0px) rotate3d(0, 0, 1, 0deg);
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    width: 17px;
}
.menu--switch .hamburger-icon::after {
    top: 6px;
}
.menu--switch .hamburger-icon::before {
    bottom: 6px;
}
.main__nav {
    background-color: #23262d;
}
.main__nav--commercial {
    background-color: #ff851b;
}
.main__nav--commercial a {
    padding-right: 30px;
    position: relative;
}
.main__nav--commercial a::before, .main__nav--commercial a::after {
    background-color: #fff;
    content: "";
    height: 2px;
    left: 100%;
    margin-left: -14px;
    position: absolute;
    width: 14px;
}
.main__nav--commercial a::before {
    top: 22px;
    transform: rotate(45deg);
}
.main__nav--commercial a::after {
    top: 31px;
    transform: rotate(-45deg);
}
.lang-pl .main__nav--commercial li:first-child {
    /*background: #e2001a none repeat scroll 0 0;*/
}
@media only screen and (min-width: 768px) {
.menu-wrapper {
    top: 108px;
}
.menu-wrapper a {
    font-size: 2.2rem;
    padding: 22px 30px;
}
.menu--switch {
    cursor: pointer;
    padding: 18px 8px;
}
.menu--switch.open .hamburger-icon {
    background-color: transparent;
    transition: background-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.menu--switch.open .hamburger-icon::before {
    transform: translate3d(0px, 13px, 0px) rotate3d(0, 0, 1, 45deg);
}
.menu--switch.open .hamburger-icon::after {
    transform: translate3d(0px, -13px, 0px) rotate3d(0, 0, 1, -45deg);
}
.menu--switch .hamburger-icon {
    background-color: #fff;
    border: 0 none;
    color: transparent;
    font: 0px/0 a;
    height: 4px;
    margin: 13px 0;
    position: relative;
    text-shadow: none;
    transition: background-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    width: 34px;
}
.menu--switch .hamburger-icon::after, .menu--switch .hamburger-icon::before {
    background-color: #fff;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    transform: translate3d(0px, 0px, 0px) rotate3d(0, 0, 1, 0deg);
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    width: 34px;
}
.menu--switch .hamburger-icon::after {
    top: 13px;
}
.menu--switch .hamburger-icon::before {
    bottom: 13px;
}
.main__nav--commercial a {
    padding-right: 60px;
}
.main__nav--commercial a::before {
    top: 28px;
}
.main__nav--commercial a::after {
    top: 37px;
}
}
@media only screen and (min-width: 1280px) {
.menu-wrapper {
    -moz-box-flex: 1;
    display: flex;
    flex: 1 1 0;
    height: 100%;
    margin-left: auto;
    margin-right: 0;
    max-height: inherit;
    opacity: 1;
    position: relative;
    top: 0;
    visibility: visible;
}
.menu-wrapper a {
    font-size: 1.3rem;
    font-weight: 700;
    padding: 0;
}
.menu-wrapper a:hover {
    opacity: 1;
}
.menu-wrapper [class^="menu-menu-top"] {
    height: 100%;
}
.menu-wrapper .sub-menu {
    box-shadow: none;
    display: flex;
    height: 100%;
    left: 0;
    margin: 0 auto;
    max-height: 75px;
    max-width: 1280px;
    position: absolute;
    right: 0;
    top: auto;
    transition: none 0s ease 0s ;
    width: 100%;
    z-index: -1;
}
.menu-wrapper .sub-menu::after, .menu-wrapper .sub-menu::before {
    background-color: #333740;
    bottom: 0;
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
}
.menu-wrapper .sub-menu::before {
    right: 100%;
}
.menu-wrapper .sub-menu::after {
    left: 100%;
}
.menu-wrapper .sub-menu:hover {
    opacity: 1;
    visibility: visible;
}
.menu-wrapper .sub-menu > li {
    height: 100%;
}
.menu-wrapper .sub-menu > li:first-of-type a {
    padding-left: 20px;
}
.menu-wrapper .sub-menu > li:first-of-type:hover a::before {
    left: -6px;
    width: calc(100% - 46px);
}
.menu-wrapper .sub-menu > li:hover a {
    position: relative;
}
.menu-wrapper .sub-menu > li:hover a::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 0;
    margin: -2px auto 0;
    position: absolute;
    right: 0;
    top: 100%;
    width: calc(100% - 52px);
}
.menu-wrapper .primary-menu {
    -moz-box-align: end;
    -moz-box-pack: end;
    align-items: flex-end;
    display: flex;
    height: 100%;
    justify-content: flex-end;
}
.menu-wrapper .primary-menu > li {
    display: inline-block;
    height: 100%;
}
.menu-wrapper .primary-menu > li a {
    -moz-box-align: center;
    align-items: center;
    display: flex;
    height: 100%;
    padding: 0 22px;
    text-align: center;
}
.menu-wrapper .primary-menu > li:hover a {
    background-color: #333740;
}
.menu-wrapper .primary-menu > li:hover a + .sub-menu {
    opacity: 1;
    visibility: visible;
}
.main__nav {
    -moz-box-flex: 1;
    align-self: center;
    flex: 1 1 0;
    height: 100%;
}
.main__nav--commercial {
    -moz-box-align: center;
    align-items: center;
    display: flex;
    margin-right: -5000em;
    padding-right: 5000em;
}
.main__nav--commercial a {
    padding-right: 26px;
}
.main__nav--commercial a::before, .main__nav--commercial a::after {
    margin-left: -9px;
    width: 9px;
}
.main__nav--commercial a::before {
    top: 4px;
}
.main__nav--commercial a::after {
    top: 9px;
}
.main__nav--commercial li {
    padding: 34px;
}
.main__nav--commercial li:last-of-type {
    margin-right: 0;
}
.main__nav--commercial .menu-menu-top-right-container, .main__nav--commercial .menu-footer-first-col-eng-container, .main__nav--commercial .menu-footer-first-col-niem-container, .main__nav--commercial .menu-footer-first-col-rus-container {
    height: 100%;
}
.main__nav--commercial .menu {
    -moz-box-align: center;
    align-items: center;
    display: flex;
    height: 100%;
}
.menu--switch {
    display: none;
}
.lang-pl .main__nav--commercial {
    background-color: #ff851b;
}
.lang-pl .main__nav--commercial li:first-child {
   /* background: #e2001a none repeat scroll 0 0;*/
}
}
@media only screen and (min-width: 1440px) {
.menu-wrapper .primary-menu > li a {
    padding: 0 24px;
}
}
#lang_sel_footer {
    display: none;
}
#menu-item-lang {
    position: relative;
}
@media only screen and (min-width: 1280px) {
#menu-item-lang::before {
    border-left: 3px dotted #4e5158;
    bottom: 0;
    content: "";
    height: 15px;
    left: 0;
    margin: auto 0;
    position: absolute;
    top: 0;
}
}
@media only screen and (min-width: 1280px) {
#menu-item-lang:hover {
    position: relative;
}
#menu-item-lang:hover::before {
    display: none;
}
#menu-item-lang:hover .lang-selector {
    display: block;
    left: inherit;
    right: inherit;
}
#menu-item-lang:hover .lang-selector::before, #menu-item-lang:hover .lang-selector::after {
    display: none;
}
#menu-item-lang:hover .lang-selector li {
    display: block;
    height: 50px;
    text-align: center;
}
#menu-item-lang:hover .sub-menu > li a {
    -moz-box-pack: center;
    justify-content: center;
    padding: 0;
}
#menu-item-lang:hover .sub-menu > li a::before {
    width: 100%;
}
#menu-item-lang:hover .sub-menu > li:first-of-type a {
    padding: 0;
}
#menu-item-lang:hover .sub-menu > li:first-of-type a::before {
    left: 0;
}
}
.home .arrow--gotoshop {
    display: none;
}
.arrow--gotoshop {
    -moz-box-pack: center;
    background: #ff9000 none repeat scroll 0 0;
    bottom: 15px;
    display: block;
    font-size: 2rem;
    justify-content: center;
    line-height: 1.3;
    padding: 15px;
    position: fixed;
    right: 15px;
    z-index: 18;
}
@media only screen and (min-width: 768px) {
.arrow--gotoshop {
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    bottom: 35px;
    display: flex;
    flex-direction: column;
    font-size: 2.6rem;
    height: 140px;
    padding: 25px;
    right: 35px;
    width: 140px;
}
}
@media only screen and (min-width: 1280px) {
.arrow--gotoshop {
    font-size: 3rem;
    height: 180px;
    padding: 25px;
    width: 180px;
}
}
.arrow--gotoshop .arrow--right {
    bottom: 25px;
    display: none;
    left: 25px;
    right: auto;
    top: auto;
    transform: none;
}
@media only screen and (min-width: 1280px) {
.arrow--gotoshop .arrow--right {
    display: block;
}
}
.flex-grid {
    display: flex;
    flex-flow: row wrap;
}
.grid--2col {
    display: flex;
    flex-flow: column nowrap;
}
@media only screen and (min-width: 1280px) {
.grid--2col {
    flex-flow: row wrap;
}
}
.grid--2col .box__grid {
    font-size: 3rem;
    max-height: 160px;
    width: 100%;
}
@media only screen and (min-width: 480px) {
.grid--2col .box__grid {
    font-size: 5.2rem;
    max-height: 240px;
}
}
@media only screen and (min-width: 638px) {
.grid--2col .box__grid {
    max-height: 280px;
}
}
@media only screen and (min-width: 1280px) {
.grid--2col .box__grid {
    max-height: 320px;
    width: 50%;
}
}
@media only screen and (min-width: 1440px) {
.grid--2col .box__grid {
    max-height: 360px;
}
}
.grid--2col .box__grid .text-wrap {
    line-height: 1.1;
}
.grid--4col {
    display: flex;
    flex-flow: row wrap;
}
.grid--4col .box__grid {
    font-size: 2.4rem;
}
@media only screen and (min-width: 480px) {
.grid--4col .box__grid {
    max-height: 240px;
}
}
@media only screen and (min-width: 638px) {
.grid--4col .box__grid {
    max-height: 280px;
}
}
@media only screen and (min-width: 768px) {
.grid--4col .box__grid {
    font-size: 4rem;
}
}
@media only screen and (min-width: 1280px) {
.grid--4col .box__grid {
    max-height: 320px;
}
}
@media only screen and (min-width: 1440px) {
.grid--4col .box__grid {
    max-height: 360px;
}
}
@media only screen and (min-width: 1280px) {
.grid--4col .box__grid a {
    padding-bottom: 90px;
}
}
.box__grid {
    line-height: 1.3;
}
.box__grid .arrow--wrapper:hover .arrow--right {
    width: 55px;
}
@media only screen and (min-width: 638px) {
.box__grid .arrow--wrapper:hover .arrow--right {
    width: 110px;
}
}
.box__grid .arrow--right {
    width: 40px;
}
@media only screen and (min-width: 638px) {
.box__grid .arrow--right {
    width: 80px;
}
}
.box-scale:hover::before {
    transform: scale(1.02);
}
.customers__opinion .wrapper {
    padding: 32px 15px 30px;
}
@media only screen and (min-width: 638px) {
.customers__opinion .wrapper {
    padding: 70px 40px 30px;
}
}
@media only screen and (min-width: 1280px) {
.customers__opinion .wrapper {
    padding-bottom: 76px;
}
}
@media only screen and (min-width: 1600px) {
.customers__opinion .wrapper {
    padding-bottom: 156px;
}
}
.customers__opinion .opinion-content {
    margin: 0 auto;
    padding: 0 15px;
    text-align: center;
}
@media only screen and (min-width: 638px) {
.customers__opinion .opinion-content {
    padding: 0 30px;
}
}
@media only screen and (min-width: 1280px) {
.customers__opinion .opinion-content {
    max-width: 1220px;
    padding: 0 40px;
}
}
.opinion-content {
    font-size: 2.7rem;
    font-style: italic;
    line-height: 1.58;
    position: relative;
}
.opinion-content cite img {
    display: block;
    height: auto;
    margin: 24px auto 0;
    max-width: 165px;
    width: 50%;
}
@media only screen and (min-width: 638px) {
.opinion-content cite img {
    margin-top: 32px;
}
}
@media only screen and (min-width: 768px) {
.opinion-content cite img {
    margin-top: 30px;
    width: 100%;
}
}
.opinion-content .cite-author {
    background-color: transparent;
    border: 0 none;
    color: transparent;
    font: 0px/0 a;
    text-shadow: none;
}
.opinion-content .customer-img {
    display: none;
}
@media only screen and (min-width: 1280px) {
.opinion-content .customer-img {
    display: block;
    height: 225px;
    width: 150px;
    z-index: 5;
}
}
.opinion-content .cite-author {
    position: absolute;
}
@media only screen and (min-width: 1280px) {
.opinion-content .cite-author {
    background-color: #f4f4f4;
    display: block;
    height: 100px;
    width: 100px;
}
}
.opinion-text {
    display: block;
    font-style: italic;
    letter-spacing: -0.7px;
    padding: 0 0 55px;
    position: relative;
}
@media only screen and (min-width: 1280px) {
.opinion-text {
    margin: 0 auto;
    padding: 25px 235px 55px 55px;
}
}
.opinion-text::before {
    background: rgba(0, 0, 0, 0) url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20100%20100%22%20enable-background%3D%22new%200%200%20100%20100%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23333432%22%20d%3D%22M40%2090.3c-4.6%200-9.3-0.5-14.2-1.6%20-4.9-1.1-9.2-2.8-13-5.1%20-3.8-2.3-6.9-5.4-9.3-9.3C1.1%2070.4-0.2%2065.6-0.2%2059.9V9.7H29.9v44.6c0%204.1%201.2%206.7%203.7%207.9%202.4%201.2%204.6%201.8%206.5%201.8V90.3zM100%2090.3c-4.6%200-9.3-0.5-14.2-1.6%20-4.9-1.1-9.2-2.8-13-5.1%20-3.8-2.3-6.9-5.4-9.3-9.3%20-2.4-3.9-3.7-8.7-3.7-14.4V9.7h30v44.6c0%204.1%201.2%206.7%203.6%207.9%202.4%201.2%204.6%201.8%206.5%201.8V90.3z%22/%3E%3C/svg%3E") no-repeat scroll 0 0;
    content: "";
    height: 27px;
    left: -17px;
    opacity: 0.13;
    position: absolute;
    top: -9px;
    transform: rotate(-180deg) scaleX(-1);
    width: 32px;
}
@media only screen and (min-width: 638px) {
.opinion-text::before {
    height: 54px;
    left: -33px;
    top: -20px;
    width: 64px;
}
}
@media only screen and (min-width: 1280px) {
.opinion-text::before {
    left: 0;
}
}
.opinion-text::after {
    background: rgba(0, 0, 0, 0) url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Warstwa_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%20861.37109%20275.22113%22%20enable-background%3D%22new%200%200%20861.37109%20275.22113%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%236b6b6b%22%20d%3D%22M0%2C266.15405c34.32742-48.22202%2C65.95921-98.20651%2C97.14839-148.48254%0A%09c4.23563-6.82769%2C8.64202-13.56057%2C13.27513-20.12141c0.95757-1.35596%2C3.57708-2.77277%2C4.90723-2.38165%0A%09c3.04161%2C0.89437%2C2.78975%2C4.11951%2C1.69026%2C6.20847c-3.27129%2C6.21529-7.32948%2C12.02251-10.50347%2C18.28162%0A%09c-5.91806%2C11.67046-10.58922%2C23.47896-9.82501%2C37.27472c0.70125%2C12.65932%2C6.30378%2C13.33241%2C15.53543%2C8.78104%0A%09c12.34742-6.08752%2C22.49405-15.02023%2C31.80212-25.04878c8.54143-9.20258%2C17.26494-18.23931%2C26.04623-27.21407%0A%09c2.49284-2.54777%2C5.82007-5.17593%2C8.91156-1.27452c2.34224%2C2.95585-0.485%2C5.42261-2.46922%2C7.71062%0A%09c-13.80542%2C15.91901-27.47861%2C32.34586-42.34877%2C46.78033c-7.04083%2C6.83452-22.45605%2C13.16772-35.78473%2C10.9713%0A%09c-10.99914-1.81256-8.2191-13.58119-12.18828-21.49219c-6.61948%2C3.70795-9.49595%2C10.28424-12.99563%2C16.02306%0A%09c-19.59132%2C32.12596-41.025%2C63.01611-62.1859%2C94.09943C8.04076%2C270.63889%2C5.7273%2C274.72916%2C0%2C275.22113%0A%09C0%2C272.19876%2C0%2C269.17642%2C0%2C266.15405z%22/%3E%0A%3Cpath%20fill%3D%22%236b6b6b%22%20d%3D%22M125.04695%2C174.69023c3.01137%2C9.89627-2.96815%2C15.69893-5.34142%2C22.30984%0A%09c-3.21643%2C8.95956-12.03477%2C17.04504-3.38836%2C27.52109c0.60151%2C0.72878%2C0.13686%2C3.59253-0.41627%2C3.78508%0A%09c-1.69325%2C0.58945-4.08968%2C1.09801-5.46506%2C0.31871c-5.34718-3.02992-7.92918-8.42471-6.51174-14.0139%0A%09C107.57335%2C200.22176%2C113.08861%2C186.58505%2C125.04695%2C174.69023z%22/%3E%0A%3Cpath%20fill%3D%22%236b6b6b%22%20d%3D%22M646.4845%2C86.82479c13.87415-13.03711%2C28.2135-25.75928%2C40.63416-40.10962%0A%09c11.19348-12.93213%2C21.50244-37.02832%2C15.09009-42.52832c-6.4126-5.5-6.05969-4-10.0896-4%0A%09c-9.70203%2C7.74927-19.13599%2C15.76025-27.3584%2C25.15405c-2.86426%2C3.27222-6.52844%2C12.0188-9.96021%2C0.01343%0A%09c-0.5918-2.06982-3.12659-2.2749-5.18774-1.63818c-3.79712%2C1.17334-4.18958%2C4.50488-3.33899%2C7.34546%0A%09c2.02576%2C6.76514%2C1.69531%2C12.32642-3.94348%2C17.59546c-36.59644%2C34.19604-63.97095%2C75.49414-89.83398%2C117.88232%0A%09c-5.22974%2C8.57153-9.40381%2C17.80054-9.21362%2C28.26953c0.16675%2C9.177%2C3.23706%2C13.99219%2C12.73779%2C7.8418%0A%09c3.33801-2.16089%2C6.45605-4.73047%2C9.40918-7.40601c21.72729-19.68579%2C40.74268-41.87158%2C56.11401-66.69995%0A%09c6.7146-10.84618%2C15.64404-16.02514%2C26.66626-19.45898c5.05847-1.57617%2C11.49084-6.02246%2C15.37671-1.01587%0A%09c4.19397%2C5.40332-0.76172%2C11.37061-4.21558%2C16.23096c-2.00903%2C2.82739-4.93994%2C4.98217-7.30176%2C7.57983%0A%09c-15.29395%2C16.82129-34.75732%2C28.83374-51.11743%2C44.41528c-2.68689%2C2.55884-8.4209%2C4.84204-5.0708%2C9.23755%0A%09c3.18555%2C4.17969%2C7.50378-0.00342%2C10.43652-2.25635c20.33496-15.62256%2C39.90344-32.146%2C57.24438-51.12207%0A%09c5.86987-6.42333%2C9.82678-13.99853%2C11.74609-22.51611c1.96191-8.70679-0.6167-13.95972-10.58667-12.8999%0A%09c-3.99231%2C0.42432-7.93958%2C1.26367-11.9292%2C1.72656c-3.79285%2C0.4397-8.67163%2C3.64746-11.12329-0.46436%0A%09C638.92957%2C93.40682%2C642.92566%2C90.16879%2C646.4845%2C86.82479z%20M694.29053%2C15.83627%0A%09c-5.57837%2C18.37085-17.56396%2C36.08057-36.2666%2C46.85059C652.34961%2C33.08553%2C690.88147%2C8.49837%2C694.29053%2C15.83627z%0A%09%20M641.49927%2C75.56014c-8.63354%2C15.56494-16.15137%2C31.95752-26.46655%2C46.33325%0A%09c-16.29419%2C22.70898-31.54016%2C46.54125-53.79395%2C64.36816c-1.8728%2C1.50049-3.25391%2C3.93896-6.37598%2C2.92578%0A%09c-3.03638-4.28516%2C0.1272-7.7771%2C2.18286-10.82495c22.82324-33.84009%2C40.3252-71.33422%2C69.19836-101.02441%0A%09c2.44592-2.51514%2C4.8739-5.0481%2C7.30554-7.5769c2.11768-2.20264%2C4.84155-5.12109%2C7.60901-3.48438%0A%09C644.9021%2C68.49105%2C643.17627%2C72.53646%2C641.49927%2C75.56014z%22/%3E%0A%3Cpath%20fill%3D%22%236b6b6b%22%20d%3D%22M853.03662%2C23.94588c-11.64478%2C16.32227-24.40454%2C31.94043-34.948%2C48.9375%0A%09c-20.03052%2C32.29053-44.8562%2C60.18432-73.43408%2C84.91357c-6.229%2C5.38989-14.15637%2C14.70581-21.64331%2C8.5144%0A%09c-8.14404-6.73462-3.11597-17.78076%2C1.68237-26.36694c1.69116-3.02612%2C4.33704-5.50757%2C6.4502-8.31079%0A%09c9.05469-12.01049%2C20.3938-22.19286%2C28.05212-35.33984c2.20276-3.78125%2C7.53772-7.92139%2C3.14001-11.64868%0A%09c-5.74048-4.86548-11.74731%2C8.98657-13.61084%2C10.6272c-1.86377%2C1.64014-3.85498%2C5.75195-10.97559%2C6.40723%0A%09c-2.30432-2.23901-1.82129-4.71948-1.38843-7.14893c1.01196-5.68066%2C1.44434-11.802-4.26807-14.81445%0A%09c-6.38818-3.36865-11.77014%2C1.25586-16.09912%2C5.23145c-24.54016%2C22.53735-44.31152%2C48.97729-61.84851%2C77.1538%0A%09c-1.82312%2C2.9292-3.4198%2C6.31543-3.93762%2C9.67236c-0.93555%2C6.06299-0.71021%2C12.25928%2C4.96228%2C16.42383%0A%09c6.25525%2C4.59204%2C11.31726%2C1.00806%2C16.2843-2.71631c10.02124-7.51416%2C20.47705-14.5249%2C29.92456-22.70117%0A%09c6.2627-5.41992%2C8.21436-4.09131%2C11.23364%2C2.85059c5.87549%2C13.50928%2C15.18933%2C16.17578%2C28.04004%2C8.55908%0A%09c5.11316-3.03076%2C9.4126-7.31567%2C13.94226-11.24487c9.92004-8.60547%2C15.71704-22.06152%2C30.3988-26.9856%0A%09c0.56079%2C8.73438%2C3.21704%2C15.6416%2C8.61597%2C21.30566c1.82422%2C1.91406%2C3.94226%2C3.62793%2C6.50098%2C2.0061%0A%09c2.64038-1.67358%2C2.16577-3.88745%2C0.21997-6.2395c-12.10425-14.6311-5.53943-28.38598%2C2.86536-41.34374%0A%09c19.0321-29.34204%2C40.94299-56.77173%2C58.17517-87.32227c0-2.01465%2C0-4.02979%2C0-6.04468%0A%09C857.42566%2C18.47372%2C855.18445%2C20.93539%2C853.03662%2C23.94588z%20M707.22839%2C146.49031%0A%09c-12.58704%2C9.07788-23.78943%2C20.05713-35.88208%2C29.85132c-3.3075%2C2.67871-8.0614%2C6.25342-11.9585%2C2.63867%0A%09c-3.6073-3.34595%2C0.51013-7.59326%2C2.40759-10.76611c16.28076-27.22607%2C36.70605-51.32665%2C57.44727-75.16015%0A%09c2.18311-2.5083%2C4.28467-5.93994%2C8.66113-4.64307c3.30115%2C0.97827%2C2.59058%2C3.74731%2C2.72144%2C4.84473%0A%09C725.90967%2C113.24837%2C725.34668%2C133.42293%2C707.22839%2C146.49031z%22/%3E%0A%3Cpath%20fill%3D%22%236b6b6b%22%20d%3D%22M400.83667%2C184.04231c30.27246-25.94873%2C53.97974-57.71264%2C78.60583-88.65087%0A%09c4.50562-5.66064%2C8.30298-12.92432%2C2.88513-19.1394c-5.52222-6.33496-10.71216%2C2.04565-16.10547%2C3.34961%0A%09c-3.53882%2C0.85571-6.4707%2C4.49341-9.51672%2C7.07178c-20.58691%2C17.42554-33.33362%2C41.33764-50.63684%2C61.4995%0A%09c-6.81543%2C7.94165-13.9917%2C16.39038-16.479%2C26.73804c-5.98669%2C24.90454-27.33655%2C33.35742-46.10645%2C44.55542%0A%09c-3.61597%2C2.15723-9.52051%2C3.7146-12.3689-1.02124c-4.41089-7.33374-3.69562-16.41602-0.27026-23.24951%0A%09c4.58704-9.15063%2C4.43011-22.60742%2C18.59711-24.99829c23.22418-3.91919%2C45.98248-26.16382%2C51.06122-49.17431%0A%09c2.47266-11.20337-3.04236-13.82544-12.39734-12.08252c-10.14551%2C1.89038-15.39264%2C10.73779-22.57837%2C16.84863%0A%09c-2.27094%2C1.9314-4.98016%2C8.08422-7.84283%2C3.89281c-7.63318-11.17577-12.19531-1.99609-16.32941%2C2.08105%0A%09c-29.00732%2C28.60767-57.61444%2C57.62061-86.41731%2C86.43652c-3.7525%2C3.75415-6.68604%2C8.9165-13.14325%2C9.05737%0A%09c-2.50171-4.43896%2C0.24719-7.73877%2C1.89423-11.28979c12.07379-26.03174%2C28.58406-49.18848%2C46.33412-71.53564%0A%09c2.49225-3.13794%2C6.69794-6.87891%2C2.4527-10.12134c-4.75299-3.63013-6.02228%2C2.15039-8.41766%2C5.22144%0A%09c-13.90338%2C17.82422-27.65771%2C35.80176-42.38637%2C52.93286c-9.79529%2C11.39331-21.02124%2C21.57617-31.86926%2C32.02856%0A%09c-2.23688%2C2.15527-5.33832%2C6.12476-8.83594%2C2.89429c-2.64514-2.44287-1.78131-6.66016-0.41284-10.01147%0A%09c1.62238-3.9729%2C4.09619-6.60815%2C9.12555-6.11084c3.87885%2C0.3833%2C6.10797-2.84473%2C4.29712-5.79883%0A%09c-6.0567-9.88062%2C1.32867-16.07397%2C5.6358-23.00049c7.43756-11.96045%2C15.15759-23.74927%2C22.94537-35.48633%0A%09c3.07159-4.62939%2C8.52643-10.83716%2C3.7453-14.50781c-6.1731-4.73925-8.48969%2C3.95215-11.35168%2C7.84253%0A%09c-8.27777%2C11.25171-16.11377%2C22.82861-24.31958%2C34.55884c-18.75281-23.55225-27.09814-24.19434-48.59973-3.15918%0A%09c-18.38898%2C17.99023-27.9707%2C41.479-37.64185%2C64.63574c-3.56549%2C8.53735-8.67651%2C19.70412%2C0.63379%2C26.36354%0A%09c9.84424%2C7.04175%2C20.2854%2C0.40405%2C28.95575-6.02734c4.40143-3.26491%2C7.935-7.67946%2C11.99518-11.42897%0A%09c7.61908-7.03589%2C13.30786-16.2019%2C22.75452-21.9563c5.11066%2C19.21948%2C12.97266%2C21.39722%2C27.21527%2C8.46265%0A%09c1.48572-1.34912%2C2.66278-3.05322%2C4.20618-4.32104c4.44714-3.65308%2C8.29144-6.19751%2C10.51489%2C2.41455%0A%09c3.13513%2C12.14331%2C11.62402%2C10.07642%2C18.51904%2C4.58765c9.0024-7.1665%2C16.94154-15.72949%2C24.96992-24.04688%0A%09c21.4837-22.25732%2C41.55316-45.96826%2C69.47095-67.53564c-2.70502%2C11.80176-5.1145%2C19.05103-8.68634%2C26.34131%0A%09c-6.74042%2C13.75732-15.37238%2C26.82129-13.94733%2C43.76953c1.29443%2C15.39478%2C7.14276%2C21.19238%2C21.6355%2C16.08496%0A%09c10.93158-3.85254%2C20.70258-10.06787%2C29.12885-18.35645c3.37531-3.32007%2C8.21326-9.7207%2C12.41833-6.31689%0A%09c22.05371%2C17.85034%2C37.91064%2C0.78467%2C55.24561-8.54102c5.44592-2.92969%2C9.3916-8.74634%2C17.42725-9.37695%0A%09c-1.25684%2C3.76074-2.39355%2C6.41919-3.01733%2C9.19287c-1.09644%2C4.87524%2C0.18115%2C9.15454%2C4.69458%2C11.6897%0A%09c3.47253%2C1.95044%2C7.21533%2C0.91626%2C9.77502-1.66089c5.99841-6.03906-3.4552-4.9939-3.95874-8.08545%0A%09c-0.22852-1.40283%2C0.10718-2.90283%2C0.22278-4.35571c0.46265-5.81226%2C3.65295-13.34497-2.63123-16.47583%0A%09c-6.16309-3.07031-12.62415%2C2.12793-17.78259%2C5.75635c-10.29639%2C7.24243-20.20361%2C15.25391-32.38672%2C18.85107%0A%09c-6.36914%2C1.88086-15.14966%2C5.33838-19.40894-1.91187C388.18188%2C192.36531%2C396.07007%2C188.12801%2C400.83667%2C184.04231z%0A%09%20M471.01685%2C87.2994c-18.54211%2C32.5918-41.62061%2C61.32055-70.70117%2C84.93871%0A%09C419.51392%2C140.20515%2C443.46472%2C112.21908%2C471.01685%2C87.2994z%20M393.74268%2C116.23421%0A%09c-6.26831%2C25.84521-21.35907%2C41.33105-44.5885%2C44.97948C362.33771%2C143.50349%2C371.37946%2C124.42538%2C393.74268%2C116.23421z%0A%09%20M144.59953%2C250.91316c-3.8512%2C2.73413-8.57452%2C7.25954-13.37994%2C3.51538c-4.16748-3.24707-1.13367-8.46045%2C0.15344-12.68091%0A%09c8.24658-27.03979%2C23.01556-50.03589%2C43.71021-69.17065c4.85901-4.49292%2C10.88739-8.34668%2C17.71814-4.58276%0A%09c5.88342%2C3.24194%2C7.04401%2C9.41138%2C6.64612%2C15.79785c-0.22089%2C3.94507%2C0.84918%2C8.25659-2.09113%2C11.5874%0A%09C180.44493%2C214.5367%2C165.78819%2C235.87093%2C144.59953%2C250.91316z%22/%3E%0A%3C/svg%3E%0A") no-repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 55px;
    position: absolute;
    right: 0;
    width: 170px;
}
@media only screen and (min-width: 1280px) {
.opinion-text::after {
    right: 235px;
}
}
.cite-square {
    position: absolute;
    right: 0;
    top: 0;
}
@media only screen and (min-width: 1280px) {
.cite-square {
    display: block;
}
.cite-square .customer-img {
    margin-top: 0;
    position: absolute;
    right: 35px;
    top: 0;
}
.cite-square .cite-author {
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 160px;
}
}
.footer__main {
    background-color: #23262d;
    color: #fff;
    padding-top: 30px;
}
@media only screen and (min-width: 768px) {
.footer__main {
    padding-top: 60px;
}
}
@media only screen and (min-width: 1440px) {
.footer__main {
    padding-top: 122px;
}
}
.footer__top {
    margin: auto;
    max-width: 1440px;
    padding: 0 30px;
}
@media only screen and (min-width: 768px) {
.footer__top {
    padding: 0 60px;
}
}
@media only screen and (min-width: 960px) {
.footer__top {
    -moz-box-align: end;
    -moz-box-pack: justify;
    align-items: flex-end;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}
}
@media only screen and (min-width: 1280px) {
.footer__top {
    padding: 0 80px;
}
}
@media only screen and (min-width: 1280px) {
.footer__newsletter {
    -moz-box-flex: 1;
    flex: 1 1 0;
}
}
.footer__newsletter h3 {
    font-size: 2.27rem;
    margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
.footer__newsletter h3 {
    font-size: 4rem;
    margin-bottom: 42px;
}
}
.footer__newsletter input:not([type="radio"]):not([type="checkbox"]) {
    -moz-box-flex: 1;
    background-color: #32363e;
    border: 1px solid #32363e;
    color: rgba(255, 255, 255, 0.5);
    flex: 1 1 170px;
    font-size: 1.8rem;
    height: 58px;
    line-height: 1;
    min-width: 170px;
    padding: 12px 15px;
}
@media only screen and (min-width: 768px) {
.footer__newsletter input:not([type="radio"]):not([type="checkbox"]) {
    -moz-box-flex: 1;
    flex: 1 1 402px;
    height: 78px;
    padding: 20px 30px;
}
}
@media only screen and (min-width: 1280px) {
.footer__newsletter input:not([type="radio"]):not([type="checkbox"]) {
    height: 68px;
    max-width: 402px;
    padding: 20px;
}
}
.footer__newsletter input:not([type="radio"]):not([type="checkbox"])::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
}
.footer__newsletter .field {
    display: flex;
}
@media only screen and (min-width: 1280px) {
.footer__newsletter .field {
    margin-bottom: 0;
}
}
.newsletter-send {
    background-color: #32363e;
    border: 1px solid #32363e;
    color: transparent;
    cursor: pointer;
    font: 0px/0 a;
    margin-left: 1px;
    min-width: 87px;
    position: relative;
    text-shadow: none;
}
@media only screen and (min-width: 768px) {
.newsletter-send {
    margin-left: 2px;
    width: 116px;
}
}
@media only screen and (min-width: 1280px) {
.newsletter-send {
    margin-left: 1px;
    width: 110px;
}
}
.newsletter-send:hover .arrow--right {
    width: 50%;
}
.newsletter-send .arrow--right {
    margin-left: -6px;
    width: 30px;
}
@media only screen and (min-width: 768px) {
.newsletter-send .arrow--right {
    width: 40px;
}
}
.footer__social {
    -moz-box-pack: center;
    display: flex;
    justify-content: center;
    margin-top: 60px;
}
@media only screen and (min-width: 768px) {
.footer__social {
    margin-top: 80px;
}
}
@media only screen and (min-width: 1280px) {
.footer__social {
    margin-top: 0;
}
}
.footer__social > a {
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    border: 0 none;
    color: transparent;
    display: block;
    font: 0px/0 a;
    height: 55px;
    text-shadow: none;
    width: 55px;
}
.footer__social > a:hover {
    opacity: 0.75;
}
@media only screen and (min-width: 768px) {
.footer__social > a {
    height: 78px;
    width: 78px;
}
}
@media only screen and (min-width: 1280px) {
.footer__social > a {
    height: 68px;
    width: 68px;
}
}
.footer__social > a:not(:last-of-type) {
    margin-right: 2px;
}
.footer__social .footer__social-facebook {
    background-color: #32363e;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2011.6%2025.2%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text/css%22%3E%0D%0A%09.st0%7Bfill%3A%237F797F%3B%7D%0D%0A%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M2.5%2025.2h4.9V12.6h3.7l0.4-5H7.6v-2C7.5%205%207.9%204.4%208.5%204.3c0.1%200%200.1%200%200.2%200h2.8V0L7.7%200C3.4%200%202.4%203.2%202.4%205.3v2.3H0v5h2.5V25.2z%22/%3E%3C/svg%3E");
    background-size: 14px 30px;
}
@media only screen and (min-width: 768px) {
.footer__social .footer__social-facebook {
    background-size: 13px 27px;
}
}
.footer__social .footer__social-pinterest {
    background-color: rgba(50, 54, 62, 0.6);
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20enable-background%3D%22new%200%200%2056.693%2056.693%22%20height%3D%2256.693px%22%20id%3D%22Layer_1%22%20version%3D%221.1%22%20viewBox%3D%220%200%2056.693%2056.693%22%20width%3D%2256.693px%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%20%7Bfill%3A%20%237f797f%3Bfill-rule%3A%20evenodd%7D%3C/style%3E%3C/defs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M30.374%204.622c-13.586%200-20.437%209.74-20.437%2017.864%200%204.918%201.862%209.293%205.855%2010.922%200.655%200.27%201.242%200.01%201.432-0.715%200.132-0.5%200.445-1.766%200.584-2.295%200.191-0.717%200.117-0.967-0.412-1.594%20-1.151-1.357-1.888-3.115-1.888-5.607%200-7.226%205.407-13.695%2014.079-13.695%207.679%200%2011.898%204.692%2011.898%2010.957%200%208.246-3.649%2015.205-9.065%2015.205%20-2.992%200-5.23-2.473-4.514-5.508%200.859-3.623%202.524-7.531%202.524-10.148%200-2.34-1.257-4.292-3.856-4.292%20-3.058%200-5.515%203.164-5.515%207.401%200%202.699%200.912%204.525%200.912%204.525s-3.129%2013.26-3.678%2015.582c-1.092%204.625-0.164%2010.293-0.085%2010.865%200.046%200.34%200.482%200.422%200.68%200.166%200.281-0.369%203.925-4.865%205.162-9.359%200.351-1.271%202.011-7.859%202.011-7.859%200.994%201.896%203.898%203.562%206.986%203.562%209.191%200%2015.428-8.379%2015.428-19.595C48.476%2012.521%2041.292%204.622%2030.374%204.622z%22/%3E%3C/svg%3E");
    background-size: 36px 36px;
}
@media only screen and (min-width: 768px) {
.footer__social .footer__social-pinterest {
    background-size: 32px 32px;
}
}
.footer__social .footer__social-youtube {
    background-color: rgba(50, 54, 62, 0.4);
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2029%2037%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text/css%22%3E%0D%0A%09.st0%7Bfill%3A%237E797F%3B%7D%0D%0A%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M5.4%2015.7h2.4V9.2L10.7%200H8.2L6.7%206.3H6.5L5%200H2.5l2.9%209.5V15.7zM10.6%2012.7c0%200.9%200.3%201.7%200.9%202.3%200.6%200.6%201.4%200.9%202.3%200.9%201.6%200.1%203-1%203.2-2.7%200-0.2%200-0.3%200-0.5v-6c0-0.8-0.3-1.6-0.9-2.2%20-0.6-0.6-1.4-0.9-2.2-0.8%20-0.9%200-1.7%200.2-2.4%200.8%20-0.6%200.5-0.9%201.3-0.9%202.1L10.6%2012.7%2010.6%2012.7%2010.6%2012.7zM12.8%206.7c0-0.2%200.1-0.5%200.2-0.6%200.2-0.2%200.4-0.2%200.6-0.2%200.3%200%200.5%200.1%200.7%200.2%200.2%200.2%200.3%200.4%200.3%200.6V13c0%200.3-0.1%200.5-0.3%200.7C14.2%2013.9%2014%2014%2013.7%2014c-0.2%200-0.5-0.1-0.7-0.3%20-0.2-0.2-0.2-0.5-0.2-0.7V6.7L12.8%206.7zM20.3%2015.8c0.4%200%200.9-0.1%201.3-0.4%200.5-0.3%200.9-0.6%201.2-1.1v1.3h2.2V4.1h-2.2v8.8c-0.2%200.2-0.4%200.4-0.7%200.6%20-0.2%200.1-0.4%200.2-0.6%200.2%20-0.2%200-0.3-0.1-0.4-0.2%20-0.1-0.2-0.2-0.4-0.1-0.6V4.1h-2.2v9.7c0%200.5%200.1%201.1%200.4%201.5C19.4%2015.7%2019.8%2015.9%2020.3%2015.8zM28.8%2022c0-2.3-1.9-4.1-4.2-4.1%200%200%200%200%200%200%20-3.3-0.1-6.7-0.2-10.1-0.2s-6.8%200.1-10.1%200.2c-2.3%200-4.2%201.8-4.2%204.1C0.1%2023.7%200%2025.5%200%2027.3s0.1%203.6%200.2%205.4c0%202.3%201.9%204.1%204.2%204.1%203.3%200.1%206.7%200.2%2010.1%200.2%203.5%200%206.8-0.1%2010.1-0.2%202.3%200%204.2-1.8%204.2-4.1%200%200%200%200%200%200%200.1-1.8%200.2-3.6%200.2-5.4S28.9%2023.7%2028.8%2022zM6.3%2033.4v0.1h-2V22.6H2.2v-2h6.1v2H6.3L6.3%2033.4%206.3%2033.4zM13.3%2024.1v9.4h-1.8v-1c-0.3%200.4-0.6%200.6-1%200.9%20-0.3%200.2-0.7%200.3-1%200.3%20-0.4%200-0.7-0.1-0.9-0.4%20-0.2-0.4-0.3-0.8-0.3-1.3v-8h1.8v7.2c0%200.2%200%200.3%200.1%200.5%200.1%200.1%200.2%200.2%200.3%200.1%200.2%200%200.4-0.1%200.5-0.2%200.2-0.1%200.4-0.3%200.5-0.5V24h1.8L13.3%2024.1%2013.3%2024.1%2013.3%2024.1zM20.1%2026.4v5.2c0%200.5-0.1%201.1-0.4%201.5%20-0.3%200.4-0.7%200.6-1.2%200.5%20-0.3%200-0.6-0.1-0.9-0.2%20-0.3-0.2-0.5-0.4-0.8-0.6v0.7H15V20.7h1.8v4.1c0.2-0.3%200.5-0.5%200.8-0.7%200.2-0.1%200.5-0.2%200.8-0.2%200.5%200%201%200.2%201.3%200.6%200.3%200.5%200.5%201.1%200.4%201.8V26.4L20.1%2026.4%2020.1%2026.4zM26.6%2026.6V29h-3.4v1.6c0%200.3%200%200.7%200.2%201%200.1%200.2%200.4%200.3%200.6%200.3%200.2%200%200.5-0.1%200.6-0.2%200.2-0.3%200.2-0.7%200.2-1.1V30h1.8v0.8c0.1%200.8-0.2%201.5-0.7%202.2%20-0.5%200.5-1.2%200.8-2%200.7%20-0.7%200-1.4-0.2-1.9-0.8%20-0.5-0.6-0.7-1.4-0.7-2.1v-4.3c0-0.7%200.2-1.5%200.8-2%200.5-0.5%201.2-0.8%201.9-0.8%200.7%200%201.4%200.2%201.9%200.7%200.5%200.6%200.7%201.3%200.7%202L26.6%2026.6%2026.6%2026.6%2026.6%2026.6zM17.6%2025.5c-0.1%200-0.3%200-0.4%200.1%20-0.1%200.1-0.3%200.2-0.4%200.3v5.7c0.1%200.1%200.3%200.2%200.4%200.3%200.1%200.1%200.3%200.1%200.4%200.1%200.2%200%200.4-0.1%200.5-0.2%200.1-0.2%200.2-0.4%200.2-0.6v-4.7c0-0.3%200-0.5-0.2-0.7C18%2025.6%2017.8%2025.5%2017.6%2025.5zM24%2025.5c-0.2%200-0.5%200.1-0.6%200.2%20-0.1%200.3-0.2%200.5-0.2%200.8v0.8h1.6v-0.8c0-0.3%200-0.6-0.2-0.8C24.5%2025.6%2024.3%2025.5%2024%2025.5z%22/%3E%3C/svg%3E");
    background-size: 26px 31px;
}
@media only screen and (min-width: 768px) {
.footer__social .footer__social-youtube {
    background-size: 31px 37px;
}
}
.footer__content {
    font-size: 1.6rem;
    margin: 60px auto 56px;
    max-width: 1440px;
    padding: 0 30px;
}
@media only screen and (min-width: 768px) {
.footer__content {
    margin-bottom: 76px;
    margin-top: 78px;
    padding: 0 60px;
}
}
@media only screen and (min-width: 960px) {
.footer__content {
    display: flex;
    flex-flow: row wrap;
}
}
@media only screen and (min-width: 1280px) {
.footer__content {
    -moz-box-pack: justify;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    margin-top: 105px;
    padding: 0 80px;
}
}
@media only screen and (min-width: 960px) {
.footer__content .col {
    padding-right: 40px;
    width: 50%;
}
}
@media only screen and (min-width: 1280px) {
.footer__content .col {
    padding-right: 20px;
    width: inherit;
}
}
.footer__nav-block {
    margin-bottom: 46px;
}
@media only screen and (min-width: 768px) {
.footer__nav-block {
    margin-bottom: 62px;
}
}
.footer__nav-block ul {
    list-style-type: none;
}
.footer__nav-block li {
    line-height: 2;
}
@media only screen and (min-width: 1280px) {
.footer__nav-block li {
    line-height: 3.125;
}
}
.footer__nav-block a {
    color: rgba(255, 255, 255, 0.5);
}
.footer__nav-block a:hover {
    color: #fff;
}
.footer__nav-block .menu > li > a {
    color: #fff;
    font-weight: 700;
    margin-bottom: 16px;
    text-transform: uppercase;
}
.footer__copyright {
    border-top: 1px solid rgba(146, 148, 152, 0.3);
    color: rgba(255, 255, 255, 0.5);
    font-size: 1.8rem;
}
.footer__copyright .wrapper {
    padding: 30px;
}
@media only screen and (min-width: 768px) {
.footer__copyright .wrapper {
    padding: 42px 60px;
}
}
@media only screen and (min-width: 1280px) {
.footer__copyright .wrapper {
    padding: 34px 80px;
}
}
.footer__copyright .wrapper > span {
    display: block;
    line-height: 1.5;
}
@media only screen and (min-width: 1280px) {
.footer__copyright .wrapper > span {
    display: inline-block;
}
}
.cookie-wrapper {
    display: none;
    transition: all 0.3s ease-in-out 0s;
}
.cookie-box {
    font-size: 1.6rem;
    margin: 35px 0;
    padding: 0 40px;
}
@media only screen and (min-width: 768px) {
.cookie-box {
    -moz-box-align: center;
    align-items: center;
    display: flex;
    padding: 0 60px;
}
}
@media only screen and (min-width: 1280px) {
.cookie-box {
    padding: 0 80px;
}
}
.cookie-box p {
    background: rgba(0, 0, 0, 0) url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236%22%20height%3D%2236%22%20viewBox%3D%220%200%2036%2036%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C/style%3E%0A%20%20%3C/defs%3E%0A%20%20%3Cpath%20id%3D%22Kszta%u0142t_1%22%20data-name%3D%22Kszta%u0142t%201%22%20class%3D%22cls-1%22%20d%3D%22M295.209%2C6274.97a2%2C2%2C0%2C1%2C1-2%2C2A2%2C2%2C0%2C0%2C1%2C295.209%2C6274.97Zm6.166%2C6.45a2%2C2%2C0%2C1%2C1-2%2C2A2%2C2%2C0%2C0%2C1%2C301.375%2C6281.42Zm-10.166%2C2a2%2C2%2C0%2C1%2C1-2%2C2A2%2C2%2C0%2C0%2C1%2C291.209%2C6283.42Zm-7.708%2C5.83a2%2C2%2C0%2C1%2C1-2%2C2A2%2C2%2C0%2C0%2C1%2C283.5%2C6289.25Zm8%2C5.04a2%2C2%2C0%2C1%2C1-2%2C2A2%2C2%2C0%2C0%2C1%2C291.5%2C6294.29Zm6.875-5.04a2%2C2%2C0%2C1%2C1-2%2C2A2%2C2%2C0%2C0%2C1%2C298.375%2C6289.25ZM291.5%2C6304a18.017%2C18.017%2C0%2C0%2C1-18-18c0-.5.034-1%2C0.074-1.49a0.994%2C0.994%2C0%2C0%2C1%2C.427-0.74%2C1.044%2C1.044%2C0%2C0%2C1%2C.842-0.15%2C6.014%2C6.014%2C0%2C0%2C0%2C7.578-4.96%2C1%2C1%2C0%2C0%2C1%2C.858-0.86%2C5.991%2C5.991%2C0%2C0%2C0%2C5.194-5.94%2C5.983%2C5.983%2C0%2C0%2C0-.447-2.27%2C0.992%2C0.992%2C0%2C0%2C1%2C.055-0.87%2C1.01%2C1.01%2C0%2C0%2C1%2C.721-0.5A17.992%2C17.992%2C0%2C1%2C1%2C291.5%2C6304Zm-16-18.21c0%2C0.07%2C0%2C.14%2C0%2C0.21a16%2C16%2C0%2C1%2C0%2C16-16c-0.4%2C0-.8.02-1.233%2C0.06a8.02%2C8.02%2C0%2C0%2C1-6%2C9.6A8.027%2C8.027%2C0%2C0%2C1%2C275.5%2C6285.79Z%22%20transform%3D%22translate%28-273.5%20-6268%29%22/%3E%0A%3C/svg%3E%0A") no-repeat scroll left center;
    margin: 0 20px 20px 0;
    padding: 10px 0 10px 60px;
}
@media only screen and (min-width: 768px) {
.cookie-box p {
    margin: 0 20px 0 0;
}
}
.display-cookie-info {
    display: block;
    opacity: 1;
    visibility: visible;
}
.hide-cookie-info {
    height: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
}
.cookie-box__btn {
    background: #8eb857 none repeat scroll 0 0;
    color: #4d4d4d;
    font-size: 1.4rem;
    font-weight: bold;
    margin-left: auto;
    padding: 12px 20px;
    text-transform: uppercase;
}
.back-to-top {
    background: #333 none repeat scroll 0 0;
    border: 1px solid #444;
    border-radius: 3px;
    bottom: 26px;
    height: 50px;
    opacity: 0;
    position: fixed;
    right: 26px;
    text-indent: -999em;
    transition: all 0.3s ease-in-out 0s;
    visibility: hidden;
    width: 50px;
    z-index: 17;
}
@media only screen and (min-width: 768px) {
.back-to-top {
    bottom: 46px;
    right: 46px;
}
}
.back-to-top.is-visible {
    opacity: 0.7;
    visibility: visible;
}
.back-to-top::before {
    background: rgba(0, 0, 0, 0) url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2019.2.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2019.84%2019.84%22%20enable-background%3D%22new%200%200%2019.84%2019.84%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20fill%3D%22%23d6d6d8%22%20points%3D%220.56648%2C5.59651%201.27352%2C4.88948%209.92%2C13.53646%2018.56648%2C4.88948%2019.27352%2C5.59651%209.92%2C14.95052%0A%09%22/%3E%0A%3C/svg%3E%0A") repeat scroll 0 0;
    content: "";
    height: 20px;
    left: 50%;
    margin: -10px 0 0 -10px;
    position: absolute;
    top: 50%;
    transform: rotate(180deg);
    width: 20px;
}
.back-to-top:hover {
    background: #fff none repeat scroll 0 0;
}
.back-to-top:hover::before {
    background: rgba(0, 0, 0, 0) url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22windows-1252%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2019.2.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2019.84%2019.84%22%20enable-background%3D%22new%200%200%2019.84%2019.84%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20fill%3D%22%233e3d43%22%20points%3D%220.56648%2C5.59651%201.27352%2C4.88948%209.92%2C13.53646%2018.56648%2C4.88948%2019.27352%2C5.59651%209.92%2C14.95052%20%20%22/%3E%0A%3C/svg%3E") repeat scroll 0 0;
}
.swiper-container {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
    float: left;
}
.swiper-container-vertical > .swiper-wrapper {
    -moz-box-orient: vertical;
    flex-direction: column;
}
.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    padding-bottom: 12px;
    position: relative;
    transition-property: transform, -webkit-transform;
    width: 100%;
    z-index: 1;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0px, 0px, 0px);
}
.swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out;
}
.swiper-slide {
    flex-shrink: 0;
    height: 100%;
    position: relative;
    width: 100%;
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
    -moz-box-align: start;
    align-items: flex-start;
    transition-property: transform, height, -webkit-transform;
}
.swiper-container .swiper-notification {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1000;
}
.swiper-wp8-horizontal {
}
.swiper-wp8-vertical {
}
.swiper-button-prev, .swiper-button-next {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 27px 44px;
    cursor: pointer;
    height: 44px;
    margin-top: -22px;
    position: absolute;
    top: 50%;
    width: 27px;
    z-index: 10;
}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
    cursor: auto;
    opacity: 0.35;
    pointer-events: none;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z\'%20fill%3D\'%23007aff\'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
}
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z\'%20fill%3D\'%23000000\'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z\'%20fill%3D\'%23ffffff\'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z\'%20fill%3D\'%23007aff\'%2F%3E%3C%2Fsvg%3E");
    left: auto;
    right: 10px;
}
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z\'%20fill%3D\'%23000000\'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z\'%20fill%3D\'%23ffffff\'%2F%3E%3C%2Fsvg%3E");
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    transform: translate3d(0px, 0px, 0px);
    transition: all 300ms ease 0s;
    z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
}
.swiper-pagination-bullet {
    background: #000 none repeat scroll 0 0;
    border-radius: 100%;
    display: inline-block;
    height: 8px;
    opacity: 0.2;
    width: 8px;
}
button.swiper-pagination-bullet {
    -moz-appearance: none;
    border: medium none;
    box-shadow: none;
    margin: 0;
    padding: 0;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff none repeat scroll 0 0;
}
.swiper-pagination-bullet-active {
    background: #007aff none repeat scroll 0 0;
    opacity: 1;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff none repeat scroll 0 0;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000 none repeat scroll 0 0;
}
.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0px);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: 5px 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
}
.swiper-pagination-progress {
    background: rgba(0, 0, 0, 0.25) none repeat scroll 0 0;
    position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transform-origin: left top 0;
    width: 100%;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    transform-origin: right top 0;
}
.swiper-container-horizontal > .swiper-pagination-progress {
    height: 4px;
    left: 0;
    top: 0;
    width: 100%;
}
.swiper-container-vertical > .swiper-pagination-progress {
    height: 100%;
    left: 0;
    top: 0;
    width: 4px;
}
.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff none repeat scroll 0 0;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000 none repeat scroll 0 0;
}
.swiper-container-3d {
    perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
}
.swiper-container-cube, .swiper-container-flip {
    overflow: visible;
}
.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
    backface-visibility: hidden;
    pointer-events: none;
    z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-cube .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-right {
    backface-visibility: hidden;
    z-index: 0;
}
.swiper-container-cube .swiper-slide {
    height: 100%;
    transform-origin: 0 0 0;
    visibility: hidden;
    width: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0 0;
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    filter: blur(50px);
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    width: 100%;
    z-index: 0;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-scrollbar {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
    border-radius: 10px;
    position: relative;
}
.swiper-container-horizontal > .swiper-scrollbar {
    bottom: 3px;
    height: 5px;
    left: 1%;
    position: absolute;
    width: 98%;
    z-index: 50;
}
.swiper-container-vertical > .swiper-scrollbar {
    height: 98%;
    position: absolute;
    right: 3px;
    top: 1%;
    width: 5px;
    z-index: 50;
}
.swiper-scrollbar-drag {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    border-radius: 10px;
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
}
.swiper-scrollbar-cursor-drag {
    cursor: move;
}
.swiper-lazy-preloader {
    animation: 1s steps(12, end) 0s normal none infinite running swiper-preloader-spin;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50% 50% 0;
    width: 42px;
    z-index: 10;
}
.swiper-lazy-preloader::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D\'0%200%20120%20120\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20xmlns%3Axlink%3D\'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink\'%3E%3Cdefs%3E%3Cline%20id%3D\'l\'%20x1%3D\'60\'%20x2%3D\'60\'%20y1%3D\'7\'%20y2%3D\'27\'%20stroke%3D\'%236c6c6c\'%20stroke-width%3D\'11\'%20stroke-linecap%3D\'round\'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(30%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(60%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(90%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(120%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(150%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.37\'%20transform%3D\'rotate(180%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.46\'%20transform%3D\'rotate(210%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.56\'%20transform%3D\'rotate(240%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.66\'%20transform%3D\'rotate(270%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.75\'%20transform%3D\'rotate(300%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.85\'%20transform%3D\'rotate(330%2060%2C60)\'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: "";
    display: block;
    height: 100%;
    width: 100%;
}
.swiper-lazy-preloader-white::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D\'0%200%20120%20120\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20xmlns%3Axlink%3D\'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink\'%3E%3Cdefs%3E%3Cline%20id%3D\'l\'%20x1%3D\'60\'%20x2%3D\'60\'%20y1%3D\'7\'%20y2%3D\'27\'%20stroke%3D\'%23fff\'%20stroke-width%3D\'11\'%20stroke-linecap%3D\'round\'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(30%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(60%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(90%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(120%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(150%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.37\'%20transform%3D\'rotate(180%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.46\'%20transform%3D\'rotate(210%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.56\'%20transform%3D\'rotate(240%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.66\'%20transform%3D\'rotate(270%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.75\'%20transform%3D\'rotate(300%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.85\'%20transform%3D\'rotate(330%2060%2C60)\'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@keyframes swiper-preloader-spin {
100% {
    transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
    transform: rotate(360deg);
}
}
.lity {
    background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    outline: medium none !important;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity 0.3s ease 0s;
    white-space: nowrap;
    z-index: 9990;
}
.lity.lity-opened {
    opacity: 1;
}
.lity.lity-closed {
    opacity: 0;
}
.lity * {
    box-sizing: border-box;
}
.lity-wrap {
    bottom: 0;
    left: 0;
    outline: medium none !important;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 9990;
}
.lity-wrap::before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-right: -0.25em;
    vertical-align: middle;
}
.lity-loader {
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    margin-top: -0.8em;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transition: opacity 0.3s ease 0s;
    width: 100%;
    z-index: 9991;
}
.lity-loading .lity-loader {
    opacity: 1;
}
.lity-container {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    outline: medium none !important;
    position: relative;
    text-align: left;
    vertical-align: middle;
    white-space: normal;
    z-index: 9992;
}
.lity-content {
    transform: scale(1);
    transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
    width: 100%;
    z-index: 9993;
}
.lity-loading .lity-content, .lity-closed .lity-content {
    transform: scale(0.8);
}
.lity-content::after {
    bottom: 0;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    content: "";
    display: block;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    z-index: -1;
}
.lity-close {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-family: Arial,Baskerville,monospace;
    font-size: 35px;
    font-style: normal;
    height: 35px;
    line-height: 35px;
    outline: medium none;
    padding: 0;
    position: fixed;
    right: 0;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    top: 0;
    width: 35px;
    z-index: 9994;
}
.lity-close::-moz-focus-inner {
    border: 0 none;
    padding: 0;
}
.lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    box-shadow: none;
    color: #fff;
    font-family: Arial,Baskerville,monospace;
    font-size: 35px;
    font-style: normal;
    line-height: 35px;
    outline: medium none;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.lity-close:active {
    top: 1px;
}
.lity-image img {
    border: 0 none;
    display: block;
    line-height: 0;
    max-width: 100%;
}
.lity-iframe .lity-container {
    max-width: 964px;
    width: 100%;
}
.lity-iframe-container {
    height: 0;
    overflow: auto;
    padding-top: 56.25%;
    pointer-events: auto;
    transform: translateZ(0px);
    width: 100%;
}
.lity-iframe-container iframe {
    background: #000 none repeat scroll 0 0;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.lity-hide {
    display: none;
}
.owl-carousel .animated {
    animation-duration: 2s;
    animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
    z-index: 0;
}
.owl-carousel .owl-animated-out {
    z-index: 1;
}
.owl-carousel .fadeOut {
    animation-name: fadeOut;
}
@keyframes fadeOut {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
@keyframes fadeOut {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
.owl-height {
    transition: height 500ms ease-in-out 0s;
}
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    z-index: 1;
}
.owl-carousel .owl-stage {
    position: relative;
}
.owl-carousel .owl-stage::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.owl-carousel .owl-stage-outer {
    overflow: hidden;
    position: relative;
    transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot {
    -moz-user-select: none;
    cursor: pointer;
}
.owl-carousel.owl-loaded {
    display: block;
}
.owl-carousel.owl-loading {
    display: block;
    opacity: 0;
}
.owl-carousel.owl-hidden {
    opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
    display: none;
}
.owl-carousel .owl-item {
    -moz-user-select: none;
    backface-visibility: hidden;
    float: left;
    min-height: 1px;
    position: relative;
}
.owl-carousel .owl-item img {
    display: block;
    transform-style: preserve-3d;
    width: 100%;
}
.owl-carousel.owl-text-select-on .owl-item {
    -moz-user-select: auto;
}
.owl-carousel .owl-grab {
    cursor: grab;
}
.owl-carousel.owl-rtl {
    direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
    float: right;
}
.no-js .owl-carousel {
    display: block;
}
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease 0s;
}
.owl-carousel .owl-item img {
    transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
    background: #000 none repeat scroll 0 0;
    height: 100%;
    position: relative;
}
.owl-carousel .owl-video-play-icon {
    backface-visibility: hidden;
    background: rgba(0, 0, 0, 0) url("owl.video.play.png") no-repeat scroll 0 0;
    cursor: pointer;
    height: 80px;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    position: absolute;
    top: 50%;
    transition: scale 100ms ease 0s;
    width: 80px;
    z-index: 1;
}
.owl-carousel .owl-video-play-icon:hover {
}
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}
.owl-carousel .owl-video-tn {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    opacity: 0;
    transition: opacity 400ms ease 0s;
}
.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
}
.animated {
    animation-duration: 0.3s;
    animation-fill-mode: both;
}
.animated.infinite {
    animation-iteration-count: infinite;
}
.animated.hinge {
    animation-duration: 0.3s;
}
.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {
    animation-duration: 0.75s;
}
@keyframes bounce {
0%, 20%, 53%, 80%, 100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0px, 0px, 0px);
}
40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0px, -30px, 0px);
}
70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0px, -15px, 0px);
}
90% {
    transform: translate3d(0px, -4px, 0px);
}
}
@keyframes bounce {
0%, 20%, 53%, 80%, 100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0px, 0px, 0px);
}
40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0px, -30px, 0px);
}
70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0px, -15px, 0px);
}
90% {
    transform: translate3d(0px, -4px, 0px);
}
}
.bounce {
    animation-name: bounce;
    transform-origin: center bottom 0;
}
@keyframes flash {
0%, 50%, 100% {
    opacity: 1;
}
25%, 75% {
    opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
    opacity: 1;
}
25%, 75% {
    opacity: 0;
}
}
.flash {
    animation-name: flash;
}
@keyframes pulse {
0% {
    transform: scale3d(1, 1, 1);
}
50% {
    transform: scale3d(1.05, 1.05, 1.05);
}
100% {
    transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
0% {
    transform: scale3d(1, 1, 1);
}
50% {
    transform: scale3d(1.05, 1.05, 1.05);
}
100% {
    transform: scale3d(1, 1, 1);
}
}
.pulse {
    animation-name: pulse;
}
@keyframes rubberBand {
0% {
    transform: scale3d(1, 1, 1);
}
30% {
    transform: scale3d(1.25, 0.75, 1);
}
40% {
    transform: scale3d(0.75, 1.25, 1);
}
50% {
    transform: scale3d(1.15, 0.85, 1);
}
65% {
    transform: scale3d(0.95, 1.05, 1);
}
75% {
    transform: scale3d(1.05, 0.95, 1);
}
100% {
    transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
0% {
    transform: scale3d(1, 1, 1);
}
30% {
    transform: scale3d(1.25, 0.75, 1);
}
40% {
    transform: scale3d(0.75, 1.25, 1);
}
50% {
    transform: scale3d(1.15, 0.85, 1);
}
65% {
    transform: scale3d(0.95, 1.05, 1);
}
75% {
    transform: scale3d(1.05, 0.95, 1);
}
100% {
    transform: scale3d(1, 1, 1);
}
}
.rubberBand {
    animation-name: rubberBand;
}
@keyframes shake {
0%, 100% {
    transform: translate3d(0px, 0px, 0px);
}
10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0px, 0px);
}
20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0px, 0px);
}
}
@keyframes shake {
0%, 100% {
    transform: translate3d(0px, 0px, 0px);
}
10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0px, 0px);
}
20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0px, 0px);
}
}
.shake {
    animation-name: shake;
}
@keyframes headShake {
0% {
    transform: translateX(0px);
}
6.5% {
    transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
    transform: translateX(5px) rotateY(7deg);
}
31.5% {
    transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
    transform: translateX(2px) rotateY(3deg);
}
50% {
    transform: translateX(0px);
}
}
@keyframes headShake {
0% {
    transform: translateX(0px);
}
6.5% {
    transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
    transform: translateX(5px) rotateY(7deg);
}
31.5% {
    transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
    transform: translateX(2px) rotateY(3deg);
}
50% {
    transform: translateX(0px);
}
}
.headShake {
    animation-name: headShake;
    animation-timing-function: ease-in-out;
}
@keyframes swing {
20% {
    transform: rotate3d(0, 0, 1, 15deg);
}
40% {
    transform: rotate3d(0, 0, 1, -10deg);
}
60% {
    transform: rotate3d(0, 0, 1, 5deg);
}
80% {
    transform: rotate3d(0, 0, 1, -5deg);
}
100% {
    transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
    transform: rotate3d(0, 0, 1, 15deg);
}
40% {
    transform: rotate3d(0, 0, 1, -10deg);
}
60% {
    transform: rotate3d(0, 0, 1, 5deg);
}
80% {
    transform: rotate3d(0, 0, 1, -5deg);
}
100% {
    transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
    animation-name: swing;
    transform-origin: center top 0;
}
@keyframes tada {
0% {
    transform: scale3d(1, 1, 1);
}
10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
    transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
0% {
    transform: scale3d(1, 1, 1);
}
10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
    transform: scale3d(1, 1, 1);
}
}
.tada {
    animation-name: tada;
}
@keyframes wobble {
0% {
    transform: none;
}
15% {
    transform: translate3d(-25%, 0px, 0px) rotate3d(0, 0, 1, -5deg);
}
30% {
    transform: translate3d(20%, 0px, 0px) rotate3d(0, 0, 1, 3deg);
}
45% {
    transform: translate3d(-15%, 0px, 0px) rotate3d(0, 0, 1, -3deg);
}
60% {
    transform: translate3d(10%, 0px, 0px) rotate3d(0, 0, 1, 2deg);
}
75% {
    transform: translate3d(-5%, 0px, 0px) rotate3d(0, 0, 1, -1deg);
}
100% {
    transform: none;
}
}
@keyframes wobble {
0% {
    transform: none;
}
15% {
    transform: translate3d(-25%, 0px, 0px) rotate3d(0, 0, 1, -5deg);
}
30% {
    transform: translate3d(20%, 0px, 0px) rotate3d(0, 0, 1, 3deg);
}
45% {
    transform: translate3d(-15%, 0px, 0px) rotate3d(0, 0, 1, -3deg);
}
60% {
    transform: translate3d(10%, 0px, 0px) rotate3d(0, 0, 1, 2deg);
}
75% {
    transform: translate3d(-5%, 0px, 0px) rotate3d(0, 0, 1, -1deg);
}
100% {
    transform: none;
}
}
.wobble {
    animation-name: wobble;
}
@keyframes jello {
0%, 11.1%, 100% {
    transform: none;
}
22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
    transform: skewX(0.39063deg) skewY(0.39063deg);
}
88.8% {
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
}
}
@keyframes jello {
0%, 11.1%, 100% {
    transform: none;
}
22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
    transform: skewX(0.39063deg) skewY(0.39063deg);
}
88.8% {
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
}
}
.jello {
    animation-name: jello;
    transform-origin: center center 0;
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
}
20% {
    transform: scale3d(1.1, 1.1, 1.1);
}
40% {
    transform: scale3d(0.9, 0.9, 0.9);
}
60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
}
80% {
    transform: scale3d(0.97, 0.97, 0.97);
}
100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
}
20% {
    transform: scale3d(1.1, 1.1, 1.1);
}
40% {
    transform: scale3d(0.9, 0.9, 0.9);
}
60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
}
80% {
    transform: scale3d(0.97, 0.97, 0.97);
}
100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}
}
.bounceIn {
    animation-name: bounceIn;
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    transform: translate3d(0px, -3000px, 0px);
}
60% {
    opacity: 1;
    transform: translate3d(0px, 25px, 0px);
}
75% {
    transform: translate3d(0px, -10px, 0px);
}
90% {
    transform: translate3d(0px, 5px, 0px);
}
100% {
    transform: none;
}
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    transform: translate3d(0px, -3000px, 0px);
}
60% {
    opacity: 1;
    transform: translate3d(0px, 25px, 0px);
}
75% {
    transform: translate3d(0px, -10px, 0px);
}
90% {
    transform: translate3d(0px, 5px, 0px);
}
100% {
    transform: none;
}
}
.bounceInDown {
    animation-name: bounceInDown;
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    transform: translate3d(-3000px, 0px, 0px);
}
60% {
    opacity: 1;
    transform: translate3d(25px, 0px, 0px);
}
75% {
    transform: translate3d(-10px, 0px, 0px);
}
90% {
    transform: translate3d(5px, 0px, 0px);
}
100% {
    transform: none;
}
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    transform: translate3d(-3000px, 0px, 0px);
}
60% {
    opacity: 1;
    transform: translate3d(25px, 0px, 0px);
}
75% {
    transform: translate3d(-10px, 0px, 0px);
}
90% {
    transform: translate3d(5px, 0px, 0px);
}
100% {
    transform: none;
}
}
.bounceInLeft {
    animation-name: bounceInLeft;
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    transform: translate3d(3000px, 0px, 0px);
}
60% {
    opacity: 1;
    transform: translate3d(-25px, 0px, 0px);
}
75% {
    transform: translate3d(10px, 0px, 0px);
}
90% {
    transform: translate3d(-5px, 0px, 0px);
}
100% {
    transform: none;
}
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    transform: translate3d(3000px, 0px, 0px);
}
60% {
    opacity: 1;
    transform: translate3d(-25px, 0px, 0px);
}
75% {
    transform: translate3d(10px, 0px, 0px);
}
90% {
    transform: translate3d(-5px, 0px, 0px);
}
100% {
    transform: none;
}
}
.bounceInRight {
    animation-name: bounceInRight;
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    transform: translate3d(0px, 3000px, 0px);
}
60% {
    opacity: 1;
    transform: translate3d(0px, -20px, 0px);
}
75% {
    transform: translate3d(0px, 10px, 0px);
}
90% {
    transform: translate3d(0px, -5px, 0px);
}
100% {
    transform: translate3d(0px, 0px, 0px);
}
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    transform: translate3d(0px, 3000px, 0px);
}
60% {
    opacity: 1;
    transform: translate3d(0px, -20px, 0px);
}
75% {
    transform: translate3d(0px, 10px, 0px);
}
90% {
    transform: translate3d(0px, -5px, 0px);
}
100% {
    transform: translate3d(0px, 0px, 0px);
}
}
.bounceInUp {
    animation-name: bounceInUp;
}
@keyframes bounceOut {
20% {
    transform: scale3d(0.9, 0.9, 0.9);
}
50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
}
100% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
    transform: scale3d(0.9, 0.9, 0.9);
}
50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
}
100% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
    animation-name: bounceOut;
}
@keyframes bounceOutDown {
20% {
    transform: translate3d(0px, 10px, 0px);
}
40%, 45% {
    opacity: 1;
    transform: translate3d(0px, -20px, 0px);
}
100% {
    opacity: 0;
    transform: translate3d(0px, 2000px, 0px);
}
}
@keyframes bounceOutDown {
20% {
    transform: translate3d(0px, 10px, 0px);
}
40%, 45% {
    opacity: 1;
    transform: translate3d(0px, -20px, 0px);
}
100% {
    opacity: 0;
    transform: translate3d(0px, 2000px, 0px);
}
}
.bounceOutDown {
    animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
20% {
    opacity: 1;
    transform: translate3d(20px, 0px, 0px);
}
100% {
    opacity: 0;
    transform: translate3d(-2000px, 0px, 0px);
}
}
@keyframes bounceOutLeft {
20% {
    opacity: 1;
    transform: translate3d(20px, 0px, 0px);
}
100% {
    opacity: 0;
    transform: translate3d(-2000px, 0px, 0px);
}
}
.bounceOutLeft {
    animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
20% {
    opacity: 1;
    transform: translate3d(-20px, 0px, 0px);
}
100% {
    opacity: 0;
    transform: translate3d(2000px, 0px, 0px);
}
}
@keyframes bounceOutRight {
20% {
    opacity: 1;
    transform: translate3d(-20px, 0px, 0px);
}
100% {
    opacity: 0;
    transform: translate3d(2000px, 0px, 0px);
}
}
.bounceOutRight {
    animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
20% {
    transform: translate3d(0px, -10px, 0px);
}
40%, 45% {
    opacity: 1;
    transform: translate3d(0px, 20px, 0px);
}
100% {
    opacity: 0;
    transform: translate3d(0px, -2000px, 0px);
}
}
@keyframes bounceOutUp {
20% {
    transform: translate3d(0px, -10px, 0px);
}
40%, 45% {
    opacity: 1;
    transform: translate3d(0px, 20px, 0px);
}
100% {
    opacity: 0;
    transform: translate3d(0px, -2000px, 0px);
}
}
.bounceOutUp {
    animation-name: bounceOutUp;
}
@keyframes fadeIn {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@keyframes fadeIn {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
.fadeIn {
    animation-name: fadeIn;
}
@keyframes fadeInDown {
0% {
    opacity: 0;
    transform: translate3d(0px, -100%, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
@keyframes fadeInDown {
0% {
    opacity: 0;
    transform: translate3d(0px, -100%, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
.fadeInDown {
    animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
0% {
    opacity: 0;
    transform: translate3d(0px, -2000px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
@keyframes fadeInDownBig {
0% {
    opacity: 0;
    transform: translate3d(0px, -2000px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
.fadeInDownBig {
    animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
0% {
    opacity: 0;
    transform: translate3d(-100%, 0px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
@keyframes fadeInLeft {
0% {
    opacity: 0;
    transform: translate3d(-100%, 0px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
.fadeInLeft {
    animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
0% {
    opacity: 0;
    transform: translate3d(-2000px, 0px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
@keyframes fadeInLeftBig {
0% {
    opacity: 0;
    transform: translate3d(-2000px, 0px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
.fadeInLeftBig {
    animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
0% {
    opacity: 0;
    transform: translate3d(100%, 0px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
@keyframes fadeInRight {
0% {
    opacity: 0;
    transform: translate3d(100%, 0px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
.fadeInRight {
    animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
0% {
    opacity: 0;
    transform: translate3d(2000px, 0px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
@keyframes fadeInRightBig {
0% {
    opacity: 0;
    transform: translate3d(2000px, 0px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
.fadeInRightBig {
    animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
0% {
    opacity: 0;
    transform: translate3d(0px, 100%, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
@keyframes fadeInUp {
0% {
    opacity: 0;
    transform: translate3d(0px, 100%, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
.fadeInUp {
    animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
0% {
    opacity: 0;
    transform: translate3d(0px, 2000px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
@keyframes fadeInUpBig {
0% {
    opacity: 0;
    transform: translate3d(0px, 2000px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
.fadeInUpBig {
    animation-name: fadeInUpBig;
}
@keyframes fadeOut {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
@keyframes fadeOut {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
.fadeOut {
    animation-name: fadeOut;
}
@keyframes fadeOutDown {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(0px, 100%, 0px);
}
}
@keyframes fadeOutDown {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(0px, 100%, 0px);
}
}
.fadeOutDown {
    animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(0px, 2000px, 0px);
}
}
@keyframes fadeOutDownBig {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(0px, 2000px, 0px);
}
}
.fadeOutDownBig {
    animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(-100%, 0px, 0px);
}
}
@keyframes fadeOutLeft {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(-100%, 0px, 0px);
}
}
.fadeOutLeft {
    animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(-2000px, 0px, 0px);
}
}
@keyframes fadeOutLeftBig {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(-2000px, 0px, 0px);
}
}
.fadeOutLeftBig {
    animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(100%, 0px, 0px);
}
}
@keyframes fadeOutRight {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(100%, 0px, 0px);
}
}
.fadeOutRight {
    animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(2000px, 0px, 0px);
}
}
@keyframes fadeOutRightBig {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(2000px, 0px, 0px);
}
}
.fadeOutRightBig {
    animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(0px, -100%, 0px);
}
}
@keyframes fadeOutUp {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(0px, -100%, 0px);
}
}
.fadeOutUp {
    animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(0px, -2000px, 0px);
}
}
@keyframes fadeOutUpBig {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(0px, -2000px, 0px);
}
}
.fadeOutUpBig {
    animation-name: fadeOutUpBig;
}
@keyframes flip {
0% {
    animation-timing-function: ease-out;
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
}
40% {
    animation-timing-function: ease-out;
    transform: perspective(400px) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -190deg);
}
50% {
    animation-timing-function: ease-in;
    transform: perspective(400px) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -170deg);
}
80% {
    animation-timing-function: ease-in;
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
}
100% {
    animation-timing-function: ease-in;
    transform: perspective(400px);
}
}
@keyframes flip {
0% {
    animation-timing-function: ease-out;
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
}
40% {
    animation-timing-function: ease-out;
    transform: perspective(400px) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -190deg);
}
50% {
    animation-timing-function: ease-in;
    transform: perspective(400px) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -170deg);
}
80% {
    animation-timing-function: ease-in;
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
}
100% {
    animation-timing-function: ease-in;
    transform: perspective(400px);
}
}
.animated.flip {
    animation-name: flip;
    backface-visibility: visible;
}
@keyframes flipInX {
0% {
    animation-timing-function: ease-in;
    opacity: 0;
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
}
40% {
    animation-timing-function: ease-in;
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
}
60% {
    opacity: 1;
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
}
80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
    transform: perspective(400px);
}
}
@keyframes flipInX {
0% {
    animation-timing-function: ease-in;
    opacity: 0;
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
}
40% {
    animation-timing-function: ease-in;
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
}
60% {
    opacity: 1;
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
}
80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
    transform: perspective(400px);
}
}
.flipInX {
    animation-name: flipInX;
    backface-visibility: visible !important;
}
@keyframes flipInY {
0% {
    animation-timing-function: ease-in;
    opacity: 0;
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
}
40% {
    animation-timing-function: ease-in;
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
}
60% {
    opacity: 1;
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
}
80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
    transform: perspective(400px);
}
}
@keyframes flipInY {
0% {
    animation-timing-function: ease-in;
    opacity: 0;
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
}
40% {
    animation-timing-function: ease-in;
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
}
60% {
    opacity: 1;
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
}
80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
    transform: perspective(400px);
}
}
.flipInY {
    animation-name: flipInY;
    backface-visibility: visible !important;
}
@keyframes flipOutX {
0% {
    transform: perspective(400px);
}
30% {
    opacity: 1;
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
}
100% {
    opacity: 0;
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
}
}
@keyframes flipOutX {
0% {
    transform: perspective(400px);
}
30% {
    opacity: 1;
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
}
100% {
    opacity: 0;
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
}
}
.flipOutX {
    animation-name: flipOutX;
    backface-visibility: visible !important;
}
@keyframes flipOutY {
0% {
    transform: perspective(400px);
}
30% {
    opacity: 1;
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
}
100% {
    opacity: 0;
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
}
}
@keyframes flipOutY {
0% {
    transform: perspective(400px);
}
30% {
    opacity: 1;
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
}
100% {
    opacity: 0;
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
}
}
.flipOutY {
    animation-name: flipOutY;
    backface-visibility: visible !important;
}
@keyframes lightSpeedIn {
0% {
    opacity: 0;
    transform: translate3d(100%, 0px, 0px) skewX(-30deg);
}
60% {
    opacity: 1;
    transform: skewX(20deg);
}
80% {
    opacity: 1;
    transform: skewX(-5deg);
}
100% {
    opacity: 1;
    transform: none;
}
}
@keyframes lightSpeedIn {
0% {
    opacity: 0;
    transform: translate3d(100%, 0px, 0px) skewX(-30deg);
}
60% {
    opacity: 1;
    transform: skewX(20deg);
}
80% {
    opacity: 1;
    transform: skewX(-5deg);
}
100% {
    opacity: 1;
    transform: none;
}
}
.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(100%, 0px, 0px) skewX(30deg);
}
}
@keyframes lightSpeedOut {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(100%, 0px, 0px) skewX(30deg);
}
}
.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in;
}
@keyframes rotateIn {
0% {
    opacity: 0;
    transform: rotate3d(0, 0, 1, -200deg);
    transform-origin: center center 0;
}
100% {
    opacity: 1;
    transform: none;
    transform-origin: center center 0;
}
}
@keyframes rotateIn {
0% {
    opacity: 0;
    transform: rotate3d(0, 0, 1, -200deg);
    transform-origin: center center 0;
}
100% {
    opacity: 1;
    transform: none;
    transform-origin: center center 0;
}
}
.rotateIn {
    animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
0% {
    opacity: 0;
    transform: rotate3d(0, 0, 1, -45deg);
    transform-origin: left bottom 0;
}
100% {
    opacity: 1;
    transform: none;
    transform-origin: left bottom 0;
}
}
@keyframes rotateInDownLeft {
0% {
    opacity: 0;
    transform: rotate3d(0, 0, 1, -45deg);
    transform-origin: left bottom 0;
}
100% {
    opacity: 1;
    transform: none;
    transform-origin: left bottom 0;
}
}
.rotateInDownLeft {
    animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
0% {
    opacity: 0;
    transform: rotate3d(0, 0, 1, 45deg);
    transform-origin: right bottom 0;
}
100% {
    opacity: 1;
    transform: none;
    transform-origin: right bottom 0;
}
}
@keyframes rotateInDownRight {
0% {
    opacity: 0;
    transform: rotate3d(0, 0, 1, 45deg);
    transform-origin: right bottom 0;
}
100% {
    opacity: 1;
    transform: none;
    transform-origin: right bottom 0;
}
}
.rotateInDownRight {
    animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
0% {
    opacity: 0;
    transform: rotate3d(0, 0, 1, 45deg);
    transform-origin: left bottom 0;
}
100% {
    opacity: 1;
    transform: none;
    transform-origin: left bottom 0;
}
}
@keyframes rotateInUpLeft {
0% {
    opacity: 0;
    transform: rotate3d(0, 0, 1, 45deg);
    transform-origin: left bottom 0;
}
100% {
    opacity: 1;
    transform: none;
    transform-origin: left bottom 0;
}
}
.rotateInUpLeft {
    animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
0% {
    opacity: 0;
    transform: rotate3d(0, 0, 1, -90deg);
    transform-origin: right bottom 0;
}
100% {
    opacity: 1;
    transform: none;
    transform-origin: right bottom 0;
}
}
@keyframes rotateInUpRight {
0% {
    opacity: 0;
    transform: rotate3d(0, 0, 1, -90deg);
    transform-origin: right bottom 0;
}
100% {
    opacity: 1;
    transform: none;
    transform-origin: right bottom 0;
}
}
.rotateInUpRight {
    animation-name: rotateInUpRight;
}
@keyframes rotateOut {
0% {
    opacity: 1;
    transform-origin: center center 0;
}
100% {
    opacity: 0;
    transform: rotate3d(0, 0, 1, 200deg);
    transform-origin: center center 0;
}
}
@keyframes rotateOut {
0% {
    opacity: 1;
    transform-origin: center center 0;
}
100% {
    opacity: 0;
    transform: rotate3d(0, 0, 1, 200deg);
    transform-origin: center center 0;
}
}
.rotateOut {
    animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
0% {
    opacity: 1;
    transform-origin: left bottom 0;
}
100% {
    opacity: 0;
    transform: rotate3d(0, 0, 1, 45deg);
    transform-origin: left bottom 0;
}
}
@keyframes rotateOutDownLeft {
0% {
    opacity: 1;
    transform-origin: left bottom 0;
}
100% {
    opacity: 0;
    transform: rotate3d(0, 0, 1, 45deg);
    transform-origin: left bottom 0;
}
}
.rotateOutDownLeft {
    animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
0% {
    opacity: 1;
    transform-origin: right bottom 0;
}
100% {
    opacity: 0;
    transform: rotate3d(0, 0, 1, -45deg);
    transform-origin: right bottom 0;
}
}
@keyframes rotateOutDownRight {
0% {
    opacity: 1;
    transform-origin: right bottom 0;
}
100% {
    opacity: 0;
    transform: rotate3d(0, 0, 1, -45deg);
    transform-origin: right bottom 0;
}
}
.rotateOutDownRight {
    animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
0% {
    opacity: 1;
    transform-origin: left bottom 0;
}
100% {
    opacity: 0;
    transform: rotate3d(0, 0, 1, -45deg);
    transform-origin: left bottom 0;
}
}
@keyframes rotateOutUpLeft {
0% {
    opacity: 1;
    transform-origin: left bottom 0;
}
100% {
    opacity: 0;
    transform: rotate3d(0, 0, 1, -45deg);
    transform-origin: left bottom 0;
}
}
.rotateOutUpLeft {
    animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
0% {
    opacity: 1;
    transform-origin: right bottom 0;
}
100% {
    opacity: 0;
    transform: rotate3d(0, 0, 1, 90deg);
    transform-origin: right bottom 0;
}
}
@keyframes rotateOutUpRight {
0% {
    opacity: 1;
    transform-origin: right bottom 0;
}
100% {
    opacity: 0;
    transform: rotate3d(0, 0, 1, 90deg);
    transform-origin: right bottom 0;
}
}
.rotateOutUpRight {
    animation-name: rotateOutUpRight;
}
@keyframes hinge {
0% {
    animation-timing-function: ease-in-out;
    transform-origin: left top 0;
}
20%, 60% {
    animation-timing-function: ease-in-out;
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: left top 0;
}
40%, 80% {
    animation-timing-function: ease-in-out;
    opacity: 1;
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: left top 0;
}
100% {
    opacity: 0;
    transform: translate3d(0px, 700px, 0px);
}
}
@keyframes hinge {
0% {
    animation-timing-function: ease-in-out;
    transform-origin: left top 0;
}
20%, 60% {
    animation-timing-function: ease-in-out;
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: left top 0;
}
40%, 80% {
    animation-timing-function: ease-in-out;
    opacity: 1;
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: left top 0;
}
100% {
    opacity: 0;
    transform: translate3d(0px, 700px, 0px);
}
}
.hinge {
    animation-name: hinge;
}
@keyframes rollIn {
0% {
    opacity: 0;
    transform: translate3d(-100%, 0px, 0px) rotate3d(0, 0, 1, -120deg);
}
100% {
    opacity: 1;
    transform: none;
}
}
@keyframes rollIn {
0% {
    opacity: 0;
    transform: translate3d(-100%, 0px, 0px) rotate3d(0, 0, 1, -120deg);
}
100% {
    opacity: 1;
    transform: none;
}
}
.rollIn {
    animation-name: rollIn;
}
@keyframes rollOut {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(100%, 0px, 0px) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(100%, 0px, 0px) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
    animation-name: rollOut;
}
@keyframes zoomIn {
0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
}
50% {
    opacity: 1;
}
}
@keyframes zoomIn {
0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
}
50% {
    opacity: 1;
}
}
.zoomIn {
    animation-name: zoomIn;
}
@keyframes zoomInDown {
0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px);
}
60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px);
}
}
@keyframes zoomInDown {
0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px);
}
60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px);
}
}
.zoomInDown {
    animation-name: zoomInDown;
}
@keyframes zoomInLeft {
0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px);
}
60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px);
}
}
@keyframes zoomInLeft {
0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px);
}
60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px);
}
}
.zoomInLeft {
    animation-name: zoomInLeft;
}
@keyframes zoomInRight {
0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px);
}
60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px);
}
}
@keyframes zoomInRight {
0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px);
}
60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px);
}
}
.zoomInRight {
    animation-name: zoomInRight;
}
@keyframes zoomInUp {
0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px);
}
60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px);
}
}
@keyframes zoomInUp {
0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px);
}
60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px);
}
}
.zoomInUp {
    animation-name: zoomInUp;
}
@keyframes zoomOut {
0% {
    opacity: 1;
}
50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
}
100% {
    opacity: 0;
}
}
@keyframes zoomOut {
0% {
    opacity: 1;
}
50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
}
100% {
    opacity: 0;
}
}
.zoomOut {
    animation-name: zoomOut;
}
@keyframes zoomOutDown {
40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px);
}
100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px);
    transform-origin: center bottom 0;
}
}
@keyframes zoomOutDown {
40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px);
}
100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px);
    transform-origin: center bottom 0;
}
}
.zoomOutDown {
    animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0px, 0px);
}
100% {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0px, 0px);
    transform-origin: left center 0;
}
}
@keyframes zoomOutLeft {
40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0px, 0px);
}
100% {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0px, 0px);
    transform-origin: left center 0;
}
}
.zoomOutLeft {
    animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0px, 0px);
}
100% {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0px, 0px);
    transform-origin: right center 0;
}
}
@keyframes zoomOutRight {
40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0px, 0px);
}
100% {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0px, 0px);
    transform-origin: right center 0;
}
}
.zoomOutRight {
    animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px);
}
100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px);
    transform-origin: center bottom 0;
}
}
@keyframes zoomOutUp {
40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px);
}
100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px);
    transform-origin: center bottom 0;
}
}
.zoomOutUp {
    animation-name: zoomOutUp;
}
@keyframes slideInDown {
0% {
    transform: translate3d(0px, -100%, 0px);
    visibility: visible;
}
100% {
    transform: translate3d(0px, 0px, 0px);
}
}
@keyframes slideInDown {
0% {
    transform: translate3d(0px, -100%, 0px);
    visibility: visible;
}
100% {
    transform: translate3d(0px, 0px, 0px);
}
}
.slideInDown {
    animation-name: slideInDown;
}
@keyframes slideInLeft {
0% {
    transform: translate3d(-100%, 0px, 0px);
    visibility: visible;
}
100% {
    transform: translate3d(0px, 0px, 0px);
}
}
@keyframes slideInLeft {
0% {
    transform: translate3d(-100%, 0px, 0px);
    visibility: visible;
}
100% {
    transform: translate3d(0px, 0px, 0px);
}
}
.slideInLeft {
    animation-name: slideInLeft;
}
@keyframes slideInRight {
0% {
    transform: translate3d(100%, 0px, 0px);
    visibility: visible;
}
100% {
    transform: translate3d(0px, 0px, 0px);
}
}
@keyframes slideInRight {
0% {
    transform: translate3d(100%, 0px, 0px);
    visibility: visible;
}
100% {
    transform: translate3d(0px, 0px, 0px);
}
}
.slideInRight {
    animation-name: slideInRight;
}
@keyframes slideInUp {
0% {
    transform: translate3d(0px, 100%, 0px);
    visibility: visible;
}
100% {
    transform: translate3d(0px, 0px, 0px);
}
}
@keyframes slideInUp {
0% {
    transform: translate3d(0px, 100%, 0px);
    visibility: visible;
}
100% {
    transform: translate3d(0px, 0px, 0px);
}
}
.slideInUp {
    animation-name: slideInUp;
}
@keyframes slideOutDown {
0% {
    transform: translate3d(0px, 0px, 0px);
}
100% {
    transform: translate3d(0px, 100%, 0px);
    visibility: hidden;
}
}
@keyframes slideOutDown {
0% {
    transform: translate3d(0px, 0px, 0px);
}
100% {
    transform: translate3d(0px, 100%, 0px);
    visibility: hidden;
}
}
.slideOutDown {
    animation-name: slideOutDown;
}
@keyframes slideOutLeft {
0% {
    transform: translate3d(0px, 0px, 0px);
}
100% {
    transform: translate3d(-100%, 0px, 0px);
    visibility: hidden;
}
}
@keyframes slideOutLeft {
0% {
    transform: translate3d(0px, 0px, 0px);
}
100% {
    transform: translate3d(-100%, 0px, 0px);
    visibility: hidden;
}
}
.slideOutLeft {
    animation-name: slideOutLeft;
}
@keyframes slideOutRight {
0% {
    transform: translate3d(0px, 0px, 0px);
}
100% {
    transform: translate3d(100%, 0px, 0px);
    visibility: hidden;
}
}
@keyframes slideOutRight {
0% {
    transform: translate3d(0px, 0px, 0px);
}
100% {
    transform: translate3d(100%, 0px, 0px);
    visibility: hidden;
}
}
.slideOutRight {
    animation-name: slideOutRight;
}
@keyframes slideOutUp {
0% {
    transform: translate3d(0px, 0px, 0px);
}
100% {
    transform: translate3d(0px, -100%, 0px);
    visibility: hidden;
}
}
@keyframes slideOutUp {
0% {
    transform: translate3d(0px, 0px, 0px);
}
100% {
    transform: translate3d(0px, -100%, 0px);
    visibility: hidden;
}
}
.slideOutUp {
    animation-name: slideOutUp;
}
.dragdealer-wrapper {
    position: relative;
}
.dragdealer {
    background: #f1f0f1 none repeat scroll 0 0;
    border-radius: 6px;
    height: 12px;
    left: 0;
    position: absolute;
    top: -180px;
    width: 100%;
    z-index: 12;
}
.dragdealer .handle {
    background: #23262d none repeat scroll 0 0;
    border-radius: inherit;
    cursor: pointer;
    height: inherit;
    left: 0;
    position: absolute;
    top: 0;
    width: 100px;
}
.static-page__main-header {
    background: #333740 none repeat scroll 0 0;
    padding: 40px 0;
}
@media only screen and (min-width: 768px) {
.static-page__main-header {
    padding: 80px 0;
}
}
.static-page__main-header h1 {
    color: #fff;
    font-size: 4rem;
    text-align: center;
}
@media only screen and (min-width: 768px) {
.static-page__main-header h1 {
    font-size: 6.7rem;
}
}
.static-article {
    margin-bottom: 32px;
    position: relative;
    text-align: center;
}
@media only screen and (min-width: 768px) {
.static-article {
    margin-bottom: 60px;
}
}
.static-article h2, .static-article p {
    padding: 0 16px;
}
@media only screen and (min-width: 768px) {
.static-article h2, .static-article p {
    padding: 0 42px;
}
}
.static-article h2 {
    font-size: 2.8rem;
    margin-bottom: 34px;
    margin-top: 32px;
    text-align: center;
}
@media only screen and (min-width: 768px) {
.static-article h2 {
    font-size: 4rem;
    margin-bottom: 72px;
    margin-top: 66px;
}
}
.static-article p {
    font-size: 2rem;
    margin: 18px 0;
}
@media only screen and (min-width: 768px) {
.static-article p {
    margin: 38px 0;
}
}
.static-article picture {
    display: block;
    margin-top: 36px;
}
@media only screen and (min-width: 768px) {
.static-article picture {
    margin-top: 72px;
}
}
@media only screen and (min-width: 1440px) {
.static-article picture {
    margin-top: 92px;
}
}
.static-article .arrow--two--line {
    color: #23262d;
    font-size: 3.4rem;
    margin-top: 18px;
}
@media only screen and (min-width: 638px) {
.static-article .arrow--two--line {
    margin-top: 32px;
}
}
@media only screen and (min-width: 1280px) {
.static-article .arrow--two--line {
    padding-right: 0;
}
}
.static-article .arrow--right {
    background-color: #23262d;
}
.static-article .arrow--right::before, .static-article .arrow--right::after {
    background-color: #23262d;
}
.number-wrapper {
    position: relative;
}
.number-wrapper .number-info {
    position: absolute;
    top: 0;
    width: 100%;
}
@media only screen and (min-width: 768px) {
.number-wrapper .number-info {
    margin-left: 75%;
    width: auto;
}
}
@media only screen and (min-width: 1280px) {
.number-wrapper .number-info {
    margin-left: 47%;
    top: 36px;
}
}
@media only screen and (min-width: 1440px) {
.number-wrapper .number-info {
    margin-left: 50%;
}
}
@media only screen and (min-width: 1600px) {
.number-wrapper .number-info {
    margin-left: 51%;
}
}
@media only screen and (min-width: 1920px) {
.number-wrapper .number-info {
    margin-left: 52%;
    margin-top: -14px;
}
}
.number-wrapper .number {
    font-family: "Ribera",Arial,Helvetica,sans-serif;
    font-size: 84vw;
    line-height: 1;
}
@media only screen and (min-width: 638px) {
.number-wrapper .number {
    font-size: 52.625rem;
}
}
@media only screen and (min-width: 768px) {
.number-wrapper .number {
    font-size: 18rem;
    text-align: left;
}
}
@media only screen and (min-width: 960px) {
.number-wrapper .number {
    font-size: 22rem;
}
}
@media only screen and (min-width: 1440px) {
.number-wrapper .number {
    font-size: 27rem;
}
}
@media only screen and (min-width: 1600px) {
.number-wrapper .number {
    font-size: 31rem;
}
}
@media only screen and (min-width: 1920px) {
.number-wrapper .number {
    font-size: 39rem;
}
}
.number-wrapper .desc {
    display: block;
    font-size: 3.6rem;
    font-weight: 100;
    margin-left: 30px;
    margin-top: -40px;
    text-align: left;
}
@media only screen and (min-width: 480px) {
.number-wrapper .desc {
    margin-left: 50px;
    margin-top: -70px;
}
}
@media only screen and (min-width: 638px) {
.number-wrapper .desc {
    margin-left: 70px;
    margin-top: -75px;
}
}
@media only screen and (min-width: 768px) {
.number-wrapper .desc {
    margin-left: 30px;
    margin-top: -10px;
}
}
@media only screen and (min-width: 960px) {
.number-wrapper .desc {
    margin-left: 60px;
    margin-top: -20px;
}
}
@media only screen and (min-width: 1280px) {
.number-wrapper .desc {
    margin-left: 190px;
}
}
@media only screen and (min-width: 1440px) {
.number-wrapper .desc {
    margin-left: 180px;
    margin-top: -40px;
}
}
@media only screen and (min-width: 1920px) {
.number-wrapper .desc {
    margin-left: 210px;
    margin-top: -55px;
}
}
@media only screen and (min-width: 1280px) {
.static-article--grid {
    margin-left: auto;
    margin-right: auto;
    margin-top: 96px;
    max-width: 1920px;
}
.static-article--grid .static-article:nth-of-type(2n) .static-article--desc {
    -moz-box-ordinal-group: 3;
    order: 2;
    padding-left: 66px;
    text-align: left;
}
.static-article--grid .static-article:nth-of-type(2n) .static-article--desc h2 {
    text-align: left;
}
.static-article--grid .static-article:nth-of-type(2n) .static-article--desc p {
    margin-left: 0;
    padding-left: 0;
    padding-right: 40px;
}
.static-article--grid .static-article:nth-of-type(2n) picture {
    -moz-box-ordinal-group: 2;
    order: 1;
}
.static-article--grid .static-article--desc p:first-of-type {
    margin-top: 0;
}
}
@media only screen and (min-width: 1280px) {
.static-article--full {
    flex-flow: column nowrap;
}
}
.static-article--full h2 {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
}
@media only screen and (min-width: 1280px) {
.static-article--full h2 {
    margin-bottom: 60px;
    margin-top: 65px;
    max-width: 1280px;
    padding: 0 40px;
}
}
@media only screen and (min-width: 1600px) {
.static-article--full h2 {
    margin-bottom: 82px;
    margin-top: 90px;
}
}
.static-article--full picture {
    max-width: 100%;
    width: 100%;
}
.static-article--full img, .static-article--full picture source {
    display: block;
    height: auto;
    max-height: 416px;
    max-width: 100%;
    width: 100%;
}
@media only screen and (min-width: 1280px) {
.static-article--full img, .static-article--full picture source {
    max-height: 400px;
}
}
@media only screen and (min-width: 1280px) {
.static-article--full p {
    margin-left: auto;
    margin-right: auto;
    max-width: 995px;
}
}
.standalone-picture {
    display: block;
    margin-top: 60px;
    max-width: 100%;
    width: 100%;
}
.standalone-picture img, .standalone-picture picture source {
    display: block;
    max-height: 416px;
    max-width: 100%;
    object-fit: cover;
    width: 100%;
}
@media only screen and (min-width: 1280px) {
.standalone-picture img, .standalone-picture picture source {
    max-height: 400px;
}
}
@media only screen and (min-width: 1280px) {
.col-2 {
    display: flex;
    flex-flow: row wrap;
}
.col-2 .goals__article {
    padding-right: 20px;
    text-align: left;
    width: 50%;
}
.col-2 .goals__article img {
    float: left;
}
.col-2 .goals__article p {
    margin-top: 76px;
    padding-left: 260px;
}
}
.img--desc picture {
    max-width: 100%;
    width: 100%;
}
.img--desc img, .img--desc picture source {
    display: block;
    max-height: 418px;
    max-width: 100%;
    object-fit: cover;
    width: 100%;
}
@media only screen and (min-width: 1280px) {
.img--desc img, .img--desc picture source {
    max-height: 400px;
}
}
@media only screen and (min-width: 638px) {
.technology-page {
    padding-bottom: 50px;
}
}
@media only screen and (min-width: 1280px) {
.technology-page {
    padding-bottom: 0;
}
}
.technology-page .static-article h2 {
    margin-bottom: 22px;
}
@media only screen and (min-width: 1920px) {
.technology-page .static-article h2 {
    margin-top: 104px;
}
}
@media only screen and (min-width: 1280px) {
.technology-page .static-article {
    -moz-box-align: center;
    align-items: center;
    display: flex;
    margin: 0;
}
}
@media only screen and (min-width: 1280px) {
.technology-page .number-wrapper {
    margin-top: 24px;
}
}
.technology-page .static-article--numbers {
    padding-bottom: 92px;
}
@media only screen and (min-width: 480px) {
.technology-page .static-article--numbers {
    padding-bottom: 108px;
}
}
@media only screen and (min-width: 638px) {
.technology-page .static-article--numbers {
    padding-bottom: 160px;
}
}
@media only screen and (min-width: 768px) {
.technology-page .static-article--numbers {
    padding-bottom: 0;
}
}
@media only screen and (min-width: 1920px) {
.technology-page .static-article--numbers h2 {
    margin-bottom: 30px;
}
}
.technology-page picture {
    margin-top: 36px;
}
@media only screen and (min-width: 1920px) {
.technology-page picture {
    margin-top: 66px;
}
}
@media only screen and (min-width: 960px) {
.technology-page img, .technology-page picture source {
    max-height: 540px;
}
}
@media only screen and (min-width: 1280px) {
.technology-page .static-article--desc {
    flex-flow: column nowrap;
    margin-left: auto;
    padding-right: 66px;
    text-align: right;
    width: 50%;
}
}
@media only screen and (min-width: 1280px) {
.technology-page .static-article--desc h2 {
    margin-top: 0;
    padding: 0;
    text-align: right;
}
}
@media only screen and (min-width: 1280px) {
.technology-page .static-article--desc p {
    padding-right: 0;
}
.technology-page .static-article--desc p:last-of-type {
    margin-bottom: 0;
}
}
@media only screen and (min-width: 1280px) {
.technology-page .absolute-header {
    align-self: flex-start;
}
}
@media only screen and (min-width: 1280px) {
.technology-page .absolute-header h2 {
    bottom: 100%;
    margin-top: -142px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
}
@media only screen and (min-width: 1920px) {
.technology-page .absolute-header h2 {
    margin-top: -162px;
}
}
.technology-page .static-article--grid h2 {
    font-size: 4rem;
}
.technology-page .static-article--grid p {
    font-size: 2rem;
}
@media only screen and (min-width: 768px) {
.technology-page .static-article--grid {
    font-size: 5rem;
}
}
@media only screen and (min-width: 1280px) {
.technology-page .static-article--grid {
    margin-top: 245px;
}
.technology-page .static-article--grid p {
    margin-left: auto;
    margin-right: 0;
    max-width: 630px;
}
}
@media only screen and (min-width: 1920px) {
.technology-page .static-article--grid {
    margin-top: 285px;
}
}
.technology-page .static-article--grid picture {
    margin-top: 46px;
}
@media only screen and (min-width: 960px) {
.technology-page .static-article--grid picture {
    margin: 90px auto;
    max-height: 540px;
    max-width: 960px;
}
}
@media only screen and (min-width: 1280px) {
.technology-page .static-article--grid picture {
    -moz-box-align: start;
    align-items: flex-start;
    display: flex;
    margin: 0;
    overflow: hidden;
    width: 50%;
}
}
.mission-page {
    padding-bottom: 50px;
}
@media only screen and (min-width: 768px) {
.mission-page {
    padding-bottom: 100px;
}
}
@media only screen and (min-width: 1280px) {
.mission-page {
    padding-bottom: 0;
}
}
@media only screen and (min-width: 1920px) {
.mission-page {
    padding-bottom: 76px;
}
}
@media only screen and (min-width: 1280px) {
.mission-page .static-article h2 {
    margin-top: 70px;
}
}
@media only screen and (min-width: 1920px) {
.mission-page .static-article h2 {
    margin-top: 100px;
}
}
.mission-page h2 + picture {
    margin-bottom: 26px;
}
@media only screen and (min-width: 768px) {
.mission-page h2 + picture {
    margin-bottom: 60px;
    margin-top: 78px;
}
}
@media only screen and (min-width: 1920px) {
.mission-page h2 + picture {
    margin-bottom: 54px;
    margin-top: 112px;
}
}
@media only screen and (min-width: 768px) {
.mission-page .goals {
    margin-top: 50px;
}
}
@media only screen and (min-width: 1440px) {
.mission-page .goals {
    margin-top: 70px;
}
}
.goals {
    text-align: center;
}
.goals .wrapper {
    padding: 0 20px;
}
@media only screen and (min-width: 768px) {
.goals .wrapper {
    padding: 0 40px;
}
}
.goals h2 {
    font-size: 4.163rem;
    margin-bottom: 28px;
}
@media only screen and (min-width: 768px) {
.goals h2 {
    margin-bottom: 60px;
}
}
@media only screen and (min-width: 1600px) {
.goals .col-2 {
    padding-left: 80px;
}
}
.goals__article {
    margin-bottom: 36px;
    margin-left: auto;
    margin-right: auto;
}
@media only screen and (min-width: 768px) {
.goals__article {
    margin-bottom: 76px;
}
}
@media only screen and (min-width: 768px) {
.goals__article {
    max-width: 640px;
}
}
.goals__article img {
    max-height: inherit;
    width: auto;
}
@media only screen and (min-width: 768px) {
.goals__article img {
    height: 189px;
    width: 240px;
}
}
.goals__article p {
    font-size: 2.2rem;
    line-height: 1.35;
    margin: 22px auto;
    max-width: 400px;
}
@media only screen and (min-width: 768px) {
.goals__article p {
    margin: 46px auto;
    max-width: 100%;
}
}
@media only screen and (min-width: 768px) {
.static-article__2-col h2 {
    margin-bottom: 60px;
}
}
.static-article__2-col .col-2--wrapper p, .static-article__2-col .col-2--wrapper h2 {
    font-size: 2rem;
}
@media only screen and (min-width: 1280px) {
.static-article__2-col .col-2--wrapper p, .static-article__2-col .col-2--wrapper h2 {
    max-width: 995px;
}
}
.static-article__2-col .col-2--wrapper h2 {
    font-size: 4rem;
}
@media only screen and (min-width: 1280px) {
.static-article__2-col .col-2--wrapper h2 {
    text-align: inherit;
}
}
@media only screen and (min-width: 768px) {
.static-article__2-col p {
    margin: 44px 0;
}
}
@media only screen and (min-width: 1280px) {
.static-article__2-col p {
    margin: 50px 0;
}
}
@media only screen and (min-width: 1280px) {
.static-article__2-col {
    margin: 0 auto;
    max-width: 1440px;
}
}
.competition-page {
    padding-bottom: 16px;
}
@media only screen and (min-width: 638px) {
.competition-page {
    padding-bottom: 56px;
}
}
.competition-page a {
    color: #e2001a;
}
.competition-page a:hover {
    opacity: 0.75;
}
@media only screen and (min-width: 1280px) {
.competition-page .static-article--full {
    flex-flow: column nowrap;
}
.competition-page .static-article--full picture {
    margin-top: 62px;
    max-width: 100%;
    width: 100%;
}
.competition-page .static-article--full img, .competition-page .static-article--full picture source {
    max-height: 400px;
}
.competition-page .static-article--full h2 {
    margin-bottom: 26px;
    margin-top: 104px;
    max-width: 1280px;
    padding: 0 40px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1280px) {
.competition-page .static-article--full h2 {
    margin-bottom: 34px;
    margin-top: 92px;
}
}
@media only screen and (min-width: 1280px) {
.competition-page .static-article--full p {
    max-width: 995px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1280px) {
.competition-page .static-article--full p {
    margin: 46px 0;
}
}
.competition-page .arrow--wrapper {
    margin-top: 18px;
}
@media only screen and (min-width: 638px) {
.competition-page .arrow--wrapper {
    font-size: 3rem;
}
}
@media only screen and (min-width: 638px) {
.competition-page .arrow--wrapper {
    margin-top: 32px;
}
}
@media only screen and (min-width: 1280px) {
.competition-page .arrow--wrapper {
    font-size: 3.4rem;
    padding-right: 0;
}
}
@media only screen and (min-width: 1280px) {
.competition-page .arrow--wrapper-small {
    margin-top: 6px;
    max-width: 180px;
    padding-bottom: 44px;
}
}
@media only screen and (min-width: 1280px) {
.competition-page .arrow--wrapper-small .arrow--right {
    left: inherit;
    margin-left: 0;
    margin-top: -12px;
    top: 100%;
}
}
@media only screen and (min-width: 1280px) {
.competition-page .col-2--wrapper {
    margin: 0 auto;
    max-width: 1440px;
}
}
.col-2--wrapper {
    text-align: center;
}
@media only screen and (min-width: 1280px) {
.col-2--wrapper {
    display: flex;
}
}
.col-2--wrapper .wrapper {
    padding: 0 30px;
}
@media only screen and (min-width: 1280px) {
.col-2--wrapper .wrapper {
    display: flex;
}
.col-2--wrapper .wrapper .col-1-2 {
    width: 50%;
}
.col-2--wrapper .wrapper .col-1-2:first-of-type {
    text-align: left;
}
}
.col-2--wrapper h2 {
    font-size: 2.4rem;
    line-height: 1.38;
    margin-bottom: 22px;
}
@media only screen and (min-width: 768px) {
.col-2--wrapper h2 {
    font-size: 4.16rem;
    margin-bottom: 46px;
}
}
@media only screen and (min-width: 1600px) {
.col-2--wrapper h2 {
    max-width: 480px;
}
}
.col-2--wrapper p {
    font-size: 1.8rem;
    line-height: 1.58;
}
@media only screen and (min-width: 1280px) {
.col-2--wrapper p {
    max-width: 480px;
}
}
@media only screen and (min-width: 1280px) {
.col-2--wrapper p .arrow--wrapper-small {
    margin-left: 0;
}
}
@media only screen and (min-width: 1280px) {
.col-2--wrapper .col-1-2 {
    text-align: left;
    width: 50%;
}
}
@media only screen and (min-width: 768px) {
.col-2--wrapper .col-1-2:first-of-type {
    margin-bottom: 60px;
}
}
@media only screen and (min-width: 1280px) {
.col-2--wrapper .col-1-2:first-of-type {
    text-align: right;
}
}
@media only screen and (min-width: 1280px) {
.col-2--wrapper .arrow--wrapper-small {
    margin-left: 40px;
}
}
.section-permision {
    padding-bottom: 12px;
    padding-top: 36px;
}
@media only screen and (min-width: 1600px) {
.section-permision {
    padding-top: 76px;
}
}
.section-permision .x-hide--form {
    padding-bottom: 72px;
}
@media only screen and (min-width: 768px) {
.section-permision .x-hide--form {
    padding-bottom: 100px;
}
}
@media only screen and (min-width: 1280px) {
.section-permision .x-form--desc h2 {
    text-align: right;
}
}
@media only screen and (min-width: 1280px) {
.section-permision .col-2--wrapper .wrapper .col-1-2:first-of-type {
    padding-right: 40px;
    text-align: right;
}
}
@media only screen and (min-width: 1920px) {
.section-permision .col-2--wrapper .wrapper .col-1-2:first-of-type {
    padding-right: 80px;
}
}
@media only screen and (min-width: 1280px) {
.section-permision .col-2--wrapper .wrapper .col-1-2:last-of-type {
    padding-left: 36px;
}
}
@media only screen and (min-width: 1920px) {
.section-permision .col-2--wrapper .wrapper .col-1-2:last-of-type {
    padding-left: 72px;
}
}
.section-permision .wrapper h2, .section-permision .wrapper p {
    max-width: 100%;
}
@media only screen and (min-width: 1280px) {
.architect-page {
    padding-bottom: 86px;
}
}
@media only screen and (min-width: 1920px) {
.architect-page {
    padding-bottom: 146px;
}
}
@media only screen and (min-width: 1920px) {
.architect-page .static-article__2-col {
    padding-top: 40px;
}
}
@media only screen and (min-width: 1280px) {
.architect-page .static-article__2-col h2 {
    margin-bottom: 56px;
}
}
@media only screen and (min-width: 1280px) {
.architect-page .static-article__2-col .arrow--two--line {
    padding-right: 125px;
}
.architect-page .static-article__2-col .arrow--two--line .arrow--right {
    margin-left: -105px;
}
}
@media only screen and (min-width: 1280px) {
.architect-page .arrow--two--line {
    margin-top: 2px;
}
}
.contest h2 {
    margin-bottom: 22px;
}
@media only screen and (min-width: 768px) {
.contest h2 {
    margin-bottom: 52px;
}
}
@media only screen and (min-width: 1280px) {
.contest h2 {
    margin-bottom: 64px;
}
}
.contest h3 {
    font-size: 2.8rem;
    margin-top: 40px;
    padding: 0 16px;
}
@media only screen and (min-width: 768px) {
.contest h3 {
    font-size: 3.6rem;
    margin-bottom: 68px;
    margin-top: 90px;
    padding: 0 42px;
}
}
@media only screen and (min-width: 1280px) {
.contest h3 {
    margin-top: 78px;
}
}
.contest figcaption {
    font-size: 1.5rem;
    line-height: 1.5;
}
@media only screen and (min-width: 1280px) {
.contest figcaption {
    text-align: left;
}
}
.contest figcaption span {
    display: block;
}
.contest figure {
    margin: 30px auto 0;
    max-width: 960px;
}
@media only screen and (min-width: 768px) {
.contest figure {
    margin-top: 60px;
}
}
@media only screen and (min-width: 1280px) {
.contest figure {
    margin-top: 70px;
}
}
.contest figure picture {
    margin-top: 10px;
}
@media only screen and (min-width: 768px) {
.contest figure picture {
    margin-top: 22px;
}
}
@media only screen and (min-width: 1280px) {
.contest figure picture {
    margin-top: 32px;
}
}
.contest figure img, .contest figure picture source {
    max-height: inherit;
}
@media only screen and (min-width: 1280px) {
.section--history {
    padding-top: 10px;
}
}
@media only screen and (min-width: 1600px) {
.section--history h2 {
    font-size: 4.8rem;
}
}
@media only screen and (min-width: 768px) {
.section--history .col-2--wrapper .col-1-2:first-of-type {
    margin-bottom: 38px;
}
}
@media only screen and (min-width: 768px) {
.section--history .static-article__2-col p {
    margin: 38px 0;
}
}
@media only screen and (min-width: 768px) {
.section--history .static-article__2-col h2 {
    margin-bottom: 34px;
}
}
@media only screen and (min-width: 1600px) {
.section--history .static-article__2-col h2 {
    margin-bottom: 54px;
}
}
@media only screen and (min-width: 1280px) {
.section--history .col-1-2:first-of-type {
    padding-left: 120px;
}
}
@media only screen and (min-width: 1280px) {
.section--history .col-1-2:last-of-type {
    padding-right: 120px;
}
}
@media only screen and (min-width: 768px) {
.section--quality {
    padding-bottom: 5px;
}
}
@media only screen and (min-width: 1920px) {
.section--quality {
    padding-bottom: 36px;
}
}
.section--quality h2 {
    font-size: 3.6rem;
}
@media only screen and (min-width: 1280px) {
.section--quality h2 {
    margin-bottom: 20px;
}
}
@media only screen and (min-width: 1600px) {
.section--quality h2 {
    margin-bottom: 40px;
}
}
@media only screen and (min-width: 768px) {
.section--quality .static-article__2-col p {
    margin: 40px 0;
}
}
@media only screen and (min-width: 1280px) {
.section--quality .static-article__2-col p {
    margin: 50px 0;
}
}
@media only screen and (min-width: 768px) {
.section--quality .col-2--wrapper .col-1-2:first-of-type {
    margin-bottom: 40px;
}
}
@media only screen and (min-width: 1280px) {
.section--quality img, .section--quality picture source {
    max-height: 540px;
}
}
.video--wrapper {
    display: block;
    position: relative;
}
.video--wrapper:hover::before {
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
}
.video--wrapper::before {
    background-color: rgba(45, 48, 55, 0.75);
    bottom: 0;
    content: "";
    height: 68px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 68px;
}
@media only screen and (min-width: 768px) {
.video--wrapper::before {
    height: 116px;
    width: 116px;
}
}
.video--wrapper::after {
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 14px 0 14px 20px;
    bottom: 0;
    content: "";
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
}
@media only screen and (min-width: 768px) {
.video--wrapper::after {
    border-width: 28px 0 28px 39px;
}
}
.section--product-quality h2 {
    margin-top: 28px;
}
@media only screen and (min-width: 768px) {
.section--product-quality h2 {
    margin-top: 56px;
}
}
@media only screen and (min-width: 1280px) {
.section--product-quality h2 {
    margin-bottom: 0;
}
}
@media only screen and (min-width: 1920px) {
.section--product-quality h2 {
    margin-bottom: 20px;
    margin-top: 90px;
}
}
@media only screen and (min-width: 1600px) {
.section--product-quality .static-article__2-col {
    background-color: #fff;
    padding-bottom: 42px;
    position: relative;
    z-index: 10;
}
.section--product-quality .static-article__2-col::before {
    background-color: #fff;
    bottom: 0;
    content: "";
    left: 100%;
    position: absolute;
    top: 0;
    width: 9999em;
}
}
@media only screen and (min-width: 1600px) {
.section--product-quality .static-article__2-col .col-1-2 p {
    line-height: 2;
}
}
@media only screen and (min-width: 1600px) {
.section--product-quality .static-article__2-col .col-1-2:first-of-type p {
    padding-left: 150px;
}
}
@media only screen and (min-width: 1600px) {
.section--product-quality .static-article__2-col .col-1-2:last-of-type p {
    padding-right: 150px;
}
}
@media only screen and (min-width: 1280px) {
.section--quote {
    -moz-box-align: stretch;
    align-items: stretch;
    display: flex;
    max-height: 267px;
    overflow: hidden;
}
}
@media only screen and (min-width: 1440px) {
.section--quote {
    max-height: 403px;
}
}
@media only screen and (min-width: 1600px) {
.section--quote {
    margin-top: -161px;
    max-height: 596px;
}
}
@media only screen and (min-width: 1920px) {
.section--quote {
    margin-top: -196px;
}
}
.section--quote .quote {
    background-color: #2d3038;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 100;
    padding: 46px 30px;
    position: relative;
    text-align: center;
    z-index: 0;
}
@media only screen and (min-width: 768px) {
.section--quote .quote {
    font-size: 3rem;
    padding: 86px 60px;
}
}
@media only screen and (min-width: 1280px) {
.section--quote .quote {
    text-align: right;
    width: 50%;
}
}
@media only screen and (min-width: 1600px) {
.section--quote .quote {
    font-size: 3.7rem;
    padding-top: 161px;
}
}
.section--quote .quote::before {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20100%20100%22%20enable-background%3D%22new%200%200%20100%20100%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%233a3c45%22%20d%3D%22M40%2090.3c-4.6%200-9.3-0.5-14.2-1.6%20-4.9-1.1-9.2-2.8-13-5.1%20-3.8-2.3-6.9-5.4-9.3-9.3C1.1%2070.4-0.2%2065.6-0.2%2059.9V9.7H29.9v44.6c0%204.1%201.2%206.7%203.7%207.9%202.4%201.2%204.6%201.8%206.5%201.8V90.3zM100%2090.3c-4.6%200-9.3-0.5-14.2-1.6%20-4.9-1.1-9.2-2.8-13-5.1%20-3.8-2.3-6.9-5.4-9.3-9.3%20-2.4-3.9-3.7-8.7-3.7-14.4V9.7h30v44.6c0%204.1%201.2%206.7%203.6%207.9%202.4%201.2%204.6%201.8%206.5%201.8V90.3z%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    content: "";
    height: 90px;
    left: 15px;
    position: absolute;
    top: -8px;
    width: 112px;
    z-index: -1;
}
@media only screen and (min-width: 768px) {
.section--quote .quote::before {
    height: 180px;
    left: 60px;
    top: -17px;
    width: 224px;
}
}
@media only screen and (min-width: 1600px) {
.section--quote .quote::before {
    top: 94px;
}
}
@media only screen and (min-width: 1920px) {
.section--quote .quote::before {
    left: inherit;
    right: 535px;
    top: 130px;
}
}
.section--quote blockquote {
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
}
@media only screen and (min-width: 1600px) {
.section--quote blockquote {
    margin-right: 0;
    margin-top: 80px;
    max-width: 540px;
}
}
@media only screen and (min-width: 1920px) {
.section--quote blockquote {
    margin-top: 150px;
    max-width: 662px;
}
}
@media only screen and (min-width: 1280px) {
.section--quote picture {
    width: 50%;
}
}
@media only screen and (min-width: 1280px) {
.section--quote img, .section--quote picture source {
    max-height: 596px;
}
}
.rewards {
    background-color: #f1f1f2;
    border-top: 1px solid transparent;
    margin-bottom: 0;
    padding-bottom: 40px;
}
@media only screen and (min-width: 768px) {
.rewards {
    padding-bottom: 80px;
}
}
@media only screen and (min-width: 1280px) {
.rewards {
    padding-bottom: 130px;
    padding-top: 10px;
}
}
.rewards h2 {
    font-size: 4.1rem;
    margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
.rewards h2 {
    margin-bottom: 66px;
}
}
.swiper-timeline {
    padding-left: 30px;
}
@media only screen and (min-width: 638px) {
.swiper-timeline {
    padding-left: 50px;
}
}
@media only screen and (min-width: 1280px) {
.swiper-timeline {
    overflow: inherit;
    padding-left: 90px;
}
}
@media only screen and (min-width: 1600px) {
.swiper-timeline {
    padding-left: 270px;
}
}
.swiper-slide {
    margin-right: 10px;
}
@media only screen and (min-width: 638px) {
.swiper-slide {
    margin-right: 20px;
}
}
@media only screen and (min-width: 1280px) {
.swiper-slide {
    margin-right: 50px;
}
}
.timeline-item {
    -moz-box-flex: 0;
    flex: 0 0 90%;
    text-align: left;
}
@media only screen and (min-width: 1280px) {
.timeline-item {
    -moz-box-flex: 0;
    flex: 0 0 50%;
}
}
@media only screen and (min-width: 1600px) {
.timeline-item {
    -moz-box-flex: 0;
    flex: 0 0 42%;
}
}
.timeline-item h3 {
    border-bottom: 1px solid #b9b9bc;
    font-family: "Ribera",Arial,Helvetica,sans-serif;
    margin-bottom: 34px;
    padding-bottom: 12px;
    position: relative;
}
@media only screen and (min-width: 768px) {
.timeline-item h3 {
    margin-bottom: 64px;
}
}
@media only screen and (min-width: 1280px) {
.timeline-item h3 {
    margin-bottom: 30px;
    padding-bottom: 16px;
}
}
.timeline-item h3::before {
    background-color: #2d3038;
    border-radius: 50%;
    content: "";
    height: 8px;
    margin-top: -4px;
    position: absolute;
    top: 100%;
    width: 8px;
    z-index: 1;
}
@media only screen and (min-width: 768px) {
.timeline-item h3::before {
    height: 15px;
    margin-top: -7px;
    width: 15px;
}
}
.timeline-item h3::after {
    border-bottom: 1px solid #b9b9bc;
    content: "";
    left: -1000%;
    position: absolute;
    right: 0;
    top: 100%;
    width: 9999em;
    z-index: -1;
}
.timeline-item ul {
    list-style-type: none;
    padding-right: 20px;
}
@media only screen and (min-width: 768px) {
.timeline-item ul {
    padding-right: 40px;
}
}
.timeline-item li {
    cursor: pointer;
    font-size: 2rem;
    line-height: 1.46;
    margin: 10px 0;
}
@media only screen and (min-width: 768px) {
.timeline-item li {
    margin: 20px 0;
}
}
@media only screen and (min-width: 1280px) {
.timeline-item li {
    display: inline-block;
    margin: 12px 0;
}
}
.timeline-item li:hover .tooltip {
    margin-top: 33px;
    max-height: inherit;
    opacity: 1;
    padding: 30px 20px 30px 30px;
    transform: translateY(0px);
    transition: opacity 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s, -webkit-transform 0.3s ease-in-out 0s;
    visibility: visible;
}
@media only screen and (min-width: 1280px) {
.b2b-desc {
    margin-bottom: 70px;
}
}
@media only screen and (min-width: 1920px) {
.b2b-desc {
    margin-bottom: 110px;
}
}
@media only screen and (min-width: 1280px) {
.b2b-desc .col-1-2 {
    padding-top: 20px;
}
}
.b2b-desc .col-1-2 h2 {
    font-size: 3rem;
    line-height: 1.38;
}
@media only screen and (min-width: 1280px) {
.b2b-desc .col-1-2 h2 {
    margin-top: 46px;
    padding-right: 60px;
}
}
@media only screen and (min-width: 1280px) {
.b2b-desc .col-1-2 p {
    margin-bottom: 30px;
    padding-left: 60px;
}
}
.b2b-desc ul {
    font-size: 2rem;
    line-height: 2;
    list-style-type: none;
    padding: 0 16px;
}
@media only screen and (min-width: 768px) {
.b2b-desc ul {
    padding: 0 42px;
}
}
@media only screen and (min-width: 1280px) {
.b2b-desc ul {
    margin-left: 46px;
    padding-left: 60px;
}
}
@media only screen and (min-width: 1280px) {
.b2b-desc ul li {
    position: relative;
}
.b2b-desc ul li::before {
    background-color: #e6e7e8;
    border-radius: 50%;
    bottom: 0;
    content: "";
    height: 8px;
    margin: 0 32px 0 0;
    position: absolute;
    right: 100%;
    top: 18px;
    width: 8px;
}
}
.b2b-page .static-article--grid, .offer-product__cart .static-article--grid {
    padding-top: 14px;
}
@media only screen and (min-width: 768px) {
.b2b-page .static-article--grid picture, .offer-product__cart .static-article--grid picture {
    margin: 0 auto;
    max-width: 960px;
}
}
@media only screen and (min-width: 1280px) {
.b2b-page .static-article--grid picture, .offer-product__cart .static-article--grid picture {
    width: 50%;
}
}
@media only screen and (min-width: 1280px) {
.b2b-page .static-article--grid .static-article--desc p:last-child, .offer-product__cart .static-article--grid .static-article--desc p:last-child {
    margin-bottom: 0;
}
}
@media only screen and (min-width: 1280px) {
.b2b-page .static-article--grid .static-article, .offer-product__cart .static-article--grid .static-article {
    -moz-box-align: start;
    align-items: flex-start;
    display: flex;
    margin: 0;
}
.b2b-page .static-article--grid .static-article .static-article--desc, .offer-product__cart .static-article--grid .static-article .static-article--desc {
    -moz-box-ordinal-group: 3;
    order: 2;
    width: 50%;
}
.b2b-page .static-article--grid .static-article .static-article--desc h2, .b2b-page .static-article--grid .static-article .static-article--desc p, .offer-product__cart .static-article--grid .static-article .static-article--desc h2, .offer-product__cart .static-article--grid .static-article .static-article--desc p {
    text-align: left;
}
.b2b-page .static-article--grid .static-article:nth-of-type(2n) h2, .b2b-page .static-article--grid .static-article:nth-of-type(2n) p, .offer-product__cart .static-article--grid .static-article:nth-of-type(2n) h2, .offer-product__cart .static-article--grid .static-article:nth-of-type(2n) p {
    text-align: right;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1280px) {
.b2b-page .static-article--grid .static-article:nth-of-type(2n) h2, .b2b-page .static-article--grid .static-article:nth-of-type(2n) p, .offer-product__cart .static-article--grid .static-article:nth-of-type(2n) h2, .offer-product__cart .static-article--grid .static-article:nth-of-type(2n) p {
    padding-right: 56px;
}
}
@media only screen and (min-width: 1280px) {
.b2b-page .static-article--grid .static-article:nth-of-type(2n) .static-article--desc, .offer-product__cart .static-article--grid .static-article:nth-of-type(2n) .static-article--desc {
    -moz-box-ordinal-group: 2;
    order: 1;
}
}
.b2b-page .static-article--grid h2, .offer-product__cart .static-article--grid h2 {
    font-size: 3.2rem;
}
@media only screen and (min-width: 1280px) {
.b2b-page .static-article--grid h2, .offer-product__cart .static-article--grid h2 {
    margin: 20px 0;
    padding-left: 56px;
}
}
@media only screen and (min-width: 1600px) {
.b2b-page .static-article--grid h2, .offer-product__cart .static-article--grid h2 {
    margin: 46px 0;
}
}
.b2b-page .static-article--grid p, .offer-product__cart .static-article--grid p {
    font-size: 1.7rem;
}
@media only screen and (min-width: 1280px) {
.b2b-page .static-article--grid p, .offer-product__cart .static-article--grid p {
    margin: 20px 0 0;
}
}
@media only screen and (min-width: 1600px) {
.b2b-page .static-article--grid p, .offer-product__cart .static-article--grid p {
    margin: 48px 0 0;
    padding-left: 56px;
}
}
.b2b-contact {
    margin-bottom: 60px;
}
.b2b-contact .col-2--wrapper {
    margin-top: 70px;
}
@media only screen and (min-width: 1280px) {
.b2b-contact .col-2--wrapper .col-1-2 {
    padding-right: 60px;
    width: 50%;
}
.b2b-contact .col-2--wrapper .col-1-2:first-of-type {
    text-align: right;
}
.b2b-contact .col-2--wrapper .col-1-2:last-of-type {
    padding-left: 60px;
    padding-right: 0;
    text-align: left;
}
.b2b-contact .col-2--wrapper .col-1-2 h2, .b2b-contact .col-2--wrapper .col-1-2 p {
    max-width: 100%;
}
}
.b2b-contact .x-hide--form {
    padding-bottom: 24px;
}
@media only screen and (min-width: 1280px) {
.loyalty .arrow--two--line {
    margin-top: 10px;
    padding-right: 125px;
}
.loyalty .arrow--two--line .arrow--right {
    margin-left: -105px;
}
}
@media only screen and (min-width: 1280px) {
.loyalty h2 {
    margin-bottom: 48px;
    margin-top: 94px;
}
}
@media only screen and (min-width: 1280px) {
.lottery h2 {
    margin-bottom: 56px;
}
}
@media only screen and (min-width: 1280px) {
.lottery .tatic-article--full {
    margin-bottom: 74px;
}
}
.world {
    padding-bottom: 35px;
    padding-top: 16px;
}
@media only screen and (min-width: 768px) {
.world {
    padding-bottom: 70px;
    padding-top: 28px;
}
}
@media only screen and (min-width: 1280px) {
.world {
    padding-top: 56px;
}
}
.world picture {
    display: block;
}
@media only screen and (min-width: 1280px) {
.world picture {
    margin-top: -38px;
}
}
.world img, .world picture source {
    margin-left: auto;
    margin-right: auto;
    max-height: inherit;
    max-width: 1000px;
}
.world .static-article__2-col {
    margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
.world .static-article__2-col {
    margin-bottom: 34px;
}
}
@media only screen and (min-width: 1280px) {
.world .static-article__2-col {
    margin-bottom: 0;
}
}
@media only screen and (min-width: 1440px) {
.world .col-1-2:first-of-type p {
    padding-right: 62px;
}
}
.world-product {
    margin-top: 38px;
    text-align: center;
}
@media only screen and (min-width: 768px) {
.world-product {
    margin-top: 74px;
}
}
@media only screen and (min-width: 1280px) {
.world-product {
    margin-top: 52px;
    padding-left: 30px;
}
}
@media only screen and (min-width: 1440px) {
.world-product {
    padding-left: 54px;
}
}
.world-product span {
    display: block;
    font-size: 3.6rem;
}
.world-product .number {
    color: #2d3038;
    font-family: "Ribera",Arial,Helvetica,sans-serif;
    font-size: 20rem;
}
@media only screen and (min-width: 768px) {
.world-product .number {
    font-size: 24rem;
}
}
@media only screen and (min-width: 1920px) {
.world-product .number {
    font-size: 33.197rem;
}
}
@media only screen and (min-width: 1280px) {
.world-product .number {
    display: inline-block;
    margin-right: 14px;
}
}
.world-product .world-product--bottom {
    margin-top: -28px;
}
@media only screen and (min-width: 768px) {
.world-product .world-product--bottom {
    margin-top: -42px;
}
}
@media only screen and (min-width: 1280px) {
.world-product .world-product--bottom {
    display: inline-block;
    max-width: 230px;
}
}
.service-page h2 {
    font-size: 4.8rem;
    line-height: 1.4;
}
.service-page a {
    color: #e2001a;
}
.service-page blockquote {
    line-height: 1.3;
    margin: 0 auto;
    max-width: 1440px;
}
.service-page blockquote p {
    font-size: 3rem;
    font-weight: 100;
    margin: 0;
    max-width: none;
}
.service-page .col-2--wrapper {
    margin: 0 auto;
    max-width: 1280px;
}
.service-page .agreement-link {
    color: #93969d;
    text-decoration: underline;
}
.service-page .agreement-link:hover {
    opacity: 1;
    text-decoration: none;
}
.service-page .service-link {
    padding-right: 25px;
    position: relative;
}
.service-page .service-link::after, .service-page .service-link::before {
    background: #e2001a none repeat scroll 0 0;
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    top: 8px;
    transform: rotate(45deg) scale(1);
    width: 15px;
}
.service-page .service-link::before {
    top: 18px;
    transform: rotate(-45deg) scale(1);
}
/*@media only screen{
.page__main-content {
    margin-top: 52px;
}
}*/

@media only screen and (min-width: 768px) {
.page__main-content {
    margin-top: 52px;
}
}

.wrapper {
    margin: 0 auto;
    max-width: 1440px;
    width: 100%;
}
.main-section {
    overflow: hidden;
}
.main-section .show-more {
    display: none;
}
@media only screen and (min-width: 1280px) {
.main-section .show-more {
    animation: 3s cubic-bezier(0.45, 0.05, 0.55, 0.95) 0s normal none infinite running arrow-move;
    background: rgba(0, 0, 0, 0) url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2019.2.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2019.84%2019.84%22%20enable-background%3D%22new%200%200%2019.84%2019.84%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20fill%3D%22%23d6d6d8%22%20points%3D%220.56648%2C5.59651%201.27352%2C4.88948%209.92%2C13.53646%2018.56648%2C4.88948%2019.27352%2C5.59651%209.92%2C14.95052%0A%09%22/%3E%0A%3C/svg%3E%0A") no-repeat scroll 0 0;
    bottom: 30px;
    display: block;
    font-size: 0;
    height: 40px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    text-indent: -999em;
    width: 40px;
    z-index: 1;
}
}
@media only screen and (min-width: 1920px) {
.main-section .show-more {
    bottom: 60px;
}
}
@keyframes arrow-move {
0% {
    opacity: 1;
    transform: translate(0px, -30px);
}
50% {
    transform: translate(0px, 30px);
}
100% {
    opacity: 0;
    transform: translate(0px, -30px);
}
}
@keyframes arrow-move {
0% {
    opacity: 1;
    transform: translate(0px, -30px);
}
50% {
    transform: translate(0px, 30px);
}
100% {
    opacity: 0;
    transform: translate(0px, -30px);
}
}
.company--news {
    padding: 96px 0 110px;
    position: relative;
}
@media only screen and (min-width: 768px) {
.company--news {
    padding: 124px 0 148px;
}
}
@media only screen and (min-width: 1280px) {
.company--news {
    padding: 152px 0 136px;
}
}
.company--news .swiper-pagination {
    display: none;
}
.company--news-article {
    -moz-box-pack: justify;
    display: flex;
    flex-flow: column nowrap;
    height: 100%;
    justify-content: space-between;
    width: 100%;
}
.company--news-article time {
    font-size: 1.3rem;
    font-weight: 700;
}
.company--news-article h3 {
    font-size: 3.4rem;
    margin: 14px 0 34px;
}
@media only screen and (min-width: 768px) {
.company--news-article h3 {
    margin: 20px 0 46px;
}
}
.company--news-article img {
    -moz-box-flex: 0;
    display: block;
    flex: 0 0 auto;
    height: auto;
    max-height: 217px;
    width: 100%;
}
.company--news-header {
    height: 152px;
    overflow: hidden;
    position: relative;
}
.company--news-header h3 a {
    color: #393c36;
}
.company--news .swiper-container {
    width: 100%;
}
.company--news .swiper-slide {
    -moz-box-flex: 0;
    flex: 0 0 230px;
    height: auto;
}
@media only screen and (min-width: 480px) {
.company--news .swiper-slide {
    -moz-box-flex: 0;
    flex: 0 0 311px;
}
}
.company--news .swiper-button-next, .company--news .swiper-button-prev {
    display: none;
}
@media only screen and (min-width: 1280px) {
.company--news .swiper-button-next, .company--news .swiper-button-prev {
    background: rgba(0, 0, 0, 0) url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%20100%2019%22%20enable-background%3D%22new%200%200%20100%2019%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20fill%3D%22%237c7d7b%22%20points%3D%2290.1123%2C18.85352%2089.40527%2C18.14648%2098.05225%2C9.5%2089.40527%2C0.85352%2090.1123%2C0.14648%2099.46631%2C9.5%0A%09%22/%3E%0A%3Crect%20x%3D%220.53369%22%20y%3D%229%22%20fill%3D%22%237c7d7b%22%20width%3D%2289.2251%22%20height%3D%221%22/%3E%0A%3C/svg%3E%0A") no-repeat scroll 0 0 / 60px 18px;
    bottom: 62px;
    display: inherit;
    height: 18px;
    top: inherit;
    width: 60px;
}
}
.company--news .swiper-button-next {
    right: 58px;
}
.company--news .swiper-button-prev {
    left: inherit;
    right: 164px;
    transform: rotate(180deg);
}
.box__offers-wrapper {
    display: flex;
    overflow: hidden;
}
.box__offers {
    color: #fff;
    font-size: 3.63rem;
    margin: 45px auto 0;
    max-width: 1440px;
}
@media only screen and (min-width: 768px) {
.box__offers {
    font-size: 5.23rem;
    margin-top: 90px;
}
}
@media only screen and (min-width: 1280px) {
.box__offers {
    padding: 0 80px;
}
}
@media only screen and (min-width: 1600px) {
.box__offers {
    padding: 0;
}
}
.box__square {
    font-size: 2.4rem;
    font-weight: 100;
    height: 50vw;
    max-height: 240px;
    overflow: hidden;
    position: relative;
    width: 50vw;
}
@media only screen and (min-width: 768px) {
.box__square {
    font-size: 4.6rem;
}
}
@media only screen and (min-width: 638px) {
.box__square {
    max-height: 280px;
}
}
@media only screen and (min-width: 1280px) {
.box__square {
    max-height: 320px;
}
}
@media only screen and (min-width: 1600px) {
.box__square {
    max-height: 360px;
}
}
.box__square a {
    -moz-box-align: end;
    align-items: flex-end;
    display: flex;
    height: 100%;
    padding: 20px 10px 50px 20px;
    position: absolute;
    width: 100%;
}
@media only screen and (min-width: 480px) {
.box__square a {
    padding: 20px 18px 90px 36px;
}
}
@media only screen and (min-width: 1280px) {
.box__square a {
    padding: 40px 18px 114px 36px;
}
}
.box__square .arrow--right {
    left: inherit;
    top: auto;
    transform: translateY(22px);
}
@media only screen and (min-width: 480px) {
.box__square .arrow--right {
    transform: translateY(40px);
}
}
.full-offers {
    background-color: #e2001a;
}
.new-items {
    background-color: #23262d;
}
.box__offers-img {
    display: none;
}
@media only screen and (min-width: 960px) {
.box__offers-img {
    background: rgba(0, 0, 0, 0) url("../images/offers.jpg") no-repeat scroll 0 0 / cover ;
    display: inherit;
    overflow: hidden;
    position: relative;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    width: 50%;
}
}
.box__offers-img img {
    left: 0;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 0;
    width: auto;
}
.box__offers-img:hover {
    transform: scale(1.05);
}
.box__offers-desc {
    display: flex;
}
@media only screen and (min-width: 960px) {
.box__offers-desc {
    width: 50%;
}
}
.company-presentation--grid {
    display: flex;
    flex-flow: row wrap;
    overflow: hidden;
}
@media only screen and (min-width: 1280px) {
.company-presentation--grid {
    padding: 80px 80px 0;
}
}
@media only screen and (min-width: 1600px) {
.company-presentation--grid {
    padding: 0;
}
}
.box__grid {
    color: #fff;
    font-size: 2.4rem;
    font-weight: 100;
    max-height: 240px;
    overflow: hidden;
    position: relative;
    width: 50%;
}
@media only screen and (min-width: 768px) {
.box__grid {
    font-size: 5.23rem;
}
}
@media only screen and (min-width: 638px) {
.box__grid {
    max-height: 280px;
}
}
@media only screen and (min-width: 1280px) {
.box__grid {
    max-height: 320px;
    width: 25%;
}
}
@media only screen and (min-width: 1440px) {
.box__grid {
    max-height: 360px;
}
}
.box__grid::before {
    content: "";
    display: block;
    height: 100%;
    padding-bottom: 100%;
}
.box__grid a {
    -moz-box-align: end;
    align-items: flex-end;
    display: flex;
    height: 100%;
    padding: 20px 10px 50px 20px;
    position: absolute;
    top: 0;
    width: 100%;
}
@media only screen and (min-width: 480px) {
.box__grid a {
    padding: 20px 18px 90px 36px;
}
}
@media only screen and (min-width: 1280px) {
.box__grid a {
    padding: 40px 18px 114px 36px;
}
}
.box__grid .arrow--right {
    left: inherit;
    top: auto;
    transform: translateY(22px);
}
@media only screen and (min-width: 480px) {
.box__grid .arrow--right {
    transform: translateY(40px);
}
}
.box__grid--scale picture {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.box__grid--scale picture source, .box__grid--scale img {
    display: block;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 0;
}
.box__grid--scale picture source, .box__grid--scale img, .box__grid--scale::before {
    transition: transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, -webkit-transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.box__grid--scale:hover picture source, .box__grid--scale:hover img, .box__grid--scale:hover::before {
    transform: scale(1.02);
}
.box__grid--scale:hover .man-image picture source, .box__grid--scale:hover .man-image img, .box__grid--scale:hover .man-image::before {
    transform: scale(1.02);
    transition: transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, -webkit-transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.box__office {
    overflow: hidden;
    position: relative;
}
@media only screen and (min-width: 1280px) {
.box__office {
    -moz-box-ordinal-group: 2;
    max-height: 640px;
    order: 1;
    width: 75%;
}
}
@media only screen and (min-width: 1440px) {
.box__office {
    max-height: 720px;
}
}
.box__lider {
    background-color: #e2001a;
}
@media only screen and (min-width: 1280px) {
.box__lider {
    -moz-box-ordinal-group: 3;
    background-color: rgba(226, 0, 26, 0.9);
    margin-left: -25%;
    order: 2;
}
}
.box__quality {
    background-color: #333740;
}
@media only screen and (min-width: 1280px) {
.box__quality {
    -moz-box-ordinal-group: 5;
    margin-left: -25%;
    margin-top: 320px;
    order: 4;
}
}
@media only screen and (min-width: 1440px) {
.box__quality {
    margin-top: 360px;
}
}
.lang-pl .box__quality {
    background-color: #ff851b;
}
@media only screen and (min-width: 1280px) {
.box__man {
    -moz-box-ordinal-group: 4;
    order: 3;
}
}
.box__man::before {
    background: rgba(0, 0, 0, 0) url("../images/company-mobile-man.jpg") no-repeat scroll center center / cover ;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
@media only screen and (min-width: 1280px) {
.box__man::before {
    background-image: url("../images/company-man.jpg");
}
}
@media only screen and (min-width: 1280px) {
.box__global-sales {
    -moz-box-ordinal-group: 3;
    order: 2;
    width: 50%;
}
}
.box__global-sales::before {
    background: #f3f4f5 url("../images/company-mobile-sales.jpg") no-repeat scroll right top / cover ;
}
@media only screen and (min-width: 768px) {
.box__global-sales::before {
    background-image: url("../images/company-sales.jpg");
    background-size: auto auto;
}
}
.box__global-sales a {
    color: #323331;
}
@media only screen and (min-width: 1280px) {
.box__global-sales a {
    padding-bottom: 155px;
    padding-left: 86px;
}
}
.box__global-sales .arrow--right {
    background-color: rgba(31, 31, 32, 0.64);
}
.box__global-sales .arrow--right::before, .box__global-sales .arrow--right::after {
    background-color: rgba(31, 31, 32, 0.64);
}
@media only screen and (min-width: 1280px) {
.box__global-sales .arrow--right {
    transform: translateY(80px);
}
}
.box__competition {
    background: #23262d url("../images/number-four.jpg") no-repeat scroll right top / auto 85%;
    overflow: visible;
}
@media only screen and (min-width: 1280px) {
.box__competition {
    background-position: center center;
    width: 50%;
}
}
@media only screen and (min-width: 1280px) {
.box__competition::after {
    background: rgba(0, 0, 0, 0) url("../images/competition-man.png") no-repeat scroll right bottom / 91% auto;
    bottom: 0;
    content: "";
    height: 328px;
    position: absolute;
    right: -42px;
    width: 264px;
    z-index: 10;
}
}
@media only screen and (min-width: 1440px) {
.box__competition::after {
    background-size: 100% auto;
}
}
@media only screen and (min-width: 1280px) {
.box__competition a {
    padding-bottom: 155px;
    padding-left: 66px;
}
}
@media only screen and (min-width: 1280px) {
.box__competition .arrow--right {
    transform: translateY(80px);
}
}
.box__grid-footer {
    display: flex;
    width: 100%;
}
@media only screen and (min-width: 1280px) {
.box__grid-footer {
    -moz-box-ordinal-group: 6;
    order: 5;
}
}
@media only screen and (min-width: 1280px) {
.box__grid-footer .box__grid a {
    padding-right: 30%;
}
}
.company__history .wrapper {
    padding: 50px 20px 20px;
}
@media only screen and (min-width: 768px) {
.company__history .wrapper {
    padding-top: 100px;
}
}
@media only screen and (min-width: 1280px) {
.company__history .wrapper {
    padding-top: 110px;
}
}
.company__history .swiper-container {
    max-width: 480px;
}
.company__history .owl-controls {
    bottom: inherit;
    margin-top: 30px;
    position: relative;
}
@media only screen and (min-width: 638px) {
.company__history .owl-controls {
    margin-top: 66px;
}
}
.company__history .owl-dot.active span {
    box-shadow: 0 0 0 2px #e3061f;
}
.box--grey {
    background-color: #2c2f35;
}
.box--light a {
    color: #23262d;
}
.box--light .arrow--right {
    background-color: #23262d;
}
.box--light .arrow--right::after, .box--light .arrow--right::before {
    background-color: #23262d;
}
.tooltip {
    background-color: #fff;
    display: none;
    max-width: 582px;
}
@media only screen and (min-width: 1280px) {
.tooltip {
    display: block;
    margin: 0;
    max-height: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    transform: translateY(10px);
    visibility: hidden;
}
}
.tooltip::before {
    background: rgba(0, 0, 0, 0) url("../images/tooltip-arrow.jpg") no-repeat scroll 0 0;
    bottom: 100%;
    content: "";
    height: 24px;
    left: 27px;
    position: absolute;
    width: 24px;
}
.tooltip img {
    float: left;
}
.tooltip p {
    font-size: 1.8rem;
    letter-spacing: -0.4px;
    line-height: 1.78118;
    margin: 10px 0;
    padding-left: 125px;
    padding-right: 0;
}
.tooltip p:first-of-type {
    margin-top: 0;
}
.tooltip p:last-of-type {
    margin-bottom: 0;
}
.do-pobrania-article {
    line-height: 17px;
    margin: auto;
    max-width: 960px;
}
.do-pobrania-article a {
    font-size: 15px;
}
.do-pobrania-article a[href*=".pdf"]::before {
    color: #646464;
    content: "";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 20px;
    margin-right: 10px;
    vertical-align: middle;
}
.do-pobrania-article a[href*=".jpg"]::before, .do-pobrania-article a[href*=".jpeg"]::before, .do-pobrania-article a[href*=".png"]::before, .do-pobrania-article a[href*=".gif"]::before, .do-pobrania-article a[href*=".webm"]::before {
    color: #646464;
    content: "";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 20px;
    margin-right: 10px;
    vertical-align: middle;
}
.do-pobrania-article a[href*=".docx"]::before, .do-pobrania-article a[href*=".doc"]::before {
    color: #646464;
    content: "";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 20px;
    margin-right: 10px;
    vertical-align: middle;
}
.do-pobrania-article a[href*=".ppt"]::before {
    color: #646464;
    content: "";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 20px;
    margin-right: 10px;
    vertical-align: middle;
}
.do-pobrania-article h2 {
    line-height: 1em;
}
.banner-link {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}
.offers {
    margin: 0 auto;
    max-width: 1440px;
    padding-bottom: 160px;
}
.offers h1 {
    color: #1d2025;
    font-size: 3.6rem;
    line-height: 1.2;
    margin-bottom: 30px;
    margin-top: 32px;
    padding: 0 20px;
    text-align: center;
}
@media only screen and (min-width: 638px) {
.offers h1 {
    margin-bottom: 68px;
    margin-top: 56px;
}
}
@media only screen and (min-width: 1280px) {
.offers h1 {
    margin-top: 76px;
    max-width: 100%;
    padding-left: 0;
    text-align: left;
}
}
.header-offers {
    padding: 1px 0;
}
@media only screen and (min-width: 1280px) {
.header-offers {
    display: flex;
    min-height: 244px;
    padding: 0 80px;
}
}
@media only screen and (min-width: 1600px) {
.header-offers {
    padding: 0;
}
}
.header-offers .header-offers__desc {
    display: none;
}
@media only screen and (min-width: 1280px) {
.header-offers .header-offers__desc {
    -moz-box-pack: center;
    color: #23262d;
    display: flex;
    justify-content: center;
    max-width: 720px;
    position: relative;
    width: 100%;
}
.header-offers .header-offers__desc .number {
    font-family: "Ribera",Arial,Helvetica,sans-serif;
    font-size: 11.6rem;
    margin-left: 130px;
    min-width: 244px;
    position: relative;
    z-index: 0;
}
.header-offers .header-offers__desc .number::before {
    background: rgba(0, 0, 0, 0) url("../images/oferty/kratka.jpg") no-repeat scroll 0 0 / cover ;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: -1;
}
.header-offers .header-offers__desc .number > span {
    -moz-box-align: center;
    -moz-box-pack: center;
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
}
}
.header-offers .desc {
    font-size: 3rem;
}
@media only screen and (min-width: 1280px) {
.header-offers .desc {
    align-self: center;
    margin-left: 20px;
}
}
@media only screen and (min-width: 768px) {
.offer-grid {
    display: flex;
}
}
.offer-grid .box--grey .arrow--wrapper {
    background: #3f444f none repeat scroll 0 0;
}
.offer-box {
    -moz-box-direction: normal;
    -moz-box-flex: 0;
    -moz-box-orient: vertical;
    display: flex;
    flex: 0 0 50%;
    flex-direction: column;
    overflow: hidden;
    position: relative;
}
.offer-box.box__grid--scale picture source, .offer-box.box__grid--scale img, .offer-box .box__grid--scale picture source, .offer-box .box__grid--scale img {
    height: auto;
    min-height: 10%;
    min-width: 10%;
    position: static;
    width: 100%;
}
.offer-box .arrow--wrapper {
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-pack: end;
    background: #2c303a none repeat scroll 0 0;
    bottom: auto;
    display: flex;
    flex-direction: column;
    font-size: 2rem;
    font-weight: 100;
    height: 50%;
    justify-content: flex-end;
    left: 50%;
    line-height: 1.3;
    padding: 25px 20px;
    position: absolute;
    top: 0;
    width: 50%;
}
@media only screen and (min-width: 480px) {
.offer-box .arrow--wrapper {
    font-size: 3.5rem;
}
}
@media only screen and (min-width: 768px) {
.offer-box .arrow--wrapper {
    padding: 30px 25px;
}
}
@media only screen and (min-width: 1280px) {
.offer-box .arrow--wrapper {
    font-size: 4.5rem;
    padding: 50px 45px;
}
}
.offer-box .arrow--wrapper .arrow--right {
    display: block;
    left: auto;
    margin-top: 30px;
    position: relative;
    top: auto;
    transform: none;
}
.offer-box--left .arrow--wrapper {
    left: 0;
}
.offer-small-box {
    display: flex;
}
.offer-small-box figure {
    -moz-box-flex: 0;
    flex: 0 0 50%;
    overflow: hidden;
    position: relative;
}
.offer-small-box .arrow--wrapper {
    -moz-box-flex: 0;
    flex: 0 0 50%;
    height: auto;
    position: static;
}
.contact__page {
    color: #23262d;
}
.contact__page h1 {
    display: none;
    font-size: 9rem;
}
@media only screen and (min-width: 960px) {
.contact__page h1 {
    display: block;
    margin-bottom: 46px;
}
}
@media only screen and (min-width: 1280px) {
.contact__page h1 {
    margin-top: 60px;
}
}
@media only screen and (min-width: 1440px) {
.contact__page h1 {
    margin-top: 80px;
}
}
@media only screen and (min-width: 1920px) {
.contact__page h1 {
    margin-bottom: 82px;
}
}
.contact__page .company__maps {
    display: none;
}
@media only screen and (min-width: 1280px) {
.contact__page .company__maps {
    background-color: #ededed;
    bottom: 0;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
}
}
@media only screen and (min-width: 960px) {
.company__data-wrapper {
    display: flex;
    justify-content: space-around;
}
}
@media only screen and (min-width: 1280px) {
.company__data-wrapper {
    -moz-box-pack: start;
    justify-content: flex-start;
    padding-bottom: 50px;
}
}
.contact__data {
    background-color: #f2f2f3;
    overflow: hidden;
    padding-bottom: 12px;
    padding-top: 34px;
    position: relative;
    text-align: center;
}
@media only screen and (min-width: 1280px) {
.contact__data {
    padding: 0;
    text-align: left;
}
}
.contact__data .wrapper {
    padding: 0 30px;
}
@media only screen and (min-width: 638px) {
.contact__data .wrapper {
    padding: 0 60px;
}
}
@media only screen and (min-width: 1280px) {
.contact__data .wrapper {
    display: flex;
    padding-right: 0;
}
}
@media only screen and (min-width: 1600px) {
.contact__data .wrapper {
    padding-left: 0;
}
}
.contact__data h3 {
    font-size: 4rem;
    margin-bottom: 20px;
}
@media only screen and (min-width: 1280px) {
.contact__data h3 {
    margin-bottom: 36px;
}
}
@media only screen and (min-width: 1280px) {
.contact__data .col-1-2 {
    -moz-box-flex: 0;
    flex: 0 0 50%;
}
}
.company__data {
    margin-bottom: 28px;
}
@media only screen and (min-width: 960px) {
.company__data {
    text-align: left;
}
}
@media only screen and (min-width: 1280px) {
.company__data {
    max-width: 360px;
    padding-right: 40px;
    width: 100%;
}
}
.company__data > span {
    display: block;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1.58;
}
.company__data > span a {
    color: inherit;
}
@media only screen and (min-width: 1280px) {
.company__data > span {
    line-height: 1.66667;
}
}
.department__filter {
    background-color: #23262d;
    color: #fff;
    padding: 30px 0 46px;
    text-align: center;
}
@media only screen and (min-width: 768px) {
.department__filter {
    padding-bottom: 88px;
    padding-top: 62px;
}
}
@media only screen and (min-width: 1280px) {
.department__filter {
    padding-bottom: 58px;
    padding-top: 55px;
}
}
@media only screen and (min-width: 1920px) {
.department__filter {
    padding-bottom: 90px;
    padding-top: 86px;
}
}
.department__filter .custom-select select {
    background-color: #464a52;
    border: 1px solid #464a52;
    color: #fff;
}
.department__filter form {
    margin: auto;
    max-width: 520px;
    width: 100%;
}
@media only screen and (min-width: 1280px) {
.department__filter form {
    max-width: 680px;
    width: 50%;
}
}
.department__filter .wrapper {
    padding: 0 30px;
}
@media only screen and (min-width: 768px) {
.department__filter .wrapper {
    padding: 0 60px;
}
}
@media only screen and (min-width: 1280px) {
.department__filter .wrapper {
    -moz-box-align: center;
    align-items: center;
    display: flex;
}
}
@media only screen and (min-width: 1600px) {
.department__filter .wrapper {
    padding: 0;
}
}
.department__filter h2 {
    font-size: 3.2rem;
    margin-bottom: 42px;
}
@media only screen and (min-width: 768px) {
.department__filter h2 {
    margin-bottom: 80px;
}
}
@media only screen and (min-width: 1280px) {
.department__filter h2 {
    -moz-box-flex: 1;
    flex: 1 1 0;
    margin-bottom: 0;
    max-width: 680px;
    text-align: left;
    width: 50%;
}
}
.departments .department__single:nth-of-type(2n+1) {
    background-color: #f2f2f3;
}
.department__single {
    display: none;
    padding-bottom: 36px;
    padding-top: 26px;
}
.department__single:first-of-type {
    display: block;
}
.department__single.show {
    display: block;
}
@media only screen and (min-width: 638px) {
.department__single {
    padding-bottom: 22px;
    padding-top: 54px;
}
}
@media only screen and (min-width: 1280px) {
.department__single {
    display: block;
}
}
@media only screen and (min-width: 1600px) {
.department__single {
    padding-bottom: 0;
    padding-top: 82px;
}
}
.department__single .wrapper {
    padding: 0 30px;
}
@media only screen and (min-width: 638px) {
.department__single .wrapper {
    padding: 0 60px;
}
}
@media only screen and (min-width: 1280px) {
.department__single .wrapper {
    display: flex;
}
}
@media only screen and (min-width: 1600px) {
.department__single .wrapper {
    padding: 0;
}
}
.single__person {
    font-size: 1.8rem;
    margin-bottom: 28px;
    padding: 0 10px;
    text-align: center;
}
@media only screen and (min-width: 480px) {
.single__person {
    width: 50%;
}
}
@media only screen and (min-width: 638px) {
.single__person {
    margin-bottom: 58px;
}
}
@media only screen and (min-width: 960px) {
.single__person {
    -moz-box-flex: 0;
    flex: 0 0 33.3333%;
}
}
@media only screen and (min-width: 1600px) {
.single__person {
    -moz-box-flex: 0;
    flex: 0 0 25%;
}
}
.single__person img {
    display: block;
    margin: 0 auto 12px;
}
@media only screen and (min-width: 638px) {
.single__person img {
    margin-bottom: 28px;
}
}
.single__person span {
    display: block;
    line-height: 1.416;
}
@media only screen and (min-width: 960px) {
.single__person span {
    line-height: 1;
}
}
.single__person h4 {
    font-size: 4.1rem;
    font-weight: 100;
    margin-bottom: 30px;
    text-align: center;
    text-transform: none;
}
@media only screen and (min-width: 1280px) {
.single__person .person__data:first-of-type {
    margin-bottom: 2px;
}
}
.single__person .person__data:not(:first-of-type) {
    font-size: 1.6rem;
}
@media only screen and (min-width: 1280px) {
.single__person .person__data:not(:first-of-type) {
    line-height: 1.5;
}
}
.single__person a {
    color: #23262d;
}
.department__data {
    margin-bottom: 28px;
}
@media only screen and (min-width: 768px) {
.department__data {
    margin-bottom: 54px;
}
}
@media only screen and (min-width: 1280px) {
.department__data {
    max-width: 480px;
    width: 100%;
}
}
.department__data h3 {
    display: none;
    font-size: 3.2rem;
}
@media only screen and (min-width: 1280px) {
.department__data h3 {
    display: block;
    margin-bottom: 62px;
}
}
.department__data .department__data-info {
    display: none;
}
@media only screen and (min-width: 1280px) {
.department__data .department__data-info {
    display: block;
    font-size: 1.6rem;
    margin-top: 36px;
}
}
.department__data > span {
    display: block;
    font-size: 2.4rem;
    text-align: center;
}
.department__data > span a {
    color: #23262d;
}
@media only screen and (min-width: 1280px) {
.department__data > span {
    line-height: 1.66667;
    text-align: left;
}
}
@media only screen and (min-width: 1280px) {
.department__data--sub h3 {
    font-size: 4.148rem;
}
}
.department__data-info p {
    margin: 12px 0;
}
.department__data-info ul {
    list-style-type: none;
    margin-top: 30px;
}
.department__data-info li {
    line-height: 1.875;
}
.department__people {
    margin: 0 auto;
    max-width: 960px;
    width: 100%;
}
@media only screen and (min-width: 480px) {
.department__people {
    display: flex;
    flex-flow: row wrap;
}
}
.contact__distributor {
    padding-bottom: 10px;
    padding-top: 30px;
}
@media only screen and (min-width: 768px) {
.contact__distributor {
    padding-bottom: 10px;
    padding-top: 56px;
}
}
@media only screen and (min-width: 1280px) {
.contact__distributor {
    padding-bottom: 25px;
}
}
@media only screen and (min-width: 1600px) {
.contact__distributor {
    padding-bottom: 18px;
    padding-top: 112px;
}
}
@media only screen and (min-width: 1280px) {
.contact__distributor .wrapper {
    padding: 0 60px;
}
}
@media only screen and (min-width: 1600px) {
.contact__distributor .wrapper {
    padding: 0;
}
}
.contact__distributor h2 {
    font-size: 3.2rem;
    margin-bottom: 22px;
    padding-right: 60px;
    position: relative;
    text-align: left;
}
@media only screen and (min-width: 768px) {
.contact__distributor h2 {
    font-size: 3.2rem;
    padding-right: 98px;
}
}
@media only screen and (min-width: 1280px) {
.contact__distributor h2 {
    max-width: 560px;
    padding-right: 0;
}
}
.contact__distributor p {
    font-size: 1.8rem;
    line-height: 1.58;
}
@media only screen and (min-width: 1280px) {
.contact__distributor p {
    max-width: 680px;
}
}
@media only screen and (min-width: 768px) {
.contact__distributor p:first-of-type {
    margin-bottom: 46px;
    margin-top: 46px;
}
}
@media only screen and (min-width: 1280px) {
.contact__distributor .col-1-2 {
    margin-bottom: 0;
    padding-bottom: 0;
}
}
@media only screen and (min-width: 768px) {
.contact__distributor .col-1-2:first-of-type {
    margin-bottom: 60px;
}
}
@media only screen and (min-width: 1280px) {
.contact__distributor .col-1-2:first-of-type {
    margin-bottom: 0;
}
}
@media only screen and (min-width: 1280px) {
.contact__distributor .col-1-2:last-of-type .wpcf7-form {
    margin-bottom: 80px;
    max-width: 680px;
}
}
@media only screen and (min-width: 1280px) {
.contact__distributor .col-1-2:last-of-type textarea, .contact__distributor .col-1-2:last-of-type select, .contact__distributor .col-1-2:last-of-type .field, .contact__distributor .col-1-2:last-of-type .wpcf7-checkbox, .contact__distributor .col-1-2:last-of-type input:not([type="radio"]):not([type="checkbox"]) {
    max-width: 680px;
}
}
@media only screen and (min-width: 1280px) {
.contact__distributor .col-1-2:last-of-type .wpcf7 {
    display: none;
}
.contact__distributor .col-1-2:last-of-type .wpcf7.show {
    display: block;
}
}
.department--region {
    margin-bottom: 46px;
    text-align: center;
}
.department--region h3 {
    font-size: 4rem;
    margin-bottom: 12px;
}
.department--region p {
    font-size: 1.5rem;
}
@media only screen and (min-width: 1280px) {
.department--region p {
    font-size: 1.6rem;
}
}
.department__export {
    overflow: hidden;
}
.department__export .wrapper {
    padding-bottom: 20px;
    padding-top: 40px;
}
@media only screen and (min-width: 1280px) {
.department__export .wrapper {
    padding-bottom: 6px;
    padding-top: 60px;
}
}
.department__export .wrapper:last-of-type {
    padding-bottom: 0;
}
.department__export .wrapper:first-of-type {
    padding-top: 0;
}
.department__export .wrapper:not(:last-of-type) {
    position: relative;
}
.department__export .wrapper:not(:last-of-type)::before {
    border-bottom: 1px solid #dededf;
    bottom: 0;
    content: "";
    height: 1px;
    left: -1000%;
    margin: auto;
    position: absolute;
    right: -1000%;
    top: 100%;
    width: 1000%;
}
@media only screen and (min-width: 1280px) {
.department__export .department__people {
    margin-top: 10px;
}
}
.department__people-row {
    -moz-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
}
@media only screen and (min-width: 1280px) {
.department__people-row {
    flex-flow: row nowrap;
}
}
.department__people-row .single__person {
    -moz-box-ordinal-group: 3;
    order: 2;
}
@media only screen and (min-width: 1280px) {
.department__people-row .single__person {
    -moz-box-ordinal-group: 2;
    order: 1;
}
}
.department__people-row .department--region {
    -moz-box-ordinal-group: 2;
    order: 1;
    width: 100%;
}
@media only screen and (min-width: 1280px) {
.department__people-row .department--region {
    -moz-box-ordinal-group: 3;
    margin-top: 10px;
    order: 2;
    text-align: left;
}
}
@media only screen and (min-width: 1280px) {
.single__person--sub {
    text-align: left;
}
}
@media only screen and (min-width: 1280px) {
.single__person--sub h4 {
    text-align: left;
}
}
.google-maps {
    height: 0;
    overflow: hidden;
    padding-bottom: 75%;
}
.google-maps iframe {
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100% !important;
}
.contact__page br {
    content: "";
    left: -9999em;
    position: absolute;
}
.contact__page .field > span {
    display: block;
}
.contact__distributor textarea, .contact__distributor select, .contact__distributor .field, .contact__distributor .wpcf7-checkbox, .contact__distributor input:not([type="radio"]):not([type="checkbox"]), .section-permision textarea, .section-permision select, .section-permision .field, .section-permision .wpcf7-checkbox, .section-permision input:not([type="radio"]):not([type="checkbox"]), .b2b-contact textarea, .b2b-contact select, .b2b-contact .field, .b2b-contact .wpcf7-checkbox, .b2b-contact input:not([type="radio"]):not([type="checkbox"]) {
    max-width: 520px;
    width: 100%;
}
@media only screen and (min-width: 1280px) {
.contact__distributor textarea, .contact__distributor select, .contact__distributor .field, .contact__distributor .wpcf7-checkbox, .contact__distributor input:not([type="radio"]):not([type="checkbox"]), .section-permision textarea, .section-permision select, .section-permision .field, .section-permision .wpcf7-checkbox, .section-permision input:not([type="radio"]):not([type="checkbox"]), .b2b-contact textarea, .b2b-contact select, .b2b-contact .field, .b2b-contact .wpcf7-checkbox, .b2b-contact input:not([type="radio"]):not([type="checkbox"]) {
    max-width: 480px;
}
}
.contact__distributor textarea, .section-permision textarea, .b2b-contact textarea {
    min-height: 150px;
    width: 100%;
}
.contact__distributor input[type="submit"], .section-permision input[type="submit"], .b2b-contact input[type="submit"] {
    background-color: #e2001a;
    border: 1px solid #e2001a;
    color: #fff;
    cursor: pointer;
}
@media only screen and (min-width: 1280px) {
.contact__distributor input[type="submit"], .section-permision input[type="submit"], .b2b-contact input[type="submit"] {
    font-size: 2.2rem;
    height: 69px;
    padding-left: 38px;
    padding-right: 38px;
}
}
.contact__distributor input[type="submit"]:hover, .section-permision input[type="submit"]:hover, .b2b-contact input[type="submit"]:hover {
    border: 1px solid #ff4136;
    opacity: 0.9;
}
.contact__distributor input[type="submit"]:focus, .contact__distributor input[type="submit"]:hover, .section-permision input[type="submit"]:focus, .section-permision input[type="submit"]:hover, .b2b-contact input[type="submit"]:focus, .b2b-contact input[type="submit"]:hover {
    background-color: #e2001a;
    border: 1px solid #ff4136;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3) inset;
    opacity: 0.9;
}
.contact__distributor input[type="checkbox"], .section-permision input[type="checkbox"], .b2b-contact input[type="checkbox"] {
    display: inline-block;
}
.contact__distributor .wpcf7-form, .section-permision .wpcf7-form, .b2b-contact .wpcf7-form {
    margin: 0 auto;
    max-width: 520px;
}
@media only screen and (min-width: 1280px) {
.contact__distributor .wpcf7-form, .section-permision .wpcf7-form, .b2b-contact .wpcf7-form {
    margin-left: 0;
    margin-top: -12px;
    max-width: 480px;
}
}
.icl_post_in_other_langs {
    margin-bottom: 20px;
    margin-top: 20px;
}
.icl_post_in_other_langs a {
    color: #23262d;
    text-decoration: underline;
}
.icl_post_in_other_langs a:hover {
    text-decoration: none;
}
.span.wpcf7-not-valid-tip {
    color: #ff4136;
    font-size: 1.3rem;
    margin-top: 5px;
}
.contact__page--hidden h1 {
    font-size: 6.6rem;
}
.contact__page--hidden .col-2--wrapper .wrapper .col-1-2:first-of-type {
    text-align: right;
}
.contact__page--hidden .col-2--wrapper .wrapper .col-1-2:first-of-type h2 {
    text-align: right;
}
.contact__page--hidden .col-2--wrapper .wrapper .col-1-2:first-of-type p {
    max-width: 560px;
}
.contact__page--hidden .contact__distributor .col-1-2:last-of-type .wpcf7 {
    display: block;
}
.department__inside {
    -moz-box-flex: 0;
    display: flex;
    flex: 0 0 66%;
}
@media only screen and (min-width: 1600px) {
.department__inside {
    -moz-box-flex: 0;
    flex: 0 0 50%;
}
}
.department__inside > div {
    -moz-box-flex: 0;
    flex: 0 0 50%;
}
.news-page {
    margin: 0 auto;
    max-width: 960px;
    padding-bottom: 50px;
    padding-top: 25px;
}
@media only screen and (min-width: 638px) {
.news-page {
    padding-bottom: 96px;
    padding-top: 46px;
}
}
@media only screen and (min-width: 1920px) {
.news-page {
    padding-bottom: 130px;
    padding-top: 56px;
}
}
.article-news__header {
    margin: auto;
    max-width: 960px;
    padding: 0 15px;
    text-align: center;
}
@media only screen and (min-width: 638px) {
.article-news__header {
    padding: 0 30px;
}
}
@media only screen and (min-width: 1280px) {
.article-news__header {
    padding: 0;
    text-align: left;
}
}
.article-news__header time {
    font-size: 1.6rem;
    font-weight: 700;
}
.article-news__header h1 {
    font-size: 4.6rem;
    line-height: 1.217;
    margin: 10px 0 20px;
}
@media only screen and (min-width: 638px) {
.article-news__header h1 {
    margin-bottom: 40px;
    margin-top: 14px;
}
}
@media only screen and (min-width: 1280px) {
.article-news__header h1 {
    line-height: 1.1361;
    margin-top: 4px;
}
}
.news-article {
    font-size: 2rem;
    padding: 0 15px;
    text-align: left;
}
@media only screen and (min-width: 768px) {
.news-article {
    padding: 0 30px;
}
}
@media only screen and (min-width: 1280px) {
.news-article {
    padding: 0;
}
}
.news-article img {
    display: block;
    height: auto;
    width: 100%;
}
.news-article p {
    line-height: 1.333;
    margin: 18px 0;
}
@media only screen and (min-width: 1280px) {
.news-article p {
    line-height: 2;
    margin: 34px 0;
}
}
.news-article--content-header {
    display: flex;
    flex-flow: column wrap;
    margin: 0 -15px;
}
@media only screen and (min-width: 1280px) {
.news-article--content-header {
    display: inherit;
    margin: 0;
}
}
.news-article--content-header img {
    -moz-box-flex: 0;
    -moz-box-ordinal-group: 3;
    flex: 0 0 auto;
    margin: 26px auto;
    max-width: 720px;
    order: 2;
}
@media only screen and (min-width: 638px) {
.news-article--content-header img {
    margin-bottom: 42px;
    margin-top: 50px;
}
}
@media only screen and (min-width: 1280px) {
.news-article--content-header img {
    float: left;
    margin: 0 66px 30px -240px;
}
}
.news-article--content-header p {
    margin: 0;
    padding: 0 15px;
}
.news-article--content-header p:first-of-type {
    -moz-box-ordinal-group: 2;
    font-size: 2.4rem;
    order: 1;
    text-align: center;
}
@media only screen and (min-width: 1280px) {
.news-article--content-header p:first-of-type {
    line-height: 1.3333;
    margin-bottom: 30px;
    text-align: left;
}
}
@media only screen and (min-width: 1920px) {
.news-article--content-header p:first-of-type {
    position: relative;
    top: -10px;
}
}
.news-article--content-header p:last-of-type {
    -moz-box-ordinal-group: 4;
    margin-top: 0;
    order: 3;
}
.news-article--gallery {
    margin-top: 25px;
}
@media only screen and (min-width: 638px) {
.news-article--gallery {
    margin-top: 45px;
}
}
@media only screen and (min-width: 1280px) {
.news-article--gallery {
    -moz-box-pack: justify;
    display: flex;
    justify-content: space-between;
    margin-top: 42px;
    padding: 0 20px;
}
}
.news-article--gallery img {
    margin: 15px auto;
    max-width: 580px;
}
@media only screen and (min-width: 638px) {
.news-article--gallery img {
    margin: 30px auto;
}
}
@media only screen and (min-width: 1280px) {
.news-article--gallery img {
    margin: 0;
    max-width: 440px;
    width: auto;
}
}
.article-news__footer {
    margin-top: 36px;
    padding: 0 15px;
}
@media only screen and (min-width: 638px) {
.article-news__footer {
    margin-top: 74px;
    padding: 0 30px;
}
}
@media only screen and (min-width: 1280px) {
.article-news__footer {
    -moz-box-pack: justify;
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
}
}
@media only screen and (min-width: 1920px) {
.article-news__footer {
    margin-top: 106px;
}
}
.article-news__footer .prev-article, .article-news__footer .next-article {
    max-width: 440px;
    padding: 0 15px;
}
.article-news__footer .prev-article {
    display: none;
}
@media only screen and (min-width: 1280px) {
.article-news__footer .prev-article {
    display: block;
    text-align: right;
}
.article-news__footer .prev-article .arrow--right {
    left: inherit;
    right: 0;
    transform: rotate(180deg);
}
}
.article-news__footer time {
    font-size: 1.3rem;
    font-weight: 700;
}
.article-news__footer a {
    color: #393c36;
}
.article-news__footer h2 {
    font-size: 3.4rem;
    margin-top: 10px;
}
.article-news__footer .arrow--wrapper {
    display: block;
    padding-bottom: 32px;
}
@media only screen and (min-width: 638px) {
.article-news__footer .arrow--wrapper {
    padding-bottom: 54px;
}
}
.article-news__footer .arrow--wrapper:hover .arrow--right {
    width: 60px;
}
@media only screen and (min-width: 638px) {
.article-news__footer .arrow--wrapper:hover .arrow--right {
    width: 120px;
}
}
.article-news__footer .arrow--right {
    background-color: #929498;
    left: 0;
    margin-top: -6px;
    top: 100%;
    transform: none;
    width: 45px;
}
@media only screen and (min-width: 638px) {
.article-news__footer .arrow--right {
    width: 90px;
}
}
.article-news__footer .arrow--right::before, .article-news__footer .arrow--right::after {
    background-color: #929498;
}
.main-slider {
    color: #fff;
    width: 100%;
}
.main-slider .slide__desc {
    -moz-box-align: center;
    -moz-box-pack: center;
    align-items: center;
    display: flex;
    flex-flow: column nowrap;
    font-size: 3rem;
    height: calc(100% - 53px);
    justify-content: center;
    left: 0;
    max-height: calc(100% - 53px);
    overflow: hidden;
    padding: 0 20px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1;
}
@media only screen and (min-width: 768px) {
.main-slider .slide__desc {
    font-size: 4rem;
}
}
.main-slider .slide__desc .arrow--right {
    display: none;
}
@media only screen and (min-width: 1280px) {
.main-slider .slide__desc .arrow--right {
    display: block;
    left: 100%;
    margin-left: -44px;
    transform: none;
    width: 30px;
}
}
.main-slider .slide__desc .arrow--wrapper {
    max-width: 100%;
}
@media only screen and (min-width: 1280px) {
.main-slider .slide__desc .arrow--wrapper {
    padding-right: 64px;
}
.main-slider .slide__desc .arrow--wrapper:hover .arrow--right {
    width: 40px;
}
}
.main-slider .slide__desc a {
    font-weight: 100;
}
.main-slider h1 {
    font-size: 4rem;
    letter-spacing: -0.4px;
    margin-bottom: 10px;
    width: 100%;
}
@media only screen and (min-width: 638px) {
.main-slider h1 {
    margin-bottom: 20px;
}
}
@media only screen and (min-width: 768px) {
.main-slider h1 {
    font-size: 8rem;
}
}
.main-slider .owl-controls {
    bottom: 30px;
}
@media only screen and (min-width: 768px) {
.main-slider .owl-controls {
    bottom: 60px;
}
}
@media only screen and (min-width: 1280px) {
.main-slider .owl-controls {
    -moz-box-align: center;
    align-items: center;
    bottom: 0;
    display: flex;
    left: 26px;
    margin: auto;
    right: auto;
    top: 0;
    width: 24px;
}
}
@media only screen and (min-width: 1920px) {
.main-slider .owl-controls {
    left: 52px;
}
}
@media only screen and (min-width: 1280px) {
.main-slider .owl-controls .owl-dot {
    display: block;
}
}
@media only screen and (min-width: 1280px) {
.main-slider .owl-controls .owl-dot span {
    background-color: transparent;
    box-shadow: 0 0 0 2px #fff;
    height: 11px;
    margin: 20px auto;
    width: 11px;
}
}
@media only screen and (min-width: 1920px) {
.main-slider .owl-controls .owl-dot span {
    margin: 32px auto;
}
}
@media only screen and (min-width: 1280px) {
.main-slider .owl-controls .owl-dot.active span {
    background-color: #fff;
    height: 15px;
    width: 15px;
}
}
.main-slider .slide__item img, .main-slider .slide__item picture source {
    transform: scale(1);
    transition: transform 15s ease 0s, -webkit-transform 15s ease 0s;
}
.main-slider .owl-item.active img, .main-slider .owl-item.active picture source {
    transform: scale(1.1);
    transition: transform 15s ease 0s, -webkit-transform 15s ease 0s;
}
.slide__item {
    overflow: hidden;
    position: relative;
}
.slide__item img, .slide__item picture source {
    height: calc(100vh - 53px);
    max-height: 645px;
    max-width: 100%;
    min-height: 360px;
    object-fit: cover;
    width: 100%;
}
@media only screen and (min-width: 768px) {
.slide__item img, .slide__item picture source {
    height: calc(100vh - 106px);
    max-height: calc(100vh - 106px);
}
}
@media only screen and (min-width: 768px) {
.slide__item img, .slide__item picture source {
    height: calc(100vh - 81px);
    max-height: calc(100vh - 81px);
}
}
.slide__item.dark-slide-theme a {
    color: #000;
}
.history-item {
    color: #323331;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.history-item picture {
    max-width: 100%;
    width: 100%;
}
.history-item > a {
    display: block;
}
.history-item img, .history-item picture source {
    display: block;
    height: 100%;
    margin: 0 auto;
    max-height: 480px;
    max-width: 640px;
    object-fit: cover;
    width: 100%;
}
@media only screen and (min-width: 1280px) {
.history-item img, .history-item picture source {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
}
}
.video__slider {
    background-color: #23262d;
    padding-bottom: 20px;
    position: relative;
    text-align: center;
}
@media only screen and (min-width: 768px) {
.video__slider {
    padding-bottom: 40px;
}
}
@media only screen and (min-width: 1280px) {
.video__slider {
    margin-bottom: -48px;
    padding-bottom: 0;
    text-align: right;
}
}
.video__slider .video__desc {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
@media only screen and (min-width: 1280px) {
.video__slider .owl-thumbs {
    bottom: inherit;
}
}
.video__item {
    position: relative;
}
.video__item::before {
    background-color: rgba(35, 38, 45, 0.4);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.video__desc {
    text-align: center;
    z-index: 10;
}
.video__desc span {
    color: #fff;
    display: block;
    font-size: 3rem;
    font-weight: 100;
    padding: 20px;
    text-align: center;
    width: 100%;
}
@media only screen and (min-width: 768px) {
.video__desc span {
    font-size: 5rem;
    margin-top: 32px;
}
}
.video__play-btn {
    background-color: #fff;
    border: 0 none;
    border-radius: 50%;
    box-shadow: 6px 0 27px 0 rgba(35, 38, 45, 0.54);
    color: transparent;
    display: block;
    font: 0px/0 a;
    height: 50px;
    margin: auto;
    position: relative;
    text-shadow: none;
    width: 50px;
}
@media only screen and (min-width: 638px) {
.video__play-btn {
    height: 70px;
    width: 70px;
}
}
@media only screen and (min-width: 768px) {
.video__play-btn {
    height: 90px;
    width: 90px;
}
}
.video__play-btn::before {
    border-color: transparent transparent transparent #de3434;
    border-style: solid;
    border-width: 10.5px 0 10.5px 14px;
    bottom: 0;
    content: "";
    height: 0;
    left: 0;
    margin: auto 16px auto auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
}
@media only screen and (min-width: 638px) {
.video__play-btn::before {
    border-width: 12.5px 0 12.5px 16px;
    margin-right: 23px;
}
}
@media only screen and (min-width: 768px) {
.video__play-btn::before {
    border-width: 14.5px 0 14.5px 18px;
    margin-right: 32px;
}
}
.video__play-btn:hover {
    box-shadow: none;
    transition: box-shadow 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.more-video {
    display: inline-block;
    font-weight: 100;
    margin-top: 50px;
    max-width: 1152px;
    padding-bottom: 34px;
    position: relative;
}
@media only screen and (min-width: 768px) {
.more-video {
    margin-top: 66px;
    padding-bottom: 44px;
}
}
@media only screen and (min-width: 1280px) {
.more-video {
    margin-top: 262px;
}
}
.more-video .more-video--desc {
    display: inline-block;
    font-size: 3.036rem;
}
.more-video .arrow--right {
    margin-top: 20px;
}
@media only screen and (min-width: 768px) {
.more-video .arrow--right {
    margin-top: 26px;
}
}
@media only screen and (min-width: 1280px) {
.more-video .arrow--right {
    left: 0;
    transform: none;
}
}
@media only screen and (min-width: 1280px) {
.more-btn--wrapper {
    margin: auto;
    max-width: 1152px;
}
}
.owl-carousel--video {
    position: relative;
    text-align: center;
}
.owl-carousel--video::before {
    background-image: linear-gradient(to bottom, transparent 0%, #23262d);
    bottom: 0;
    content: "";
    height: 25%;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 10;
}
.owl-thumbs {
    display: none;
}
@media only screen and (min-width: 1280px) {
.owl-thumbs {
    -moz-box-pack: justify;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    left: 0;
    margin: 0 auto;
    max-width: 1152px;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 10;
}
}
.video__slider .owl-item img, .video__slider .owl-item picture source {
    max-height: calc(100vh - 200px);
    object-fit: cover;
    transform-style: initial;
}
.owl-thumb-item {
    border: 0 none transparent;
    outline: 0 none;
}
.owl-thumb-item:focus, .owl-thumb-item:active {
    border: medium none;
    outline: 0 none;
}
.owl-thumb-item {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    cursor: pointer;
    padding: 0;
}
.owl-thumb-item.active {
    box-shadow: 12px 0 70px 0 rgba(15, 15, 15, 0.54);
    transition: box-shadow 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.owl-thumb-item.active img {
    height: 152px;
    image-rendering: -moz-crisp-edges;
    width: 256px;
}
.owl-thumb-item img {
    height: 116px;
    width: 195px;
}
.label {
    background-color: #0a6cff;
    color: white;
    padding: 10px 20px;
    position: absolute;
    right: 20px;
    text-align: center;
    top: 20px;
    z-index: 5;
}
.owl-controls {
    bottom: 12px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 10;
}
@media only screen and (min-width: 1280px) {
.owl-controls {
    display: none;
}
}
.owl-dots {
    text-align: center;
}
.owl-dot {
    display: inline-block;
    vertical-align: middle;
}
.owl-dot span {
    backface-visibility: visible;
    background-color: rgba(146, 148, 152, 0.4);
    border-radius: 30px;
    display: block;
    height: 16px;
    margin: 0 15px;
    transition: box-shadow 0s ease 0s, background-color 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    width: 16px;
}
.owl-dot.active span {
    background-color: transparent;
    box-shadow: 0 0 0 2px #fff;
    height: 20px;
    width: 20px;
}
.owl-dot.active:hover span {
    background-color: transparent;
}
.owl-dot:hover span {
    background-color: rgba(146, 148, 152, 0.8);
}
.owl-theme .owl-nav [class*="owl-"] {
    background: #d6d6d6 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.4rem;
    margin: 5px;
    padding: 4px 7px;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
    background: #869791 none repeat scroll 0 0;
    color: #fff;
    text-decoration: none;
}
.owl-theme .owl-nav .disabled {
    cursor: default;
    opacity: 0.5;
}
.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px;
}
.offer-item {
    margin: 0 auto;
    max-width: 1440px;
    padding: 40px 0 60px;
    position: relative;
    z-index: 2;
}
.offer-item::after {
    clear: both;
    content: "";
    display: table;
}
@media only screen and (min-width: 1280px) {
.offer-item {
    display: flex;
    padding-top: 225px;
}
}
.offer-item h2 {
    font-size: 3.8rem;
    font-weight: 100;
}
@media only screen and (min-width: 768px) {
.offer-item h2 {
    font-size: 5.4rem;
}
}
@media only screen and (min-width: 1280px) {
.offer-item h2 {
    font-size: 7.2rem;
    margin-bottom: 40px;
}
}
.offer-item ul {
    font-size: 2rem;
    font-weight: 100;
    line-height: 1.5;
    list-style: outside none none;
    margin: 40px 0;
}
@media only screen and (min-width: 768px) {
.offer-item ul {
    font-size: 3rem;
}
}
@media only screen and (min-width: 1280px) {
.offer-item ul {
    margin-top: 80px;
}
}
.offer-item li {
    padding: 0 0 0 40px;
    position: relative;
}
.offer-item li::before {
    background: #e6e7e8 none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0.6em;
    width: 12px;
}
.offer-item__photo img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
}
@media only screen and (min-width: 1280px) {
.offer-item__photo img {
    width: 100%;
}
}
@media only screen and (min-width: 1280px) {
.offer-item__photo {
    margin-left: 10px;
    margin-top: -185px;
}
}
.offer-item__links {
    float: right;
    margin-right: -30px;
    margin-top: -30%;
    max-width: 320px;
}
@media only screen and (min-width: 1280px) {
.offer-item__links {
    margin-left: 30px;
    margin-right: 0;
    margin-top: 0;
    width: 240px;
}
}
@media only screen and (min-width: 638px) {
.offer-item__links .box__square {
    height: 320px;
    max-height: 320px;
    width: 320px;
}
}
@media only screen and (min-width: 1280px) {
.offer-item__links .box__square {
    height: 240px;
    max-height: 240px;
    width: 240px;
}
}
.offer-item__links .full-offers {
    background-color: rgba(226, 0, 26, 0.9);
    font-size: 3.6rem;
}
.offer-item__links .models-count {
    background: #333740 none repeat scroll 0 0;
    color: #fff;
    display: none;
    font-size: 3rem;
    padding: 50px 18px 0 36px;
}
@media only screen and (min-width: 1280px) {
.offer-item__links .models-count {
    display: block;
}
}
.offer-item__links .models-count span {
    display: block;
    font-family: "Ribera",Arial,Helvetica,sans-serif;
    font-size: 13rem;
    letter-spacing: -0.04em;
}
@media only screen and (min-width: 1280px) {
.offer-item__desc {
    padding-right: 46px;
    width: 45%;
}
}
.offer-item__desc .arrow--wrapper {
    color: #23262d;
}
.offer-item__desc p {
    font-size: 2.4rem;
    margin: 20px 0;
}
@media only screen and (min-width: 768px) {
.offer-item__desc p {
    margin: 30px 0;
}
}
.offer-item__desc .arrow--right {
    background-color: rgba(0, 0, 0, 0.64);
    display: none;
    left: 0;
    transform: translate3d(0px, 0px, 0px);
}
@media only screen and (min-width: 1280px) {
.offer-item__desc .arrow--right {
    display: block;
}
}
.offer-item__desc .arrow--right::before, .offer-item__desc .arrow--right::after {
    background-color: rgba(0, 0, 0, 0.64);
}
@media only screen and (min-width: 1280px) {
.offer-item__desc {
    margin-top: -3em;
}
}
.offer-wrap {
    padding: 0 30px;
    position: relative;
}
@media only screen and (min-width: 1280px) {
.offer-wrap::after {
    background: #eaebec none repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: 0;
}
}
.offer-product__cart {
    font-size: 2rem;
}
.offer-product__cart h2 {
    font-size: 5.2rem;
    margin-bottom: 40px;
}
.offer-product__cart h3 {
    font-size: 3rem;
    margin-bottom: 30px;
}
.offer-product__cart .col-2--wrapper h3 {
    padding: 0 42px;
}
.offer-product__cart .static-article--grid {
    background: #23262d none repeat scroll 0 0;
    color: #fff;
    font-size: 2rem;
    max-width: 100%;
    padding-top: 0;
}
.offer-product__cart .static-article--grid picture {
    max-width: 100%;
}
.offer-product__cart .static-article--grid h2 {
    font-size: 5rem;
    margin-bottom: 40px;
}
.offer-product__cart .static-article--grid h2, .offer-product__cart .static-article--grid p {
    max-width: 415px;
    padding-left: 0;
    padding-right: 0;
}
.product-arrangement {
    display: block;
    height: auto;
    width: 100%;
}
.offer-card__intro {
    background: rgba(0, 0, 0, 0) url("../images/oferty/bgcity.jpg") no-repeat scroll center top;
    padding: 60px 0 80px;
}
.offer-card__intro--inserts {
    background-image: url("../images/oferty/oferta-bg.jpg");
    padding-top: 130px;
}
.offer-card__intro-wrapper {
    padding: 0 20px;
}
@media only screen and (min-width: 960px) {
.offer-card__intro-wrapper {
    display: flex;
    padding: 0;
}
}
.offer-card__intro-wrapper figure {
    -moz-box-flex: 0;
    flex: 0 0 50%;
    text-align: center;
}
@media only screen and (min-width: 960px) {
.offer-card__intro-wrapper figure {
    text-align: right;
}
}
.offer-card__intro-wrapper img {
    max-width: 100%;
}
@media only screen and (min-width: 960px) {
.offer-card__intro-wrapper img {
    margin-right: -74px;
}
}
.offer-card__intro--inserts img {
    margin-right: 0;
}
.offer-card__intro-text {
    -moz-box-flex: 0;
    align-self: center;
    flex: 0 0 50%;
    text-align: center;
}
@media only screen and (min-width: 960px) {
.offer-card__intro-text {
    padding-left: 74px;
    text-align: left;
}
}
.static-article--card {
    padding-bottom: 20px;
}
.offer-card__eco {
    background: #23262d none repeat scroll 0 0;
    color: #fff;
}
@media only screen and (min-width: 960px) {
.offer-card__eco {
    display: flex;
}
}
.offer-card__eco figure {
    -moz-box-flex: 0;
    flex: 0 0 50%;
    min-height: 300px;
    overflow: hidden;
    position: relative;
}
@media only screen and (min-width: 960px) {
.offer-card__eco figure {
    min-height: auto;
}
}
.offer-card__eco figure img {
    left: 0;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 0;
}
.offer-card__eco-text {
    padding: 30px 35px 60px;
}
@media only screen and (min-width: 960px) {
.offer-card__eco-text {
    padding: 60px 75px 120px;
}
}
.offer-card__eco-content {
    max-width: 650px;
}
.offer-card__eco-content p {
    margin-top: 30px;
}
.offer-card__eco-inner {
    background-position: -999em center;
    background-repeat: no-repeat;
    margin-top: 80px;
}
@media only screen and (min-width: 480px) {
.offer-card__eco-inner {
    background-position: left top;
    padding-left: 130px;
}
}
.icon-quality {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2249.97%22%20height%3D%2242.03%22%20viewBox%3D%220%200%2049.97%2042.03%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C/style%3E%0A%20%20%3C/defs%3E%0A%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M1092.56%2C2647.29a12.976%2C12.976%2C0%2C0%2C0-9.21-3.75%2C13.439%2C13.439%2C0%2C0%2C0-9.51%2C3.91l-2.05%2C2.03-0.37.41-3.56%2C3.59a1.461%2C1.461%2C0%2C0%2C0%2C.03%2C2.08%2C1.484%2C1.484%2C0%2C0%2C0%2C1.04.42%2C1.508%2C1.508%2C0%2C0%2C0%2C1.06-.44l4.93-5%2C0.03-.03%2C0.99-.99a10.48%2C10.48%2C0%2C0%2C1%2C7.41-3.04%2C10%2C10%2C0%2C0%2C1%2C7.11%2C2.88%2C10.109%2C10.109%2C0%2C0%2C1-.16%2C14.38l-2.46%2C2.43-2.1%2C2.08-14.36%2C14.21-14.36-14.21-2.1-2.08-2.46-2.43a10.109%2C10.109%2C0%2C0%2C1-.16-14.38%2C10%2C10%2C0%2C0%2C1%2C7.11-2.88%2C10.48%2C10.48%2C0%2C0%2C1%2C7.41%2C3.04l0.48%2C0.48%2C2.03-2.15-0.41-.4a13.439%2C13.439%2C0%2C0%2C0-9.51-3.91%2C12.932%2C12.932%2C0%2C0%2C0-9.05%2C22.27l2.63%2C2.6%2C2.14%2C2.13%2C13.94%2C13.79%2C0.14%2C0.13a3.72%2C3.72%2C0%2C0%2C0%2C2.16%2C1.1%2C2.988%2C2.988%2C0%2C0%2C0%2C2.09-1l0.23-.23%2C13.94-13.79%2C2.14-2.13%2C2.63-2.6A13.006%2C13.006%2C0%2C0%2C0%2C1092.56%2C2647.29Z%22%20transform%3D%22translate%28-1046.41%20-2643.53%29%22/%3E%0A%3C/svg%3E%0A");
}
.icon-natural {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2261%22%20height%3D%2247%22%20viewBox%3D%220%200%2061%2047%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C/style%3E%0A%20%20%3C/defs%3E%0A%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M1079.18%2C3016.08h-9.71v-9.48a1.475%2C1.475%2C0%2C0%2C0-1.49-1.46h-8.94a1.475%2C1.475%2C0%2C0%2C0-1.49%2C1.46v9.48h-9.72v-17.12l15.64-13.75%2C6.15%2C5.25c0.12-1.14.29-2.3%2C0.5-3.46l-5.66-4.85a1.519%2C1.519%2C0%2C0%2C0-1.99.01l-17.12%2C15.06a1.48%2C1.48%2C0%2C0%2C0-.49%2C1.09v19.24a1.475%2C1.475%2C0%2C0%2C0%2C1.49%2C1.46h14.17v-10.94h5.98v10.94h14.17a1.481%2C1.481%2C0%2C0%2C0%2C1.49-1.46v-8.09a16.857%2C16.857%2C0%2C0%2C1-2.98-.89v7.51Zm-14.76-41.24a1.514%2C1.514%2C0%2C0%2C0-1.96%2C0l-9.1%2C7.8v-3.12a1.481%2C1.481%2C0%2C0%2C0-1.49-1.46h-5.59a1.481%2C1.481%2C0%2C0%2C0-1.49%2C1.46v10.47l-6.27%2C5.37a1.452%2C1.452%2C0%2C0%2C0-.14%2C2.07%2C1.506%2C1.506%2C0%2C0%2C0%2C2.1.14l7.29-6.25v-10.33h2.61v8.09l13.06-11.2%2C7.29%2C6.22c0.25-1.09.53-2.16%2C0.81-3.19Zm32.38%2C12.68c-3.82-6.83-17.26-14.95-17.83-15.3a1.568%2C1.568%2C0%2C0%2C0-1.27-.13%2C1.5%2C1.5%2C0%2C0%2C0-.91.88c-0.24.64-5.85%2C15.77-4.59%2C22.99%2C1.46%2C8.38%2C7.7%2C11.37%2C13.05%2C11.37a15.224%2C15.224%2C0%2C0%2C0%2C3.09-.33l1.5%2C4.27a1.485%2C1.485%2C0%2C0%2C0%2C1.4.98%2C1.4%2C1.4%2C0%2C0%2C0%2C.49-0.08%2C1.449%2C1.449%2C0%2C0%2C0%2C.92-1.86l-1.48-4.22a13%2C13%2C0%2C0%2C0%2C7.02-6.8C1099.19%2C2996.84%2C1099.76%2C2992.81%2C1096.8%2C2987.52Zm-1.37%2C10.68a9.96%2C9.96%2C0%2C0%2C1-5.24%2C5.11l-1.46-4.18%2C3.67-5.86a1.246%2C1.246%2C0%2C0%2C0-.41-1.73%2C1.3%2C1.3%2C0%2C0%2C0-1.76.41l-2.58%2C4.12-1.82-5.19%2C1.99-3.15a1.246%2C1.246%2C0%2C0%2C0-.41-1.73%2C1.3%2C1.3%2C0%2C0%2C0-1.76.41l-0.89%2C1.42-2.08-5.92a1.486%2C1.486%2C0%2C0%2C0-1.89-.9%2C1.449%2C1.449%2C0%2C0%2C0-.92%2C1.86l2.06%2C5.87-1.61-.63a1.282%2C1.282%2C0%2C0%2C0-1.66.69%2C1.253%2C1.253%2C0%2C0%2C0%2C.71%2C1.63l3.66%2C1.44%2C1.82%2C5.19-4.99-1.86a1.275%2C1.275%2C0%2C0%2C0-1.64.73%2C1.239%2C1.239%2C0%2C0%2C0%2C.74%2C1.61l6.98%2C2.61%2C1.42%2C4.05a11.428%2C11.428%2C0%2C0%2C1-2.11.2c-2%2C0-8.67-.64-10.12-8.94-0.89-5.14%2C2.43-15.63%2C3.85-19.76%2C3.62%2C2.33%2C12.48%2C8.35%2C15.21%2C13.23C1096.12%2C2992.37%2C1096.53%2C2995.49%2C1095.43%2C2998.2Z%22%20transform%3D%22translate%28-1038%20-2972%29%22/%3E%0A%3C/svg%3E%0A");
}
.icon-blmsch {
    background-image: url("data:image/png;base64,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");
}
.icon-ce {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2257%22%20height%3D%2241%22%20viewBox%3D%220%200%2057%2041%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C/style%3E%0A%20%20%3C/defs%3E%0A%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M1100.87%2C2943.66v0.97c0%2C1.59-.01%2C3.17.01%2C4.75a0.421%2C0.421%2C0%2C0%2C1-.46.53%2C19.435%2C19.435%2C0%2C0%2C1-14.15-4.12%2C20.168%2C20.168%2C0%2C0%2C1-7.64-13.25%2C20.391%2C20.391%2C0%2C0%2C1%2C7.96-19.41%2C20.337%2C20.337%2C0%2C0%2C1%2C9.97-3.96%2C41.05%2C41.05%2C0%2C0%2C1%2C4.44-.03v6.34a13.421%2C13.421%2C0%2C0%2C0-10.94%2C2.94%2C14.016%2C14.016%2C0%2C0%2C0-4.95%2C7.95h11.64v6.23h-11.58A14%2C14%2C0%2C0%2C0%2C1100.87%2C2943.66Zm-34.47-34.49v6.22a13.784%2C13.784%2C0%2C0%2C0-12.81%2C4.99%2C13.473%2C13.473%2C0%2C0%2C0-3.27%2C9.24%2C14.212%2C14.212%2C0%2C0%2C0%2C16.08%2C14.04v6.1a19.627%2C19.627%2C0%2C0%2C1-17.76-7.28%2C20.62%2C20.62%2C0%2C0%2C1-1.27-24.33A19.92%2C19.92%2C0%2C0%2C1%2C1066.4%2C2909.17Z%22%20transform%3D%22translate%28-1044%20-2909%29%22/%3E%0A%3C/svg%3E%0A");
}
.icon-control {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2257%22%20height%3D%2250%22%20viewBox%3D%220%200%2057%2050%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C/style%3E%0A%20%20%3C/defs%3E%0A%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M1071.51%2C3195.24a18.41%2C18.41%2C0%2C1%2C0%2C18.32%2C18.41A18.39%2C18.39%2C0%2C0%2C0%2C1071.51%2C3195.24Zm0%2C33.71a15.3%2C15.3%2C0%2C1%2C1%2C15.23-15.3A15.279%2C15.279%2C0%2C0%2C1%2C1071.51%2C3228.95Zm7.41-22.11a2.02%2C2.02%2C0%2C1%2C0%2C2%2C2.02A2.019%2C2.019%2C0%2C0%2C0%2C1078.92%2C3206.84Zm-5.86-21.84h-3.1v6.25h3.1V3185Zm20.74%2C27.09v3.11h6.21v-3.11h-6.21Zm-44.58%2C0H1043v3.11h6.22v-3.11Zm43.54-17.6-2.19-2.2-4.4%2C4.42%2C2.19%2C2.2Zm-42.5%2C38.32%2C2.19%2C2.2%2C4.39-4.42-2.19-2.2Zm41.25-9.15%2C5.74%2C2.39%2C1.19-2.88-5.75-2.39Zm-40-20.02-5.75-2.39-1.18%2C2.87%2C5.74%2C2.39Zm41.18%2C2.87%2C5.75-2.39-1.19-2.87-5.74%2C2.39Zm-42.37%2C14.27-5.74%2C2.39%2C1.18%2C2.88%2C5.75-2.39Zm33.53-33.01-2.86-1.19-2.38%2C5.78%2C2.86%2C1.19Zm-19.44%2C4.59-2.38-5.78-2.86%2C1.19%2C2.38%2C5.78Zm21.76%2C38.23%2C4.4%2C4.42%2C2.19-2.2-4.4-4.42Zm-29.33-33.88-4.4-4.42-2.18%2C2.2%2C4.39%2C4.42Z%22%20transform%3D%22translate%28-1043%20-3185%29%22/%3E%0A%3C/svg%3E%0A");
}
.icon-choose {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2238%22%20height%3D%2252%22%20viewBox%3D%220%200%2038%2052%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C/style%3E%0A%20%20%3C/defs%3E%0A%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M1063.44%2C3468.01h-0.14a13.787%2C13.787%2C0%2C0%2C1-12.95-7.97c-2.66-5.82-1.31-12.98%2C3.52-18.69%2C7.5-8.86%2C8.03-11.82%2C8.05-11.94a1.48%2C1.48%2C0%2C0%2C1%2C1.45-1.26%2C1.456%2C1.456%2C0%2C0%2C1%2C1.45%2C1.26c0.02%2C0.12.55%2C3.08%2C8.05%2C11.94%2C4.82%2C5.69%2C6.16%2C12.85%2C3.49%2C18.67a13.765%2C13.765%2C0%2C0%2C1-12.92%2C7.99h0Zm-0.07-34.7a66.161%2C66.161%2C0%2C0%2C1-7.27%2C9.95c-4.08%2C4.82-5.27%2C10.78-3.09%2C15.55%2C1.82%2C3.96%2C5.57%2C6.25%2C10.3%2C6.26h0.13c4.7-.02%2C8.44-2.3%2C10.26-6.28%2C2.19-4.77%2C1.02-10.72-3.06-15.53A67.675%2C67.675%2C0%2C0%2C1%2C1063.37%2C3433.31Zm21.02-10.41c-3.53-4.16-3.89-5.62-3.9-5.65a1.465%2C1.465%2C0%2C0%2C0-1.45-1.26%2C1.421%2C1.421%2C0%2C0%2C0-1.44%2C1.23c-0.02.06-.38%2C1.52-3.9%2C5.68-2.62%2C3.1-3.34%2C7.01-1.88%2C10.21a7.677%2C7.677%2C0%2C0%2C0%2C7.19%2C4.44h0.07a7.651%2C7.651%2C0%2C0%2C0%2C7.17-4.45C1087.72%2C3429.9%2C1087%2C3425.99%2C1084.39%2C3422.9Zm-0.79%2C8.97a4.775%2C4.775%2C0%2C0%2C1-4.53%2C2.74h-0.06a4.757%2C4.757%2C0%2C0%2C1-4.53-2.73c-0.98-2.14-.42-4.85%2C1.45-7.07a42.085%2C42.085%2C0%2C0%2C0%2C3.11-4.08%2C44.244%2C44.244%2C0%2C0%2C0%2C3.12%2C4.08C1084.03%2C3427.02%2C1084.58%2C3429.72%2C1083.6%2C3431.87Zm-23.83%2C29.33a1.4%2C1.4%2C0%2C0%2C1-.71-0.19%2C8.844%2C8.844%2C0%2C0%2C1-4.32-7.2%2C1.471%2C1.471%2C0%2C0%2C1%2C1.44-1.49h0.02a1.475%2C1.475%2C0%2C0%2C1%2C1.47%2C1.45%2C5.828%2C5.828%2C0%2C0%2C0%2C2.82%2C4.67A1.475%2C1.475%2C0%2C0%2C1%2C1059.77%2C3461.2Z%22%20transform%3D%22translate%28-1049%20-3416%29%22/%3E%0A%3C/svg%3E%0A");
}
.icon-rekuperacja {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2264%22%20height%3D%2256%22%20viewBox%3D%220%200%2064%2056%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C/style%3E%0A%20%20%3C/defs%3E%0A%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M1100.67%2C3481.49l-7.67-7.38-7.66%2C7.38-2.32-2.23%2C9.98-9.64%2C9.99%2C9.64Zm-49.98-11.33v-10.73a4.294%2C4.294%2C0%2C0%2C1%2C1.29-3.09l15.93-15.8a4.43%2C4.43%2C0%2C0%2C1%2C6.23%2C0l15.94%2C15.8a4.335%2C4.335%2C0%2C0%2C1%2C1.29%2C3.09v4.53h3.27v-4.53a7.576%2C7.576%2C0%2C0%2C0-2.25-5.38l-15.94-15.81a7.714%2C7.714%2C0%2C0%2C0-10.85%2C0l-15.94%2C15.81a7.576%2C7.576%2C0%2C0%2C0-2.25%2C5.38v10.73h3.28Zm40.68%2C3.85v10.36a4.4%2C4.4%2C0%2C0%2C1-4.41%2C4.37h-31.87a4.387%2C4.387%2C0%2C0%2C1-4.4-4.37v-4.16h-3.28v4.16a7.65%2C7.65%2C0%2C0%2C0%2C7.68%2C7.62h31.87a7.65%2C7.65%2C0%2C0%2C0%2C7.68-7.62v-10.36h-3.27Zm-50.05-11.33%2C7.67%2C7.39%2C7.66-7.39%2C2.32%2C2.24-9.98%2C9.63-9.99-9.63Zm53.32%2C17.43h-3.27v-6.1h3.27v6.1Z%22%20transform%3D%22translate%28-1039%20-3436%29%22/%3E%0A%3C/svg%3E%0A");
}
.icon-sprawnosc {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2256.031%22%20height%3D%2290%22%20viewBox%3D%220%200%2056.031%2090%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%234c4f55%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.cls-1%2C%20.cls-2%20%7B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.cls-2%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C/style%3E%0A%20%20%3C/defs%3E%0A%20%20%3Cpath%20id%3D%22Shape_1_copy%22%20data-name%3D%22Shape%201%20copy%22%20class%3D%22cls-1%22%20d%3D%22M249.513%2C223.005A26.5%2C26.5%2C0%2C1%2C0%2C276%2C249.51V249.5A26.5%2C26.5%2C0%2C0%2C0%2C249.513%2C223.005Zm0%2C50.16A23.665%2C23.665%2C0%2C1%2C1%2C273.18%2C249.5h0a23.662%2C23.662%2C0%2C0%2C1-23.661%2C23.665h-0.006Z%22%20transform%3D%22translate%28-221.969%20-223%29%22/%3E%0A%20%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22M225.125%2C301.358a6.25%2C6.25%2C0%2C0%2C1-1.426-1.3%2C5.8%2C5.8%2C0%2C0%2C1-.977-3.488q0-3.49%2C2.558-4.8a7.767%2C7.767%2C0%2C0%2C1%2C3.567-.766%2C7.439%2C7.439%2C0%2C0%2C1%2C3.814.907q2.31%2C1.346%2C2.311%2C4.678a5.238%2C5.238%2C0%2C0%2C1-2.4%2C4.772%2C5.912%2C5.912%2C0%2C0%2C1%2C2.264%2C1.924%2C6.746%2C6.746%2C0%2C0%2C1%2C.9%2C3.63q0%2C6.072-6.884%2C6.071t-6.869-6.071A6.169%2C6.169%2C0%2C0%2C1%2C223.3%2C302.7%2C7.306%2C7.306%2C0%2C0%2C1%2C225.125%2C301.358Zm3.722%2C0.814q-5.195%2C0-5.2%2C4.678%2C0%2C4.662%2C5.2%2C4.662t5.21-4.631Q234.057%2C302.171%2C228.847%2C302.172Zm0-9.81q-4.575%2C0-4.574%2C4.13%2C0%2C4.194%2C4.574%2C4.193t4.574-4.146Q233.421%2C292.362%2C228.847%2C292.362Zm21.224-1.048V292.8h-8.745l-0.713%2C7.463a9.763%2C9.763%2C0%2C0%2C1%2C1.581-.642%2C7.952%2C7.952%2C0%2C0%2C1%2C2.094-.25q3.55%2C0%2C5.24%2C2.034a7.1%2C7.1%2C0%2C0%2C1%2C1.365%2C4.662A6.292%2C6.292%2C0%2C0%2C1%2C244.1%2C313a13.576%2C13.576%2C0%2C0%2C1-5.753-1.251l0.512-1.362a14.344%2C14.344%2C0%2C0%2C0%2C5.179%2C1.127q5.21%2C0%2C5.209-5.46%2C0-5.211-4.868-5.21-3.024%2C0-4.218%2C1.924l-1.349-.469%2C1.039-10.983h10.218Zm9.253-.313a4.3%2C4.3%2C0%2C0%2C1%2C3.8%2C1.721%2C8.422%2C8.422%2C0%2C0%2C1%2C.9%2C4.537q0%2C3.5-1.132%2C4.85a4.387%2C4.387%2C0%2C0%2C1-3.566%2C1.424%2C4.273%2C4.273%2C0%2C0%2C1-3.8-1.721%2C8.543%2C8.543%2C0%2C0%2C1-.9-4.569q0-3.473%2C1.132-4.8A4.394%2C4.394%2C0%2C0%2C1%2C259.324%2C291Zm0%2C1.267a2.794%2C2.794%2C0%2C0%2C0-2.682%2C1.346%2C8.308%2C8.308%2C0%2C0%2C0-.558%2C3.629%2C7.351%2C7.351%2C0%2C0%2C0%2C.713%2C3.9%2C2.84%2C2.84%2C0%2C0%2C0%2C2.527%2C1.111%2C2.8%2C2.8%2C0%2C0%2C0%2C2.683-1.346%2C8.233%2C8.233%2C0%2C0%2C0%2C.558-3.645%2C7.271%2C7.271%2C0%2C0%2C0-.713-3.88A2.867%2C2.867%2C0%2C0%2C0%2C259.324%2C292.268Zm1.489%2C20.4h-1.442l12.451-21.356h1.411ZM273.3%2C300.451a4.3%2C4.3%2C0%2C0%2C1%2C3.8%2C1.721%2C8.422%2C8.422%2C0%2C0%2C1%2C.9%2C4.537q0%2C3.5-1.132%2C4.85a4.393%2C4.393%2C0%2C0%2C1-3.566%2C1.424%2C4.3%2C4.3%2C0%2C0%2C1-3.8-1.721%2C8.493%2C8.493%2C0%2C0%2C1-.9-4.569q0-3.472%2C1.132-4.8A4.394%2C4.394%2C0%2C0%2C1%2C273.3%2C300.451Zm0%2C1.283a2.8%2C2.8%2C0%2C0%2C0-2.683%2C1.345%2C8.251%2C8.251%2C0%2C0%2C0-.558%2C3.63%2C7.363%2C7.363%2C0%2C0%2C0%2C.713%2C3.9%2C2.84%2C2.84%2C0%2C0%2C0%2C2.528%2C1.11%2C2.781%2C2.781%2C0%2C0%2C0%2C2.667-1.345%2C8.241%2C8.241%2C0%2C0%2C0%2C.558-3.646%2C7.271%2C7.271%2C0%2C0%2C0-.713-3.88A2.824%2C2.824%2C0%2C0%2C0%2C273.3%2C301.734Z%22%20transform%3D%22translate%28-221.969%20-223%29%22/%3E%0A%20%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22M261.049%2C225.391l-1.181%2C2.537a23.371%2C23.371%2C0%2C0%2C1%2C11.681%2C31.106A23.8%2C23.8%2C0%2C0%2C1%2C240.131%2C270.6a23.37%2C23.37%2C0%2C0%2C1-11.68-31.106A23.713%2C23.713%2C0%2C0%2C1%2C250%2C225.8v-2.805A26.477%2C26.477%2C0%2C1%2C0%2C261.049%2C225.391Z%22%20transform%3D%22translate%28-221.969%20-223%29%22/%3E%0A%3C/svg%3E%0A");
}
.icon-emision {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2253%22%20height%3D%2292.969%22%20viewBox%3D%220%200%2053%2092.969%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%234c4f55%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.cls-1%2C%20.cls-2%20%7B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.cls-2%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C/style%3E%0A%20%20%3C/defs%3E%0A%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M249.513%2C223.005A26.5%2C26.5%2C0%2C1%2C0%2C276%2C249.51V249.5A26.5%2C26.5%2C0%2C0%2C0%2C249.513%2C223.005Zm0%2C50.16A23.665%2C23.665%2C0%2C1%2C1%2C273.18%2C249.5h0a23.662%2C23.662%2C0%2C0%2C1-23.661%2C23.665h-0.006Z%22%20transform%3D%22translate%28-223%20-223%29%22/%3E%0A%20%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22M249.505%2C225.823h0a23.575%2C23.575%2C0%2C0%2C1%2C11.6%2C3.04l1.38-2.46a26.388%2C26.388%2C0%2C0%2C0-12.978-3.4v2.82h0Z%22%20transform%3D%22translate%28-223%20-223%29%22/%3E%0A%20%20%3Cpath%20id%3D%22cyfra%22%20class%3D%22cls-2%22%20d%3D%22M242.51%2C290.99q4.208%2C0%2C6.085%2C2.983%2C1.439%2C2.3%2C1.439%2C8.095a28.761%2C28.761%2C0%2C0%2C1-.313%2C4.813%2C8.675%2C8.675%2C0%2C0%2C1-1.486%2C3.8A6%2C6%2C0%2C0%2C1%2C244.45%2C313a11.529%2C11.529%2C0%2C0%2C1-1.94.158q-4.192%2C0-6.069-2.983-1.44-2.3-1.44-8.158a28.55%2C28.55%2C0%2C0%2C1%2C.313-4.75q0.813-4.56%2C4.161-5.823A8.792%2C8.792%2C0%2C0%2C1%2C242.51%2C290.99Zm0%2C1.484a4.917%2C4.917%2C0%2C0%2C0-4.818%2C2.73q-0.971%2C1.941-.97%2C6.832a28.567%2C28.567%2C0%2C0%2C0%2C.3%2C4.687q0.861%2C4.956%2C5.491%2C4.955a4.93%2C4.93%2C0%2C0%2C0%2C4.834-2.73q0.969-1.941.97-6.88a28.347%2C28.347%2C0%2C0%2C0-.3-4.639Q247.172%2C292.475%2C242.51%2C292.474ZM252.956%2C310.7h2.127l-2.033%2C5.27h-1.111Zm3.3%2C2.146v-1.452H260.4V292.947l-3.895%2C1.546-0.563-1.325%2C4.145-1.862h2v20.088H266v1.452h-9.746Z%22%20transform%3D%22translate%28-223%20-223%29%22/%3E%0A%3C/svg%3E%0A");
}
.icon-emision2 {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C/style%3E%0A%20%20%3C/defs%3E%0A%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M1087.63%2C3945.02a14.585%2C14.585%2C0%2C1%2C0-29.17%2C0c0%2C0.04.01%2C0.07%2C0.01%2C0.11h-2.97c0-.04-0.01-0.07-0.01-0.11a17.56%2C17.56%2C0%2C1%2C1%2C35.12%2C0c0%2C0.04-.01.07-0.01%2C0.11h-2.97v-0.11Zm-22.79-5.56%2C7.28%2C6.69a5.645%2C5.645%2C0%2C0%2C1%2C.93-0.08%2C5.941%2C5.941%2C0%2C1%2C1-5.28%2C3.2Zm8.21%2C15.55a2.98%2C2.98%2C0%2C1%2C0-2.98-2.98A2.987%2C2.987%2C0%2C0%2C0%2C1073.05%2C3955.01Zm-0.04-35.02a25.01%2C25.01%2C0%2C1%2C1-25%2C25.01A25%2C25%2C0%2C0%2C1%2C1073.01%2C3919.99Zm0%2C47.04a22.035%2C22.035%2C0%2C1%2C0-22.03-22.03A22.049%2C22.049%2C0%2C0%2C0%2C1073.01%2C3967.03Z%22%20transform%3D%22translate%28-1048%20-3920%29%22/%3E%0A%3C/svg%3E%0A");
}
.static-article--security img {
    height: auto;
    margin: 0 42px;
    width: auto;
}
.offer-alt-section {
    background: #edeef0 none repeat scroll 0 0;
    padding: 60px 0;
}
.offer-article-desc {
    background: #23262d none repeat scroll 0 0;
}
@media only screen and (min-width: 960px) {
.offer-article-desc {
    -moz-box-direction: normal;
    -moz-box-orient: horizontal;
    display: flex;
    flex-direction: row;
}
}
.offer-article-desc figure {
    overflow: hidden;
}
@media only screen and (min-width: 960px) {
.offer-article-desc figure {
    -moz-box-flex: 0;
    flex: 0 0 50%;
    order: initial;
}
}
.offer-article-desc figure img {
    display: block;
    height: auto;
    min-width: 100%;
}
.offer-article-text {
    -moz-box-flex: 0;
    color: #fff;
    flex: 0 0 50%;
    padding: 35px 45px;
    text-align: center;
}
@media only screen and (min-width: 960px) {
.offer-article-text {
    text-align: left;
}
}
@media only screen and (min-width: 1280px) {
.offer-article-text {
    padding: 75px 95px;
}
}
@media only screen and (min-width: 960px) {
.offer-article-text h2, .offer-article-text p {
    max-width: 450px;
}
}
@media only screen and (min-width: 960px) {
.offer-article-desc--right .offer-article-text {
    -moz-box-align: end;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    text-align: right;
}
.offer-article-text--bottom {
    align-self: flex-end;
}
}
.related-posts {
    padding: 105px 0 175px;
    text-align: center;
}
.related-posts__links {
    font-size: 3rem;
    font-weight: 100;
    line-height: 1.4;
    margin-top: 70px;
    text-align: left;
}
@media only screen and (min-width: 768px) {
.related-posts__links {
    display: flex;
    font-size: 3rem;
}
}
@media only screen and (min-width: 960px) {
.related-posts__links {
    font-size: 4rem;
}
}
.related-posts__links a {
    -moz-box-flex: 0;
    background: #85ca3b none repeat scroll 0 0;
    display: block;
    flex: 0 0 50%;
    padding: 60px 45px;
}
.related-posts__links a:nth-child(2) {
    background: #7dbc3a none repeat scroll 0 0;
}
.related-posts__links .arrow--right {
    display: block;
    left: auto;
    margin-top: 25px;
    position: relative;
    top: auto;
    transform: none;
}
.page-subnav {
    font-size: 2.6rem;
    font-weight: 100;
    list-style: outside none none;
    margin: 60px auto -40px;
}
@media only screen and (min-width: 768px) {
.page-subnav {
    display: flex;
    font-size: 3rem;
    margin-bottom: -80px;
}
}
.page-subnav li {
    -moz-box-direction: normal;
    -moz-box-flex: 0;
    -moz-box-orient: vertical;
    border-bottom: 1px solid #fff;
    display: flex;
    flex: 0 0 33.3%;
    flex-direction: column;
    margin: 0;
    padding: 0;
}
@media only screen and (min-width: 768px) {
.page-subnav li {
    border: 0 none;
}
}
.page-subnav a {
    -moz-box-flex: 1;
    color: #fff;
    display: block;
    flex: 1 1 0;
    height: 100%;
    padding: 20px;
}
@media only screen and (min-width: 768px) {
.page-subnav a {
    padding: 40px;
}
}
.page-subnav a.active, .page-subnav a.active:hover {
    background: #fff none repeat scroll 0 0;
    color: #333740;
    opacity: 1;
}
.page-subnav a:hover {
    opacity: 0.6;
}
.elements-list {
    display: flex;
    flex-wrap: wrap;
    font-size: 3rem;
    font-weight: 100;
    list-style: outside none none;
}
.elements-list li {
    -moz-box-direction: normal;
    -moz-box-flex: 0;
    -moz-box-orient: vertical;
    display: flex;
    flex: 0 0 100%;
    flex-direction: column;
    margin: 70px 0 0;
    padding: 0 20px;
    text-align: center;
}
@media only screen and (min-width: 638px) {
.elements-list li {
    -moz-box-flex: 0;
    flex: 0 0 50%;
}
}
@media only screen and (min-width: 960px) {
.elements-list li {
    -moz-box-flex: 0;
    flex: 0 0 33.3%;
}
}
.elements-list img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.elements-list figure {
    -moz-box-align: center;
    -moz-box-direction: normal;
    -moz-box-flex: 1;
    -moz-box-orient: vertical;
    -moz-box-pack: center;
    align-items: center;
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 40px;
}
.elements-list span {
    line-height: 1.3;
    margin-top: auto;
    min-height: 3.9em;
}
.elements-list p {
    font-size: 1.8rem;
    margin: 20px 0 0;
}
.elements-list h3 {
    font-size: 3rem;
    margin: 20px 0;
}
.elements-desc {
    -moz-box-align: start;
    align-items: flex-start;
}
.elements-desc figure {
    -moz-box-flex: 1;
    flex: 1 1 250px;
}
.section-elements {
    padding: 90px 0;
    text-align: center;
}
.section-elements h2 {
    text-align: center;
}
.offer-card__intro--elements {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.offer-alt-glass .center-img {
    display: block;
    margin: -40px auto -110px;
    max-width: 100%;
    width: auto;
}
.offer-glass-features img {
    margin-top: 70px;
    max-width: 100%;
}
.offer-glass-eco {
    padding-bottom: 0;
}
.static-eco-glass {
    -moz-box-align: center;
    align-items: center;
    padding: 0 40px;
    text-align: left;
}
@media only screen and (min-width: 768px) {
.static-eco-glass {
    display: flex;
    padding: 0;
}
}
.static-eco-glass h3 {
    font-size: 4rem;
}
.static-eco-glass p {
    padding: 0;
}
.static-eco-glass img {
    display: block;
}
.static-eco-glass figure {
    -moz-box-flex: 0;
    display: none;
    flex: 0 0 166px;
    margin: 0 70px 0 35px;
}
@media only screen and (min-width: 768px) {
.static-eco-glass figure {
    display: block;
}
}
.glass-eco-text {
    -moz-box-flex: 1;
    flex: 1 1 50%;
}
@media only screen and (min-width: 768px) {
.glass-eco-text:first-child {
    text-align: right;
}
}
.offer-card__intro-grids img, .offer-card__intro-design img, .offer-card__intro-swarovski img {
    margin-right: 0;
}
.offer-card__intro-design {
    background: #23262d none repeat scroll 0 0;
    color: #fff;
    font-size: 3rem;
    padding-bottom: 100px;
    padding-top: 100px;
    text-align: right;
}
.offer-card__intro-design h2 {
    font-size: 8rem;
}
.offer-card__intro-design figure {
    padding-left: 90px;
    text-align: left;
}
.offer-card__intro-swarovski {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding-bottom: 100px;
    padding-top: 100px;
}
.offer-card__intro-swarovski .offer-card__intro-text img {
    margin-top: 30px;
}
.offer-card__promo {
    background: #edeef0 none repeat scroll 0 0;
    padding-bottom: 100px;
    padding-top: 100px;
    text-align: right;
}
.offer-card__promo .offer-card__intro-wrapper {
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    display: flex;
    flex-direction: column;
}
@media only screen and (min-width: 960px) {
.offer-card__promo .offer-card__intro-wrapper {
    -moz-box-direction: normal;
    -moz-box-orient: horizontal;
    flex-direction: row;
}
}
@media only screen and (min-width: 960px) {
.offer-card__promo .offer-card__intro-text {
    padding-right: 70px;
    text-align: right;
}
}
.offer-card__promo figure {
    -moz-box-align: start;
    -moz-box-direction: normal;
    -moz-box-ordinal-group: 0;
    -moz-box-orient: vertical;
    -moz-box-pack: center;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto 40px;
    order: -1;
    padding-left: 35px;
    text-align: left;
}
@media only screen and (min-width: 960px) {
.offer-card__promo figure {
    margin: 0;
    order: initial;
}
}
.btn-offer {
    background: #ff9000 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 1.6rem;
    margin-top: 40px;
    padding: 20px 30px;
}
.btn-offer:hover {
    color: #fff;
    opacity: 0.8;
}
.advantages-info {
    display: flex;
    margin-bottom: 100px;
    margin-top: 100px;
}
.advantages-info figure {
    -moz-box-flex: 0;
    flex: 0 0 480px;
    margin: 0 100px;
}
.advantages-info h3 {
    margin: 40px 0 20px;
}
.advantages-info img {
    height: auto;
    margin: 0 auto;
    max-height: none;
    width: auto;
}
.advantages-desc {
    text-align: left;
}
.advantages-desc:first-child {
    text-align: right;
}
.advantages-desc p {
    padding: 0;
}
.design-wrap {
    display: flex;
    margin: 80px 0 0;
}
.design-wrap figure {
    -moz-box-align: end;
    -moz-box-direction: normal;
    -moz-box-flex: 0;
    -moz-box-orient: vertical;
    align-items: flex-end;
    display: flex;
    flex: 0 0 50%;
    flex-direction: column;
    padding-right: 50px;
}
.design-wrap figure img {
    display: block;
    max-height: none;
    width: auto;
}
.design-wrap:nth-child(2n) .design-desc {
    padding-left: 0;
    padding-right: 50px;
    text-align: right;
}
.design-wrap:nth-child(2n) figure {
    -moz-box-align: start;
    align-items: flex-start;
    padding-left: 50px;
    padding-right: 0;
}
.design-desc {
    -moz-box-flex: 0;
    align-self: center;
    flex: 0 0 50%;
    padding-left: 50px;
    text-align: left;
}
.design-desc p {
    padding: 0;
}
.static-article--design {
    padding-bottom: 120px;
}
.static-article--power {
    padding-bottom: 120px;
}
.static-article--power img {
    display: block;
    margin: 30px auto 0;
    max-width: 820px;
    width: 100%;
}
@media only screen and (min-width: 1280px) {
.static-article--power img {
    margin: -40px auto 0;
}
}
.offer-card__intro--matrix {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding-bottom: 100px;
    padding-top: 100px;
}
.offer-card__intro--matrix figure {
    align-self: center;
    padding-right: 80px;
}
.offer-card__intro--matrix img {
    margin: 0;
    max-width: 310px;
}
.offer-schema {
    padding-bottom: 100px;
    padding-top: 80px;
}
.offer-schema h2 {
    margin-top: 0;
}
.insert-schema {
    -moz-box-pack: center;
    display: flex;
    justify-content: center;
    text-align: left;
}
.insert-schema h3 {
    margin-bottom: 0;
    margin-top: 80px;
}
.insert-schema h3:first-child {
    margin-top: 0;
}
.insert-schema p {
    padding: 0;
}
.insert-schema figure {
    margin: 0 20px;
}
.insert-schema-desc:first-child {
    text-align: right;
}
.owl-carousel--glass {
    font-size: 3rem;
    font-weight: 100;
    list-style: outside none none;
    margin-bottom: 80px;
    position: relative;
}
.owl-carousel--glass::before, .owl-carousel--glass::after {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0.66) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 40%;
    z-index: 100;
}
.owl-carousel--glass::after {
    background: rgba(0, 0, 0, 0) linear-gradient(to left, rgba(255, 255, 255, 0.66) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;
    left: auto;
    right: 0;
}
.owl-carousel--glass .owl-stage {
    display: flex;
}
.owl-carousel--glass .owl-item {
    min-height: 440px;
    padding: 0 30px 120px;
    position: relative;
    transition: padding 0.2s ease-in-out 0s;
}
.owl-carousel--glass img {
    display: block;
    margin: 0 auto;
}
.owl-carousel--glass figure {
    transform: scale(0.7);
    transition: transform 0.2s ease-in-out 0s, -webkit-transform 0.2s ease-in-out 0s;
}
.owl-carousel--glass .active.center {
    padding: 0 15px 50px;
}
.owl-carousel--glass .active.center figure, .owl-carousel--glass .active.center figcaption {
    font-size: 3rem;
    transform: scale(1);
}
.owl-carousel--glass .active.center figcaption {
    min-height: 1.5em;
}
.owl-carousel--glass figcaption {
    bottom: 0;
    font-size: 2rem;
    left: 0;
    min-height: 2em;
    position: absolute;
    text-align: center;
    transition: font-size 0.2s ease-in-out 0s;
    width: 100%;
}
.blog-wrapper {
    padding: 60px 30px;
}
@media only screen and (min-width: 960px) {
.blog-wrapper {
    display: flex;
}
}
@media only screen and (min-width: 1440px) {
.blog-wrapper {
    padding: 120px 0;
}
}
.blog-content {
    -moz-box-flex: 1;
    flex: 1 1 960px;
    font-size: 1.8rem;
}
@media only screen and (min-width: 960px) {
.blog-content {
    margin-right: 60px;
}
}
.post {
    margin: 0 0 85px;
    text-align: center;
}
.post h2, .post h1 {
    font-size: 3.6rem;
    line-height: 1.4;
}
.post-header {
    position: relative;
}
.post-header a {
    color: #2f3137;
}
.post-header img {
    display: block;
    height: auto;
    max-width: 100%;
}
.post-header--img h2, .post-header--img h1 {
    margin-bottom: 30px;
}
@media only screen and (min-width: 960px) {
.post-header--img a {
    color: #fff;
    display: inline-block;
    position: relative;
    z-index: 3;
}
.post-header--img a::after {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.post-header--img h2, .post-header--img h1 {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.35) 20%, rgba(0, 0, 0, 0.5) 100%) repeat scroll 0 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 35px 45px;
    position: absolute;
    width: 100%;
    z-index: 3;
}
}
.post-meta {
    color: rgba(47, 49, 55, 0.4);
    font-size: 14px;
    font-weight: 700;
    margin: 30px 0 25px;
    text-transform: uppercase;
}
.post-meta a {
    color: rgba(47, 49, 55, 0.4);
}
.post-meta time {
    margin-left: 10px;
    padding-left: 60px;
    position: relative;
}
.post-meta time::before {
    background: rgba(47, 49, 55, 0.4) none repeat scroll 0 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 50px;
}
.blog-sidebar {
    -moz-box-flex: 0;
    flex: 0 0 300px;
}
@media only screen and (min-width: 1280px) {
.blog-sidebar {
    -moz-box-flex: 0;
    flex: 0 0 420px;
}
}
.blog-sidebar h3 {
    font-size: 2.8rem;
    margin-bottom: 30px;
}
.blog-sidebar a {
    color: #2f3137;
}
.blog-sidebar a:hover {
    opacity: 0.8;
}
.sidebar-section, .widget {
    font-size: 1.4rem;
    margin-bottom: 55px;
}
.sidebar-newsletter-form {
    display: flex;
}
.sidebar-newsletter-form input[type="email"] {
    -moz-box-flex: 1;
    background: #eaeaeb none repeat scroll 0 0;
    border: 0 none;
    flex: 1 1 0;
    height: auto;
    padding-bottom: 20px;
    padding-top: 20px;
}
.sidebar-newsletter-form input[type="email"]:focus {
    background: #eaeaeb none repeat scroll 0 0;
}
.sidebar-newsletter-form .newsletter-send {
    margin-left: 0;
}
.sidebar-newsletter-form .newsletter-send:focus {
    outline: 0 none;
}
.widget_categories ul, .widget_archive ul {
    font-weight: bold;
    list-style: outside none none;
    text-transform: uppercase;
}
.widget_categories ul li, .widget_archive ul li {
    margin: 20px 0;
}
.widget_tag_cloud {
    font-size: 1.5rem;
    line-height: 1.4;
    list-style: outside none none;
    margin: 40px 0;
}
.widget_tag_cloud li {
    display: inline-block;
}
.tag-size1 {
    font-size: 1.7rem;
}
.tag-size2 {
    font-size: 2.1rem;
}
.tag-size3 {
    font-size: 2.6rem;
}
.year-trigger {
    cursor: pointer;
    display: block;
    font-weight: 700;
    margin: 20px 0;
    padding-left: 18px;
    position: relative;
}
.year-trigger::before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: transparent transparent transparent #000;
    border-image: none;
    border-style: solid;
    border-width: 5px;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 2px;
    transition: transform 0.2s ease-in-out 0s, -webkit-transform 0.2s ease-in-out 0s;
    width: 0;
}
.year-trigger.expanded {
    pointer-events: none;
}
.year-trigger.expanded::before {
    top: 4px;
    transform: rotate(90deg);
}
.post-full h1 {
    font-size: 4.1rem;
    line-height: 1.3;
    margin-top: -20px;
}
@media only screen and (min-width: 1440px) {
.post-full h1 {
    font-size: 5.1rem;
    margin-top: -45px;
}
}
.post-full .post-meta {
    margin: 30px 0 40px;
}
.post-full .post-content {
    font-size: 2rem;
    line-height: 1.6;
    margin: 40px 0;
    text-align: left;
}
.post-full .post-content p {
    margin: 40px 0;
}
.post-full .post-content ol, .post-full .post-content ul {
    margin-left: 2.2em;
}
.post-full img {
    height: auto;
    max-width: 100%;
}
.post-categories {
    display: none;
}
.blog-sidebar #newsletter-success-msg, .blog-sidebar #newsletter-error-msg {
    display: none;
}
.blog-sidebar .sidebar-newsletter-form {
    display: block;
}
.sidebar-form-wrap {
    display: flex;
}
.posts-pagination {
    display: flex;
}
.posts-pagination a {
    color: #000;
}
.posts-pagination .next-posts {
    margin-left: auto;
}
.post-full .post-content {
    padding-right: 100px;
}
.ssba-wrap {
    float: right;
    margin-right: -100px;
    width: 62px;
}
.ssba-wrap > div {
    height: 62px;
    overflow: hidden;
}
.ssba-wrap .btn-share-extend {
    border: 1px solid #eaeaeb;
    color: #d9d7d9;
    cursor: pointer;
    display: block;
    font-size: 40px;
    height: 44px;
    line-height: 40px;
    margin-left: 9px;
    margin-top: 9px;
    position: relative;
    text-align: center;
    width: 44px;
    z-index: 10;
}
.ssba-wrap.display-btns .btn-share-extend {
    display: none;
}
.ssba-wrap.display-btns > div {
    height: auto;
}
.related-posts-bottom {
    background: #edeef0 none repeat scroll 0 0;
    font-size: 2.4rem;
    padding: 50px 30px 55px;
}
@media only screen and (min-width: 1440px) {
.related-posts-bottom {
    padding: 50px 0 55px;
}
}
.related-posts-bottom h3 {
    font-size: 3rem;
    margin: 0 0 45px;
}
.related-posts-bottom ul {
    display: flex;
    flex-wrap: wrap;
}
@media only screen and (min-width: 960px) {
.related-posts-bottom ul {
    flex-wrap: nowrap;
}
}
.related-posts-bottom li {
    -moz-box-direction: normal;
    -moz-box-flex: 0;
    -moz-box-orient: vertical;
    display: flex;
    flex: 0 0 100%;
    flex-direction: column;
    margin-bottom: 30px;
    padding-right: 30px;
    text-align: left;
}
@media only screen and (min-width: 768px) {
.related-posts-bottom li {
    -moz-box-flex: 0;
    flex: 0 0 50%;
}
}
@media only screen and (min-width: 960px) {
.related-posts-bottom li {
    -moz-box-flex: 0;
    flex: 0 0 25%;
}
}
.related-posts-bottom .crp_date {
    -moz-box-ordinal-group: 2;
    display: block;
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 20px;
    order: 1;
}
.related-posts-bottom .crp_title {
    -moz-box-ordinal-group: 3;
    color: #23262d;
    display: inline-block;
    font-weight: 100;
    line-height: 1.4;
    order: 2;
    position: relative;
}
.crp_title {
    padding-bottom: 30px;
}
.crp_title:hover .arrow--right {
    width: 120px;
}
.crp_title .arrow--right {
    background-color: #23262d;
    bottom: 0;
    left: 0;
    top: auto;
    transform: none;
}
.crp_title .arrow--right::before, .crp_title .arrow--right::after {
    background-color: #23262d;
    top: -3px;
    width: 10px;
}
.crp_title .arrow--right::after {
    top: 4px;
}
.form-msgs > div {
    margin-top: 20px;
}
.disclaimer {
    display: block;
    font-size: 1.2rem;
    line-height: 1.3;
    margin-top: 10px;
    max-width: 500px;
}
html:lang(de-DE) .offers .grid--4col .box__grid {
    font-size: 3rem;
}
html:lang(de-DE) .offers .grid--2col .box__grid {
    font-size: 3.4rem;
}
@media only screen and (min-width: 1280px) {
.col-2--wrapper.installator-contest h2 {
    margin-top: 10px;
}
.col-2--wrapper.installator-contest .contest-image .arrow--wrapper.arrow--two--line.arrow--wrapper-small {
    margin-right: 40px;
    padding-bottom: 52px;
}
.col-2--wrapper.installator-contest .contest-image .arrow--wrapper.arrow--two--line.arrow--wrapper-small .arrow--right {
    margin-left: 77px;
    margin-top: -18px;
}
}
.competition-page .static-article--full .contest-image {
    -moz-box-align: center;
    -moz-box-pack: justify;
    align-items: center;
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
}
@media only screen and (min-width: 1280px) {
.competition-page .static-article--full .contest-image {
    -moz-box-align: end;
    align-items: flex-end;
}
}
.competition-page .static-article--full .contest-image img {
    height: auto;
    max-height: none;
}
@media only screen and (min-width: 1280px) {
.installator-contest .col-1-2.contest-rules {
    margin-bottom: 60px;
    padding: 0 0 0 46px;
    text-align: left;
}
}
.installator-contest .col-1-2.contest-rules h2 {
    margin-top: 0;
}
.installator-contest .col-1-2.contest-rules ul.dash {
    list-style: outside none none;
    margin-left: 0;
    padding-left: 40px;
}
.installator-contest .col-1-2.contest-rules ul.dash li {
    font-size: 2rem;
    line-height: 1.5;
    padding: 0;
}
.installator-contest .col-1-2.contest-rules ul.dash li::before {
    content: "-";
    display: inline-block;
    margin-left: -1em;
    width: 1em;
}
