:root {
    --space-60: 60px;
    --space-50: 50px;
    --space-40: 40px;
    --space-25: 25px;
    --font-48: 48px;
    --font-40: 40px;
    --font-36: 36px;
    --font-35: 35px;
    --font-30: 30px;
    --font-26: 26px;
    --font-24: 24px;
    --container-padding: 40px
}

body {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    background: url(https://www.wirex.pl/static/images/xbody_bg.png.pagespeed.ic.s_7zSe9XzR.webp) no-repeat top right
}

body.customBackground {
    background: #fff
}

a, input, select, textarea, option, button {
    outline: none !important
}

em {
    padding-right: 2px
}

h1 {
    font-size: var(--font-35);
    font-weight: 800;
    color: #000;
    margin-bottom: 42px
}

h2 {
    text-align: center;
    font-size: var(--font-26);
    color: #000;
    margin-bottom: 15px;
    font-weight: 800
}

h3 {
}

h4 {
}

h5 {
}

a {
    color: #8adb00
}

a:hover, a:focus {
    color: #8adb00
}

.animationDuration {
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.mourning {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.icon-mask.icon-mask {
    -webkit-mask-size: cover;
    -mask-size: cover;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: currentColor
}

#page, #content {
    overflow: hidden
}

.container {
    clear: both;
    margin: 0 auto;
    padding-left: var(--container-padding);
    padding-right: var(--container-padding);
    max-width: 1670px;
    width: 100%
}

.container-md {
    max-width: 1350px
}

.text {
    overflow: visible
}

.text ul, .text ol ul, .text ul ul {
    list-style: none;
    padding-bottom: 10px
}

.text ul, .text ol {
    padding-left: 40px
}

.text ul > li {
    left: 25px;
    padding-right: 25px;
    position: relative
}

.text ul > li::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    left: -13px;
    margin-left: -6px;
    font-family: sans-serif;
    position: relative;
    background: #8adb00;
    top: -2px
}

h1, h2, h3, h4, h5, h6 {
    overflow: visible;
    position: relative;
    z-index: 5
}

.text table {
    margin: 30px 0
}

.text table tr:nth-child(odd) {
    background: #f9f9f9
}

.text table td {
    padding: 12px 12px
}

.article-text {
    font-size: 15px;
    line-height: 26px;
    color: #000
}

.text.txt {
    font-size: 15px;
    line-height: 26px;
    color: #000;
    margin-bottom: 0
}

.text.txt p, .article-text p {
    margin-bottom: 15px
}

.text.txt td p {
    margin-bottom: 0
}

.text.txt p:last-child, .article-text p:last-child {
    margin-bottom: 0
}

.text a:hover {
    text-decoration: underline
}

a, button {
    transition: all 300ms ease-out
}

body > svg {
    display: none
}

a, button, input, select {
    outline: none !important
}

.vcenter {
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative
}

.clear:after {
    content: '';
    display: block;
    clear: both
}

.mask {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    z-index: 5
}

#container-page {
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden
}

header {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
    max-width: 1920px;
    margin: 0 auto
}

@media screen and (min-width: 1140px) {
    header.sticky {
        background-color: #fff
    }

    header.sticky .logo a img.img1, header.sticky .logo a img.img2 {
        display: none
    }

    .mainpage header.sticky .nav-toggle span {
        background-color: #000
    }

    .mainpage header.sticky .nav-toogle-box span.caption {
        color: #000
    }

    header.sticky .logo a img {
        height: 20px
    }

    header.sticky .top {
        padding-top: 6px;
        padding-bottom: 6px
    }

    header.sticky .logo {
        padding: 16px 0
    }

    header.sticky .langs-menu-short {
        color: #000
    }

    header.sticky .lang-button .arrow {
        color: #000
    }
}

.mainpage header .container {
    max-width: 100%
}

.top {
    padding-top: 21px;
    padding-bottom: 22px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    position: relative;
    transition: all 300ms ease-out
}

header.sticky .logo a img.img3 {
    display: block;
    height: 28px
}

header.sticky .logo a img.img2 {
    display: none
}

header:not(.sticky) .top {
    border-bottom-color: transparent
}

.logo {
    float: left;
    transition: all .3s ease-out, transition .3s;
    position: relative;
    z-index: 1001;
    width: 30%;
    text-align: center
}

.logo a {
    text-align: center;
    display: block;
    padding: 0
}

.logo a img {
    display: block;
    transition: all 300ms ease-out;
    max-width: 100%;
    height: 47px
}

.logo a img.img1 {
    display: none
}

.logo a img.img2 {
    display: block
}

.logo a img.img3 {
    display: none
}

@media screen and (min-width: 1140px) {
    .mainpage .logo a img.img1 {
        display: block
    }

    .mainpage .logo a img.img2 {
        display: none
    }
}

.top-right {
    width: 70%;
    float: right
}

.top-right .container {
    max-width: 1350px
}

.nav-toogle-box {
    float: right;
    margin-left: 18px
}

.nav-toogle-box .nav-toggle {
    float: none;
    width: 36px;
    margin: 0 0 0 12px
}

.nav-toggle span {
    margin-top: 8px
}

.nav-toggle.active span.l3 {
    margin-top: -12px
}

.nav-toogle-box .caption {
    display: block;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    float: right;
    transition: color .5s
}

.subpage .nav-toogle-box .caption {
    color: #000
}

button.nav-toggle.active + .caption {
    display: none
}

button.nav-toggle.active {
    width: 48px;
    height: 48px;
    border: 1px solid rgba(255, 255, 255, .3);
    padding: 6px
}

.body-block {
    position: fixed;
    width: 100%
}

#main-menu {
    display: none
}

.nav-toggle {
    display: block
}

a.storage-link {
    display: block;
    float: right;
    width: 48px;
    height: 48px;
    border: 1px solid #fff;
    margin-left: 13px;
    position: relative;
    z-index: 2000
}

.sticky a.storage-link {
    border-color: #000;
    margin-top: 2px
}

.subpage a.storage-link {
    border-color: #ddd
}

a.storage-link svg, a.storage-link svg * {
    fill: transparent
}

body:not(.sticky).mainpage a.storage-link svg, body:not(.sticky).mainpage a.storage-link svg *, .body-block a.storage-link svg, .body-block a.storage-link svg * {
    fill: #fff
}

.savedProducts-counter {
    position: absolute;
    top: -9px;
    right: -9px;
    height: 18px;
    width: 18px;
    background-color: red;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-weight: 900;
    transition: top .4s
}

.sticky .savedProducts-counter {
    top: -4px
}

.rwd-panel {
    background: url(../images/menu_bg.jpg) no-repeat top center / cover
}

.rwd-panel:not(.rwd-lang):before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .8)
}

.about-box .about-right-content .text.txt {
    font-weight: 300;
    color: #c3c3c3
}

.about-box .btn.btn-more:hover {
    background-color: #fff;
    color: #000
}

@media screen and (min-width: 1140px) {
    .rwd-panel-wrapper {
        pointer-events: visible;
        overflow-x: hidden;
        height: inherit;
        background: transparent;
        border-top: 1px solid rgba(255, 255, 255, .2)
    }

    .rwd-menu ul > li {
        border: 0 none;
        text-align: left
    }

    .rwd-menu-wrapper-content {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        padding-left: var(--container-padding);
        padding-right: var(--container-padding);
        max-width: 1670px;
        width: 100%;
        float: none;
        left: 0;
        right: 0;
        margin: 0 auto
    }

    ul.clone-ul .glyphicon-bg {
        display: none
    }

    .rwd-menu ul > li:hover > ul {
        display: flex;
        flex-direction: column;
        opacity: 1;
    }

    .rwd-menu ul > li ul {
        border-right: none
    }

    .rwd-menu-wrapper-content > ul > li > ul {
        left: unset;
        right: 0;
        width: calc(100% - 404px);
        /*columns: 2;*/
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        max-height: 510px;
    }

    @-moz-document url-prefix() {
        .rwd-menu-wrapper-content > ul > li > ul {
            scrollbar-width: thin;
            scrollbar-color: #8adb00 /*thumb*/ #fff /*background*/;
        }
    }
    @supports selector(::-webkit-scrollbar) {
        .rwd-menu-wrapper-content > ul > li > ul::-webkit-scrollbar-button {
            display: none;
        }

        .rwd-menu-wrapper-content > ul > li > ul::-webkit-scrollbar {
            background: #fff;
            width: 2px;
        }

        .rwd-menu-wrapper-content > ul > li > ul::-webkit-scrollbar-thumb {
            background: #8adb00;
        }
    }

    .rwd-menu-wrapper-content > ul > li > ul > li > ul {
        position: static;
        flex-wrap: wrap;
        display: none
    }

    .rwd-menu-wrapper-content > ul > li > ul > li > ul > li > a {
        padding: 15px 0;
        padding-left: 45px;
        font-size: 16px
    }

    .rwd-menu-wrapper-content > ul > li > ul > li > ul > li > a {
        text-transform: none;
        font-weight: 700;
    }

    .rwd-menu-wrapper-content > ul > li > ul > li > ul {
        display: flex;
        position: absolute;
        left: 100%;
        top: 0;
        opacity: 0;
        transition: opacity 0.3s;
    }

    .rwd-menu-wrapper-content > ul > li > ul > li > a {
        padding-left: 45px !important
    }

    .rwd-menu-wrapper-content > ul > li > ul > li {
        width: 40%;
        display: inline-flex;
        flex-direction: column;
        vertical-align: unset;
        position: relative;
    }

    .rwd-menu ul {
        z-index: 597;
        float: left;
        width: 365px;
        border-right: 1px solid rgba(255, 255, 255, .3)
    }

    .rwd-menu ul li {
        float: none;
        line-height: 1.3em;
        vertical-align: middle;
        zoom: 1
    }

    .rwd-menu ul ul {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 598;
        width: 100%
    }

    .rwd-menu ul ul li {
        float: none
    }

    .rwd-menu ul ul {
        top: 0;
        left: 100%
    }

    .rwd-menu ul > li > a:before {
        content: '';
        display: inline-block;
        width: 23px;
        height: 1px;
        background: #fff;
        vertical-align: middle;
        margin-right: 30px
    }

    .rwd-menu ul li ul li a:before {
        display: none
    }

    .rwd-menu ul li ul li a {
        padding-left: 53px
    }

    .rwd-menu ul li a {
        display: block;
        font-size: 18px;
        text-transform: uppercase;
        padding: 27px 0;
        color: #fff;
        transition: none;
        letter-spacing: .05em
    }

    .rwd-menu ul > li > a:hover {
        color: #8bdb00
    }

    .rwd-menu ul li:hover > a {
        color: #8bdb00
    }
}

header .social-list > ul {
    width: 100%;
    max-width: 1670px;
    padding-left: var(--container-padding);
    padding-right: var(--container-padding);
    float: none;
    border: 0;
    text-align: right;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 50px
}

header .social-list > ul > li.social-item a:before {
    display: none
}

.slider, .main-slider, .slider .slide, .slider .slider-photo {
    height: 100vh;
    min-height: 600px;
    position: relative;
    overflow: hidden;
    max-height: 970px
}

.video-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    transition: opacity .4s;
    pointer-events: none
}

.video-background iframe {
    width: 100%;
    height: 100%;
    pointer-events: none
}

.hasVideo video {
    width: 100%;
    height: 100%;
    pointer-events: none;
    object-fit: cover
}

.slider-text {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 128px 40px 0;
    z-index: 15
}

.text-box-container .slider-text {
    top: 56%;
}

/*.main-slider .titleSvg {*/
/*    font-size: 240px;*/
/*}*/

.titleSvg {
    position: absolute;
    left: 53px;
    font-size: 14.6vw;
    /*font-size: 280px;*/
    font-weight: 800;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, .3);
    top: -74px
}

.title1 {
    line-height: 106%;
    color: #fff;
    font-size: 150px;
    font-weight: 800;
    margin-bottom: 24px
}

.title2 {
    font-weight: bold;
    font-size: var(--font-24);
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .2em;
    margin-bottom: 43px
}

a.btn.slider-btn-more {
    border: 1px solid #fff;
    border-radius: 0;
    width: 160px;
    height: 46px;
    line-height: 44px;
    display: block;
    padding: 0;
    color: #fff;
    margin: 0 auto;
    letter-spacing: .05em
}

.video-box-container.scrollShow .video-background {
    opacity: 1
}

@media screen and (min-width: 1140px) {
    a.btn.slider-btn-more:hover {
        background: #fff;
        color: #000
    }

    .slider .titleSvg, .slider .title1, .slider .title2, .slider a.btn.slider-btn-more {
        opacity: 0;
        transition: transform 1s, opacity 1s
    }

    .slider .titleSvg {
        -webkit-transform: translate3d(-70px, -70px, 0);
        -moz-transform: translate3d(-70px, -70px, 0);
        -ms-transform: translate3d(-70px, -70px, 0);
        -o-transform: translate3d(-70px, -70px, 0);
        transform: translate3d(-70px, -70px, 0)
    }

    .slider .title1 {
        transition-delay: .8s;
        -webkit-transform: translate3d(-50px, 50px, 0);
        -moz-transform: translate3d(-50px, 50px, 0);
        -ms-transform: translate3d(-50px, 50px, 0);
        -o-transform: translate3d(-50px, 50px, 0);
        transform: translate3d(-50px, 50px, 0)
    }

    .slider .title2 {
        transition-delay: 1.6s;
        -webkit-transform: translate3d(30px, 0, 0);
        -moz-transform: translate3d(30px, 0, 0);
        -ms-transform: translate3d(30px, 0, 0);
        -o-transform: translate3d(30px, 0, 0);
        transform: translate3d(30px, 0, 0)
    }

    .slider a.btn.slider-btn-more {
        transition-delay: 2.4s;
        -webkit-transform: translate3d(0, 30px, 0);
        -moz-transform: translate3d(0, 30px, 0);
        -ms-transform: translate3d(0, 30px, 0);
        -o-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0)
    }

    .slider .titleSvg.activated, .slider .title1.activated, .slider .title2.activated, .slider a.btn.slider-btn-more.activated {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .video-box-container:hover .video-background {
        opacity: 1
    }
}

.slider-photo {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    max-height: 950px
}

@media screen and (min-width: 1140px) {
    .slider-photo {
        -webkit-animation-duration: 20s;
        -moz-animation-duration: 20s;
        -o-animation-duration: 20s;
        animation-duration: 20s;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-animation-name: animate3;
        -moz-animation-name: animate3;
        -o-animation-name: animate3;
        animation-name: animate3;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }
}

@keyframes animate3 {
    0% {
        -webkit-transform: translate(0, 0) scale(1.1);
        -moz-transform: translate(0, 0) scale(1.1);
        -ms-transform: translate(0, 0) scale(1.1);
        -o-transform: translate(0, 0) scale(1.1);
        transform: translate(0, 0) scale(1.1);
    }

    25% {
        -webkit-transform: translate(50px, 0) scale(1.1);
        -moz-transform: translate(50px, 0) scale(1.1);
        -ms-transform: translate(50px, 0) scale(1.1);
        -o-transform: translate(50px, 0) scale(1.1);
        transform: translate(50px, 0) scale(1.1);
    }

    50% {
        -webkit-transform: translate(0, 0) scale(1.1);
        -moz-transform: translate(0, 0) scale(1.1);
        -ms-transform: translate(0, 0) scale(1.1);
        -o-transform: translate(0, 0) scale(1.1);
        transform: translate(0, 0) scale(1.1);
    }

    75% {
        -webkit-transform: translate(-50px, 0) scale(1.1);
        -moz-transform: translate(-50px, 0) scale(1.1);
        -ms-transform: translate(-50px, 0) scale(1.1);
        -o-transform: translate(-50px, 0) scale(1.1);
        transform: translate(-50px, 0) scale(1.1);
    }

    100% {
        -webkit-transform: translate(0, 0) scale(1.1);
        -moz-transform: translate(0, 0) scale(1.1);
        -ms-transform: translate(0, 0) scale(1.1);
        -o-transform: translate(0, 0) scale(1.1);
        transform: translate(0, 0) scale(1.1);
    }
}

.slide .container {
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    bottom: 0;
    max-width: 1670px !important;
}

.slider-photo img {
    display: none
}

.product-list-slider button.slick-arrow {
    width: 40px;
    height: 40px;
    position: absolute;
    border: 0 none;
    border-radius: 0;
    color: #fff;
    background: transparent;
    z-index: 2;
    top: calc(-1 * (var(--space-50) + 5px)); 
    padding: 3px
}

.main-slider button.slick-arrow {
    width: 40px;
    height: 40px;
    position: absolute;
    border: 0 none;
    border-radius: 0;
    color: #fff;
    background: transparent;
    z-index: 2;
    bottom: calc(2 * var(--space-50));
    padding: 3px
}

.product-list-slider button.slick-next {
    right: 0
}

.main-slider button.slick-next {
    right: calc((2 * var(--space-40)) + 40px);
    transform: rotate(180deg);
}

.svgArrow {
    background: url(../images/icons/arrow_white.svg) no-repeat center center / 100% 100%;
    display: block;
    width: 100%;
    height: 100%;
    position: relative
}

.product-list-slider button .svgArrow {
    background: url(../images/icons/arrow_black.svg) no-repeat center center / 100% 100%
}

.product-list-slider button.slick-next .svgArrow {
    transform: rotate(180deg);
    transform-origin: 50% 50%
}

.product-list-slider button.slick-prev {
    right: 40px
}

.main-slider button.slick-prev {
    left: calc((2 * var(--space-40)) + 40px)
}

.product-list-slider {
    position: relative
}

@media screen and (min-width: 1140px) {
    .main-slider .slick-arrow:hover .svgArrow {
        background: url(../images/icons/arrow_black.svg) no-repeat center center / 100% 100%
    }
}

.mask.slide-mask {
    background: url(../images/slider_mask.png) no-repeat center bottom /100% auto
}

.mask.slide-mask2 {
    display: block
}

.mask.slide-mask2 img {
    position: absolute;
    right: 0;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 55px;
    max-width: 42%
}

@keyframes bouncing {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    25% {
        -webkit-transform: translate3d(0, -10px, 0);
        -moz-transform: translate3d(0, -10px, 0);
        -ms-transform: translate3d(0, -10px, 0);
        -o-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    50% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        -moz-transform: translate3d(0, 10px, 0);
        -ms-transform: translate3d(0, 10px, 0);
        -o-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    100% {
    }
}

.mouse {
    display: block;
    position: absolute;
    z-index: 6;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 0;
    bottom: 50px;
    background: url(data:image/webp;base64,UklGRuICAABXRUJQVlA4WAoAAAAQAAAAPQAAKwAAQUxQSFMBAAAJkBjZtmlbM8AXgW3btm3btm3btu1vbKydQERMQJMGVG42ulTp0ujSUCXDS7Skq5PeAsBpQ5UNJwB41fymxjet178w66uG7wz+HTmkwlAk/vtd55Heo+73/+HAip7VPliLK6hVFIPd/JjWsQU473V/Uvqpe8eDvmhKMX3g91mgs+ANgR+aH1Q+ND9EYNWFiusqxCZ30OhIguCfBjcUbgx+isKZMQWTM4ivz5GXUweZ9juyduwh9Vnru5zv2s9yMBEkJ2gcskPGZIyHQPo3nRdxL9rf5GHHVpztDijm1oqqywVN0zMxZyYgeqMvRv+GCjoTRCR2gq77Ct+KGwi/a33yfGq9U8KCJ4/XAmjH9bL1xoL4D707lnu9H9RwbMFifgz6FUX/K6qAitb7/zqwhpKPOj/++qH9qAaGw/8KH4aq/tPAjD+U/dJ+fdX6UgcbTk4bkAsAVlA4IGgBAACwCwCdASo+ACwAPjEUhkKiIQyvbswQAYJaADKOUF+gfkBps/xg4Szur+yuJN/c/yj/pO8c/277Je4B5gP0d6gHoAfox1gHoAfsd6VP/A9x79gP2A9lkE1MWV7wd5mo1B4ToKjbulAA/vKIMW11r3GtKW+V/rltxkaiiJQxnXbyBR7buknwJGlTggbfzQYwGZ4ul/HtP/5ttTteGzs9kVUo23cednpD579i/mB6WkhjQOEzY1/cPPT893qYv//Vc//+3R//2zN//7ayZQqHQhtqKLUHovOnjMACoCJNcEhearWV/g/P8buPDrF9nTr4N68N+wazWiP79c3Yav//MvkP//MvWf5nuBqh/qpaj6d3xOCHRQ3Q4RDAAVBlabjSRiOeTl+1U/LsMHweEkOWFYEjz/NdCD6BmJzjQk/l/y41A/59n//6wHr//1V287vT5y7byGJC+a/Z+9u8uB5ArOAoox86rhtnEAA=) no-repeat top center;
    width: 62px;
    height: 44px;
    border: 0 none;
    padding: 0;
    animation: bouncing linear 4s infinite
}

.mouse span {
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
    display: block;
    padding: 0 15px;
    margin-top: -13px
}

.mouse svg {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: 0 auto
}

.offer-box-container {
}

.offer-header {
    background: url(https://www.wirex.pl/static/images/xoffer_header_bg.jpg.pagespeed.ic.URYHw8lCUg.webp) no-repeat top center;
    padding-top: 14px;
    padding-bottom: 14px
}

.offer-box-container h1 {
    font-size: calc(var(--font-26) + 2px);
    color: #fff;
    margin-bottom: 0;
    width: 100%;
    text-align: center
}

.offer-box {
    font-size: 0;
    background: url(https://www.wirex.pl/static/images/offer_bg.jpg) no-repeat center center;
    background-size: contain;
    display: flex;
    flex-wrap: wrap
}

.offer-box > * {
    font-size: 1rem
}

.offer-item {
    width: 50%;
    display: flex;
    margin-left: -1px;
    z-index: 1;
    margin-bottom: -1px;
    position: relative;
    transition: all 300ms ease-out
}

.offer-item a:hover {
    text-decoration: none !important
}

.offer-item a {
    display: flex;
    align-items: center;
    width: 100%
}

.offer-item img {
    display: block;
    max-width: 100%;
    transition: transform .4s, filter .4s;
    margin-left: 30px;
    margin-right: 30px;
    max-height: 420px;
    padding-top: 10px;
    padding-bottom: 10px
}

.content-main .offer-item img {
    max-height: 250px
}

.offer-item.half img {
    max-width: 50%;
    padding: 8px 0
}

.offer-text {
    position: absolute;
    width: 42%;
    padding: 37px 14px 46px;
    right: 0;
    top: 0
}

.offer-item:first-child {
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5
}

.offer-item:nth-child(2) {
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

.offer-item:nth-child(3) {
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5
}

.offer-item:nth-child(4) {
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5
}

.offer-item:hover {
    border-color: #8adb00 !important;
    z-index: 2
}

.offer-text h3 {
    font-weight: 800;
    font-size: var(--font-36);
    color: #000;
    letter-spacing: -.02em;
    margin-bottom: 39px
}

.btn.btn-more {
    border: 1px solid #e5e5e5;
    border-radius: 0;
    width: 160px;
    height: 46px;
    line-height: 44px;
    display: block;
    padding: 0;
    color: #000;
    font-size: 15px;
    font-weight: 600;
    transition: all 300ms ease-out;
    padding: 0 20px
}

@media screen and (min-width: 1140px) {
    .offer-item a:hover img {
        -webkit-transform: translate3d(5px, -5px, 0);
        -moz-transform: translate3d(5px, -5px, 0);
        -ms-transform: translate3d(5px, -5px, 0);
        -o-transform: translate3d(5px, -5px, 0);
        transform: translate3d(5px, -5px, 0)
    }
}

.list-content .btn.btn-more {
    margin-top: 20px
}

.btn.btn-more:hover, .offer-item:hover .btn.btn-more {
    background: #2b2b2b;
    border-color: #2b2b2b;
    color: #fff
}

.track-box-container {
    position: relative;
    padding-top: 137px;
    text-align: center;
    padding-bottom: 170px;
    z-index: 10;
    background: url(https://www.wirex.pl/static/images/trak_bg.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
    transition: background-size 5s
}

.track-box-container.showMask::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .6);
    pointer-events: none
}

.track-box-container-content {
    transition: transform 1.2s
}

.track-box-container .container {
    position: relative
}

.track-box-container h2 {
    font-size: 120px;
    text-align: center;
    font-weight: 900;
    color: #fff;
    margin-bottom: 10px
}

.track-box-container h3 {
    font-weight: bold;
    font-size: var(--font-24);
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .2em;
    margin-bottom: 43px;
    text-align: center
}

.track-box-container .titleSvg {
    top: -144px
}

.track-box-container .btn.btn-more {
    margin: 0 auto;
    color: #fff
}

.track-box-container .btn.btn-more:hover {
    background: #fff;
    color: #000
}

@media screen and (min-width: 1140px) {
    .track-box-container h2, .track-box-container h3, .track-box-container .btn.btn-more {
        transition: opacity .8s, transform .8s;
        opacity: 0
    }

    .track-box-container h2 {
        -webkit-transform: translate3d(-50px, -50px, 0);
        -moz-transform: translate3d(-50px, -50px, 0);
        -ms-transform: translate3d(-50px, -50px, 0);
        -o-transform: translate3d(-50px, -50px, 0);
        transform: translate3d(-50px, -50px, 0)
    }

    .track-box-container h3 {
        -webkit-transform: translate3d(-30px, -30px, 0);
        -moz-transform: translate3d(-30px, -30px, 0);
        -ms-transform: translate3d(-30px, -30px, 0);
        -o-transform: translate3d(-30px, -30px, 0);
        transform: translate3d(-30px, -30px, 0);
        transition-delay: .8s
    }

    .track-box-container .btn.btn-more {
        -webkit-transform: translate3d(0, 30px, 0);
        -moz-transform: translate3d(0, 30px, 0);
        -ms-transform: translate3d(0, 30px, 0);
        -o-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0);
        transition-delay: 1.6s
    }

    .track-box-container.showed h2, .track-box-container.showed h3, .track-box-container.showed .btn.btn-more {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

img.sign {
    position: absolute;
    left: 7.5%;
    bottom: -36px;
    max-width: 16%;
    pointer-events: none
}

.video-box-container .video {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff
}

.video-box-container .video:hover {
    color: #8adb00
}

.video-left {
    width: 50%;
    overflow: hidden;
    transition: opacity ease-out .4s;
    position: relative;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.video-right {
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    transition: width ease-out .4s
}

.video-left-content {
    width: 795px;
    float: right;
    position: relative;
    z-index: 5;
    padding: var(--space-50) 0 var(--space-50) var(--space-50)
}

.video-left-content h2 {
    text-align: left;
    font-size: 58px;
    font-weight: 300;
    line-height: 121%
}

.video-left-content h2 strong {
    display: block;
    font-weight: 800
}

img.video-rwd {
    display: none
}

.video-box-container {
    overflow: hidden;
    position: relative;
    display: flex;
    min-height: 37.6770vw
}

.video-box-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10
}

.video-box-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    background-position: top right;
    background-repeat: no-repeat;
    background-size: auto 100%;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    background-size: cover
}

.video-box-container.noMask .video-box-bg {
    width: 50%
}

.video-box-container .titleSvg {
    -webkit-text-stroke-color: rgba(0, 0, 0, .1);
    font-size: 15vw;
    left: -69px;
    top: 107px;
    z-index: -1;
    opacity: 1
}

.mask.video-mask {
    background: url("../images/apla.png") no-repeat center left /cover;
    transition: opacity ease-out .4s
}

.video-box-container.noMask .video-mask {
    display: none
}

.video-box-container .video i {
    font-size: 100px;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: color .4s;
    z-index: 5
}

.video-box-container.scrollShow .video-left, .video-box-container.scrollShow .mask.video-mask {
    opacity: 0
}

.video-box-container.scrollShow .video-right {
    width: 100%
}

.video-box-container.scrollShow .video i {
    opacity: 0
}

@media screen and (min-width: 1140px) {
    .video-box-container:hover .video-left, .video-box-container:hover .mask.video-mask {
        opacity: 0
    }

    .video-box-container.scrollShow .video-left, .video-box-container.scrollShow .mask.video-mask {
        opacity: 0
    }

    .video-box-container.scrollShow .video-right, .video-box-container:hover .video-right {
        width: 100%
    }

    .video-box-container.scrollShow .video i {
        opacity: 0
    }

    .video-box-container:hover .video i {
        color: #8adb00
    }
}

.about-box-container {
    position: relative;
    padding-top: 67px;
    padding-bottom: 64px;
    overflow: hidden;
    background: url(../images/about_bg.jpg) no-repeat top center / cover
}

.about-box-container .titleSvg {
    left: auto;
    right: 0;
    font-size: 7.7vw;
    top: -23px;
    -webkit-text-stroke-color: #474747
}

.about-left {
    width: 50%;
    display: inline-block;
    vertical-align: top
}

.about-right {
    width: 50%;
    display: inline-block;
    vertical-align: top
}

.about-box {
    font-size: 0
}

.about-box > * {
    font-size: 1rem
}

.about-left-content {
    width: 730px;
    margin: 0 auto
}

.slogan1 {
    float: right;
    text-shadow: 0 5px 24px rgba(0, 0, 0, .5);
    font-size: 45px;
    font-weight: 800;
    color: #fff;
    line-height: 100%;
    margin-right: -141px;
    margin-bottom: 80px
}

.logo30 {
    margin-bottom: 26px;
    max-width: 36%
}

.logo30 img {
    display: block;
    max-width: 100%
}

.slogan2 {
    clear: both;
    text-shadow: 0 5px 24px rgba(0, 0, 0, .5);
    font-size: 70px;
    color: #fff;
    font-weight: 800;
    line-height: 100%;
    margin-left: 71px
}

.about-right-content {
    width: 640px;
    margin: 0 auto;
    padding-top: 92px
}

.about-right h2 {
    color: #fff;
    text-align: left;
    font-size: 60px;
    margin-bottom: 25px
}

.about-right .text.txt {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 41px
}

.about-right .btn.btn-more {
    color: #fff;
    margin-bottom: 51px
}

.slogan3 {
    text-shadow: 0 5px 24px rgba(0, 0, 0, .5);
    font-size: var(--font-35);
    font-weight: 800;
    color: #fff;
    text-align: right;
    margin-right: -24px
}

@media screen and (min-width: 1140px) {
    .slogan1, .slogan2, .slogan3 {
        transition: transform .8s, opacity .8s;
        opacity: 0
    }

    .slogan1 {
        -webkit-transform: translate3d(-40px, 0, 0);
        -moz-transform: translate3d(-40px, 0, 0);
        -ms-transform: translate3d(-40px, 0, 0);
        -o-transform: translate3d(-40px, 0, 0);
        transform: translate3d(-40px, 0, 0);
        transition-delay: .6s
    }

    .slogan2 {
        -webkit-transform: translate3d(-50px, 0, 0);
        -moz-transform: translate3d(-50px, 0, 0);
        -ms-transform: translate3d(-50px, 0, 0);
        -o-transform: translate3d(-50px, 0, 0);
        transform: translate3d(-50px, 0, 0);
        transition-delay: 1.2s
    }

    .slogan3 {
        -webkit-transform: translate3d(30px, 0, 0);
        -moz-transform: translate3d(30px, 0, 0);
        -ms-transform: translate3d(30px, 0, 0);
        -o-transform: translate3d(30px, 0, 0);
        transform: translate3d(30px, 0, 0);
        transition-delay: 1.8s
    }

    .about-box-container.showed .slogan1, .about-box-container.showed .slogan2, .about-box-container.showed .slogan3 {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.news-box-container {
    padding-top: 62px;
    padding-bottom: 64px
}

.news-box-container .container {
}

.news-box-container h2 {
    margin-bottom: 0;
    font-size: var(--font-35);
    text-align: left;
    z-index: -1
}

.news-box-header {
    position: relative;
    margin-bottom: 50px
}

.news-box-header a.btn.btn-more {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -23px
}

.news-box {
    font-size: 0;
    padding: 0;
    margin: -35px -40px
}

.news {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 15px 40px;
}

.news a {
    font-size: 0;
    display: block
}

.news-photo {
    display: inline-block;
    vertical-align: middle;
    width: 52%;
    position: relative;
    overflow: hidden
}

.news-photo img {
    display: block;
    max-width: 100%;
    transition: transform ease-in-out .4s;
    overflow: hidden
}

.news-content {
    display: inline-block;
    vertical-align: middle;
    width: 48%;
    padding-left: 43px;
    padding-right: 0
}

.news-date {
    display: block;
    font-size: 13px;
    color: #000;
    padding-left: 20px;
    margin-bottom: 16px;
    position: relative;
    overflow: hidden
}

.news-date:before {
    background: url(../images/icons/kal.svg) no-repeat center center / contain;
    content: '';
    position: absolute;
    left: -5px;
    top: -2px;
    width: 23px;
    height: 23px
}

h3.news-title {
    line-height: 22px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #000
}

.news .text.txt {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    font-weight: 300
}

.news .btn.btn-more {
    width: 152px;
    height: 40px;
    line-height: 38px;
    background: #fff;
    font-size: 14px;
    border-color: #e5e5e5;
    color: #000;
    font-weight: normal
}

.news .news-hover {
    display: block;
    border: 2px solid #8adb00;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity .4s
}

@media screen and (min-width: 1140px) {
    .news a:hover .news-hover {
        opacity: 1
    }

    .news a:hover .news-photo img {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05)
    }
}

.news .more {
    transition: color .4s;
    font-weight: 700
}

.news a .news-photo {
    border: 1px solid #e5e5e5
}

.news-box button.slick-arrow {
    width: 40px;
    height: 40px;
    position: absolute;
    border: 0 none;
    border-radius: 0;
    color: #fff;
    background: transparent;
    z-index: 2;
    top: -59px;
    padding: 3px
}

.news-box button.slick-next {
    right: 50%;
    margin-right: -597px
}

.news-box .svgArrow {
    background: url(../images/icons/arrow_black.svg) no-repeat center center / 100% 100%;
    display: block;
    width: 100%;
    height: 100%;
    position: relative
}

.news-box button.slick-next .svgArrow {
    transform: rotate(180deg);
    transform-origin: 50% 50%
}

.news-box button.slick-prev {
    right: 50%;
    margin-right: -556px
}

@media screen and (min-width: 1140px) {
    .news-box .slick-arrow:hover .svgArrow {
        background: url(../images/icons/arrow_green.svg) no-repeat center center / 100% 100%
    }

    .news:hover .more {
        color: #8adb00
    }
}

.logotypes-ue-container {
    text-align: center;
    border-top: 1px solid #e5e5e5;
    padding-top: 20px;
    padding-bottom: 20px
}

.logotypes-ue img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px
}

footer {
    background: url(../images/footer_bg.jpg) no-repeat top center / 100% auto;
    background-size: cover;
}

.footer-map {
    width: 100%;
    height: 450px;
    overflow: hidden
}

.footer-map iframe {
    width: 100%;
    height: 100%
}

.footer-bg {
    background: url(https://www.wirex.pl/static/images/footer_bg.jpg) no-repeat center top
}

.footer-boxes {
    padding-top: 55px;
    position: relative;
    padding-bottom: 40px
}

.footer-box {
    float: left;
    width: 17%;
    padding-right: 30px;
    position: relative
}

.footer-box:first-child {
    width: 18%
}

.footer-box.footer-box-address {
    width: 23%
}

.footer-box:last-child {
    float: right;
    width: 20%;
    padding-right: 0;
    padding-top: 6px
}

.footer-box h4 {
    text-transform: uppercase;
    margin-bottom: 43px;
    font-weight: bold;
    font-size: 20px;
    color: #8adb00
}

.footer-box ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.footer-box ul li a {
    margin-bottom: 8px
}

.footer-box ul li a {
    display: inline-block;
    line-height: normal;
    font-size: 15px;
    color: #fff;
    position: relative;
    padding: 3px 0;
    text-decoration: none;
    font-weight: 100
}

.footer-box .contact-data {
    font-size: 15px;
    color: #fff;
    position: relative;
    display: block;
    margin-bottom: 40px;
    text-decoration: none
}

.footer-box .contact-data .btn-icon {
    border: 1px solid rgba(255, 255, 255, .3);
    width: 46px;
    height: 46px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 11px
}

.footer-box.footer-box-contact {
    width: 22%
}

.footer-box .contact-data .caption strong {
    font-size: 20px;
    display: block;
    font-weight: 900
}

.footer-box .contact-data .btn-icon svg, .footer-box .contact-data .btn-icon svg * {
    fill: #fff;
    height: 34px;
    width: 34px;
    margin: 5px
}

.footer-box .txt {
    line-height: 228%;
    font-size: 15px;
    color: #fff;
    margin-top: -3px;
    font-weight: 300;
    letter-spacing: 0
}

.footer-box .txt a {
    color: #fff
}

.footer-box .contact-data .caption {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    font-weight: 300
}

img.iso {
    display: block;
    max-width: 28%
}

.footer-box nav.social-list {
    text-align: right;
    margin-top: -38px
}

img.logo-min {
    display: block;
    max-width: 100%;
    margin-bottom: 103px
}

@media screen and (min-width: 1140px) {
    .footer-box a.contact-data:hover {
        color: #8adb00
    }

    .footer-box ul li a:hover {
        color: #8adb00
    }

    .footer-box .footer-contact:hover {
        color: #8adb00
    }

    .footer-box .contact-data:hover .btn-icon {
        border-color: #8adb00
    }

    .footer-box .contact-data:hover .btn-icon svg, .footer-box .contact-data:hover .btn-icon svg * {
        fill: #8adb00
    }

    a.social:hover {
        color: #8adb00
    }

    a.social:hover .social-icon {
        border-color: #8adb00
    }
}

.footer-bar {
    padding: 10px 0;
    line-height: 30px;
    letter-spacing: .05em;
    font-weight: 300;
    font-size: 14px;
    color: #f3f3f3;
    background-color: #131313
}

.footer-bar-content::after {
    content: "";
    display: table;
    clear: both
}

.footer-bar-content > * {
    float: left
}

.footer-bar-content > *:not(:last-child) {
    margin-right: 30px
}

.footer-bar-links {
    margin-left: -8px;
    font-size: 0
}

.footer-bar-links > li {
    display: inline-block;
    vertical-align: middle;
    margin: 3px 8px;
    font-size: 14px;
    line-height: 24px
}

.footer-bar-links a {
    color: inherit
}

.copyright-undicom {
    float: right;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    color: inherit
}

form.form {
    padding: 0
}

.form .form-element-name {
    font-weight: bold;
    font-size: 16px;
    color: #8adb00;
    font-family: 'open sans', sans-serif;
    margin-bottom: 7px
}

.form .form-required-mark {
    color: #e2001a
}

.form-control, .form .captcha-image-wrapper {
    border-color: #e5e5e5
}

.contact-form .form-control {
    font-family: 'roboto', sans-serif;
    box-shadow: 0 0 0 transparent;
    color: #000;
    padding-left: 18px;
    padding-right: 18px;
    font-size: 14px;
    letter-spacing: 0;
    font-weight: normal;
    border-color: transparent;
    border-radius: 0
}

.contact-form .form-control-feedback {
    display: none !important
}

.form .alert-block .error {
    display: block;
    clear: both;
    margin-top: -5px;
    margin-bottom: 0;
    padding: 10px 18px 4px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    background: #e2001a !important;
    color: #fff !important;
    font-weight: normal !important;
    font-size: 13px
}

.form .form-element-radio .alert-block .error, .form .form-element-checkbox .alert-block .error {
    display: block;
    clear: both;
    margin-top: 5px;
    margin-bottom: 0;
    padding: 0 25px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background: transparent !important;
    color: #e2001a !important;
    font-weight: bold !important;
    font-size: 13px
}

.has-error .form-control {
    border-color: #e2001a;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.form-group-lg .form-element-radio, .form-group-lg .form-element-checkbox {
    letter-spacing: .05em
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    background: #4a44a9
}

.form textarea.form-control:not([rows]) {
    height: 134px
}

.form .before-consent-row, .form .after-consent-row, .form .consent-row label > *, .form .consent-all {
    font-size: 13px;
    line-height: 24px;
    color: #000;
    letter-spacing: .05em;
    font-weight: 300
}

.contact-form .before-consent-row, .contact-form .after-consent-row, .contact-form .consent-row label > *, .contact-form .consent-all {
    color: #fff
}

.form .consent-all {
    margin-bottom: 20px;
    display: block
}

.form .form-group-lg .captcha-image-wrapper {
    border-radius: 0;
    height: 46px
}

.form button.captcha-refresh.btn.btn-default {
    right: 5px;
    border-radius: 0;
    border: 1px solid #d9d9d9;
    background: transparent;
    color: #8adb00;
    display: flex;
    align-items: center;
    justify-content: center
}

.form i.fa.fa-refresh {
    font-size: 19px;
    color: #8adb00
}

@media screen and (min-width: 1140px) {
    button.captcha-refresh.btn.btn-default:hover i.fa.fa-refresh {
        color: #000
    }
}

.form .checkboxradio-container {
    margin-top: 0;
    text-align: left
}

.form .form-element-radio-container .row > *:not(:only-child), .form .form-element-checkbox-container .row > *:not(:only-child) {
    margin-bottom: 10px
}

.form .form-group-lg.form-group-lg .icheckbox_minimal-custom, .form .form-group-lg.form-group-lg .iradio_minimal-custom {
    left: 0;
    top: 0;
    margin-top: 0;
    margin-left: 0
}

.form-group-lg .icheckbox_minimal-custom, .form-group-lg .iradio_minimal-custom {
    zoom: 1.55
}

.form-group-lg .form-element-switcher .icheckbox_minimal-custom, .form-group-lg .form-element-switcher .iradio_minimal-custom {
    zoom: normal
}

.form .form-group-lg .checkboxradio-container label {
    padding-top: 3px;
    padding-left: 50px;
    padding-bottom: 6px;
    line-height: 1.2
}

.form .form-group-lg .form-element-radio .alert-block .error, .form .form-group-lg .form-element-checkbox .alert-block .error {
    padding-left: 50px
}

.icheckbox_minimal-custom, .iradio_minimal-custom {
    background-image: url(data:image/webp;base64,UklGRsQDAABXRUJQVlA4WAoAAAAQAAAAxwAAEwAAQUxQSHIBAAANgGNr2+LkDe7uPoJDxQqYbVCmS49thC4l20hWMZ2d6fAq7vLP/4+8ObQRwcBtI0VdhrvLUXff0IU6ZEDHIp6pNi2cqT4jIHGxpBCiPBqV+j1RWEIP1NOAIIe34+mar/dFxzJCoQKYLoBcYDiaPcfHwih1b0Z8a2hMh0hcs75s63Qs9NXwT7qwiWkZzHRd+y7xsXAnidf8wpTjmM7vOh8L9Ucss8wpuHK5xlQjFst9AYBVTJqP+W+UO3+g4vK1eCwFYZ6VMB+xrQxTyPyHdqZSNs/HwuyP/SRdw6oq3fKxcJ9NvhTnswo98rGwSpih2FFovkIHcViGliH4RtJ8vFGVmpOG3OwMNOOxFK00+IjjIMkw1v4c+ULjYI2QhThmpBSlb60mbIfFnXHfrvlYmKdkFBS6vVLb+RS0/YHqJR/LCO2z52ztY9t9uHs9APxrPhYGV0+IRXhz33+TxjuA5hofS7QPj4Il2qMe/ktrTUKWfykAVlA4ICwCAACwDgCdASrIABQAPjEWiUOiISESegXQIAMEs4AagDxIP1u96rnAOAA6T39qvQ5udJ5gPOy/tPNJlH+sB1AH6gF8srchzSk4rwNwMD2xYb4yMoyKZ89ljMjFKeIYFovonsxDp97VT1KGwHC7OGGC1URy+dJFN1QhjeeG+h2nAAAA/v7doAfuWinK4l53yED2QcjxGOU/58Dog7tRE2HOQjmaxZfx/3HhER7qJERgj2MVynqelRvPVYLuVZ2wH9fDyGWAhWCAg76+ImQwksR9WLb7a1m9/sB+0fl70SP5pxyb7f/6AeKB+95kT+Pt2Tf50i1f5/X1U31299GKrSnX+HnT4SVZ0vhn2yNKq2sCv/8Qg/3DYJApvehd0wQj+ne/77T5u5712gJ3WFf/Vzsr/O/BTMiVkuO9Z53iavcWgOuK/3a+xf//HePWFZUViZ081cfm4x+TGgUHV7b/i5P//7chJ34YqHeN8AoI3tny1rI5/ZNtVud54MMcRX/tEH/+G7O53+IsQXqWYPej1k8H4mwNmBd+2OtVIf8keHN1Tv0EejPBT+3rn92vUUoRWabChOV/V/Vxv/gFvdjyrmg+MHf+nfLqcBBmeBf5305qDvrqn/GudpfGH/wZr+KWkUNGf9AtCZoRmRnXx6SFWm4E4f395PLR8CNILY+cSSEPSdaAaHkOuZr8whCLRhrkisCTvlnWpDZBqQlE3tbD4AQfFo1beddDgkv9QYAAAAAA)
}

.form-box .row {
    margin-left: -5px;
    margin-right: -5px
}

.form-box .col-lg-1, .form-box .col-lg-10, .form-box .col-lg-11, .form-box .col-lg-12, .form-box .col-lg-2, .form-box .col-lg-3, .form-box .col-lg-4, .form-box .col-lg-5, .form-box .col-lg-6, .form-box .col-lg-7, .form-box .col-lg-8, .form-box .col-lg-9, .form-box .col-md-1, .form-box .col-md-10, .form-box .col-md-11, .form-box .col-md-12, .form-box .col-md-2, .form-box .col-md-3, .form-box .col-md-4, .form-box .col-md-5, .form-box .col-md-6, .form-box .col-md-7, .form-box .col-md-8, .form-box .col-md-9, .form-box .col-sm-1, .form-box .col-sm-10, .form-box .col-sm-11, .form-box .col-sm-12, .form-box .col-sm-2, .form-box .col-sm-3, .form-box .col-sm-4, .form-box .col-sm-5, .form-box .col-sm-6, .form-box .col-sm-7, .form-box .col-sm-8, .form-box .col-sm-9, .form-box .col-xs-1, .form-box .col-xs-10, .form-box .col-xs-11, .form-box .col-xs-12, .form-box .col-xs-2, .form-box .col-xs-3, .form-box .col-xs-4, .form-box .col-xs-5, .form-box .col-xs-6, .form-box .col-xs-7, .form-box .col-xs-8, .form-box .col-xs-9 {
    padding-left: 5px;
    padding-right: 5px
}

.form .checkboxradio-container .error {
    margin-top: 0;
    font-size: 13px
}

.form .checkboxradio-container label {
    line-height: 24px;
    font-size: 14px;
    color: #fff;
    margin-bottom: 0;
    position: relative;
    width: 100%;
    padding-right: 0;
    padding-left: 27px;
    font-family: 'roboto', sans-serif;
    font-weight: 300
}

.form .checkboxradio-container [class^="icheckbox"], .form .radio [class^="icheckbox"] {
    position: absolute;
    margin-left: -26px;
    margin-top: 3px
}

.form-group {
    margin-bottom: 14px
}

button.btn.btn-primary .fa {
    float: right;
    line-height: 46px
}

form.form button.btn.btn-primary {
    color: #fff;
    line-height: 44px;
    text-align: center;
    padding: 0;
    margin: 0 auto;
    display: block;
    float: none;
    background-color: #8adb00;
    width: 195px;
    height: 46px;
    border-radius: 0;
    font-weight: bold;
    font-size: 15px;
    border: 1px solid #8adb00
}

@media screen and (min-width: 1140px) {
    form.form button.btn.btn-primary:hover {
        background: #fff;
        color: #8adb00
    }
}

.form .before-consent-row {
    padding-top: 6px;
    margin-bottom: 8px
}

.checkbox {
    margin-bottom: 5px
}

.row.consent-all-row {
    color: #fff
}

.map-point .custom-map-wrapper {
    position: relative
}

#aq {
    display: none
}

.map-point #marker-cloud-wrapper {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 10%;
    height: 10%;
    background: red
}

.map-point #marker-cloud-wrapper .popover {
    top: 0 !important;
    left: 0 !important;
    display: block;
    margin: 0;
    width: 300px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    text-shadow: none
}

.map-point #marker-cloud-wrapper .popover .arrow {
    display: none !important
}

.breadcrumb-container {
    margin: 25px 0 15px
}

.breadcrumb {
    padding: 0;
    margin: 0;
    text-align: left;
    border-radius: 0;
    background-color: transparent
}

.breadcrumb > li {
    position: relative;
    display: inline;
    color: #6d6e71;
    font-size: 13px
}

.breadcrumb > li > a {
    font-size: 13px;
    color: #000
}

.breadcrumb > li + li:before {
    content: '>';
    font-size: 12px;
    padding: 0 13px 0 13px;
    color: inherit
}

.breadcrumb > li:last-child a, .contact-box-container .breadcrumb > li:last-child a, .breadcrumb > li:last-child span {
    color: #72b500
}

.logotypes {
    border-top: 1px solid rgba(0, 0, 0, .1);
    height: 156px;
    padding: 28px 0
}

.logotypes .logotypes-title {
    float: left;
    padding-right: 30px;
    font-size: 22px;
    line-height: 100px;
    vertical-align: middle
}

.logotypes-slider-container {
    height: 100px
}

.logotype-slider {
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    -o-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.slick-initialized .logotype {
    float: none;
    display: inline-block;
    vertical-align: middle;
    padding: 4px
}

.logotype img {
    max-height: 100px;
    max-width: 100%;
    margin: 0 auto
}

.social-list > ul {
    margin: -5px;
    font-size: 0
}

.social-list > ul > li {
    display: inline-block;
    vertical-align: middle;
    padding: 5px;
    text-align: center;
    font-size: 1rem;
    width: auto;
    margin: 0
}

.social-list > ul > li.social-item a {
    display: block;
    padding: 0
}

.social-icon {
    display: block;
    width: 48px;
    height: 48px;
    line-height: 46px;
    font-size: 0;
    border: 1px solid rgba(255, 255, 255, .3)
}

.social-icon > * {
    vertical-align: middle
}

.social-icon .icon {
    height: 36px;
    width: 36px;
    margin: 5px
}

.social-icon .fa {
    font-size: 20px
}

.langs-menu {
    position: relative;
    float: right;
    margin: 0;
    border-radius: 0;
    transition-duration: .4s;
    transition-property: background-color, opacity;
    z-index: 2000;
    display: flex;
    align-items: center
}

.langs-menu.active, .langs-menu.active ul {
    opacity: 1
}

.langs-menu a {
    display: block;
    transition: background-color .4s;
    padding: 12px 10px 14px
}

.langs-menu-icon {
    display: inline-block;
    vertical-align: middle;
    line-height: 0;
    margin-right: 8px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.lang {
    padding: 11px 10px;
    font-size: 0
}

.lang span {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase
}

.lang .langs-menu-long {
    display: none
}

.lang-button {
    cursor: initial;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0);
    background-color: transparent;
    padding-top: 12px;
    padding-bottom: 14px
}

.lang-button .langs-menu-short {
    text-decoration: underline
}

.lang-button .arrow {
    display: none
}

.body-block .lang-button .arrow {
    color: #fff
}

.subpage .lang-button .arrow {
    color: #000
}

.langs-menu.active .lang-button .arrow {
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
    transform: rotateZ(180deg)
}

.langs-menu-icon img {
    max-width: 100%
}

.flag-icon {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1)
}

button.lang.lang-button .langs-menu-icon {
    display: none
}

.langs-menu-short {
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    transition: color .4s
}

.subpage .langs-menu-short {
    color: #000
}

.active button.lang.lang-button {
    color: #fff;
    border: 1px solid #ddd;
    background: #fff
}

.active .lang .langs-menu-short, .active .lang .arrow {
    color: #000
}

@media screen and (min-width: 1140px) {
    .body-block .langs-menu-short, .body-block .lang-button .arrow {
        color: #fff
    }

    .lang:not(.lang-button):hover .langs-menu-short {
        color: #8adb00 !important
    }
}

.article-content::after {
    content: "";
    display: table;
    clear: both
}

.article-image {
    position: relative;
    z-index: 10;
    display: inline-block;
    vertical-align: top;
    float: left;
    max-width: 56%;
    margin-right: 50px;
    margin-bottom: 5px;
    border: 1px solid #e5e5e5
}

.article-image-bg {
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat
}

.article-image-bg::before {
    content: '';
    display: block;
    width: 100%;
    padding-top: 44.0944%
}

.content-main .article-image {
    position: relative;
    z-index: 10;
    display: inline-block;
    vertical-align: top;
    float: none;
    margin-right: 0;
    margin-bottom: 42px;
    border: 0 none;
    max-width: 100%
}

.article-image img {
    max-width: 100%;
    display: block
}

.mask.image-mask {
    background: rgba(0, 0, 0, .6)
}

.article-content-title {
    display: block
}

.article-image .titleSvg {
    top: 81px;
    z-index: 10
}

.content-main .article-image h2 {
    text-align: center;
    position: absolute;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    font-size: 48px;
    color: #fff;
    font-weight: normal;
    letter-spacing: .03em;
    margin-bottom: 0;
    z-index: 10
}

.article-image h2 strong {
    font-weight: 800
}

.article-subtitle {
    padding-bottom: 30px
}

.article-date {
    font-weight: bold
}

.article-content {
    margin-bottom: 45px
}

.pagination-wrapper {
    max-width: 1350px;
    border-top: 0 none;
    padding-top: 0
}

.pagination-wrapper ul li.next a, .pagination-wrapper ul li.prev a {
    width: 50px;
    height: 50px;
    border: 1px solid #e5e5e5;
    text-indent: -20000px;
    border-radius: 0;
    background: url(../images/icons/arrow_black.svg) no-repeat center center / 50% 50%
}

.pagination-wrapper ul li.prev a {
}

.pagination-wrapper ul li.next a {
    transform: rotate(180deg);
    transform-origin: 50% 50%
}

.pagination-wrapper ul li.next, .pagination-wrapper ul li.prev {
    display: inline-block;
    float: none;
    vertical-align: middle;
    margin: 0 50px
}

.pagination-wrapper ul li {
    vertical-align: middle
}

.pagination-wrapper ul li a, .pagination-wrapper ul li span {
    color: #000
}

.pagination-wrapper ul li.active a {
    color: #8adb00
}

@media screen and (min-width: 1140px) {
    .pagination-wrapper ul li a:hover {
        color: #8adb00
    }

    .pagination-wrapper ul li.prev a:hover, .pagination-wrapper ul li.next a:hover {
        background: #8adb00 url(../images/icons/arrow_white.svg) no-repeat center center / 50% 50%;
        border-color: #8adb00
    }
}

.gallery-box-container {
    padding-bottom: 50px
}

.gallery-box-container h2 {
    margin-bottom: 42px
}

.gallery-list {
    margin: -5px;
    font-size: 0
}

.gallery-list-item {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    padding: 5px
}

.gallery-picture {
    position: relative;
    display: block;
    width: 100%;
    font-size: 0;
    overflow: hidden
}

.gallery-picture > img {
    display: block;
    max-width: 100%;
    transition: transform ease-in-out .4s, filter .5s !important
}

.gallery-picture-hover {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 20px;
    color: #fff;
    background-color: rgba(0, 0, 0, .6);
    transition: opacity .3s
}

.gallery-picture-hover > .gallery-picture-hover-icon {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    background: url(data:image/webp;base64,UklGRmwAAABXRUJQVlA4WAoAAAAQAAAAJAAAJAAAQUxQSBwAAAABDzD/ERFCIRtJUO/xOH/KFTiAiP4Hy9MkOZanVlA4ICoAAAAQAwCdASolACUAPjEYi0QiIaERxAAgAwS0gAANwN6fBwAA/v5V0AAAAAA=) no-repeat center center;
    width: 38px;
    height: 38px;
    margin: 0 auto
}

.gallery-picture-video .gallery-picture-hover > .gallery-picture-hover-icon {
    background: url(../images/icons/yt_white.svg) no-repeat center center /cover;
    width: 100px;
    height: 100px
}

@media screen and (min-width: 1140px) {
    .gallery-picture:hover .gallery-picture-hover {
        opacity: 1
    }

    .gallery-picture:hover > img {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05)
    }
}

.gallery.gallery-press {
    padding-bottom: 50px
}

.gallery.gallery-press + .pagination-wrapper {
    padding-top: 0
}

.content-left {
    float: left;
    width: 19%;
    padding-top: 31px;
    padding-bottom: 50px
}

.content-left-toggle {
    display: none
}

.subpage #content {
    padding-top: 96px
}

.content-main {
    float: right;
    width: 81%
}

.submenu ul li {
    border-bottom: 1px solid #ededed
}

.submenu > ul:first-child > li:first-child {
    border-top: 1px solid #ededed
}

.submenu ul li a {
    display: block;
    font-size: 14px;
    color: #000;
    padding: 15px 40px 15px 28px;
    text-decoration: none;
    position: relative
}

.submenu ul li.active > a {
    color: #fff;
    background: #72b500
}

.submenu ul li.active > a:hover {
    color: #72b500;
    background: #fff
}

.submenu ul li a:hover {
    color: #fff;
    background: #72b500
}

.content-main .container {
    max-width: 1350px
}

.content-main .video-box-container img {
    display: block;
    max-width: 100%
}

.content-main .video-left {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    overflow: visible
}

.content-main .video-right {
    top: 0
}

.content-main .video-box-container .video i {
    font-size: 80px
}

.content-main .video-box-container .titleSvg {
    top: -160px;
    left: 132px;
    -webkit-text-stroke-color: rgba(255, 255, 255, .2);
    line-height: 1;
    display: block;
    text-align: center
}

.content-main .video-left-content {
    width: 100%;
    padding: 0 0 0 18%;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.content-main .video-left-content h2 {
    color: #fff;
    font-size: 60px
}

.content-main .video-box-container {
    margin-bottom: 44px
}

.benefits-box-container h3 strong {
    display: block;
    font-weight: 800
}

.benefits-box-container h3 {
    text-align: center;
    line-height: 116%;
    font-size: var(--font-26);
    font-weight: 300
}

.benefits-box-container {
    padding-bottom: 24px
}

.benefits-box > * {
    font-size: 1rem
}

.benefits-box > .benefit-item {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    font-size: 0;
    padding-left: 39px;
    padding-right: 0
}

.benefits-box {
    font-size: 0;
    text-align: center;
    margin: 0;
    padding-right: 50px
}

.benefit-icon {
    width: 41%;
    display: inline-block;
    vertical-align: top;
    margin-right: -5%
}

.benefit-icon img {
    display: block;
    max-width: 100%
}

.benefit-text {
    display: inline-block;
    width: 64%;
    text-align: left;
    padding-top: 42px;
    font-size: 14px !important;
    line-height: 22px
}

.benefit-item > * {
    font-size: 1rem
}

.group-box-container {
    border-top: 1px solid #e5e5e5;
    padding-top: 50px;
    padding-bottom: 43px
}

.group-box-header {
    text-align: center
}

.group-box-header img {
    margin-bottom: 17px
}

.group-box-header h2 {
    margin-bottom: 44px
}

.group-boxes {
    position: relative
}

.group-box {
    position: relative;
    text-align: center;
    overflow: hidden
}

.group1 {
    position: absolute;
    top: 0;
    overflow: hidden;
    height: 100%;
    width: 44.5%;
    transform: skewX(-35.5deg);
    left: -15%;
    text-align: right;
    border-right: 1px solid #fff;
    z-index: 1
}

.group2 {
    display: block;
    text-align: center;
    margin: 0 auto
}

.group3 {
    position: absolute;
    top: 0;
    overflow: hidden;
    height: 100%;
    width: 44.5%;
    transform: skewX(-35.5deg);
    right: -15%;
    text-align: right;
    border-left: 1px solid #fff;
    z-index: 1
}

.group1 img {
    display: inline-block;
    transform: skewX(35.5deg);
    width: 112%;
    position: absolute;
    right: -50%;
    transition: all 300ms ease-out
}

.group2 img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    transition: all 300ms ease-out
}

.group3 img {
    display: inline-block;
    transform: skewX(35.5deg);
    width: 110%;
    position: absolute;
    left: -29%;
    transition: all 300ms ease-out
}

.logos-group {
    position: absolute;
    text-align: center;
    overflow: hidden;
    width: 100%;
    z-index: 2;
    font-size: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none
}

.logos-group .group .image {
    display: block
}

.group {
    width: 33.33%;
    text-align: center;
    display: inline-block
}

.logos-group > * {
    font-size: 1rem
}

.group img {
    display: block;
    margin: 0 auto 20px
}

.group span {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    display: block;
    transition: all 300ms ease-out;
    height: 20px
}

.group .group-hover {
    display: none
}

.group a {
    display: block;
    text-decoration: none !important
}

@media screen and (min-width: 1140px) {
    .group1.hovered img {
        transform: scale(1.05) skewX(35.5deg)
    }

    .group2.hovered img {
        transform: scale(1.05)
    }

    .group3.hovered img {
        transform: scale(1.05) skewX(35.5deg)
    }

    .group.hovered .group-name {
        display: none
    }

    .group.hovered .group-hover {
        display: block
    }
}

.mask.groups-mask {
    background-color: rgba(0, 0, 0, .6);
    z-index: 2;
    pointer-events: none
}

.group:first-child {
    padding-right: 6%
}

.group:last-child {
    padding-left: 6%
}

.text-box-container .container {
    max-width: 1350px
}

h2.article-title.page-title.title {
    text-align: left;
    font-size: var(--font-35);
    font-weight: 800;
    color: #000;
    margin-bottom: 42px;
    border-bottom: 0 none;
    padding-bottom: 0;
    padding-top: 0
}

h1.article-subtitle {
    font-size: var(--font-24);
    font-weight: bold;
    padding: 0;
    margin-bottom: 16px;
    line-height: 130%
}

article.article .news-date {
    margin-top: -5px;
    margin-bottom: 16px
}

.text-box-container h2 {
    margin-bottom: 50px
}

.text-box-container .gallery {
    margin-bottom: 50px
}

.back-box {
    text-align: center;
    margin-bottom: 50px
}

.back-box .btn.btn-more {
    margin: 0 auto
}

.content-main .text-box-container {
    padding-bottom: 0
}

.distributors-box-container {
    background: #fff
}

.distributors-box-container .container {
    max-width: 1350px
}

.map-box {
    position: relative
}

.map-box img {
    display: block;
    max-width: 100%
}

.map-box svg {
    width: 100%
}

.map-box .map svg > g.enabled path, .map-box .map svg > path.enabled {
    fill: #8adb00
}

.map-box .map svg > g.enabled:hover path, .map-box .map svg > path.enabled:hover {
    cursor: pointer;
    fill: #000
}

.map-box .map svg > g.enabled.active path, .map-box .map svg > path.enabled.active {
    fill: #000
}

.distributor-item .text table tr:nth-child(odd) {
    background: transparent
}

.point {
    width: 175px;
    position: absolute;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .15);
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, .1);
    background-color: #fff;
    border-radius: 10px;
    text-align: center;
    padding-top: 16px
}

.point > * {
    padding-left: 16px;
    padding-right: 16px
}

.point .text h4 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 13px
}

.point .flag-icon {
    width: 32px;
    height: 24px;
    margin-bottom: 5px
}

.point .text {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -.05em;
    overflow: hidden
}

.point .text a {
    color: #000
}

.box-more {
    padding-top: 15px;
    background: #f9f9f9;
    padding-bottom: 15px;
    border-radius: 0 0 10px 10px;
    overflow: hidden
}

.btn.btn-more.btn-more-small {
    width: initial;
    min-width: 1px;
    height: 24px;
    line-height: 22px;
    font-size: 9px;
    margin: 0 auto;
    background: #fff
}

img.t {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -7px;
    z-index: 2
}

a.point-close {
    position: absolute;
    right: -12px;
    top: -12px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: url(data:image/webp;base64,UklGRmAAAABXRUJQVlA4WAoAAAAQAAAABwAABwAAQUxQSB8AAAABHyAgIVO2uSEREbQgCzD5imKWAwktvIj+R4byvoIZAFZQOCAaAAAAMAEAnQEqCAAIAADAEiWkAANwAP7+3XgAAAA=) no-repeat center center #000;
    padding: 0
}

a.point-close:hover {
    background-color: #89db00
}

.btn.btn-more.btn-more-small:hover {
    background: #2b2b2b
}

.distributor-item h3 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 17px
}

.distributor-item h3 .flag-icon {
    width: 26px;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
    margin-top: -5px;
    margin-right: 13px
}

.distributor-item {
    padding-top: 42px;
    padding-bottom: 44px;
    border-top: 1px solid #e5e5e5
}

.distributor-item.active, .distributor-item:hover {
    background: #f4f4f4
}

.distributor-item .text table {
    margin: 0
}

.distributor-item .text table td {
    width: 33.33%;
    padding: 0 10px 0 0
}

.distributor-item .text table {
    width: 100%
}

.distributor-item .text table a {
    color: #000
}

.distributor-item .text {
    margin-bottom: 0
}

.distributor-item:last-child {
    border-bottom: 1px solid #e5e5e5
}

.map-box-menu {
    text-align: right;
    margin-top: -98px;
    margin-right: -160px;
    margin-bottom: 50px
}

li.active {
}

.map-box-menu ul li {
    display: inline-block;
    margin-left: 6px
}

.map-box-menu ul li a {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    display: block;
    border: 1px solid #e5e5e5;
    padding: 10px;
    background: #fff;
    min-width: 180px;
    text-align: center;
    text-decoration: none;
    transition: all .4s
}

.map-box-menu ul li.active a {
    color: #89db00
}

@media screen and (min-width: 1140px) {
    .map-box-menu ul li a:hover {
        border-color: #000
    }
}

.distributors-table {
    margin-bottom: 148px
}

.distributors-table:last-child {
    margin-bottom: 0
}

.subpage .top {
    border-bottom-color: #e5e5e5
}

.grants-box-container .container {
    max-width: 1350px
}

h1 + .text.txt {
    margin-top: -10px;
    margin-bottom: 43px
}

.grans-box {
    margin: -15px;
    font-size: 0;
    display: flex;
    padding-bottom: 40px;
    flex-wrap: wrap
}

.grant-item-wrapper {
    display: flex;
    width: 25%;
    text-align: center;
    vertical-align: middle;
    padding: 15px
}

.grant-item {
    display: flex;
    flex-direction: column;
    height: 100%
}

.grant-item a {
    border: 1px solid #e5e5e5;
    display: flex;
    padding: 30px;
    background: #fff;
    text-decoration: none;
    flex-direction: column;
    height: 100%
}

.grant-photo {
    border: 1px solid #e5e5e5;
    margin: 0 14% 24px
}

.grans-box > * {
    font-size: 1rem
}

.grant-photo img {
    display: block;
    max-width: 100%
}

.grant-name {
    font-size: 14px;
    line-height: 22px;
    color: #000;
    display: block;
    margin-bottom: 24px
}

.grant-item .btn.btn-more {
    margin: 0 auto;
    width: 126px;
    text-transform: uppercase;
    font-size: 12px;
    height: 36px;
    line-height: 34px;
    font-weight: 600
}

.gallery.gallery-press .gallery-list-item {
    width: 25%;
    padding: 15px
}

.gallery.gallery-press .gallery-list {
    margin: -15px
}

.gallery.gallery-press .gallery-list-item a {
    border: 1px solid #e5e5e5
}

.gallery.gallery-press .gallery-list-item a:hover {
    border: 1px solid #8adb00
}

.contact-box-container .container {
    max-width: 1350px
}

.contact-box-container .breadcrumb > li > a {
    color: #fff
}

.contact-box-container h1 {
    color: #fff
}

.contact-item {
    width: 26.7%;
    display: inline-block;
    vertical-align: top;
    padding: 25px
}

.contact-item svg {
    width: 100%;
    max-width: 350px
}

.contact-box {
    margin: -25px
}

.contact-page-data {
    border-style: solid;
    border-width: 1px;
    border-color: rgba(255, 255, 255, .5);
    background-color: rgba(0, 0, 0, .149)
}

.contact-item:last-child {
    width: 36%;
    text-align: center;
    padding-top: 17px
}

.contact-item:last-child img {
    display: block;
    max-width: 100%;
    margin: 0 auto
}

.contact-page-data .text.txt {
    color: #fff;
    text-align: center;
    margin-bottom: 0;
    line-height: 193%
}

.contact-page-data {
    padding-top: 79px;
    padding-bottom: 79px
}

.contact-box-container {
    padding-bottom: 70px;
    background: url(https://www.wirex.pl/static/images/xcontact_bg.jpg.pagespeed.ic.42Fl0PH6tg.webp) no-repeat top center;
    background-attachment: fixed;
    background-size: cover
}

.address-box-container .container {
    max-width: 1350px
}

.address-box-container {
    padding-top: 40px;
    padding-bottom: 50px;
    background: url(https://www.wirex.pl/static/images/address_bg.jpg) no-repeat top center
}

.address-item {
    width: 33.33%;
    display: inline-block;
    vertical-align: top;
    padding: 43px 56px 43px;
    border-bottom: 1px solid #e5e5e5
}

.address-box {
    font-size: 0;
    margin: -43px -56px 46px
}

.address-item .text.txt {
    line-height: 193%;
    margin-bottom: 0;
    padding-bottom: 0
}

.qr-box span {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    font-size: 22px;
    color: #000;
    width: 52%;
    padding-left: 20px
}

img {
}

.qr-box img {
    display: inline-block;
    max-width: 100%;
    width: 48%;
    vertical-align: middle
}

.qr-box {
    font-size: 0
}

.branches-box h3 {
    font-size: var(--font-30);
    font-weight: bold;
    text-align: center;
    margin-bottom: 46px
}

.branch-item table {
    width: 100%
}

h3 + .branch-item table {
    margin-top: 0
}

.branch-item:last-child table {
    margin-bottom: 0
}

.branch-item table td {
    border: 1px solid #e5e5e5;
    text-align: left;
    padding: 25px 50px;
    vertical-align: middle;
    background: #fff;
    width: 25%;
    height: 150px
}

.branch-item table td:first-child {
    text-align: center;
    padding: 30px
}

.form-box-container {
    padding-top: 52px;
    padding-bottom: 50px;
    background: url(../images/form_bg.jpg) no-repeat top center / cover;
    background-attachment: fixed
}

.form-box-container .container {
    max-width: 1350px
}

.form-box-container h2 {
    color: #fff;
    text-align: center;
    font-size: var(--font-30);
    margin-bottom: 54px
}

.map-box iframe {
    display: block;
    width: 100%;
    height: 550px
}

.map-box iframe {
    display: block;
    width: 100%;
    height: 550px
}

.branch-item table td:last-child {
    text-align: center
}

.address-boxes {
    overflow: hidden
}

.list-item {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding: 14px
}

.list-box {
    font-size: 0;
    margin: -14px
}

.list-box > * {
    font-size: 1rem
}

.list-item a {
    display: flex;
    font-size: 0;
    border: 1px solid #e5e5e5;
    padding: 36px 0;
    background: #fff;
    text-decoration: none !important
}

.list-photo {
    width: 43%;
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.list-photo::before {
    content: '';
    display: block;
    width: 100%;
    padding-bottom: 72%
}

.list-photo-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.list-photo img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    padding: 0 20px;
    transition: transform .4s
}

@media screen and (min-width: 1140px) {
    .list-item a:hover .list-photo img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.list-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 57%;
    border-left: 1px solid #e5e5e5;
    padding-left: 30px;
    padding-right: 30px
}

.list-item a > * {
    font-size: 1rem
}

.list-content .text {
    word-break: break-word
}

.list-content h3 {
    font-size: 15px;
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 19px
}

.list-content .text.txt {
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .02em;
    text-transform: lowercase
}

.list-content .btn.btn-more {
    font-size: 12px;
    width: 125px;
    height: 36px;
    line-height: 34px
}

.submenu ul li ul {
    border-top: 1px solid #ededed
}

.submenu ul li li a {
    padding-left: 40px
}

.submenu ul li li li a {
    padding-left: 60px
}

.submenu ul ul ul {
    background: #f7f7f7
}

.submenu ul li.active li.active > a {
    background: transparent;
    color: #72b500
}

.submenu ul li li a:hover {
    color: #72b500;
    background: transparent
}

.select-mobile-container {
    display: none
}

.submenu > ul > li > a:after {
    content: "\f105";
    display: inline-block;
    font: 14px/1 FontAwesome;
    color: inherit;
    right: 20px;
    top: 50%;
    margin-top: -9px;
    position: absolute
}

.submenu > ul > li.active > a:after {
    color: inherit;
    content: "\f106"
}

.submenu {
    border-right: 1px solid #ededed
}

.submenu ul > li > ul > li.children > a:after {
    content: "\f105";
    display: inline-block;
    font: 14px/1 FontAwesome;
    color: inherit;
    right: 20px;
    top: 50%;
    margin-top: -9px;
    position: absolute
}

.submenu ul > li > ul > li.children.active > a:after {
    content: "\f106"
}

.submenu ul li li:last-child {
    border: 0 none
}

.list-box-container {
    padding-bottom: 50px
}

.submenu-product-wrapper {
    min-height: 50px;
    margin-top: 28px;
    margin-bottom: 19px
}

nav.submenu-product {
    border: 1px solid #e5e5e5
}

nav.submenu-product ul {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: stretch;
    justify-content: center
}

nav.submenu-product ul li {
    display: flex;
    align-items: stretch;
    width: 100%;
    position: relative
}

nav.submenu-product ul li a {
    width: 100%;
    font-size: 15px;
    font-weight: 600;
    color: #000;
    text-decoration: none;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color .4s
}

nav.submenu-product ul li a.active {
    color: #8adb00
}

@media screen and (min-width: 1140px) {
    nav.submenu-product ul li a:hover {
        color: #8adb00
    }
}

nav.submenu-product ul li a .btn-icon {
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: middle
}

nav.submenu-product ul li a .caption {
    display: inline-block;
    vertical-align: middle
}

nav.submenu-product ul li:after {
    content: '';
    width: 1px;
    height: 10px;
    display: block;
    position: absolute;
    right: 0;
    background: #e5e5e5;
    top: 50%;
    margin-top: -5px
}

nav.submenu-product ul li:last-child:after {
    display: none
}

.product-img-wrapper {
    padding-bottom: 27px
}

.product-left {
    max-width: 100%;
    display: block;
    position: relative;
    width: 47.7%;
    margin-top: 13px
}

.product-left-box.affix-bottom {
    position: absolute;
    bottom: 0;
    left: 0
}

.product-img-wrapper img {
    display: block;
    max-width: 100%;
    margin: 0 auto
}

img.product-img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    padding: 30px
}

.slider-for .slick-slide a {
    display: block;
    width: 100%;
    background: #fff;
    position: relative
}

.slider-for .slick-slide a::before {
    content: '';
    display: block;
    width: 100%;
    padding-top: 63.7931%
}

.slider-for .slick-slide .product-img-inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.slider-for .slick-slide a img {
    display: block;
    max-width: 100%;
    max-height: 100%
}

.slider-for {
    border: 1px solid #e5e5e5;
    padding: 0;
    background: #fff;
    margin-bottom: 9px
}

.slider-nav .slick-slide {
    margin: 0 5px
}

.slider-nav {
    margin: 0 -5px
}

.slider-nav .slick-slide .slide {
    border: 1px solid #e5e5e5
}

.slide.slick-slide.slick-current.slick-active {
}

.slider-nav .slide:hover {
    cursor: pointer
}

.product-detalis {
    padding-top: 12px;
    padding-bottom: 50px
}

.slider-nav .slide span {
    background: #fff;
    display: block;
    width: 100%;
    position: relative;
    padding-bottom: 64%
}

.slider-nav .slide span img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto
}

.query-box h3 {
    font-weight: 800;
    font-size: var(--font-24);
    background: url(data:image/webp;base64,UklGRugDAABXRUJQVlA4WAoAAAAQAAAAKgAAMgAAQUxQSIADAAABkHZr22G3G7om1mpUt0ndJrVt27Zt27Zt27Zt23bs83yYd2ZOEhETgFWXZH7J/X3cNRLbteGW76KOPjckbWJ4j/wlz+c3y5fCyydrteEn4xK257dby+/x6wthNsWgb7Yl3nbx2ixHs2LVdVTUm0J2SHEnqjN6LV/7sXMn96vigT7oUWRtS35PfhcDCJzzTeTP+y/xEru/OoDHifjaFpyvhuQFPGfFhqys6QM4FxjxVC7lAVyORxY1NzuhAhD0JHaqD8Zag7fRXQDPR2+8zZSQsUCBX2/zY95zk4wGgiKXm9DuPHaGwB+PUqJ2VaFNl27AcFt+o1pSHRyvfU2HPmDFV4k4UU0HG2Lyg8vH3Uan7gM9pTL6iv//zu866p7MUbi/vKFBP1uAKp2tJ7h924k+Y8hFf0AbIX101JT64BszQtXZlgJaSh7F2p++KNf+99Bx5yRw8LJq033gwG2U/2aizil1Fb1s/tA/1kPxYA1oIZMVbutLGBDVV5FFGkIZKaCIGgaBUl9h1kO6Kfg/DlJJM4V0gOJS0FJjyad6sBw06aJqBeUlqxX/11dQVy8NxPVXdYQSUsicVvFFSBAQWDcAvYt0VESMgACpZ6rgC3mUF+gYL/EddKmkgeL+WtD+Tjb14EktB8AzfFfQ7nBPoKLkVWx6DBy4Y0q6oM8tlagkuYFBMc6KDpIKWkp+M+8bK/JLecpLfuDURZRpEvqAy7fdZgxN+MUNUHH8gQbdpaqJOr5WhsWnN6gu9cDh0vcAoy81LTh82Yzx1ecuEPD9cWoDQyMKZTNR2DYFyPPrfWF7mZ9mqwZkfRw3J7kdVm3u7TNuUyfNwOlsWFHAbWp0xIaGaaHB2nn5jeLuSkT0fdm0++5MNwDvByFlAdJM+SCSNsj26EfCYIMOjJGGzJGPW+NW6vC7FttPQ5+9uUNtyeSyQLqo8lNfMtJe8jItXIH7ajmXWwcESlfYGNPaoJ5kpJ340F5U0OCTbXsZTceFS+D59qeUx2euJ6nmOBM4QzOFR/8v8m5l++IZ3btIJqgvUhrzpsCx5uq3IjLfO3oMMH2VS2LofYrVys/Ol9jTDso6UizpOP9aknRY+Ns56RSRekmHZweTUDepZW14iL0cz4Tkt3T8qr3wefLJz0JOW3e7kSV8loWVP9ztx4qvFj4sJRHbyMXzpqVXYvi0amm6RUM/AFZQOCBCAAAAsAMAnQEqKwAzAD4xGItEIiGhEVQAIAMEs4A7AH4AABbwhI+seGAA/vKIf//9cu/XLv1y7/1y7//8WcjEdl4AAAAA) no-repeat left 5px;
    padding-left: 62px;
    float: left
}

.query-box h3 span {
    display: block;
    font-weight: normal;
    font-size: 16px
}

.query-box {
    border: 1px solid #e7e7e7;
    overflow: hidden;
    position: relative;
    padding: 13px 180px 18px 30px
}

a.btn.btn-query {
    float: right;
    border: 1px solid #8adb00;
    border-radius: 0;
    width: 140px;
    height: 40px;
    line-height: 38px;
    display: block;
    padding: 0;
    color: #000;
    font-weight: 600;
    transition: all 300ms ease-out;
    position: absolute;
    right: 31px;
    top: 50%;
    margin-top: -20px;
    background: #8adb00;
    font-size: 13px
}

a.btn.btn-query:hover {
    background: #fff
}

h1.product-title {
    font-size: 33px;
    margin-bottom: 11px
}

.product-right {
    overflow: hidden;
    width: 52.3%;
    padding-left: var(--space-50)
}

.technical-data h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 24px
}

.product-desc {
    padding-bottom: 30px
}

.technical-data {
    padding-bottom: 38px
}

.technical-data:last-child {
    padding-bottom: 0
}

.technical-data .text table td:first-child {
    font-weight: bold;
    border-left: 0 none;
    width: 40%
}

.technical-data .text table {
    margin: 0
}

.technical-data .text table td {
    vertical-align: middle;
    padding: 14px;
    border: 1px solid #e0e0e0
}

.technical-data .text table td:last-child {
    border-right: 0 none
}

.slider-for button.slick-arrow {
    position: absolute;
    border-radius: 0;
    background: #fff;
    z-index: 2;
    padding: 9px;
    width: 35px;
    height: 35px;
    border: 1px solid #e5e5e5;
    bottom: 20px
}

.slider-for button.slick-next {
    right: 20px
}

.slider-for .svgArrow {
    background: url(../images/icons/arrow_black.svg) no-repeat center center / 100% 100%;
    display: block;
    width: 100%;
    height: 100%;
    position: relative
}

.slider-for button.slick-next .svgArrow {
    transform: rotate(180deg);
    transform-origin: 50% 50%
}

.slider-for button.slick-prev {
    right: 60px
}

@media screen and (min-width: 1140px) {
    .slider-for button.slick-arrow:hover .svgArrow {
        background: url(../images/icons/arrow_white.svg) no-repeat center center / 100% 100%
    }

    .slider-for button.slick-arrow:hover {
        background: #8adb00;
        border-color: #8adb00
    }
}

.images-printMode {
    display: none
}

@media print {
    @page {
        margin: 15mm 15mm 30mm 15mm;
    }

    .text ul {
        list-style: disc
    }

    .subpage #content {
        padding-top: 0
    }

    header, footer, .content-left, .breadcrumb-container, .submenu-product-wrapper, .query-box, .slider-for button.slick-arrow, .movie-box-container, #cookiePolicy, .product-img-wrapper {
        display: none !important
    }

    * {
        float: none !important
    }

    .product-left {
        max-width: 100% !important
    }

    .product-left-box {
        width: 100% !important
    }

    .images-printMode {
        display: block;
        font-size: 0;
        width: 100%;
        margin-bottom: 15px
    }

    .images-printMode .image {
        display: inline-block;
        vertical-align: top;
        margin-left: 10px;
        margin-bottom: 10px;
        width: calc(33.3333% - 10px);
        height: 150px;
        line-height: 150px;
        border: 1px solid #e5e5e5
    }

    .images-printMode .image img {
        display: inline-block;
        vertical-align: middle;
        max-width: 100%;
        max-height: 100%;
        padding: 10px
    }

    .content-main .container {
        padding: 0;
        max-width: 100%
    }

    .slider-for .slick-slide a::before {
        display: none
    }

    .slick-slider .slick-track, .slick-slider .slick-list {
        width: 100% !important
    }

    .content-main .slick-slide {
        display: inline-block;
        width: auto !important;
        position: static
    }

    .slider-for .slick-slide:not(:first-child) {
        display: none !important
    }

    .product-details {
        flex-direction: column
    }

    .product-left {
        width: 100%;
        max-width: 50%;
        min-height: auto !important;
        margin: 0 auto;
        page-break-before: always;
        page-break-after: always
    }

    .slider-for {
        border: none
    }

    .slider-for .slick-slide a {
        padding-bottom: 0
    }

    .slider-for .slick-slide a img {
        position: static;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        max-width: 100% !important
    }

    .slider-for {
        font-size: 0
    }

    .content-main {
        float: none;
        width: 100%;
        max-width: 100%;
        margin: 0 auto
    }

    .product-right {
        width: 100%;
        padding-left: 0;
        page-break-before: always;
        page-break-after: always;
        overflow: visible
    }

    .product-left-box {
        position: static !important;
        width: 100% !important
    }

    .table-responsive {
        overflow: visible
    }

    .text ul > li::before {
        margin-left: 0
    }

    table, tbody, thead {
        display: block;
        width: 100%
    }

    tr {
        display: table;
        width: 100%;
        page-break-inside: auto
    }

    tr:not(:first-child) > * {
        border-top: none !important
    }

    tr > *:nth-child(1) {
        width: 40%
    }

    tr > *:nth-child(2) {
        width: 60%
    }

    td, th {
        display: table-cell
    }
}

.optional-box h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 17px
}

.product-details {
    padding-bottom: 30px;
    display: flex;
    align-items: stretch
}

.movie-box-container {
    padding-bottom: 50px
}

.movie-box-container h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px
}

.movie-slider {
    margin: -5px;
    display: flex;
    flex-wrap: wrap
}

.movie-slider .slide {
    padding: 5px;
    width: 33.33%
}

@media screen and (max-width: 800px) {
    .movie-slider .slide {
        width: 50%
    }
}

@media screen and (max-width: 480px) {
    .movie-slider .slide {
        width: 100%
    }
}

.movie-slider .slide a {
    border: 1px solid #e5e5e5;
    display: block;
    position: relative;
    text-align: center;
    color: #fff;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.movie-slider .slide a img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform ease-in-out .6s
}

.movie-slider .slide a .fa {
    font-size: 71px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.movie-slider .slide a:hover {
    color: #8adb00
}

.movie-slider button.slick-arrow {
    position: absolute;
    border-radius: 0;
    background: #fff;
    z-index: 2;
    padding: 9px;
    width: 35px;
    height: 35px;
    border: 1px solid #e5e5e5;
    top: -58px
}

.movie-slider button.slick-next {
    right: 0
}

.movie-slider .svgArrow {
    background: url(../images/icons/arrow_black.svg) no-repeat center center / 100% 100%;
    display: block;
    width: 100%;
    height: 100%;
    position: relative
}

.movie-slider button.slick-next .svgArrow {
    transform: rotate(180deg);
    transform-origin: 50% 50%
}

.movie-slider button.slick-prev {
    right: 40px
}

@media screen and (min-width: 1140px) {
    .movie-slider button.slick-arrow:hover {
        background: #8adb00;
        border-color: #8adb00
    }

    .movie-slider button.slick-arrow:hover .svgArrow {
        background: url(../images/icons/arrow_white.svg) no-repeat center center / 100% 100%
    }

    .movie-slider .slide a:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.offer-subbox-container {
    padding-bottom: var(--space-50)
}

.offer-subbox-container .offer-box {
    background: transparent;
    margin: -14px
}

.offer-subbox-container .offer-item {
    padding: 14px;
    border: 0 none;
    margin: 0
}

.offer-subbox-container .offer-item a {
    border: 1px solid #e6e6e6;
    background: #fff;
    display: flex;
    align-items: center;
    width: 100%
}

.offer-photo {
    width: 60%;
}

.offer-subbox-container .offer-text h3 {
    font-size: var(--font-24);
    margin-bottom: 12px
}

.offer-subbox-container .btn.btn-more {
    width: 125px;
    height: 36px;
    line-height: 34px;
    font-size: 12px
}

.offer-subbox-container .offer-text {
    padding: 37px 37px 37px 14px
}

@media screen and (min-width: 1140px) {
    .list-item a:hover .btn.btn-more {
        background: #2b2b2b;
        border-color: #2b2b2b;
        color: #fff
    }
}

.news-subbox-container .container {
    max-width: 1350px
}

.news-subbox-container .news-boxes-sub .container {
    max-width: 1670px
}

.news-box-sub {
    font-size: 0;
    padding: 0;
    margin: -35px -40px;
    padding-bottom: 50px
}

nav.submenu-product.affix {
    background: #fff;
    width: 100%;
    z-index: 999;
    left: 0;
    margin: 0;
    top: 64px
}

#savedProducts {
    display: none;
    overflow: visible;
    max-width: 490px;
    width: calc(100% - 30px);
    margin: 20px auto;
    overflow-y: auto
}

.savedProducts-form {
    display: none;
    margin-top: 20px
}

.productSmall-cell {
    text-align: center
}

.productSmall-list-item + .productSmall-list-item {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e5e5e5
}

.productSmall-cell .product-title {
    color: #000;
    font-weight: 800;
    margin-bottom: 5px;
    display: block
}

.productSmall-cell-image {
    max-height: 200px;
    margin-bottom: 10px
}

.productSmall-cell-image img {
    max-width: 100%;
    max-height: 100%
}

.productSmall-cell .product-remove {
    width: 100%;
    background-color: #2b2b2b;
    border: 1px solid #2b2b2b;
    border-radius: 0;
    color: #fff
}

.productSmall-btns {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e5e5e5
}

.productSmall-btns .btns-fill {
    display: flex;
    justify-content: space-between;
    flex-basis: 100%;
    margin: -5px
}

.productSmall-btns .btn-wrapper {
    padding: 5px
}

.productSmall-cell label {
    padding-right: 10px
}

.productSmall-btns .btns-fill .btn {
    border-radius: 0;
    background-color: #fff;
    border-color: #e5e5e5
}

.productSmall-btns .btn.btn-green {
    background-color: #8bdb00;
    border-color: #8bdb00;
    color: #fff
}

@media screen and (min-width: 1140px) {
    .productSmall-cell .product-remove:hover {
        background-color: #fff;
        color: #2b2b2b
    }

    .productSmall-btns .btn.btn-green:hover {
        background-color: #fff;
        color: #8bdb00
    }

    .productSmall-btns .savedProducts-close:hover {
        background-color: #e5e5e5
    }
}

#form-name {
    position: absolute;
    top: 0;
    left: -10000px
}

.gallery-picture-video .gallery-picture-hover {
    opacity: 1
}

.gallery-picture-video .gallery-picture-hover > .gallery-picture-hover-icon {
    background: url(../images/icons/yt.svg) no-repeat center center /cover
}

.gallery-picture-video .gallery-picture-hover:hover .gallery-picture-hover-icon {
    background: url(../images/icons/yt_white.svg) no-repeat center center /cover
}

.consent-box {
    padding: 15px 15px;
    margin-bottom: 15px;
    background-color: rgba(0, 0, 0, .75)
}

.consent-box h4 {
    font-size: 20px;
    color: #8adb00;
    text-transform: uppercase;
    background: url(https://www.wirex.pl/static/images/icons/arrow_down2.svg) no-repeat right 5px;
    background-size: 20px 20px
}

.consent-box h4.active {
    background: url(https://www.wirex.pl/static/images/icons/arrow_up2.svg) no-repeat right 5px;
    background-size: 20px 20px
}

.form-element-option-text > div {
    display: inline
}

.form-element-option-text > div:before {
    content: '';
    display: block
}

.slider-nav .slide {
    border: 1px solid #e5e5e5;
    transition: border .2s
}

.slider-nav .slide:hover {
    border: 1px solid #8adb00
}

.webkit-clamp label span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.consent-row label span > div {
    display: none
}

.consent-readmore {
    display: inline-block;
    margin-left: 25px;
    font-size: 13px;
    line-height: 24px;
    color: #fff;
    letter-spacing: .05em;
    font-weight: 300
}

.consent-readmore:hover {
    cursor: pointer;
    text-decoration: underline
}

.consent-readmore .less {
    display: none
}

.consent-readmore.active .less {
    display: block
}

.consent-readmore.active .more {
    display: none
}

.article-text ul {
    padding-bottom: 15px
}

.error-actions .btn {
    background-color: #8bdb00;
    border-color: #8bdb00
}

@media screen and (min-width: 1140px) {
    .error-actions .btn:hover {
        background-color: #fff;
        color: #8bdb00
    }
}

.fancybox-slide--iframe.fancybox-slide--video .fancybox-content {
    position: relative;
    height: auto;
    max-width: 900px
}

.fancybox-slide--iframe.fancybox-slide--video .fancybox-content::before {
    content: '';
    display: block;
    width: 100%;
    padding-top: 56.25%
}

.fancybox-slide--iframe.fancybox-slide--video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.inquiry-form .form-group-lg .captcha-image-wrapper, .inquiry-form .form-control {
    box-shadow: none;
    border-radius: 0
}

.inquiry-form button.captcha-refresh.btn.btn-default {
    right: 7px;
    border-color: #e5e5e5
}

.inquiry-form .icheckbox_minimal-custom, .inquiry-form .iradio_minimal-custom {
    background-image: url(data:image/webp;base64,UklGRnAHAABXRUJQVlA4WAoAAAAQAAAAxwAAEwAAQUxQSPACAAANkIPtnyFJ/+4enp35Lp4Lbds2Qq2ZXbZ2dLZt29ltdHa0NprPbP3rXzW7tc+lEcHAbSNFs7vH4KPZe4MH4qKBchZ8pKSkIQY4FQV5iNTpll1j/GB9OyJr6YIic2tEEV0iY+Fu6MKLtgkARr/kfWvuRCM2i8MsAxNIy+n262lPYGb2hd2bZC3dqJzpY4POAAHQrjZs5CyWlMXtgLKqGZc5y74559ayE7w8+ORC+4MSOYuKIV6q4afWBwye4od1DXewxSdjoV4jg7fMSfvFUczNo52HchblJ/mPVL9k+UiNc321K7bYN5DF0Wn1VWY5e/E7Rcke3bhB0qJ2I3JNsq3THJ+XkMdbiEkXWQRsXWOW9nW0Zcu5OEmL0i8xlTLjTV0AcxOLZC0OitYQtIUZQIsrgh3XMI9/fR9fOMpZer2KQPnkJmxR+WskM/8Q0oUSSr8KWQtuAwBCbSF0ngoYnSHyHcz63mFBRwCASN4cbFE3reCGs0X0CKQLQ5yYLCG2XZC3+J+I4sUsi7OMZduNe48tCudH3JS4AmGH3lPOovLRcOOTIMqI9M6xWdBe7UHOYs16IYjxFm/5yEYfkEXVMdtCMF3bMyAIq1HGYjYB1PZhi8Jsk/6o1QP8239QENt+8JYpZREoT+Isilbx2qIEIayQWYTWAoCiuKiV1Y4d8MtUBHD44hOTTkOzMnlL0+RyyqJuFeyRleoK+lo9l1kcP/1qGMySoul0F+DlAWQln91CxommfEmLwlWjb8Tq6xwKZ7/lyHJD0CcvQ5arAvxKZtngjKB61zR3saxFzSpzojsN6xwf/8R952OzeGwSbaRzlofO0K02vslnvDg5S3f6z97YcN3z/OxOafpS0uIG2NF00nJV0ww25cFyzlLysPHsgwMvek3YNrdpkZxFiazeORb85FYn7+tvgF1Xkkdb4voZYNcXCyx7Bhpg15SRlg2J57Jngfkps0DWItNFKmGRu9XsW8ourXC60HLiuyVp+Q8VAFZQOCBaBAAAkBkAnQEqyAAUAD4xFIlCoiEhFis1wCADBKDcd4gBggCbh/QPxm58HZsxN6d/wH2n+6v+Z+LN6i+4A/iP8s/2vqO/4D+Ae4D8gPcA/rX8Y6wD0AP1p9Gv9qvgW/Zn9n/Z3/+Gcb9PTITHMey2XREMZD+srqBfqZ1cvQA/XI/j+A0LIMFdfiOAaQzaZHf/vIpoHD/hh+TnCEwV6cYakmyHQbNQ+t9YtpyMa7mdtT5PHLLcoRLzZ6uT6vYKLvWJObBMEAezL4Or5A84JFEp3DPg+HRHLTuwAP7/1F/1rCvjyGAD+FPZNutbSSer7QYbP29L/MTz7EjlrVD1/Wbe7r/+SQgQTRCct7P3GwBRASHXTxX+wv/tt94HbK07ln1vaIT10nu6d/7i4cEYzPkZU3regtBnfJsN02DRuPCnFpk57C0LeA99HJudfbe/zJC39XbckGNezVJ0cB72hYXdf7iY7oKzuA6Fiu0Rbfz4/BOV2O62WmN9jGyy3934PwVWzD+Jj23RlXmui4y9D8pgUnjxZW8ZzSPh35cKP2znfowzT705sj08HJrvovckR9qBAf/8uauLhMVxe7XKf/xnHHxf/PB//nEP//Nw/v+ItI5WL/T23r1MzV7QLntyG5xCnw6GyLEv6AveeFkZHUbom5m6Ry6iI2d0YJXKLiurH5ha+KIP/L0hcA6s5O/G3HBPp4IHzhDdKzvLfUIT2nxaXyMp8qlhet9G+2T4dF6zcqGNUisYFFxf4GHwFT6hu3UE+P0W3MoVZcBFakLO3iZOIHeBTv3qU6byVepw6IlKgdAja/taHf7h1sA31slm16w76907GmsjFnvL3yhqhhh+am/XqOEgOkaL2Q7T3z1KwSWKXy86pv/yfAZuALvmehVrVmSLwnuCJWZefxQ+alN2HpisTUy6W2/fLzHvd/NPslvwpyId88MN4Ln1pfRE2CChjBoAuZQdZ891qOPIToAB8n8L8DcCrQwM1KsGTzF0XmHJk2EU2IlAI+f/1HpPsxVV1Sr1dP126mUzCckK+ldjQuPXzINuH0wTDOk4tftf0j3PiJB4BgVOpOf/vdQK0v5bzgzKE+vFOyMlXkxmtUagf+NE4ICcWQNcX/E3gHDPdNtEr0ah5LBKAroUC0VdSinZXko/nK3If/XzAXxwBSspNil54HqIY7hUirSMVzSXDumEK/t3dS6wSGAoV7fuGU65w+qYueJR/2tpqoZu88zjOd72fuL2ayadgTpRmXF7eryYNmWn2wRjkI/CQN8woahV6f48geJx91TusXYrfmFPK72m7lkUYRhQX/OAABq3fptgYCeTs+PW2++T+yxfiVhtpG6UIMBAIOytX3lpFGnHPKv/pSVX27sKvty8e1msBp/c8dkH3vObuUw81OwU0IJ1yxGa7CMOLSNjVCdDv8yIW02nNKdwqBVcMiwSsgtDAqfQgs8DT9CM92KF0SwWMbYo0bNB9rK6D3q0ZwAAAA==)
}

.inquiry-form .row {
    margin-left: -7px;
    margin-right: -7px
}

.inquiry-form *[class*="col-"] {
    padding-left: 7px;
    padding-right: 7px
}

.opacityOne {
    opacity: 1 !important
}

.distributors-arrow {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 48px;
    height: 48px;
    line-height: 46px;
    border: 1px solid #8adb00;
    background-color: #8adb00;
    color: #fff;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    transition: opacity .2s
}

.distributors-arrow::after {
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border: 1px solid #000;
    pointer-events: none;
    animation-name: pulsingBorder;
    animation-duration: 3s;
    animation-iteration-count: infinite
}

@keyframes pulsingBorder {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes pulsingBorder {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.fancybox-is-open .fancybox-bg {
    opacity: 0.5
}

.technical-data table {
    width: 100%
}

.slider-nav .slick-list, .slider-nav .slick-track {
    display: flex
}

.seo-text-section .btn.active .caption, .seo-text-section .btn .caption.active {
    display: none !important
}

.seo-text-section .btn.active .caption.active {
    display: block !important
}

.seo-text-section .description {
    display: none
}

.seo-text-section {
    margin-bottom: var(--space-50)
}

.seo-text-section .btn-wrapper {
    display: flex;
    justify-content: center;
    margin: var(--space-25) 0
}

.main-faq {
    margin-bottom: var(--space-40)
}

.main-faq .section-title {
    font-size: 24px;
    margin-bottom: 15px;
    font-weight: 700;
    text-align: left;
    color: rgba(44, 44, 44, 1)
}

.faq-item-heading:hover {
    border-color: #8adb00
}

.faq-item-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 11px 10px 11px;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, .1);
    transition: all .4s
}

.faq-item {
    padding: 15px 0
}

.faq-item .item-name {
    font-size: 16px;
    font-weight: bold;
    color: #000
}

.faq-toggle:hover {
    background-color: #8adb00;
    color: #fff
}

.faq-toggle {
    width: 46px;
    height: 46px;
    border: 1px solid rgba(0, 0, 0, .1);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: transparent;
    transition: background-color .3s, border-color .3s;
    flex-shrink: 0;
    margin-left: 10px
}

.faq-content.text {
    word-break: break-word
}

.faq-content {
    padding: var(--space-25) var(--space-50);
    padding-bottom: calc(var(--space-25) + 9px);
    display: none
}

.my-40 {
    margin: var(--space-40) 0 !important
}

.shop-product-box .list-item {
    width: 100%
}

.product-img-inner {
    margin: 0 -14px
}

.slider-for:not(.slick-initialized) .slide {
    flex-shrink: 0;
    width: 100%
}

.product-list-slider:not(.slick-initialized) .shop-product-box {
    flex-shrink: 0;
    width: 33.33%
}

.product-list-slider:not(.slick-initialized) {
    flex-wrap: nowrap;
    overflow: hidden
}

.slider-nav, .slider-for {
    display: flex;
    width: 100%;
    overflow: hidden
}

.slick-track, .slick-list {
    display: flex;
    width: 100%
}

.shop-product-slider .product-list-slider {
    margin: 0 -14px
}

.shop-product-slider {
    margin: var(--space-40) 0
}

.shop-product-slider h2 {
    pointer-events: none
}

.product-list-slider button.slick-arrow:hover .svgArrow {
    background: url(../images/icons/arrow_green.svg) no-repeat center center / 100% 100%
}

.product-list-slider button.slick-arrow {
    transition: all .4s
}

.footer-menu.active > ul {
    height: 710px;
}

.footer-menu > ul {
    height: 168px;
    overflow: hidden;
    transition: all .4s
}

.footer-menu-toggle:not(.active) .active, .footer-menu-toggle.active .no-active {
    display: none
}

.footer-menu-toggle {
    color: #fff
}

.address-item .item-title {
    font-size: 15px;
    font-weight: 700;
    color: #000;
    line-height: 26px
}

.fancybox-modal-image {
    float: left;
    margin-right: 25px;
    /*margin-bottom: var(--space-25);*/
    width: 56%;
    /*margin-top: var(--space-25);*/
    /*margin-left: var(--space-25);*/
}

.fancybox-modal.fancybox-modal {
    max-width: 1000px;
}

.fancybox-modal a {
    /*padding: var(--space-25);*/
    color: #000;
    text-decoration: none !important;
    padding: var(--space-25);
    display: block;
    overflow: hidden;
}

.no-img .fancybox-modal {
    max-width: 600px;
}

.fancybox-modal-wrapper .text {
    padding: 15px;
    overflow: visible;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
}

.fancybox-modal-wrapper .fancybox-close-small:after {
    top: 5px !important;
    right: 5px !important
}

.category-tiles {
    margin-top: var(--space-40)
}

.tile-group {
    margin-bottom: var(--space-50)
}

.tile-group .group-title {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: var(--space-40)
}

.group-items .item:nth-child(even) {
    flex-direction: row-reverse
}

.group-items .item {
    display: flex;
    align-items: center;
    width: 100%
}

.group-items .item-img {
    width: 50%
}

.group-items .item-img img {
    display: block;
    max-width: 100%;
    width: 100%
}

.group-items .item:nth-child(odd) .item-content {
    padding-right: var(--space-40);
    padding-left: calc(var(--space-50) * 2)
}

.group-items .item-name .icon {
    flex-shrink: 0;
    max-width: 90px;
    max-height: 90px;
}

.group-items .item-name .caption {
    font-size: 18px
}

.group-items .item-name {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    gap: var(--space-25);
    margin-bottom: var(--space-50)
}

.group-items .item-content {
    padding-right: calc(var(--space-50) * 2);
    width: 50%;
    display: flex;
    padding-top: var(--space-25);
    padding-bottom: var(--space-25);
    flex-direction: column
}

.fancybox-slide .fancybox-modal-wrapper {
    overflow: hidden;
    border-radius: 30px;
}

.fancybox-slide .fancybox-modal {
    overflow: hidden;
    border-radius: 30px;
}

@media screen and (min-width: 1919px) {
    .compensate-for-scrollbar {
        margin-right: auto !important;
    }
}

/*.text-box-container section.slider .slide {*/
/*    position: relative;*/
/*    height: 100vh;*/
/*    max-height: 550px;*/
/*    min-height: unset;*/
/*}*/

section.slider .slide:before {
    position: absolute;
    content: '';
    display: block;
    z-index: 1;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.3);

}

/*.text-box-container section.slider .titleSvg {*/
/*    font-size: 10.8167vw;*/
/*    margin: 0 auto;*/
/*    text-align: center;*/
/*    width: calc(100% - 100px);*/
/*}*/

/*.text-box-container section.slider .slider-photo {*/
/*    height: 100vh !important;*/

/*}*/

/*.text-box-container section.slider {*/
/*    height: 100vh;*/
/*    max-height: 550px;*/
/*    min-height: unset;*/
/*}*/
/**/

.text-box-container .opinion-box-container .slider-arrows button.slick-hidden,
.text-box-container .section-team .slider-arrows button.slick-hidden,
.text-box-container .section-gallery .slider-arrows button.slick-hidden {
    display: none !important;
}

.text-box-container .opinion-box-container .slider-arrows button + button,
.text-box-container .section-team .slider-arrows button + button,
.text-box-container .section-gallery .slider-arrows button + button {
    transform: rotate(180deg);
}

.text-box-container .opinion-box-container .slider-arrows button .svgArrow,
.text-box-container .section-team .slider-arrows button .svgArrow,
.text-box-container .section-gallery .slider-arrows button .svgArrow {
    filter: invert(1);
}

.text-box-container .opinion-box-container .slider-arrows,
.text-box-container .section-team .slider-arrows,
.text-box-container .section-gallery .slider-arrows {
    display: flex;
    align-items: center;
}

.text-box-container .opinion-box-container .slider-arrows button,
.text-box-container .section-team .slider-arrows button,
.text-box-container .section-gallery .slider-arrows button {
    width: 40px;
    height: 40px;
    border: 0 none;
    border-radius: 0;
    color: #fff;
    background: transparent;
    z-index: 2;
    padding: 3px
}

.text-box-container section.slider button.slick-arrow {
    width: 40px;
    height: 40px;
    position: absolute;
    border: 0 none;
    border-radius: 0;
    color: #fff;
    background: transparent;
    z-index: 2;
    bottom: calc(var(--space-40) + var(--space-50));
    padding: 3px
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}

/*.text-box-container section.slider .title1 {*/
/*    color: #fff;*/
/*    font-size: var(--font-30);*/
/*    font-weight: 800;*/
/*    margin-bottom: 24px;*/
/*    max-width: 835px;*/
/*    margin-left: auto;*/
/*    margin-right: auto;*/
/*    position: absolute;*/
/*    bottom: 40px;*/
/*    z-index: 1;*/
/*    left: 0;*/
/*    right: 0;*/
/*    text-align: center;*/
/*}*/

@media screen and (max-width: 639px) {
    /*.text-box-container section.slider .title1 {*/
    /*    bottom: 80px;*/
    /*}*/
    .text-box-container section.slider .img-floating.img-floating {
        display: none !important;
    }

    .text-box-container .slider-text {
        top: 50%;
    }
}

.text-box-container section.slider button.slick-prev {
    left: calc(2 * var(--space-40));
}

.text-box-container section.slider .img-floating {
    display: block !important;
    position: absolute;
    z-index: 20;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
    max-width: 25vw;
}

.text-box-container section.slider button.slick-next {
    right: calc(2 * var(--space-40));
    transform: rotate(180deg);
}

.text-box-container section + section {
    margin-top: var(--space-50);
}

.section-text .section-title {
    text-align: left;
}

.section-text .text {
    font-size: 15px;
    line-height: var(--font-26);

}

.section-gallery {
    /*background-image: url("../images/press-bg2.webp");*/
    /*background-repeat: no-repeat;*/
    /*background-size: cover;*/
    /*background-position: center;*/
    padding: var(--space-60) 0;
}

.section-team .section-heading,
.section-gallery .section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section-gallery .slide-item {
    padding: 0 var(--space-40);
}

.section-gallery .slide-item-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    /*background: #f6f6f6;*/
}


.section-team .slider-list {
    margin: 0 calc(-1 * var(--space-25));
    width: calc(100% + (2 * var(--space-25)));
}

.section-gallery .slider-list {
    margin: 0 calc(-1 * var(--space-40));
    width: calc(100% + (2 * var(--space-40)));
}

.section-gallery .slide-item img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.section-tiles .container-heading,
.section-team .container-heading {
    max-width: 1350px !important;
}

.section-tiles .container,
.section-team .container {
    max-width: 1670px;
}

.section-team .item-img img {
    display: block;
    max-width: 100%;
}

.section-team .slide-item {
    padding: 0 var(--space-25);
}

.section-team .item-img {
    /*filter: grayscale(1);*/
    margin-bottom: var(--space-40);
}

.section-team .item-name {
    font-size: 24px;
    font-weight: 800;
}

.section-team .text {
    text-transform: uppercase;
}

.contact-info .contact-data .icon svg *,
.contact-info .contact-data .icon svg {
    fill: currentColor;
}

.contact-info .contact-data .icon {
    width: 40px;
    height: 40px;
    color: #72B500;
}

.contact-info {
    margin-top: var(--space-25);
}

.contact-info .contact-data {
    display: flex;
    align-items: center;
    color: #000;
}

.section-tiles .section-title {
    color: #fff;
}

.section-tiles .text {
    text-transform: uppercase;
    margin-bottom: var(--space-50);
}

.section-tiles {
    background: #414042;
    color: #fff;
    padding: calc(var(--space-60) + 10px) 0 calc(var(--space-50) * 2) 0;
}

.section-tiles .tiles-list .item {
    width: calc(33.3% - 15px);
}

.section-tiles .tiles-list {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
    /*grid-template-columns: repeat(3, 1fr);*/
}

@media screen and (max-width: 800px) {
    .section-tiles .tiles-list .item {
        width: calc(50% - 10px);
    }
}

.text-box-container section.slider .img-floating img {
    max-width: 100%;
}

@media screen and (max-width: 580px) {
    .section-tiles .tiles-list .item {
        width: 100%;
    }
}

.section-tiles .tiles-list .item {
    position: relative;
}

.section-tiles .tiles-list .item:before {
    z-index: 2;
    content: '';
    background: #414042;
    opacity: 0.7;
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.section-tiles .tiles-list .item .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    transform: translate3d(-50%, -50%, 0);
}

.section-tiles a img {
    display: block;
    max-width: 100%;
}

.section-tiles a:hover img {
    transform: scale(1.1);
}

.section-tiles a img {
    transition: all 0.4s;
}

.section-tiles a {
    display: block;
    width: 100%;
    overflow: hidden;
}

.mainpage .offer-box .offer-item a .offer-text .offer-name {
    font-size: var(--font-24);
    margin-bottom: 10px;
}

.mainpage .offer-box .offer-item a .offer-text {
    position: relative;
    /* width: 100%; */
    /* padding: 10px 14px 10px; */
}

/*.mainpage .offer-box .offer-item a {*/
/*    flex-direction: column;*/
/*}*/

.mainpage .offer-box .offer-item .offer-photo {
    /* flex-grow: 1; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.mainpage .offer-box .offer-item {
    /* width: 25%; */
    /* display: flex !important; */
}

/*.offer-item:nth-child(3) {*/
/*    border-left: 1px solid #e5e5e5;*/
/*    border-bottom: 1px solid #e5e5e5;*/
/*}*/
/**/
.join-section-wrapper .video-box-container {
    width: 50%;
    min-height: 31.677vw;
}

.join-section-wrapper .track-box-container {
    padding-top: 30px;
    padding-bottom: 30px;
    background-size: cover !important;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*.track-box-container h2 {*/
/*    font-size: var(--font-48);*/
/*}*/
/**/
.join-section-wrapper {
    display: flex;
}

.mainpage .news-box .news a .news-photo {
    width: 100%;
}

.mainpage .news-box .news a .news-content {
    width: 100%;
    padding-left: 0;
    margin-top: 10px;
}

.mainpage .news-box .news a {
    display: flex;
    flex-direction: column;
}

/* Opinie Google*/

.opinion-box-title {
    text-align: center;
    font-size: var(--font-48);
    color: var(--color-primary);
    margin-bottom: 0;
    font-family: 'Tenor Sans', sans-serif;
    width: 100%;
}

.opinion-box-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.opinion-box-container .section-heading {
    margin-bottom: var(--space-50);
}

.opinion-box-container .section-title {
    margin-bottom: 0 !important;
    font-size: var(--font-30);
}

.opinion-box-container {
    /*margin-top: 0 !important;*/
    background-image: url("../images/wirexbg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: calc(var(--space-60) + 10px);
    position: relative;
    padding-bottom: calc(var(--space-60) + 10px);
    background-color: #f5f5f5;
}

.opinion-box-wrapper {
    position: relative;
}

.opinion-box-wrapper .slider-arrows .prev {
    left: -90px;
}

.opinion-box-wrapper .slider-arrows .next {
    right: -90px;
}

.opinion-box-wrapper .slider-arrows .btn-arrow {
    width: 50px;
    height: 50px;
}

.opinion-box-wrapper .btn-arrow .icon {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
}

.google-image {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 120px;
}

.google-image img {
    display: block;
    max-height: 100%;
    max-width: 100%;
}

.opinion-box:not(.slick-initialized) .opinion-item:nth-of-type(n + 4) {
    display: none;
}

.opinion-box .slick-track {
    display: flex;
    align-items: stretch;
}

.opinion-box .slick-track .opinion-item {
    height: unset;
}

.opinion-item {
    padding: 10px;
    width: 25%;
    flex-shrink: 0;
}

.opinion-item-inner {
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.3s;
    /*border: 1px solid rgba(0, 0, 0, 0.1);*/
    border-radius: 10px;
    /*background-color: #f3f3f3;*/
    background-color: rgba(237, 237, 237, 0.3);
    padding: 25px;
    width: 100%;
    height: 100%;
    color: #000;
}

.opinion-item-bottom {
    flex-grow: 1;
    display: flex;
    align-items: center;
}

.opinion-item-inner:hover {
    box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.15);
}

.opinion-item-inner .text {
    color: #000;
    font-size: 14px;
    line-height: 1.875em;
}

.opinion-item-inner .text {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.opinion-author-name {
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: space-between;
}

.opinion-author-right {
    flex-grow: 1;
}

.google-icon {
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.google-icon img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

img.opinion-sign {
    position: absolute;
    right: 0;
    top: 90px;
    max-width: 12%;
}


.opinion-author-name {
    font-weight: 600;
}

.opinion-date {
    color: rgba(0, 0, 0, 0.3);
    font-size: 14px;
}

.opinion-author {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 10px;
}

.author-image {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.author-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.read-more {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.3);
}

.opinion-item-inner:hover .read-more {
    text-decoration: underline;
}

.opinion-rating {
    display: flex;
    align-items: center;
    margin: 7px 0 4px 0;
    gap: 3px;
    color: #f3bd00;
}

.opinion-rating > * {
    display: block;
    width: 15px;
    height: 16px;
    transform: translate(-2px, -3px);
}

.google-avg-rating {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    flex-direction: column;
    margin-bottom: 15px;
}

.google-avg-rating .opinion-rating {
    font-size: 28px;
    margin: 0;
}

.opinion-count {
    font-size: 14px;
    font-weight: 300;
    margin-top: 5px;
    color: var(--color-secondary);
}

.google-avg-rating .opinion-rating > * {
    width: 31px;
    height: 31px;
}

.opinion-avg {
    font-size: var(--font-36);
    color: var(--color-secondary);
    font-weight: 700;
    line-height: 1;
}

.opinion-avg-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.opinion-box {
    display: flex;
}

.section-heading-left {
    display: flex;
    align-items: center;
}

.info-left {
    min-width: 20px;
}

.info-left .opinion-logo {
    max-width: 120px;
    margin-right: auto;
    margin-left: auto;
}

.opinion-logo {
    max-width: 34px;
    margin-right: 25px;
}

.opinion-logo img {
    display: block;
    max-width: 100%;
}

.opinion-box-container .section-content .item-list {
    width: 75%;
}

.opinion-box-container .section-content,
.opinion-box-container .section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.opinion-box-container .buttons-center .btn.btn-more:hover {
    background-color: #fff;
    color: #8adb00;
}

.opinion-box-container .buttons-center .btn.btn-more {
    color: #fff;
    background-color: #8adb00;
    border-color: #8adb00;
}

.opinion-box-container .buttons-center {
    margin-top: var(--space-50);
    display: flex;
    justify-content: center;
}

.about-page section.slider > .container .breadcrumb > li > a {
    color: #fff;
}

.about-page section.slider > .container h1 {
    color: #fff;
}

.about-page section.slider > .container {
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 70px;
}

.about-page section.slider {
    position: relative;
}

.opinion-box-container + .section-tiles + section {
    margin-top: 0;
}

.opinion-box-container + .section-tiles {
    margin-top: 0;
}

.newsletter-box {
    box-shadow: 0 6px 10px -1px rgba(0, 0, 0, 0.1);
}

.newsletter-box-inner {
    display: flex;
    justify-content: space-between;
    gap: 100px;
}

.newsletter-img-box {
    margin-left: min(calc((((1660px) - 2 * var(--container-padding) - 100vw) / 2)), calc(-1 * var(--container-padding)));
    position: relative;
}

.newsletter-img-box-bg img {
    display: block;
    max-width: 100%;
    object-fit: cover;
    height: 100%;
    min-height: 540px;
}

.newsletter-img-box-top {
    position: absolute;
    bottom: 0;
    right: -50px;
    z-index: 3;
    display: flex;
    justify-content: flex-end;
}

.newsletter-img-box-top img {
    display: block;
    max-width: 100%;
    transition: .2s all;
}

.newsletter-img-box-bg {
    position: relative;
    overflow: hidden;
    height: 100%;
}

.newsletter-img-box-bg:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to left, white 0%, white 5%, transparent 40%);
    pointer-events: none;
    z-index: 2;
}

.newsletter-img-box-bg:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to left bottom, white 0%, white 5%, transparent 40%);
    pointer-events: none;
    z-index: 2;
}

.newsletter-content {
    flex-basis: 570px;
    flex-shrink: 0;
    padding: 70px 0;
}

.newsletter-title {
    margin-bottom: 40px;
    font-size: 49px;
    letter-spacing: 1px;
    transition: .2s all;
}

.newsletter-title .line1 {
    color: #8adb00;
    font-weight: 900;
}

.newsletter-form-wrapper .newsletter-form {
    display: flex;
}

.newsletter-form-wrapper .newsletter-form .newsletter-form-input-wrapper {
    flex-grow: 1;
}

.newsletter-form-wrapper .newsletter-form .newsletter-form-input-wrapper .form-group-lg .form-control {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    border: 1px solid #000;
    border-radius: 0;
}

.newsletter-form-wrapper {
    margin-bottom: 15px;
}

.newsletter-description {
    font-size: 12px;
    font-weight: 600;
}

.newsletter-form-wrapper button.btn.btn-primary {
    background-color: #000 !important;
    border: 1px solid #000 !important;
    width: 140px !important;
    border-left: none !important;
}


@media screen and (min-width: 1140px) {
    .newsletter-form-wrapper button.btn.btn-primary:hover {
        background-color: #fff !important;
        color: #000 !important;
    }
}

.modal-header {
    background-color: #8adb00;
    color: #fff;
}

.modal-header .close {
    width: 40px;
    border: 1px solid #fff;
    border-radius: 50px;
    height: 40px;
    color: #fff;
    transition: .2s all;
    position: relative;
    z-index: 10000;
    background-color: #8adb00;
}

.modal-header .close:hover {
    background-color: #fff;
    color: #8adb00;
}

.modal-footer {
    border-top: 1px solid rgba(0, 0, 0, .15);
}

.modal-footer .btn.btn-success {
    transition: .2s all;
    background-color: #8adb00;
    color: #fff;
    border: 1px solid #8adb00;
    min-width: 120px;
    border-radius: 0;
    min-height: 36px;
    padding: 0 10px;
    font-size: 15px;
    font-weight: bold;
}

.modal-footer .btn.btn-success:first-letter {
    text-transform: uppercase;
}

.modal-footer .btn.btn-success:hover {
    background-color: #fff;
    color: #8adb00;
}

.modal-body form .has-feedback .input-group+.form-control-feedback {
    right: 10px !important;
}

.modal-body form .hide-after-success .form-control.form-control-email,
.modal-body form .hide-after-success .form-control.captcha-image-wrapper,
.modal-body form .hide-after-success .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.modal-body form .hide-after-success .form-control.captcha-image-wrapper {
    border: 1px solid rgba(0, 0 ,0, .15);
    border-right: none;
}

.modal-body form .consent-readmore,
.modal-body form .after-consent-row {
    display: none;
}

.modal-body form .consent-row .form-element-option-text {
    font-size: 11px;
}

.modal-body form .consent-row .icheckbox_minimal-custom {
    border: 1px solid #8adb00;
}

.modal-body form .hide-after-success .form-group {
    margin-bottom: 20px;
}

.modal-body form .hide-after-success .form-control.captcha-image-wrapper {
    height: 40px;
}

.modal-body form .hide-after-success .form-control.captcha-image-wrapper button.captcha-refresh {
    width: 40px;
    height: 40px;
}

.modal-body form .hide-after-success .captcha-input-wrapper input {
    height: 40px;
}

@media screen and (max-width: 767px) {
    .modal-body .form .hide-after-success button.captcha-refresh.btn.btn-default {
        right: 15px;
    }
}