@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/montserrat-v26-latin_latin-ext-300.woff2") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 300;
    src: url("../fonts/montserrat-v26-latin_latin-ext-300italic.html") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/montserrat-v26-latin_latin-ext-regular.woff2") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 400;
    src: url("../fonts/montserrat-v26-latin_latin-ext-italic.woff2") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/montserrat-v26-latin_latin-ext-500.woff2") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: url("../fonts/montserrat-v26-latin_latin-ext-600.woff2") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/montserrat-v26-latin_latin-ext-700.woff2") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 700;
    src: url("../fonts/montserrat-v26-latin_latin-ext-700italic.html") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    src: url("../fonts/montserrat-v26-latin_latin-ext-900.woff2") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 900;
    src: url("../fonts/montserrat-v26-latin_latin-ext-900italic.html") format("woff2")
}

.pux-container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 160rem
}

.pux-container:after {
    display: block;
    content: "";
    clear: both
}

@media (min-width: 768px) {
    .pux-container {
        padding-left: 15rem;
        padding-right: 15rem
    }
}

.pux-container.upper-container {
    position: relative;
    z-index: 2
}

.pux-container .row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px
}

.pux-container [class^="col"] {
    padding: 15px
}

.pux-container iframe {
    max-width: 100%
}

.pux-fluid-container {
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .pux-fluid-container {
        padding-left: 15rem;
        padding-right: 15rem
    }
}

@media (min-width: 1200px) {
    .pux-fluid-container {
        padding-left: 12rem;
        padding-right: 12rem
    }
}

body:not(.header-fixed) {
    padding-top: 0 !important
}

header {
    position: relative;
    z-index: 100
}

body.header-fixed header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}

header {
    position: relative;
    display: block;
    -webkit-box-shadow: 0 0 40px rgba(48, 85, 103, 0.08);
    box-shadow: 0 0 40px rgba(48, 85, 103, 0.08);
    background: #fff;
    -o-transition: all ease-in-out 400ms;
    -webkit-transition: all ease-in-out 400ms;
    transition: all ease-in-out 400ms;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

header .pux-container {
    max-width: 180rem;
    padding: 0 1.5rem
}

header .load-wrapper {
    height: 100%
}

header .header {
    padding: 2.2rem 0 2.2rem;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between
}

header .header-left,
header .header-right {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

header .header-logo {
    position: relative;
    z-index: 78;
    margin-right: 5rem
}

header .header-logo a {
    display: inline-block
}

header .header-logo a span {
    display: none
}

header .header-logo a img {
    width: 100%;
    height: clamp(25px, 4.8rem, 4.8rem) !important
}

header .header-menu {
    position: absolute;
    top: 100%;
    z-index: 77;
    right: 0;
    background: #fff;
    width: 100%;
    padding-top: 10rem;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    transform: translateY(-150%);
    -o-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms;
    min-height: calc(100vh - 10rem);
    max-height: calc(100vh - 10rem);
    overflow-y: auto
}

@media (min-width: 1200px) {
    header .header-menu {
        position: static;
        background: none;
        width: auto;
        padding-top: 0rem;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        overflow-y: initial;
        min-height: auto
    }
}

header .header-menu ul {
    margin: 0;
    list-style: none;
    padding: 0 10rem
}

@media (min-width: 1200px) {
    header .header-menu ul {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        padding: 0;
        width: 100%;
        gap: 3rem;
        -webkit-box-pack: space-between;
        -ms-flex-pack: space-between;
        justify-content: space-between;
        position: relative
    }
}

@media (min-width: 1500px) {
    header .header-menu ul {
        gap: 5rem
    }
}

header .header-menu ul li {
    display: block;
    position: relative;
    overflow: hidden;
    -o-transition: all ease-in-out 400ms;
    -webkit-transition: all ease-in-out 400ms;
    transition: all ease-in-out 400ms;
    max-height: 60px;
    cursor: default
}

@media (min-width: 1200px) {
    header .header-menu ul li {
        max-height: none;
        overflow: initial;
        -o-transition: all ease-in-out 0ms;
        -webkit-transition: all ease-in-out 0ms;
        transition: all ease-in-out 0ms
    }
}

header .header-menu ul li.hovered {
    z-index: 5
}

header .header-menu ul li.hovered>span {
    color: #14ad53
}

header .header-menu ul li a,
header .header-menu ul li>span {
    display: block;
    color: #2f2f2f;
    cursor: pointer;
    -o-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms;
    text-decoration: none;
    padding: 0;
    position: relative;
    font-weight: 600
}

@media (min-width: 320px) {

    header .header-menu ul li a,
    header .header-menu ul li>span {
        font-size: 3.2rem
    }
}

@media (min-width: 480px) {

    header .header-menu ul li a,
    header .header-menu ul li>span {
        font-size: 2.90909rem
    }
}

@media (min-width: 545px) {

    header .header-menu ul li a,
    header .header-menu ul li>span {
        font-size: 2.66667rem
    }
}

@media (min-width: 768px) {

    header .header-menu ul li a,
    header .header-menu ul li>span {
        font-size: 2.13333rem
    }
}

@media (min-width: 992px) {

    header .header-menu ul li a,
    header .header-menu ul li>span {
        font-size: 2rem
    }
}

@media (min-width: 1200px) {

    header .header-menu ul li a,
    header .header-menu ul li>span {
        font-size: 1.77778rem
    }
}

@media (min-width: 1400px) {

    header .header-menu ul li a,
    header .header-menu ul li>span {
        font-size: 1.6rem
    }
}

@media (min-width: 1200px) and (max-width: 1499px) {

    header .header-menu ul li a,
    header .header-menu ul li>span {
        font-size: 2.8rem
    }
}

@media (min-width: 1200px) and (max-width: 1499px) and (min-width: 480px) {

    header .header-menu ul li a,
    header .header-menu ul li>span {
        font-size: 2.54545rem
    }
}

@media (min-width: 1200px) and (max-width: 1499px) and (min-width: 545px) {

    header .header-menu ul li a,
    header .header-menu ul li>span {
        font-size: 2.33333rem
    }
}

@media (min-width: 1200px) and (max-width: 1499px) and (min-width: 768px) {

    header .header-menu ul li a,
    header .header-menu ul li>span {
        font-size: 1.86667rem
    }
}

@media (min-width: 1200px) and (max-width: 1499px) and (min-width: 992px) {

    header .header-menu ul li a,
    header .header-menu ul li>span {
        font-size: 1.75rem
    }
}

@media (min-width: 1200px) and (max-width: 1499px) and (min-width: 1200px) {

    header .header-menu ul li a,
    header .header-menu ul li>span {
        font-size: 1.55556rem
    }
}

@media (min-width: 1200px) and (max-width: 1499px) and (min-width: 1400px) {

    header .header-menu ul li a,
    header .header-menu ul li>span {
        font-size: 1.4rem
    }
}

@media (min-width: 1200px) {

    header .header-menu ul li a,
    header .header-menu ul li>span {
        font-weight: 700
    }
}

header .header-menu ul li a:focus,
header .header-menu ul li a:hover,
header .header-menu ul li>span:focus,
header .header-menu ul li>span:hover {
    color: #14ad53;
    text-decoration: none
}

header .header-menu ul li>span {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between
}

@media (min-width: 1200px) {
    header .header-menu ul li>span {
        display: block
    }
}

header .header-menu ul li.Highlighted>a {
    color: #14ad53;
    font-weight: 700;
    letter-spacing: -0.36px
}

header .header-menu ul li .submenu {
    display: none;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    visibility: visible;
    -o-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms
}

@media (min-width: 1200px) and (max-width: 1199px) {
    header .header-menu ul li .submenu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 3rem
    }
}

@media (min-width: 1200px) {
    header .header-menu ul li .submenu {
        padding: 4rem 5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        left: 50%;
        visibility: hidden;
        background: none;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        top: 100%;
        margin-top: 2.2rem;
        z-index: 2;
        background: #fff;
        -webkit-box-shadow: 0 0 40px rgba(48, 85, 103, 0.08);
        box-shadow: 0 0 40px rgba(48, 85, 103, 0.08);
        border-radius: 5px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    header .header-menu ul li .submenu:after {
        content: "";
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
        position: absolute;
        top: -10px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

header .header-menu ul li .submenu .submenu-column {
    width: 100%;
    padding: 0 20px 10px
}

@media (min-width: 1200px) {
    header .header-menu ul li .submenu .submenu-column {
        min-width: 220px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        padding: 0 20px
    }
}

header .header-menu ul li .submenu .submenu-column>span,
header .header-menu ul li .submenu .submenu-column>a {
    display: block;
    text-transform: uppercase;
    color: #522974;
    font-weight: 600;
    padding: 0;
    margin: 5px 0
}

@media (min-width: 320px) {

    header .header-menu ul li .submenu .submenu-column>span,
    header .header-menu ul li .submenu .submenu-column>a {
        font-size: 2.8rem
    }
}

@media (min-width: 480px) {

    header .header-menu ul li .submenu .submenu-column>span,
    header .header-menu ul li .submenu .submenu-column>a {
        font-size: 2.54545rem
    }
}

@media (min-width: 545px) {

    header .header-menu ul li .submenu .submenu-column>span,
    header .header-menu ul li .submenu .submenu-column>a {
        font-size: 2.33333rem
    }
}

@media (min-width: 768px) {

    header .header-menu ul li .submenu .submenu-column>span,
    header .header-menu ul li .submenu .submenu-column>a {
        font-size: 1.86667rem
    }
}

@media (min-width: 992px) {

    header .header-menu ul li .submenu .submenu-column>span,
    header .header-menu ul li .submenu .submenu-column>a {
        font-size: 1.75rem
    }
}

@media (min-width: 1200px) {

    header .header-menu ul li .submenu .submenu-column>span,
    header .header-menu ul li .submenu .submenu-column>a {
        font-size: 1.55556rem
    }
}

@media (min-width: 1400px) {

    header .header-menu ul li .submenu .submenu-column>span,
    header .header-menu ul li .submenu .submenu-column>a {
        font-size: 1.4rem
    }
}

@media (min-width: 1200px) {

    header .header-menu ul li .submenu .submenu-column>span,
    header .header-menu ul li .submenu .submenu-column>a {
        margin: 0 0 10px;
        color: #979797
    }
}

header .header-menu ul li .submenu .submenu-column ul {
    display: block;
    padding: 0
}

@media (min-width: 1200px) {
    header .header-menu ul li .submenu .submenu-column ul {
        max-width: 220px
    }
}

header .header-menu ul li .submenu .submenu-column ul li {
    margin: 0;
    margin-bottom: 15px
}

header .header-menu ul li .submenu .submenu-column ul li:last-child {
    margin-bottom: 0
}

header .header-menu ul li .submenu .submenu-column ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%;
    padding-left: 30px;
    font-weight: 400 !important;
    color: #2f2f2f !important
}

@media (min-width: 320px) {
    header .header-menu ul li .submenu .submenu-column ul li a {
        font-size: 2.8rem
    }
}

@media (min-width: 480px) {
    header .header-menu ul li .submenu .submenu-column ul li a {
        font-size: 2.54545rem
    }
}

@media (min-width: 545px) {
    header .header-menu ul li .submenu .submenu-column ul li a {
        font-size: 2.33333rem
    }
}

@media (min-width: 768px) {
    header .header-menu ul li .submenu .submenu-column ul li a {
        font-size: 1.86667rem
    }
}

@media (min-width: 992px) {
    header .header-menu ul li .submenu .submenu-column ul li a {
        font-size: 1.75rem
    }
}

@media (min-width: 1200px) {
    header .header-menu ul li .submenu .submenu-column ul li a {
        font-size: 1.55556rem
    }
}

@media (min-width: 1400px) {
    header .header-menu ul li .submenu .submenu-column ul li a {
        font-size: 1.4rem
    }
}

@media (min-width: 1200px) {
    header .header-menu ul li .submenu .submenu-column ul li a {
        max-width: 100%;
        padding: .5rem 0 .5rem 30px;
        white-space: nowrap
    }
}

header .header-menu ul li .submenu .submenu-column ul li a:focus,
header .header-menu ul li .submenu .submenu-column ul li a:hover {
    color: #14ad53 !important
}

header .header-menu ul li .submenu .submenu-column ul li a img {
    display: none;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 25px !important;
    max-height: 30px;
    margin-left: -30px;
    margin-right: 15px
}

header .header-menu ul li .submenu .submenu-column ul li a span.link-text {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: calc(100% - 25px);
    padding-right: 10px;
    white-space: normal;
    line-height: 1.3
}

@media (min-width: 1200px) {
    header .header-menu ul li .submenu .submenu-column ul li a span.link-text {
        padding-right: 0
    }
}

header .header-menu ul li .submenu .submenu-column ul li a span.link-label {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    max-width: 100%;
    white-space: normal;
    padding: 3px 7px;
    margin: 2px 0 2px;
    text-transform: uppercase;
    font-size: 70%;
    font-weight: bold
}

@media (min-width: 1200px) {
    header .header-menu ul li .submenu .submenu-column ul li a span.link-label {
        max-width: 160px;
        margin-left: 10px
    }
}

header .header-menu ul li .submenu .submenu-column ul li a span.link-label._bg-red {
    background: #d12929;
    color: white
}

header .header-menu ul li .submenu .submenu-column ul li a span.link-label._bg-green {
    background: #14ad53;
    color: white
}

header .header-menu ul li .submenu .submenu-column ul li a span.link-label._bg-purple {
    background: #522974;
    color: white
}

header .header-menu ul li .submenu.submenu-with-news {
    padding: 0
}

header .header-menu ul li .submenu.submenu-with-news:after {
    border-bottom: 10px solid #f8f9fa
}

@media (min-width: 1200px) {
    header .header-menu ul li .submenu.submenu-with-news .submenu-column {
        padding: 4rem 5rem;
        min-width: 300px
    }
}

header .header-menu ul li .submenu.submenu-with-news .submenu-news {
    display: none;
    padding: 4rem 5rem;
    background-color: #f8f9fa;
    min-width: 360px
}

@media (min-width: 1200px) {
    header .header-menu ul li .submenu.submenu-with-news .submenu-news {
        display: block
    }
}

header .header-menu ul li .submenu.submenu-with-news .submenu-news span {
    color: #2f2f2f;
    font-weight: 400
}

@media (min-width: 320px) {
    header .header-menu ul li .submenu.submenu-with-news .submenu-news span {
        font-size: 2.8rem
    }
}

@media (min-width: 480px) {
    header .header-menu ul li .submenu.submenu-with-news .submenu-news span {
        font-size: 2.54545rem
    }
}

@media (min-width: 545px) {
    header .header-menu ul li .submenu.submenu-with-news .submenu-news span {
        font-size: 2.33333rem
    }
}

@media (min-width: 768px) {
    header .header-menu ul li .submenu.submenu-with-news .submenu-news span {
        font-size: 1.86667rem
    }
}

@media (min-width: 992px) {
    header .header-menu ul li .submenu.submenu-with-news .submenu-news span {
        font-size: 1.75rem
    }
}

@media (min-width: 1200px) {
    header .header-menu ul li .submenu.submenu-with-news .submenu-news span {
        font-size: 1.55556rem
    }
}

@media (min-width: 1400px) {
    header .header-menu ul li .submenu.submenu-with-news .submenu-news span {
        font-size: 1.4rem
    }
}

header .header-menu ul li .submenu.submenu-with-news .submenu-news span a {
    font-size: 13px;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

header .header-menu ul li .submenu.submenu-with-news .submenu-news span a:after {
    content: "\e92a";
    display: inline-block;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-left: 5px
}

header .header-menu ul li .submenu.submenu-with-news .submenu-news span:first-child {
    text-transform: uppercase;
    color: #979797;
    padding: 0;
    margin: 5px 0;
    font-weight: 700
}

@media (min-width: 320px) {
    header .header-menu ul li .submenu.submenu-with-news .submenu-news span:first-child {
        font-size: 2.8rem
    }
}

@media (min-width: 480px) {
    header .header-menu ul li .submenu.submenu-with-news .submenu-news span:first-child {
        font-size: 2.54545rem
    }
}

@media (min-width: 545px) {
    header .header-menu ul li .submenu.submenu-with-news .submenu-news span:first-child {
        font-size: 2.33333rem
    }
}

@media (min-width: 768px) {
    header .header-menu ul li .submenu.submenu-with-news .submenu-news span:first-child {
        font-size: 1.86667rem
    }
}

@media (min-width: 992px) {
    header .header-menu ul li .submenu.submenu-with-news .submenu-news span:first-child {
        font-size: 1.75rem
    }
}

@media (min-width: 1200px) {
    header .header-menu ul li .submenu.submenu-with-news .submenu-news span:first-child {
        font-size: 1.55556rem
    }
}

@media (min-width: 1400px) {
    header .header-menu ul li .submenu.submenu-with-news .submenu-news span:first-child {
        font-size: 1.4rem
    }
}

@media (min-width: 1200px) {
    header .header-menu ul li .submenu.submenu-with-news .submenu-news span:first-child {
        margin: 0 0 25px
    }
}

header .header-menu ul li .submenu.submenu-with-news .submenu-news span:last-of-type {
    margin-top: 25px
}

header .header-menu ul li .submenu.submenu-with-news .submenu-news .header-video {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff
}

header .header-menu ul li .submenu.submenu-with-news .submenu-news .header-video-thumb {
    height: 60px;
    min-width: 107px;
    position: relative;
    overflow: hidden
}

header .header-menu ul li .submenu.submenu-with-news .submenu-news .header-video-thumb img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100% !important;
    width: 100%;
    -o-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms
}

header .header-menu ul li .submenu.submenu-with-news .submenu-news .header-video-content {
    font-size: 13px;
    font-weight: 400;
    padding: 5px 5px 5px 10px
}

header .header-menu ul li .submenu.submenu-with-news .submenu-news .header-video:hover .header-video-thumb img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

header .header-menu ul li.hovered>a,
header .header-menu ul li:hover>a {
    color: #14ad53
}

header .header-menu ul li.hovered>.submenu,
header .header-menu ul li:hover>.submenu {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

@media (min-width: 1200px) {

    header .header-menu ul li.hovered>.submenu li a img,
    header .header-menu ul li:hover>.submenu li a img {
        display: block !important
    }
}

@media (min-width: 1200px) {
    header .header-menu ul li:first-child>.submenu {
        -webkit-transform: translateX(-25%);
        -ms-transform: translateX(-25%);
        transform: translateX(-25%)
    }

    header .header-menu ul li:first-child>.submenu:after {
        left: 25%
    }
}

header .header-menu ul li.open {
    max-height: 1500px
}

header .header-menu ul li.open .menu-openner:before {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    -ms-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg)
}

header .header-menu ul li.open .submenu {
    display: block
}

header .header-menu .menu-openner {
    position: relative;
    width: 6rem;
    height: 6rem
}

@media (min-width: 1200px) {
    header .header-menu .menu-openner {
        display: none
    }
}

header .header-menu .menu-openner:before {
    content: "\e92a";
    display: block;
    font-size: 18px;
    -o-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg)
}

header .header-menu .mobile-btns-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 10rem 2rem
}

header .header-menu .mobile-btns-top>a {
    text-decoration: none !important;
    display: inline-block
}

header .header-menu .mobile-btns-top button.header-search-btn {
    margin: 0;
    gap: 2rem
}

header .header-menu .mobile-btns-top .mobile-sign-up span {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

header .header-menu .mobile-btns-top .mobile-sign-up span:before {
    content: "\e971";
    margin-right: 10px;
    color: #bc8bcd
}

header .header-menu .mobile-btns-top .mobile-sign-up-inner {
    text-align: center;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms
}

header .header-menu .mobile-btns-top .mobile-sign-up-inner .btn {
    display: block;
    margin-top: 10px
}

header .header-menu .mobile-btns-top .mobile-sign-up-inner a {
    margin-bottom: 10px
}

header .header-menu .mobile-btns-top .mobile-sign-up.open .mobile-sign-up-inner {
    max-height: 1000px
}

header .header-menu .mobile-btns-bot {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 2rem 10rem 0
}

header .header-menu .mobile-btns-bot a {
    margin-bottom: 10px
}

header .header-menu .mobile-btns-bot .btn {
    display: block;
    width: 100%
}

header .header-btns {
    display: none
}

@media (min-width: 1200px) {
    header .header-btns {
        display: block
    }
}

header .header-btns a {
    margin-left: 2.5rem
}

@media (min-width: 1200px) and (max-width: 1499px) {
    header .header-btns .btn {
        padding: 1rem 1.5rem;
        margin-left: 1.5rem;
        font-size: 2.8rem
    }
}

@media (min-width: 1200px) and (max-width: 1499px) and (min-width: 480px) {
    header .header-btns .btn {
        font-size: 2.54545rem
    }
}

@media (min-width: 1200px) and (max-width: 1499px) and (min-width: 545px) {
    header .header-btns .btn {
        font-size: 2.33333rem
    }
}

@media (min-width: 1200px) and (max-width: 1499px) and (min-width: 768px) {
    header .header-btns .btn {
        font-size: 1.86667rem
    }
}

@media (min-width: 1200px) and (max-width: 1499px) and (min-width: 992px) {
    header .header-btns .btn {
        font-size: 1.75rem
    }
}

@media (min-width: 1200px) and (max-width: 1499px) and (min-width: 1200px) {
    header .header-btns .btn {
        font-size: 1.55556rem
    }
}

@media (min-width: 1200px) and (max-width: 1499px) and (min-width: 1400px) {
    header .header-btns .btn {
        font-size: 1.4rem
    }
}

@media (min-width: 1200px) {
    header .header-selector {
        margin-left: 1.5rem
    }
}

header .header-search button.header-search-btn {
    padding: 0;
    background: transparent;
    border: none;
    outline: 0 !important;
    cursor: pointer;
    margin-left: 3.5rem;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

header .header-search button.header-search-btn:after {
    content: "\e972";
    color: #bc8bcd;
    -o-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms
}

header .header-search button.header-search-btn:hover::after,
header .header-search button.header-search-btn:focus::after {
    color: #522974
}

header .header-contact {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem
}

@media (min-width: 1500px) {
    header .header-contact {
        gap: 4rem
    }
}

header .header-contact a,
header .header-contact .header-sign-up {
    font-size: 2.8rem;
    text-decoration: none;
    color: #2f2f2f;
    font-weight: 400;
    -o-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms
}

@media (min-width: 480px) {

    header .header-contact a,
    header .header-contact .header-sign-up {
        font-size: 2.54545rem
    }
}

@media (min-width: 545px) {

    header .header-contact a,
    header .header-contact .header-sign-up {
        font-size: 2.33333rem
    }
}

@media (min-width: 768px) {

    header .header-contact a,
    header .header-contact .header-sign-up {
        font-size: 1.86667rem
    }
}

@media (min-width: 992px) {

    header .header-contact a,
    header .header-contact .header-sign-up {
        font-size: 1.75rem
    }
}

@media (min-width: 1200px) {

    header .header-contact a,
    header .header-contact .header-sign-up {
        font-size: 1.55556rem
    }
}

@media (min-width: 1400px) {

    header .header-contact a,
    header .header-contact .header-sign-up {
        font-size: 1.4rem
    }
}

header .header-contact a:hover,
header .header-contact a:focus,
header .header-contact .header-sign-up:hover,
header .header-contact .header-sign-up:focus {
    color: #14ad53
}

@media (min-width: 1500px) and (min-width: 320px) {

    header .header-contact a,
    header .header-contact .header-sign-up {
        font-size: 3.2rem
    }
}

@media (min-width: 1500px) and (min-width: 480px) {

    header .header-contact a,
    header .header-contact .header-sign-up {
        font-size: 2.90909rem
    }
}

@media (min-width: 1500px) and (min-width: 545px) {

    header .header-contact a,
    header .header-contact .header-sign-up {
        font-size: 2.66667rem
    }
}

@media (min-width: 1500px) and (min-width: 768px) {

    header .header-contact a,
    header .header-contact .header-sign-up {
        font-size: 2.13333rem
    }
}

@media (min-width: 1500px) and (min-width: 992px) {

    header .header-contact a,
    header .header-contact .header-sign-up {
        font-size: 2rem
    }
}

@media (min-width: 1500px) and (min-width: 1200px) {

    header .header-contact a,
    header .header-contact .header-sign-up {
        font-size: 1.77778rem
    }
}

@media (min-width: 1500px) and (min-width: 1400px) {

    header .header-contact a,
    header .header-contact .header-sign-up {
        font-size: 1.6rem
    }
}

header .header-contact .header-sign-up {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    cursor: pointer
}

header .header-contact .header-sign-up::before {
    content: "\e971";
    margin-right: clamp(10px, 1rem, 1rem);
    color: #bc8bcd
}

@media (min-width: 320px) {
    header .header-contact .header-sign-up::before {
        font-size: 4rem
    }
}

@media (min-width: 480px) {
    header .header-contact .header-sign-up::before {
        font-size: 3.63636rem
    }
}

@media (min-width: 545px) {
    header .header-contact .header-sign-up::before {
        font-size: 3.33333rem
    }
}

@media (min-width: 768px) {
    header .header-contact .header-sign-up::before {
        font-size: 2.66667rem
    }
}

@media (min-width: 992px) {
    header .header-contact .header-sign-up::before {
        font-size: 2.5rem
    }
}

@media (min-width: 1200px) {
    header .header-contact .header-sign-up::before {
        font-size: 2.22222rem
    }
}

@media (min-width: 1400px) {
    header .header-contact .header-sign-up::before {
        font-size: 2rem
    }
}

header .header-contact .header-sign-up-inner {
    position: absolute;
    padding: 2.5rem;
    left: 50%;
    visibility: hidden;
    background: none;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    top: 100%;
    margin-top: 1.8rem;
    z-index: 2;
    background: #fff;
    -webkit-box-shadow: 0 0 40px rgba(48, 85, 103, 0.08);
    box-shadow: 0 0 40px rgba(48, 85, 103, 0.08);
    border-radius: 5px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
    text-align: center;
    min-width: 250px
}

header .header-contact .header-sign-up-inner:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    top: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

header .header-contact .header-sign-up-inner a {
    font-size: 16px
}

header .header-contact .header-sign-up-inner .btn {
    background: #522974;
    border-color: #522974;
    color: #fff;
    margin-bottom: 1rem;
    display: block
}

header .header-contact .header-sign-up-inner .btn:hover {
    background: #1d0e29;
    border-color: #1d0e29
}

header .header-contact .header-sign-up.hovered .header-sign-up-inner,
header .header-contact .header-sign-up:hover .header-sign-up-inner {
    opacity: 1;
    visibility: visible
}

@media (min-width: 1200px) {
    header .header-hamburger {
        display: none
    }
}

header .header-hamburger .open-menu {
    width: 6rem;
    height: 6rem;
    position: relative;
    display: block;
    z-index: 79
}

header .header-hamburger .open-menu span {
    width: 5rem;
    position: absolute;
    left: 0.5rem;
    height: 3px;
    background: #522974;
    margin-top: -1.5px;
    top: 50%;
    -o-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms
}

@media (min-width: 768px) {
    header .header-hamburger .open-menu span {
        height: 4px;
        margin-top: -2px
    }
}

header .header-hamburger .open-menu span:before,
header .header-hamburger .open-menu span:after {
    content: "";
    width: 5rem;
    left: 0;
    height: 3px;
    background: #522974;
    position: absolute;
    -o-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms
}

@media (min-width: 768px) {

    header .header-hamburger .open-menu span:before,
    header .header-hamburger .open-menu span:after {
        height: 4px
    }
}

header .header-hamburger .open-menu span:before {
    top: -9px;
    border-radius: 2px 2px 0 0
}

@media (min-width: 768px) {
    header .header-hamburger .open-menu span:before {
        top: -12px
    }
}

header .header-hamburger .open-menu span:after {
    bottom: -9px;
    border-radius: 0 0 2px 2px
}

@media (min-width: 768px) {
    header .header-hamburger .open-menu span:after {
        bottom: -12px
    }
}

header .header.open .header-hamburger .open-menu span {
    background: transparent
}

header .header.open .header-hamburger .open-menu span:before {
    top: 0;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

header .header.open .header-hamburger .open-menu span:after {
    top: 0;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

header .header.open .header-menu {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

#small-header .header-top {
    margin-bottom: 0
}

.EditMode header,
.DesignMode header {
    position: static
}

.is-xxl {
    display: none
}

@media (min-width: 1400px) {
    .is-xxl {
        display: block
    }
}

@-webkit-keyframes animateLoaded__ {
    0% {
        opacity: 0;
        -webkit-filter: blur(10px);
        filter: blur(10px)
    }

    100% {
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@keyframes animateLoaded__ {
    0% {
        opacity: 0;
        -webkit-filter: blur(10px);
        filter: blur(10px)
    }

    100% {
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

header .hide-desktop {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 1200px) {
    header .hide-desktop {
        display: none
    }
}

header .hide-desktop .lang-select {
    margin-right: 2rem;
    position: relative;
    z-index: 78
}

@media (min-width: 320px) and (max-width: 1199px) {
    header .hide-mobile {
        display: none
    }
}

.lang-select {
    position: relative;
    z-index: 3;
    cursor: pointer
}

.lang-select-btn {
    background-color: #f2e8f5;
    border-radius: 50px;
    width: 60px;
    height: 30px;
    padding: 2px;
    position: relative;
    z-index: 2
}

.lang-select-btn:before {
    content: "";
    width: 26px;
    height: 26px;
    display: block;
    border-radius: 50%;
    background: #fff;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important
}

.lang-select-btn:after {
    content: "\e92a";
    position: absolute;
    top: 50%;
    right: 7px;
    color: #bc8bcd;
    font-size: 20px;
    display: block;
    margin-top: -9px;
    -o-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms
}

.lang-select-inner {
    position: relative;
    overflow: hidden
}

.lang-select-inner ul {
    position: absolute;
    top: -10px;
    left: 5px;
    padding: 15px 5px 2px;
    border-radius: 0 0 15px 15px;
    background-color: #f2e8f5;
    width: 50px;
    max-height: 0;
    -o-transition: all ease-in-out 300ms;
    -webkit-transition: all ease-in-out 300ms;
    transition: all ease-in-out 300ms;
    overflow: hidden
}

.lang-select-inner ul li {
    padding: 0;
    margin: 2px 0;
    list-style: none
}

.lang-select-inner ul li a {
    font-size: 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    height: 30px
}

.lang-select-inner ul li a:before {
    content: "";
    width: 26px;
    height: 26px;
    display: block;
    border-radius: 50%;
    background: #fff;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important
}

.lang-select-inner ul li a.cs-cz:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fS5jbHMtMntmaWxsOiNlOTFlMjY7fS5jbHMtM3tmaWxsOiMwMDVhYTc7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5jei1yb3VuZGVkPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iQ2FwYV8xIiBkYXRhLW5hbWU9IkNhcGEgMSI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjQsNy4yYy0uMS4yLS4xLjUtLjIuN0ExLjQ1LDEuNDUsMCwwLDEsLjQsNy4yWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTS4xLDguNGE0LjM1LDQuMzUsMCwwLDEtLjEuNUEuOTEuOTEsMCwwLDAsLjEsOC40WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLDBBOS42OCw5LjY4LDAsMCwwLDEuMTksNS4xLDkuMTIsOS4xMiwwLDAsMSwyLjg5LDIuOEwxMCwxMEgyMEE5Ljg0LDkuODQsMCwwLDAsMTAsMFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0uNyw2LjFjLS4xLjMtLjIuNS0uMy44QTYuOTEsNi45MSwwLDAsMSwuNyw2LjFaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMS4xOSw1LjFjLS4xLjMtLjMuNS0uNC44QTUuOTEsNS45MSwwLDAsMSwxLjE5LDUuMVoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0yLjg5LDE3LjFhOS4xMiw5LjEyLDAsMCwxLTEuNjktMi4zQTE5LjUyLDE5LjUyLDAsMCwwLDIuODksMTcuMVoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xMCwxMCwyLjg5LDE3LjFBOS44OSw5Ljg5LDAsMCwwLDEwLDIwYTEwLDEwLDAsMCwwLDEwLTEwWiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTEuMTksMTQuOEExNC4yLDE0LjIsMCwwLDEsLjQsMTMsMTQuMiwxNC4yLDAsMCwwLDEuMTksMTQuOFoiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0yLjc5LDIuOEE5LjY2LDkuNjYsMCwwLDAsMCwxMGExMCwxMCwwLDAsMCwyLjg5LDcuMUwxMCwxMFoiLz48L2c+PC9nPjwvc3ZnPg==)
}

.lang-select-inner ul li a.en-us:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNjMjE1MjM7fS5jbHMtMntmaWxsOiMwMDIzN2E7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5HQjwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkNhcGFfMSIgZGF0YS1uYW1lPSJDYXBhIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTgsOFY3LjNMMy4zLDIuNmwtLjcuN0w3LjMsOFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMiw4aC43bDQuNy00LjctLjctLjdMMTIsNy4zWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTgsMTJINy4zTDIuNiwxNi43bC43LjdMOCwxMi43WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEyLDEydi43bDQuNyw0LjcuNy0uN0wxMi43LDEyWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTExLDlWLjFjLS4zLDAtLjctLjEtMS0uMUEzLjQsMy40LDAsMCwwLDksLjFWOUguMWMwLC4zLS4xLjctLjEsMWEzLjQsMy40LDAsMCwwLC4xLDFIOXY4LjljLjMsMCwuNy4xLDEsLjFhMy40LDMuNCwwLDAsMCwxLS4xVjExaDguOWMwLS4zLjEtLjcuMS0xYTMuNCwzLjQsMCwwLDAtLjEtMVoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik01Ljg4LDEySC4yQTkuNzcsOS43NywwLDAsMCwyLDE1LjkyWiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTgsLjJBOS43Nyw5Ljc3LDAsMCwwLDQuMDgsMkw4LDUuODhaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNS44OCw4LDIsNC4wOEE5Ljc3LDkuNzcsMCwwLDAsLjIsOFoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xMiwuMlY1Ljg4TDE1LjkyLDJBOS43Nyw5Ljc3LDAsMCwwLDEyLC4yWiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTE0LjEyLDhIMTkuOEE5Ljc3LDkuNzcsMCwwLDAsMTgsNC4wOFoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xNC4xMiwxMiwxOCwxNS45MkE5Ljc3LDkuNzcsMCwwLDAsMTkuOCwxMloiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik04LDE0LjEyLDQuMDgsMThBOS43Nyw5Ljc3LDAsMCwwLDgsMTkuOFoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xMiwxNC4xMlYxOS44QTkuNzcsOS43NywwLDAsMCwxNS45MiwxOFoiLz48L2c+PC9nPjwvc3ZnPg==)
}

.lang-select-inner ul li a.it-it:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwMDkyNDY7fS5jbHMtMntmaWxsOiNjZTJiMzc7fS5jbHMtM3tmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5pdGEtcm91bmRlZDwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkNhcGFfMSIgZGF0YS1uYW1lPSJDYXBhIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTYsLjg0QTEwLDEwLDAsMCwwLDYsMTkuMTZaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTQsLjg0VjE5LjE2QTEwLDEwLDAsMCwwLDE0LC44NFoiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xNCwuODRhMTAsMTAsMCwwLDAtOCwwVjE5LjE2YTEwLDEwLDAsMCwwLDgsMFoiLz48L2c+PC9nPjwvc3ZnPg==)
}

.lang-select-inner ul li a.pl-pl:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNkYzE0M2M7fS5jbHMtMntmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5wb2wtcm91bmRlZDwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkNhcGFfMSIgZGF0YS1uYW1lPSJDYXBhIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLDIwQTEwLDEwLDAsMCwwLDIwLDEwSDBBMTAsMTAsMCwwLDAsMTAsMjBaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTAsMEExMCwxMCwwLDAsMCwwLDEwSDIwQTEwLDEwLDAsMCwwLDEwLDBaIi8+PC9nPjwvZz48L3N2Zz4=)
}

.lang-select-inner ul li a.active {
    display: none !important
}

.lang-select.open {
    z-index: 101
}

.lang-select.open .lang-select-btn:after {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.lang-select.open .lang-select-inner {
    overflow: visible
}

.lang-select.open .lang-select-inner ul {
    max-height: 1000px
}

.CSCZ .lang-select-btn:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fS5jbHMtMntmaWxsOiNlOTFlMjY7fS5jbHMtM3tmaWxsOiMwMDVhYTc7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5jei1yb3VuZGVkPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iQ2FwYV8xIiBkYXRhLW5hbWU9IkNhcGEgMSI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjQsNy4yYy0uMS4yLS4xLjUtLjIuN0ExLjQ1LDEuNDUsMCwwLDEsLjQsNy4yWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTS4xLDguNGE0LjM1LDQuMzUsMCwwLDEtLjEuNUEuOTEuOTEsMCwwLDAsLjEsOC40WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLDBBOS42OCw5LjY4LDAsMCwwLDEuMTksNS4xLDkuMTIsOS4xMiwwLDAsMSwyLjg5LDIuOEwxMCwxMEgyMEE5Ljg0LDkuODQsMCwwLDAsMTAsMFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0uNyw2LjFjLS4xLjMtLjIuNS0uMy44QTYuOTEsNi45MSwwLDAsMSwuNyw2LjFaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMS4xOSw1LjFjLS4xLjMtLjMuNS0uNC44QTUuOTEsNS45MSwwLDAsMSwxLjE5LDUuMVoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0yLjg5LDE3LjFhOS4xMiw5LjEyLDAsMCwxLTEuNjktMi4zQTE5LjUyLDE5LjUyLDAsMCwwLDIuODksMTcuMVoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xMCwxMCwyLjg5LDE3LjFBOS44OSw5Ljg5LDAsMCwwLDEwLDIwYTEwLDEwLDAsMCwwLDEwLTEwWiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTEuMTksMTQuOEExNC4yLDE0LjIsMCwwLDEsLjQsMTMsMTQuMiwxNC4yLDAsMCwwLDEuMTksMTQuOFoiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0yLjc5LDIuOEE5LjY2LDkuNjYsMCwwLDAsMCwxMGExMCwxMCwwLDAsMCwyLjg5LDcuMUwxMCwxMFoiLz48L2c+PC9nPjwvc3ZnPg==)
}

.ENUS .lang-select-btn:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNjMjE1MjM7fS5jbHMtMntmaWxsOiMwMDIzN2E7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5HQjwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkNhcGFfMSIgZGF0YS1uYW1lPSJDYXBhIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTgsOFY3LjNMMy4zLDIuNmwtLjcuN0w3LjMsOFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMiw4aC43bDQuNy00LjctLjctLjdMMTIsNy4zWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTgsMTJINy4zTDIuNiwxNi43bC43LjdMOCwxMi43WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEyLDEydi43bDQuNyw0LjcuNy0uN0wxMi43LDEyWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTExLDlWLjFjLS4zLDAtLjctLjEtMS0uMUEzLjQsMy40LDAsMCwwLDksLjFWOUguMWMwLC4zLS4xLjctLjEsMWEzLjQsMy40LDAsMCwwLC4xLDFIOXY4LjljLjMsMCwuNy4xLDEsLjFhMy40LDMuNCwwLDAsMCwxLS4xVjExaDguOWMwLS4zLjEtLjcuMS0xYTMuNCwzLjQsMCwwLDAtLjEtMVoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik01Ljg4LDEySC4yQTkuNzcsOS43NywwLDAsMCwyLDE1LjkyWiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTgsLjJBOS43Nyw5Ljc3LDAsMCwwLDQuMDgsMkw4LDUuODhaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNS44OCw4LDIsNC4wOEE5Ljc3LDkuNzcsMCwwLDAsLjIsOFoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xMiwuMlY1Ljg4TDE1LjkyLDJBOS43Nyw5Ljc3LDAsMCwwLDEyLC4yWiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTE0LjEyLDhIMTkuOEE5Ljc3LDkuNzcsMCwwLDAsMTgsNC4wOFoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xNC4xMiwxMiwxOCwxNS45MkE5Ljc3LDkuNzcsMCwwLDAsMTkuOCwxMloiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik04LDE0LjEyLDQuMDgsMThBOS43Nyw5Ljc3LDAsMCwwLDgsMTkuOFoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xMiwxNC4xMlYxOS44QTkuNzcsOS43NywwLDAsMCwxNS45MiwxOFoiLz48L2c+PC9nPjwvc3ZnPg==)
}

.ITIT .lang-select-btn:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwMDkyNDY7fS5jbHMtMntmaWxsOiNjZTJiMzc7fS5jbHMtM3tmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5pdGEtcm91bmRlZDwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkNhcGFfMSIgZGF0YS1uYW1lPSJDYXBhIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTYsLjg0QTEwLDEwLDAsMCwwLDYsMTkuMTZaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTQsLjg0VjE5LjE2QTEwLDEwLDAsMCwwLDE0LC44NFoiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xNCwuODRhMTAsMTAsMCwwLDAtOCwwVjE5LjE2YTEwLDEwLDAsMCwwLDgsMFoiLz48L2c+PC9nPjwvc3ZnPg==)
}

.PLPL .lang-select-btn:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNkYzE0M2M7fS5jbHMtMntmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5wb2wtcm91bmRlZDwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkNhcGFfMSIgZGF0YS1uYW1lPSJDYXBhIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLDIwQTEwLDEwLDAsMCwwLDIwLDEwSDBBMTAsMTAsMCwwLDAsMTAsMjBaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTAsMEExMCwxMCwwLDAsMCwwLDEwSDIwQTEwLDEwLDAsMCwwLDEwLDBaIi8+PC9nPjwvZz48L3N2Zz4=)
}

.breadcrumbs {
    padding: 2rem 0;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.28px;
    color: #14ad53
}

.breadcrumbs a {
    font-weight: 400;
    text-decoration: none;
    color: #7b7b7b
}

.breadcrumbs a:hover,
.breadcrumbs a:focus {
    color: #14ad53
}

.breadcrumbs-separator {
    padding: 0 10px
}

.breadcrumbs-separator:before {
    content: "\e92a";
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    display: inline-block;
    color: #dfdfdf
}

.breadcrumbs .home {
    color: #522974;
    position: relative;
    padding-bottom: 2rem
}

.breadcrumbs .home:hover,
.breadcrumbs .home:focus {
    color: #14ad53
}

.breadcrumbs .home:before {
    position: absolute;
    top: -15px;
    right: -18px;
    content: "";
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTYzLjg4IDE2My44NyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7fS5jbHMtMntjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgpO30uY2xzLTN7ZmlsbDojZTdlN2U3O308L3N0eWxlPjxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik00MC43Myw0MWgwbDU2LjU2LDgxLjg5di0xLjQ0YzAtMTMuOTQsNi4zNy0yNi45MSwxNi44LTM2LjE2YTI1LjI3LDI1LjI3LDAsMCwwLDguNDYtMjAuODNDMTIxLjYyLDUxLjUyLDEwOS43Myw0MSw5Ni43Nyw0MVoiLz48L2NsaXBQYXRoPjxsaW5lYXJHcmFkaWVudCBpZD0iTmVwb2ptZW5vdmFuw71fcMWZZWNob2QiIHgxPSItMjA0LjYxIiB5MT0iMzc5LjkiIHgyPSItMjAzLjYxIiB5Mj0iMzc5LjkiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTU0Ljc2LCAwLCAwLCA1NC43NiwgLTExMDgxLjMyLCAtMjA3MjAuMTUpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjN2Y0MDhlIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNGMyODcwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHRpdGxlPnZsYWprYTwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IlZyc3R2YV8xIiBkYXRhLW5hbWU9IlZyc3R2YSAxIj48ZyBjbGFzcz0iY2xzLTIiPjxyZWN0IGNsYXNzPSJjbHMtMyIgeD0iMjMuOTMiIHk9IjIzLjkxIiB3aWR0aD0iMTE2LjAxIiBoZWlnaHQ9IjExNi4wNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMzLjc4IDg3LjkyKSByb3RhdGUoLTQ3Ljk2KSIvPjwvZz48L2c+PC9nPjwvc3ZnPg==);
    height: 55px;
    width: 55px;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important
}

.breadcrumbs .home span {
    position: relative;
    z-index: 2
}

.breadcrumbs .home span:before {
    content: "\e94b";
    -o-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms
}

.bread-wrapper {
    position: relative;
    overflow: hidden
}

.bread-wrapper:after {
    position: absolute;
    top: 100%;
    left: -50px;
    right: -50px;
    display: block;
    height: 100px;
    -webkit-box-shadow: 0 0 40px rgba(48, 85, 103, 0.08);
    box-shadow: 0 0 40px rgba(48, 85, 103, 0.08);
    content: ""
}

#submenuID {
    position: relative;
    margin: 0 !important
}

#submenuID.extended {
    padding-bottom: 2rem !important;
    margin-bottom: 9rem !important;
    border-bottom: 1px solid #d5d5d5;
    max-width: 225px;
    padding-right: 25px !important
}

@media (min-width: 768px) {
    #submenuID.extended {
        padding-right: 0 !important;
        max-width: none
    }
}

@media (min-width: 768px) {
    #submenuID li {
        position: static
    }
}

#submenuID li:first-child {
    padding-left: 0
}

#submenuID li .submenu-openner {
    position: absolute;
    top: 3px;
    right: -25px
}

#submenuID li .submenu-openner:after {
    content: "\e92a";
    font-size: 20px;
    display: block;
    -o-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms
}

#submenuID li ul {
    max-height: 0;
    overflow: hidden;
    -o-transition: all ease-in-out 400ms;
    -webkit-transition: all ease-in-out 400ms;
    transition: all ease-in-out 400ms
}

@media (min-width: 768px) {
    #submenuID li ul {
        overflow: auto;
        max-height: none;
        display: none;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -o-transition: all ease-in-out 200ms;
        -webkit-transition: all ease-in-out 200ms;
        transition: all ease-in-out 200ms;
        position: absolute;
        bottom: -5rem;
        left: 0
    }
}

#submenuID li ul li a {
    font-weight: 300;
    color: #2f2f2f !important;
    font-size: 16px
}

#submenuID li ul li a:hover,
#submenuID li ul li a:focus {
    color: #14ad53 !important
}

@media (min-width: 768px) {
    #submenuID li.selected>a {
        position: relative
    }

    #submenuID li.selected>a:before {
        content: "";
        width: 0;
        height: 0;
        border-left: 1.6rem solid transparent;
        border-right: 1.6rem solid transparent;
        border-bottom: 1.6rem solid #d5d5d5;
        display: block;
        position: absolute;
        bottom: -2.4rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media (min-width: 768px) and (min-width: 992px) {
    #submenuID li.selected>a:before {
        bottom: -2.5rem
    }
}

@media (min-width: 768px) and (min-width: 1200px) {
    #submenuID li.selected>a:before {
        bottom: -2.4rem
    }
}

@media (min-width: 768px) {
    #submenuID li.selected>a:after {
        content: "";
        width: 0;
        height: 0;
        border-left: 1.5rem solid transparent;
        border-right: 1.5rem solid transparent;
        border-bottom: 1.5rem solid #fff;
        display: block;
        position: absolute;
        bottom: -2.4rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media (min-width: 768px) and (min-width: 992px) {
    #submenuID li.selected>a:after {
        bottom: -2.5rem
    }
}

@media (min-width: 768px) and (min-width: 1200px) {
    #submenuID li.selected>a:after {
        bottom: -2.4rem
    }
}

@media (min-width: 768px) {
    #submenuID li.selected ul {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100)
    }
}

#submenuID li.open ul {
    max-height: 1000px
}

@media (min-width: 768px) {
    #submenuID li.open ul {
        max-height: none
    }
}

#submenuID li.open .submenu-openner:after {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media (min-width: 1200px) {
    .Safari .header-menu ul li ul {
        display: block !important
    }
}

.Safari .header-menu ul li ul li {
    vertical-align: middle
}

@media (min-width: 1200px) {
    .Safari .header-menu ul li ul li {
        height: 62px
    }
}

@media (min-width: 1200px) {
    .Safari .header-menu ul li ul li a {
        height: 62px;
        padding-top: 2rem;
        padding-bottom: 0
    }
}

@media (min-width: 1200px) {
    .Safari .header-menu #menuElem {
        display: block;
        text-align: justify;
        height: 5rem
    }
}

@media (min-width: 1200px) {
    .Safari .header-menu #menuElem:after {
        content: '';
        width: 100%;
        display: inline-block
    }
}

@media (min-width: 1200px) {
    .Safari .header-menu #menuElem li {
        display: inline-block
    }
}

.pux-infinite-repeater-options-inner-load-more {
    text-align: center;
    padding: 4rem 0
}

.cookies-container {
    position: fixed;
    bottom: 0;
    width: 100%;
    font-size: 12px;
    display: none;
    text-align: center;
    z-index: 999999;
    -webkit-box-shadow: 0 -1px 11px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 -1px 11px 0 rgba(0, 0, 0, 0.4);
    background-color: #cbbcd3;
    padding: 0.5rem 0;
    -o-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms
}

.cookies-container.active {
    display: block
}

img.image-center {
    display: block;
    margin: auto
}

img.image-right {
    display: block;
    margin: auto 0 auto auto
}

@font-face {
    font-family: "Disclaimer-SandSerif-Adjusted";
    size-adjust: 112.00%;
    src: local(arial)
}

.header-disclaimer {
    position: relative;
    padding: 10px 40px 15px 0;
    border-bottom: 1px solid silver;
    font-size: 10px;
    -webkit-transition: 500ms ease-in-out;
    -o-transition: 500ms ease-in-out;
    transition: 500ms ease-in-out;
    overflow: hidden;
    line-height: 1.2;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 3.2rem
}

@media (min-width: 480px) {
    .header-disclaimer {
        font-size: 2.90909rem
    }
}

@media (min-width: 545px) {
    .header-disclaimer {
        font-size: 2.66667rem
    }
}

@media (min-width: 768px) {
    .header-disclaimer {
        font-size: 2.13333rem
    }
}

@media (min-width: 992px) {
    .header-disclaimer {
        font-size: 2rem
    }
}

@media (min-width: 1200px) {
    .header-disclaimer {
        font-size: 1.77778rem
    }
}

@media (min-width: 1400px) {
    .header-disclaimer {
        font-size: 1.6rem
    }
}

.header-disclaimer._hidden {
    padding: 0;
    height: 0 !important
}

@media (min-width: 992px) {
    .header-disclaimer {
        display: none
    }
}

.header-disclaimer button.disclaimer-toggler {
    position: absolute;
    top: 50%;
    right: 0px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border: 0;
    background: none;
    color: black;
    font-size: 4rem;
    cursor: pointer;
    outline: none
}

@media (min-width: 480px) {
    .header-disclaimer button.disclaimer-toggler {
        font-size: 3.63636rem
    }
}

@media (min-width: 545px) {
    .header-disclaimer button.disclaimer-toggler {
        font-size: 3.33333rem
    }
}

@media (min-width: 768px) {
    .header-disclaimer button.disclaimer-toggler {
        font-size: 2.66667rem
    }
}

@media (min-width: 992px) {
    .header-disclaimer button.disclaimer-toggler {
        font-size: 2.5rem
    }
}

@media (min-width: 1200px) {
    .header-disclaimer button.disclaimer-toggler {
        font-size: 2.22222rem
    }
}

@media (min-width: 1400px) {
    .header-disclaimer button.disclaimer-toggler {
        font-size: 2rem
    }
}

.header-disclaimer button.disclaimer-toggler:hover {
    color: #522974
}

.header-disclaimer button.disclaimer-toggler:after {
    content: "\e92a"
}

.header-disclaimer.open button.disclaimer-toggler:after {
    content: "\e92b"
}

.header-disclaimer .disclaimer-text-short {
    display: block
}

.header-disclaimer .disclaimer-text-long {
    display: none
}

.header-disclaimer.open .disclaimer-text-short {
    display: none
}

.header-disclaimer.open .disclaimer-text-long {
    display: block
}

:is(.DesignMode, .EditMode) .header-disclaimer {
    display: block !important
}

.disclaimer-container {
    display: none
}

@media (min-width: 992px) {
    .disclaimer-container {
        display: block;
        position: fixed;
        z-index: 20;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 3px 0;
        background: white;
        -webkit-box-shadow: -20px -20px 40px rgba(48, 85, 103, 0.08);
        box-shadow: -20px -20px 40px rgba(48, 85, 103, 0.08);
        font-size: 3.4rem
    }
}

@media (min-width: 992px) and (min-width: 480px) {
    .disclaimer-container {
        font-size: 3.09091rem
    }
}

@media (min-width: 992px) and (min-width: 545px) {
    .disclaimer-container {
        font-size: 2.83333rem
    }
}

@media (min-width: 992px) and (min-width: 768px) {
    .disclaimer-container {
        font-size: 2.26667rem
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .disclaimer-container {
        font-size: 2.125rem
    }
}

@media (min-width: 992px) and (min-width: 1200px) {
    .disclaimer-container {
        font-size: 1.88889rem
    }
}

@media (min-width: 992px) and (min-width: 1400px) {
    .disclaimer-container {
        font-size: 1.7rem
    }
}

.disclaimer-container .disclaimer-text-short {
    display: none
}

.disclaimer-container .disclaimer-text-long {
    display: block
}

.disclaimer-container button.disclaimer-toggler {
    display: none
}

:is(.header-disclaimer, .disclaimer-container) .no-js-warning {
    padding-bottom: 10px;
    font-size: 2.4rem;
    color: #8f0303
}

@media (min-width: 480px) {
    :is(.header-disclaimer, .disclaimer-container) .no-js-warning {
        font-size: 2.18182rem
    }
}

@media (min-width: 545px) {
    :is(.header-disclaimer, .disclaimer-container) .no-js-warning {
        font-size: 2rem
    }
}

@media (min-width: 768px) {
    :is(.header-disclaimer, .disclaimer-container) .no-js-warning {
        font-size: 1.6rem
    }
}

@media (min-width: 992px) {
    :is(.header-disclaimer, .disclaimer-container) .no-js-warning {
        font-size: 1.5rem
    }
}

@media (min-width: 1200px) {
    :is(.header-disclaimer, .disclaimer-container) .no-js-warning {
        font-size: 1.33333rem
    }
}

@media (min-width: 1400px) {
    :is(.header-disclaimer, .disclaimer-container) .no-js-warning {
        font-size: 1.2rem
    }
}

.EditMode .disclaimer-container {
    position: static !important
}

.EditMode .disclaimer-container.scrolled {
    -webkit-transform: translateY(0%) !important;
    -ms-transform: translateY(0%) !important;
    transform: translateY(0%) !important
}

.header-search {
    position: relative
}

@media (min-width: 320px) and (max-width: 1199px) {
    .header-search {
        width: 100%
    }
}

.header-search .header-search-inner {
    position: absolute;
    top: 100%;
    margin-top: 1rem;
    right: 50%;
    padding: 2rem;
    background-color: #fff;
    -webkit-box-shadow: 0 0 40px rgba(48, 85, 103, 0.08);
    box-shadow: 0 0 40px rgba(48, 85, 103, 0.08);
    z-index: 99;
    -webkit-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
    opacity: 0;
    pointer-events: none
}

@media (min-width: 320px) {
    .header-search .header-search-inner {
        font-size: 2.8rem
    }
}

@media (min-width: 480px) {
    .header-search .header-search-inner {
        font-size: 2.54545rem
    }
}

@media (min-width: 545px) {
    .header-search .header-search-inner {
        font-size: 2.33333rem
    }
}

@media (min-width: 768px) {
    .header-search .header-search-inner {
        font-size: 1.86667rem
    }
}

@media (min-width: 992px) {
    .header-search .header-search-inner {
        font-size: 1.75rem
    }
}

@media (min-width: 1200px) {
    .header-search .header-search-inner {
        font-size: 1.55556rem
    }
}

@media (min-width: 1400px) {
    .header-search .header-search-inner {
        font-size: 1.4rem
    }
}

@media (min-width: 1200px) {
    .header-search .header-search-inner {
        min-width: 400px;
        -webkit-transform: translateX(80px);
        -ms-transform: translateX(80px);
        transform: translateX(80px)
    }
}

.header-search .header-search-inner:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    top: -10px;
    right: 75px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.header-search .header-search-inner .header-search-inner-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem
}

@media (min-width: 320px) and (max-width: 544px) {
    .header-search .header-search-inner .header-search-inner-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 5px
    }
}

.header-search .header-search-inner .header-search-inner-row input,
.header-search .header-search-inner .header-search-inner-row a {
    height: 40px;
    width: 100%
}

@media (min-width: 1200px) {

    .header-search .header-search-inner .header-search-inner-row input,
    .header-search .header-search-inner .header-search-inner-row a {
        width: unset
    }
}

.header-search .header-search-inner .header-search-inner-row a {
    border-color: #522974;
    color: #522974
}

.header-search .header-search-inner .header-search-inner-row a:hover,
.header-search .header-search-inner .header-search-inner-row a:focus {
    background-color: #522974;
    color: #fff
}

.header-search .header-search-inner.open {
    pointer-events: all;
    opacity: 1
}

.header-search .header-search-inner.open .btn {
    padding: 1rem 2.5rem
}

.header-search .header-search-results .header-search-result-title {
    text-transform: uppercase;
    color: #522974;
    padding: 0;
    margin: 2.5rem 0 5px
}

.header-search .header-search-results .header-search-result-item {
    color: #979797
}

.header-search .header-search-results .header-search-result-item>span {
    text-transform: uppercase
}

.header-search .header-search-results .header-search-result-item a {
    font-weight: 700;
    text-decoration: none
}

.header-search .header-search-results .header-search-result-item a span {
    color: #14ad53
}

.header-search .header-search-results .header-search-no-results {
    padding-top: 2rem
}

.header-search .header-search-results .header-search-all-results {
    padding-top: 2rem;
    margin-top: 2rem;
    border-top: 1px solid #e6e6e6;
    display: block
}

.mobile-btns-top .header-search-inner {
    position: static;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 2rem 0;
    max-height: 0
}

.mobile-btns-top .header-search-inner:after {
    display: none
}

.mobile-btns-top .header-search-inner-row a {
    line-height: 28px
}

.mobile-btns-top .header-search-inner.open {
    max-height: 1500px
}

.cms-bootstrap [class^='icon-']:before,
.cms-bootstrap [class*=' icon-']:before {
    font-family: 'Core-icons' !important
}

*:before,
*:after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.helper-4k {
    max-width: 200rem;
    margin: auto
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.bold {
    font-weight: bold
}

.underline {
    text-decoration: underline
}

.line-through {
    text-decoration: line-through
}

html {
    font-size: 5px
}

@media (min-width: 480px) {
    html {
        font-size: 5.5px
    }
}

@media (min-width: 545px) {
    html {
        font-size: 6px
    }
}

@media (min-width: 768px) {
    html {
        font-size: 7.5px
    }
}

@media (min-width: 992px) {
    html {
        font-size: 8px
    }
}

@media (min-width: 1200px) {
    html {
        font-size: 9px
    }
}

@media (min-width: 1400px) {
    html {
        font-size: 10px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (-o-min-device-pixel-ratio: 5 / 4),
only screen and (-o-min-device-pixel-ratio: 5/4),
only screen and (min-resolution: 120dpi),
only screen and (min-resolution: 1.25dppx) {
    html {
        font-size: 5px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 480px),
only screen and (-o-min-device-pixel-ratio: 5 / 4) and (min-width: 480px),
only screen and (-o-min-device-pixel-ratio: 5/4) and (min-width: 480px),
only screen and (min-resolution: 120dpi) and (min-width: 480px),
only screen and (min-resolution: 1.25dppx) and (min-width: 480px) {
    html {
        font-size: 5.5px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 545px),
only screen and (-o-min-device-pixel-ratio: 5 / 4) and (min-width: 545px),
only screen and (-o-min-device-pixel-ratio: 5/4) and (min-width: 545px),
only screen and (min-resolution: 120dpi) and (min-width: 545px),
only screen and (min-resolution: 1.25dppx) and (min-width: 545px) {
    html {
        font-size: 6px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 768px),
only screen and (-o-min-device-pixel-ratio: 5 / 4) and (min-width: 768px),
only screen and (-o-min-device-pixel-ratio: 5/4) and (min-width: 768px),
only screen and (min-resolution: 120dpi) and (min-width: 768px),
only screen and (min-resolution: 1.25dppx) and (min-width: 768px) {
    html {
        font-size: 7.5px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 992px),
only screen and (-o-min-device-pixel-ratio: 5 / 4) and (min-width: 992px),
only screen and (-o-min-device-pixel-ratio: 5/4) and (min-width: 992px),
only screen and (min-resolution: 120dpi) and (min-width: 992px),
only screen and (min-resolution: 1.25dppx) and (min-width: 992px) {
    html {
        font-size: 8px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 1200px),
only screen and (-o-min-device-pixel-ratio: 5 / 4) and (min-width: 1200px),
only screen and (-o-min-device-pixel-ratio: 5/4) and (min-width: 1200px),
only screen and (min-resolution: 120dpi) and (min-width: 1200px),
only screen and (min-resolution: 1.25dppx) and (min-width: 1200px) {
    html {
        font-size: 7.2px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 1400px),
only screen and (-o-min-device-pixel-ratio: 5 / 4) and (min-width: 1400px),
only screen and (-o-min-device-pixel-ratio: 5/4) and (min-width: 1400px),
only screen and (min-resolution: 120dpi) and (min-width: 1400px),
only screen and (min-resolution: 1.25dppx) and (min-width: 1400px) {
    html {
        font-size: 8px
    }
}

form,
html,
body {
    font-family: "Montserrat", sans-serif;
    height: 100%;
    color: #2f2f2f
}

body {
    position: relative;
    overscroll-behavior: none
}

@media (min-width: 320px) {
    body {
        font-size: 3.2rem
    }
}

@media (min-width: 480px) {
    body {
        font-size: 2.90909rem
    }
}

@media (min-width: 545px) {
    body {
        font-size: 2.66667rem
    }
}

@media (min-width: 768px) {
    body {
        font-size: 2.13333rem
    }
}

@media (min-width: 992px) {
    body {
        font-size: 2rem
    }
}

@media (min-width: 1200px) {
    body {
        font-size: 1.8rem
    }
}

strong {
    font-weight: 700
}

img {
    max-width: 100%;
    height: auto !important
}

@media (min-width: 320px) {
    .pt-5 {
        padding-top: 4rem
    }
}

@media (min-width: 480px) {
    .pt-5 {
        padding-top: 3.63636rem
    }
}

@media (min-width: 545px) {
    .pt-5 {
        padding-top: 3.33333rem
    }
}

@media (min-width: 768px) {
    .pt-5 {
        padding-top: 2.66667rem
    }
}

@media (min-width: 992px) {
    .pt-5 {
        padding-top: 2.5rem
    }
}

@media (min-width: 1200px) {
    .pt-5 {
        padding-top: 2.22222rem
    }
}

@media (min-width: 1400px) {
    .pt-5 {
        padding-top: 2rem
    }
}

@media (min-width: 320px) {
    .pb-5 {
        padding-bottom: 4rem
    }
}

@media (min-width: 480px) {
    .pb-5 {
        padding-bottom: 3.63636rem
    }
}

@media (min-width: 545px) {
    .pb-5 {
        padding-bottom: 3.33333rem
    }
}

@media (min-width: 768px) {
    .pb-5 {
        padding-bottom: 2.66667rem
    }
}

@media (min-width: 992px) {
    .pb-5 {
        padding-bottom: 2.5rem
    }
}

@media (min-width: 1200px) {
    .pb-5 {
        padding-bottom: 2.22222rem
    }
}

@media (min-width: 1400px) {
    .pb-5 {
        padding-bottom: 2rem
    }
}

@media (min-width: 320px) {
    .mt-5 {
        margin-top: 4rem
    }
}

@media (min-width: 480px) {
    .mt-5 {
        margin-top: 3.63636rem
    }
}

@media (min-width: 545px) {
    .mt-5 {
        margin-top: 3.33333rem
    }
}

@media (min-width: 768px) {
    .mt-5 {
        margin-top: 2.66667rem
    }
}

@media (min-width: 992px) {
    .mt-5 {
        margin-top: 2.5rem
    }
}

@media (min-width: 1200px) {
    .mt-5 {
        margin-top: 2.22222rem
    }
}

@media (min-width: 1400px) {
    .mt-5 {
        margin-top: 2rem
    }
}

@media (min-width: 320px) {
    .mb-5 {
        margin-bottom: 4rem
    }
}

@media (min-width: 480px) {
    .mb-5 {
        margin-bottom: 3.63636rem
    }
}

@media (min-width: 545px) {
    .mb-5 {
        margin-bottom: 3.33333rem
    }
}

@media (min-width: 768px) {
    .mb-5 {
        margin-bottom: 2.66667rem
    }
}

@media (min-width: 992px) {
    .mb-5 {
        margin-bottom: 2.5rem
    }
}

@media (min-width: 1200px) {
    .mb-5 {
        margin-bottom: 2.22222rem
    }
}

@media (min-width: 1400px) {
    .mb-5 {
        margin-bottom: 2rem
    }
}

@media (min-width: 320px) {
    .pt-10 {
        padding-top: 4rem
    }
}

@media (min-width: 480px) {
    .pt-10 {
        padding-top: 3.63636rem
    }
}

@media (min-width: 545px) {
    .pt-10 {
        padding-top: 3.33333rem
    }
}

@media (min-width: 768px) {
    .pt-10 {
        padding-top: 2.66667rem
    }
}

@media (min-width: 992px) {
    .pt-10 {
        padding-top: 2.5rem
    }
}

@media (min-width: 1200px) {
    .pt-10 {
        padding-top: 2.22222rem
    }
}

@media (min-width: 1400px) {
    .pt-10 {
        padding-top: 2rem
    }
}

@media (min-width: 320px) {
    .pb-10 {
        padding-bottom: 4rem
    }
}

@media (min-width: 480px) {
    .pb-10 {
        padding-bottom: 3.63636rem
    }
}

@media (min-width: 545px) {
    .pb-10 {
        padding-bottom: 3.33333rem
    }
}

@media (min-width: 768px) {
    .pb-10 {
        padding-bottom: 2.66667rem
    }
}

@media (min-width: 992px) {
    .pb-10 {
        padding-bottom: 2.5rem
    }
}

@media (min-width: 1200px) {
    .pb-10 {
        padding-bottom: 2.22222rem
    }
}

@media (min-width: 1400px) {
    .pb-10 {
        padding-bottom: 2rem
    }
}

@media (min-width: 320px) {
    .mt-10 {
        margin-top: 4rem
    }
}

@media (min-width: 480px) {
    .mt-10 {
        margin-top: 3.63636rem
    }
}

@media (min-width: 545px) {
    .mt-10 {
        margin-top: 3.33333rem
    }
}

@media (min-width: 768px) {
    .mt-10 {
        margin-top: 2.66667rem
    }
}

@media (min-width: 992px) {
    .mt-10 {
        margin-top: 2.5rem
    }
}

@media (min-width: 1200px) {
    .mt-10 {
        margin-top: 2.22222rem
    }
}

@media (min-width: 1400px) {
    .mt-10 {
        margin-top: 2rem
    }
}

@media (min-width: 320px) {
    .mb-10 {
        margin-bottom: 4rem
    }
}

@media (min-width: 480px) {
    .mb-10 {
        margin-bottom: 3.63636rem
    }
}

@media (min-width: 545px) {
    .mb-10 {
        margin-bottom: 3.33333rem
    }
}

@media (min-width: 768px) {
    .mb-10 {
        margin-bottom: 2.66667rem
    }
}

@media (min-width: 992px) {
    .mb-10 {
        margin-bottom: 2.5rem
    }
}

@media (min-width: 1200px) {
    .mb-10 {
        margin-bottom: 2.22222rem
    }
}

@media (min-width: 1400px) {
    .mb-10 {
        margin-bottom: 2rem
    }
}

@media (min-width: 320px) {
    .pt-15 {
        padding-top: 4rem
    }
}

@media (min-width: 480px) {
    .pt-15 {
        padding-top: 3.63636rem
    }
}

@media (min-width: 545px) {
    .pt-15 {
        padding-top: 3.33333rem
    }
}

@media (min-width: 768px) {
    .pt-15 {
        padding-top: 2.66667rem
    }
}

@media (min-width: 992px) {
    .pt-15 {
        padding-top: 2.5rem
    }
}

@media (min-width: 1200px) {
    .pt-15 {
        padding-top: 2.22222rem
    }
}

@media (min-width: 1400px) {
    .pt-15 {
        padding-top: 2rem
    }
}

@media (min-width: 320px) {
    .pb-15 {
        padding-bottom: 4rem
    }
}

@media (min-width: 480px) {
    .pb-15 {
        padding-bottom: 3.63636rem
    }
}

@media (min-width: 545px) {
    .pb-15 {
        padding-bottom: 3.33333rem
    }
}

@media (min-width: 768px) {
    .pb-15 {
        padding-bottom: 2.66667rem
    }
}

@media (min-width: 992px) {
    .pb-15 {
        padding-bottom: 2.5rem
    }
}

@media (min-width: 1200px) {
    .pb-15 {
        padding-bottom: 2.22222rem
    }
}

@media (min-width: 1400px) {
    .pb-15 {
        padding-bottom: 2rem
    }
}

@media (min-width: 320px) {
    .mt-15 {
        margin-top: 4rem
    }
}

@media (min-width: 480px) {
    .mt-15 {
        margin-top: 3.63636rem
    }
}

@media (min-width: 545px) {
    .mt-15 {
        margin-top: 3.33333rem
    }
}

@media (min-width: 768px) {
    .mt-15 {
        margin-top: 2.66667rem
    }
}

@media (min-width: 992px) {
    .mt-15 {
        margin-top: 2.5rem
    }
}

@media (min-width: 1200px) {
    .mt-15 {
        margin-top: 2.22222rem
    }
}

@media (min-width: 1400px) {
    .mt-15 {
        margin-top: 2rem
    }
}

@media (min-width: 320px) {
    .mb-15 {
        margin-bottom: 4rem
    }
}

@media (min-width: 480px) {
    .mb-15 {
        margin-bottom: 3.63636rem
    }
}

@media (min-width: 545px) {
    .mb-15 {
        margin-bottom: 3.33333rem
    }
}

@media (min-width: 768px) {
    .mb-15 {
        margin-bottom: 2.66667rem
    }
}

@media (min-width: 992px) {
    .mb-15 {
        margin-bottom: 2.5rem
    }
}

@media (min-width: 1200px) {
    .mb-15 {
        margin-bottom: 2.22222rem
    }
}

@media (min-width: 1400px) {
    .mb-15 {
        margin-bottom: 2rem
    }
}

@media (min-width: 320px) {
    .pt-20 {
        padding-top: 4rem
    }
}

@media (min-width: 480px) {
    .pt-20 {
        padding-top: 3.63636rem
    }
}

@media (min-width: 545px) {
    .pt-20 {
        padding-top: 3.33333rem
    }
}

@media (min-width: 768px) {
    .pt-20 {
        padding-top: 2.66667rem
    }
}

@media (min-width: 992px) {
    .pt-20 {
        padding-top: 2.5rem
    }
}

@media (min-width: 1200px) {
    .pt-20 {
        padding-top: 2.22222rem
    }
}

@media (min-width: 1400px) {
    .pt-20 {
        padding-top: 2rem
    }
}

@media (min-width: 320px) {
    .pb-20 {
        padding-bottom: 4rem
    }
}

@media (min-width: 480px) {
    .pb-20 {
        padding-bottom: 3.63636rem
    }
}

@media (min-width: 545px) {
    .pb-20 {
        padding-bottom: 3.33333rem
    }
}

@media (min-width: 768px) {
    .pb-20 {
        padding-bottom: 2.66667rem
    }
}

@media (min-width: 992px) {
    .pb-20 {
        padding-bottom: 2.5rem
    }
}

@media (min-width: 1200px) {
    .pb-20 {
        padding-bottom: 2.22222rem
    }
}

@media (min-width: 1400px) {
    .pb-20 {
        padding-bottom: 2rem
    }
}

@media (min-width: 320px) {
    .mt-20 {
        margin-top: 4rem
    }
}

@media (min-width: 480px) {
    .mt-20 {
        margin-top: 3.63636rem
    }
}

@media (min-width: 545px) {
    .mt-20 {
        margin-top: 3.33333rem
    }
}

@media (min-width: 768px) {
    .mt-20 {
        margin-top: 2.66667rem
    }
}

@media (min-width: 992px) {
    .mt-20 {
        margin-top: 2.5rem
    }
}

@media (min-width: 1200px) {
    .mt-20 {
        margin-top: 2.22222rem
    }
}

@media (min-width: 1400px) {
    .mt-20 {
        margin-top: 2rem
    }
}

@media (min-width: 320px) {
    .mb-20 {
        margin-bottom: 4rem
    }
}

@media (min-width: 480px) {
    .mb-20 {
        margin-bottom: 3.63636rem
    }
}

@media (min-width: 545px) {
    .mb-20 {
        margin-bottom: 3.33333rem
    }
}

@media (min-width: 768px) {
    .mb-20 {
        margin-bottom: 2.66667rem
    }
}

@media (min-width: 992px) {
    .mb-20 {
        margin-bottom: 2.5rem
    }
}

@media (min-width: 1200px) {
    .mb-20 {
        margin-bottom: 2.22222rem
    }
}

@media (min-width: 1400px) {
    .mb-20 {
        margin-bottom: 2rem
    }
}

@media (min-width: 320px) {
    .pt-25 {
        padding-top: 4rem
    }
}

@media (min-width: 480px) {
    .pt-25 {
        padding-top: 3.63636rem
    }
}

@media (min-width: 545px) {
    .pt-25 {
        padding-top: 3.33333rem
    }
}

@media (min-width: 768px) {
    .pt-25 {
        padding-top: 2.66667rem
    }
}

@media (min-width: 992px) {
    .pt-25 {
        padding-top: 2.5rem
    }
}

@media (min-width: 320px) {
    .pb-25 {
        padding-bottom: 4rem
    }
}

@media (min-width: 480px) {
    .pb-25 {
        padding-bottom: 3.63636rem
    }
}

@media (min-width: 545px) {
    .pb-25 {
        padding-bottom: 3.33333rem
    }
}

@media (min-width: 768px) {
    .pb-25 {
        padding-bottom: 2.66667rem
    }
}

@media (min-width: 992px) {
    .pb-25 {
        padding-bottom: 2.5rem
    }
}

@media (min-width: 320px) {
    .mt-25 {
        margin-top: 4rem
    }
}

@media (min-width: 480px) {
    .mt-25 {
        margin-top: 3.63636rem
    }
}

@media (min-width: 545px) {
    .mt-25 {
        margin-top: 3.33333rem
    }
}

@media (min-width: 768px) {
    .mt-25 {
        margin-top: 2.66667rem
    }
}

@media (min-width: 992px) {
    .mt-25 {
        margin-top: 2.5rem
    }
}

@media (min-width: 320px) {
    .mb-25 {
        margin-bottom: 4rem
    }
}

@media (min-width: 480px) {
    .mb-25 {
        margin-bottom: 3.63636rem
    }
}

@media (min-width: 545px) {
    .mb-25 {
        margin-bottom: 3.33333rem
    }
}

@media (min-width: 768px) {
    .mb-25 {
        margin-bottom: 2.66667rem
    }
}

@media (min-width: 992px) {
    .mb-25 {
        margin-bottom: 2.5rem
    }
}

@media (min-width: 320px) {
    .pt-30 {
        padding-top: 4rem
    }
}

@media (min-width: 480px) {
    .pt-30 {
        padding-top: 3.63636rem
    }
}

@media (min-width: 545px) {
    .pt-30 {
        padding-top: 3.33333rem
    }
}

@media (min-width: 768px) {
    .pt-30 {
        padding-top: 3rem
    }
}

@media (min-width: 320px) {
    .pb-30 {
        padding-bottom: 4rem
    }
}

@media (min-width: 480px) {
    .pb-30 {
        padding-bottom: 3.63636rem
    }
}

@media (min-width: 545px) {
    .pb-30 {
        padding-bottom: 3.33333rem
    }
}

@media (min-width: 768px) {
    .pb-30 {
        padding-bottom: 3rem
    }
}

@media (min-width: 320px) {
    .mt-30 {
        margin-top: 4rem
    }
}

@media (min-width: 480px) {
    .mt-30 {
        margin-top: 3.63636rem
    }
}

@media (min-width: 545px) {
    .mt-30 {
        margin-top: 3.33333rem
    }
}

@media (min-width: 768px) {
    .mt-30 {
        margin-top: 3rem
    }
}

@media (min-width: 320px) {
    .mb-30 {
        margin-bottom: 4rem
    }
}

@media (min-width: 480px) {
    .mb-30 {
        margin-bottom: 3.63636rem
    }
}

@media (min-width: 545px) {
    .mb-30 {
        margin-bottom: 3.33333rem
    }
}

@media (min-width: 768px) {
    .mb-30 {
        margin-bottom: 3rem
    }
}

@media (min-width: 320px) {
    .pt-35 {
        padding-top: 4rem
    }
}

@media (min-width: 480px) {
    .pt-35 {
        padding-top: 3.63636rem
    }
}

@media (min-width: 545px) {
    .pt-35 {
        padding-top: 3.5rem
    }
}

@media (min-width: 320px) {
    .pb-35 {
        padding-bottom: 4rem
    }
}

@media (min-width: 480px) {
    .pb-35 {
        padding-bottom: 3.63636rem
    }
}

@media (min-width: 545px) {
    .pb-35 {
        padding-bottom: 3.5rem
    }
}

@media (min-width: 320px) {
    .mt-35 {
        margin-top: 4rem
    }
}

@media (min-width: 480px) {
    .mt-35 {
        margin-top: 3.63636rem
    }
}

@media (min-width: 545px) {
    .mt-35 {
        margin-top: 3.5rem
    }
}

@media (min-width: 320px) {
    .mb-35 {
        margin-bottom: 4rem
    }
}

@media (min-width: 480px) {
    .mb-35 {
        margin-bottom: 3.63636rem
    }
}

@media (min-width: 545px) {
    .mb-35 {
        margin-bottom: 3.5rem
    }
}

@media (min-width: 320px) {
    .pt-40 {
        padding-top: 4rem
    }
}

@media (min-width: 320px) {
    .pb-40 {
        padding-bottom: 4rem
    }
}

@media (min-width: 320px) {
    .mt-40 {
        margin-top: 4rem
    }
}

@media (min-width: 320px) {
    .mb-40 {
        margin-bottom: 4rem
    }
}

@media (min-width: 320px) {
    .pt-45 {
        padding-top: 4.5rem
    }
}

@media (min-width: 320px) {
    .pb-45 {
        padding-bottom: 4.5rem
    }
}

@media (min-width: 320px) {
    .mt-45 {
        margin-top: 4.5rem
    }
}

@media (min-width: 320px) {
    .mb-45 {
        margin-bottom: 4.5rem
    }
}

@media (min-width: 320px) {
    .pt-50 {
        padding-top: 5rem
    }
}

@media (min-width: 320px) {
    .pb-50 {
        padding-bottom: 5rem
    }
}

@media (min-width: 320px) {
    .mt-50 {
        margin-top: 5rem
    }
}

@media (min-width: 320px) {
    .mb-50 {
        margin-bottom: 5rem
    }
}

@media (min-width: 320px) {
    .pt-55 {
        padding-top: 5.5rem
    }
}

@media (min-width: 320px) {
    .pb-55 {
        padding-bottom: 5.5rem
    }
}

@media (min-width: 320px) {
    .mt-55 {
        margin-top: 5.5rem
    }
}

@media (min-width: 320px) {
    .mb-55 {
        margin-bottom: 5.5rem
    }
}

@media (min-width: 320px) {
    .pt-60 {
        padding-top: 6rem
    }
}

@media (min-width: 320px) {
    .pb-60 {
        padding-bottom: 6rem
    }
}

@media (min-width: 320px) {
    .mt-60 {
        margin-top: 6rem
    }
}

@media (min-width: 320px) {
    .mb-60 {
        margin-bottom: 6rem
    }
}

@media (min-width: 320px) {
    .pt-65 {
        padding-top: 6.5rem
    }
}

@media (min-width: 320px) {
    .pb-65 {
        padding-bottom: 6.5rem
    }
}

@media (min-width: 320px) {
    .mt-65 {
        margin-top: 6.5rem
    }
}

@media (min-width: 320px) {
    .mb-65 {
        margin-bottom: 6.5rem
    }
}

@media (min-width: 320px) {
    .pt-70 {
        padding-top: 7rem
    }
}

@media (min-width: 320px) {
    .pb-70 {
        padding-bottom: 7rem
    }
}

@media (min-width: 320px) {
    .mt-70 {
        margin-top: 7rem
    }
}

@media (min-width: 320px) {
    .mb-70 {
        margin-bottom: 7rem
    }
}

@media (min-width: 320px) {
    .pt-75 {
        padding-top: 7.5rem
    }
}

@media (min-width: 320px) {
    .pb-75 {
        padding-bottom: 7.5rem
    }
}

@media (min-width: 320px) {
    .mt-75 {
        margin-top: 7.5rem
    }
}

@media (min-width: 320px) {
    .mb-75 {
        margin-bottom: 7.5rem
    }
}

@media (min-width: 320px) {
    .pt-80 {
        padding-top: 8rem
    }
}

@media (min-width: 320px) {
    .pb-80 {
        padding-bottom: 8rem
    }
}

@media (min-width: 320px) {
    .mt-80 {
        margin-top: 8rem
    }
}

@media (min-width: 320px) {
    .mb-80 {
        margin-bottom: 8rem
    }
}

@media (min-width: 320px) {
    .pt-85 {
        padding-top: 8.5rem
    }
}

@media (min-width: 320px) {
    .pb-85 {
        padding-bottom: 8.5rem
    }
}

@media (min-width: 320px) {
    .mt-85 {
        margin-top: 8.5rem
    }
}

@media (min-width: 320px) {
    .mb-85 {
        margin-bottom: 8.5rem
    }
}

@media (min-width: 320px) {
    .pt-90 {
        padding-top: 9rem
    }
}

@media (min-width: 320px) {
    .pb-90 {
        padding-bottom: 9rem
    }
}

@media (min-width: 320px) {
    .mt-90 {
        margin-top: 9rem
    }
}

@media (min-width: 320px) {
    .mb-90 {
        margin-bottom: 9rem
    }
}

@media (min-width: 320px) {
    .pt-95 {
        padding-top: 9.5rem
    }
}

@media (min-width: 320px) {
    .pb-95 {
        padding-bottom: 9.5rem
    }
}

@media (min-width: 320px) {
    .mt-95 {
        margin-top: 9.5rem
    }
}

@media (min-width: 320px) {
    .mb-95 {
        margin-bottom: 9.5rem
    }
}

@media (min-width: 320px) {
    .pt-100 {
        padding-top: 10rem
    }
}

@media (min-width: 320px) {
    .pb-100 {
        padding-bottom: 10rem
    }
}

@media (min-width: 320px) {
    .mt-100 {
        margin-top: 10rem
    }
}

@media (min-width: 320px) {
    .mb-100 {
        margin-bottom: 10rem
    }
}

h1,
.h1 {
    font-weight: 600;
    color: #522974;
    padding-bottom: 2rem
}

@media (min-width: 320px) {

    h1,
    .h1 {
        font-size: 5rem
    }
}

@media (min-width: 480px) {

    h1,
    .h1 {
        font-size: 4.54545rem
    }
}

@media (min-width: 545px) {

    h1,
    .h1 {
        font-size: 4.16667rem
    }
}

@media (min-width: 768px) {

    h1,
    .h1 {
        font-size: 4rem
    }
}

h2,
.h2 {
    font-weight: 500;
    color: #522974;
    padding-bottom: 2rem
}

@media (min-width: 320px) {

    h2,
    .h2 {
        font-size: 4rem
    }
}

@media (min-width: 480px) {

    h2,
    .h2 {
        font-size: 3.63636rem
    }
}

@media (min-width: 545px) {

    h2,
    .h2 {
        font-size: 3.6rem
    }
}

h3,
.h3 {
    color: #522974;
    font-weight: 400
}

@media (min-width: 320px) {

    h3,
    .h3 {
        font-size: 3.8rem
    }
}

@media (min-width: 480px) {

    h3,
    .h3 {
        font-size: 3.45455rem
    }
}

@media (min-width: 545px) {

    h3,
    .h3 {
        font-size: 3.16667rem
    }
}

@media (min-width: 768px) {

    h3,
    .h3 {
        font-size: 3rem
    }
}

@media (min-width: 320px) {

    h3,
    .h3 {
        line-height: 3.8rem
    }
}

@media (min-width: 480px) {

    h3,
    .h3 {
        line-height: 3.45455rem
    }
}

@media (min-width: 545px) {

    h3,
    .h3 {
        line-height: 3.16667rem
    }
}

@media (min-width: 768px) {

    h3,
    .h3 {
        line-height: 3rem
    }
}

@media (min-width: 320px) {

    h4,
    .h4 {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {

    h4,
    .h4 {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {

    h4,
    .h4 {
        font-size: 3rem
    }
}

@media (min-width: 768px) {

    h4,
    .h4 {
        font-size: 2.4rem
    }
}

@media (min-width: 320px) {

    h4,
    .h4 {
        line-height: 3.6rem
    }
}

@media (min-width: 480px) {

    h4,
    .h4 {
        line-height: 3.27273rem
    }
}

@media (min-width: 545px) {

    h4,
    .h4 {
        line-height: 3rem
    }
}

@media (min-width: 768px) {

    h4,
    .h4 {
        line-height: 2.4rem
    }
}

big,
.perex {
    line-height: 1.9;
    font-weight: 500
}

@media (min-width: 320px) {

    big,
    .perex {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {

    big,
    .perex {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {

    big,
    .perex {
        font-size: 3rem
    }
}

@media (min-width: 768px) {

    big,
    .perex {
        font-size: 2.8rem
    }
}

@media (min-width: 320px) {
    .smaller-perex {
        font-size: 4.4rem
    }
}

@media (min-width: 480px) {
    .smaller-perex {
        font-size: 4rem
    }
}

@media (min-width: 545px) {
    .smaller-perex {
        font-size: 3.66667rem
    }
}

@media (min-width: 768px) {
    .smaller-perex {
        font-size: 2.93333rem
    }
}

@media (min-width: 992px) {
    .smaller-perex {
        font-size: 2.75rem
    }
}

@media (min-width: 1200px) {
    .smaller-perex {
        font-size: 2.44444rem
    }
}

@media (min-width: 1400px) {
    .smaller-perex {
        font-size: 2.2rem
    }
}

@media (min-width: 320px) {
    .smaller-perex {
        line-height: 5.2rem
    }
}

@media (min-width: 480px) {
    .smaller-perex {
        line-height: 4.72727rem
    }
}

@media (min-width: 545px) {
    .smaller-perex {
        line-height: 4.33333rem
    }
}

@media (min-width: 768px) {
    .smaller-perex {
        line-height: 3.46667rem
    }
}

@media (min-width: 992px) {
    .smaller-perex {
        line-height: 3.25rem
    }
}

@media (min-width: 1200px) {
    .smaller-perex {
        line-height: 2.88889rem
    }
}

@media (min-width: 1400px) {
    .smaller-perex {
        line-height: 2.6rem
    }
}

@media (min-width: 320px) {

    small,
    .text-small {
        font-size: 2.8rem
    }
}

@media (min-width: 480px) {

    small,
    .text-small {
        font-size: 2.54545rem
    }
}

@media (min-width: 545px) {

    small,
    .text-small {
        font-size: 2.33333rem
    }
}

@media (min-width: 768px) {

    small,
    .text-small {
        font-size: 1.86667rem
    }
}

@media (min-width: 992px) {

    small,
    .text-small {
        font-size: 1.75rem
    }
}

@media (min-width: 1200px) {

    small,
    .text-small {
        font-size: 1.6rem
    }
}

@media (min-width: 320px) {

    small,
    .text-small {
        line-height: 3.6rem
    }
}

@media (min-width: 480px) {

    small,
    .text-small {
        line-height: 3.27273rem
    }
}

@media (min-width: 545px) {

    small,
    .text-small {
        line-height: 3rem
    }
}

@media (min-width: 768px) {

    small,
    .text-small {
        line-height: 2.4rem
    }
}

@media (min-width: 992px) {

    small,
    .text-small {
        line-height: 2.25rem
    }
}

@media (min-width: 1200px) {

    small,
    .text-small {
        line-height: 2rem
    }
}

@media (min-width: 1400px) {

    small,
    .text-small {
        line-height: 1.8rem
    }
}

a {
    color: #522974;
    cursor: pointer;
    text-decoration: underline;
    -o-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms
}

a:focus,
a:hover {
    color: #14ad53;
    outline: none
}

blockquote {
    position: relative;
    border-left: 1px solid #C4C4C4;
    padding: 15px 0 15px 30px;
    margin: 15px 0
}

@media (min-width: 992px) {
    blockquote {
        padding: 30px 0 30px 50px;
        margin: 30px 0
    }
}

@media (min-width: 1200px) {
    blockquote {
        padding: 30px 0 30px 70px
    }
}

blockquote:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 50px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzQgMjciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTAuOTUzIDEyLjY5NTlMMTQuMzk1NCAwLjI1NjM0OEg2LjY1MDA1TDIuMTEyMzcgMTEuNTIyM0MwLjMxMjk0MyAxNS44MjUzIDAgMTcuMzExOCAwIDE5LjM0NTlDMCAyMy44MDU0IDMuMjA3NjcgMjYuODU2NiA3LjU4ODg4IDI2Ljg1NjZDMTEuODkxOSAyNi44NTY2IDE1LjA5OTUgMjMuODgzNiAxNS4wOTk1IDE5LjM0NTlDMTUuMDk5NSAxNi4xMzgyIDEzLjUzNDggMTMuNzkxMiAxMC45NTMgMTIuNjk1OVpNMjkuNDE2NyAxMi42OTU5TDMyLjg1OTEgMC4yNTYzNDhIMjUuMTEzN0wyMC41NzYgMTEuNTIyM0MxOC43NzY2IDE1LjgyNTMgMTguNDYzNyAxNy4zMTE4IDE4LjQ2MzcgMTkuMzQ1OUMxOC40NjM3IDIzLjgwNTQgMjEuNjcxMyAyNi44NTY2IDI2LjA1MjYgMjYuODU2NkMzMC4zNTU1IDI2Ljg1NjYgMzMuNTYzMiAyMy44ODM2IDMzLjU2MzIgMTkuMzQ1OUMzMy41NjMyIDE2LjEzODIgMzEuOTk4NSAxMy43OTEyIDI5LjQxNjcgMTIuNjk1OVoiIGZpbGw9IiM1MjI5NzQiLz4NCjwvc3ZnPg0K) center no-repeat white;
    background-size: contain;
    content: ""
}

@media (min-width: 768px) {
    blockquote:before {
        width: 30px
    }
}

.btn {
    display: inline-block;
    border-radius: 3px;
    border: none;
    padding: 1.5rem 2.5rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 16px;
    letter-spacing: -0.36px;
    text-decoration: none !important;
    font-weight: 600
}

.btn:focus,
.btn:hover {
    text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.big-btn {
    padding: 1.8rem 5rem
}

@media (min-width: 320px) {
    .big-btn {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {
    .big-btn {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .big-btn {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .big-btn {
        font-size: 2.4rem
    }
}

.btn-primary {
    background: #14ad53;
    color: #fff;
    border: 1px solid #14ad53
}

.btn-primary:focus,
.btn-primary:hover {
    text-decoration: none;
    background: #119648;
    border-color: #119648;
    color: #fff
}

.btn-primary:active {
    background: #14ad53;
    color: white;
    border-color: #14ad53
}

.btn-download:after {
    content: '\e943';
    font-size: 14px;
    display: inline-block;
    padding-left: 5px
}

.btn-purple {
    background: #582f77;
    color: #fff;
    border: 1px solid #582f77
}

.btn-purple:focus,
.btn-purple:hover {
    text-decoration: none;
    background: #4a2865;
    border-color: #4a2865;
    color: #fff
}

.btn-purple-bordered {
    background: none;
    color: #582f77;
    border: 1px solid #582f77
}

.btn-purple-bordered:focus,
.btn-purple-bordered:hover {
    text-decoration: none;
    background: #582f77;
    color: white
}

.btn-default {
    background: rgba(0, 0, 0, 0);
    color: #14ad53;
    border: 1px solid #14ad53
}

.btn-default:focus,
.btn-default:hover {
    text-decoration: none;
    background: #14ad53;
    color: #fff
}

.btn-segment-wrap {
    display: inline-block
}

.image-top-center {
    position: top center !important
}

.image-top-left {
    position: top left !important
}

.image-top-right {
    position: top left !important
}

.image-bottom-center {
    position: bottom center !important
}

.image-bottom-left {
    position: bottom left !important
}

.image-bottom-right {
    position: bottom right !important
}

main {
    min-height: 40rem;
    counter-reset: no-reset-ol
}

main ol {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: my-ol
}

main ol li {
    position: relative;
    margin: 5px 0 15px 0;
    padding: 0 0 0 45px
}

main ol li:before {
    content: counter(my-ol) ".";
    counter-increment: my-ol;
    color: #522974;
    position: absolute;
    left: 0px;
    top: -3px;
    font-weight: 700;
    font-size: 15px;
    font-family: "Montserrat", sans-serif !important;
    color: #fff;
    background-image: -o-linear-gradient(125.86deg, #a34fbd 0%, #62337d 100%);
    background-image: linear-gradient(-35.86deg, #a34fbd 0%, #62337d 100%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 4px
}

main ol.no-reset li:before {
    content: counter(no-reset-ol) ".";
    counter-increment: no-reset-ol
}

main ul {
    margin: 0;
    padding: 0;
    list-style: none
}

main ul li {
    margin: 5px 0 15px 0;
    padding: 0 0 0 45px;
    position: relative
}

main ul li:before {
    content: "";
    height: 30px;
    width: 30px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgODEuODkgODEuODkiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDp1cmwoI05lcG9qbWVub3ZhbsO9X3DFmWVjaG9kXzIxKTt9PC9zdHlsZT48bGluZWFyR3JhZGllbnQgaWQ9Ik5lcG9qbWVub3ZhbsO9X3DFmWVjaG9kXzIxIiB4MT0iNjEuMDIiIHkxPSI0LjYzIiB4Mj0iMjQuMzUiIHkyPSI0NS4zIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjODIzZjkxIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNTIyOTc0Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PGcgaWQ9IlZyc3R2YV8yIiBkYXRhLW5hbWU9IlZyc3R2YSAyIj48ZyBpZD0iVnJzdHZhXzEtMiIgZGF0YS1uYW1lPSJWcnN0dmEgMSI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNTYsMEM2OSwwLDgwLjg5LDEwLjUzLDgxLjgyLDIzLjQ2YTI1LjI3LDI1LjI3LDAsMCwxLTguNDUsMjAuODNDNjIuOTQsNTMuNTQsNTYuNTYsNjYuNTEsNTYuNTYsODAuNDV2MS40NEwwLDBaIi8+PC9nPjwvZz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 24px;
    color: #522974
}

main table {
    width: 100%;
    font-size: 15px
}

main table thead tr th {
    min-width: 10rem;
    padding: 3rem 4rem;
    background: #F1EDF6;
    border-right: 1px solid #c4c4c4;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    font-size: 2.8rem;
    font-weight: 900;
    color: #522974
}

@media (min-width: 480px) {
    main table thead tr th {
        font-size: 2.54545rem
    }
}

@media (min-width: 545px) {
    main table thead tr th {
        font-size: 2.33333rem
    }
}

@media (min-width: 768px) {
    main table thead tr th {
        font-size: 1.86667rem
    }
}

@media (min-width: 992px) {
    main table thead tr th {
        font-size: 1.75rem
    }
}

@media (min-width: 1200px) {
    main table thead tr th {
        font-size: 1.55556rem
    }
}

@media (min-width: 1400px) {
    main table thead tr th {
        font-size: 1.4rem
    }
}

main table thead tr th:last-child {
    border-right: none
}

main table tr td {
    padding: 3rem 4rem;
    min-width: 10rem;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid #c4c4c4
}

main table tr td:last-child {
    border-right: none
}

main table tr:nth-child(odd) {
    background: #f8f9fa
}

main .respo-table table {
    width: 100%;
    font-size: 15px
}

main .respo-table table thead {
    display: none
}

@media (min-width: 768px) {
    main .respo-table table thead {
        display: table-header-group
    }
}

main .respo-table table thead tr th {
    text-transform: uppercase;
    padding: 1rem 1.5rem;
    background: #fff;
    font-weight: 300;
    color: #838184
}

main .respo-table table tbody tr {
    display: block;
    border: 1px solid #f1f1f1;
    border-bottom: none;
    margin: 0 0 2rem 0
}

main .respo-table table tbody tr:nth-child(odd) {
    background: #f8f9fa
}

@media (min-width: 768px) {
    main .respo-table table tbody tr {
        display: table-row;
        margin: 0;
        border: none
    }
}

main .respo-table table tbody tr td {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    width: 100%
}

@media (min-width: 768px) {
    main .respo-table table tbody tr td {
        display: table-cell;
        border: none;
        width: auto
    }
}

main .respo-table table tbody tr td:before {
    content: attr(data-th);
    display: block;
    text-align: left;
    font-family: "Montserrat", sans-serif !important;
    margin: 0 1.5rem 0 0
}

@media (min-width: 768px) {
    main .respo-table table tbody tr td:before {
        display: none
    }
}

.no-js main {
    padding-top: 100px
}

.overflow-hidden {
    overflow: hidden !important
}

.label-form,
label {
    display: block;
    margin: 1rem 0 0.5rem 0;
    font-size: 2.8rem
}

@media (min-width: 480px) {

    .label-form,
    label {
        font-size: 2.54545rem
    }
}

@media (min-width: 545px) {

    .label-form,
    label {
        font-size: 2.33333rem
    }
}

@media (min-width: 768px) {

    .label-form,
    label {
        font-size: 1.86667rem
    }
}

@media (min-width: 992px) {

    .label-form,
    label {
        font-size: 1.75rem
    }
}

@media (min-width: 1200px) {

    .label-form,
    label {
        font-size: 1.55556rem
    }
}

@media (min-width: 1400px) {

    .label-form,
    label {
        font-size: 1.4rem
    }
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type="number"] {
    -moz-appearance: textfield
}

.form-control,
select,
select.form-control,
textarea,
textarea.form-control,
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"] {
    width: 100%;
    padding: 0 2rem;
    border: 1px solid #e6e6e6;
    background: #fff;
    color: #2f2f2f;
    font-weight: 400;
    border-radius: 3px
}

@media (min-width: 320px) {

    .form-control,
    select,
    select.form-control,
    textarea,
    textarea.form-control,
    input[type="text"],
    input[type="number"],
    input[type="email"],
    input[type="password"] {
        height: 8rem
    }
}

@media (min-width: 480px) {

    .form-control,
    select,
    select.form-control,
    textarea,
    textarea.form-control,
    input[type="text"],
    input[type="number"],
    input[type="email"],
    input[type="password"] {
        height: 7.27273rem
    }
}

@media (min-width: 545px) {

    .form-control,
    select,
    select.form-control,
    textarea,
    textarea.form-control,
    input[type="text"],
    input[type="number"],
    input[type="email"],
    input[type="password"] {
        height: 6.66667rem
    }
}

@media (min-width: 768px) {

    .form-control,
    select,
    select.form-control,
    textarea,
    textarea.form-control,
    input[type="text"],
    input[type="number"],
    input[type="email"],
    input[type="password"] {
        height: 6rem
    }
}

@media (min-width: 320px) {

    .form-control,
    select,
    select.form-control,
    textarea,
    textarea.form-control,
    input[type="text"],
    input[type="number"],
    input[type="email"],
    input[type="password"] {
        font-size: 3rem
    }
}

@media (min-width: 480px) {

    .form-control,
    select,
    select.form-control,
    textarea,
    textarea.form-control,
    input[type="text"],
    input[type="number"],
    input[type="email"],
    input[type="password"] {
        font-size: 2.72727rem
    }
}

@media (min-width: 545px) {

    .form-control,
    select,
    select.form-control,
    textarea,
    textarea.form-control,
    input[type="text"],
    input[type="number"],
    input[type="email"],
    input[type="password"] {
        font-size: 2.5rem
    }
}

@media (min-width: 768px) {

    .form-control,
    select,
    select.form-control,
    textarea,
    textarea.form-control,
    input[type="text"],
    input[type="number"],
    input[type="email"],
    input[type="password"] {
        font-size: 2rem
    }
}

@media (min-width: 992px) {

    .form-control,
    select,
    select.form-control,
    textarea,
    textarea.form-control,
    input[type="text"],
    input[type="number"],
    input[type="email"],
    input[type="password"] {
        font-size: 1.875rem
    }
}

@media (min-width: 1200px) {

    .form-control,
    select,
    select.form-control,
    textarea,
    textarea.form-control,
    input[type="text"],
    input[type="number"],
    input[type="email"],
    input[type="password"] {
        font-size: 1.7rem
    }
}

.form-control::-webkit-input-placeholder,
select::-webkit-input-placeholder,
select.form-control::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
textarea.form-control::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder {
    color: #8c8b8b;
    font-weight: 300
}

.form-control:-moz-placeholder,
select:-moz-placeholder,
select.form-control:-moz-placeholder,
textarea:-moz-placeholder,
textarea.form-control:-moz-placeholder,
input[type="text"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="password"]:-moz-placeholder {
    color: #8c8b8b;
    font-weight: 300
}

.form-control::-moz-placeholder,
select::-moz-placeholder,
select.form-control::-moz-placeholder,
textarea::-moz-placeholder,
textarea.form-control::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="password"]::-moz-placeholder {
    color: #8c8b8b;
    font-weight: 300
}

.form-control:-ms-input-placeholder,
select:-ms-input-placeholder,
select.form-control:-ms-input-placeholder,
textarea:-ms-input-placeholder,
textarea.form-control:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder {
    color: #8c8b8b;
    font-weight: 300
}

.form-control:focus,
select:focus,
select.form-control:focus,
textarea:focus,
textarea.form-control:focus,
input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="password"]:focus {
    outline: 0;
    border: 1px solid #e6e6e6
}

textarea.form-control,
textarea {
    padding: 1.5rem
}

@media (min-width: 320px) {

    textarea.form-control,
    textarea {
        height: 20rem
    }
}

@media (min-width: 480px) {

    textarea.form-control,
    textarea {
        height: 18.18182rem
    }
}

@media (min-width: 545px) {

    textarea.form-control,
    textarea {
        height: 18rem
    }
}

textarea.form-control:focus,
textarea:focus {
    border: 1px solid #e6e6e6
}

input[type="submit"] {
    cursor: pointer
}

.required label:before {
    content: "*";
    display: inline-block;
    vertical-align: 0.6rem;
    margin: 0 2px 0 0;
    font-size: 2rem
}

@media (min-width: 480px) {
    .required label:before {
        font-size: 1.81818rem
    }
}

@media (min-width: 545px) {
    .required label:before {
        font-size: 1.66667rem
    }
}

@media (min-width: 768px) {
    .required label:before {
        font-size: 1.33333rem
    }
}

@media (min-width: 992px) {
    .required label:before {
        font-size: 1.25rem
    }
}

@media (min-width: 1200px) {
    .required label:before {
        font-size: 1.11111rem
    }
}

@media (min-width: 1400px) {
    .required label:before {
        font-size: 1rem
    }
}

label.required:after {
    content: "*";
    display: inline-block;
    vertical-align: 0.6rem;
    margin: 0 2px 0 0;
    color: #522974;
    font-size: 2rem
}

@media (min-width: 480px) {
    label.required:after {
        font-size: 1.81818rem
    }
}

@media (min-width: 545px) {
    label.required:after {
        font-size: 1.66667rem
    }
}

@media (min-width: 768px) {
    label.required:after {
        font-size: 1.33333rem
    }
}

@media (min-width: 992px) {
    label.required:after {
        font-size: 1.25rem
    }
}

@media (min-width: 1200px) {
    label.required:after {
        font-size: 1.11111rem
    }
}

@media (min-width: 1400px) {
    label.required:after {
        font-size: 1rem
    }
}

.file .uploader-upload {
    display: none
}

.file label {
    display: inline-block;
    padding: 1rem 2rem;
    text-transform: uppercase;
    color: #fff;
    background: #522974;
    cursor: pointer;
    font-size: 2.8rem;
    border-radius: 0;
    max-width: 24rem;
    margin: 0;
    width: 100%;
    text-align: center;
    cursor: pointer;
    letter-spacing: 1px;
    outline: 0 !important
}

@media (min-width: 480px) {
    .file label {
        font-size: 2.54545rem
    }
}

@media (min-width: 545px) {
    .file label {
        font-size: 2.33333rem
    }
}

@media (min-width: 768px) {
    .file label {
        font-size: 1.86667rem
    }
}

@media (min-width: 992px) {
    .file label {
        font-size: 1.75rem
    }
}

@media (min-width: 1200px) {
    .file label {
        font-size: 1.55556rem
    }
}

@media (min-width: 1400px) {
    .file label {
        font-size: 1.4rem
    }
}

.file .file-name {
    padding: 0.5rem;
    background: #14ad53;
    color: #2f2f2f
}

.validation-error select,
.validation-error .selectric,
.validation-error input[type="text"],
.validation-error input[type="password"],
.validation-error input[type="email"],
.validation-error input[type="number"],
.validation-error .checkbox label:before,
.validation-error textarea,
.form-validation-error select,
.form-validation-error .selectric,
.form-validation-error input[type="text"],
.form-validation-error input[type="password"],
.form-validation-error input[type="email"],
.form-validation-error input[type="number"],
.form-validation-error .checkbox label:before,
.form-validation-error textarea,
.Error:not(.form-validation-valid) select,
.Error:not(.form-validation-valid) .selectric,
.Error:not(.form-validation-valid) input[type="text"],
.Error:not(.form-validation-valid) input[type="password"],
.Error:not(.form-validation-valid) input[type="email"],
.Error:not(.form-validation-valid) input[type="number"],
.Error:not(.form-validation-valid) .checkbox label:before,
.Error:not(.form-validation-valid) textarea {
    border: 1px solid #d40511 !important;
    -webkit-box-shadow: inset 0 0 0 1px #d40511;
    box-shadow: inset 0 0 0 1px #d40511;
    -webkit-animation-name: blink;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: 2;
    -webkit-animation-direction: normal;
    -moz-animation-name: blink;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: ease;
    -moz-animation-iteration-count: 2;
    -moz-animation-direction: normal;
    -o-animation-name: blink;
    -o-animation-duration: 1s;
    -o-animation-timing-function: ease;
    -o-animation-iteration-count: 2;
    -o-animation-direction: normal;
    animation-name: blink;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-iteration-count: 2;
    animation-direction: normal
}

@-webkit-keyframes blink {
    0% {
        background: #fff
    }

    50% {
        background: #fec7ca
    }

    100% {
        background: #fff
    }
}

@keyframes blink {
    0% {
        background: #fff
    }

    50% {
        background: #fec7ca
    }

    100% {
        background: #fff
    }
}

div.form-validation-valid .FormErrorLabel,
div.form-validation-valid .EditingFormErrorLabel {
    display: none
}

.ErrorLabel,
.form-control-error,
div.form-validation-error,
.EditingFormErrorLabel {
    font-size: 2.8rem;
    color: #d40511;
    display: block;
    margin: 0.5rem 0 0 0
}

@media (min-width: 480px) {

    .ErrorLabel,
    .form-control-error,
    div.form-validation-error,
    .EditingFormErrorLabel {
        font-size: 2.54545rem
    }
}

@media (min-width: 545px) {

    .ErrorLabel,
    .form-control-error,
    div.form-validation-error,
    .EditingFormErrorLabel {
        font-size: 2.33333rem
    }
}

@media (min-width: 768px) {

    .ErrorLabel,
    .form-control-error,
    div.form-validation-error,
    .EditingFormErrorLabel {
        font-size: 1.86667rem
    }
}

@media (min-width: 992px) {

    .ErrorLabel,
    .form-control-error,
    div.form-validation-error,
    .EditingFormErrorLabel {
        font-size: 1.75rem
    }
}

@media (min-width: 1200px) {

    .ErrorLabel,
    .form-control-error,
    div.form-validation-error,
    .EditingFormErrorLabel {
        font-size: 1.55556rem
    }
}

@media (min-width: 1400px) {

    .ErrorLabel,
    .form-control-error,
    div.form-validation-error,
    .EditingFormErrorLabel {
        font-size: 1.4rem
    }
}

.radio input[type="radio"] {
    display: none
}

.radio input[type="radio"]+label {
    position: relative;
    padding: 0 0 1rem 25px;
    display: inline-block;
    margin: 0
}

.radio input[type="radio"]+label:before {
    content: "";
    border-radius: 50%;
    width: 16px;
    height: 16px;
    background: #fff;
    display: block;
    position: absolute;
    left: 0;
    top: 3px;
    border: 1px solid #e6e6e6;
    -o-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms
}

.radio input[type="radio"]+label:after {
    content: "";
    display: block;
    left: 5px;
    top: 8px;
    width: 6px;
    height: 6px;
    background: #522974;
    border-radius: 50%;
    position: absolute;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -o-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms
}

.radio input[type="radio"]:checked+label:before {
    border: 1px solid #e6e6e6
}

.radio input[type="radio"]:checked+label:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

.checkbox input[type="checkbox"] {
    display: none
}

.checkbox input[type="checkbox"]+label {
    position: relative;
    padding: 0 0 0 35px;
    margin: 0 15px 0 0;
    display: inline-block
}

.checkbox input[type="checkbox"]+label:before {
    content: "";
    width: 18px;
    height: 18px;
    background: #fff;
    display: block;
    position: absolute;
    left: 0;
    top: 2px;
    border: 1px solid #e6e6e6;
    -o-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms;
    border-radius: 3px
}

.checkbox input[type="checkbox"]+label:after {
    content: "\e952";
    display: block;
    left: 3px;
    top: 5px;
    font-size: 12px;
    color: #522974;
    position: absolute;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -o-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms
}

.checkbox input[type="checkbox"]:checked+label:before {
    border: 1px solid #e6e6e6
}

.checkbox input[type="checkbox"]:checked+label:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

.row-form {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -1rem
}

.row-form [class^="col"] {
    padding-left: 1rem;
    padding-right: 1rem
}

html.js .form-segment input[type='submit'] {
    display: none
}

html.js .form-segment div.btn {
    cursor: pointer;
    margin-top: 2rem
}

html.no-js .form-segment div.btn {
    display: none
}

.floating-form .pux-container {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.ajax-contact-form-error {
    color: red
}

.ajax-contact-form-success {
    color: #14ad53;
    padding: 2rem 0
}

.validation-error .validation {
    display: block !important;
    color: red;
    font-size: 14px;
    margin-bottom: 10px
}

.top-gradient {
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

@media (min-width: 992px) {
    .top-gradient {
        top: 0
    }
}

.top-gradient img {
    width: 100%
}

@media (min-width: 880px) {
    .top-gradient._hp-2024 img {
        margin-top: 20px;
        min-height: 1100px
    }
}

@media (min-width: 992px) {
    .top-gradient._hp-2024 img {
        min-height: 1400px;
        max-height: 1500px
    }
}

.top-image {
    min-height: 60rem;
    max-width: 1920px;
    margin: auto;
    position: relative
}

.top-image::after {
    content: '';
    background: url("../img/hp-pozadi.html");
    background-position: 0% 20% !important;
    background-repeat: no-repeat !important;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.top-image .top-image-content .top-image-content-inner {
    font-weight: 400
}

@media (min-width: 320px) {
    .top-image .top-image-content .top-image-content-inner {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {
    .top-image .top-image-content .top-image-content-inner {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .top-image .top-image-content .top-image-content-inner {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .top-image .top-image-content .top-image-content-inner {
        font-size: 2.4rem
    }
}

@media (min-width: 992px) {
    .top-image .top-image-content .top-image-content-inner {
        font-size: 2.25rem
    }
}

@media (min-width: 1200px) {
    .top-image .top-image-content .top-image-content-inner {
        font-size: 2rem
    }
}

@media screen and (max-width: 339px) {
    .top-image .top-image-content .top-image-content-inner {
        padding-top: 2rem;
        margin-top: -6rem
    }
}

@media screen and (min-width: 880px) {
    .top-image .top-image-content .top-image-content-inner {
        padding-top: 4rem;
        padding-bottom: 2rem;
        margin-top: 0;
        max-width: 53rem
    }
}

.top-image .top-image-content .top-image-content-inner h1 {
    font-weight: 700;
    color: #522974;
    padding-bottom: 1.5rem;
    max-width: 53rem
}

@media (min-width: 320px) {
    .top-image .top-image-content .top-image-content-inner h1 {
        font-size: 8rem
    }
}

@media (min-width: 480px) {
    .top-image .top-image-content .top-image-content-inner h1 {
        font-size: 7.27273rem
    }
}

@media (min-width: 545px) {
    .top-image .top-image-content .top-image-content-inner h1 {
        font-size: 7rem
    }
}

@media (min-width: 320px) {
    .top-image .top-image-content .top-image-content-inner h1 {
        line-height: 10.2rem
    }
}

@media (min-width: 480px) {
    .top-image .top-image-content .top-image-content-inner h1 {
        line-height: 9.27273rem
    }
}

@media (min-width: 545px) {
    .top-image .top-image-content .top-image-content-inner h1 {
        line-height: 8.5rem
    }
}

@media (min-width: 768px) {
    .top-image .top-image-content .top-image-content-inner h1 {
        line-height: 8.166rem
    }
}

.top-image .top-image-content .top-image-content-inner p {
    font-weight: 400
}

.top-image .top-image-content .top-image-content-inner strong {
    font-weight: 700
}

.top-image .top-image-content .top-image-content-inner .btn {
    padding: 1.8rem 5rem;
    margin-top: 5rem
}

@media (min-width: 320px) {
    .top-image .top-image-content .top-image-content-inner .btn {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {
    .top-image .top-image-content .top-image-content-inner .btn {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .top-image .top-image-content .top-image-content-inner .btn {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .top-image .top-image-content .top-image-content-inner .btn {
        font-size: 2.4rem
    }
}

.top-image .top-image-photo {
    aspect-ratio: 70 / 55
}

@media screen and (min-width: 880px) {
    .top-image .top-image-photo {
        position: absolute;
        right: 0rem;
        top: 6.3rem;
        width: 45%;
        height: 100%
    }
}

@media (min-width: 1200px) {
    .top-image .top-image-photo {
        right: 5rem
    }
}

@media screen and (min-width: 1440px) {
    .top-image .top-image-photo {
        right: 12rem
    }
}

.top-image .top-image-photo img {
    max-height: 100%
}

@media (min-width: 880px) {

    .top-image._hp-2024 .top-image-content,
    .top-image._hp-2024 .top-image-content h1 {
        color: white
    }

    .top-image._hp-2024 sub {
        color: white
    }
}

@media (min-width: 2500px) {
    .top-image._hp-2024 sub {
        color: white
    }
}

.top-image._hp-2024::after {
    display: none
}

.top-image-media-wrapper img {
    display: none
}

.top-image-media-wrapper video {
    display: block
}

body.webm-not-supported .top-image-media-wrapper img {
    display: block !important
}

body.webm-not-supported .top-image-media-wrapper video {
    display: none !important
}

body.webm-supported .top-image-media-wrapper img {
    display: none !important
}

body.webm-supported .top-image-media-wrapper video {
    display: block !important
}

.benefit-item {
    width: 100%;
    height: 100%;
    padding: 25px 20px 8rem;
    display: block;
    background: #7c3e8d;
    border-radius: 3px;
    position: relative;
    color: #fff !important;
    text-decoration: none !important
}

.benefit-item-title {
    font-weight: 700;
    min-height: 7.5rem;
    position: relative;
    z-index: 2
}

.benefit-item-perex {
    font-weight: 300;
    color: #e0bbea;
    font-size: 16px;
    position: relative;
    z-index: 2
}

.benefit-item-perex strong {
    font-weight: 700
}

.benefit-item-ref {
    position: absolute;
    left: 20px;
    bottom: 2rem;
    z-index: 2;
    letter-spacing: -0.31px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.benefit-item-ref:after {
    content: '\e92b';
    -webkit-transform: rotate(90deg) translateY(0);
    -ms-transform: rotate(90deg) translateY(0);
    transform: rotate(90deg) translateY(0);
    -o-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms;
    font-weight: 300;
    padding-bottom: 10px;
    font-size: 15px
}

.benefit-item:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 15rem;
    height: 17rem;
    background: url("../img/tri1.html")
}

.benefit-item:hover .benefit-item-ref:after,
.benefit-item:focus .benefit-item-ref:after {
    -webkit-transform: rotate(90deg) translateY(-5px);
    -ms-transform: rotate(90deg) translateY(-5px);
    transform: rotate(90deg) translateY(-5px)
}

.benefit-item-white {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem;
    background-color: #fff !important;
    -webkit-box-shadow: 0 10px 20px rgba(82, 41, 116, 0.15);
    box-shadow: 0 10px 20px rgba(82, 41, 116, 0.15);
    padding: clamp(20px, 2rem, 2rem) clamp(30px, 3rem, 3rem);
    -o-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms
}

.benefit-item-white::after {
    content: none !important
}

.benefit-item-white:hover,
.benefit-item-white:focus {
    -webkit-box-shadow: 0 20px 30px rgba(82, 41, 116, 0.25);
    box-shadow: 0 20px 30px rgba(82, 41, 116, 0.25)
}

.benefit-item-white:hover .benefit-item-arrow,
.benefit-item-white:focus .benefit-item-arrow {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px)
}

.benefit-item-white.benefit-item .benefit-item-icon {
    min-width: 25px;
    min-height: 25px;
    max-width: 5rem
}

.benefit-item-white.benefit-item .benefit-item-icon img {
    max-height: 4.5rem;
    -o-object-fit: contain;
    object-fit: contain
}

.benefit-item-white.benefit-item .benefit-item-title {
    color: #2f2f2f;
    font-weight: 400;
    min-height: unset
}

.benefit-item-white.benefit-item .benefit-item-arrow {
    margin-left: auto;
    -o-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms
}

.benefit-item-white.benefit-item .benefit-item-arrow::after {
    content: '\e97d';
    color: #2f2f2f
}

.benefit-item-2024 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    min-height: 72px;
    height: 100%;
    padding: 20px;
    background: white;
    border-radius: 3px;
    -webkit-box-shadow: 0 5px 20px rgba(82, 41, 116, 0.1);
    box-shadow: 0 5px 20px rgba(82, 41, 116, 0.1);
    text-decoration: none
}

@media (min-width: 992px) {
    .benefit-item-2024 {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.benefit-item-2024:hover {
    text-decoration: none
}

.benefit-item-2024 .benefit-item-2024-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.benefit-item-2024 .benefit-item-2024-icon svg {
    width: 32px;
    max-height: 30px
}

.benefit-item-2024 .benefit-item-2024-icon path,
.benefit-item-2024 .benefit-item-2024-icon rect {
    -o-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms
}

.benefit-item-2024:hover .benefit-item-2024-icon svg path:not([fill="white"]),
.benefit-item-2024:hover .benefit-item-2024-icon svg rect:not([fill="white"]) {
    fill: #14AD53 !important
}

.benefit-item-2024 .benefit-item-2024-title {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 16px;
    font-weight: 600
}

.benefit-item-2024 .benefit-item-2024-arrow {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    line-height: 1
}

.benefit-item-2024 .benefit-item-2024-arrow:after {
    display: block;
    -o-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms;
    font-size: 30px;
    content: '\e97f';
    color: #522974
}

.benefit-item-2024:hover .benefit-item-2024-arrow:after {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
    color: #14AD53
}

.row.benefits [class^='col-']:nth-child(2) .benefit-item {
    background: #64307d
}

.row.benefits [class^='col-']:nth-child(3) .benefit-item {
    background: #552a75
}

.row.benefits [class^='col-']:nth-child(4) .benefit-item {
    background: #482168
}

.row.benefits [class^='col-']:nth-child(4) .benefit-item:after {
    content: '';
    background: url("../img/tri2.html")
}

.benefit-container {
    position: relative;
    padding-top: 12rem;
    margin: auto;
    margin-top: 6rem
}

@media screen and (min-width: 880px) {
    .benefit-container {
        padding-top: 5rem;
        margin-top: 0rem
    }
}

.benefit-container-bgr-object {
    background: url("../img/ben-bgr.html");
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: absolute;
    width: 100%;
    height: 37rem;
    top: 0;
    left: 0
}

@media screen and (min-width: 880px) {
    .benefit-container-bgr-object {
        top: -6rem
    }
}

.benefit-container .pux-container {
    position: relative;
    z-index: 2
}

.benefit-container .pux-container h1,
.benefit-container .pux-container h2,
.benefit-container .pux-container h3,
.benefit-container .pux-container h4 {
    padding-bottom: 3.5rem
}

.testimonial-item {
    padding: 15px 0
}

@media (min-width: 768px) {
    .testimonial-item {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.testimonial-item-photo {
    width: 44rem;
    height: 36rem;
    margin: auto;
    position: relative;
    text-align: center
}

@media (min-width: 768px) {
    .testimonial-item-photo {
        margin: 0;
        text-align: left
    }
}

.testimonial-item-photo .pux-lazy-box-item {
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    margin: auto;
    height: 100%;
    width: 30rem
}

@media (min-width: 768px) {
    .testimonial-item-photo .pux-lazy-box-item {
        right: -6rem;
        position: absolute;
        margin: 0;
        top: 0
    }
}

@media (min-width: 992px) {
    .testimonial-item-photo .pux-lazy-box-item {
        right: 0
    }
}

.testimonial-item-content {
    position: relative
}

@media (min-width: 992px) {
    .testimonial-item-content {
        left: -6rem
    }
}

.testimonial-item-content-text {
    font-weight: 300;
    letter-spacing: -0.48px;
    padding-bottom: 2rem
}

@media (min-width: 320px) {
    .testimonial-item-content-text {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {
    .testimonial-item-content-text {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .testimonial-item-content-text {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .testimonial-item-content-text {
        font-size: 2.4rem
    }
}

.testimonial-item-content-mid {
    padding-bottom: 3rem;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-style: italic
}

.testimonial-item-content-mid .rewards-row {
    width: 100%;
    text-align: center;
    padding-top: 1rem
}

@media (min-width: 768px) {
    .testimonial-item-content-mid .rewards-row {
        text-align: left
    }
}

@media (min-width: 992px) {
    .testimonial-item-content-mid .rewards-row {
        padding-top: 0rem;
        width: auto;
        display: inline-block
    }
}

.testimonial-item-content-btn {
    text-align: center
}

@media (min-width: 768px) {
    .testimonial-item-content-btn {
        text-align: left
    }
}

.testimonial-item-content-btn .btn {
    padding: 1.8rem 5rem
}

@media (min-width: 320px) {
    .testimonial-item-content-btn .btn {
        font-size: 4rem
    }
}

@media (min-width: 480px) {
    .testimonial-item-content-btn .btn {
        font-size: 3.63636rem
    }
}

@media (min-width: 545px) {
    .testimonial-item-content-btn .btn {
        font-size: 3.33333rem
    }
}

@media (min-width: 768px) {
    .testimonial-item-content-btn .btn {
        font-size: 2.66667rem
    }
}

@media (min-width: 992px) {
    .testimonial-item-content-btn .btn {
        font-size: 2.5rem
    }
}

@media (min-width: 1200px) {
    .testimonial-item-content-btn .btn {
        font-size: 2.22222rem
    }
}

@media (min-width: 1400px) {
    .testimonial-item-content-btn .btn {
        font-size: 2.2rem
    }
}

.testimonials-slider {
    margin-top: 3rem
}

.testimonials-slider.slick-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(15px, 1.5rem, 1.5rem)
}

.testimonials-slider .slick-arrow {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    background: #522974;
    border: none;
    border-radius: 100%;
    outline: none;
    padding-left: 3px;
    padding-right: 0
}

.testimonials-slider .slick-arrow::after {
    color: white;
    font-size: 1.6rem
}

.testimonials-slider .slick-arrow:hover {
    background: #905ea1;
    cursor: pointer
}

.testimonials-slider .slick-prev {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.testimonials-slider .slick-prev::after {
    content: '\e97e'
}

.testimonials-slider .slick-next::after {
    content: '\e97e'
}

.testimonial-slider-item {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    padding: 0 2rem
}

@media (min-width: 1200px) {
    .testimonial-slider-item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 6rem
    }
}

.testimonial-slider-item .testimonial-slider-photo {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    overflow: hidden
}

.testimonial-slider-item .testimonial-slider-photo img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.testimonial-slider-item .testimonial-slider-content {
    position: relative;
    padding: 2rem 0
}

@media (min-width: 1200px) {

    .testimonial-slider-item .testimonial-slider-content:before,
    .testimonial-slider-item .testimonial-slider-content:after {
        position: absolute;
        left: -3rem;
        height: calc(50% - 30px);
        border-left: 1px solid #C4C4C4;
        content: ""
    }

    .testimonial-slider-item .testimonial-slider-content:before {
        top: 0
    }

    .testimonial-slider-item .testimonial-slider-content:after {
        bottom: 0
    }
}

.testimonial-slider-item .testimonial-slider-content .testimonial-slider-content-text {
    margin: 0 auto
}

@media (min-width: 320px) {
    .testimonial-slider-item .testimonial-slider-content .testimonial-slider-content-text {
        font-size: 3.2rem
    }
}

@media (min-width: 480px) {
    .testimonial-slider-item .testimonial-slider-content .testimonial-slider-content-text {
        font-size: 2.90909rem
    }
}

@media (min-width: 545px) {
    .testimonial-slider-item .testimonial-slider-content .testimonial-slider-content-text {
        font-size: 2.66667rem
    }
}

@media (min-width: 768px) {
    .testimonial-slider-item .testimonial-slider-content .testimonial-slider-content-text {
        font-size: 2.13333rem
    }
}

@media (min-width: 992px) {
    .testimonial-slider-item .testimonial-slider-content .testimonial-slider-content-text {
        font-size: 2rem
    }
}

@media (min-width: 1200px) {
    .testimonial-slider-item .testimonial-slider-content .testimonial-slider-content-text {
        font-size: 1.77778rem
    }
}

@media (min-width: 1400px) {
    .testimonial-slider-item .testimonial-slider-content .testimonial-slider-content-text {
        font-size: 1.6rem
    }
}

@media (min-width: 1200px) {
    .testimonial-slider-item .testimonial-slider-content .testimonial-slider-content-text:before {
        position: absolute;
        top: calc(50% + 1rem);
        left: -4.1rem;
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 700;
        color: #522974;
        line-height: 0;
        content: '“'
    }
}

@media (min-width: 1200px) and (min-width: 320px) {
    .testimonial-slider-item .testimonial-slider-content .testimonial-slider-content-text:before {
        font-size: 10.4rem
    }
}

@media (min-width: 1200px) and (min-width: 480px) {
    .testimonial-slider-item .testimonial-slider-content .testimonial-slider-content-text:before {
        font-size: 9.45455rem
    }
}

@media (min-width: 1200px) and (min-width: 545px) {
    .testimonial-slider-item .testimonial-slider-content .testimonial-slider-content-text:before {
        font-size: 8.66667rem
    }
}

@media (min-width: 1200px) and (min-width: 768px) {
    .testimonial-slider-item .testimonial-slider-content .testimonial-slider-content-text:before {
        font-size: 6.93333rem
    }
}

@media (min-width: 1200px) and (min-width: 992px) {
    .testimonial-slider-item .testimonial-slider-content .testimonial-slider-content-text:before {
        font-size: 6.5rem
    }
}

@media (min-width: 1200px) and (min-width: 1200px) {
    .testimonial-slider-item .testimonial-slider-content .testimonial-slider-content-text:before {
        font-size: 5.77778rem
    }
}

@media (min-width: 1200px) and (min-width: 1400px) {
    .testimonial-slider-item .testimonial-slider-content .testimonial-slider-content-text:before {
        font-size: 5.2rem
    }
}

.testimonial-slider-item .testimonial-slider-content .testimonial-slider-content-mid {
    margin-top: 1rem
}

.testimonial-slider-item .testimonial-slider-content .testimonial-slider-content-mid .name {
    font-weight: bold;
    color: #522974
}

@media (min-width: 320px) {
    .testimonial-slider-item .testimonial-slider-content .testimonial-slider-content-mid .position {
        font-size: 3.2rem
    }
}

@media (min-width: 480px) {
    .testimonial-slider-item .testimonial-slider-content .testimonial-slider-content-mid .position {
        font-size: 2.90909rem
    }
}

@media (min-width: 545px) {
    .testimonial-slider-item .testimonial-slider-content .testimonial-slider-content-mid .position {
        font-size: 2.66667rem
    }
}

@media (min-width: 768px) {
    .testimonial-slider-item .testimonial-slider-content .testimonial-slider-content-mid .position {
        font-size: 2.13333rem
    }
}

@media (min-width: 992px) {
    .testimonial-slider-item .testimonial-slider-content .testimonial-slider-content-mid .position {
        font-size: 2rem
    }
}

@media (min-width: 1200px) {
    .testimonial-slider-item .testimonial-slider-content .testimonial-slider-content-mid .position {
        font-size: 1.77778rem
    }
}

@media (min-width: 1400px) {
    .testimonial-slider-item .testimonial-slider-content .testimonial-slider-content-mid .position {
        font-size: 1.6rem
    }
}

.no-js .testimonial-slider-item:not(:first-child) {
    display: none !important
}

.tile-grid .tile-item {
    height: 100%;
    border-bottom: 5px solid #522974;
    -webkit-box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    box-shadow: 0 0 38px rgba(40, 42, 39, 0.1)
}

.tile-grid .tile-item-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.tile-grid .tile-item-image:before {
    content: '';
    display: block;
    padding-top: 75%
}

.tile-grid .tile-item-content {
    padding: 15px 15px 80px;
    text-align: center
}

.tile-grid .tile-item-content-title {
    margin: 0 0 20px;
    font-weight: 700;
    color: #522974
}

.tile-grid .tile-item-content-perex {
    display: block;
    margin: 0 0 20px
}

.tile-grid .tile-item-content-cta {
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width: 992px) {
    .tile-grid .tile-item-content {
        padding: 20px 25px 80px
    }
}

.reward-badge {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    font-style: italic;
    letter-spacing: -1.04px;
    width: 40px;
    height: 55px;
    background: url("../img/medaile.html");
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    padding: 10px 0;
    margin: 0 5px;
    text-align: center
}

.reward-badge:first-of-type {
    margin-left: 15px
}

.helpdesk-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 24rem 0 3rem
}

@media (min-width: 992px) {
    .helpdesk-item {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        padding: 3rem 0;
        -webkit-box-pack: space-between;
        -ms-flex-pack: space-between;
        justify-content: space-between
    }
}

@media (min-width: 992px) {
    .helpdesk-item-content {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.helpdesk-item-content-text {
    padding-right: 20rem;
    padding-bottom: 3rem
}

@media (min-width: 992px) {
    .helpdesk-item-content-text {
        padding-bottom: 0;
        padding-right: 10rem
    }
}

.helpdesk-item-content-contact a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none !important;
    letter-spacing: -0.4px;
    vertical-align: middle
}

@media (min-width: 320px) {
    .helpdesk-item-content-contact a {
        font-size: 3.4rem
    }
}

@media (min-width: 480px) {
    .helpdesk-item-content-contact a {
        font-size: 3.09091rem
    }
}

@media (min-width: 545px) {
    .helpdesk-item-content-contact a {
        font-size: 2.83333rem
    }
}

@media (min-width: 768px) {
    .helpdesk-item-content-contact a {
        font-size: 2.26667rem
    }
}

@media (min-width: 992px) {
    .helpdesk-item-content-contact a {
        font-size: 2.125rem
    }
}

@media (min-width: 1200px) {
    .helpdesk-item-content-contact a {
        font-size: 2rem
    }
}

.helpdesk-item-content-contact a:before {
    content: '';
    margin: 7.5px 2rem 7.5px 0
}

@media (min-width: 320px) {
    .helpdesk-item-content-contact a:before {
        font-size: 6rem
    }
}

@media (min-width: 480px) {
    .helpdesk-item-content-contact a:before {
        font-size: 5.45455rem
    }
}

@media (min-width: 545px) {
    .helpdesk-item-content-contact a:before {
        font-size: 5rem
    }
}

@media (min-width: 768px) {
    .helpdesk-item-content-contact a:before {
        font-size: 4.5rem
    }
}

.helpdesk-item-content-contact a[href^='mailto:']:before {
    content: '\e96f'
}

.helpdesk-item-content-contact a[href^='tel:']:before {
    content: '\e970'
}

.helpdesk-item-content-contact span {
    letter-spacing: -0.4px;
    color: #8d8d8d;
    vertical-align: text-top
}

.helpdesk-item-photo {
    width: 27rem;
    height: 27rem;
    position: absolute;
    top: 6rem;
    right: 0
}

@media (min-width: 992px) {
    .helpdesk-item-photo {
        position: relative;
        top: 0
    }
}

.helpdesk-item-photo .pux-lazy-box-item {
    position: absolute;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    right: 0;
    top: 0;
    height: 100%;
    width: 27rem
}

.articles-container {
    padding: 4rem 0;
    background: #fff
}

.articles-container h2 {
    padding-bottom: 3.5rem
}

@media (min-width: 320px) {
    .articles-container h2 {
        font-size: 4.4rem
    }
}

@media (min-width: 480px) {
    .articles-container h2 {
        font-size: 4rem
    }
}

@media (min-width: 545px) {
    .articles-container h2 {
        font-size: 3.66667rem
    }
}

@media (min-width: 768px) {
    .articles-container h2 {
        font-size: 3.6rem
    }
}

[class*='Fundament'] {
    position: relative;
    overflow: hidden
}

[class*='Fundament']:after {
    content: 'Fundamental';
    font-family: "Montserrat", sans-serif !important;
    color: #323033;
    font-weight: 700;
    letter-spacing: -0.56px;
    background: #e0d900;
    padding: 1.5rem 5rem;
    position: absolute;
    left: 0;
    top: 16rem;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media screen and (min-width: 480px) {
    [class*='Fundament']:after {
        padding: 1.5rem 6rem
    }
}

@media (min-width: 545px) {
    [class*='Fundament']:after {
        padding: 1.5rem 7rem
    }
}

@media (min-width: 768px) {
    [class*='Fundament']:after {
        padding: 1.5rem 5.5rem;
        top: 12rem
    }
}

@media (min-width: 992px) {
    [class*='Fundament']:after {
        padding: 1.5rem 6rem
    }
}

@media (min-width: 1400px) {
    [class*='Fundament']:after {
        padding: 1.5rem 4rem;
        top: 9.3rem
    }
}

.downloads-container {
    background: #f8f9fa;
    padding: 4.5rem 0
}

.downloads-container .row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.downloads-container h2 {
    padding-bottom: 1.5rem
}

@media (min-width: 320px) {
    .downloads-container h2 {
        font-size: 5rem
    }
}

@media (min-width: 480px) {
    .downloads-container h2 {
        font-size: 4.54545rem
    }
}

@media (min-width: 545px) {
    .downloads-container h2 {
        font-size: 4.16667rem
    }
}

@media (min-width: 768px) {
    .downloads-container h2 {
        font-size: 4rem
    }
}

.download-item {
    width: 100%;
    height: 100%;
    background: #fff;
    text-decoration: none !important;
    -webkit-box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    padding: 3rem 4.5rem;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px
}

.download-item-ico {
    font-size: 34px;
    color: #522974 !important;
    padding-right: 3rem
}

.download-item.row-download {
    padding: 12px 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 700;
    letter-spacing: -0.32px;
    background: #f6f6f6
}

.download-item.row-download:nth-child(2n) {
    background: #fff
}

.download-item.row-download .download-item-ico {
    font-size: 16px;
    padding-right: 5px
}

.download-item.row-download .download-item-ico:before {
    content: '\e943';
    font-size: 16px
}

.panel-container big {
    font-weight: 300
}

@media (min-width: 320px) {
    .panel-container big {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {
    .panel-container big {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .panel-container big {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .panel-container big {
        font-size: 2.4rem
    }
}

.cta-box-container {
    background: #fff
}

.cta-box-container.container-grey {
    -webkit-filter: none !important;
    filter: none !important;
    background: none !important;
    position: relative;
    overflow: hidden
}

.cta-box-container.container-grey:before {
    width: 0;
    height: 0;
    border-left: 96rem solid transparent;
    border-right: 96rem solid transparent;
    border-bottom: 8.7rem solid #f8f9fa;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    display: block;
    content: '';
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.cta-box-container.container-grey:after {
    position: absolute;
    z-index: -1;
    top: 8.7rem;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    content: '';
    background: #f8f9fa
}

.cta-box-container.container-shadow {
    -webkit-filter: drop-shadow(0 0 38px rgba(40, 42, 39, 0.1));
    filter: drop-shadow(0 0 38px rgba(40, 42, 39, 0.1));
    position: relative;
    background: none !important;
    overflow: hidden
}

.cta-box-container.container-shadow:before {
    width: 0;
    height: 0;
    border-left: 96rem solid transparent;
    border-right: 96rem solid transparent;
    border-bottom: 8.7rem solid #fff;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    display: block;
    content: '';
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.cta-box-container.container-shadow:after {
    position: absolute;
    z-index: -1;
    top: 8.7rem;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    content: '';
    background: #fff
}

.cta-box {
    padding: 4rem 15px
}

@media (min-width: 320px) {
    .cta-box big {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {
    .cta-box big {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .cta-box big {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .cta-box big {
        font-size: 2.4rem
    }
}

.cta-box h1,
.cta-box h2,
.cta-box h3,
.cta-box h4 {
    padding-top: 3rem;
    padding-bottom: 1rem;
    font-weight: 700;
    color: #522974
}

.cta-box .cta-box-heading-slider {
    margin-bottom: 2rem
}

.cta-box .cta-box-heading-slider h2 {
    padding: 0;
    margin: 0;
    text-align: center
}

.cta-box .btn {
    margin: 3rem 15px 5px
}

@media (min-width: 768px) {
    .cta-box .btn {
        margin: 3rem 15px 0
    }
}

.cta-box-container.item-purple .cta-box {
    margin: 2rem 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.03%, #411A6C), to(#9848B3));
    background: -o-linear-gradient(top, #411A6C .03%, #9848B3 100%);
    background: linear-gradient(180deg, #411A6C .03%, #9848B3 100%);
    border-radius: 10px;
    color: white
}

.cta-box-container.item-purple .cta-box h1,
.cta-box-container.item-purple .cta-box h2,
.cta-box-container.item-purple .cta-box h3,
.cta-box-container.item-purple .cta-box h4 {
    color: white
}

.textblock-item {
    position: relative;
    max-width: 1920px;
    margin: 8rem auto
}

.textblock-item:nth-child(2) {
    margin: 4rem auto 8rem
}

.textblock-item .pux-container {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex
}

@media (min-width: 992px) {
    .textblock-item-content-inner {
        max-width: 50%
    }
}

@media (min-width: 1400px) {
    .textblock-item-content-inner {
        max-width: 74rem
    }
}

.textblock-item-content-inner h2 {
    padding-bottom: 3rem
}

.textblock-item-content-inner .btn {
    margin-top: 4rem
}

.textblock-item-image {
    display: none
}

@media (min-width: 992px) {
    .textblock-item-image {
        display: block
    }
}

.textblock-item-image img {
    position: absolute;
    top: 50%;
    right: 0;
    width: 40%;
    display: block;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (min-width: 1400px) {
    .textblock-item-image img {
        width: 30%
    }
}

@media screen and (min-width: 1600px) {
    .textblock-item-image img {
        width: auto;
        height: 110% !important
    }
}

.textblock-item.metatrader {
    margin: 0 auto 18rem
}

.textblock-item.metatrader .textblock-item-image img {
    top: 0;
    right: auto;
    left: 50%;
    width: 50%;
    display: block;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

@media screen and (min-width: 1400px) {
    .textblock-item.metatrader .textblock-item-image img {
        width: 30%;
        left: 66%
    }
}

@media screen and (min-width: 1600px) {
    .textblock-item.metatrader .textblock-item-image img {
        height: auto !important;
        left: 62%
    }
}

.textblock-item.metatrader .textblock-item-content-inner h4 {
    padding-top: 4rem
}

@media (min-width: 320px) {
    .textblock-item.metatrader .textblock-item-content-inner h4 {
        line-height: 5rem
    }
}

@media (min-width: 480px) {
    .textblock-item.metatrader .textblock-item-content-inner h4 {
        line-height: 4.54545rem
    }
}

@media (min-width: 545px) {
    .textblock-item.metatrader .textblock-item-content-inner h4 {
        line-height: 4.16667rem
    }
}

@media (min-width: 768px) {
    .textblock-item.metatrader .textblock-item-content-inner h4 {
        line-height: 4rem
    }
}

@media (min-width: 992px) {
    .textblock-item.dark-container {
        margin-top: 10rem
    }
}

.textblock-item.dark-container .pux-container {
    position: relative
}

.textblock-item.dark-container .textblock-item-content {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.03%, #411A6C), to(#9848B3));
    background: -o-linear-gradient(top, #411A6C .03%, #9848B3 100%);
    background: linear-gradient(180deg, #411A6C .03%, #9848B3 100%);
    border-radius: 10px;
    padding: 4rem 4rem 5rem 4rem;
    width: 100%
}

.textblock-item.dark-container .textblock-item-content-inner {
    color: #bc8bcd
}

@media screen and (min-width: 1400px) {
    .textblock-item.dark-container .textblock-item-content-inner {
        max-width: 55rem
    }
}

@media screen and (min-width: 1600px) {
    .textblock-item.dark-container .textblock-item-content-inner {
        width: 62rem;
        max-width: unset
    }
}

.textblock-item.dark-container .textblock-item-content-inner h2 {
    color: #fff;
    font-weight: 600;
    margin-bottom: 1.5rem
}

.textblock-item.dark-container .textblock-item-content-inner .btn-purple {
    border: none;
    background-image: -o-linear-gradient(19deg, #5b2d79 0%, #905ea1 100%);
    background-image: linear-gradient(71deg, #5b2d79 0%, #905ea1 100%);
    -o-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms
}

.textblock-item.dark-container .textblock-item-content-inner .btn-purple:hover,
.textblock-item.dark-container .textblock-item-content-inner .btn-purple:focus {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.textblock-item.dark-container .textblock-item-image {
    position: absolute;
    top: -10rem;
    right: 10rem;
    max-width: 65rem;
    width: 100%
}

@media screen and (min-width: 1400px) {
    .textblock-item.dark-container .textblock-item-image {
        max-width: 60rem;
        height: auto !important
    }
}

@media screen and (min-width: 1600px) {
    .textblock-item.dark-container .textblock-item-image {
        max-width: 70rem;
        top: -15rem
    }
}

.textblock-item.dark-container .textblock-item-image img {
    position: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    width: 100%;
    max-height: 55rem;
    -o-object-fit: contain;
    object-fit: contain
}

.textblock-container {
    overflow: hidden;
    padding-top: 4rem;
    background: #fff;
    position: relative
}

.textblock-item-2024 {
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 30px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.03%, #411A6C), to(#9848B3));
    background: -o-linear-gradient(top, #411A6C .03%, #9848B3 100%);
    background: linear-gradient(180deg, #411A6C .03%, #9848B3 100%);
    border-radius: 10px;
    overflow: hidden;
    grid-template-columns: 100%
}

@media (min-width: 992px) {
    .textblock-item-2024 {
        grid-template-columns: 55% 1fr
    }
}

.textblock-item-2024>.item-content {
    padding: 30px 15px;
    font-size: 16px;
    color: white
}

@media (min-width: 768px) {
    .textblock-item-2024>.item-content {
        padding: 30px
    }
}

@media (min-width: 992px) {
    .textblock-item-2024>.item-content {
        padding: 40px 0 40px 50px
    }
}

.textblock-item-2024>.item-content h2 {
    color: white
}

.textblock-item-2024>.item-image {
    display: none
}

@media (min-width: 992px) {
    .textblock-item-2024>.item-image {
        display: block
    }

    .textblock-item-2024>.item-image img {
        width: 100%
    }
}

.textblock-time {
    border-radius: 3px;
    background-color: #f5f6f7;
    font-size: 14px;
    font-weight: 300;
    padding: 5px 10px 3px;
    display: inline-block;
    margin-bottom: 15px
}

.textblock-time span {
    font-weight: 700
}

.grid-textblock-item h2 {
    padding-bottom: 2rem
}

.grid-textblock-item.flat-grid {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}

.grid-textblock-item.flat-grid .grid-textblock-item-image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    padding: 10rem
}

@media (min-width: 768px) {
    .grid-textblock-item.flat-grid .grid-textblock-item-image {
        width: 50%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding: 0 5rem
    }
}

.grid-textblock-item.flat-grid .grid-textblock-item-content {
    font-weight: 300;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    padding: 2rem 0 0
}

@media (min-width: 768px) {
    .grid-textblock-item.flat-grid .grid-textblock-item-content {
        width: 50%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-top: 0;
        padding-right: 4rem
    }
}

@media (min-width: 1400px) {
    .grid-textblock-item.flat-grid .grid-textblock-item-content {
        padding-right: 2rem
    }
}

.grid-textblock-item.flat-grid:after {
    content: '';
    display: none;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 15rem;
    height: 8.8rem;
    background: url("../img/arrow.html");
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important
}

@media (min-width: 768px) {
    .grid-textblock-item.flat-grid.reverse .grid-textblock-item-image {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media (min-width: 768px) {
    .grid-textblock-item.flat-grid.reverse .grid-textblock-item-content {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding-left: 4rem;
        padding-right: 0rem
    }
}

@media (min-width: 1400px) {
    .grid-textblock-item.flat-grid.reverse .grid-textblock-item-content {
        padding-left: 2rem
    }
}

.grid-textblock-item.flat-grid.reverse:after {
    background: url("../img/arrow-rev.html")
}

@media (min-width: 768px) {
    .grid-textblock-item.flat-grid.reverse:after {
        -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }
}

.grid-textblock-item.column-grid .grid-textblock-item-image img {
    max-height: 100% !important
}

@media (min-width: 768px) {
    .grid-textblock-item.column-grid .grid-textblock-item-image {
        height: 26rem
    }
}

@media (min-width: 992px) {
    .grid-textblock-item.column-grid .grid-textblock-item-image {
        height: 24rem
    }
}

.grid-textblock-item.column-grid .grid-textblock-item-content {
    padding: 2rem 0 0;
    font-weight: 300
}

.grid-textblock-container {
    padding: 4rem 0;
    background: #fff
}

.grid-textblock-container .row .col-xs-12:last-child .grid-textblock-item:after {
    display: none !important
}

@media (min-width: 768px) {
    .grid-textblock-container.with-arrows .grid-textblock-item.flat-grid:after {
        display: block
    }
}

@media (min-width: 992px) {
    .grid-textblock-container.with-arrows .grid-textblock-item.flat-grid:after {
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

.ajax-contact-form .btn,
.contact-form .btn {
    text-transform: uppercase;
    padding: 1.5rem 4rem
}

.ajax-contact-form-box .select2-container {
    width: 85px !important
}

.contact-form {
    background: #f8f9fa;
    padding: 3rem;
    max-width: 585px
}

.form-partnership-inquiry .contact-form {
    max-width: none
}

.form-row {
    width: 100%;
    padding: 7.5px 0;
    margin: 0;
    position: relative
}

.form-row>div {
    width: 100%;
    position: relative
}

.form-row>div:after {
    font-size: 4rem;
    color: #522974;
    font-family: "Montserrat", sans-serif !important;
    position: absolute;
    top: 50%;
    right: 2rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    padding-top: 2rem
}

.form-row .selectric {
    border-radius: 3px;
    background: #fff
}

.form-row .selectric .label {
    padding-right: 0
}

.form-phone {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex
}

.form-phone>div {
    width: auto
}

.form-phone>div:first-child {
    width: 18%;
    min-width: 80px
}

.form-phone>div:last-child {
    width: 82%
}

.form-phone>div:last-child input {
    border-radius: 0 3px 3px 0;
    height: 100%
}

.form-phone .selectric {
    border-radius: 3px 0 0 3px !important;
    background: #efefef;
    border-right: none
}

.form-phone .selectric .label {
    padding-right: 0
}

.form-check {
    width: 100%;
    padding: 7.5px 0;
    margin: 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    color: #8d8d8d;
    font-size: 15px;
    font-weight: 300
}

.form-container {
    padding: 2rem 0 4rem 0
}

.image-container {
    padding: 2rem 0
}

.image-container img {
    width: 100%
}

@media (min-width: 545px) {
    .mobile-image {
        display: none
    }
}

.tablet-image {
    display: none
}

@media (min-width: 545px) {
    .tablet-image {
        display: block
    }
}

@media (min-width: 992px) {
    .tablet-image {
        display: none
    }
}

.desktop-image {
    display: none
}

@media (min-width: 992px) {
    .desktop-image {
        display: block
    }
}

.account-container {
    padding: 2.5rem 0;
    background: #f8f9fa
}

.account-container .pux-container {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 545px) {
    .account-container .pux-container {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: flex-start;
        -ms-flex-pack: flex-start;
        justify-content: flex-start
    }
}

.account-container .account-first {
    padding: 1.5rem 2rem 1.5rem 0;
    margin-right: 2rem;
    border-right: 3px solid #14ad53;
    margin-bottom: 3rem;
    min-width: 50px
}

@media (min-width: 545px) {
    .account-container .account-first {
        margin-bottom: 0rem;
        width: 30%
    }
}

.account-container .account-first h1,
.account-container .account-first h2,
.account-container .account-first h3,
.account-container .account-first h4 {
    padding-bottom: 0
}

.account-container .account-second {
    text-align: center;
    min-width: 50px;
    width: 100%
}

@media (min-width: 545px) {
    .account-container .account-second {
        text-align: left;
        width: 70%;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: space-between;
        -ms-flex-pack: space-between;
        justify-content: space-between
    }
}

.account-container .account-second big,
.account-container .account-second p {
    padding-right: 15px
}

.account-container .account-second .btn {
    margin: 2rem 0
}

.aa-text-item {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #f8f9fa;
    padding-top: 4.5rem;
    position: relative
}

.aa-text-item-column {
    width: 100%;
    padding: 3rem
}

@media (min-width: 768px) {
    .aa-text-item-column {
        width: 50%
    }
}

.aa-text-item-column h4 {
    padding: 2rem 0 1.5rem;
    font-weight: 700
}

.aa-text-item-column h4:first-child {
    padding-top: 0
}

.aa-text-item-column img {
    display: block;
    margin: 4rem auto
}

@media (min-width: 768px) {
    .aa-text-item-column img {
        margin: 3rem 3rem 3rem 0
    }
}

@media (min-width: 1400px) {
    .aa-text-item-column img {
        display: inline-block;
        float: left
    }
}

.aa-text-item:before {
    content: '\e900';
    position: absolute;
    left: 2.5rem;
    top: -5rem;
    font-size: 7.5rem
}

.aa-text-container {
    position: relative
}

.aa-text-container .aa-text-help-obj:before {
    content: '';
    height: 16px;
    background: url("../img/line-bigbox-top.html");
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    position: absolute;
    top: -18px;
    right: -2rem;
    left: 12rem
}

.aa-text-container .aa-text-help-obj:after {
    content: '';
    height: 18px;
    background: url("../img/line-bigbox-down.html");
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    position: absolute;
    bottom: -25px;
    right: -1.2rem;
    left: -1.6rem
}

@media (min-width: 992px) {
    .aa-text-container .aa-text-help-obj2:before {
        content: '';
        width: 23px;
        background: url("../img/line-bigbox-left.html");
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: 100% 100% !important;
        position: absolute;
        top: 8px;
        left: -25px;
        bottom: -6px
    }
}

@media (min-width: 992px) {
    .aa-text-container .aa-text-help-obj2:after {
        content: '';
        width: 10px;
        background: url("../img/line-bigbox-right.html");
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: 100% 100% !important;
        position: absolute;
        top: 6rem;
        right: -15px;
        bottom: 10px
    }
}

.Aa-pux-container {
    overflow: hidden;
    padding-top: 10rem;
    padding-bottom: 8rem
}

.strategy-container {
    padding: 4rem 0;
    background: #fff
}

@media (min-width: 320px) {
    .strategy-container h2 {
        font-size: 4.4rem
    }
}

@media (min-width: 480px) {
    .strategy-container h2 {
        font-size: 4rem
    }
}

@media (min-width: 545px) {
    .strategy-container h2 {
        font-size: 3.66667rem
    }
}

@media (min-width: 768px) {
    .strategy-container h2 {
        font-size: 3.6rem
    }
}

@media (min-width: 320px) {
    .strategy-container big {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {
    .strategy-container big {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .strategy-container big {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .strategy-container big {
        font-size: 2.4rem
    }
}

.strategy-content {
    padding: 3rem 0
}

.pt-widget {
    width: 100%;
    background: #fff;
    padding: 3rem;
    -webkit-box-shadow: 0 0 38px rgba(40, 42, 39, 0.1) !important;
    box-shadow: 0 0 38px rgba(40, 42, 39, 0.1) !important
}

.pt-widget .widget--header {
    font-weight: 700;
    color: #522974;
    padding-right: 6rem
}

.pt-widget .widget--gain {
    color: #9e9ea6;
    padding: 1rem 0 1.5rem
}

@media (min-width: 320px) {
    .pt-widget .widget--gain {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {
    .pt-widget .widget--gain {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .pt-widget .widget--gain {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .pt-widget .widget--gain {
        font-size: 2.4rem
    }
}

@media (min-width: 992px) {
    .pt-widget .widget--gain {
        font-size: 2.25rem
    }
}

@media (min-width: 1200px) {
    .pt-widget .widget--gain {
        font-size: 2rem
    }
}

.pt-widget .widget--currency {
    color: #9e9ea6;
    top: 3rem;
    right: 3rem
}

.pt-widget .sparkline--tooltip {
    padding: 0.5rem 1rem;
    border-radius: 3px
}

.tabs-row,
.switch-tabs-row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    border-bottom: 1px solid #eff3f5
}

@media (min-width: 768px) {

    .tabs-row,
    .switch-tabs-row {
        margin: 0 -5rem;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row
    }
}

.tabs-row .spread-tab,
.tabs-row .instrument-tab,
.tabs-row .switch-tab,
.switch-tabs-row .spread-tab,
.switch-tabs-row .instrument-tab,
.switch-tabs-row .switch-tab {
    padding: 1.5rem 5rem;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: -0.44px;
    color: #522974;
    width: 50%
}

@media (min-width: 320px) {

    .tabs-row .spread-tab,
    .tabs-row .instrument-tab,
    .tabs-row .switch-tab,
    .switch-tabs-row .spread-tab,
    .switch-tabs-row .instrument-tab,
    .switch-tabs-row .switch-tab {
        font-size: 3.4rem
    }
}

@media (min-width: 480px) {

    .tabs-row .spread-tab,
    .tabs-row .instrument-tab,
    .tabs-row .switch-tab,
    .switch-tabs-row .spread-tab,
    .switch-tabs-row .instrument-tab,
    .switch-tabs-row .switch-tab {
        font-size: 3.09091rem
    }
}

@media (min-width: 545px) {

    .tabs-row .spread-tab,
    .tabs-row .instrument-tab,
    .tabs-row .switch-tab,
    .switch-tabs-row .spread-tab,
    .switch-tabs-row .instrument-tab,
    .switch-tabs-row .switch-tab {
        font-size: 2.83333rem
    }
}

@media (min-width: 768px) {

    .tabs-row .spread-tab,
    .tabs-row .instrument-tab,
    .tabs-row .switch-tab,
    .switch-tabs-row .spread-tab,
    .switch-tabs-row .instrument-tab,
    .switch-tabs-row .switch-tab {
        font-size: 2.26667rem
    }
}

@media (min-width: 992px) {

    .tabs-row .spread-tab,
    .tabs-row .instrument-tab,
    .tabs-row .switch-tab,
    .switch-tabs-row .spread-tab,
    .switch-tabs-row .instrument-tab,
    .switch-tabs-row .switch-tab {
        font-size: 2.2rem
    }
}

@media (min-width: 768px) {

    .tabs-row .spread-tab,
    .tabs-row .instrument-tab,
    .tabs-row .switch-tab,
    .switch-tabs-row .spread-tab,
    .switch-tabs-row .instrument-tab,
    .switch-tabs-row .switch-tab {
        width: auto
    }
}

.tabs-row .spread-tab:before,
.tabs-row .instrument-tab:before,
.tabs-row .switch-tab:before,
.switch-tabs-row .spread-tab:before,
.switch-tabs-row .instrument-tab:before,
.switch-tabs-row .switch-tab:before {
    content: '';
    font-size: 25px;
    padding-right: 10px;
    color: #522974
}

.tabs-row .spread-tab:after,
.tabs-row .instrument-tab:after,
.tabs-row .switch-tab:after,
.switch-tabs-row .spread-tab:after,
.switch-tabs-row .instrument-tab:after,
.switch-tabs-row .switch-tab:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 5rem;
    right: 5rem;
    height: 3px;
    background: #522974;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -o-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms
}

.tabs-row .spread-tab.active,
.tabs-row .instrument-tab.active,
.tabs-row .switch-tab.active,
.switch-tabs-row .spread-tab.active,
.switch-tabs-row .instrument-tab.active,
.switch-tabs-row .switch-tab.active {
    font-weight: 700
}

.tabs-row .spread-tab.active:after,
.tabs-row .spread-tab:hover:after,
.tabs-row .spread-tab:focus:after,
.tabs-row .instrument-tab.active:after,
.tabs-row .instrument-tab:hover:after,
.tabs-row .instrument-tab:focus:after,
.tabs-row .switch-tab.active:after,
.tabs-row .switch-tab:hover:after,
.tabs-row .switch-tab:focus:after,
.switch-tabs-row .spread-tab.active:after,
.switch-tabs-row .spread-tab:hover:after,
.switch-tabs-row .spread-tab:focus:after,
.switch-tabs-row .instrument-tab.active:after,
.switch-tabs-row .instrument-tab:hover:after,
.switch-tabs-row .instrument-tab:focus:after,
.switch-tabs-row .switch-tab.active:after,
.switch-tabs-row .switch-tab:hover:after,
.switch-tabs-row .switch-tab:focus:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

.tabs-row .spread-tab.ecn:before,
.tabs-row .spread-tab.stp:before,
.tabs-row .instrument-tab.ecn:before,
.tabs-row .instrument-tab.stp:before,
.tabs-row .switch-tab.ecn:before,
.tabs-row .switch-tab.stp:before,
.switch-tabs-row .spread-tab.ecn:before,
.switch-tabs-row .spread-tab.stp:before,
.switch-tabs-row .instrument-tab.ecn:before,
.switch-tabs-row .instrument-tab.stp:before,
.switch-tabs-row .switch-tab.ecn:before,
.switch-tabs-row .switch-tab.stp:before {
    display: none
}

.tabs-row .spread-tab.fx:before,
.tabs-row .instrument-tab.fx:before,
.tabs-row .switch-tab.fx:before,
.switch-tabs-row .spread-tab.fx:before,
.switch-tabs-row .instrument-tab.fx:before,
.switch-tabs-row .switch-tab.fx:before {
    content: '\e948'
}

.tabs-row .spread-tab.cfd:before,
.tabs-row .instrument-tab.cfd:before,
.tabs-row .switch-tab.cfd:before,
.switch-tabs-row .spread-tab.cfd:before,
.switch-tabs-row .instrument-tab.cfd:before,
.switch-tabs-row .switch-tab.cfd:before {
    content: '\e937'
}

.tabs-row .spread-tab.krypto:before,
.tabs-row .instrument-tab.krypto:before,
.tabs-row .switch-tab.krypto:before,
.switch-tabs-row .spread-tab.krypto:before,
.switch-tabs-row .instrument-tab.krypto:before,
.switch-tabs-row .switch-tab.krypto:before {
    content: '\e96c'
}

.switch-tabs-row {
    margin: 0;
    border-bottom: 0;
    width: 100%
}

@media (min-width: 1200px) {
    .switch-tabs-row {
        width: auto
    }
}

.switch-tabs-row .instrument-tab,
.switch-tabs-row .switch-tab {
    padding: 1rem 2rem 1rem 0.5rem;
    margin-right: 3.5rem;
    text-transform: none;
    margin-bottom: 5px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

@media (min-width: 1200px) {

    .switch-tabs-row .instrument-tab,
    .switch-tabs-row .switch-tab {
        margin-bottom: 0
    }
}

.switch-tabs-row .instrument-tab:after,
.switch-tabs-row .switch-tab:after {
    left: 0;
    right: 0;
    bottom: -1.5px
}

.switch-tabs-row .instrument-tab.digital:before,
.switch-tabs-row .switch-tab.digital:before {
    content: '\e973'
}

.switch-tabs-row .instrument-tab.commodities:before,
.switch-tabs-row .switch-tab.commodities:before {
    content: '\e976'
}

.switch-tabs-row .instrument-tab.indices:before,
.switch-tabs-row .switch-tab.indices:before {
    content: '\e975'
}

.switch-tabs-row .instrument-tab.trading:before,
.switch-tabs-row .switch-tab.trading:before {
    content: '\e940'
}

.switch-tabs-row .instrument-tab.stocks:before,
.switch-tabs-row .switch-tab.stocks:before {
    content: '\e97b'
}

.switch-tabs-row .instrument-tab.futures:before,
.switch-tabs-row .switch-tab.futures:before {
    content: '\e97c'
}

.switch-tabs {
    position: relative;
    z-index: 3
}

.switch-tabs-wrapper {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #c4c4c4
}

@media (min-width: 1200px) {
    .switch-tabs-wrapper {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.switch-tabs-wrapper .switch-tabs-row {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

@media (min-width: 1200px) {
    .switch-tabs-wrapper .switch-tabs-row {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.switch-tabs-wrapper .switch-tabs-btn {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-bottom: 4rem;
    margin: auto
}

@media (min-width: 1200px) {
    .switch-tabs-wrapper .switch-tabs-btn {
        padding-bottom: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        text-align: right;
        margin: 0
    }
}

.switch-tabs-wrapper .btn {
    padding: 1rem 1.5rem !important;
    display: block;
    margin: 5px 0
}

@media (min-width: 1200px) {
    .switch-tabs-wrapper .btn {
        display: inline-block
    }
}

.switch-tabs-wrapper .btn:first-child {
    border-color: #522974;
    color: #522974
}

.switch-tabs-wrapper .btn:first-child:hover {
    background-color: #522974;
    color: #fff
}

.switch-content {
    display: none
}

.switch-content.active {
    display: block
}

.instrument-table {
    display: none
}

.instrument-table.active {
    display: block
}

.instrument-table.visible {
    display: block
}

.instrument-table.scrolled {
    overflow-x: scroll
}

.instrument-table tbody tr td:first-child {
    font-weight: 700
}

.instrument-table tbody tr td.up {
    color: #00af52;
    vertical-align: middle
}

.instrument-table tbody tr td.up:after {
    content: '\e92b';
    vertical-align: middle
}

.instrument-table tbody tr td.down {
    color: #eb1616;
    vertical-align: middle
}

.instrument-table tbody tr td.down:after {
    content: '\e92a';
    vertical-align: middle
}

.instrument-table .new-style-table {
    padding: 0 0 2rem
}

.js-ins-table-wrapper.js-height-limited div.configurable-instrument-table {
    position: relative;
    height: 600px;
    overflow-x: auto;
    overflow-y: hidden
}

.js-ins-table-wrapper.js-height-limited div.configurable-instrument-table:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 200px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%);
    pointer-events: none;
    content: ""
}

.js-ins-table-wrapper.js-height-limited div.configurable-instrument-table .spread-item-table.new-style-table {
    overflow: initial
}

.js-ins-table-wrapper .refreshing-table-height-toggler {
    display: none
}

.js-ins-table-wrapper .refreshing-table-height-toggler.js-initialized {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 2rem
}

.js-ins-table-wrapper .refreshing-table-height-toggler.js-initialized button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.js-ins-table-wrapper .refreshing-table-height-toggler.js-initialized button .button-icon {
    line-height: 1
}

.js-ins-table-wrapper .refreshing-table-height-toggler.js-initialized button .button-icon:after {
    display: inline-block;
    content: "\e92a"
}

.js-ins-table-wrapper .refreshing-table-height-toggler.js-initialized button.js-active .button-icon:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.js-ins-table-wrapper .refreshing-table-height-toggler.js-initialized button .button-label {
    padding-left: 2rem
}

.js-ins-table-wrapper .refreshing-table-height-toggler.js-initialized button .button-label>.label-default {
    display: block
}

.js-ins-table-wrapper .refreshing-table-height-toggler.js-initialized button .button-label>.label-active {
    display: none
}

.js-ins-table-wrapper .refreshing-table-height-toggler.js-initialized button.js-active .button-label>.label-default {
    display: none
}

.js-ins-table-wrapper .refreshing-table-height-toggler.js-initialized button.js-active .button-label>.label-active {
    display: block
}

.instruments-container {
    background: #fff;
    position: relative;
    padding: 4rem 0 7.5rem;
    -webkit-box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    z-index: 2
}

.instruments-container.new-style-instruments {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    background: transparent;
    position: static
}

.container-grey,
.grey-bgr {
    background: #f8f9fa
}

.container-white,
.white-bgr {
    background: #fff
}

.container-purple,
.purple-bgr {
    background: #542974;
    color: #fff
}

.container-purple a:not(.btn),
.purple-bgr a:not(.btn) {
    color: #fff
}

.container-purple a:not(.btn):hover,
.container-purple a:not(.btn):focus,
.purple-bgr a:not(.btn):hover,
.purple-bgr a:not(.btn):focus {
    color: #14ad53
}

.container-purple ol li:before,
.container-purple ol li:after,
.container-purple ul li:before,
.container-purple ul li:after,
.purple-bgr ol li:before,
.purple-bgr ol li:after,
.purple-bgr ul li:before,
.purple-bgr ul li:after {
    color: #fff
}

.container-purple .editable-wrapper,
.purple-bgr .editable-wrapper {
    color: #2f2f2f;
    padding: 3rem
}

.container-purple .editable-wrapper a,
.purple-bgr .editable-wrapper a {
    color: #522974
}

.container-purple .editable-wrapper a:hover,
.container-purple .editable-wrapper a:focus,
.purple-bgr .editable-wrapper a:hover,
.purple-bgr .editable-wrapper a:focus {
    color: #14ad53
}

.container-purple .editable-wrapper ol li:before,
.container-purple .editable-wrapper ol li:after,
.container-purple .editable-wrapper ul li:before,
.container-purple .editable-wrapper ul li:after,
.purple-bgr .editable-wrapper ol li:before,
.purple-bgr .editable-wrapper ol li:after,
.purple-bgr .editable-wrapper ul li:before,
.purple-bgr .editable-wrapper ul li:after {
    color: #522974
}

.top-contact-container {
    background: #fff;
    padding: 3rem 0 8rem
}

.row.contacts {
    margin-left: -5px;
    margin-right: -5px
}

.row.contacts [class^='col-'] {
    padding: 5px
}

.row.contacts [class^='col-']:first-child {
    position: relative;
    z-index: 3
}

.contact-item {
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    padding-top: 2rem
}

.contact-item-ico {
    width: 12.6rem !important;
    height: 12.6rem !important;
    text-align: right;
    padding-top: 1.1rem;
    padding-right: 0.4rem;
    background: url("../img/vlajka2.html");
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important
}

.contact-item-ico img {
    width: 6.8rem;
    height: 6.8rem !important
}

.contact-item-content {
    padding-left: 16px;
    font-size: 16px;
    width: 66%
}

.contact-item-content a {
    text-decoration: none !important;
    font-weight: 700
}

@media (min-width: 320px) {
    .contact-item-content a {
        font-size: 3.2rem
    }
}

@media (min-width: 480px) {
    .contact-item-content a {
        font-size: 2.90909rem
    }
}

@media (min-width: 545px) {
    .contact-item-content a {
        font-size: 2.66667rem
    }
}

@media (min-width: 768px) {
    .contact-item-content a {
        font-size: 2.13333rem
    }
}

@media (min-width: 992px) {
    .contact-item-content a {
        font-size: 2rem
    }
}

@media (min-width: 1200px) {
    .contact-item-content a {
        font-size: 1.8rem
    }
}

.contact-item-content a[href^='mailto:'] {
    font-size: 15px
}

.contact-item-content span {
    color: #8d8d8d
}

.social-container {
    padding: 4rem 0 4rem;
    background: #f8f9fa
}

.social-container .pux-container {
    text-align: center
}

.social-container .pux-container h1,
.social-container .pux-container h2,
.social-container .pux-container h3,
.social-container .pux-container h4 {
    display: inline-block;
    margin: 0 10px
}

.contact-container {
    padding: 5.5rem 0 5.3rem;
    -webkit-box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    background-color: #ffffff
}

.contact-container .pux-container {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 1200px) {
    .contact-container .pux-container {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.contact-column {
    font-size: 16px;
    padding: 5px 0 10px;
    width: 100%;
    margin-bottom: 1rem
}

@media (min-width: 768px) {
    .contact-column {
        width: auto;
        padding: 5px 2rem 10px 4rem
    }
}

@media (min-width: 1400px) {
    .contact-column {
        padding: 5px 2rem 10px 10rem
    }
}

.contact-column p {
    color: #8d8d8d;
    padding: 0;
    margin: 0
}

.contact-column strong {
    font-weight: 700;
    font-size: 18px
}

.contact-column.first-column {
    padding: 5px 0 10px
}

@media (min-width: 768px) {
    .contact-column.first-column {
        padding: 5px 4rem 10px 0;
        border-right: 4px solid #14ad53
    }
}

@media (min-width: 1400px) {
    .contact-column.first-column {
        padding: 5px 10rem 10px 0
    }
}

.contact-column:last-child {
    padding: 5px 0 10px 0rem
}

@media (min-width: 768px) {
    .contact-column:last-child {
        padding: 5px 0 10px 4rem
    }
}

@media (min-width: 1400px) {
    .contact-column:last-child {
        padding: 5px 0 10px 10rem
    }
}

.persons-container {
    padding: 6rem 0 9rem;
    background: #fff
}

.persons-container .row {
    padding-top: 3rem
}

.person-container.metatrader .big-person-item {
    margin-top: -16rem
}

.person-container.metatrader .big-person-item-content {
    padding-top: 0
}

.person-container.metatrader .big-person-item-image {
    width: 170px;
    height: 170px
}

.person-container.metatrader .big-person-item-image img {
    width: 170px;
    height: 170px !important
}

.person-item {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background: #522974;
    padding: 4rem 7rem 3rem 3rem;
    color: #fff;
    text-decoration: none !important;
    -o-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms
}

.person-item-content-header {
    font-weight: 600;
    padding-bottom: 20px
}

.person-item-content-header span {
    display: block;
    font-size: 16px;
    font-weight: 300;
    font-style: italic;
    color: #c2a9d7
}

.person-item-content-contacts {
    font-size: 16px
}

.person-item-content-contacts span {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.person-item-content-contacts span:before {
    display: block;
    color: #c2a9d7;
    font-size: 12px;
    margin-right: 5px
}

.person-item-content-contacts span.person-item-content-contacts-phone:before {
    content: '\e95f';
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.person-item-content-contacts span.person-item-content-contacts-mail:before {
    content: '\e955'
}

.person-item-image {
    position: absolute;
    top: -20px;
    right: 10px;
    -o-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms
}

.person-item:hover,
.person-item:focus {
    color: #fff;
    -webkit-transform: scale(1.025);
    -ms-transform: scale(1.025);
    transform: scale(1.025)
}

.person-item:hover .person-item-image,
.person-item:focus .person-item-image {
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px)
}

.big-person-wrapper {
    border-bottom: 1px solid #e1e4e6
}

.big-person-item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 4.5rem 0;
    text-decoration: none !important
}

.big-person-item:hover,
.big-person-item:focus {
    color: #14ad53
}

.big-person-item-image {
    margin-right: 15px;
    width: 140px;
    height: 140px;
    position: relative;
    -webkit-filter: drop-shadow(-23px 19px 40px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(-23px 19px 40px rgba(0, 0, 0, 0.1))
}

.big-person-item-image img {
    display: block;
    width: 140px;
    height: 140px !important
}

.big-person-item-image:after {
    content: '';
    width: 31px;
    height: 58px;
    position: absolute;
    top: 31px;
    left: 2px;
    background: url("../img/bef.html");
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important
}

.big-person-item-content {
    padding-top: 3.5rem;
    font-weight: 700
}

@media (min-width: 320px) {
    .big-person-item-content {
        font-size: 3.4rem
    }
}

@media (min-width: 480px) {
    .big-person-item-content {
        font-size: 3.09091rem
    }
}

@media (min-width: 545px) {
    .big-person-item-content {
        font-size: 2.83333rem
    }
}

@media (min-width: 768px) {
    .big-person-item-content {
        font-size: 2.26667rem
    }
}

@media (min-width: 992px) {
    .big-person-item-content {
        font-size: 2.125rem
    }
}

@media (min-width: 1200px) {
    .big-person-item-content {
        font-size: 2rem
    }
}

.big-person-item-content span {
    display: block;
    font-weight: 300;
    font-size: 16px;
    font-style: italic
}

.person-detail-wrapper {
    position: relative;
    z-index: 2
}

.person-detail-top {
    max-width: 1920px;
    margin: auto;
    position: relative;
    z-index: 2;
    background: #fff
}

.person-detail-top .pux-container {
    position: relative
}

@media screen and (max-width: 409px) {
    .person-detail-top-content-inner {
        padding-top: 0
    }
}

@media screen and (min-width: 410px) and (max-width: 879px) {
    .person-detail-top-content-inner {
        margin-top: -12rem
    }
}

@media screen and (min-width: 880px) {
    .person-detail-top-content-inner {
        padding-top: 4rem;
        margin-top: 0;
        max-width: 55rem
    }
}

.person-detail-top-content-inner h1 {
    padding-bottom: 0
}

.person-detail-top-photo {
    background: url("../img/detail-bgr.html");
    background-position: center !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    padding-top: 4rem;
    padding-right: 8rem
}

@media screen and (min-width: 880px) {
    .person-detail-top-photo {
        position: absolute;
        right: 0rem;
        top: 3rem;
        width: 36rem;
        height: 42.75rem
    }
}

@media (min-width: 1400px) {
    .person-detail-top-photo {
        right: 12rem;
        width: 48rem;
        height: 57rem
    }
}

@media screen and (min-width: 880px) {
    .person-detail-top-photo img {
        width: 43.5rem;
        max-width: none;
        position: absolute;
        top: 3rem;
        right: 6rem
    }
}

@media (min-width: 1400px) {
    .person-detail-top-photo img {
        width: 58rem;
        top: 4rem;
        right: 8rem
    }
}

.person-detail-text {
    padding-bottom: 6.5rem
}

@media screen and (min-width: 880px) {
    .person-detail-text {
        max-width: 58.5rem
    }
}

.person-detail-container {
    position: relative;
    padding-top: 12rem;
    margin: auto;
    margin-top: 6rem
}

@media screen and (min-width: 880px) {
    .person-detail-container {
        padding-top: 2rem;
        margin-top: 8rem
    }
}

.person-detail-container-bgr-object {
    background: url("../img/ben-bgr.html");
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: absolute;
    width: 100%;
    height: 37rem;
    top: 0;
    left: 0
}

@media screen and (min-width: 880px) {
    .person-detail-container-bgr-object {
        top: -6rem
    }
}

.person-detail-container:after {
    content: '';
    position: absolute;
    width: 100%;
    top: 28rem;
    bottom: 0;
    left: 0;
    background: #f8f9fa
}

.person-detail-container .pux-container {
    position: relative;
    z-index: 2
}

.faq-search-container {
    background: #fff;
    padding: 3rem 0 4.5rem
}

.faq-search-container .faq-search-input {
    padding-top: 5rem;
    max-width: 53rem;
    margin: auto
}

.faq-container {
    padding: 3rem 0 6.5rem;
    background: #f8f9fa
}

.faq-container big {
    overflow: hidden;
    -o-transition: all ease-in-out 600ms;
    -webkit-transition: all ease-in-out 600ms;
    transition: all ease-in-out 600ms;
    max-height: 0;
    display: block;
    margin-bottom: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    margin-bottom: 2rem
}

@media (min-width: 320px) {
    .faq-container big {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {
    .faq-container big {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .faq-container big {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .faq-container big {
        font-size: 2.4rem
    }
}

.faq-container big.show-res {
    max-height: 1000px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

.faq-container big span {
    font-weight: 700
}

.faq-container big span:after,
.faq-container big span:before {
    content: '"';
    font-weight: 700;
    font-family: "Montserrat", sans-serif !important
}

.faq-container.categorized-faq {
    padding: 0;
    background: #fff
}

.faq-container.categorized-faq big {
    padding-top: 2rem
}

.faq-item {
    background: #fff;
    padding: 3rem 3rem 0;
    margin: 10px 0;
    max-height: 2500px;
    overflow: hidden;
    -o-transition: all ease-in-out 600ms;
    -webkit-transition: all ease-in-out 600ms;
    transition: all ease-in-out 600ms
}

.faq-item-header {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 3rem
}

@media (min-width: 768px) {
    .faq-item-header {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.faq-item-header-question {
    font-weight: 700;
    color: #522974;
    width: 100%;
    padding-right: 4rem;
    cursor: pointer
}

@media (min-width: 768px) {
    .faq-item-header-question {
        width: 65%
    }
}

.faq-item-header-show {
    color: #14ad53;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    cursor: pointer;
    margin-right: -5px
}

@media (min-width: 768px) {
    .faq-item-header-show {
        -webkit-box-pack: flex-end;
        -ms-flex-pack: flex-end;
        justify-content: flex-end;
        width: 35%
    }
}

.faq-item-header-show:after {
    content: '\e92a';
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    -o-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms
}

.faq-item-content {
    max-height: 0;
    overflow: hidden;
    -o-transition: all ease-in-out 400ms;
    -webkit-transition: all ease-in-out 400ms;
    transition: all ease-in-out 400ms
}

.faq-item.open .faq-item-content {
    max-height: 2000px;
    padding-bottom: 3rem;
    padding-top: 3rem;
    border-top: 1px solid #e1e4e6
}

.faq-item.open .faq-item-header-show:after {
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.faq-item.hide-faq {
    max-height: 0px;
    padding: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

@media (min-width: 768px) {
    .faq {
        position: relative;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: flex-end;
        -ms-flex-pack: flex-end;
        justify-content: flex-end
    }
}

.faq-category {
    padding: 0 0 15px
}

.faq-category>a {
    display: block;
    margin: 0
}

.faq-category ul {
    -webkit-box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    background: #fff;
    padding: 10px 0
}

.faq-category ul li {
    margin: 0;
    padding: 0
}

.faq-category ul li:before {
    display: none
}

.faq-category ul li a {
    color: #2f2f2f;
    display: block;
    padding: 10px 25px;
    font-weight: 700;
    text-decoration: none
}

.faq-category ul li.active a,
.faq-category ul li a:hover,
.faq-category ul li a:focus {
    color: #14ad53
}

@media (min-width: 768px) {
    .faq-category {
        width: 33.33333%;
        padding: 0 30px 0 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10
    }

    .faq-category>a {
        display: none
    }

    .faq-category ul {
        display: block !important
    }
}

.faq-content h2 {
    margin: 20px 0 0;
    font-weight: 500
}

@media (min-width: 768px) {
    .faq-content {
        width: 66.66666%
    }
}

.pux-container .pux-container.editable-container {
    padding: 0;
    margin: 0
}

@media (min-width: 768px) {
    .panel-container .row .col-12:nth-child(2) .editable-container {
        padding-left: 15px
    }
}

.social-btn {
    background: #522974;
    border-radius: 50%;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 50px;
    height: 50px;
    text-decoration: none !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 24px;
    margin: 0 7.5px;
    vertical-align: middle
}

.social-btn.facebook:before {
    content: '\e944'
}

.social-btn.linkedin:before {
    content: '\e953'
}

.social-btn.twitter:before {
    content: '\e977'
}

.social-btn.spotify {
    background-color: transparent
}

.social-btn.spotify:before {
    content: '\e979';
    color: #522974;
    font-size: 50px
}

.social-btn:hover,
.social-btn:focus {
    color: #fff;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

#submenuID {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding: 1rem 0 2rem;
    list-style: none
}

@media (min-width: 768px) {
    #submenuID {
        -webkit-box-pack: flex-start;
        -ms-flex-pack: flex-start;
        justify-content: flex-start;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 -2.5rem
    }
}

#submenuID li {
    padding: 0;
    margin: 0
}

@media (min-width: 768px) {
    #submenuID li {
        padding: 0 2.5rem
    }
}

#submenuID li:before {
    display: none !important
}

#submenuID li.Highlighted {
    font-weight: 700
}

#submenuID li.Highlighted a {
    color: #14ad53
}

#submenuID li a {
    text-decoration: none !important
}

.anchors-container {
    position: fixed;
    top: 37.5rem;
    left: 0;
    z-index: 50;
    display: none
}

@media (min-width: 768px) {
    .anchors-container {
        display: block
    }
}

.anchor-tab {
    display: block;
    border-radius: 0 3px 3px 0;
    max-width: 100px;
    padding: 0.5rem 1rem;
    color: #a6a6a6;
    font-size: 11px;
    letter-spacing: -0.28px;
    text-decoration: none !important;
    margin-bottom: 5px;
    border: 1px solid #e7e7e7;
    background: #fff;
    -o-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms
}

.anchor-tab:hover,
.anchor-tab.active {
    width: 110%;
    background: #f5f6f7;
    border-color: #f5f6f7;
    color: #7b7b7b
}

@media (min-width: 1200px) {
    .anchor-tab {
        max-width: 120px
    }
}

@media (min-width: 1400px) {
    .anchor-tab {
        max-width: 140px
    }
}

@media (min-width: 1700px) {
    .anchor-tab {
        max-width: 170px;
        font-size: 14px;
        padding: 0.5rem 2rem
    }
}

@media (min-width: 1800px) {
    .anchor-tab {
        max-width: 220px
    }
}

@media (min-width: 1850px) {
    .anchor-tab {
        max-width: 250px
    }
}

.account-item {
    width: 100%;
    height: 100%;
    padding: 25px 20px;
    display: block;
    background: #7c3e8d;
    border-radius: 3px;
    position: relative;
    color: #fff !important;
    text-decoration: none !important
}

.account-item-title {
    font-weight: 700;
    padding-bottom: 2rem;
    position: relative;
    z-index: 2
}

.account-item-perex {
    font-weight: 300;
    color: #e0bbea;
    font-size: 16px;
    position: relative;
    z-index: 2
}

.account-item-perex strong {
    font-weight: 700
}

.account-item:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 15rem;
    height: 17rem;
    background: url("../img/tri1.html")
}

.row.accounts {
    padding: 3.5rem 0;
    position: relative;
    z-index: 2
}

.row.accounts [class^='col-']:nth-child(2) .account-item {
    background: #64307d
}

.row.accounts [class^='col-']:nth-child(3) .account-item {
    background: #552a75
}

.row.accounts [class^='col-']:nth-child(4) .account-item {
    background: #482168
}

.row.accounts [class^='col-']:nth-child(4) .account-item:after {
    content: '';
    background: url("../img/tri2.html")
}

.accounts-container {
    padding: 3rem 0 5rem;
    background: #fff;
    position: relative
}

.accounts-container:after {
    background: url("../img/ben-bgr.html");
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: absolute;
    width: 100%;
    height: 37rem;
    bottom: 0;
    left: 0;
    content: ''
}

.accounts-container>div {
    position: relative;
    z-index: 2
}

.accounts-container .btn {
    position: relative;
    z-index: 2;
    padding: 1.8rem 5rem
}

@media (min-width: 320px) {
    .accounts-container .btn {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {
    .accounts-container .btn {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .accounts-container .btn {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .accounts-container .btn {
        font-size: 2.4rem
    }
}

.EditMode .accounts-container:after {
    display: none !important
}

.EditMode .account-second {
    display: block
}

.EditMode .container-purple {
    color: #2f2f2f !important
}

.EditMode .container-purple a {
    color: #2f2f2f !important
}

.status-container {
    background: #fff;
    -webkit-box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    padding: 5.5rem 0
}

.status-item {
    text-align: center;
    border: 1px solid #582f77
}

.status-item-header {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem 1rem 1rem 3rem;
    height: 100px;
    color: #522974;
    font-weight: 700
}

@media (min-width: 320px) {
    .status-item-header {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {
    .status-item-header {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .status-item-header {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .status-item-header {
        font-size: 2.4rem
    }
}

@media (min-width: 992px) {
    .status-item-header {
        font-size: 2.25rem
    }
}

@media (min-width: 1200px) {
    .status-item-header {
        font-size: 2rem
    }
}

.status-item-header .little-guy {
    width: 80px;
    height: 125px;
    position: relative;
    top: -20px;
    display: block
}

.status-item-header .little-guy:before {
    content: '';
    position: absolute;
    top: 0;
    left: 7.5px;
    height: 100%;
    width: 65px;
    z-index: 2;
    background-position: center !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important
}

.status-item-header .little-guy.Starter:before {
    background: url("../img/Starter.html")
}

.status-item-header .little-guy.Standard:before {
    background: url("../img/Standard.html")
}

.status-item-header .little-guy.Prime:before {
    background: url("../img/Prime.html")
}

.status-item-header .little-guy.VIP:before {
    background: url("../img/VIP.html")
}

.status-item-header .little-guy:after {
    content: '';
    position: absolute;
    background: #fff;
    top: 0;
    left: 0;
    height: 100%;
    width: 80px
}

.status-item-row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1rem;
    height: 100px
}

.status-item-row:nth-child(2n) {
    background: #f6f6f6;
    position: relative
}

.status-item-row:nth-child(2n):after {
    content: '';
    display: none;
    background: #f6f6f6;
    width: 30px;
    height: 100px;
    position: absolute;
    right: -31px;
    top: 0
}

@media (min-width: 545px) {
    .status-item-row:nth-child(2n):after {
        display: block
    }
}

.status-item.instruments {
    cursor: pointer;
    border: none;
    -webkit-box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    background: #fff;
    position: relative;
    padding: 1rem 1rem 1rem 1rem !important
}

.status-item.instruments:after {
    position: absolute;
    content: '';
    height: 5px;
    width: 100%;
    bottom: 5px;
    left: 0;
    background: #522974
}

.status-item.instruments .little-guy {
    width: 70px;
    height: 130px
}

.status-item.instruments .little-guy:before {
    left: 0
}

.status-item.instruments .little-guy:after {
    display: none
}

.status-item.instruments.active:after,
.status-item.instruments:hover:after {
    background: #14ad53
}

.row.intstruments-spreads [class^='col-'] {
    padding: 30px 15px
}

.row.statuses {
    padding: 4rem 0 3rem
}

.row.statuses [class^='col-'] {
    padding: 30px 15px
}

@media (min-width: 545px) {
    .row.statuses [class^='col-']:nth-child(2n) .status-item-row:after {
        display: none
    }
}

@media (min-width: 992px) {
    .row.statuses [class^='col-']:nth-child(2n) .status-item-row:after {
        display: block
    }
}

.row.statuses [class^='col-']:last-child .status-item-row:after {
    display: none !important
}

.status-row {
    text-align: center;
    padding: 15px
}

.status-row:nth-of-type(even) {
    background: #f6f6f6
}

.status-benefit-container {
    padding: 7rem 0 4rem
}

.tooltip-box {
    display: none;
    position: absolute;
    padding: 3rem;
    background: #582f77;
    color: #e1bceb;
    bottom: 8rem;
    left: 8.5rem;
    z-index: 50;
    min-width: 300px;
    font-weight: 300;
    border-radius: 3px;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

@media (min-width: 1400px) {
    .tooltip-box {
        bottom: 6rem
    }
}

.tooltip-box:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4rem 4rem 0 0;
    border-color: #582f77 transparent transparent transparent;
    position: absolute;
    top: 100%;
    right: 3rem
}

.dividend-item {
    position: relative
}

.dividend-item tr:nth-child(odd) {
    background: none
}

.dividend-item.revert .tooltip-box {
    bottom: auto;
    top: 8rem
}

@media (min-width: 1400px) {
    .dividend-item.revert .tooltip-box {
        bottom: auto;
        top: 6rem
    }
}

.dividend-item.revert .tooltip-box:after {
    border-width: 0 0 4rem 4rem;
    border-color: transparent transparent #582f77 transparent;
    top: -4rem
}

.tooltip-wrapper.emergency-info {
    position: relative;
    display: inline-block
}

@media (min-width: 768px) {
    .tooltip-wrapper.emergency-info {
        position: relative
    }
}

.tooltip-wrapper.emergency-info .tooltip-btn {
    color: #fff;
    background: #14ad53;
    cursor: pointer;
    border-radius: 50%;
    font-size: 15px;
    width: 18px;
    height: 18px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tooltip-wrapper.emergency-info .tooltip-box {
    left: 0rem;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    min-width: auto;
    z-index: 3
}

@media (min-width: 768px) {
    .tooltip-wrapper.emergency-info .tooltip-box {
        left: -3rem;
        min-width: 300px
    }
}

.tooltip-wrapper.emergency-info .tooltip-box:after {
    left: 3rem;
    right: none
}

.tooltip-wrapper.hovered .tooltip-box,
.tooltip-wrapper:focus .tooltip-box {
    display: block
}

.status-benefit-group {
    padding-bottom: 6rem
}

.status-benefit-group:last-child {
    padding-bottom: 0
}

.status-benefit-group-title {
    font-weight: 700;
    padding: 2rem;
    color: #54307e;
    background: #fff
}

@media (min-width: 320px) {
    .status-benefit-group-title {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {
    .status-benefit-group-title {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .status-benefit-group-title {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .status-benefit-group-title {
        font-size: 2.4rem
    }
}

@media (min-width: 992px) {
    .status-benefit-group-title {
        font-size: 2.25rem
    }
}

@media (min-width: 1200px) {
    .status-benefit-group-title {
        font-size: 2.2rem
    }
}

@media (min-width: 768px) {
    .status-benefit-group-title {
        padding: 0;
        padding-bottom: 2rem;
        background: transparent;
        width: 34%
    }
}

.status-benefit-group-content-item {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 2rem 0 2rem;
    font-size: 15px;
    font-weight: 700;
    position: relative
}

.status-benefit-group-content-item:nth-child(odd) {
    background: rgba(240, 240, 240, 0.5)
}

.status-benefit-group-content-item .tooltip-wrapper {
    display: inline-block
}

.status-benefit-group-content-item-left {
    width: 100%;
    padding: 2rem
}

@media (min-width: 768px) {
    .status-benefit-group-content-item-left {
        width: 34%;
        padding: 0 2rem
    }
}

.status-benefit-group-content-item-left .tooltip-btn:after {
    content: '\e965';
    color: #14ad53;
    cursor: pointer
}

.status-benefit-group-content-item-left .tooltip-box {
    min-width: none;
    max-width: 80%;
    left: 8.5rem;
    bottom: 110%;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

@media (min-width: 768px) {
    .status-benefit-group-content-item-left .tooltip-box {
        max-width: 43rem
    }
}

@media (min-width: 1200px) {
    .status-benefit-group-content-item-left .tooltip-box {
        bottom: 8rem
    }
}

.status-benefit-group-content-item-left .tooltip-box:after {
    left: 3rem;
    right: none
}

.status-benefit-group-content-item-right {
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex
}

@media (min-width: 768px) {
    .status-benefit-group-content-item-right {
        width: 66%;
        position: relative;
        left: 1.25%
    }
}

.status-benefit-group-content-item-right .status-check {
    width: 25%;
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.status-benefit-group-content-item-right .status-check.checked:after {
    content: '\e952';
    font-size: 20px;
    color: #522974
}

.status-benefit-wrapper {
    position: relative;
    padding-top: 7rem
}

.status-benefit-wrapper .column-bgr-1,
.status-benefit-wrapper .column-bgr-2 {
    padding: 0 !important
}

.status-benefit-wrapper .column-bgr-1:before,
.status-benefit-wrapper .column-bgr-1:after,
.status-benefit-wrapper .column-bgr-2:before,
.status-benefit-wrapper .column-bgr-2:after {
    content: '';
    display: block;
    position: absolute;
    top: 8rem;
    width: 25%;
    bottom: 0;
    background: #fff;
    -webkit-box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    z-index: -1
}

@media (min-width: 768px) {

    .status-benefit-wrapper .column-bgr-1:before,
    .status-benefit-wrapper .column-bgr-1:after,
    .status-benefit-wrapper .column-bgr-2:before,
    .status-benefit-wrapper .column-bgr-2:after {
        width: 14%
    }
}

.status-benefit-wrapper .column-bgr-1:after {
    right: 0
}

@media (min-width: 768px) {
    .status-benefit-wrapper .column-bgr-1:after {
        right: 0
    }
}

.status-benefit-wrapper .column-bgr-1:before {
    right: 25%
}

@media (min-width: 768px) {
    .status-benefit-wrapper .column-bgr-1:before {
        right: 16.5%
    }
}

.status-benefit-wrapper .column-bgr-2:after {
    right: 50%
}

@media (min-width: 768px) {
    .status-benefit-wrapper .column-bgr-2:after {
        right: 33%
    }
}

.status-benefit-wrapper .column-bgr-2:before {
    right: 75%
}

@media (min-width: 768px) {
    .status-benefit-wrapper .column-bgr-2:before {
        right: 49.5%
    }
}

.status-benefit-header {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    position: relative;
    width: 100%;
    left: 1.25%;
    padding-bottom: 4rem
}

@media (min-width: 768px) {
    .status-benefit-header {
        -webkit-box-pack: flex-end;
        -ms-flex-pack: flex-end;
        justify-content: flex-end;
        padding-bottom: 0
    }
}

.status-benefit-header .status-item {
    border: none !important;
    width: 25%
}

@media (min-width: 768px) {
    .status-benefit-header .status-item {
        width: 16.5%
    }
}

.status-benefit-header .status-item .status-item-header {
    font-size: 13px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px;
    height: auto !important
}

@media (min-width: 992px) {
    .status-benefit-header .status-item .status-item-header {
        font-size: 15px
    }
}

@media (min-width: 1400px) {
    .status-benefit-header .status-item .status-item-header {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: flex-start;
        -ms-flex-pack: flex-start;
        justify-content: flex-start
    }
}

@media (min-width: 1400px) and (min-width: 320px) {
    .status-benefit-header .status-item .status-item-header {
        font-size: 3.4rem
    }
}

@media (min-width: 1400px) and (min-width: 480px) {
    .status-benefit-header .status-item .status-item-header {
        font-size: 3.09091rem
    }
}

@media (min-width: 1400px) and (min-width: 545px) {
    .status-benefit-header .status-item .status-item-header {
        font-size: 2.83333rem
    }
}

@media (min-width: 1400px) and (min-width: 768px) {
    .status-benefit-header .status-item .status-item-header {
        font-size: 2.26667rem
    }
}

@media (min-width: 1400px) and (min-width: 992px) {
    .status-benefit-header .status-item .status-item-header {
        font-size: 2.125rem
    }
}

@media (min-width: 1400px) and (min-width: 1200px) {
    .status-benefit-header .status-item .status-item-header {
        font-size: 1.9rem
    }
}

@media screen and (min-width: 1720px) {
    .status-benefit-header .status-item .status-item-header {
        padding: 1rem 1rem 1rem
    }
}

.status-benefit-header .status-item .little-guy {
    top: -3.5rem;
    height: 12.5rem;
    width: 100%;
    margin: auto
}

@media (min-width: 1400px) {
    .status-benefit-header .status-item .little-guy {
        width: 6.5rem;
        margin: 0;
        margin-right: -5px
    }
}

.status-benefit-header .status-item .little-guy:before {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width: 1400px) {
    .status-benefit-header .status-item .little-guy:before {
        left: 5px;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.status-benefit-header .status-item .little-guy:after {
    display: none
}

@media (min-width: 992px) {
    .status-benefit-header .status-item:first-child {
        padding-left: 10px
    }
}

.broker-top-image {
    min-height: 69rem;
    margin: auto;
    background: url("../img/broker-bg.html");
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: relative;
    padding-bottom: 12rem
}

.broker-top-image-content-inner {
    font-weight: 300;
    padding-bottom: 2rem
}

@media (min-width: 320px) {
    .broker-top-image-content-inner {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {
    .broker-top-image-content-inner {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .broker-top-image-content-inner {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .broker-top-image-content-inner {
        font-size: 2.4rem
    }
}

@media (min-width: 992px) {
    .broker-top-image-content-inner {
        font-size: 2.25rem
    }
}

@media (min-width: 1200px) {
    .broker-top-image-content-inner {
        font-size: 2rem
    }
}

@media screen and (min-width: 880px) {
    .broker-top-image-content-inner {
        padding-top: 6.3rem;
        margin-top: 0;
        max-width: 73rem
    }
}

.broker-top-image-content-inner h1 {
    line-height: 1;
    font-weight: 900;
    padding-bottom: 0;
    max-width: 63rem;
    text-transform: uppercase
}

@media (min-width: 320px) {
    .broker-top-image-content-inner h1 {
        font-size: 7.2rem
    }
}

@media (min-width: 480px) {
    .broker-top-image-content-inner h1 {
        font-size: 7rem
    }
}

@media screen and (min-width: 1440px) {
    .broker-top-image-content-inner h1 {
        max-width: 73rem
    }
}

.broker-top-image-content-inner h2 {
    text-transform: uppercase;
    font-weight: 300
}

@media (min-width: 320px) {
    .broker-top-image-content-inner h2 {
        font-size: 5rem
    }
}

@media (min-width: 480px) {
    .broker-top-image-content-inner h2 {
        font-size: 4.54545rem
    }
}

@media (min-width: 545px) {
    .broker-top-image-content-inner h2 {
        font-size: 4.16667rem
    }
}

@media (min-width: 768px) {
    .broker-top-image-content-inner h2 {
        font-size: 4rem
    }
}

.broker-top-image-content-inner a {
    text-decoration: none !important
}

.broker-top-image-content-inner-motto {
    font-size: 28px;
    font-weight: 300;
    padding-bottom: 2rem
}

@media (min-width: 320px) {
    .broker-top-image-content-inner-motto {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {
    .broker-top-image-content-inner-motto {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .broker-top-image-content-inner-motto {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .broker-top-image-content-inner-motto {
        font-size: 2.8rem
    }
}

.broker-top-image-content-inner-motto:before {
    content: '';
    width: 12rem;
    height: 8px;
    background: #b189d4;
    display: block;
    margin: 1rem 0 3rem
}

.broker-top-image-content-inner-icons {
    padding: 3.5rem 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.broker-top-image-content-inner-icons-item {
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    padding: 5px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 768px) {
    .broker-top-image-content-inner-icons-item {
        width: 33.3333%
    }
}

.broker-top-image-content-inner-icons-item img {
    width: 20%
}

@media (min-width: 768px) {
    .broker-top-image-content-inner-icons-item img {
        width: auto;
        max-width: 8rem;
        height: 8rem !important
    }
}

.broker-top-image-content-inner-icons-item span {
    padding-left: 15px;
    display: block
}

.broker-top-image-content-inner strong {
    font-weight: 700;
    color: #b189d4
}

@media (min-width: 320px) {
    .broker-top-image-content-inner strong {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {
    .broker-top-image-content-inner strong {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .broker-top-image-content-inner strong {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .broker-top-image-content-inner strong {
        font-size: 2.4rem
    }
}

.broker-top-image-content-inner .btn {
    padding: 1.8rem 5rem;
    margin-top: 5rem
}

@media (min-width: 320px) {
    .broker-top-image-content-inner .btn {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {
    .broker-top-image-content-inner .btn {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .broker-top-image-content-inner .btn {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .broker-top-image-content-inner .btn {
        font-size: 2.4rem
    }
}

@media screen and (min-width: 880px) {
    .broker-top-image-photo {
        position: absolute;
        right: 0rem;
        top: 6.3rem;
        width: 38%
    }
}

@media (min-width: 1200px) {
    .broker-top-image-photo {
        right: 5rem
    }
}

@media screen and (min-width: 1520px) {
    .broker-top-image-photo {
        right: 14rem
    }
}

.broker-top-image-photo img {
    max-height: 500px
}

.broker-top-image.light-bgr {
    background-color: #fff;
    background-image: url("../img/hp-pozadi.html")
}

.broker-top-image.light-bgr .broker-top-image-content-inner-motto:before {
    background: #522974
}

.broker-top-image.light-bgr .broker-top-image-content-inner strong {
    color: #2f2f2f
}

.broker-top-image-bottom {
    background: url("../img/broker-bottom.html");
    background-position: top center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    width: 100%;
    padding: 9.5rem 0 3.5rem;
    position: relative;
    z-index: 2;
    margin: auto;
    margin-top: -12rem
}

.broker-top-image-bottom-inner {
    text-align: center
}

.broker-top-image-bottom-inner .btn {
    margin: 5px 15px
}

@media (min-width: 768px) {
    .broker-top-image-bottom-inner .btn {
        margin: 0 15px
    }
}

.broker-top-image-bottom-inner-text {
    padding-top: 2rem;
    color: #838184
}

.functionality-container {
    padding: 6.5rem 0 8.5rem
}

.functionality-container h1 {
    text-transform: uppercase
}

@media (min-width: 320px) {
    .functionality-container h1 {
        font-size: 6rem
    }
}

@media (min-width: 480px) {
    .functionality-container h1 {
        font-size: 5.45455rem
    }
}

@media (min-width: 545px) {
    .functionality-container h1 {
        font-size: 5rem
    }
}

.image-text-row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 15px;
    margin: 0 auto !important;
    max-width: 960px
}

.image-text-row [class^='col-'] {
    padding: 0 !important
}

.image-text-row [class^='col-']:first-child {
    text-align: center;
    width: 100% !important
}

@media (min-width: 768px) {
    .image-text-row [class^='col-']:first-child {
        width: 40% !important
    }
}

@media (min-width: 768px) {
    .image-text-row [class^='col-']:first-child {
        width: 30% !important
    }
}

.image-text-row [class^='col-']:last-child {
    width: 100% !important;
    font-size: 16px;
    padding-top: 4rem !important
}

@media (min-width: 768px) {
    .image-text-row [class^='col-']:last-child {
        width: 60% !important;
        padding-top: 0 !important;
        padding-left: 6rem !important
    }
}

@media (min-width: 768px) {
    .image-text-row [class^='col-']:last-child {
        width: 60% !important
    }
}

@media (min-width: 320px) {
    .image-text-row [class^='col-']:last-child h4 {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {
    .image-text-row [class^='col-']:last-child h4 {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .image-text-row [class^='col-']:last-child h4 {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .image-text-row [class^='col-']:last-child h4 {
        font-size: 2.4rem
    }
}

@media (min-width: 992px) {
    .image-text-row [class^='col-']:last-child h4 {
        font-size: 2.25rem
    }
}

@media (min-width: 1200px) {
    .image-text-row [class^='col-']:last-child h4 {
        font-size: 2.2rem
    }
}

.card-item {
    width: 100%;
    height: 100%;
    padding: 25px;
    display: block;
    border-radius: 3px;
    position: relative;
    text-decoration: none !important;
    background: #fff
}

.card-item-title {
    padding-bottom: 2rem;
    position: relative;
    z-index: 2;
    min-height: 7.5rem
}

.card-item-perex {
    font-size: 16px;
    position: relative;
    z-index: 2
}

.card-item-perex strong {
    font-weight: 700
}

.card-item:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 15rem;
    height: 17rem;
    background: url("../img/tri1.html")
}

.grey-cards .card-item {
    background: #f8f9fa
}

.quality-container {
    padding: 9rem 0 5rem;
    background: #f8f9fa
}

.quality-container h1 {
    text-transform: uppercase
}

@media (min-width: 320px) {
    .quality-container h1 {
        font-size: 6rem
    }
}

@media (min-width: 480px) {
    .quality-container h1 {
        font-size: 5.45455rem
    }
}

@media (min-width: 545px) {
    .quality-container h1 {
        font-size: 5rem
    }
}

.info-container {
    padding: 9rem 0
}

.info-item {
    width: 100%;
    height: 100%;
    display: block;
    text-align: center
}

.info-item-title {
    padding-bottom: 2rem;
    position: relative;
    z-index: 2;
    min-height: 7.5rem
}

.info-item-perex {
    font-size: 16px;
    position: relative;
    z-index: 2
}

.info-item-perex strong {
    font-weight: 700
}

.row.info-row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.no-after:after {
    display: none !important
}

.top-container {
    background: #fff;
    padding: 3rem 0
}

.spreads-tables {
    display: none;
    padding: 4rem 0 7.5rem
}

.spreads-tables.active {
    display: block
}

.spread-table {
    display: none
}

.spread-table.active {
    display: block
}

.spread-table .table-disclaimer-message {
    font-size: 15px;
    line-height: 1;
    padding-bottom: 10px;
    padding-top: 10px
}

@media (min-width: 992px) {
    .spread-table .table-disclaimer-message {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        margin-bottom: -25px;
        padding-top: 0px;
        padding-bottom: 10px;
        text-align: right
    }
}

.spread-item-title {
    padding: 2.5rem 1rem 0;
    font-weight: 900;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.spread-item-title:before {
    display: block;
    padding-right: 10px;
    color: #522974;
    font-size: 24px
}

.spread-item-title.Forex:before {
    content: '\e948'
}

.spread-item-title.CFD:before {
    content: '\e937'
}

.spread-item-title.Krypto:before {
    content: '\e96c'
}

.spread-item-table table th {
    padding: 1rem 1.5rem
}

.spread-item-table table td:first-child {
    font-weight: 700
}

.spread-item-table.new-style-table {
    overflow-x: auto
}

.spread-item-table.new-style-table table thead th {
    font-weight: 900;
    color: #2f2f2f;
    padding: 3rem 1rem;
    font-size: 2.8rem;
    background-color: #ffffff
}

@media (min-width: 480px) {
    .spread-item-table.new-style-table table thead th {
        font-size: 2.54545rem
    }
}

@media (min-width: 545px) {
    .spread-item-table.new-style-table table thead th {
        font-size: 2.33333rem
    }
}

@media (min-width: 768px) {
    .spread-item-table.new-style-table table thead th {
        font-size: 1.86667rem
    }
}

@media (min-width: 992px) {
    .spread-item-table.new-style-table table thead th {
        font-size: 1.75rem
    }
}

@media (min-width: 1200px) {
    .spread-item-table.new-style-table table thead th {
        font-size: 1.55556rem
    }
}

@media (min-width: 1400px) {
    .spread-item-table.new-style-table table thead th {
        font-size: 1.4rem
    }
}

.spread-item-table.new-style-table table thead th:first-child {
    padding: 3rem 1rem 3rem 0 !important
}

@media (min-width: 1500px) {
    .spread-item-table.new-style-table table thead th {
        padding: 3rem 0.2rem
    }
}

.spread-item-table.new-style-table table td,
.spread-item-table.new-style-table table th {
    padding: 3rem 1rem;
    border-right: 1px solid #c4c4c4;
    font-weight: 500;
    text-align: center;
    vertical-align: middle
}

@media (min-width: 1500px) {

    .spread-item-table.new-style-table table td,
    .spread-item-table.new-style-table table th {
        padding: 3rem 0.2rem
    }
}

.spread-item-table.new-style-table table td:first-child,
.spread-item-table.new-style-table table th:first-child {
    text-align: left
}

.spread-item-table.new-style-table table td:last-child,
.spread-item-table.new-style-table table th:last-child {
    border-right: none
}

.spread-item-table.new-style-table table td .up,
.spread-item-table.new-style-table table th .up {
    color: #00a78f;
    position: relative;
    padding-right: 14px;
    display: block
}

.spread-item-table.new-style-table table td .up:after,
.spread-item-table.new-style-table table th .up:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    margin-left: 5px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #00a78f
}

@media (min-width: 1500px) {

    .spread-item-table.new-style-table table td .up:after,
    .spread-item-table.new-style-table table th .up:after {
        right: 5px
    }
}

.spread-item-table.new-style-table table td .down,
.spread-item-table.new-style-table table th .down {
    color: #d34632;
    position: relative;
    padding-right: 14px;
    display: block
}

.spread-item-table.new-style-table table td .down:after,
.spread-item-table.new-style-table table th .down:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    margin-left: 5px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #d34632
}

@media (min-width: 1500px) {

    .spread-item-table.new-style-table table td .down:after,
    .spread-item-table.new-style-table table th .down:after {
        right: 5px
    }
}

.spread-item-table.new-style-table table td .last-digits,
.spread-item-table.new-style-table table th .last-digits {
    font-weight: 700
}

@media (min-width: 320px) {

    .spread-item-table.new-style-table table td .last-digits,
    .spread-item-table.new-style-table table th .last-digits {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {

    .spread-item-table.new-style-table table td .last-digits,
    .spread-item-table.new-style-table table th .last-digits {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {

    .spread-item-table.new-style-table table td .last-digits,
    .spread-item-table.new-style-table table th .last-digits {
        font-size: 3rem
    }
}

@media (min-width: 768px) {

    .spread-item-table.new-style-table table td .last-digits,
    .spread-item-table.new-style-table table th .last-digits {
        font-size: 2.4rem
    }
}

@media (min-width: 992px) {

    .spread-item-table.new-style-table table td .last-digits,
    .spread-item-table.new-style-table table th .last-digits {
        font-size: 2.25rem
    }
}

@media (min-width: 1200px) {

    .spread-item-table.new-style-table table td .last-digits,
    .spread-item-table.new-style-table table th .last-digits {
        font-size: 2.2rem
    }
}

.spread-item-table.new-style-table table td:first-child {
    padding-left: 90px;
    padding-right: 2rem;
    position: relative;
    font-weight: 900
}

@media (min-width: 1500px) {
    .spread-item-table.new-style-table table td:first-child {
        padding-right: 1rem
    }
}

.spread-item-table.new-style-table table td:first-child div {
    min-width: 74px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-right: 10px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-18px);
    -ms-transform: translateY(-18px);
    transform: translateY(-18px)
}

.spread-item-table.new-style-table table td:first-child div.single {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.spread-item-table.new-style-table table td:first-child div.single span {
    -webkit-transform: translateX(17.5px);
    -ms-transform: translateX(17.5px);
    transform: translateX(17.5px)
}

.spread-item-table.new-style-table table td:first-child div.single span:nth-child(2) {
    display: none
}

.spread-item-table.new-style-table table td:first-child div.logo-img img {
    position: absolute;
    top: 5px;
    left: 35px;
    width: 33px
}

.spread-item-table.new-style-table table td:first-child div.country-logo-img img {
    width: 33px
}

.spread-item-table.new-style-table table td:first-child div>span {
    width: 35px;
    height: 24px;
    margin: 1px;
    display: inline-block;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    font-size: 0 !important;
    vertical-align: middle
}

.spread-item-table.new-style-table table td:first-child div>span:nth-child(2) {
    position: absolute;
    top: 12px;
    left: 35px
}

.spread-item-table.new-style-table table td:first-child div>span.EUR {
    background-image: url("../img/swaps/EUR.html")
}

.spread-item-table.new-style-table table td:first-child div>span.USD,
.spread-item-table.new-style-table table td:first-child div>span.SP5,
.spread-item-table.new-style-table table td:first-child div>span.DOW {
    background-image: url("../img/swaps/USD.html")
}

.spread-item-table.new-style-table table td:first-child div>span.GBP,
.spread-item-table.new-style-table table td:first-child div>span.FTS {
    background-image: url("../img/swaps/GBP.html")
}

.spread-item-table.new-style-table table td:first-child div>span.CHF {
    background-image: url("../img/swaps/CHF.html")
}

.spread-item-table.new-style-table table td:first-child div>span.JPY,
.spread-item-table.new-style-table table td:first-child div>span.NIK {
    background-image: url("../img/swaps/JPY.html")
}

.spread-item-table.new-style-table table td:first-child div>span.XAU {
    background-image: url("../img/swaps/XAU.html")
}

.spread-item-table.new-style-table table td:first-child div>span.DAX {
    background-image: url("../img/swaps/DAX.html")
}

.spread-item-table.new-style-table table td:first-child div>span.OIL {
    background-size: contain;
    background-image: url("../img/swaps/OIL.html")
}

.spread-item-table.new-style-table table td:first-child div>span.AUD,
.spread-item-table.new-style-table table td:first-child div>span.ASX {
    background-image: url("../img/swaps/AUD.html")
}

.spread-item-table.new-style-table table td:first-child div>span.CAD {
    background-image: url("../img/swaps/CAD.html")
}

.spread-item-table.new-style-table table td:first-child div>span.CZK {
    background-image: url("../img/swaps/CZK.html")
}

.spread-item-table.new-style-table table td:first-child div>span.HUF {
    background-image: url("../img/swaps/HUF.html")
}

.spread-item-table.new-style-table table td:first-child div>span.ILS {
    background-image: url("../img/swaps/ILS.html")
}

.spread-item-table.new-style-table table td:first-child div>span.MXN {
    background-image: url("../img/swaps/MXN.html")
}

.spread-item-table.new-style-table table td:first-child div>span.NOK {
    background-image: url("../img/swaps/NOK.html")
}

.spread-item-table.new-style-table table td:first-child div>span.NZD {
    background-image: url("../img/swaps/NZD.html")
}

.spread-item-table.new-style-table table td:first-child div>span.PLN {
    background-image: url("../img/swaps/PLN.html")
}

.spread-item-table.new-style-table table td:first-child div>span.RUB {
    background-image: url("../img/swaps/RUB.html")
}

.spread-item-table.new-style-table table td:first-child div>span.SEK {
    background-image: url("../img/swaps/SEK.html")
}

.spread-item-table.new-style-table table td:first-child div>span.SGD {
    background-image: url("../img/swaps/SGD.html")
}

.spread-item-table.new-style-table table td:first-child div>span.TRY {
    background-image: url("../img/swaps/TRY.html")
}

.spread-item-table.new-style-table table td:first-child div>span.XAG {
    background-image: url("../img/swaps/XAG.html")
}

.spread-item-table.new-style-table table td:first-child div>span.ZAR {
    background-image: url("../img/swaps/ZAR.html")
}

.spread-item-table.new-style-table table td:first-child div>span.DAX {
    background-image: url("../img/swaps/DAX.html")
}

.spread-item-table.new-style-table table td:first-child div>span.HKD {
    background-image: url("../img/swaps/HKD.html")
}

.spread-item-table.new-style-table table td:first-child div>span.XPD {
    background-image: url("../img/swaps/XPD.html")
}

.spread-item-table.new-style-table table td:first-child div>span.XPT {
    background-image: url("../img/swaps/XPT.html")
}

.strategy-item {
    padding: 5rem 4rem 4rem;
    -webkit-box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    background: #fff;
    position: relative;
    overflow: hidden;
    height: 100%
}

.strategy-item .pt-widget {
    width: 100%;
    background: transparent;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding: 0
}

.strategy-item .pt-widget .widget--header {
    text-transform: uppercase
}

.strategy-item .pt-widget .widget--currency {
    color: #9e9ea6;
    top: 0rem;
    right: 0rem
}

.strategy-item-perex {
    padding-top: 3rem;
    padding-bottom: 4rem;
    font-size: 16px
}

.strategy-item-btns {
    margin: 0 -5px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 1400px) {
    .strategy-item-btns {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.strategy-item-btns .btn-primary {
    padding: 1rem 2rem 1rem;
    margin: 5px
}

.strategy-item-btns .btn-default {
    padding: 1rem 1rem 1rem;
    margin: 5px
}

.strategy-item .ErrorLabel {
    padding: 3rem 3rem 0
}

.strategy-item .form-btns {
    text-align: center
}

.strategy-item .form-btns .form-submit {
    display: inline-block
}

.strategy-item .form-btns .btn {
    margin: 3px !important;
    padding: 1rem 1rem 1rem
}

@media (min-width: 320px) {
    .strategy-item .form-btns .btn {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {
    .strategy-item .form-btns .btn {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .strategy-item .form-btns .btn {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .strategy-item .form-btns .btn {
        font-size: 2.4rem
    }
}

@media (min-width: 992px) {
    .strategy-item .form-btns .btn {
        font-size: 2.25rem
    }
}

@media (min-width: 1200px) {
    .strategy-item .form-btns .btn {
        font-size: 2rem
    }
}

@media (min-width: 1400px) {
    .strategy-item .form-btns .btn {
        font-size: 1.8rem
    }
}

.strategy-item .form-btns .fake-submit {
    padding: 1rem 2rem 1rem !important
}

.strategy-item-form {
    background: #f8f9fa;
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translateY(200%);
    -ms-transform: translateY(200%);
    transform: translateY(200%);
    -o-transition: all ease-in-out 400ms;
    -webkit-transition: all ease-in-out 400ms;
    transition: all ease-in-out 400ms;
    overflow: auto
}

.strategy-item-form .form-container {
    padding: 0
}

.strategy-item-form .form-row {
    padding: 3.5px 0
}

.strategy-item-form.confirmed {
    padding: 3rem
}

.strategy-item-form .ajax-contact-form {
    padding: 1rem
}

.strategy-item-form .contact-form {
    padding: 1rem
}

.strategy-item-form .form-submit {
    padding-top: 0 !important
}

.strategy-item-form .ajax-contact-form-error {
    padding: 1rem 3rem 0 3rem
}

@media (min-width: 320px) {

    .strategy-item-form select,
    .strategy-item-form select.form-control,
    .strategy-item-form textarea,
    .strategy-item-form textarea.form-control,
    .strategy-item-form input[type='text'],
    .strategy-item-form input[type='number'],
    .strategy-item-form input[type='email'],
    .strategy-item-form input[type='password'],
    .strategy-item-form .select2-container .select2-selection--single {
        height: 8rem
    }
}

@media (min-width: 480px) {

    .strategy-item-form select,
    .strategy-item-form select.form-control,
    .strategy-item-form textarea,
    .strategy-item-form textarea.form-control,
    .strategy-item-form input[type='text'],
    .strategy-item-form input[type='number'],
    .strategy-item-form input[type='email'],
    .strategy-item-form input[type='password'],
    .strategy-item-form .select2-container .select2-selection--single {
        height: 7.27273rem
    }
}

@media (min-width: 545px) {

    .strategy-item-form select,
    .strategy-item-form select.form-control,
    .strategy-item-form textarea,
    .strategy-item-form textarea.form-control,
    .strategy-item-form input[type='text'],
    .strategy-item-form input[type='number'],
    .strategy-item-form input[type='email'],
    .strategy-item-form input[type='password'],
    .strategy-item-form .select2-container .select2-selection--single {
        height: 6.66667rem
    }
}

@media (min-width: 768px) {

    .strategy-item-form select,
    .strategy-item-form select.form-control,
    .strategy-item-form textarea,
    .strategy-item-form textarea.form-control,
    .strategy-item-form input[type='text'],
    .strategy-item-form input[type='number'],
    .strategy-item-form input[type='email'],
    .strategy-item-form input[type='password'],
    .strategy-item-form .select2-container .select2-selection--single {
        height: 5.33333rem
    }
}

@media (min-width: 992px) {

    .strategy-item-form select,
    .strategy-item-form select.form-control,
    .strategy-item-form textarea,
    .strategy-item-form textarea.form-control,
    .strategy-item-form input[type='text'],
    .strategy-item-form input[type='number'],
    .strategy-item-form input[type='email'],
    .strategy-item-form input[type='password'],
    .strategy-item-form .select2-container .select2-selection--single {
        height: 5rem
    }
}

@media (min-width: 1200px) {

    .strategy-item-form select,
    .strategy-item-form select.form-control,
    .strategy-item-form textarea,
    .strategy-item-form textarea.form-control,
    .strategy-item-form input[type='text'],
    .strategy-item-form input[type='number'],
    .strategy-item-form input[type='email'],
    .strategy-item-form input[type='password'],
    .strategy-item-form .select2-container .select2-selection--single {
        height: 4.44444rem
    }
}

@media (min-width: 1400px) {

    .strategy-item-form select,
    .strategy-item-form select.form-control,
    .strategy-item-form textarea,
    .strategy-item-form textarea.form-control,
    .strategy-item-form input[type='text'],
    .strategy-item-form input[type='number'],
    .strategy-item-form input[type='email'],
    .strategy-item-form input[type='password'],
    .strategy-item-form .select2-container .select2-selection--single {
        height: 4rem
    }
}

@media (min-width: 320px) {

    .strategy-item-form select,
    .strategy-item-form select.form-control,
    .strategy-item-form textarea,
    .strategy-item-form textarea.form-control,
    .strategy-item-form input[type='text'],
    .strategy-item-form input[type='number'],
    .strategy-item-form input[type='email'],
    .strategy-item-form input[type='password'],
    .strategy-item-form .select2-container .select2-selection--single {
        line-height: 8rem
    }
}

@media (min-width: 480px) {

    .strategy-item-form select,
    .strategy-item-form select.form-control,
    .strategy-item-form textarea,
    .strategy-item-form textarea.form-control,
    .strategy-item-form input[type='text'],
    .strategy-item-form input[type='number'],
    .strategy-item-form input[type='email'],
    .strategy-item-form input[type='password'],
    .strategy-item-form .select2-container .select2-selection--single {
        line-height: 7.27273rem
    }
}

@media (min-width: 545px) {

    .strategy-item-form select,
    .strategy-item-form select.form-control,
    .strategy-item-form textarea,
    .strategy-item-form textarea.form-control,
    .strategy-item-form input[type='text'],
    .strategy-item-form input[type='number'],
    .strategy-item-form input[type='email'],
    .strategy-item-form input[type='password'],
    .strategy-item-form .select2-container .select2-selection--single {
        line-height: 6.66667rem
    }
}

@media (min-width: 768px) {

    .strategy-item-form select,
    .strategy-item-form select.form-control,
    .strategy-item-form textarea,
    .strategy-item-form textarea.form-control,
    .strategy-item-form input[type='text'],
    .strategy-item-form input[type='number'],
    .strategy-item-form input[type='email'],
    .strategy-item-form input[type='password'],
    .strategy-item-form .select2-container .select2-selection--single {
        line-height: 5.33333rem
    }
}

@media (min-width: 992px) {

    .strategy-item-form select,
    .strategy-item-form select.form-control,
    .strategy-item-form textarea,
    .strategy-item-form textarea.form-control,
    .strategy-item-form input[type='text'],
    .strategy-item-form input[type='number'],
    .strategy-item-form input[type='email'],
    .strategy-item-form input[type='password'],
    .strategy-item-form .select2-container .select2-selection--single {
        line-height: 5rem
    }
}

@media (min-width: 1200px) {

    .strategy-item-form select,
    .strategy-item-form select.form-control,
    .strategy-item-form textarea,
    .strategy-item-form textarea.form-control,
    .strategy-item-form input[type='text'],
    .strategy-item-form input[type='number'],
    .strategy-item-form input[type='email'],
    .strategy-item-form input[type='password'],
    .strategy-item-form .select2-container .select2-selection--single {
        line-height: 4.44444rem
    }
}

@media (min-width: 1400px) {

    .strategy-item-form select,
    .strategy-item-form select.form-control,
    .strategy-item-form textarea,
    .strategy-item-form textarea.form-control,
    .strategy-item-form input[type='text'],
    .strategy-item-form input[type='number'],
    .strategy-item-form input[type='email'],
    .strategy-item-form input[type='password'],
    .strategy-item-form .select2-container .select2-selection--single {
        line-height: 4rem
    }
}

.strategy-item.open .strategy-item-form {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.text-container-66 {
    max-width: 900px
}

@media (min-width: 320px) {
    .text-container-66 big {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {
    .text-container-66 big {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .text-container-66 big {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .text-container-66 big {
        font-size: 2.6rem
    }
}

.strategy-detail-graph {
    margin: 6rem 0 10rem;
    padding: 15px;
    border: 1px solid #d5d5d5;
    min-height: 40rem
}

.ebooks-container {
    background: #f8f9fa
}

.ebooks-container .pux-container {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ebooks-container .ebooks-left {
    width: 100%;
    padding-top: 4rem
}

@media (min-width: 992px) {
    .ebooks-container .ebooks-left {
        width: 40%
    }

    .ebooks-container .ebooks-left img {
        margin-left: -13rem;
        margin-bottom: -15rem
    }
}

.ebooks-container .ebooks-right {
    width: 100%;
    padding: 10rem 0 5rem
}

@media (min-width: 992px) {
    .ebooks-container .ebooks-right {
        width: 60%;
        padding: 7rem 0 5rem
    }
}

.ebooks-container .ebooks-right h2 {
    font-weight: 600
}

@media (min-width: 992px) {
    .ebooks-container .ebooks-right h2 {
        margin-left: -13rem;
        padding-left: 15px
    }
}

@media screen and (min-width: 1600px) {
    .ebooks-container .ebooks-right h2 {
        margin-left: -16rem
    }
}

@media (min-width: 992px) {
    .ebooks-container .ebooks-right .row {
        margin-left: -13rem
    }
}

@media screen and (min-width: 1600px) {
    .ebooks-container .ebooks-right .row {
        margin-left: -16rem
    }
}

.ebook-item {
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.ebook-item-title {
    color: #522974;
    letter-spacing: -0.4px;
    font-weight: 300;
    padding-bottom: 0.3rem;
    min-height: 6.3rem
}

@media (min-width: 320px) {
    .ebook-item-title {
        font-size: 3.2rem
    }
}

@media (min-width: 480px) {
    .ebook-item-title {
        font-size: 2.90909rem
    }
}

@media (min-width: 545px) {
    .ebook-item-title {
        font-size: 2.66667rem
    }
}

@media (min-width: 768px) {
    .ebook-item-title {
        font-size: 2.13333rem
    }
}

@media (min-width: 992px) {
    .ebook-item-title {
        font-size: 2rem
    }
}

@media (min-width: 320px) {
    .ebook-item-perex {
        font-size: 3rem
    }
}

@media (min-width: 480px) {
    .ebook-item-perex {
        font-size: 2.72727rem
    }
}

@media (min-width: 545px) {
    .ebook-item-perex {
        font-size: 2.5rem
    }
}

@media (min-width: 768px) {
    .ebook-item-perex {
        font-size: 2rem
    }
}

@media (min-width: 992px) {
    .ebook-item-perex {
        font-size: 1.875rem
    }
}

@media (min-width: 1200px) {
    .ebook-item-perex {
        font-size: 1.66667rem
    }
}

@media (min-width: 1400px) {
    .ebook-item-perex {
        font-size: 1.6rem
    }
}

.ebook-item-ref {
    padding-top: 2rem;
    margin-top: auto
}

.ebook-item-ref .btn {
    white-space: normal
}

.EditMode .spreads-tables {
    display: block !important
}

.graph-iframe-helper iframe {
    height: 2400px
}

@media (min-width: 992px) {
    .graph-iframe-helper iframe {
        height: 1200px
    }
}

.webinar-top-image,
.ebook-top-image,
.seminar-top-image,
.newsletter-top-image,
.spread-top-image {
    position: relative;
    margin-top: 0;
    padding-top: 8rem;
    padding-bottom: 5rem;
    background-color: #fff;
    background-image: url("../img/webinar-bgr.html");
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: bottom center !important;
    overflow: hidden
}

.webinar-top-image-type,
.ebook-top-image-type,
.seminar-top-image-type,
.newsletter-top-image-type,
.spread-top-image-type {
    font-weight: 700
}

.webinar-top-image-title,
.ebook-top-image-title,
.seminar-top-image-title,
.newsletter-top-image-title,
.spread-top-image-title {
    padding-bottom: 0rem
}

@media (min-width: 1200px) {

    .webinar-top-image-title,
    .ebook-top-image-title,
    .seminar-top-image-title,
    .newsletter-top-image-title,
    .spread-top-image-title {
        margin-right: 50rem
    }
}

.webinar-top-image-title h1,
.ebook-top-image-title h1,
.seminar-top-image-title h1,
.newsletter-top-image-title h1,
.spread-top-image-title h1 {
    font-weight: 900;
    color: #522974;
    padding-bottom: 4rem;
    text-transform: uppercase
}

@media (min-width: 320px) {

    .webinar-top-image-title h1,
    .ebook-top-image-title h1,
    .seminar-top-image-title h1,
    .newsletter-top-image-title h1,
    .spread-top-image-title h1 {
        font-size: 7rem
    }
}

@media (min-width: 320px) {

    .webinar-top-image-title h1,
    .ebook-top-image-title h1,
    .seminar-top-image-title h1,
    .newsletter-top-image-title h1,
    .spread-top-image-title h1 {
        line-height: 7.6rem
    }
}

@media (min-width: 768px) {

    .webinar-top-image-title h1,
    .ebook-top-image-title h1,
    .seminar-top-image-title h1,
    .newsletter-top-image-title h1,
    .spread-top-image-title h1 {
        padding-bottom: 2rem
    }
}

.webinar-top-image-title h1:after,
.ebook-top-image-title h1:after,
.seminar-top-image-title h1:after,
.newsletter-top-image-title h1:after,
.spread-top-image-title h1:after {
    content: '';
    display: block;
    width: 11rem;
    height: 1rem;
    background: #522974;
    position: relative;
    top: 5px
}

@media (min-width: 768px) {

    .webinar-top-image-inner,
    .ebook-top-image-inner,
    .seminar-top-image-inner,
    .newsletter-top-image-inner,
    .spread-top-image-inner {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex
    }
}

@media (min-width: 1200px) {

    .webinar-top-image-inner,
    .ebook-top-image-inner,
    .seminar-top-image-inner,
    .newsletter-top-image-inner,
    .spread-top-image-inner {
        margin-right: 50rem
    }
}

@media (min-width: 768px) {

    .webinar-top-image-inner-content,
    .ebook-top-image-inner-content,
    .seminar-top-image-inner-content,
    .newsletter-top-image-inner-content,
    .spread-top-image-inner-content {
        padding-right: 15px
    }
}

.webinar-top-image-inner-content-subtitle,
.ebook-top-image-inner-content-subtitle,
.seminar-top-image-inner-content-subtitle,
.newsletter-top-image-inner-content-subtitle,
.spread-top-image-inner-content-subtitle {
    padding-bottom: 1.5rem
}

.webinar-top-image-inner-content-perex,
.ebook-top-image-inner-content-perex,
.seminar-top-image-inner-content-perex,
.newsletter-top-image-inner-content-perex,
.spread-top-image-inner-content-perex {
    padding-bottom: 2rem
}

@media (min-width: 320px) {

    .webinar-top-image-inner-content-perex,
    .ebook-top-image-inner-content-perex,
    .seminar-top-image-inner-content-perex,
    .newsletter-top-image-inner-content-perex,
    .spread-top-image-inner-content-perex {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {

    .webinar-top-image-inner-content-perex,
    .ebook-top-image-inner-content-perex,
    .seminar-top-image-inner-content-perex,
    .newsletter-top-image-inner-content-perex,
    .spread-top-image-inner-content-perex {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {

    .webinar-top-image-inner-content-perex,
    .ebook-top-image-inner-content-perex,
    .seminar-top-image-inner-content-perex,
    .newsletter-top-image-inner-content-perex,
    .spread-top-image-inner-content-perex {
        font-size: 3rem
    }
}

@media (min-width: 768px) {

    .webinar-top-image-inner-content-perex,
    .ebook-top-image-inner-content-perex,
    .seminar-top-image-inner-content-perex,
    .newsletter-top-image-inner-content-perex,
    .spread-top-image-inner-content-perex {
        font-size: 2.4rem
    }
}

@media (min-width: 992px) {

    .webinar-top-image-inner-content-perex,
    .ebook-top-image-inner-content-perex,
    .seminar-top-image-inner-content-perex,
    .newsletter-top-image-inner-content-perex,
    .spread-top-image-inner-content-perex {
        font-size: 2.25rem
    }
}

@media (min-width: 1200px) {

    .webinar-top-image-inner-content-perex,
    .ebook-top-image-inner-content-perex,
    .seminar-top-image-inner-content-perex,
    .newsletter-top-image-inner-content-perex,
    .spread-top-image-inner-content-perex {
        font-size: 2rem
    }
}

.webinar-top-image-inner-content-btn,
.ebook-top-image-inner-content-btn,
.seminar-top-image-inner-content-btn,
.newsletter-top-image-inner-content-btn,
.spread-top-image-inner-content-btn {
    padding: 1.6rem 5rem;
    text-transform: uppercase
}

@media (min-width: 320px) {

    .webinar-top-image-inner-content-btn,
    .ebook-top-image-inner-content-btn,
    .seminar-top-image-inner-content-btn,
    .newsletter-top-image-inner-content-btn,
    .spread-top-image-inner-content-btn {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {

    .webinar-top-image-inner-content-btn,
    .ebook-top-image-inner-content-btn,
    .seminar-top-image-inner-content-btn,
    .newsletter-top-image-inner-content-btn,
    .spread-top-image-inner-content-btn {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {

    .webinar-top-image-inner-content-btn,
    .ebook-top-image-inner-content-btn,
    .seminar-top-image-inner-content-btn,
    .newsletter-top-image-inner-content-btn,
    .spread-top-image-inner-content-btn {
        font-size: 3rem
    }
}

@media (min-width: 768px) {

    .webinar-top-image-inner-content-btn,
    .ebook-top-image-inner-content-btn,
    .seminar-top-image-inner-content-btn,
    .newsletter-top-image-inner-content-btn,
    .spread-top-image-inner-content-btn {
        font-size: 2.4rem
    }
}

@media (min-width: 992px) {

    .webinar-top-image-inner-content-btn,
    .ebook-top-image-inner-content-btn,
    .seminar-top-image-inner-content-btn,
    .newsletter-top-image-inner-content-btn,
    .spread-top-image-inner-content-btn {
        font-size: 2.25rem
    }
}

@media (min-width: 1200px) {

    .webinar-top-image-inner-content-btn,
    .ebook-top-image-inner-content-btn,
    .seminar-top-image-inner-content-btn,
    .newsletter-top-image-inner-content-btn,
    .spread-top-image-inner-content-btn {
        font-size: 2rem
    }
}

.webinar-top-image-inner-photo,
.ebook-top-image-inner-photo,
.seminar-top-image-inner-photo,
.newsletter-top-image-inner-photo,
.spread-top-image-inner-photo {
    margin-top: 8rem;
    margin-bottom: -8rem
}

@media (min-width: 768px) {

    .webinar-top-image-inner-photo,
    .ebook-top-image-inner-photo,
    .seminar-top-image-inner-photo,
    .newsletter-top-image-inner-photo,
    .spread-top-image-inner-photo {
        margin-top: 0;
        margin-bottom: 0;
        width: 36.5rem;
        min-width: 36.5rem;
        height: 36.5rem
    }
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {

    .webinar-top-image-inner-photo,
    .ebook-top-image-inner-photo,
    .seminar-top-image-inner-photo,
    .newsletter-top-image-inner-photo,
    .spread-top-image-inner-photo {
        width: 26.5rem;
        min-width: 26.5rem;
        height: 26.5rem
    }
}

.webinar-top-image-icons,
.ebook-top-image-icons,
.seminar-top-image-icons,
.newsletter-top-image-icons,
.spread-top-image-icons {
    padding-bottom: 4rem;
    padding-top: 12rem
}

@media (min-width: 768px) {

    .webinar-top-image-icons,
    .ebook-top-image-icons,
    .seminar-top-image-icons,
    .newsletter-top-image-icons,
    .spread-top-image-icons {
        padding-top: 5rem;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex
    }
}

@media (min-width: 1200px) {

    .webinar-top-image-icons,
    .ebook-top-image-icons,
    .seminar-top-image-icons,
    .newsletter-top-image-icons,
    .spread-top-image-icons {
        padding-top: 10rem;
        margin-right: 50rem
    }
}

.webinar-top-image-icons .webinar-icon,
.webinar-top-image-icons .seminar-icon,
.ebook-top-image-icons .webinar-icon,
.ebook-top-image-icons .seminar-icon,
.seminar-top-image-icons .webinar-icon,
.seminar-top-image-icons .seminar-icon,
.newsletter-top-image-icons .webinar-icon,
.newsletter-top-image-icons .seminar-icon,
.spread-top-image-icons .webinar-icon,
.spread-top-image-icons .seminar-icon {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    line-height: 1.2;
    padding-bottom: 4rem
}

@media (min-width: 768px) {

    .webinar-top-image-icons .webinar-icon,
    .webinar-top-image-icons .seminar-icon,
    .ebook-top-image-icons .webinar-icon,
    .ebook-top-image-icons .seminar-icon,
    .seminar-top-image-icons .webinar-icon,
    .seminar-top-image-icons .seminar-icon,
    .newsletter-top-image-icons .webinar-icon,
    .newsletter-top-image-icons .seminar-icon,
    .spread-top-image-icons .webinar-icon,
    .spread-top-image-icons .seminar-icon {
        padding-bottom: 0;
        width: 33.3333%
    }
}

.webinar-top-image-icons .webinar-icon:before,
.webinar-top-image-icons .seminar-icon:before,
.ebook-top-image-icons .webinar-icon:before,
.ebook-top-image-icons .seminar-icon:before,
.seminar-top-image-icons .webinar-icon:before,
.seminar-top-image-icons .seminar-icon:before,
.newsletter-top-image-icons .webinar-icon:before,
.newsletter-top-image-icons .seminar-icon:before,
.spread-top-image-icons .webinar-icon:before,
.spread-top-image-icons .seminar-icon:before {
    content: '';
    display: block;
    width: 8rem;
    height: 8rem;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    margin-right: 10px
}

.webinar-top-image-icons .webinar-icon.webinar-time:before,
.webinar-top-image-icons .seminar-icon.webinar-time:before,
.ebook-top-image-icons .webinar-icon.webinar-time:before,
.ebook-top-image-icons .seminar-icon.webinar-time:before,
.seminar-top-image-icons .webinar-icon.webinar-time:before,
.seminar-top-image-icons .seminar-icon.webinar-time:before,
.newsletter-top-image-icons .webinar-icon.webinar-time:before,
.newsletter-top-image-icons .seminar-icon.webinar-time:before,
.spread-top-image-icons .webinar-icon.webinar-time:before,
.spread-top-image-icons .seminar-icon.webinar-time:before {
    background: url("../img/webinar-icon-calendar.html")
}

.webinar-top-image-icons .webinar-icon.webinar-about:before,
.webinar-top-image-icons .seminar-icon.webinar-about:before,
.ebook-top-image-icons .webinar-icon.webinar-about:before,
.ebook-top-image-icons .seminar-icon.webinar-about:before,
.seminar-top-image-icons .webinar-icon.webinar-about:before,
.seminar-top-image-icons .seminar-icon.webinar-about:before,
.newsletter-top-image-icons .webinar-icon.webinar-about:before,
.newsletter-top-image-icons .seminar-icon.webinar-about:before,
.spread-top-image-icons .webinar-icon.webinar-about:before,
.spread-top-image-icons .seminar-icon.webinar-about:before {
    background: url("../img/webinar-icon-about.html")
}

.webinar-top-image-icons .webinar-icon.webinar-speaker:before,
.webinar-top-image-icons .seminar-icon.webinar-speaker:before,
.ebook-top-image-icons .webinar-icon.webinar-speaker:before,
.ebook-top-image-icons .seminar-icon.webinar-speaker:before,
.seminar-top-image-icons .webinar-icon.webinar-speaker:before,
.seminar-top-image-icons .seminar-icon.webinar-speaker:before,
.newsletter-top-image-icons .webinar-icon.webinar-speaker:before,
.newsletter-top-image-icons .seminar-icon.webinar-speaker:before,
.spread-top-image-icons .webinar-icon.webinar-speaker:before,
.spread-top-image-icons .seminar-icon.webinar-speaker:before {
    background: url("../img/webinar-icon-speaker.html")
}

.webinar-top-image-icons .webinar-icon h3,
.webinar-top-image-icons .seminar-icon h3,
.ebook-top-image-icons .webinar-icon h3,
.ebook-top-image-icons .seminar-icon h3,
.seminar-top-image-icons .webinar-icon h3,
.seminar-top-image-icons .seminar-icon h3,
.newsletter-top-image-icons .webinar-icon h3,
.newsletter-top-image-icons .seminar-icon h3,
.spread-top-image-icons .webinar-icon h3,
.spread-top-image-icons .seminar-icon h3 {
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1.4
}

@media (min-width: 768px) {

    .webinar-top-image-icons .seminar-icon,
    .ebook-top-image-icons .seminar-icon,
    .seminar-top-image-icons .seminar-icon,
    .newsletter-top-image-icons .seminar-icon,
    .spread-top-image-icons .seminar-icon {
        padding-bottom: 0;
        width: 25%
    }
}

.webinar-top-image-icons .seminar-icon.seminar-when:before,
.ebook-top-image-icons .seminar-icon.seminar-when:before,
.seminar-top-image-icons .seminar-icon.seminar-when:before,
.newsletter-top-image-icons .seminar-icon.seminar-when:before,
.spread-top-image-icons .seminar-icon.seminar-when:before {
    background: url("../img/webinar-icon-calendar.html")
}

.webinar-top-image-icons .seminar-icon.seminar-where:before,
.ebook-top-image-icons .seminar-icon.seminar-where:before,
.seminar-top-image-icons .seminar-icon.seminar-where:before,
.newsletter-top-image-icons .seminar-icon.seminar-where:before,
.spread-top-image-icons .seminar-icon.seminar-where:before {
    background: url("../img/seminar-where.html")
}

.webinar-top-image-icons .seminar-icon.seminar-time:before,
.ebook-top-image-icons .seminar-icon.seminar-time:before,
.seminar-top-image-icons .seminar-icon.seminar-time:before,
.newsletter-top-image-icons .seminar-icon.seminar-time:before,
.spread-top-image-icons .seminar-icon.seminar-time:before {
    background: url("../img/seminar-time.html")
}

.webinar-top-image-icons .seminar-icon.seminar-difficulty:before,
.ebook-top-image-icons .seminar-icon.seminar-difficulty:before,
.seminar-top-image-icons .seminar-icon.seminar-difficulty:before,
.newsletter-top-image-icons .seminar-icon.seminar-difficulty:before,
.spread-top-image-icons .seminar-icon.seminar-difficulty:before {
    background: url("../img/seminar-difficulty.html")
}

.seminar-top-image-title,
.newsletter-top-image-title,
.spread-top-image-title {
    padding-bottom: 0rem
}

@media (min-width: 1200px) {

    .seminar-top-image-title,
    .newsletter-top-image-title,
    .spread-top-image-title {
        margin-right: 0rem
    }
}

@media (min-width: 768px) {

    .seminar-top-image-inner,
    .newsletter-top-image-inner,
    .spread-top-image-inner {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex
    }
}

@media (min-width: 1200px) {

    .seminar-top-image-inner,
    .newsletter-top-image-inner,
    .spread-top-image-inner {
        margin-right: 0rem
    }
}

@media (min-width: 768px) {

    .seminar-top-image-inner-content,
    .newsletter-top-image-inner-content,
    .spread-top-image-inner-content {
        width: 50%
    }
}

.seminar-top-image-inner-content-checklist li,
.newsletter-top-image-inner-content-checklist li,
.spread-top-image-inner-content-checklist li {
    font-weight: 700
}

.seminar-top-image-inner-content-checklist li:before,
.newsletter-top-image-inner-content-checklist li:before,
.spread-top-image-inner-content-checklist li:before {
    color: #14ad53;
    content: '\e952';
    background: transparent
}

.seminar-top-image-inner-photo,
.newsletter-top-image-inner-photo,
.spread-top-image-inner-photo {
    margin-top: 8rem;
    margin-bottom: 0rem
}

@media (min-width: 768px) {

    .seminar-top-image-inner-photo,
    .newsletter-top-image-inner-photo,
    .spread-top-image-inner-photo {
        margin-top: 0;
        margin-bottom: 0;
        width: 50%;
        height: auto !important
    }
}

.seminar-top-image-icons,
.newsletter-top-image-icons,
.spread-top-image-icons {
    padding-bottom: 4rem
}

@media (min-width: 768px) {

    .seminar-top-image-icons,
    .newsletter-top-image-icons,
    .spread-top-image-icons {
        padding-top: 5rem;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex
    }
}

@media (min-width: 1200px) {

    .seminar-top-image-icons,
    .newsletter-top-image-icons,
    .spread-top-image-icons {
        padding-top: 10rem;
        margin-right: 00rem
    }
}

.newsletter-top-image img {
    max-height: 360px
}

.spread-top-image {
    background: none
}

.spread-top-image-title h1 {
    text-transform: none;
    font-weight: 700
}

@media (min-width: 320px) {
    .spread-top-image-title h1 {
        font-size: 7.2rem
    }
}

@media (min-width: 480px) {
    .spread-top-image-title h1 {
        font-size: 6.54545rem
    }
}

@media (min-width: 545px) {
    .spread-top-image-title h1 {
        font-size: 6.4rem
    }
}

@media (min-width: 320px) {
    .spread-top-image-title h1 {
        line-height: 8.8rem
    }
}

@media (min-width: 480px) {
    .spread-top-image-title h1 {
        line-height: 8rem
    }
}

@media (min-width: 545px) {
    .spread-top-image-title h1 {
        line-height: 7.33333rem
    }
}

@media (min-width: 768px) {
    .spread-top-image-title h1 {
        line-height: 6.8rem
    }
}

.spread-top-image-title h1:after {
    display: none !important
}

.spread-top-image-inner-content-perex {
    position: relative;
    padding-bottom: 3rem
}

.spread-top-image-inner-content-list {
    position: relative;
    padding-top: 2rem
}

.spread-top-image-inner-content-list:before {
    content: '';
    display: block;
    width: 11rem;
    height: 1rem;
    background: #522974;
    position: relative;
    top: -3rem
}

.spread-top-image-inner-content-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.spread-top-image-inner-content-list ul li {
    width: 50%
}

@media (min-width: 1200px) {
    .spread-top-image-inner-content-list ul li {
        width: 33.3333%
    }
}

.spread-top-image-btns {
    display: inline-block;
    padding-top: 4rem;
    text-align: center
}

.spread-top-image-btns-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem
}

@media (min-width: 768px) {
    .spread-top-image-btns-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 2rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.spread-top-image-btns span {
    text-align: center;
    display: block;
    font-size: 2.4rem;
    margin-bottom: 3rem
}

@media (min-width: 480px) {
    .spread-top-image-btns span {
        font-size: 2.18182rem
    }
}

@media (min-width: 545px) {
    .spread-top-image-btns span {
        font-size: 2rem
    }
}

@media (min-width: 768px) {
    .spread-top-image-btns span {
        font-size: 1.6rem
    }
}

@media (min-width: 992px) {
    .spread-top-image-btns span {
        font-size: 1.5rem
    }
}

@media (min-width: 1200px) {
    .spread-top-image-btns span {
        font-size: 1.33333rem
    }
}

@media (min-width: 1400px) {
    .spread-top-image-btns span {
        font-size: 1.2rem
    }
}

@media (min-width: 768px) {
    .spread-top-image-btns span {
        margin-bottom: 0;
        margin-right: 2rem
    }
}

.spread-top-image-btns .btn {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 1.5rem 4rem;
    display: block
}

@media (min-width: 768px) {
    .spread-top-image-btns .btn {
        display: inline-block
    }
}

.spread-top-image-btns-disclaimer {
    width: 100%;
    padding-top: 5px
}

.ebook-top-image {
    padding-top: 10rem;
    position: relative;
    background: url("../img/ebook-bg.html")
}

@media (min-width: 768px) {
    .ebook-top-image-title {
        max-width: 50%
    }
}

@media (min-width: 992px) and (min-width: 320px) {
    .ebook-top-image-title h1 {
        font-size: 10rem
    }
}

@media (min-width: 992px) and (min-width: 480px) {
    .ebook-top-image-title h1 {
        font-size: 9.09091rem
    }
}

@media (min-width: 992px) and (min-width: 545px) {
    .ebook-top-image-title h1 {
        font-size: 8.33333rem
    }
}

@media (min-width: 992px) and (min-width: 768px) {
    .ebook-top-image-title h1 {
        font-size: 6.66667rem
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .ebook-top-image-title h1 {
        font-size: 6.25rem
    }
}

@media (min-width: 992px) and (min-width: 1200px) {
    .ebook-top-image-title h1 {
        font-size: 5.55556rem
    }
}

@media (min-width: 992px) and (min-width: 1400px) {
    .ebook-top-image-title h1 {
        font-size: 5rem
    }
}

@media (min-width: 992px) and (min-width: 320px) {
    .ebook-top-image-title h1 {
        line-height: 10rem
    }
}

@media (min-width: 992px) and (min-width: 480px) {
    .ebook-top-image-title h1 {
        line-height: 9.09091rem
    }
}

@media (min-width: 992px) and (min-width: 545px) {
    .ebook-top-image-title h1 {
        line-height: 8.33333rem
    }
}

@media (min-width: 992px) and (min-width: 768px) {
    .ebook-top-image-title h1 {
        line-height: 6.66667rem
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .ebook-top-image-title h1 {
        line-height: 6.25rem
    }
}

@media (min-width: 992px) and (min-width: 1200px) {
    .ebook-top-image-title h1 {
        line-height: 5.55556rem
    }
}

@media (min-width: 992px) and (min-width: 1400px) {
    .ebook-top-image-title h1 {
        line-height: 5rem
    }
}

@media (min-width: 1200px) and (min-width: 320px) {
    .ebook-top-image-title h1 {
        font-size: 10rem
    }
}

@media (min-width: 1200px) and (min-width: 480px) {
    .ebook-top-image-title h1 {
        font-size: 9.09091rem
    }
}

@media (min-width: 1200px) and (min-width: 545px) {
    .ebook-top-image-title h1 {
        font-size: 9rem
    }
}

@media (min-width: 1200px) and (min-width: 320px) {
    .ebook-top-image-title h1 {
        line-height: 10rem
    }
}

@media (min-width: 1200px) and (min-width: 480px) {
    .ebook-top-image-title h1 {
        line-height: 9.09091rem
    }
}

@media (min-width: 1200px) and (min-width: 545px) {
    .ebook-top-image-title h1 {
        line-height: 9rem
    }
}

.ebook-top-image-inner-content-perex {
    padding-bottom: 18rem
}

@media (min-width: 320px) {
    .ebook-top-image-inner-content-perex {
        font-size: 4rem
    }
}

@media (min-width: 480px) {
    .ebook-top-image-inner-content-perex {
        font-size: 3.63636rem
    }
}

@media (min-width: 545px) {
    .ebook-top-image-inner-content-perex {
        font-size: 3.33333rem
    }
}

@media (min-width: 768px) {
    .ebook-top-image-inner-content-perex {
        font-size: 2.66667rem
    }
}

@media (min-width: 992px) {
    .ebook-top-image-inner-content-perex {
        font-size: 2.5rem
    }
}

@media (min-width: 1200px) {
    .ebook-top-image-inner-content-perex {
        font-size: 2.4rem
    }
}

.ebook-top-image-photo {
    margin-top: 8rem;
    margin-bottom: -8rem;
    display: none
}

@media (min-width: 992px) {
    .ebook-top-image-photo {
        display: block;
        position: absolute;
        right: 1rem;
        top: 0rem;
        width: 60rem;
        height: 60rem;
        max-width: 50%
    }
}

@media screen and (min-width: 1720px) {
    .ebook-top-image-photo {
        width: 100rem;
        height: 100rem;
        right: -15rem
    }
}

@media screen and (min-width: 2200px) {
    .ebook-top-image-photo {
        right: 10rem
    }
}

.ebook-top-image-icons {
    padding-top: 5rem
}

@media (min-width: 1200px) {
    .ebook-top-image-icons {
        padding-top: 5rem;
        margin-right: 25rem
    }
}

.ebook-top-image-icons .ebook-icon {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    line-height: 1.2;
    padding-bottom: 4rem
}

@media (min-width: 768px) {
    .ebook-top-image-icons .ebook-icon {
        padding-bottom: 0;
        width: 33.3333%
    }
}

.ebook-top-image-icons .ebook-icon:before {
    content: '';
    display: block;
    width: 8rem;
    height: 8rem;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    margin-right: 10px
}

.ebook-top-image-icons .ebook-icon.ebook-1:before {
    background: url("../img/ebook1.html")
}

.ebook-top-image-icons .ebook-icon.ebook-2:before {
    background: url("../img/ebook2.html")
}

.ebook-top-image-icons .ebook-icon.ebook-3:before {
    background: url("../img/ebook3.html")
}

.webinar-line {
    height: 1px;
    background-color: #d5d5d5
}

@media (min-width: 1200px) {
    .webinar-line {
        margin-right: 0rem
    }
}

@media (min-width: 1200px) {
    .webinar-content {
        margin-right: 50rem
    }
}

.speaker-item {
    position: relative;
    padding: 26rem 3.5rem 3.5rem;
    background: #f8f9fa;
    border-radius: 3px
}

@media (min-width: 768px) {
    .speaker-item {
        padding-right: 28rem;
        padding-top: 3.5rem
    }
}

.speaker-item .speaker-item-name {
    padding-bottom: 2rem;
    text-align: center;
    font-weight: 700;
    color: #522974
}

@media (min-width: 320px) {
    .speaker-item .speaker-item-name {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {
    .speaker-item .speaker-item-name {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .speaker-item .speaker-item-name {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .speaker-item .speaker-item-name {
        font-size: 2.4rem
    }
}

@media (min-width: 768px) {
    .speaker-item .speaker-item-name {
        text-align: left
    }
}

.speaker-item .speaker-item-photo {
    position: absolute;
    right: calc(50% - 10rem);
    top: 3.5rem;
    width: 20rem;
    height: 20rem
}

@media (min-width: 768px) {
    .speaker-item .speaker-item-photo {
        right: 3.5rem
    }
}

.webinar-form-container {
    display: none;
    position: relative;
    padding-top: 12rem;
    margin: auto;
    margin-top: 10rem;
    min-height: 46.5rem
}

@media (min-width: 1200px) {
    .webinar-form-container {
        display: block
    }
}

@media screen and (min-width: 880px) {
    .webinar-form-container {
        padding-top: 12rem
    }
}

.webinar-form-container.always-visible {
    display: block !important
}

.webinar-form-container .container-purple {
    background: #582e76 !important
}

.webinar-form-container-bgr-object {
    background: url("../img/webinar-form.html");
    background-position: top center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: absolute;
    width: 100%;
    height: 46.5rem;
    top: 0;
    left: 0
}

.webinar-form-container .pux-container {
    position: relative;
    z-index: 2
}

.webinar-form-container .pux-container h2 {
    color: #fff;
    text-align: center
}

.contact-form-row {
    padding: 2rem 0 0 0
}

.ajax-contact-form-success {
    padding: 2rem
}

.ajax-contact-form-error {
    padding: 2rem
}

.ajax-contact-form-error:not(:has(*)),
.ajax-contact-form-error:empty {
    padding: 0 !important
}

.contact-form-row .ajax-contact-form,
.webinar-form-container .ajax-contact-form {
    padding: 0;
    background: transparent;
    max-width: none
}

.contact-form-row .ajax-contact-form-error,
.webinar-form-container .ajax-contact-form-error {
    padding: 1rem 1rem 0
}

.contact-form-row .webinar-form,
.webinar-form-container .webinar-form {
    padding-bottom: 10px
}

@media (min-width: 768px) {

    .contact-form-row .webinar-form,
    .webinar-form-container .webinar-form {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -7.5px
    }
}

@media (min-width: 1200px) {

    .contact-form-row .webinar-form,
    .webinar-form-container .webinar-form {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.contact-form-row .webinar-form-row,
.webinar-form-container .webinar-form-row {
    margin-bottom: 20px
}

@media (min-width: 768px) {

    .contact-form-row .webinar-form-row,
    .webinar-form-container .webinar-form-row {
        width: 50%;
        padding: 0 7.5px
    }
}

@media (min-width: 1200px) {

    .contact-form-row .webinar-form-row,
    .webinar-form-container .webinar-form-row {
        width: 20%;
        margin-bottom: 0
    }
}

.contact-form-row .webinar-form-row[class*='col-'],
.webinar-form-container .webinar-form-row[class*='col-'] {
    padding: 0
}

@media (min-width: 768px) {

    .contact-form-row .webinar-form-row[class*='col-'],
    .webinar-form-container .webinar-form-row[class*='col-'] {
        padding: 0 7.5px
    }
}

@media (min-width: 1200px) {

    .contact-form-row .webinar-form.no-city .webinar-form-row,
    .webinar-form-container .webinar-form.no-city .webinar-form-row {
        width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }
}

@media (min-width: 1200px) {

    .contact-form-row .webinar-form.three-column .webinar-form-row,
    .webinar-form-container .webinar-form.three-column .webinar-form-row {
        width: 33.33%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%
    }
}

@media (min-width: 1200px) {

    .contact-form-row .webinar-form.two-column .webinar-form-row,
    .webinar-form-container .webinar-form.two-column .webinar-form-row {
        width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
}

.contact-form-row .checkbox,
.webinar-form-container .checkbox {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex
}

.contact-form-row .checkbox .checkbox,
.webinar-form-container .checkbox .checkbox {
    margin: 1rem 0 0.5rem 0
}

.contact-form-row .checkbox .checkbox label,
.webinar-form-container .checkbox .checkbox label {
    margin: 0 !important
}

.contact-form-row .form-submit,
.webinar-form-container .form-submit {
    text-align: center;
    padding-top: 5rem
}

.contact-form-row .form-submit .btn,
.webinar-form-container .form-submit .btn {
    padding: 1.6rem 5rem;
    text-transform: uppercase
}

@media (min-width: 320px) {

    .contact-form-row .form-submit .btn,
    .webinar-form-container .form-submit .btn {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {

    .contact-form-row .form-submit .btn,
    .webinar-form-container .form-submit .btn {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {

    .contact-form-row .form-submit .btn,
    .webinar-form-container .form-submit .btn {
        font-size: 3rem
    }
}

@media (min-width: 768px) {

    .contact-form-row .form-submit .btn,
    .webinar-form-container .form-submit .btn {
        font-size: 2.4rem
    }
}

@media (min-width: 992px) {

    .contact-form-row .form-submit .btn,
    .webinar-form-container .form-submit .btn {
        font-size: 2.25rem
    }
}

@media (min-width: 1200px) {

    .contact-form-row .form-submit .btn,
    .webinar-form-container .form-submit .btn {
        font-size: 2rem
    }
}

.contact-form-row .phone-number-row,
.webinar-form-container .phone-number-row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex
}

.contact-form-row .phone-number-row div,
.webinar-form-container .phone-number-row div {
    width: 100%
}

.contact-form-row .phone-number-row>div:first-child,
.webinar-form-container .phone-number-row>div:first-child {
    min-width: 85px;
    width: 85px
}

.contact-form-row .required,
.webinar-form-container .required {
    position: relative
}

.contact-form-row .required:after,
.webinar-form-container .required:after {
    position: absolute;
    top: 5px;
    right: 7px;
    display: block;
    font-family: "Montserrat", sans-serif !important;
    font-size: 30px;
    color: #522974;
    content: '*'
}

.floating-form-wrapper {
    padding: 6rem 0
}

@media (min-width: 1200px) {
    .floating-form-wrapper {
        padding: 0;
        display: block;
        position: fixed;
        z-index: 10;
        width: 100%;
        top: 180px;
        right: 0;
        -ms-touch-action: none;
        touch-action: none;
        pointer-events: none
    }
}

@media (min-width: 1200px) {
    .floating-form-wrapper.pinned {
        position: absolute !important
    }
}

.floating-form-wrapper .meeting-item {
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    min-height: 54rem
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
    .floating-form-wrapper .meeting-item-form {
        min-height: 60rem
    }
}

.floating-form-wrapper .floating-form {
    padding: 3rem;
    background: #fff;
    -webkit-box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    border-radius: 3px;
    pointer-events: initial;
    -ms-touch-action: initial;
    touch-action: initial
}

@media (min-width: 1200px) {
    .floating-form-wrapper .floating-form {
        width: 40rem;
        margin-left: auto;
        margin-right: 0;
        padding: 1.5rem
    }
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
    .floating-form-wrapper .floating-form {
        min-height: 60rem
    }
}

.floating-form-wrapper .form-container,
.floating-form-wrapper .contact-form,
.floating-form-wrapper .ajax-contact-form {
    padding: 0 !important;
    background: #fff;
    max-width: none
}

.floating-form-wrapper .webinar-form {
    padding-bottom: 10px
}

@media (min-width: 1200px) {
    .floating-form-wrapper .webinar-form {
        padding-bottom: 0
    }
}

.floating-form-wrapper .webinar-form-row {
    margin-bottom: 15px
}

@media (min-width: 1200px) {
    .floating-form-wrapper .webinar-form-row {
        margin-bottom: 1rem
    }
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {

    .floating-form-wrapper select,
    .floating-form-wrapper select.form-control,
    .floating-form-wrapper textarea,
    .floating-form-wrapper textarea.form-control,
    .floating-form-wrapper input[type='text'],
    .floating-form-wrapper input[type='number'],
    .floating-form-wrapper input[type='email'],
    .floating-form-wrapper input[type='password'],
    .floating-form-wrapper .select2-container .select2-selection--single {
        height: 4rem;
        line-height: 4rem
    }
}

.floating-form-wrapper .checkbox {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex
}

.floating-form-wrapper .checkbox .checkbox {
    margin: 1rem 0 0.5rem 0
}

.floating-form-wrapper .checkbox .checkbox label {
    margin: 0 !important
}

.floating-form-wrapper .form-submit {
    padding-top: 3rem
}

@media (min-width: 1200px) {
    .floating-form-wrapper .form-submit {
        padding-top: 1rem
    }
}

.floating-form-wrapper .form-submit .btn {
    padding: 1.6rem 5rem;
    text-transform: uppercase
}

@media (min-width: 320px) {
    .floating-form-wrapper .form-submit .btn {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {
    .floating-form-wrapper .form-submit .btn {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .floating-form-wrapper .form-submit .btn {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .floating-form-wrapper .form-submit .btn {
        font-size: 2.4rem
    }
}

@media (min-width: 992px) {
    .floating-form-wrapper .form-submit .btn {
        font-size: 2.25rem
    }
}

@media (min-width: 1200px) {
    .floating-form-wrapper .form-submit .btn {
        font-size: 2rem
    }
}

.floating-form-wrapper .phone-number-row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex
}

.floating-form-wrapper .phone-number-row div {
    width: 100%
}

.floating-form-wrapper .phone-number-row>div:first-child {
    min-width: 95px;
    width: 95px
}

.floating-form-wrapper .required {
    position: relative
}

.floating-form-wrapper .required:after {
    content: '*';
    font-size: 40px;
    color: #522974;
    font-family: "Montserrat", sans-serif !important;
    position: absolute;
    top: 50%;
    right: 2rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    padding-top: 16px
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
    .floating-form-wrapper .required:after {
        font-size: 30px;
        line-height: 4rem;
        margin: 2px 0 0;
        right: 10px
    }
}

.ajax-contact-form .webinar-form,
.contact-form .webinar-form {
    padding-bottom: 10px
}

@media (min-width: 1200px) {

    .ajax-contact-form .webinar-form,
    .contact-form .webinar-form {
        padding-bottom: 0
    }
}

.ajax-contact-form .webinar-form-row,
.contact-form .webinar-form-row {
    margin-bottom: 15px
}

@media (min-width: 1200px) {

    .ajax-contact-form .webinar-form-row,
    .contact-form .webinar-form-row {
        margin-bottom: 1rem
    }
}

.ajax-contact-form .checkbox,
.contact-form .checkbox {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex
}

.ajax-contact-form .checkbox .checkbox,
.contact-form .checkbox .checkbox {
    margin: 1rem 0 0.5rem 0
}

.ajax-contact-form .checkbox .checkbox label,
.contact-form .checkbox .checkbox label {
    margin: 0 !important
}

.ajax-contact-form .form-submit,
.contact-form .form-submit {
    padding-top: 3rem;
    text-align: center
}

.ajax-contact-form .form-submit .btn,
.contact-form .form-submit .btn {
    padding: 1.6rem 5rem;
    text-transform: uppercase
}

@media (min-width: 320px) {

    .ajax-contact-form .form-submit .btn,
    .contact-form .form-submit .btn {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {

    .ajax-contact-form .form-submit .btn,
    .contact-form .form-submit .btn {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {

    .ajax-contact-form .form-submit .btn,
    .contact-form .form-submit .btn {
        font-size: 3rem
    }
}

@media (min-width: 768px) {

    .ajax-contact-form .form-submit .btn,
    .contact-form .form-submit .btn {
        font-size: 2.4rem
    }
}

@media (min-width: 992px) {

    .ajax-contact-form .form-submit .btn,
    .contact-form .form-submit .btn {
        font-size: 2.25rem
    }
}

@media (min-width: 1200px) {

    .ajax-contact-form .form-submit .btn,
    .contact-form .form-submit .btn {
        font-size: 2rem
    }
}

.ajax-contact-form .phone-number-row,
.contact-form .phone-number-row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex
}

.ajax-contact-form .phone-number-row div,
.contact-form .phone-number-row div {
    width: 100%
}

.ajax-contact-form .phone-number-row>div:first-child,
.contact-form .phone-number-row>div:first-child {
    min-width: 85px;
    width: 85px
}

.ajax-contact-form .required,
.contact-form .required {
    position: relative
}

.ajax-contact-form .required:after,
.contact-form .required:after {
    position: absolute;
    top: 5px;
    right: 7px;
    display: block;
    font-family: "Montserrat", sans-serif !important;
    font-size: 30px;
    color: #522974;
    content: '*'
}

.partnership-form .required::after {
    margin: 0;
    right: 20px
}

.partnership-form .selectric {
    background-color: #fff;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: clamp(50px, 5rem, 5rem)
}

.meeting-item,
.seminar-item {
    padding: 2.5rem;
    -webkit-box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    background: #fff;
    position: relative;
    overflow: hidden;
    height: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    background-image: url("../img/webinar-preview.html")
}

.meeting-item-title,
.seminar-item-title {
    font-weight: 700;
    color: #522974;
    min-height: 15rem
}

.meeting-item-perex,
.seminar-item-perex {
    padding-top: 2rem;
    padding-bottom: 2rem;
    font-size: 16px
}

.meeting-item-time,
.meeting-item-speaker,
.seminar-item-time,
.seminar-item-speaker {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 0;
    font-weight: 700
}

.meeting-item-time:before,
.meeting-item-speaker:before,
.seminar-item-time:before,
.seminar-item-speaker:before {
    content: '';
    height: 30px;
    width: 30px;
    margin-right: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.meeting-item-time:before,
.seminar-item-time:before {
    background-image: url("../img/akademie-kdy.html")
}

.meeting-item-speaker:before,
.seminar-item-speaker:before {
    background-image: url("../img/ikona-onlyspeaker.html")
}

.meeting-item-btns,
.seminar-item-btns {
    margin: 0 -5px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 1400px) {

    .meeting-item-btns,
    .seminar-item-btns {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.meeting-item-btns .btn-primary,
.seminar-item-btns .btn-primary {
    padding: 1rem 2rem 1rem;
    margin: 5px
}

.meeting-item-btns .btn-default,
.seminar-item-btns .btn-default {
    padding: 1rem 3rem 1rem;
    margin: 5px
}

.meeting-item-btns.center,
.seminar-item-btns.center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.meeting-item .ErrorLabel,
.seminar-item .ErrorLabel {
    padding: 3rem 3rem 0
}

.meeting-item .form-btns,
.seminar-item .form-btns {
    text-align: center
}

.meeting-item .form-btns .form-submit,
.seminar-item .form-btns .form-submit {
    display: inline-block
}

.meeting-item .form-btns .btn,
.seminar-item .form-btns .btn {
    margin: 3px !important;
    padding: 1rem 3rem 1rem
}

.meeting-item-form,
.seminar-item-form {
    background: #fff;
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    -webkit-transform: translateY(200%);
    -ms-transform: translateY(200%);
    transform: translateY(200%);
    -o-transition: all ease-in-out 400ms;
    -webkit-transition: all ease-in-out 400ms;
    transition: all ease-in-out 400ms
}

.meeting-item-form .form-container,
.seminar-item-form .form-container {
    padding: 0
}

.meeting-item-form.confirmed,
.seminar-item-form.confirmed {
    padding: 3rem
}

.meeting-item-form .ajax-contact-form,
.meeting-item-form .contact-form,
.seminar-item-form .ajax-contact-form,
.seminar-item-form .contact-form {
    background: #fff;
    padding: 0.5rem
}

.meeting-item-form .ajax-contact-form .btn,
.meeting-item-form .contact-form .btn,
.seminar-item-form .ajax-contact-form .btn,
.seminar-item-form .contact-form .btn {
    font-size: 16px !important;
    padding: 1rem 2rem 1rem
}

.meeting-item-form .ajax-contact-form .btn-hide-form,
.meeting-item-form .contact-form .btn-hide-form,
.seminar-item-form .ajax-contact-form .btn-hide-form,
.seminar-item-form .contact-form .btn-hide-form {
    font-size: 12px;
    text-align: right;
    display: block;
    text-decoration: none;
    color: #8d8d8d
}

.meeting-item-form .ajax-contact-form .btn-hide-form:hover,
.meeting-item-form .contact-form .btn-hide-form:hover,
.seminar-item-form .ajax-contact-form .btn-hide-form:hover,
.seminar-item-form .contact-form .btn-hide-form:hover {
    color: #2f2f2f
}

.meeting-item-form .ajax-contact-form .form-btns,
.meeting-item-form .contact-form .form-btns,
.seminar-item-form .ajax-contact-form .form-btns,
.seminar-item-form .contact-form .form-btns {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {

    .meeting-item-form .ajax-contact-form .form-btns,
    .meeting-item-form .contact-form .form-btns,
    .seminar-item-form .ajax-contact-form .form-btns,
    .seminar-item-form .contact-form .form-btns {
        padding-top: 0
    }
}

.meeting-item-form .ajax-contact-form .form-submit,
.meeting-item-form .contact-form .form-submit,
.seminar-item-form .ajax-contact-form .form-submit,
.seminar-item-form .contact-form .form-submit {
    padding-top: 0
}

.meeting-item-form .webinar-form-row:last-child,
.seminar-item-form .webinar-form-row:last-child {
    margin-bottom: 0 !important
}

@media (min-width: 320px) {

    .meeting-item-form select,
    .meeting-item-form select.form-control,
    .meeting-item-form textarea,
    .meeting-item-form textarea.form-control,
    .meeting-item-form input[type='text'],
    .meeting-item-form input[type='number'],
    .meeting-item-form input[type='email'],
    .meeting-item-form input[type='password'],
    .meeting-item-form .select2-container .select2-selection--single,
    .seminar-item-form select,
    .seminar-item-form select.form-control,
    .seminar-item-form textarea,
    .seminar-item-form textarea.form-control,
    .seminar-item-form input[type='text'],
    .seminar-item-form input[type='number'],
    .seminar-item-form input[type='email'],
    .seminar-item-form input[type='password'],
    .seminar-item-form .select2-container .select2-selection--single {
        height: 8rem
    }
}

@media (min-width: 480px) {

    .meeting-item-form select,
    .meeting-item-form select.form-control,
    .meeting-item-form textarea,
    .meeting-item-form textarea.form-control,
    .meeting-item-form input[type='text'],
    .meeting-item-form input[type='number'],
    .meeting-item-form input[type='email'],
    .meeting-item-form input[type='password'],
    .meeting-item-form .select2-container .select2-selection--single,
    .seminar-item-form select,
    .seminar-item-form select.form-control,
    .seminar-item-form textarea,
    .seminar-item-form textarea.form-control,
    .seminar-item-form input[type='text'],
    .seminar-item-form input[type='number'],
    .seminar-item-form input[type='email'],
    .seminar-item-form input[type='password'],
    .seminar-item-form .select2-container .select2-selection--single {
        height: 7.27273rem
    }
}

@media (min-width: 545px) {

    .meeting-item-form select,
    .meeting-item-form select.form-control,
    .meeting-item-form textarea,
    .meeting-item-form textarea.form-control,
    .meeting-item-form input[type='text'],
    .meeting-item-form input[type='number'],
    .meeting-item-form input[type='email'],
    .meeting-item-form input[type='password'],
    .meeting-item-form .select2-container .select2-selection--single,
    .seminar-item-form select,
    .seminar-item-form select.form-control,
    .seminar-item-form textarea,
    .seminar-item-form textarea.form-control,
    .seminar-item-form input[type='text'],
    .seminar-item-form input[type='number'],
    .seminar-item-form input[type='email'],
    .seminar-item-form input[type='password'],
    .seminar-item-form .select2-container .select2-selection--single {
        height: 6.66667rem
    }
}

@media (min-width: 768px) {

    .meeting-item-form select,
    .meeting-item-form select.form-control,
    .meeting-item-form textarea,
    .meeting-item-form textarea.form-control,
    .meeting-item-form input[type='text'],
    .meeting-item-form input[type='number'],
    .meeting-item-form input[type='email'],
    .meeting-item-form input[type='password'],
    .meeting-item-form .select2-container .select2-selection--single,
    .seminar-item-form select,
    .seminar-item-form select.form-control,
    .seminar-item-form textarea,
    .seminar-item-form textarea.form-control,
    .seminar-item-form input[type='text'],
    .seminar-item-form input[type='number'],
    .seminar-item-form input[type='email'],
    .seminar-item-form input[type='password'],
    .seminar-item-form .select2-container .select2-selection--single {
        height: 5.33333rem
    }
}

@media (min-width: 992px) {

    .meeting-item-form select,
    .meeting-item-form select.form-control,
    .meeting-item-form textarea,
    .meeting-item-form textarea.form-control,
    .meeting-item-form input[type='text'],
    .meeting-item-form input[type='number'],
    .meeting-item-form input[type='email'],
    .meeting-item-form input[type='password'],
    .meeting-item-form .select2-container .select2-selection--single,
    .seminar-item-form select,
    .seminar-item-form select.form-control,
    .seminar-item-form textarea,
    .seminar-item-form textarea.form-control,
    .seminar-item-form input[type='text'],
    .seminar-item-form input[type='number'],
    .seminar-item-form input[type='email'],
    .seminar-item-form input[type='password'],
    .seminar-item-form .select2-container .select2-selection--single {
        height: 5rem
    }
}

@media (min-width: 320px) {

    .meeting-item-form select,
    .meeting-item-form select.form-control,
    .meeting-item-form textarea,
    .meeting-item-form textarea.form-control,
    .meeting-item-form input[type='text'],
    .meeting-item-form input[type='number'],
    .meeting-item-form input[type='email'],
    .meeting-item-form input[type='password'],
    .meeting-item-form .select2-container .select2-selection--single,
    .seminar-item-form select,
    .seminar-item-form select.form-control,
    .seminar-item-form textarea,
    .seminar-item-form textarea.form-control,
    .seminar-item-form input[type='text'],
    .seminar-item-form input[type='number'],
    .seminar-item-form input[type='email'],
    .seminar-item-form input[type='password'],
    .seminar-item-form .select2-container .select2-selection--single {
        line-height: 8rem
    }
}

@media (min-width: 480px) {

    .meeting-item-form select,
    .meeting-item-form select.form-control,
    .meeting-item-form textarea,
    .meeting-item-form textarea.form-control,
    .meeting-item-form input[type='text'],
    .meeting-item-form input[type='number'],
    .meeting-item-form input[type='email'],
    .meeting-item-form input[type='password'],
    .meeting-item-form .select2-container .select2-selection--single,
    .seminar-item-form select,
    .seminar-item-form select.form-control,
    .seminar-item-form textarea,
    .seminar-item-form textarea.form-control,
    .seminar-item-form input[type='text'],
    .seminar-item-form input[type='number'],
    .seminar-item-form input[type='email'],
    .seminar-item-form input[type='password'],
    .seminar-item-form .select2-container .select2-selection--single {
        line-height: 7.27273rem
    }
}

@media (min-width: 545px) {

    .meeting-item-form select,
    .meeting-item-form select.form-control,
    .meeting-item-form textarea,
    .meeting-item-form textarea.form-control,
    .meeting-item-form input[type='text'],
    .meeting-item-form input[type='number'],
    .meeting-item-form input[type='email'],
    .meeting-item-form input[type='password'],
    .meeting-item-form .select2-container .select2-selection--single,
    .seminar-item-form select,
    .seminar-item-form select.form-control,
    .seminar-item-form textarea,
    .seminar-item-form textarea.form-control,
    .seminar-item-form input[type='text'],
    .seminar-item-form input[type='number'],
    .seminar-item-form input[type='email'],
    .seminar-item-form input[type='password'],
    .seminar-item-form .select2-container .select2-selection--single {
        line-height: 6.66667rem
    }
}

@media (min-width: 768px) {

    .meeting-item-form select,
    .meeting-item-form select.form-control,
    .meeting-item-form textarea,
    .meeting-item-form textarea.form-control,
    .meeting-item-form input[type='text'],
    .meeting-item-form input[type='number'],
    .meeting-item-form input[type='email'],
    .meeting-item-form input[type='password'],
    .meeting-item-form .select2-container .select2-selection--single,
    .seminar-item-form select,
    .seminar-item-form select.form-control,
    .seminar-item-form textarea,
    .seminar-item-form textarea.form-control,
    .seminar-item-form input[type='text'],
    .seminar-item-form input[type='number'],
    .seminar-item-form input[type='email'],
    .seminar-item-form input[type='password'],
    .seminar-item-form .select2-container .select2-selection--single {
        line-height: 5.33333rem
    }
}

@media (min-width: 992px) {

    .meeting-item-form select,
    .meeting-item-form select.form-control,
    .meeting-item-form textarea,
    .meeting-item-form textarea.form-control,
    .meeting-item-form input[type='text'],
    .meeting-item-form input[type='number'],
    .meeting-item-form input[type='email'],
    .meeting-item-form input[type='password'],
    .meeting-item-form .select2-container .select2-selection--single,
    .seminar-item-form select,
    .seminar-item-form select.form-control,
    .seminar-item-form textarea,
    .seminar-item-form textarea.form-control,
    .seminar-item-form input[type='text'],
    .seminar-item-form input[type='number'],
    .seminar-item-form input[type='email'],
    .seminar-item-form input[type='password'],
    .seminar-item-form .select2-container .select2-selection--single {
        line-height: 5rem
    }
}

.meeting-item-form .required:after,
.seminar-item-form .required:after {
    font-size: 30px;
    margin: -2px 0 0;
    right: 10px
}

@media (min-width: 320px) {

    .meeting-item-form .required:after,
    .seminar-item-form .required:after {
        line-height: 6rem
    }
}

@media (min-width: 480px) {

    .meeting-item-form .required:after,
    .seminar-item-form .required:after {
        line-height: 5.45455rem
    }
}

@media (min-width: 545px) {

    .meeting-item-form .required:after,
    .seminar-item-form .required:after {
        line-height: 5rem
    }
}

.meeting-item.open .meeting-item-form,
.meeting-item.open .seminar-item-form,
.seminar-item.open .meeting-item-form,
.seminar-item.open .seminar-item-form {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.meeting-item {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between
}

.seminar-item {
    background-size: 50%;
    background-position: bottom right
}

.seminar-item-title {
    min-height: auto
}

.seminar-item-time:before,
.seminar-item-speaker:before {
    height: 15px;
    width: 15px;
    font-size: 15px;
    background: none !important
}

.seminar-item-time:before {
    content: '\e936'
}

.seminar-item-speaker:before {
    content: '\e956'
}

.seminar-item-btns {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.seminar-item-btns .btn-default {
    background: #fff
}

.seminar-item-btns .btn-default:hover,
.seminar-item-btns .btn-default:focus {
    background: #14ad53
}

.seminar-item .contact-form {
    max-width: none
}

.seminar-item .form-btns {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.seminar-item .webinar-form {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.seminar-item .webinar-form-row {
    width: 100%
}

@media (min-width: 1200px) {
    .seminar-item .webinar-form-row {
        width: 50%;
        padding-left: 5px;
        padding-right: 5px
    }
}

@media (min-width: 1200px) {
    .seminar-item .checkbox {
        padding-left: 5px;
        padding-right: 5px
    }
}

.seminar-item.past {
    color: #afafaf !important
}

.seminar-item.past .seminar-item-title {
    color: #afafaf !important
}

.seminar-item.past .seminar-item-time {
    text-decoration: line-through
}

.webinars-top-image {
    min-height: 74rem;
    padding-top: 3rem;
    margin: auto;
    background: #fff;
    position: relative
}

.webinars-top-image-content {
    position: relative;
    z-index: 4
}

.webinars-top-image-content-inner {
    font-weight: 400
}

@media (min-width: 320px) {
    .webinars-top-image-content-inner {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {
    .webinars-top-image-content-inner {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .webinars-top-image-content-inner {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .webinars-top-image-content-inner {
        font-size: 2.4rem
    }
}

@media (min-width: 992px) {
    .webinars-top-image-content-inner {
        font-size: 2.25rem
    }
}

@media (min-width: 1200px) {
    .webinars-top-image-content-inner {
        font-size: 2rem
    }
}

@media screen and (min-width: 880px) {
    .webinars-top-image-content-inner {
        padding-bottom: 10rem;
        margin-top: 0;
        max-width: 53rem
    }
}

.webinars-top-image-content-inner h1 {
    font-weight: 700;
    color: #522974;
    padding-bottom: 2.5rem;
    max-width: 53rem
}

.webinars-top-image-content-inner strong {
    font-weight: 700
}

.webinars-top-image-content-inner .btn {
    padding: 1.8rem 5rem;
    margin-top: 5rem
}

@media (min-width: 320px) {
    .webinars-top-image-content-inner .btn {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {
    .webinars-top-image-content-inner .btn {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .webinars-top-image-content-inner .btn {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .webinars-top-image-content-inner .btn {
        font-size: 2.4rem
    }
}

.webinars-top-image-photo {
    background-image: url("../img/webinar_top_img-bgr.html");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 80%
}

@media screen and (min-width: 880px) {
    .webinars-top-image-photo {
        position: absolute;
        right: 0rem;
        top: 0rem;
        width: 45%;
        z-index: 3
    }
}

@media (min-width: 1200px) {
    .webinars-top-image-photo {
        width: 55%
    }
}

.webinars-top-image-photo img {
    max-height: 600px
}

.under-webinar-top-image,
.under-ebook-top-image,
.under-seminar-top-image {
    position: relative;
    padding-top: 12rem;
    margin: auto;
    margin-top: 6rem
}

@media screen and (min-width: 880px) {

    .under-webinar-top-image,
    .under-ebook-top-image,
    .under-seminar-top-image {
        padding-top: 5rem
    }
}

.under-webinar-top-image-bgr-object,
.under-ebook-top-image-bgr-object,
.under-seminar-top-image-bgr-object {
    background: url("../img/ben-bgr.html");
    background-position: center !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    position: absolute;
    width: 100%;
    height: 37rem;
    top: 0;
    left: 0
}

@media screen and (min-width: 880px) {

    .under-webinar-top-image-bgr-object,
    .under-ebook-top-image-bgr-object,
    .under-seminar-top-image-bgr-object {
        top: -6rem
    }
}

.under-webinar-top-image-inner,
.under-ebook-top-image-inner,
.under-seminar-top-image-inner {
    max-width: 53rem
}

.under-webinar-top-image .pux-container,
.under-ebook-top-image .pux-container,
.under-seminar-top-image .pux-container {
    position: relative;
    z-index: 2
}

.under-webinar-top-image .pux-container h1,
.under-webinar-top-image .pux-container h2,
.under-webinar-top-image .pux-container h3,
.under-webinar-top-image .pux-container h4,
.under-ebook-top-image .pux-container h1,
.under-ebook-top-image .pux-container h2,
.under-ebook-top-image .pux-container h3,
.under-ebook-top-image .pux-container h4,
.under-seminar-top-image .pux-container h1,
.under-seminar-top-image .pux-container h2,
.under-seminar-top-image .pux-container h3,
.under-seminar-top-image .pux-container h4 {
    padding-bottom: 3.5rem
}

.under-ebook-top-image:after,
.under-seminar-top-image:after {
    content: '';
    position: absolute;
    width: 100%;
    top: 28rem;
    bottom: 0;
    left: 0;
    background: #f8f9fa
}

.under-ebook-top-image .pux-container,
.under-seminar-top-image .pux-container {
    position: relative;
    z-index: 2
}

.under-ebook-top-image .pux-container h3,
.under-seminar-top-image .pux-container h3 {
    padding-bottom: 0.5rem
}

.under-ebook-top-image .form-container,
.under-seminar-top-image .form-container {
    padding-top: 0
}

.under-ebook-top-image .ajax-contact-form,
.under-seminar-top-image .ajax-contact-form {
    padding: 0;
    background: transparent;
    max-width: none
}

.under-seminar-top-image h3 {
    padding-bottom: 3rem !important
}

.lecture-category-row {
    padding-top: 3rem
}

.lecture-category-wrapper {
    padding: 15px;
    width: 100%
}

@media (min-width: 768px) {
    .lecture-category-wrapper {
        min-width: 50%;
        max-width: 50%;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%
    }
}

@media (min-width: 1200px) {
    .lecture-category-wrapper {
        min-width: 25%;
        max-width: 33%;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%
    }
}

@media (min-width: 1200px) {
    .lecture-category-wrapper:nth-child(n+5) {
        max-width: 25%
    }
}

.lecture-category-item {
    padding: 3rem 2rem 3rem 1rem;
    -webkit-box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    background: #fff;
    text-decoration: none !important;
    height: 100%;
    width: 100%;
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex
}

.lecture-category-item-image {
    width: 35%
}

.lecture-category-item-content {
    width: 65%;
    padding-left: 10px
}

.lecture-category-item-content-name {
    font-weight: 700;
    padding-bottom: 1rem
}

@media (min-width: 320px) {
    .lecture-category-item-content-name {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {
    .lecture-category-item-content-name {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .lecture-category-item-content-name {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .lecture-category-item-content-name {
        font-size: 2.4rem
    }
}

@media (min-width: 992px) {
    .lecture-category-item-content-name {
        font-size: 2.25rem
    }
}

@media (min-width: 1200px) {
    .lecture-category-item-content-name {
        font-size: 2rem
    }
}

.lecture-category-item-content-perex {
    padding-bottom: 1rem;
    color: #2f2f2f
}

.lecture-category-item-content-btn {
    width: 100%
}

.lecture-category-item:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 5px;
    background: #522974;
    -o-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms
}

.lecture-category-item.active:after {
    background: #14ad53
}

.lecture-category-item:hover:after,
.lecture-category-item:focus:after {
    background: #14ad53
}

.lecture-category-item:hover .lecture-category-item-content-btn,
.lecture-category-item:focus .lecture-category-item-content-btn {
    background: #14ad53;
    color: #fff
}

.lecture-item {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    padding: 2rem 2rem 2rem 70px
}

.lecture-item:before,
.lecture-item:after {
    top: 20px;
    left: 20px
}

@media (min-width: 1200px) {

    .lecture-item:before,
    .lecture-item:after {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.lecture-item:before {
    top: 28px;
    left: 32px
}

@media (min-width: 1200px) {
    .lecture-item:before {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.lecture-item-inner {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

@media (min-width: 320px) {
    .lecture-item-inner {
        font-size: 3.2rem
    }
}

@media (min-width: 480px) {
    .lecture-item-inner {
        font-size: 2.90909rem
    }
}

@media (min-width: 545px) {
    .lecture-item-inner {
        font-size: 2.66667rem
    }
}

@media (min-width: 768px) {
    .lecture-item-inner {
        font-size: 2.13333rem
    }
}

@media (min-width: 992px) {
    .lecture-item-inner {
        font-size: 2rem
    }
}

@media (min-width: 1200px) {
    .lecture-item-inner {
        font-size: 1.77778rem
    }
}

@media (min-width: 1400px) {
    .lecture-item-inner {
        font-size: 1.6rem
    }
}

.lecture-item-inner-name {
    font-weight: 700;
    width: 100%;
    padding-bottom: 3rem
}

@media (min-width: 768px) {
    .lecture-item-inner-name {
        width: 50%
    }
}

@media (min-width: 1200px) {
    .lecture-item-inner-name {
        width: 20%;
        padding-right: 2rem;
        padding-bottom: 0rem
    }
}

.lecture-item-inner-description {
    width: 100%;
    padding-bottom: 3rem
}

@media (min-width: 768px) {
    .lecture-item-inner-description {
        width: 50%
    }
}

@media (min-width: 1200px) {
    .lecture-item-inner-description {
        width: 50%;
        padding-left: 2rem;
        padding-right: 2rem;
        padding-bottom: 0rem
    }
}

.lecture-item-inner-spec {
    width: 100%;
    padding-bottom: 3rem
}

@media (min-width: 768px) {
    .lecture-item-inner-spec {
        width: 50%
    }
}

@media (min-width: 1200px) {
    .lecture-item-inner-spec {
        width: 20%;
        padding-left: 2rem;
        padding-right: 2rem;
        padding-bottom: 0rem
    }
}

.lecture-item-inner-spec-time,
.lecture-item-inner-spec-video {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.lecture-item-inner-spec-time:before {
    content: '\e940';
    font-size: 16px;
    display: block;
    color: #522974;
    padding-right: 5px
}

.lecture-item-inner-spec-video:before {
    content: '\e963';
    font-size: 8px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #14ad53;
    width: 16px !important;
    height: 16px !important;
    border-radius: 50%;
    color: #fff;
    margin-right: 5px;
    padding-left: 2px
}

.lecture-item-inner-more {
    width: 100%;
    padding-bottom: 3rem
}

@media (min-width: 768px) {
    .lecture-item-inner-more {
        width: 50%
    }
}

@media (min-width: 1200px) {
    .lecture-item-inner-more {
        width: 10%;
        padding-left: 2rem;
        padding-bottom: 0rem
    }
}

.lecture-item-inner-more .btn {
    padding: 0.9rem 1rem
}

.rss-feeds-wrapper {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.rss-feeds-wrapper>div {
    padding: 1rem 2rem;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rss-feeds-wrapper>div:before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    height: 25px;
    width: 35px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../img/RSSall.html")
}

.rss-feeds-wrapper>div:nth-child(2):before {
    background-image: url("../img/RSSnews.html")
}

.rss-feeds-wrapper>div a {
    font-size: 14px;
    text-decoration: none;
    font-weight: bold
}

.rss-feeds-wrapper>div img {
    width: 30px;
    margin-right: 10px
}

.topic-item {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 5rem 0
}

.topic-item-image {
    width: 100%
}

@media (min-width: 768px) {
    .topic-item-image {
        width: 40%
    }
}

.topic-item-inner {
    width: 100%
}

@media (min-width: 768px) {
    .topic-item-inner {
        width: 60%;
        padding-left: 15px
    }
}

.topic-item-inner-title {
    color: #522974;
    font-weight: 700;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    position: relative
}

@media (min-width: 320px) {
    .topic-item-inner-title {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {
    .topic-item-inner-title {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .topic-item-inner-title {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .topic-item-inner-title {
        font-size: 2.4rem
    }
}

@media (min-width: 992px) {
    .topic-item-inner-title {
        font-size: 2.25rem
    }
}

@media (min-width: 1200px) {
    .topic-item-inner-title {
        font-size: 2.2rem
    }
}

@media (min-width: 320px) {
    .topic-item-inner-title {
        line-height: 4rem
    }
}

@media (min-width: 480px) {
    .topic-item-inner-title {
        line-height: 3.63636rem
    }
}

@media (min-width: 545px) {
    .topic-item-inner-title {
        line-height: 3.33333rem
    }
}

@media (min-width: 768px) {
    .topic-item-inner-title {
        line-height: 2.66667rem
    }
}

@media (min-width: 992px) {
    .topic-item-inner-title {
        line-height: 2.5rem
    }
}

@media (min-width: 1200px) {
    .topic-item-inner-title {
        line-height: 2.4rem
    }
}

.topic-item-inner-title:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    width: 40px;
    height: 4px;
    background: #522974
}

.topic-item-inner-lector {
    color: #522974;
    font-weight: 700
}

@media (min-width: 320px) {
    .topic-item-inner-lector {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {
    .topic-item-inner-lector {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .topic-item-inner-lector {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .topic-item-inner-lector {
        font-size: 2.4rem
    }
}

@media (min-width: 992px) {
    .topic-item-inner-lector {
        font-size: 2.25rem
    }
}

@media (min-width: 1200px) {
    .topic-item-inner-lector {
        font-size: 2rem
    }
}

@media (min-width: 320px) {
    .topic-item-inner-lector {
        line-height: 3.6rem
    }
}

@media (min-width: 480px) {
    .topic-item-inner-lector {
        line-height: 3.27273rem
    }
}

@media (min-width: 545px) {
    .topic-item-inner-lector {
        line-height: 3rem
    }
}

@media (min-width: 768px) {
    .topic-item-inner-lector {
        line-height: 2.4rem
    }
}

@media (min-width: 992px) {
    .topic-item-inner-lector {
        line-height: 2.25rem
    }
}

@media (min-width: 1200px) {
    .topic-item-inner-lector {
        line-height: 2rem
    }
}

.topic-item-inner-company {
    font-style: italic
}

.topic-item-inner-btn {
    cursor: pointer;
    margin-top: 15px;
    padding-right: 0px;
    padding-left: 10px
}

.topic-item-inner-btn:after {
    content: '\e92a';
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
    -o-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms
}

.topic-item-inner-btn.active:after {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.about-topic-lector {
    background: #f8f9fa;
    padding: 3rem;
    text-align: center;
    position: relative
}

@media (min-width: 768px) {
    .about-topic-lector {
        padding: 5rem 15rem
    }
}

.about-topic-lector h4 {
    color: #522974;
    font-weight: 700;
    padding-bottom: 3rem
}

.about-topic-lector-btn {
    cursor: pointer;
    position: absolute;
    right: 2.5rem;
    top: 2.5rem;
    width: 22px;
    height: 22px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../img/close-btn.html")
}

.schedule-item {
    min-height: 100px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.schedule-item-content {
    width: 50%;
    text-align: right;
    padding: 1rem 3rem
}

.schedule-item-content-title {
    font-weight: 700
}

.schedule-item-time {
    width: 50%;
    padding: 1rem 3rem
}

.schedule-item-time span {
    display: inline-block;
    padding: 0.75rem 3rem;
    border-radius: 30px;
    background-color: #92b613;
    color: #fff;
    font-weight: 700;
    position: relative
}

.schedule-item-time span:before {
    content: '';
    display: block;
    position: absolute;
    left: -3rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 4rem;
    height: 3px;
    background-color: #92b613
}

.schedule-item:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #92b613;
    width: 2rem
}

.schedule-item:nth-child(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.schedule-item:nth-child(2n) .schedule-item-content {
    text-align: left
}

.schedule-item:nth-child(2n) .schedule-item-time {
    text-align: right
}

.schedule-item:nth-child(2n) .schedule-item-time span:before {
    left: auto;
    right: -3rem
}

.schedule-item:nth-child(4n-6):before,
.schedule-item:nth-child(4n-6) .schedule-item-time span,
.schedule-item:nth-child(4n-6) .schedule-item-time span:before {
    background-color: #0d8d3e
}

.schedule-item:nth-child(4n-5):before,
.schedule-item:nth-child(4n-5) .schedule-item-time span,
.schedule-item:nth-child(4n-5) .schedule-item-time span:before {
    background-color: #375e68
}

.schedule-item:nth-child(4n-4):before,
.schedule-item:nth-child(4n-4) .schedule-item-time span,
.schedule-item:nth-child(4n-4) .schedule-item-time span:before {
    background-color: #582f77
}

.schedule-container {
    padding: 5rem 0 2.5rem
}

.schedule-ending {
    padding: 0 0 6.5rem;
    font-weight: 700
}

.map-container {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.map-container .map-wrapper {
    width: 100%
}

@media (min-width: 768px) {
    .map-container .map-wrapper {
        width: 50%
    }
}

.map-container .map-wrapper iframe {
    width: 100% !important
}

@media (min-width: 768px) {
    .map-container .map-wrapper iframe {
        height: 100% !important
    }
}

.map-container .map-text {
    width: 100%;
    background: #f8f9fa
}

@media (min-width: 768px) {
    .map-container .map-text {
        width: 50%
    }
}

.map-container .map-text-inner {
    padding: 4rem
}

@media (min-width: 768px) {
    .map-container .map-text-inner {
        max-width: 80rem;
        padding-right: 15rem
    }
}

.banner {
    margin: 30px 0;
    border-radius: 8px;
    overflow: hidden
}

.banner-content {
    background: #522974;
    color: #fff;
    padding: 15px;
    position: relative
}

.banner-content * {
    color: inherit
}

.banner-content-cta {
    margin: 40px 0 0
}

.banner-content svg {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 30px;
    fill: #522974;
    -webkit-filter: drop-shadow(10px 5px 8px rgba(82, 41, 116, 0.7));
    filter: drop-shadow(10px 5px 8px rgba(82, 41, 116, 0.7))
}

.banner-image {
    background-size: cover !important;
    background-position: center center;
    background-color: #fff
}

.banner-image:before {
    content: '';
    display: block;
    padding-top: 60%
}

@media (min-width: 545px) {
    .banner-content {
        padding: 30px 40px
    }
}

@media (min-width: 768px) {
    .banner {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex
    }

    .banner-content {
        width: 65%;
        -moz-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto
    }

    .banner-content svg {
        position: absolute;
        top: 0;
        left: 100%;
        width: 30px;
        height: 100%;
        fill: #522974;
        -webkit-filter: drop-shadow(0px 5px 8px rgba(82, 41, 116, 0.7));
        filter: drop-shadow(0px 5px 8px rgba(82, 41, 116, 0.7))
    }

    .banner-image {
        -moz-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        -webkit-box-flex: 1;
        flex: 1 1 auto
    }

    .banner-image:before {
        padding-top: 30%
    }
}

@media (min-width: 992px) {
    .banner-content {
        padding: 50px 40px 50px 60px
    }
}

.under-map-container {
    padding: 5rem 0;
    -webkit-box-shadow: 0 0 40px rgba(48, 85, 103, 0.08);
    box-shadow: 0 0 40px rgba(48, 85, 103, 0.08)
}

.widget-webinar-row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.w-overlay {
    opacity: 0.5 !important
}

.newsletter-item {
    -webkit-box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    background-color: #ffffff;
    padding: 5rem;
    margin: 2rem 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.newsletter-item-content {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 100%
}

@media (min-width: 992px) {
    .newsletter-item-content {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 70%
    }
}

.newsletter-item-content-title {
    font-weight: 700;
    padding-bottom: 3rem
}

.newsletter-item-content-text {
    padding-bottom: 1rem
}

.newsletter-item-content-timing {
    font-style: italic;
    padding-bottom: 4rem
}

.newsletter-item-content-checkbox label {
    padding-left: 95px !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 30px;
    line-height: 1
}

@media (min-width: 320px) {
    .newsletter-item-content-checkbox label {
        font-size: 3.2rem
    }
}

@media (min-width: 480px) {
    .newsletter-item-content-checkbox label {
        font-size: 2.90909rem
    }
}

@media (min-width: 545px) {
    .newsletter-item-content-checkbox label {
        font-size: 2.66667rem
    }
}

@media (min-width: 768px) {
    .newsletter-item-content-checkbox label {
        font-size: 2.13333rem
    }
}

@media (min-width: 992px) {
    .newsletter-item-content-checkbox label {
        font-size: 2rem
    }
}

@media (min-width: 1200px) {
    .newsletter-item-content-checkbox label {
        font-size: 1.8rem
    }
}

.newsletter-item-content-checkbox label:before {
    background-color: #ddeae2 !important;
    width: 80px !important;
    height: 30px !important;
    border-radius: 80px !important;
    border: none !important;
    top: 0 !important;
    left: 0 !important
}

.newsletter-item-content-checkbox label:after {
    content: '' !important;
    background: #fff !important;
    height: 24px !important;
    width: 24px !important;
    top: 3px !important;
    border-radius: 50% !important;
    opacity: 1 !important
}

.newsletter-item-content-checkbox input[type='checkbox']:checked+label:before {
    background-color: #14ad53 !important
}

.newsletter-item-content-checkbox input[type='checkbox']:checked+label:after {
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px)
}

.newsletter-item-image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    padding: 5rem 0 5rem 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 992px) {
    .newsletter-item-image {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 30%;
        -webkit-box-shadow: -20px 0px 20px 0px rgba(40, 42, 39, 0.1);
        box-shadow: -20px 0px 20px 0px rgba(40, 42, 39, 0.1);
        padding: 5rem 0 5rem 5rem;
        margin: -5rem 0 -5rem 0;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-pack: space-between;
        -ms-flex-pack: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.newsletter-item-image img {
    max-width: 30rem;
    margin: auto
}

@media (min-width: 992px) {
    .newsletter-item-image img {
        max-width: 20rem
    }
}

@media (min-width: 1400px) {
    .newsletter-item-image img {
        max-width: 200px
    }
}

.newsletter-item-image a {
    margin-top: 4rem
}

.newsletter-item-small {
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.newsletter-item-small .newsletter-item-content-checkbox {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin: 12px 0 0
}

.newsletter-item-small .newsletter-item-content-checkbox.checkbox input[type='checkbox']+label {
    display: block !important;
    width: 80px;
    height: auto;
    padding: 38px 0 0 !important;
    cursor: pointer;
    text-align: center
}

@media (min-width: 320px) {
    .newsletter-item-small .newsletter-item-content-checkbox.checkbox input[type='checkbox']+label {
        font-size: 2.8rem
    }
}

@media (min-width: 480px) {
    .newsletter-item-small .newsletter-item-content-checkbox.checkbox input[type='checkbox']+label {
        font-size: 2.54545rem
    }
}

@media (min-width: 545px) {
    .newsletter-item-small .newsletter-item-content-checkbox.checkbox input[type='checkbox']+label {
        font-size: 2.33333rem
    }
}

@media (min-width: 768px) {
    .newsletter-item-small .newsletter-item-content-checkbox.checkbox input[type='checkbox']+label {
        font-size: 1.86667rem
    }
}

@media (min-width: 992px) {
    .newsletter-item-small .newsletter-item-content-checkbox.checkbox input[type='checkbox']+label {
        font-size: 1.75rem
    }
}

@media (min-width: 1200px) {
    .newsletter-item-small .newsletter-item-content-checkbox.checkbox input[type='checkbox']+label {
        font-size: 1.55556rem
    }
}

@media (min-width: 1400px) {
    .newsletter-item-small .newsletter-item-content-checkbox.checkbox input[type='checkbox']+label {
        font-size: 1.5rem
    }
}

.newsletter-item-small .newsletter-item-content {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.newsletter-item-small .newsletter-item-content-title {
    padding: 0 0 0.5rem;
    margin: 0
}

@media (min-width: 320px) {
    .newsletter-item-small .newsletter-item-content-title {
        font-size: 3.8rem
    }
}

@media (min-width: 480px) {
    .newsletter-item-small .newsletter-item-content-title {
        font-size: 3.45455rem
    }
}

@media (min-width: 545px) {
    .newsletter-item-small .newsletter-item-content-title {
        font-size: 3.16667rem
    }
}

@media (min-width: 768px) {
    .newsletter-item-small .newsletter-item-content-title {
        font-size: 2.53333rem
    }
}

@media (min-width: 992px) {
    .newsletter-item-small .newsletter-item-content-title {
        font-size: 2.5rem
    }
}

.newsletter-item-small .newsletter-item-content-timing {
    font-style: normal;
    color: #14ad53;
    padding: 0 0 0.5rem;
    display: block
}

@media (min-width: 320px) {
    .newsletter-item-small .newsletter-item-content-timing {
        font-size: 2.8rem
    }
}

@media (min-width: 480px) {
    .newsletter-item-small .newsletter-item-content-timing {
        font-size: 2.54545rem
    }
}

@media (min-width: 545px) {
    .newsletter-item-small .newsletter-item-content-timing {
        font-size: 2.33333rem
    }
}

@media (min-width: 768px) {
    .newsletter-item-small .newsletter-item-content-timing {
        font-size: 1.86667rem
    }
}

@media (min-width: 992px) {
    .newsletter-item-small .newsletter-item-content-timing {
        font-size: 1.75rem
    }
}

@media (min-width: 1200px) {
    .newsletter-item-small .newsletter-item-content-timing {
        font-size: 1.55556rem
    }
}

@media (min-width: 1400px) {
    .newsletter-item-small .newsletter-item-content-timing {
        font-size: 1.5rem
    }
}

.newsletter-item-small .newsletter-item-content-description {
    padding: 0;
    display: inline-block
}

@media (min-width: 320px) {
    .newsletter-item-small .newsletter-item-content-description {
        font-size: 2.8rem
    }
}

@media (min-width: 480px) {
    .newsletter-item-small .newsletter-item-content-description {
        font-size: 2.54545rem
    }
}

@media (min-width: 545px) {
    .newsletter-item-small .newsletter-item-content-description {
        font-size: 2.33333rem
    }
}

@media (min-width: 768px) {
    .newsletter-item-small .newsletter-item-content-description {
        font-size: 1.86667rem
    }
}

@media (min-width: 992px) {
    .newsletter-item-small .newsletter-item-content-description {
        font-size: 1.75rem
    }
}

@media (min-width: 1200px) {
    .newsletter-item-small .newsletter-item-content-description {
        font-size: 1.55556rem
    }
}

@media (min-width: 1400px) {
    .newsletter-item-small .newsletter-item-content-description {
        font-size: 1.5rem
    }
}

.newsletter-item-small .newsletter-item-cta {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin: 12px 0 0
}

@media (min-width: 992px) {
    .newsletter-item-small {
        padding: 20px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .newsletter-item-small .newsletter-item-content-checkbox {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin: 0 0 5px
    }

    .newsletter-item-small .newsletter-item-content {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: auto;
        padding: 0 15px;
        -moz-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        -webkit-box-flex: 1;
        flex: 1 1 auto
    }

    .newsletter-item-small .newsletter-item-cta {
        margin: 0
    }
}

@media (min-width: 1400px) {
    .newsletter-item-small .newsletter-item-content-timing {
        display: inline-block
    }

    .newsletter-item-small .newsletter-item-content-timing+.newsletter-item-content-description:before {
        content: '|';
        display: inline-block;
        vertical-align: middle;
        margin: 0 3px 8px
    }
}

.newsletter-box {
    margin: auto;
    max-width: 775px;
    -webkit-box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    background-color: #ffffff;
    padding: 4rem 5rem
}

@media (min-width: 1400px) {
    .newsletter-box {
        max-width: 900px;
        padding: 4rem 10rem
    }
}

.newsletter-box h1 {
    font-size: 6rem;
    font-weight: bold
}

@media (min-width: 480px) {
    .newsletter-box h1 {
        font-size: 5.45455rem
    }
}

@media (min-width: 545px) {
    .newsletter-box h1 {
        font-size: 5rem
    }
}

@media (min-width: 768px) {
    .newsletter-box h1 {
        font-size: 4rem
    }
}

@media (min-width: 992px) {
    .newsletter-box h1 {
        font-size: 3.75rem
    }
}

@media (min-width: 1200px) {
    .newsletter-box h1 {
        font-size: 3.33333rem
    }
}

@media (min-width: 1400px) {
    .newsletter-box h1 {
        font-size: 3rem
    }
}

.newsletter-box .newsletter-input-row {
    margin: 1.5rem 0 1rem;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.newsletter-box .newsletter-input-row .btn {
    width: 100%;
    height: 60px;
    margin-top: 2rem
}

@media (min-width: 768px) {
    .newsletter-box .newsletter-input-row .btn {
        margin-top: 0;
        width: 35%
    }
}

.newsletter-box .newsletter-input-row .required {
    position: relative;
    width: 100%
}

.newsletter-box .newsletter-input-row .required input {
    height: 60px;
    border: 0;
    -webkit-box-shadow: 0px 2px 12px 0px #00000024;
    box-shadow: 0px 2px 12px 0px #00000024
}

@media (min-width: 768px) {
    .newsletter-box .newsletter-input-row .required {
        width: 65%
    }
}

.newsletter-box .newsletter-input-row .required:after {
    content: '*';
    font-size: 40px;
    color: #522974;
    font-family: "Montserrat", sans-serif !important;
    position: absolute;
    top: 50%;
    right: 2rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    padding-top: 16px
}

.newsletter-box .newsletter-input-row .btn.btn-primary.fake-submit {
    padding: 0;
    margin-top: 0;
    text-transform: none;
    height: 60px;
    line-height: 60px
}

.newsletter-box .form-testid-newsletter-simple-consent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.2;
    padding-top: 10px
}

.newsletter-box .form-testid-newsletter-simple-consent label {
    padding: 0;
    margin: 0;
    cursor: pointer
}

.newsletter-box .form-testid-newsletter-simple-consent .checkbox input[type="checkbox"]+label {
    padding: 0 0 0 30px;
    margin: 0
}

.newsletter-box .newsletter-item-content-checkbox label {
    height: auto !important
}

.newsletter-box .newsletter-item-content-checkbox label p {
    display: block;
    margin-top: 2rem;
    color: #8d8d8d;
    font-size: 14px;
    line-height: 22.5px
}

.newsletter-submit-form {
    margin: 7rem 0 7.5rem
}

.newsletter-submit-form .newsletter-submit-form-row {
    max-width: 670px;
    margin: 0rem 0 2rem;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.newsletter-submit-form .newsletter-submit-form-row .btn {
    width: 100%;
    height: 60px;
    margin-top: 2rem;
    cursor: pointer
}

@media (min-width: 768px) {
    .newsletter-submit-form .newsletter-submit-form-row .btn {
        margin-top: 0;
        width: 45%
    }
}

.newsletter-submit-form .newsletter-submit-form-row .required {
    position: relative;
    width: 100%
}

.newsletter-submit-form .newsletter-submit-form-row .required input {
    height: 60px
}

@media (min-width: 768px) {
    .newsletter-submit-form .newsletter-submit-form-row .required {
        width: 55%;
        padding-right: 3rem
    }
}

.newsletter-submit-form .newsletter-submit-form-row .required:after {
    content: '*';
    font-size: 40px;
    color: #522974;
    font-family: "Montserrat", sans-serif !important;
    position: absolute;
    top: 50%;
    right: 2rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    padding-top: 16px
}

@media (min-width: 768px) {
    .newsletter-submit-form .newsletter-submit-form-row .required:after {
        right: 5rem
    }
}

.check-all {
    padding: 1.8rem 3rem;
    margin-top: 2rem;
    margin-right: 10px
}

@media (min-width: 320px) {
    .check-all {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {
    .check-all {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .check-all {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .check-all {
        font-size: 2.4rem
    }
}

.juicer-feed *:before,
.juicer-feed *:after {
    font-family: 'fontawesome-5-juicer' !important
}

.juicer-feed li:before {
    display: none !important
}

.static-spread-table-wrapper {
    overflow-x: auto
}

.static-spread-table {
    position: relative;
    width: 950px
}

@media (min-width: 1400px) {
    .static-spread-table {
        width: auto
    }
}

.static-spread-table>div {
    position: absolute;
    top: 0;
    left: 350px;
    width: 100px;
    bottom: 0;
    background: #fff;
    -webkit-box-shadow: 0 0 40px rgba(70, 36, 108, 0.15);
    box-shadow: 0 0 40px rgba(70, 36, 108, 0.15);
    z-index: -1
}

@media (min-width: 1400px) {
    .static-spread-table>div {
        left: 30%;
        width: 15%
    }
}

.static-spread-table table thead tr {
    background: transparent
}

.static-spread-table table thead th {
    padding: 1.5rem 2rem;
    background: transparent;
    border: 0;
    text-transform: uppercase;
    text-align: center;
    color: #8d8d8d
}

@media (min-width: 320px) {
    .static-spread-table table thead th {
        font-size: 3rem
    }
}

@media (min-width: 480px) {
    .static-spread-table table thead th {
        font-size: 2.72727rem
    }
}

@media (min-width: 545px) {
    .static-spread-table table thead th {
        font-size: 2.5rem
    }
}

@media (min-width: 768px) {
    .static-spread-table table thead th {
        font-size: 2rem
    }
}

@media (min-width: 992px) {
    .static-spread-table table thead th {
        font-size: 1.875rem
    }
}

@media (min-width: 1200px) {
    .static-spread-table table thead th {
        font-size: 1.66667rem
    }
}

@media (min-width: 1400px) {
    .static-spread-table table thead th {
        font-size: 1.5rem
    }
}

.static-spread-table table thead th:first-child {
    text-align: left
}

.static-spread-table table thead th:last-child {
    padding-left: 3rem;
    text-align: left
}

.static-spread-table table tbody tr:nth-child(odd) {
    background: rgba(242, 244, 246, 0.5)
}

.static-spread-table table tbody tr:first-child .tooltip-box,
.static-spread-table table tbody tr:nth-child(2) .tooltip-box {
    bottom: auto;
    top: 8rem
}

@media (min-width: 1400px) {

    .static-spread-table table tbody tr:first-child .tooltip-box,
    .static-spread-table table tbody tr:nth-child(2) .tooltip-box {
        bottom: auto;
        top: 6rem
    }
}

.static-spread-table table tbody tr:first-child .tooltip-box:after,
.static-spread-table table tbody tr:nth-child(2) .tooltip-box:after {
    border-width: 4rem 0 0 4rem;
    border-color: transparent transparent transparent #582f77;
    top: -4rem
}

.static-spread-table table tbody td {
    text-align: center;
    width: 100px;
    padding: 2rem;
    min-width: 100px;
    border: 0
}

@media (min-width: 1400px) {
    .static-spread-table table tbody td {
        width: 15%;
        min-width: auto
    }
}

.static-spread-table table tbody td:first-child {
    text-align: left;
    width: 350px;
    min-width: 350px;
    padding-left: 90px;
    position: relative
}

@media (min-width: 1400px) {
    .static-spread-table table tbody td:first-child {
        width: 30%;
        min-width: auto
    }
}

.static-spread-table table tbody td:first-child div {
    min-width: 74px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-right: 10px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.static-spread-table table tbody td:first-child div span {
    width: 35px;
    height: 24px;
    margin: 1px;
    display: inline-block;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    font-size: 0 !important;
    vertical-align: middle
}

.static-spread-table table tbody td:first-child div span.EUR {
    background-image: url("../img/swaps/EUR.html")
}

.static-spread-table table tbody td:first-child div span.USD {
    background-image: url("../img/swaps/USD.html")
}

.static-spread-table table tbody td:first-child div span.GBP {
    background-image: url("../img/swaps/GBP.html")
}

.static-spread-table table tbody td:first-child div span.CHF {
    background-image: url("../img/swaps/CHF.html")
}

.static-spread-table table tbody td:first-child div span.JPY {
    background-image: url("../img/swaps/JPY.html")
}

.static-spread-table table tbody td:first-child div span.XAU {
    background-image: url("../img/swaps/XAU.html")
}

.static-spread-table table tbody td:first-child div span.DAX {
    background-image: url("../img/swaps/DAX-2.html")
}

.static-spread-table table tbody td:first-child div span.OIL {
    background-size: contain;
    background-image: url("../img/OIL.html")
}

.static-spread-table table tbody td:first-child,
.static-spread-table table tbody td:nth-child(2) {
    font-weight: 700
}

.static-spread-table table tbody td:last-child {
    padding-left: 3rem;
    width: 300px;
    text-align: left;
    min-width: 300px
}

@media (min-width: 1400px) {
    .static-spread-table table tbody td:last-child {
        width: 25%;
        min-width: auto
    }
}

.static-spread-table table tbody td .purple-label,
.static-spread-table table tbody td .green-label {
    display: inline-block;
    padding: 3px 4px;
    color: #fff;
    font-size: 13px;
    line-height: 13px;
    font-weight: 700
}

.static-spread-table table tbody td .purple-label {
    background: #522974;
    margin-left: 2px
}

.static-spread-table table tbody td .green-label {
    background: #14ad53
}

.static-spread-table table tbody td .tooltip-wrapper {
    display: inline-block;
    position: relative
}

.static-spread-table table tbody td .tooltip-btn {
    margin-left: 3px;
    margin-right: 15px
}

.static-spread-table table tbody td .tooltip-btn:after {
    content: '\e965';
    color: #522974;
    cursor: pointer;
    font-size: 18px
}

.static-spread-table table tbody td .tooltip-box {
    color: #fff
}

.pdf-iframe iframe {
    height: 550px
}

@media (min-width: 768px) {
    .pdf-iframe iframe {
        height: 755px
    }
}

@media (min-width: 992px) {
    .pdf-iframe iframe {
        height: 1115px
    }
}

@media (min-width: 1400px) {
    .pdf-iframe iframe {
        height: 1200px
    }
}

.narrow-container-helper .pux-container {
    max-width: 147rem
}

.benefits-usp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(100% + 30px);
    margin: 2rem -15px 5rem
}

.benefits-usp:has(.benefit-usp-wrap) {
    width: calc(100% + 16px);
    margin: 2rem -8px 5rem
}

.benefit-usp-wrap {
    width: 100%;
    padding: 8px
}

@media (min-width: 992px) {
    .benefit-usp-wrap {
        width: 50%
    }
}

@media (min-width: 1400px) {
    .benefit-usp-wrap {
        width: 33.333%
    }
}

.benefit-usp {
    -webkit-box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    border-radius: 5px;
    background-color: #ffffff;
    height: 100%;
    text-align: center;
    padding: 2rem 2rem 3rem
}

.benefit-usp-image {
    height: 13rem;
    min-height: 130px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.benefit-usp-image img {
    max-width: 100%;
    max-height: 100%
}

.benefit-usp-title {
    color: #522974;
    font-weight: 700;
    margin: 1rem 0
}

@media (min-width: 320px) {
    .benefit-usp-title {
        font-size: 4.4rem
    }
}

@media (min-width: 480px) {
    .benefit-usp-title {
        font-size: 4rem
    }
}

@media (min-width: 545px) {
    .benefit-usp-title {
        font-size: 3.66667rem
    }
}

@media (min-width: 768px) {
    .benefit-usp-title {
        font-size: 2.93333rem
    }
}

@media (min-width: 992px) {
    .benefit-usp-title {
        font-size: 2.75rem
    }
}

@media (min-width: 1200px) {
    .benefit-usp-title {
        font-size: 2.6rem
    }
}

@media (min-width: 320px) {
    .benefit-usp-title {
        line-height: 5.8rem
    }
}

@media (min-width: 480px) {
    .benefit-usp-title {
        line-height: 5.27273rem
    }
}

@media (min-width: 545px) {
    .benefit-usp-title {
        line-height: 4.83333rem
    }
}

@media (min-width: 768px) {
    .benefit-usp-title {
        line-height: 3.86667rem
    }
}

@media (min-width: 992px) {
    .benefit-usp-title {
        line-height: 3.625rem
    }
}

@media (min-width: 1200px) {
    .benefit-usp-title {
        line-height: 3.3rem
    }
}

.benefit-usp-info {
    line-height: 30px;
    font-size: 3.2rem
}

@media (min-width: 480px) {
    .benefit-usp-info {
        font-size: 2.90909rem
    }
}

@media (min-width: 545px) {
    .benefit-usp-info {
        font-size: 2.66667rem
    }
}

@media (min-width: 768px) {
    .benefit-usp-info {
        font-size: 2.13333rem
    }
}

@media (min-width: 992px) {
    .benefit-usp-info {
        font-size: 2rem
    }
}

@media (min-width: 1200px) {
    .benefit-usp-info {
        font-size: 1.77778rem
    }
}

@media (min-width: 1400px) {
    .benefit-usp-info {
        font-size: 1.6rem
    }
}

.register-ctas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 5rem
}

.register-ctas .btn {
    padding: 1.5rem 3rem;
    text-align: center;
    margin: 10px
}

@media (min-width: 545px) {
    .register-ctas .btn {
        min-width: 180px
    }
}

.register-ctas .acc-real {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.register-ctas .acc-real span {
    font-size: 2.6rem;
    color: #6d6d6d;
    display: inline-block;
    margin-top: -5px
}

@media (min-width: 480px) {
    .register-ctas .acc-real span {
        font-size: 2.36364rem
    }
}

@media (min-width: 545px) {
    .register-ctas .acc-real span {
        font-size: 2.16667rem
    }
}

@media (min-width: 768px) {
    .register-ctas .acc-real span {
        font-size: 1.73333rem
    }
}

@media (min-width: 992px) {
    .register-ctas .acc-real span {
        font-size: 1.625rem
    }
}

@media (min-width: 1200px) {
    .register-ctas .acc-real span {
        font-size: 1.44444rem
    }
}

@media (min-width: 1400px) {
    .register-ctas .acc-real span {
        font-size: 1.3rem
    }
}

.testimonials-new {
    margin: 3rem 0
}

.testimonial-new {
    background-color: #f8f9fa;
    padding: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 8rem 0;
    font-style: italic;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 992px) {
    .testimonial-new {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.testimonial-new-photo {
    width: 29rem;
    min-width: 290px;
    margin: -6rem auto 0
}

@media (min-width: 992px) {
    .testimonial-new-photo {
        margin: -6rem 0 -10rem
    }
}

.testimonial-new-content-text {
    padding-left: 3.5rem;
    font-size: 4rem;
    line-height: 5.4rem
}

@media (min-width: 480px) {
    .testimonial-new-content-text {
        font-size: 3.63636rem
    }
}

@media (min-width: 545px) {
    .testimonial-new-content-text {
        font-size: 3.33333rem
    }
}

@media (min-width: 768px) {
    .testimonial-new-content-text {
        font-size: 2.66667rem
    }
}

@media (min-width: 992px) {
    .testimonial-new-content-text {
        font-size: 2.5rem
    }
}

@media (min-width: 1200px) {
    .testimonial-new-content-text {
        font-size: 2.22222rem
    }
}

@media (min-width: 1400px) {
    .testimonial-new-content-text {
        font-size: 2rem
    }
}

@media (min-width: 480px) {
    .testimonial-new-content-text {
        line-height: 4.90909rem
    }
}

@media (min-width: 545px) {
    .testimonial-new-content-text {
        line-height: 4.5rem
    }
}

@media (min-width: 768px) {
    .testimonial-new-content-text {
        line-height: 3.6rem
    }
}

@media (min-width: 992px) {
    .testimonial-new-content-text {
        line-height: 3.375rem
    }
}

@media (min-width: 1200px) {
    .testimonial-new-content-text {
        line-height: 3rem
    }
}

@media (min-width: 1400px) {
    .testimonial-new-content-text {
        line-height: 2.7rem
    }
}

.testimonial-new-content-mid {
    padding-left: 3.5rem;
    margin-top: 1rem
}

.testimonial-new-content-mid strong {
    color: #522974;
    font-weight: 700;
    display: block;
    letter-spacing: -1px
}

@media (min-width: 320px) {
    .testimonial-new-content-mid strong {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {
    .testimonial-new-content-mid strong {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .testimonial-new-content-mid strong {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .testimonial-new-content-mid strong {
        font-size: 2.4rem
    }
}

.testimonial-new-content-mid span {
    font-size: 3rem;
    display: block;
    margin-top: -3px
}

@media (min-width: 480px) {
    .testimonial-new-content-mid span {
        font-size: 2.72727rem
    }
}

@media (min-width: 545px) {
    .testimonial-new-content-mid span {
        font-size: 2.5rem
    }
}

@media (min-width: 768px) {
    .testimonial-new-content-mid span {
        font-size: 2rem
    }
}

@media (min-width: 992px) {
    .testimonial-new-content-mid span {
        font-size: 1.875rem
    }
}

@media (min-width: 1200px) {
    .testimonial-new-content-mid span {
        font-size: 1.66667rem
    }
}

@media (min-width: 1400px) {
    .testimonial-new-content-mid span {
        font-size: 1.5rem
    }
}

@media (min-width: 992px) {
    .testimonial-new:nth-of-type(even) {
        padding-left: 5.5rem
    }

    .testimonial-new:nth-of-type(even) .testimonial-new-photo {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .testimonial-new:nth-of-type(even) .testimonial-new-content {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .testimonial-new:nth-of-type(even) .testimonial-new-content-text {
        padding-left: 0
    }

    .testimonial-new:nth-of-type(even) .testimonial-new-content-mid {
        padding-left: 0;
        text-align: right;
        margin-right: -3rem
    }
}

.vertical-logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center
}

.vertical-logos img {
    margin: 1rem 0
}

@media (min-width: 545px) {
    .vertical-logos {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
}

.textblock-item.card-look {
    margin: 9rem 0;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 992px) {
    .textblock-item.card-look {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media (min-width: 992px) {
    .textblock-item.card-look.image-right .textblock-item-image {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.textblock-item.card-look .textblock-item-content {
    padding: 5rem 6rem;
    font-weight: 300;
    line-height: 6rem;
    font-size: 3.2rem
}

@media (min-width: 480px) {
    .textblock-item.card-look .textblock-item-content {
        line-height: 5.45455rem
    }
}

@media (min-width: 545px) {
    .textblock-item.card-look .textblock-item-content {
        line-height: 5rem
    }
}

@media (min-width: 768px) {
    .textblock-item.card-look .textblock-item-content {
        line-height: 4rem
    }
}

@media (min-width: 992px) {
    .textblock-item.card-look .textblock-item-content {
        line-height: 3.75rem
    }
}

@media (min-width: 1200px) {
    .textblock-item.card-look .textblock-item-content {
        line-height: 3.33333rem
    }
}

@media (min-width: 1400px) {
    .textblock-item.card-look .textblock-item-content {
        line-height: 3rem
    }
}

@media (min-width: 480px) {
    .textblock-item.card-look .textblock-item-content {
        font-size: 2.90909rem
    }
}

@media (min-width: 545px) {
    .textblock-item.card-look .textblock-item-content {
        font-size: 2.66667rem
    }
}

@media (min-width: 768px) {
    .textblock-item.card-look .textblock-item-content {
        font-size: 2.13333rem
    }
}

@media (min-width: 992px) {
    .textblock-item.card-look .textblock-item-content {
        font-size: 2rem
    }
}

@media (min-width: 1200px) {
    .textblock-item.card-look .textblock-item-content {
        font-size: 1.77778rem
    }
}

@media (min-width: 1400px) {
    .textblock-item.card-look .textblock-item-content {
        font-size: 1.6rem
    }
}

.textblock-item.card-look .textblock-item-content h3 {
    font-weight: 700;
    margin-bottom: 2rem
}

@media (min-width: 320px) {
    .textblock-item.card-look .textblock-item-content h3 {
        font-size: 4.4rem
    }
}

@media (min-width: 480px) {
    .textblock-item.card-look .textblock-item-content h3 {
        font-size: 4rem
    }
}

@media (min-width: 545px) {
    .textblock-item.card-look .textblock-item-content h3 {
        font-size: 3.66667rem
    }
}

@media (min-width: 768px) {
    .textblock-item.card-look .textblock-item-content h3 {
        font-size: 2.93333rem
    }
}

@media (min-width: 992px) {
    .textblock-item.card-look .textblock-item-content h3 {
        font-size: 2.75rem
    }
}

@media (min-width: 1200px) {
    .textblock-item.card-look .textblock-item-content h3 {
        font-size: 2.6rem
    }
}

.textblock-item.card-look .textblock-item-content .btn {
    margin-top: 2.5rem;
    padding: 1.5rem 4.5rem
}

.textblock-item.card-look .textblock-item-content ul {
    margin: 1.5rem 0 0
}

.textblock-item.card-look .textblock-item-content ul li {
    margin: 0.2rem;
    padding-left: 16px
}

.textblock-item.card-look .textblock-item-content ul li:before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #522974;
    top: 10px
}

.textblock-item.card-look .textblock-item-image {
    padding: 0 3rem;
    text-align: center;
    display: block;
    min-width: 100%
}

.textblock-item.card-look .textblock-item-image img {
    position: relative;
    top: 0;
    right: initial;
    width: auto !important;
    height: auto !important;
    display: inline-block;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.textblock-item.card-look .textblock-item-image.negative-margin img {
    -webkit-transform: translateY(-4rem);
    -ms-transform: translateY(-4rem);
    transform: translateY(-4rem)
}

@media (min-width: 992px) {
    .textblock-item.card-look .textblock-item-image.text-overlap {
        margin-left: -16%
    }
}

@media (min-width: 992px) {
    .textblock-item.card-look .textblock-item-image {
        min-width: 41rem
    }
}

.modal table tr {
    background: transparent !important;
    border-bottom: 1px solid #c4c4c4
}

.modal table tr:last-child {
    border-bottom: 0 !important
}

.modal table td {
    border: 0 !important;
    text-align: center !important;
    padding: 3rem 1rem !important
}

.dg-attribution__links li:before {
    display: none
}

.news-container {
    position: relative;
    margin: 3rem 0 4rem 0;
    background-color: #fff;
    border-radius: 1rem;
    -webkit-box-shadow: 0 0 50px rgba(150, 90, 255, 0.16);
    box-shadow: 0 0 50px rgba(150, 90, 255, 0.16);
    overflow: hidden
}

.news-container .news-large-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 15px;
    padding: 35px
}

@media (min-width: 992px) {
    .news-container .news-large-item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 30px
    }
}

.news-container .news-large-item .news-large-item-content {
    width: 100%
}

@media (min-width: 992px) {
    .news-container .news-large-item .news-large-item-content {
        width: calc(50% - 30px)
    }
}

@media (min-width: 1400px) {
    .news-container .news-large-item .news-large-item-content {
        width: calc(34% - 30px)
    }
}

.news-container .news-large-item .news-large-item-content h3 {
    margin-bottom: 1.2rem;
    line-height: 1.2
}

.news-container .news-large-item .news-large-item-content .perex {
    padding: 10px 0 0 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4
}

.news-container .news-large-item .news-large-item-content .perex .btn-segment-wrap {
    padding-top: 30px
}

.news-container .news-large-item .news-large-item-image {
    width: 100%;
    border-radius: 5px;
    overflow: hidden
}

@media (min-width: 992px) {
    .news-container .news-large-item .news-large-item-image {
        width: 50%;
        height: auto;
        border-radius: 15px
    }
}

@media (min-width: 1400px) {
    .news-container .news-large-item .news-large-item-image {
        width: 66%
    }
}

.news-container .news-large-item .news-large-item-image img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 16 / 9
}

@media (min-width: 992px) {
    .news-container .news-large-item .news-large-item-image img {
        height: 100% !important;
        aspect-ratio: auto
    }
}

.news-container .news-strip {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: 1fr;
    gap: 30px
}

@media (min-width: 992px) {
    .news-container .news-strip {
        grid-auto-flow: column;
        grid-template-columns: repeat(3, 1fr);
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        gap: 0
    }
}

.news-container .news-strip .news-strip-item {
    display: grid;
    grid-template-areas: "itemLabel"
        "itemImage"
        "itemContent";
    grid-template-rows: 33px auto 1fr;
    gap: 10px;
    padding: 20px 35px 35px 35px;
    text-decoration: none
}

@media (min-width: 992px) {
    .news-container .news-strip .news-strip-item:nth-child(1) {
        border-top-right-radius: 10px
    }

    .news-container .news-strip .news-strip-item:nth-child(2) {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px
    }

    .news-container .news-strip .news-strip-item:nth-child(3) {
        border-top-left-radius: 10px
    }

    .news-container .news-strip .news-strip-item:hover {
        background: #f9f7fa
    }
}

@media (min-width: 1400px) {
    .news-container .news-strip .news-strip-item {
        grid-template-areas: "itemLabel itemLabel"
            "itemContent itemImage";
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        grid-template-columns: auto 45%;
        grid-template-rows: 33px 1fr
    }
}

.news-container .news-strip .news-strip-label {
    grid-area: itemLabel
}

.news-container .news-strip .news-strip-label>.label-actual {
    display: block;
    overflow: hidden;
    max-width: calc(100% + 45px);
    padding-right: 35px;
    margin-right: -45px
}

.news-container .news-strip .news-strip-label>.label-actual>div {
    display: inline-block;
    max-width: 100%;
    background: -webkit-gradient(linear, left top, right top, color-stop(11.12%, rgba(255, 255, 255, 0.9)), color-stop(394.77%, rgba(143, 100, 214, 0.9)));
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0.9) 11.12%, rgba(143, 100, 214, 0.9) 394.77%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 11.12%, rgba(143, 100, 214, 0.9) 394.77%);
    -webkit-transform: skewX(45deg);
    -ms-transform: skewX(45deg);
    transform: skewX(45deg);
    margin-left: -45px
}

.news-container .news-strip .news-strip-label>.label-actual>div>div {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%;
    gap: 10px;
    padding: 5px 30px 5px 60px;
    -webkit-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    transform: skewX(-45deg)
}

.news-container .news-strip .news-strip-label>.label-actual>div>div>span {
    display: block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 3rem;
    font-weight: 600;
    color: #522974
}

@media (min-width: 480px) {
    .news-container .news-strip .news-strip-label>.label-actual>div>div>span {
        font-size: 2.72727rem
    }
}

@media (min-width: 545px) {
    .news-container .news-strip .news-strip-label>.label-actual>div>div>span {
        font-size: 2.5rem
    }
}

@media (min-width: 768px) {
    .news-container .news-strip .news-strip-label>.label-actual>div>div>span {
        font-size: 2rem
    }
}

@media (min-width: 992px) {
    .news-container .news-strip .news-strip-label>.label-actual>div>div>span {
        font-size: 1.875rem
    }
}

@media (min-width: 1200px) {
    .news-container .news-strip .news-strip-label>.label-actual>div>div>span {
        font-size: 1.66667rem
    }
}

@media (min-width: 1400px) {
    .news-container .news-strip .news-strip-label>.label-actual>div>div>span {
        font-size: 1.5rem
    }
}

.news-container .news-strip .news-strip-content {
    grid-area: itemContent
}

.news-container .news-strip .news-strip-content .news-strip-content-title {
    margin-bottom: 10px;
    line-height: 1.4;
    font-size: 3rem;
    font-weight: 700;
    color: #522974
}

@media (min-width: 480px) {
    .news-container .news-strip .news-strip-content .news-strip-content-title {
        font-size: 2.72727rem
    }
}

@media (min-width: 545px) {
    .news-container .news-strip .news-strip-content .news-strip-content-title {
        font-size: 2.5rem
    }
}

@media (min-width: 768px) {
    .news-container .news-strip .news-strip-content .news-strip-content-title {
        font-size: 2rem
    }
}

@media (min-width: 992px) {
    .news-container .news-strip .news-strip-content .news-strip-content-title {
        font-size: 1.875rem
    }
}

@media (min-width: 1200px) {
    .news-container .news-strip .news-strip-content .news-strip-content-title {
        font-size: 1.66667rem
    }
}

@media (min-width: 1400px) {
    .news-container .news-strip .news-strip-content .news-strip-content-title {
        font-size: 1.5rem
    }
}

.news-container .news-strip .news-strip-content .news-strip-content-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -o-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms;
    line-height: 1.4;
    font-size: 3rem;
    font-weight: 500;
    color: #522974
}

@media (min-width: 480px) {
    .news-container .news-strip .news-strip-content .news-strip-content-link {
        font-size: 2.72727rem
    }
}

@media (min-width: 545px) {
    .news-container .news-strip .news-strip-content .news-strip-content-link {
        font-size: 2.5rem
    }
}

@media (min-width: 768px) {
    .news-container .news-strip .news-strip-content .news-strip-content-link {
        font-size: 2rem
    }
}

@media (min-width: 992px) {
    .news-container .news-strip .news-strip-content .news-strip-content-link {
        font-size: 1.875rem
    }
}

@media (min-width: 1200px) {
    .news-container .news-strip .news-strip-content .news-strip-content-link {
        font-size: 1.66667rem
    }
}

@media (min-width: 1400px) {
    .news-container .news-strip .news-strip-content .news-strip-content-link {
        font-size: 1.5rem
    }
}

.news-container .news-strip .news-strip-content .news-strip-content-link .circle-arrow {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #522974;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    line-height: 1;
    -o-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms
}

.news-container .news-strip .news-strip-content .news-strip-content-link .circle-arrow::after {
    display: block;
    font-size: 10px;
    color: white;
    content: '\e980'
}

@media (min-width: 992px) {
    .news-container .news-strip .news-strip-item:hover .news-strip-content .news-strip-content-link {
        color: #14AD53
    }

    .news-container .news-strip .news-strip-item:hover .news-strip-content .news-strip-content-link .circle-arrow {
        background: #14AD53
    }
}

.news-container .news-strip .news-strip-image {
    grid-area: itemImage;
    position: relative;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    -o-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms
}

.news-container .news-strip .news-strip-image img {
    width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 5px;
    aspect-ratio: 16 / 9
}

.select2-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

@media (min-width: 768px) {
    .flat-country .select2-container {
        max-width: 450px
    }
}

@media (min-width: 1200px) {
    .flat-country .select2-container {
        max-width: 250px
    }
}

.select2-container .select2-selection--single {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    width: 100%;
    padding: 0 1.5rem;
    border: 1px solid #d5d5d5;
    background: #efefef;
    color: #2f2f2f;
    margin: 0;
    font-size: 3rem;
    border-radius: 0
}

@media (min-width: 320px) {
    .select2-container .select2-selection--single {
        height: 8rem
    }
}

@media (min-width: 480px) {
    .select2-container .select2-selection--single {
        height: 7.27273rem
    }
}

@media (min-width: 545px) {
    .select2-container .select2-selection--single {
        height: 6.66667rem
    }
}

@media (min-width: 768px) {
    .select2-container .select2-selection--single {
        height: 6rem
    }
}

@media (min-width: 320px) {
    .select2-container .select2-selection--single {
        line-height: 8rem
    }
}

@media (min-width: 480px) {
    .select2-container .select2-selection--single {
        line-height: 7.27273rem
    }
}

@media (min-width: 545px) {
    .select2-container .select2-selection--single {
        line-height: 6.66667rem
    }
}

@media (min-width: 768px) {
    .select2-container .select2-selection--single {
        line-height: 6rem
    }
}

@media (min-width: 480px) {
    .select2-container .select2-selection--single {
        font-size: 2.72727rem
    }
}

@media (min-width: 545px) {
    .select2-container .select2-selection--single {
        font-size: 2.5rem
    }
}

@media (min-width: 768px) {
    .select2-container .select2-selection--single {
        font-size: 2rem
    }
}

@media (min-width: 992px) {
    .select2-container .select2-selection--single {
        font-size: 1.875rem
    }
}

@media (min-width: 1200px) {
    .select2-container .select2-selection--single {
        font-size: 1.66667rem
    }
}

@media (min-width: 1400px) {
    .select2-container .select2-selection--single {
        font-size: 1.5rem
    }
}

.select2-container .select2-selection--single::-webkit-input-placeholder {
    color: #8c8b8b
}

.select2-container .select2-selection--single:-moz-placeholder {
    color: #8c8b8b
}

.select2-container .select2-selection--single::-moz-placeholder {
    color: #8c8b8b
}

.select2-container .select2-selection--single:-ms-input-placeholder {
    color: #8c8b8b
}

.select2-container .select2-selection--single:focus {
    outline: 0
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir='rtl'] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #d5d5d5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 0.5em 1rem;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    font-size: 3.2rem
}

@media (min-width: 480px) {
    .select2-results__option {
        font-size: 2.90909rem
    }
}

@media (min-width: 545px) {
    .select2-results__option {
        font-size: 2.66667rem
    }
}

@media (min-width: 768px) {
    .select2-results__option {
        font-size: 2.13333rem
    }
}

@media (min-width: 992px) {
    .select2-results__option {
        font-size: 2rem
    }
}

@media (min-width: 1200px) {
    .select2-results__option {
        font-size: 1.77778rem
    }
}

@media (min-width: 1400px) {
    .select2-results__option {
        font-size: 1.6rem
    }
}

.select2-results__option:nth-child(odd) {
    background: #ededed
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 0.5rem 2rem
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute;
    display: block;
    right: 1.5rem;
    top: 0;
    width: 15px;
    height: 100%;
    text-align: center;
    font-size: 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #522974 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir='rtl'] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir='rtl'] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #522974 transparent;
    border-width: 0 5px 5px 5px
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-search--inline {
    float: right
}

.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #d5d5d5;
    outline: 0 !important
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role='group'] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled='true'] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected='true'] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #e3e3e3
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -o-linear-gradient(top, white 50%, #eee 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, white), to(#eee));
    background-image: linear-gradient(to bottom, white 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#ccc));
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir='rtl'] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir='rtl'] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -o-linear-gradient(top, white 0%, #eee 50%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #eee));
    background-image: linear-gradient(to bottom, white 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -o-linear-gradient(top, #eee 50%, white 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(white));
    background-image: linear-gradient(to bottom, #eee 50%, white 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir='rtl'] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir='rtl'] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: white;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role='group'] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled='true'] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: white
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

.form-country .select2-container .select2-selection--single {
    padding: 0 2rem
}

.form-country .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 2.2rem
}

.site-footer-newsletter {
    padding: 3rem 0;
    background: #F8F9FA
}

.site-footer-newsletter .site-footer-newsletter-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 3rem;
    background: white;
    -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.14);
    border-radius: 10px
}

@media (min-width: 1400px) {
    .site-footer-newsletter .site-footer-newsletter-area {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.site-footer-newsletter .site-footer-newsletter-area>.area-texts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 3rem
}

@media (min-width: 1400px) {
    .site-footer-newsletter .site-footer-newsletter-area>.area-texts {
        width: 50%;
        padding-bottom: 0
    }
}

.site-footer-newsletter .site-footer-newsletter-area>.area-texts>.texts-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 65px;
    height: 65px;
    line-height: 65px
}

.site-footer-newsletter .site-footer-newsletter-area>.area-texts>.texts-icon:before {
    font-size: 65px;
    color: #522974;
    content: '\e96f'
}

.site-footer-newsletter .site-footer-newsletter-area>.area-texts>.texts-inner {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 1rem 2rem
}

@media (min-width: 1400px) {
    .site-footer-newsletter .site-footer-newsletter-area>.area-texts>.texts-inner {
        padding: 1rem 6rem 1rem 2rem
    }
}

.site-footer-newsletter .site-footer-newsletter-area>.area-texts>.texts-inner>.texts-title {
    padding: 0 0 0.5rem 0;
    margin: 0;
    font-size: 3.6rem;
    font-weight: 500;
    color: #522974
}

@media (min-width: 480px) {
    .site-footer-newsletter .site-footer-newsletter-area>.area-texts>.texts-inner>.texts-title {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .site-footer-newsletter .site-footer-newsletter-area>.area-texts>.texts-inner>.texts-title {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .site-footer-newsletter .site-footer-newsletter-area>.area-texts>.texts-inner>.texts-title {
        font-size: 2.4rem
    }
}

@media (min-width: 992px) {
    .site-footer-newsletter .site-footer-newsletter-area>.area-texts>.texts-inner>.texts-title {
        font-size: 2.25rem
    }
}

@media (min-width: 1200px) {
    .site-footer-newsletter .site-footer-newsletter-area>.area-texts>.texts-inner>.texts-title {
        font-size: 2rem
    }
}

@media (min-width: 1400px) {
    .site-footer-newsletter .site-footer-newsletter-area>.area-texts>.texts-inner>.texts-title {
        font-size: 1.8rem
    }
}

@media (min-width: 992px) {
    .site-footer-newsletter .site-footer-newsletter-area>.area-texts>.texts-inner>.texts-title {
        font-size: 4.8rem
    }
}

@media (min-width: 992px) and (min-width: 480px) {
    .site-footer-newsletter .site-footer-newsletter-area>.area-texts>.texts-inner>.texts-title {
        font-size: 4.36364rem
    }
}

@media (min-width: 992px) and (min-width: 545px) {
    .site-footer-newsletter .site-footer-newsletter-area>.area-texts>.texts-inner>.texts-title {
        font-size: 4rem
    }
}

@media (min-width: 992px) and (min-width: 768px) {
    .site-footer-newsletter .site-footer-newsletter-area>.area-texts>.texts-inner>.texts-title {
        font-size: 3.2rem
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .site-footer-newsletter .site-footer-newsletter-area>.area-texts>.texts-inner>.texts-title {
        font-size: 3rem
    }
}

@media (min-width: 992px) and (min-width: 1200px) {
    .site-footer-newsletter .site-footer-newsletter-area>.area-texts>.texts-inner>.texts-title {
        font-size: 2.66667rem
    }
}

@media (min-width: 992px) and (min-width: 1400px) {
    .site-footer-newsletter .site-footer-newsletter-area>.area-texts>.texts-inner>.texts-title {
        font-size: 2.4rem
    }
}

.site-footer-newsletter .site-footer-newsletter-area>.area-texts>.texts-inner>p {
    padding: 0;
    margin: 0;
    line-height: 1.3;
    font-size: 2.8rem;
    color: #595959
}

@media (min-width: 480px) {
    .site-footer-newsletter .site-footer-newsletter-area>.area-texts>.texts-inner>p {
        font-size: 2.54545rem
    }
}

@media (min-width: 545px) {
    .site-footer-newsletter .site-footer-newsletter-area>.area-texts>.texts-inner>p {
        font-size: 2.33333rem
    }
}

@media (min-width: 768px) {
    .site-footer-newsletter .site-footer-newsletter-area>.area-texts>.texts-inner>p {
        font-size: 1.86667rem
    }
}

@media (min-width: 992px) {
    .site-footer-newsletter .site-footer-newsletter-area>.area-texts>.texts-inner>p {
        font-size: 1.75rem
    }
}

@media (min-width: 1200px) {
    .site-footer-newsletter .site-footer-newsletter-area>.area-texts>.texts-inner>p {
        font-size: 1.55556rem
    }
}

@media (min-width: 1400px) {
    .site-footer-newsletter .site-footer-newsletter-area>.area-texts>.texts-inner>p {
        font-size: 1.4rem
    }
}

@media (min-width: 992px) {
    .site-footer-newsletter .site-footer-newsletter-area>.area-texts>.texts-inner>p {
        font-size: 3.2rem
    }
}

@media (min-width: 992px) and (min-width: 480px) {
    .site-footer-newsletter .site-footer-newsletter-area>.area-texts>.texts-inner>p {
        font-size: 2.90909rem
    }
}

@media (min-width: 992px) and (min-width: 545px) {
    .site-footer-newsletter .site-footer-newsletter-area>.area-texts>.texts-inner>p {
        font-size: 2.66667rem
    }
}

@media (min-width: 992px) and (min-width: 768px) {
    .site-footer-newsletter .site-footer-newsletter-area>.area-texts>.texts-inner>p {
        font-size: 2.13333rem
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .site-footer-newsletter .site-footer-newsletter-area>.area-texts>.texts-inner>p {
        font-size: 2rem
    }
}

@media (min-width: 992px) and (min-width: 1200px) {
    .site-footer-newsletter .site-footer-newsletter-area>.area-texts>.texts-inner>p {
        font-size: 1.77778rem
    }
}

@media (min-width: 992px) and (min-width: 1400px) {
    .site-footer-newsletter .site-footer-newsletter-area>.area-texts>.texts-inner>p {
        font-size: 1.6rem
    }
}

@media (min-width: 1400px) {
    .site-footer-newsletter .site-footer-newsletter-area .area-form {
        width: 50%
    }
}

.site-footer-newsletter .site-footer-newsletter-area .area-form .form-container {
    padding: 0;
    margin: 0
}

.site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside .form-testid-input {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="text"],
.site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="email"] {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 9rem;
    border: 0;
    background: white;
    -webkit-box-shadow: 0px 2.32065px 12.1834px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 2.32065px 12.1834px rgba(0, 0, 0, 0.14);
    font-size: 2.8rem
}

@media (min-width: 480px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="text"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="email"] {
        height: 8.18182rem
    }
}

@media (min-width: 545px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="text"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="email"] {
        height: 7.5rem
    }
}

@media (min-width: 768px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="text"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="email"] {
        height: 6rem
    }
}

@media (min-width: 992px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="text"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="email"] {
        height: 5.625rem
    }
}

@media (min-width: 1200px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="text"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="email"] {
        height: 5rem
    }
}

@media (min-width: 1400px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="text"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="email"] {
        height: 4.5rem
    }
}

@media (min-width: 480px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="text"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="email"] {
        font-size: 2.54545rem
    }
}

@media (min-width: 545px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="text"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="email"] {
        font-size: 2.33333rem
    }
}

@media (min-width: 768px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="text"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="email"] {
        font-size: 1.86667rem
    }
}

@media (min-width: 992px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="text"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="email"] {
        font-size: 1.75rem
    }
}

@media (min-width: 1200px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="text"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="email"] {
        font-size: 1.55556rem
    }
}

@media (min-width: 1400px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="text"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="email"] {
        font-size: 1.4rem
    }
}

@media (min-width: 992px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="text"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="email"] {
        height: 11rem;
        font-size: 3.6rem
    }
}

@media (min-width: 992px) and (min-width: 480px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="text"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="email"] {
        height: 10rem
    }
}

@media (min-width: 992px) and (min-width: 545px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="text"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="email"] {
        height: 9.16667rem
    }
}

@media (min-width: 992px) and (min-width: 768px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="text"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="email"] {
        height: 7.33333rem
    }
}

@media (min-width: 992px) and (min-width: 992px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="text"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="email"] {
        height: 6.875rem
    }
}

@media (min-width: 992px) and (min-width: 1200px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="text"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="email"] {
        height: 6.11111rem
    }
}

@media (min-width: 992px) and (min-width: 1400px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="text"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="email"] {
        height: 5.5rem
    }
}

@media (min-width: 992px) and (min-width: 480px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="text"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="email"] {
        font-size: 3.27273rem
    }
}

@media (min-width: 992px) and (min-width: 545px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="text"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="email"] {
        font-size: 3rem
    }
}

@media (min-width: 992px) and (min-width: 768px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="text"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="email"] {
        font-size: 2.4rem
    }
}

@media (min-width: 992px) and (min-width: 992px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="text"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="email"] {
        font-size: 2.25rem
    }
}

@media (min-width: 992px) and (min-width: 1200px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="text"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="email"] {
        font-size: 2rem
    }
}

@media (min-width: 992px) and (min-width: 1400px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="text"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="email"] {
        font-size: 1.8rem
    }
}

.site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="submit"],
.site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside .btn-primary.fake-submit {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 9rem;
    margin: 0;
    border: 0;
    border-radius: 3px;
    background: #14AD53;
    text-transform: none;
    font-size: 2.8rem;
    color: white;
    cursor: pointer
}

@media (min-width: 480px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="submit"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside .btn-primary.fake-submit {
        height: 8.18182rem
    }
}

@media (min-width: 545px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="submit"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside .btn-primary.fake-submit {
        height: 7.5rem
    }
}

@media (min-width: 768px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="submit"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside .btn-primary.fake-submit {
        height: 6rem
    }
}

@media (min-width: 992px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="submit"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside .btn-primary.fake-submit {
        height: 5.625rem
    }
}

@media (min-width: 1200px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="submit"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside .btn-primary.fake-submit {
        height: 5rem
    }
}

@media (min-width: 1400px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="submit"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside .btn-primary.fake-submit {
        height: 4.5rem
    }
}

@media (min-width: 480px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="submit"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside .btn-primary.fake-submit {
        font-size: 2.54545rem
    }
}

@media (min-width: 545px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="submit"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside .btn-primary.fake-submit {
        font-size: 2.33333rem
    }
}

@media (min-width: 768px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="submit"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside .btn-primary.fake-submit {
        font-size: 1.86667rem
    }
}

@media (min-width: 992px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="submit"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside .btn-primary.fake-submit {
        font-size: 1.75rem
    }
}

@media (min-width: 1200px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="submit"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside .btn-primary.fake-submit {
        font-size: 1.55556rem
    }
}

@media (min-width: 1400px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="submit"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside .btn-primary.fake-submit {
        font-size: 1.4rem
    }
}

@media (min-width: 992px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="submit"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside .btn-primary.fake-submit {
        height: 11rem;
        font-size: 3.6rem
    }
}

@media (min-width: 992px) and (min-width: 480px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="submit"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside .btn-primary.fake-submit {
        height: 10rem
    }
}

@media (min-width: 992px) and (min-width: 545px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="submit"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside .btn-primary.fake-submit {
        height: 9.16667rem
    }
}

@media (min-width: 992px) and (min-width: 768px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="submit"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside .btn-primary.fake-submit {
        height: 7.33333rem
    }
}

@media (min-width: 992px) and (min-width: 992px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="submit"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside .btn-primary.fake-submit {
        height: 6.875rem
    }
}

@media (min-width: 992px) and (min-width: 1200px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="submit"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside .btn-primary.fake-submit {
        height: 6.11111rem
    }
}

@media (min-width: 992px) and (min-width: 1400px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="submit"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside .btn-primary.fake-submit {
        height: 5.5rem
    }
}

@media (min-width: 992px) and (min-width: 480px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="submit"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside .btn-primary.fake-submit {
        font-size: 3.27273rem
    }
}

@media (min-width: 992px) and (min-width: 545px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="submit"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside .btn-primary.fake-submit {
        font-size: 3rem
    }
}

@media (min-width: 992px) and (min-width: 768px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="submit"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside .btn-primary.fake-submit {
        font-size: 2.4rem
    }
}

@media (min-width: 992px) and (min-width: 992px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="submit"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside .btn-primary.fake-submit {
        font-size: 2.25rem
    }
}

@media (min-width: 992px) and (min-width: 1200px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="submit"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside .btn-primary.fake-submit {
        font-size: 2rem
    }
}

@media (min-width: 992px) and (min-width: 1400px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="submit"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside .btn-primary.fake-submit {
        font-size: 1.8rem
    }
}

@media (min-width: 1400px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="submit"],
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside .btn-primary.fake-submit {
        width: 20rem
    }
}

.site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="submit"]:hover,
.site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside .btn-primary.fake-submit:hover {
    background: #0f7f3d
}

.site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside input[type="submit"]:active,
.site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-inside .btn-primary.fake-submit:active {
    background: #095227
}

.site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-check span.form-gdpr>label {
    padding-left: 10px;
    margin-top: 10px
}

.site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-check label {
    cursor: pointer
}

.site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-check>label,
.site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-check div.checkbox-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-check>label>input,
.site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-check div.checkbox-footer>input {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 1rem
}

.site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-check>label>span,
.site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-check>label>label>span,
.site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-check div.checkbox-footer>span,
.site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-check div.checkbox-footer>label>span {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 2.4rem
}

@media (min-width: 480px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-check>label>span,
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-check>label>label>span,
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-check div.checkbox-footer>span,
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-check div.checkbox-footer>label>span {
        font-size: 2.18182rem
    }
}

@media (min-width: 545px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-check>label>span,
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-check>label>label>span,
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-check div.checkbox-footer>span,
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-check div.checkbox-footer>label>span {
        font-size: 2rem
    }
}

@media (min-width: 768px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-check>label>span,
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-check>label>label>span,
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-check div.checkbox-footer>span,
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-check div.checkbox-footer>label>span {
        font-size: 1.6rem
    }
}

@media (min-width: 992px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-check>label>span,
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-check>label>label>span,
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-check div.checkbox-footer>span,
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-check div.checkbox-footer>label>span {
        font-size: 1.5rem
    }
}

@media (min-width: 1200px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-check>label>span,
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-check>label>label>span,
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-check div.checkbox-footer>span,
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-check div.checkbox-footer>label>span {
        font-size: 1.33333rem
    }
}

@media (min-width: 1400px) {

    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-check>label>span,
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-check>label>label>span,
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-check div.checkbox-footer>span,
    .site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-check div.checkbox-footer>label>span {
        font-size: 1.2rem
    }
}

.site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-check>label.form-validation-error>span,
.site-footer-newsletter .site-footer-newsletter-area .area-form .area-form-check div.checkbox-footer.form-validation-error>span {
    color: #d40511
}

.site-footer-contacts>.contacts-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.site-footer-contacts>.contacts-header>.contacts-photo {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    overflow: hidden
}

@media (min-width: 992px) {
    .site-footer-contacts>.contacts-header>.contacts-photo {
        width: 100px;
        height: 100px
    }
}

.site-footer-contacts>.contacts-header>.contacts-photo img {
    width: 100%;
    height: 100%
}

.site-footer-contacts>.contacts-header>.contacts-title {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 4rem;
    line-height: 1.3;
    font-size: 3.6rem;
    color: #522974
}

@media (min-width: 480px) {
    .site-footer-contacts>.contacts-header>.contacts-title {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .site-footer-contacts>.contacts-header>.contacts-title {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .site-footer-contacts>.contacts-header>.contacts-title {
        font-size: 2.4rem
    }
}

@media (min-width: 992px) {
    .site-footer-contacts>.contacts-header>.contacts-title {
        font-size: 2.25rem
    }
}

@media (min-width: 1200px) {
    .site-footer-contacts>.contacts-header>.contacts-title {
        font-size: 2rem
    }
}

@media (min-width: 1400px) {
    .site-footer-contacts>.contacts-header>.contacts-title {
        font-size: 1.8rem
    }
}

@media (min-width: 992px) {
    .site-footer-contacts>.contacts-header>.contacts-title {
        font-size: 4rem
    }
}

@media (min-width: 992px) and (min-width: 480px) {
    .site-footer-contacts>.contacts-header>.contacts-title {
        font-size: 3.63636rem
    }
}

@media (min-width: 992px) and (min-width: 545px) {
    .site-footer-contacts>.contacts-header>.contacts-title {
        font-size: 3.33333rem
    }
}

@media (min-width: 992px) and (min-width: 768px) {
    .site-footer-contacts>.contacts-header>.contacts-title {
        font-size: 2.66667rem
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .site-footer-contacts>.contacts-header>.contacts-title {
        font-size: 2.5rem
    }
}

@media (min-width: 992px) and (min-width: 1200px) {
    .site-footer-contacts>.contacts-header>.contacts-title {
        font-size: 2.22222rem
    }
}

@media (min-width: 992px) and (min-width: 1400px) {
    .site-footer-contacts>.contacts-header>.contacts-title {
        font-size: 2rem
    }
}

.site-footer-contacts>.contacts-header>.contacts-title>span {
    display: block;
    font-size: 4rem;
    font-weight: 500
}

@media (min-width: 480px) {
    .site-footer-contacts>.contacts-header>.contacts-title>span {
        font-size: 3.63636rem
    }
}

@media (min-width: 545px) {
    .site-footer-contacts>.contacts-header>.contacts-title>span {
        font-size: 3.33333rem
    }
}

@media (min-width: 768px) {
    .site-footer-contacts>.contacts-header>.contacts-title>span {
        font-size: 2.66667rem
    }
}

@media (min-width: 992px) {
    .site-footer-contacts>.contacts-header>.contacts-title>span {
        font-size: 2.5rem
    }
}

@media (min-width: 1200px) {
    .site-footer-contacts>.contacts-header>.contacts-title>span {
        font-size: 2.22222rem
    }
}

@media (min-width: 1400px) {
    .site-footer-contacts>.contacts-header>.contacts-title>span {
        font-size: 2rem
    }
}

@media (min-width: 992px) {
    .site-footer-contacts>.contacts-header>.contacts-title>span {
        font-size: 4.8rem
    }
}

@media (min-width: 992px) and (min-width: 480px) {
    .site-footer-contacts>.contacts-header>.contacts-title>span {
        font-size: 4.36364rem
    }
}

@media (min-width: 992px) and (min-width: 545px) {
    .site-footer-contacts>.contacts-header>.contacts-title>span {
        font-size: 4rem
    }
}

@media (min-width: 992px) and (min-width: 768px) {
    .site-footer-contacts>.contacts-header>.contacts-title>span {
        font-size: 3.2rem
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .site-footer-contacts>.contacts-header>.contacts-title>span {
        font-size: 3rem
    }
}

@media (min-width: 992px) and (min-width: 1200px) {
    .site-footer-contacts>.contacts-header>.contacts-title>span {
        font-size: 2.66667rem
    }
}

@media (min-width: 992px) and (min-width: 1400px) {
    .site-footer-contacts>.contacts-header>.contacts-title>span {
        font-size: 2.4rem
    }
}

.site-footer-contacts>.contacts-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.site-footer-contacts>.contacts-content>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    padding: 0.7rem 0;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.site-footer-contacts>.contacts-content>a:before {
    width: 3rem;
    margin-right: 1rem;
    font-size: 2rem;
    color: #14AD53
}

.site-footer-contacts>.contacts-content>a.contact-mail:before {
    content: "\e955"
}

.site-footer-contacts>.contacts-content>a.contact-phone:before {
    content: "\e95f"
}

.site-footer-contacts>.contacts-content>a small {
    padding: 0 0.5rem;
    font-size: 80%;
    color: #595959
}

.site-footer-socials {
    padding: 2rem 0
}

.site-footer-socials>.socials-title {
    padding: 2rem 0;
    margin: 0;
    font-size: 20px;
    font-weight: 500;
    color: #522974
}

.site-footer-socials>.socials-title a {
    text-decoration: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.site-footer-socials>.socials-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2rem
}

.site-footer-socials>.socials-icons>a.icons-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    background: #522974;
    border-radius: 100%;
    line-height: 1;
    text-decoration: none;
    font-size: 20px;
    color: white;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.site-footer-socials>.socials-icons>a.icons-icon:hover {
    opacity: 0.9
}

.site-footer-socials>.socials-icons>a.icons-icon._facebook:before {
    content: "\e944"
}

.site-footer-socials>.socials-icons>a.icons-icon._linkedin:before {
    content: "\e953"
}

.site-footer-socials>.socials-icons>a.icons-icon._twitter:before {
    content: "\e977"
}

.site-footer-socials>.socials-icons>a.icons-icon._spotify {
    background: white
}

.site-footer-socials>.socials-icons>a.icons-icon._spotify:before {
    font-size: 46px;
    color: #522974;
    content: "\e979"
}

.site-footer-socials>.socials-icons>a.icons-icon>span {
    display: none
}

.site-footer-socials>.socials-icons>a.icons-icon svg {
    width: 60%;
    height: 60%
}

.site-footer-socials>.socials-icons>a.icons-icon svg path {
    fill: white
}

.site-footer-menu {
    padding: 1rem 0
}

@media (min-width: 992px) {
    .site-footer-menu {
        padding: 2rem 0
    }
}

.site-footer-menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none
}

.site-footer-menu ul>li {
    width: 100%;
    padding: 0;
    margin: 0
}

@media (min-width: 768px) {
    .site-footer-menu ul>li {
        width: 50%
    }
}

@media (min-width: 992px) {
    .site-footer-menu ul>li {
        width: 100%
    }
}

@media (min-width: 1200px) {
    .site-footer-menu ul>li {
        width: 50%
    }
}

.site-footer-menu ul>li>a {
    display: block;
    padding: 3rem 0;
    text-decoration: none;
    line-height: 1.2;
    font-size: 3.2rem;
    font-weight: bold;
    color: #522974;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

@media (min-width: 480px) {
    .site-footer-menu ul>li>a {
        font-size: 2.90909rem
    }
}

@media (min-width: 545px) {
    .site-footer-menu ul>li>a {
        font-size: 2.66667rem
    }
}

@media (min-width: 768px) {
    .site-footer-menu ul>li>a {
        font-size: 2.13333rem
    }
}

@media (min-width: 992px) {
    .site-footer-menu ul>li>a {
        font-size: 2rem
    }
}

@media (min-width: 1200px) {
    .site-footer-menu ul>li>a {
        font-size: 1.77778rem
    }
}

@media (min-width: 1400px) {
    .site-footer-menu ul>li>a {
        font-size: 1.6rem
    }
}

@media (min-width: 992px) {
    .site-footer-menu ul>li>a {
        padding: 2rem 0
    }
}

.site-footer-menu ul>li>a:hover {
    color: #14AD53
}

.site-footer-partners {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2rem 0;
    border-top: 1px solid #d5d5d5
}

.site-footer-partners img {
    width: 25%;
    margin: 2rem 4rem;
    -o-object-fit: contain;
    object-fit: contain
}

@media (min-width: 768px) {
    .site-footer-partners img {
        width: auto;
        max-width: 200px;
        max-height: 60px
    }
}

.site-footer-partners a>img:hover {
    opacity: 0.9
}

.site-footer-notice {
    padding: 2rem 0;
    font-size: 12px
}

.site-footer-extras {
    padding: 1rem 1rem 4rem 1rem
}

.site-footer-extras ul.extras-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 2.4rem
}

@media (min-width: 480px) {
    .site-footer-extras ul.extras-links {
        font-size: 2.18182rem
    }
}

@media (min-width: 545px) {
    .site-footer-extras ul.extras-links {
        font-size: 2rem
    }
}

@media (min-width: 768px) {
    .site-footer-extras ul.extras-links {
        font-size: 1.6rem
    }
}

@media (min-width: 992px) {
    .site-footer-extras ul.extras-links {
        font-size: 1.5rem
    }
}

@media (min-width: 1200px) {
    .site-footer-extras ul.extras-links {
        font-size: 1.33333rem
    }
}

@media (min-width: 1400px) {
    .site-footer-extras ul.extras-links {
        font-size: 1.2rem
    }
}

@media (min-width: 992px) {
    .site-footer-extras ul.extras-links {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.site-footer-extras ul.extras-links>li {
    position: relative;
    padding: 1rem 0 1rem 4rem;
    margin: 0;
    line-height: 1.2
}

@media (min-width: 992px) {
    .site-footer-extras ul.extras-links>li {
        padding: 5px 0
    }
}

.site-footer-extras ul.extras-links>li:before {
    position: absolute;
    top: 2rem;
    left: 1rem;
    width: 2rem;
    border-bottom: 1px solid gray;
    content: ""
}

@media (min-width: 992px) {
    .site-footer-extras ul.extras-links>li:before {
        display: none
    }
}

@media (min-width: 992px) {
    .site-footer-extras ul.extras-links>li:not(:last-child):after {
        position: absolute;
        top: 5px;
        right: 0;
        bottom: 5px;
        border-right: 1px solid gray;
        content: ""
    }
}

.site-footer-extras ul.extras-links>li>a {
    padding: 1rem 0;
    text-decoration: underline
}

@media (min-width: 992px) {
    .site-footer-extras ul.extras-links>li>a {
        padding: 0 0.5rem
    }
}

.site-footer-extras ul.extras-links>li>a:hover {
    text-decoration: none;
    color: #522974
}

.site-footer-extras .extras-copy {
    padding: 2rem 0 0 0;
    text-align: center;
    font-size: 12px;
    font-weight: bold
}

@media (min-width: 992px) {
    .site-footer-extras .extras-copy {
        padding: 2rem 0 8rem 0
    }
}

@media (min-width: 1400px) {
    .site-footer-extras .extras-copy {
        padding: 2rem 0 4rem 0
    }
}

.site-footer-extras .extras-copy a {
    color: #522974
}

.site-footer-extras .extras-copy a:hover {
    text-decoration: none;
    color: black
}

.timeline-container {
    padding: 6.5rem 0;
    overflow: hidden
}

.timeline-container .timeline-title h1,
.timeline-container .timeline-title h2,
.timeline-container .timeline-title h3 {
    margin: 0 0 2rem
}

.timeline-container .timeline-title big {
    font-weight: 400
}

@media (min-width: 320px) {
    .timeline-container .timeline-title big {
        font-size: 3.8rem
    }
}

@media (min-width: 480px) {
    .timeline-container .timeline-title big {
        font-size: 3.45455rem
    }
}

@media (min-width: 545px) {
    .timeline-container .timeline-title big {
        font-size: 3.16667rem
    }
}

@media (min-width: 768px) {
    .timeline-container .timeline-title big {
        font-size: 2.7rem
    }
}

.timeline-container .timeline-inner {
    padding: 0 25px
}

@media (min-width: 768px) {
    .timeline-container .timeline-inner {
        padding: 0
    }
}

.timeline-item {
    border-left: 2px solid #522974;
    padding-left: 7rem;
    padding-bottom: 6rem;
    position: relative
}

@media (min-width: 768px) {
    .timeline-item {
        min-height: 180px;
        width: 50%;
        padding-bottom: 0
    }

    .timeline-item:nth-child(odd) {
        text-align: right;
        border-left: none;
        border-right: 2px solid #522974;
        padding-left: 0;
        padding-right: 7rem;
        left: 1px
    }

    .timeline-item:nth-child(odd):before,
    .timeline-item:nth-child(odd) .timeline-item-image {
        left: auto;
        right: -1px;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%)
    }

    .timeline-item:nth-child(even) {
        margin-right: 0;
        margin-left: auto;
        right: 1px
    }

    .timeline-item:nth-child(even):before {
        left: -1px
    }

    .timeline-item:last-child {
        border: none
    }
}

.timeline-item:before {
    content: '';
    position: absolute;
    left: 1px;
    top: 0;
    width: 7.5rem;
    height: 7.5rem;
    background: #f1f3f4;
    font-weight: bold;
    font-family: "Montserrat", sans-serif !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%
}

.timeline-item-title {
    font-weight: 900;
    line-height: 1;
    margin-bottom: 1rem;
    color: #54307e;
    padding-top: 3rem
}

@media (min-width: 320px) {
    .timeline-item-title {
        font-size: 4rem
    }
}

@media (min-width: 480px) {
    .timeline-item-title {
        font-size: 3.63636rem
    }
}

@media (min-width: 545px) {
    .timeline-item-title {
        font-size: 3.33333rem
    }
}

@media (min-width: 768px) {
    .timeline-item-title {
        font-size: 2.66667rem
    }
}

@media (min-width: 992px) {
    .timeline-item-title {
        font-size: 2.6rem
    }
}

@media (min-width: 320px) {
    .timeline-item-content {
        font-size: 3.2rem
    }
}

@media (min-width: 480px) {
    .timeline-item-content {
        font-size: 2.90909rem
    }
}

@media (min-width: 545px) {
    .timeline-item-content {
        font-size: 2.66667rem
    }
}

@media (min-width: 768px) {
    .timeline-item-content {
        font-size: 2.13333rem
    }
}

@media (min-width: 992px) {
    .timeline-item-content {
        font-size: 2rem
    }
}

@media (min-width: 1200px) {
    .timeline-item-content {
        font-size: 1.77778rem
    }
}

@media (min-width: 1400px) {
    .timeline-item-content {
        font-size: 1.6rem
    }
}

.timeline-item-image {
    position: absolute;
    width: 7.5rem;
    height: 7.5rem;
    left: 1px;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.timeline-item-image img {
    max-width: 3rem
}

@media (min-width: 768px) {
    .timeline-item-image img {
        max-width: 5rem
    }
}

.section-row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.section-row [class^="col-"] {
    padding: 30px 15px
}

.section-item {
    -webkit-box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    border-radius: 5px;
    background-color: #ffffff;
    padding: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.section-item-content-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: -5rem;
    margin-left: -2.5rem
}

.section-item-content-header-image {
    width: 15rem;
    margin-right: 1rem
}

@media (min-width: 1500px) {
    .section-item-content-header-image {
        width: auto;
        margin-right: 0
    }
}

.section-item-content-header-title {
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 5px;
    color: #522974;
    max-width: 1px
}

@media (min-width: 320px) {
    .section-item-content-header-title {
        font-size: 3.2rem
    }
}

@media (min-width: 480px) {
    .section-item-content-header-title {
        font-size: 2.90909rem
    }
}

@media (min-width: 545px) {
    .section-item-content-header-title {
        font-size: 2.66667rem
    }
}

@media (min-width: 768px) {
    .section-item-content-header-title {
        font-size: 2.13333rem
    }
}

@media (min-width: 992px) {
    .section-item-content-header-title {
        font-size: 2rem
    }
}

@media (min-width: 320px) {
    .section-item-content-header-title {
        line-height: 4rem
    }
}

@media (min-width: 480px) {
    .section-item-content-header-title {
        line-height: 3.63636rem
    }
}

@media (min-width: 545px) {
    .section-item-content-header-title {
        line-height: 3.33333rem
    }
}

@media (min-width: 768px) {
    .section-item-content-header-title {
        line-height: 2.66667rem
    }
}

@media (min-width: 992px) {
    .section-item-content-header-title {
        line-height: 2.5rem
    }
}

@media (min-width: 1200px) {
    .section-item-content-header-title {
        line-height: 2.4rem
    }
}

.section-item-content-perex {
    text-align: center;
    padding-top: 2.5rem
}

@media (min-width: 320px) {
    .section-item-content-perex {
        font-size: 3.2rem
    }
}

@media (min-width: 480px) {
    .section-item-content-perex {
        font-size: 2.90909rem
    }
}

@media (min-width: 545px) {
    .section-item-content-perex {
        font-size: 2.66667rem
    }
}

@media (min-width: 768px) {
    .section-item-content-perex {
        font-size: 2.13333rem
    }
}

@media (min-width: 992px) {
    .section-item-content-perex {
        font-size: 2rem
    }
}

@media (min-width: 1200px) {
    .section-item-content-perex {
        font-size: 1.77778rem
    }
}

@media (min-width: 1400px) {
    .section-item-content-perex {
        font-size: 1.6rem
    }
}

@media (min-width: 320px) {
    .section-item-content-perex {
        line-height: 4.8rem
    }
}

@media (min-width: 480px) {
    .section-item-content-perex {
        line-height: 4.36364rem
    }
}

@media (min-width: 545px) {
    .section-item-content-perex {
        line-height: 4rem
    }
}

@media (min-width: 768px) {
    .section-item-content-perex {
        line-height: 3.2rem
    }
}

@media (min-width: 992px) {
    .section-item-content-perex {
        line-height: 3rem
    }
}

.section-item-link {
    text-align: center;
    margin-top: 1rem
}

.section-item-link a {
    text-decoration: none !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.section-item-link a:after {
    content: "\e92b";
    display: block;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-left: 0px;
    -webkit-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms
}

.section-item-link a:hover:after {
    -webkit-transform: rotate(90deg) translateY(-2px);
    -ms-transform: rotate(90deg) translateY(-2px);
    transform: rotate(90deg) translateY(-2px)
}

.top-image-2021-wrapper {
    background: url("../img/top-image-bg.html");
    padding-top: 7rem;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover
}

.top-image-2021 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 768px) {
    .top-image-2021 {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.top-image-2021-content {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    color: #fff;
    padding-bottom: 20rem;
    padding-top: 10rem
}

@media (min-width: 768px) {
    .top-image-2021-content {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        max-width: 600px;
        padding-top: 0;
        padding-bottom: 8rem
    }
}

.top-image-2021-content h1 {
    color: #fff;
    font-weight: 800
}

@media (min-width: 320px) {
    .top-image-2021-content h1 {
        font-size: 7.2rem
    }
}

@media (min-width: 480px) {
    .top-image-2021-content h1 {
        font-size: 6.54545rem
    }
}

@media (min-width: 545px) {
    .top-image-2021-content h1 {
        font-size: 6rem
    }
}

@media (min-width: 320px) {
    .top-image-2021-content h1 {
        line-height: 9.6rem
    }
}

@media (min-width: 480px) {
    .top-image-2021-content h1 {
        line-height: 8.72727rem
    }
}

@media (min-width: 545px) {
    .top-image-2021-content h1 {
        line-height: 8rem
    }
}

.top-image-2021-content-perex {
    line-height: 2
}

.top-image-2021-content-perex h3 {
    color: #fff;
    margin-bottom: 0
}

.top-image-2021-content-perex h3:after {
    content: "";
    display: block;
    background: #fff;
    width: 12rem;
    height: .8rem;
    margin-bottom: 2rem;
    margin-top: 2rem
}

.top-image-2021-image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 60%;
    margin: auto
}

@media (min-width: 768px) {
    .top-image-2021-image {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: auto;
        max-width: 45rem
    }
}

.top-image-2021 .top-image-btns-row-notice {
    padding-top: 4rem;
    text-align: center
}

@media (min-width: 768px) {
    .top-image-2021 .top-image-btns-row-notice {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.top-image-2021 .top-image-btns-row-notice span {
    text-align: center;
    display: block;
    margin-bottom: 3rem
}

@media (min-width: 768px) {
    .top-image-2021 .top-image-btns-row-notice span {
        margin-bottom: 0;
        margin-right: 2rem
    }
}

.top-image-2021 .top-image-btns-row-notice .btn {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 1.5rem 5rem;
    display: block
}

@media (min-width: 768px) {
    .top-image-2021 .top-image-btns-row-notice .btn {
        display: inline-block
    }
}

.top-image-2021 .top-image-btns-row-notice-2025 {
    display: inline-block;
    padding-top: 4rem;
    -ms-flex-item-align: start;
    align-self: flex-start;
    text-align: center
}

.top-image-2021 .top-image-btns-row-notice-2025-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem
}

@media (min-width: 768px) {
    .top-image-2021 .top-image-btns-row-notice-2025-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 2rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.top-image-2021 .top-image-btns-row-notice-2025 .btn {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 1.5rem 4rem;
    display: block
}

@media (min-width: 768px) {
    .top-image-2021 .top-image-btns-row-notice-2025 .btn {
        display: inline-block
    }
}

.top-image-2021 .top-image-btns-row-notice-2025-disclaimer {
    width: 100%;
    padding-top: 5px
}

video {
    max-width: 100%
}

.component-top-image-form {
    position: relative;
    padding: 50px 0
}

.component-top-image-form>.pux-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px
}

@media (min-width: 992px) {
    .component-top-image-form>.pux-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width: 1200px) {
    .component-top-image-form>.pux-container {
        gap: 60px
    }
}

@media (min-width: 1400px) {
    .component-top-image-form>.pux-container {
        gap: 90px
    }
}

.component-top-image-form>.pux-container:after {
    display: none
}

.component-top-image-form>.pux-container>img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    min-height: 500px;
    pointer-events: none
}

@media (min-width: 1200px) {
    .component-top-image-form>.pux-container>img {
        -o-object-position: center top;
        object-position: center top;
        opacity: 1
    }
}

.component-top-image-form .top-image-form-texts {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    z-index: 2
}

@media (min-width: 992px) {
    .component-top-image-form .top-image-form-texts {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.component-top-image-form .top-image-form-texts .texts-label,
.component-top-image-form .top-image-form-texts .texts-free-ebook-label {
    display: block;
    overflow: hidden;
    max-width: calc(100% + 45px);
    padding-right: 35px;
    margin-right: -45px
}

@media (min-width: 992px) {

    .component-top-image-form .top-image-form-texts .texts-label,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label {
        max-width: 84rem;
        margin-right: -45px
    }
}

@media (min-width: 992px) and (min-width: 480px) {

    .component-top-image-form .top-image-form-texts .texts-label,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label {
        max-width: 76.36364rem
    }
}

@media (min-width: 992px) and (min-width: 545px) {

    .component-top-image-form .top-image-form-texts .texts-label,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label {
        max-width: 70rem
    }
}

@media (min-width: 992px) and (min-width: 768px) {

    .component-top-image-form .top-image-form-texts .texts-label,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label {
        max-width: 56rem
    }
}

@media (min-width: 992px) and (min-width: 992px) {

    .component-top-image-form .top-image-form-texts .texts-label,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label {
        max-width: 52.5rem
    }
}

@media (min-width: 992px) and (min-width: 1200px) {

    .component-top-image-form .top-image-form-texts .texts-label,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label {
        max-width: 46.66667rem
    }
}

@media (min-width: 992px) and (min-width: 1400px) {

    .component-top-image-form .top-image-form-texts .texts-label,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label {
        max-width: 42rem
    }
}

@media (min-width: 1200px) {

    .component-top-image-form .top-image-form-texts .texts-label,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label {
        max-width: 90rem
    }
}

@media (min-width: 1200px) and (min-width: 480px) {

    .component-top-image-form .top-image-form-texts .texts-label,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label {
        max-width: 81.81818rem
    }
}

@media (min-width: 1200px) and (min-width: 545px) {

    .component-top-image-form .top-image-form-texts .texts-label,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label {
        max-width: 75rem
    }
}

@media (min-width: 1200px) and (min-width: 768px) {

    .component-top-image-form .top-image-form-texts .texts-label,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label {
        max-width: 60rem
    }
}

@media (min-width: 1200px) and (min-width: 992px) {

    .component-top-image-form .top-image-form-texts .texts-label,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label {
        max-width: 56.25rem
    }
}

@media (min-width: 1200px) and (min-width: 1200px) {

    .component-top-image-form .top-image-form-texts .texts-label,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label {
        max-width: 50rem
    }
}

@media (min-width: 1200px) and (min-width: 1400px) {

    .component-top-image-form .top-image-form-texts .texts-label,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label {
        max-width: 45rem
    }
}

@media (min-width: 1400px) {

    .component-top-image-form .top-image-form-texts .texts-label,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label {
        max-width: 116rem
    }
}

@media (min-width: 1400px) and (min-width: 480px) {

    .component-top-image-form .top-image-form-texts .texts-label,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label {
        max-width: 105.45455rem
    }
}

@media (min-width: 1400px) and (min-width: 545px) {

    .component-top-image-form .top-image-form-texts .texts-label,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label {
        max-width: 96.66667rem
    }
}

@media (min-width: 1400px) and (min-width: 768px) {

    .component-top-image-form .top-image-form-texts .texts-label,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label {
        max-width: 77.33333rem
    }
}

@media (min-width: 1400px) and (min-width: 992px) {

    .component-top-image-form .top-image-form-texts .texts-label,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label {
        max-width: 72.5rem
    }
}

@media (min-width: 1400px) and (min-width: 1200px) {

    .component-top-image-form .top-image-form-texts .texts-label,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label {
        max-width: 64.44444rem
    }
}

@media (min-width: 1400px) and (min-width: 1400px) {

    .component-top-image-form .top-image-form-texts .texts-label,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label {
        max-width: 58rem
    }
}

@media (min-width: 1500px) {

    .component-top-image-form .top-image-form-texts .texts-label,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label {
        max-width: 130rem
    }
}

@media (min-width: 1500px) and (min-width: 480px) {

    .component-top-image-form .top-image-form-texts .texts-label,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label {
        max-width: 118.18182rem
    }
}

@media (min-width: 1500px) and (min-width: 545px) {

    .component-top-image-form .top-image-form-texts .texts-label,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label {
        max-width: 108.33333rem
    }
}

@media (min-width: 1500px) and (min-width: 768px) {

    .component-top-image-form .top-image-form-texts .texts-label,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label {
        max-width: 86.66667rem
    }
}

@media (min-width: 1500px) and (min-width: 992px) {

    .component-top-image-form .top-image-form-texts .texts-label,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label {
        max-width: 81.25rem
    }
}

@media (min-width: 1500px) and (min-width: 1200px) {

    .component-top-image-form .top-image-form-texts .texts-label,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label {
        max-width: 72.22222rem
    }
}

@media (min-width: 1500px) and (min-width: 1400px) {

    .component-top-image-form .top-image-form-texts .texts-label,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label {
        max-width: 65rem
    }
}

.component-top-image-form .top-image-form-texts .texts-label>div,
.component-top-image-form .top-image-form-texts .texts-free-ebook-label>div {
    display: inline-block;
    max-width: 100%;
    background: -webkit-gradient(linear, left top, right top, color-stop(11.12%, rgba(255, 255, 255, 0.9)), color-stop(394.77%, rgba(143, 100, 214, 0.9)));
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0.9) 11.12%, rgba(143, 100, 214, 0.9) 394.77%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 11.12%, rgba(143, 100, 214, 0.9) 394.77%);
    -webkit-transform: skewX(45deg);
    -ms-transform: skewX(45deg);
    transform: skewX(45deg);
    margin-left: -45px
}

.component-top-image-form .top-image-form-texts .texts-label>div>div,
.component-top-image-form .top-image-form-texts .texts-free-ebook-label>div>div {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%;
    gap: 10px;
    padding: 10px 30px 10px 60px;
    -webkit-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    transform: skewX(-45deg)
}

@media (min-width: 992px) {

    .component-top-image-form .top-image-form-texts .texts-label>div>div,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label>div>div {
        padding: 10px 30px 10px 70px;
        gap: 20px
    }
}

@media (min-width: 1400px) {

    .component-top-image-form .top-image-form-texts .texts-label>div>div,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label>div>div {
        padding: 10px 30px 10px 70px
    }
}

.component-top-image-form .top-image-form-texts .texts-label>div>div>img,
.component-top-image-form .top-image-form-texts .texts-free-ebook-label>div>div>img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 30px;
    height: 30px !important;
    -o-object-fit: contain;
    object-fit: contain
}

@media (min-width: 992px) {

    .component-top-image-form .top-image-form-texts .texts-label>div>div>img,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label>div>div>img {
        width: 40px;
        height: 40px !important
    }
}

.component-top-image-form .top-image-form-texts .texts-label>div>div>span,
.component-top-image-form .top-image-form-texts .texts-free-ebook-label>div>div>span {
    display: block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 3.2rem;
    font-weight: 500;
    color: #522974
}

@media (min-width: 480px) {

    .component-top-image-form .top-image-form-texts .texts-label>div>div>span,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label>div>div>span {
        font-size: 2.90909rem
    }
}

@media (min-width: 545px) {

    .component-top-image-form .top-image-form-texts .texts-label>div>div>span,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label>div>div>span {
        font-size: 2.66667rem
    }
}

@media (min-width: 768px) {

    .component-top-image-form .top-image-form-texts .texts-label>div>div>span,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label>div>div>span {
        font-size: 2.13333rem
    }
}

@media (min-width: 992px) {

    .component-top-image-form .top-image-form-texts .texts-label>div>div>span,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label>div>div>span {
        font-size: 2rem
    }
}

@media (min-width: 1200px) {

    .component-top-image-form .top-image-form-texts .texts-label>div>div>span,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label>div>div>span {
        font-size: 1.77778rem
    }
}

@media (min-width: 1400px) {

    .component-top-image-form .top-image-form-texts .texts-label>div>div>span,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label>div>div>span {
        font-size: 1.6rem
    }
}

@media (min-width: 992px) {

    .component-top-image-form .top-image-form-texts .texts-label>div>div>span,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label>div>div>span {
        font-size: 3.6rem
    }
}

@media (min-width: 992px) and (min-width: 480px) {

    .component-top-image-form .top-image-form-texts .texts-label>div>div>span,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label>div>div>span {
        font-size: 3.27273rem
    }
}

@media (min-width: 992px) and (min-width: 545px) {

    .component-top-image-form .top-image-form-texts .texts-label>div>div>span,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label>div>div>span {
        font-size: 3rem
    }
}

@media (min-width: 992px) and (min-width: 768px) {

    .component-top-image-form .top-image-form-texts .texts-label>div>div>span,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label>div>div>span {
        font-size: 2.4rem
    }
}

@media (min-width: 992px) and (min-width: 992px) {

    .component-top-image-form .top-image-form-texts .texts-label>div>div>span,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label>div>div>span {
        font-size: 2.25rem
    }
}

@media (min-width: 992px) and (min-width: 1200px) {

    .component-top-image-form .top-image-form-texts .texts-label>div>div>span,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label>div>div>span {
        font-size: 2rem
    }
}

@media (min-width: 992px) and (min-width: 1400px) {

    .component-top-image-form .top-image-form-texts .texts-label>div>div>span,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label>div>div>span {
        font-size: 1.8rem
    }
}

@media (min-width: 1200px) {

    .component-top-image-form .top-image-form-texts .texts-label>div>div>span,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label>div>div>span {
        font-size: 4.4rem
    }
}

@media (min-width: 1200px) and (min-width: 480px) {

    .component-top-image-form .top-image-form-texts .texts-label>div>div>span,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label>div>div>span {
        font-size: 4rem
    }
}

@media (min-width: 1200px) and (min-width: 545px) {

    .component-top-image-form .top-image-form-texts .texts-label>div>div>span,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label>div>div>span {
        font-size: 3.66667rem
    }
}

@media (min-width: 1200px) and (min-width: 768px) {

    .component-top-image-form .top-image-form-texts .texts-label>div>div>span,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label>div>div>span {
        font-size: 2.93333rem
    }
}

@media (min-width: 1200px) and (min-width: 992px) {

    .component-top-image-form .top-image-form-texts .texts-label>div>div>span,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label>div>div>span {
        font-size: 2.75rem
    }
}

@media (min-width: 1200px) and (min-width: 1200px) {

    .component-top-image-form .top-image-form-texts .texts-label>div>div>span,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label>div>div>span {
        font-size: 2.44444rem
    }
}

@media (min-width: 1200px) and (min-width: 1400px) {

    .component-top-image-form .top-image-form-texts .texts-label>div>div>span,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label>div>div>span {
        font-size: 2.2rem
    }
}

@media (min-width: 1400px) {

    .component-top-image-form .top-image-form-texts .texts-label>div>div>span,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label>div>div>span {
        font-size: 5.2rem
    }
}

@media (min-width: 1400px) and (min-width: 480px) {

    .component-top-image-form .top-image-form-texts .texts-label>div>div>span,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label>div>div>span {
        font-size: 4.72727rem
    }
}

@media (min-width: 1400px) and (min-width: 545px) {

    .component-top-image-form .top-image-form-texts .texts-label>div>div>span,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label>div>div>span {
        font-size: 4.33333rem
    }
}

@media (min-width: 1400px) and (min-width: 768px) {

    .component-top-image-form .top-image-form-texts .texts-label>div>div>span,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label>div>div>span {
        font-size: 3.46667rem
    }
}

@media (min-width: 1400px) and (min-width: 992px) {

    .component-top-image-form .top-image-form-texts .texts-label>div>div>span,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label>div>div>span {
        font-size: 3.25rem
    }
}

@media (min-width: 1400px) and (min-width: 1200px) {

    .component-top-image-form .top-image-form-texts .texts-label>div>div>span,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label>div>div>span {
        font-size: 2.88889rem
    }
}

@media (min-width: 1400px) and (min-width: 1400px) {

    .component-top-image-form .top-image-form-texts .texts-label>div>div>span,
    .component-top-image-form .top-image-form-texts .texts-free-ebook-label>div>div>span {
        font-size: 2.6rem
    }
}

.component-top-image-form .top-image-form-texts div.texts-sub-label {
    margin: 15px 0 -30px 0;
    font-size: 3.6rem;
    font-weight: bold;
    color: #2f2f2f
}

@media (min-width: 480px) {
    .component-top-image-form .top-image-form-texts div.texts-sub-label {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .component-top-image-form .top-image-form-texts div.texts-sub-label {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .component-top-image-form .top-image-form-texts div.texts-sub-label {
        font-size: 2.4rem
    }
}

@media (min-width: 992px) {
    .component-top-image-form .top-image-form-texts div.texts-sub-label {
        font-size: 2.25rem
    }
}

@media (min-width: 1200px) {
    .component-top-image-form .top-image-form-texts div.texts-sub-label {
        font-size: 2rem
    }
}

@media (min-width: 1400px) {
    .component-top-image-form .top-image-form-texts div.texts-sub-label {
        font-size: 1.8rem
    }
}

@media (min-width: 992px) {
    .component-top-image-form .top-image-form-texts div.texts-sub-label {
        font-size: 4.4rem
    }
}

@media (min-width: 992px) and (min-width: 480px) {
    .component-top-image-form .top-image-form-texts div.texts-sub-label {
        font-size: 4rem
    }
}

@media (min-width: 992px) and (min-width: 545px) {
    .component-top-image-form .top-image-form-texts div.texts-sub-label {
        font-size: 3.66667rem
    }
}

@media (min-width: 992px) and (min-width: 768px) {
    .component-top-image-form .top-image-form-texts div.texts-sub-label {
        font-size: 2.93333rem
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .component-top-image-form .top-image-form-texts div.texts-sub-label {
        font-size: 2.75rem
    }
}

@media (min-width: 992px) and (min-width: 1200px) {
    .component-top-image-form .top-image-form-texts div.texts-sub-label {
        font-size: 2.44444rem
    }
}

@media (min-width: 992px) and (min-width: 1400px) {
    .component-top-image-form .top-image-form-texts div.texts-sub-label {
        font-size: 2.2rem
    }
}

.component-top-image-form .top-image-form-texts h1.texts-heading {
    display: block;
    padding: 30px 0;
    margin: 0;
    font-size: 6.4rem;
    font-weight: bold
}

@media (min-width: 480px) {
    .component-top-image-form .top-image-form-texts h1.texts-heading {
        font-size: 5.81818rem
    }
}

@media (min-width: 545px) {
    .component-top-image-form .top-image-form-texts h1.texts-heading {
        font-size: 5.33333rem
    }
}

@media (min-width: 768px) {
    .component-top-image-form .top-image-form-texts h1.texts-heading {
        font-size: 4.26667rem
    }
}

@media (min-width: 992px) {
    .component-top-image-form .top-image-form-texts h1.texts-heading {
        font-size: 4rem
    }
}

@media (min-width: 1200px) {
    .component-top-image-form .top-image-form-texts h1.texts-heading {
        font-size: 3.55556rem
    }
}

@media (min-width: 1400px) {
    .component-top-image-form .top-image-form-texts h1.texts-heading {
        font-size: 3.2rem
    }
}

@media (min-width: 992px) {
    .component-top-image-form .top-image-form-texts h1.texts-heading {
        font-size: 7rem
    }
}

@media (min-width: 992px) and (min-width: 480px) {
    .component-top-image-form .top-image-form-texts h1.texts-heading {
        font-size: 6.36364rem
    }
}

@media (min-width: 992px) and (min-width: 545px) {
    .component-top-image-form .top-image-form-texts h1.texts-heading {
        font-size: 5.83333rem
    }
}

@media (min-width: 992px) and (min-width: 768px) {
    .component-top-image-form .top-image-form-texts h1.texts-heading {
        font-size: 4.66667rem
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .component-top-image-form .top-image-form-texts h1.texts-heading {
        font-size: 4.375rem
    }
}

@media (min-width: 992px) and (min-width: 1200px) {
    .component-top-image-form .top-image-form-texts h1.texts-heading {
        font-size: 3.88889rem
    }
}

@media (min-width: 992px) and (min-width: 1400px) {
    .component-top-image-form .top-image-form-texts h1.texts-heading {
        font-size: 3.5rem
    }
}

@media (min-width: 1200px) {
    .component-top-image-form .top-image-form-texts h1.texts-heading {
        font-size: 9rem
    }
}

@media (min-width: 1200px) and (min-width: 480px) {
    .component-top-image-form .top-image-form-texts h1.texts-heading {
        font-size: 8.18182rem
    }
}

@media (min-width: 1200px) and (min-width: 545px) {
    .component-top-image-form .top-image-form-texts h1.texts-heading {
        font-size: 7.5rem
    }
}

@media (min-width: 1200px) and (min-width: 768px) {
    .component-top-image-form .top-image-form-texts h1.texts-heading {
        font-size: 6rem
    }
}

@media (min-width: 1200px) and (min-width: 992px) {
    .component-top-image-form .top-image-form-texts h1.texts-heading {
        font-size: 5.625rem
    }
}

@media (min-width: 1200px) and (min-width: 1200px) {
    .component-top-image-form .top-image-form-texts h1.texts-heading {
        font-size: 5rem
    }
}

@media (min-width: 1200px) and (min-width: 1400px) {
    .component-top-image-form .top-image-form-texts h1.texts-heading {
        font-size: 4.5rem
    }
}

@media (min-width: 1400px) {
    .component-top-image-form .top-image-form-texts h1.texts-heading {
        font-size: 12rem
    }
}

@media (min-width: 1400px) and (min-width: 480px) {
    .component-top-image-form .top-image-form-texts h1.texts-heading {
        font-size: 10.90909rem
    }
}

@media (min-width: 1400px) and (min-width: 545px) {
    .component-top-image-form .top-image-form-texts h1.texts-heading {
        font-size: 10rem
    }
}

@media (min-width: 1400px) and (min-width: 768px) {
    .component-top-image-form .top-image-form-texts h1.texts-heading {
        font-size: 8rem
    }
}

@media (min-width: 1400px) and (min-width: 992px) {
    .component-top-image-form .top-image-form-texts h1.texts-heading {
        font-size: 7.5rem
    }
}

@media (min-width: 1400px) and (min-width: 1200px) {
    .component-top-image-form .top-image-form-texts h1.texts-heading {
        font-size: 6.66667rem
    }
}

@media (min-width: 1400px) and (min-width: 1400px) {
    .component-top-image-form .top-image-form-texts h1.texts-heading {
        font-size: 6rem
    }
}

.component-top-image-form .top-image-form-texts div.texts-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    font-weight: 400
}

@media (min-width: 320px) {
    .component-top-image-form .top-image-form-texts div.texts-main {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {
    .component-top-image-form .top-image-form-texts div.texts-main {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .component-top-image-form .top-image-form-texts div.texts-main {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .component-top-image-form .top-image-form-texts div.texts-main {
        font-size: 2.4rem
    }
}

@media (min-width: 992px) {
    .component-top-image-form .top-image-form-texts div.texts-main {
        font-size: 2.25rem
    }
}

@media (min-width: 1200px) {
    .component-top-image-form .top-image-form-texts div.texts-main {
        font-size: 2rem
    }
}

.component-top-image-form .top-image-form-texts div.texts-main h2 {
    padding: 0;
    margin: 0;
    font-size: 4rem
}

@media (min-width: 480px) {
    .component-top-image-form .top-image-form-texts div.texts-main h2 {
        font-size: 3.63636rem
    }
}

@media (min-width: 545px) {
    .component-top-image-form .top-image-form-texts div.texts-main h2 {
        font-size: 3.33333rem
    }
}

@media (min-width: 768px) {
    .component-top-image-form .top-image-form-texts div.texts-main h2 {
        font-size: 2.66667rem
    }
}

@media (min-width: 992px) {
    .component-top-image-form .top-image-form-texts div.texts-main h2 {
        font-size: 2.5rem
    }
}

@media (min-width: 1200px) {
    .component-top-image-form .top-image-form-texts div.texts-main h2 {
        font-size: 2.22222rem
    }
}

@media (min-width: 1400px) {
    .component-top-image-form .top-image-form-texts div.texts-main h2 {
        font-size: 2rem
    }
}

@media (min-width: 992px) {
    .component-top-image-form .top-image-form-texts div.texts-main h2 {
        font-size: 4.8rem
    }
}

@media (min-width: 992px) and (min-width: 480px) {
    .component-top-image-form .top-image-form-texts div.texts-main h2 {
        font-size: 4.36364rem
    }
}

@media (min-width: 992px) and (min-width: 545px) {
    .component-top-image-form .top-image-form-texts div.texts-main h2 {
        font-size: 4rem
    }
}

@media (min-width: 992px) and (min-width: 768px) {
    .component-top-image-form .top-image-form-texts div.texts-main h2 {
        font-size: 3.2rem
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .component-top-image-form .top-image-form-texts div.texts-main h2 {
        font-size: 3rem
    }
}

@media (min-width: 992px) and (min-width: 1200px) {
    .component-top-image-form .top-image-form-texts div.texts-main h2 {
        font-size: 2.66667rem
    }
}

@media (min-width: 992px) and (min-width: 1400px) {
    .component-top-image-form .top-image-form-texts div.texts-main h2 {
        font-size: 2.4rem
    }
}

@media (min-width: 1200px) {
    .component-top-image-form .top-image-form-texts div.texts-main h2 {
        font-size: 6rem
    }
}

@media (min-width: 1200px) and (min-width: 480px) {
    .component-top-image-form .top-image-form-texts div.texts-main h2 {
        font-size: 5.45455rem
    }
}

@media (min-width: 1200px) and (min-width: 545px) {
    .component-top-image-form .top-image-form-texts div.texts-main h2 {
        font-size: 5rem
    }
}

@media (min-width: 1200px) and (min-width: 768px) {
    .component-top-image-form .top-image-form-texts div.texts-main h2 {
        font-size: 4rem
    }
}

@media (min-width: 1200px) and (min-width: 992px) {
    .component-top-image-form .top-image-form-texts div.texts-main h2 {
        font-size: 3.75rem
    }
}

@media (min-width: 1200px) and (min-width: 1200px) {
    .component-top-image-form .top-image-form-texts div.texts-main h2 {
        font-size: 3.33333rem
    }
}

@media (min-width: 1200px) and (min-width: 1400px) {
    .component-top-image-form .top-image-form-texts div.texts-main h2 {
        font-size: 3rem
    }
}

.component-top-image-form .top-image-form-texts div.texts-main p {
    padding: 0;
    margin: 0
}

@media (min-width: 320px) {
    .component-top-image-form .top-image-form-texts div.texts-main p {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {
    .component-top-image-form .top-image-form-texts div.texts-main p {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .component-top-image-form .top-image-form-texts div.texts-main p {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .component-top-image-form .top-image-form-texts div.texts-main p {
        font-size: 2.4rem
    }
}

@media (min-width: 992px) {
    .component-top-image-form .top-image-form-texts div.texts-main p {
        font-size: 2.25rem
    }
}

@media (min-width: 1200px) {
    .component-top-image-form .top-image-form-texts div.texts-main p {
        font-size: 2rem
    }
}

.component-top-image-form .top-image-form-texts div.texts-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
    padding-top: 30px
}

.component-top-image-form .top-image-form-texts div.texts-info>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 15px
}

.component-top-image-form .top-image-form-texts div.texts-info>div>img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 35px;
    height: 35px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (min-width: 992px) {
    .component-top-image-form .top-image-form-texts div.texts-info>div>img {
        width: 40px;
        height: 40px
    }
}

.component-top-image-form .top-image-form-texts div.texts-info>div>span {
    display: block;
    padding-top: 5px;
    line-height: 1.2;
    font-weight: 500;
    font-size: 4rem;
    color: #522974
}

@media (min-width: 480px) {
    .component-top-image-form .top-image-form-texts div.texts-info>div>span {
        font-size: 3.63636rem
    }
}

@media (min-width: 545px) {
    .component-top-image-form .top-image-form-texts div.texts-info>div>span {
        font-size: 3.33333rem
    }
}

@media (min-width: 768px) {
    .component-top-image-form .top-image-form-texts div.texts-info>div>span {
        font-size: 2.66667rem
    }
}

@media (min-width: 992px) {
    .component-top-image-form .top-image-form-texts div.texts-info>div>span {
        font-size: 2.5rem
    }
}

@media (min-width: 1200px) {
    .component-top-image-form .top-image-form-texts div.texts-info>div>span {
        font-size: 2.22222rem
    }
}

@media (min-width: 1400px) {
    .component-top-image-form .top-image-form-texts div.texts-info>div>span {
        font-size: 2rem
    }
}

@media (min-width: 992px) {
    .component-top-image-form .top-image-form-texts div.texts-info>div>span {
        font-size: 4.8rem
    }
}

@media (min-width: 992px) and (min-width: 480px) {
    .component-top-image-form .top-image-form-texts div.texts-info>div>span {
        font-size: 4.36364rem
    }
}

@media (min-width: 992px) and (min-width: 545px) {
    .component-top-image-form .top-image-form-texts div.texts-info>div>span {
        font-size: 4rem
    }
}

@media (min-width: 992px) and (min-width: 768px) {
    .component-top-image-form .top-image-form-texts div.texts-info>div>span {
        font-size: 3.2rem
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .component-top-image-form .top-image-form-texts div.texts-info>div>span {
        font-size: 3rem
    }
}

@media (min-width: 992px) and (min-width: 1200px) {
    .component-top-image-form .top-image-form-texts div.texts-info>div>span {
        font-size: 2.66667rem
    }
}

@media (min-width: 992px) and (min-width: 1400px) {
    .component-top-image-form .top-image-form-texts div.texts-info>div>span {
        font-size: 2.4rem
    }
}

@media (min-width: 1200px) {
    .component-top-image-form .top-image-form-texts div.texts-info>div>span {
        font-size: 6rem
    }
}

@media (min-width: 1200px) and (min-width: 480px) {
    .component-top-image-form .top-image-form-texts div.texts-info>div>span {
        font-size: 5.45455rem
    }
}

@media (min-width: 1200px) and (min-width: 545px) {
    .component-top-image-form .top-image-form-texts div.texts-info>div>span {
        font-size: 5rem
    }
}

@media (min-width: 1200px) and (min-width: 768px) {
    .component-top-image-form .top-image-form-texts div.texts-info>div>span {
        font-size: 4rem
    }
}

@media (min-width: 1200px) and (min-width: 992px) {
    .component-top-image-form .top-image-form-texts div.texts-info>div>span {
        font-size: 3.75rem
    }
}

@media (min-width: 1200px) and (min-width: 1200px) {
    .component-top-image-form .top-image-form-texts div.texts-info>div>span {
        font-size: 3.33333rem
    }
}

@media (min-width: 1200px) and (min-width: 1400px) {
    .component-top-image-form .top-image-form-texts div.texts-info>div>span {
        font-size: 3rem
    }
}

.component-top-image-form .top-image-form-texts div.texts-info>div>span>strong {
    white-space: nowrap
}

.component-top-image-form .top-image-form-texts .top-image-btns-row-notice {
    padding-top: 4rem;
    text-align: center
}

@media (min-width: 768px) {
    .component-top-image-form .top-image-form-texts .top-image-btns-row-notice {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.component-top-image-form .top-image-form-texts .top-image-btns-row-notice span {
    text-align: center;
    display: block;
    font-size: 2.4rem;
    margin-bottom: 3rem
}

@media (min-width: 480px) {
    .component-top-image-form .top-image-form-texts .top-image-btns-row-notice span {
        font-size: 2.18182rem
    }
}

@media (min-width: 545px) {
    .component-top-image-form .top-image-form-texts .top-image-btns-row-notice span {
        font-size: 2rem
    }
}

@media (min-width: 768px) {
    .component-top-image-form .top-image-form-texts .top-image-btns-row-notice span {
        font-size: 1.6rem
    }
}

@media (min-width: 992px) {
    .component-top-image-form .top-image-form-texts .top-image-btns-row-notice span {
        font-size: 1.5rem
    }
}

@media (min-width: 1200px) {
    .component-top-image-form .top-image-form-texts .top-image-btns-row-notice span {
        font-size: 1.33333rem
    }
}

@media (min-width: 1400px) {
    .component-top-image-form .top-image-form-texts .top-image-btns-row-notice span {
        font-size: 1.2rem
    }
}

@media (min-width: 768px) {
    .component-top-image-form .top-image-form-texts .top-image-btns-row-notice span {
        margin-bottom: 0;
        margin-right: 2rem
    }
}

.component-top-image-form .top-image-form-texts .top-image-btns-row-notice .btn {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 1.5rem 5rem;
    display: block
}

@media (min-width: 768px) {
    .component-top-image-form .top-image-form-texts .top-image-btns-row-notice .btn {
        display: inline-block
    }
}

.component-top-image-form .top-image-form-texts .top-image-btns-row-notice-2025 {
    display: inline-block;
    padding-top: 4rem;
    -ms-flex-item-align: start;
    align-self: flex-start;
    text-align: center
}

.component-top-image-form .top-image-form-texts .top-image-btns-row-notice-2025-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem
}

@media (min-width: 768px) {
    .component-top-image-form .top-image-form-texts .top-image-btns-row-notice-2025-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 2rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.component-top-image-form .top-image-form-texts .top-image-btns-row-notice-2025 .btn {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 1.5rem 4rem;
    display: block
}

@media (min-width: 768px) {
    .component-top-image-form .top-image-form-texts .top-image-btns-row-notice-2025 .btn {
        display: inline-block
    }
}

.component-top-image-form .top-image-form-texts .top-image-btns-row-notice-2025-disclaimer {
    width: 100%;
    padding-top: 5px
}

.component-top-image-form .top-image-form-texts .spread-top-image-inner-content-list {
    margin-top: calc(2rem + 10px)
}

.component-top-image-form .top-image-form-formarea {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    position: relative;
    z-index: 2
}

@media (min-width: 992px) {
    .component-top-image-form .top-image-form-formarea {
        padding-right: 20rem
    }
}

@media (min-width: 992px) and (min-width: 480px) {
    .component-top-image-form .top-image-form-formarea {
        padding-right: 18.18182rem
    }
}

@media (min-width: 992px) and (min-width: 545px) {
    .component-top-image-form .top-image-form-formarea {
        padding-right: 16.66667rem
    }
}

@media (min-width: 992px) and (min-width: 768px) {
    .component-top-image-form .top-image-form-formarea {
        padding-right: 13.33333rem
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .component-top-image-form .top-image-form-formarea {
        padding-right: 12.5rem
    }
}

@media (min-width: 992px) and (min-width: 1200px) {
    .component-top-image-form .top-image-form-formarea {
        padding-right: 11.11111rem
    }
}

@media (min-width: 992px) and (min-width: 1400px) {
    .component-top-image-form .top-image-form-formarea {
        padding-right: 10rem
    }
}

.component-top-image-form .top-image-form-formarea h3 {
    padding: 0 0 3rem 0;
    margin: 0
}

.component-top-image-form .top-image-form-formarea>.formarea-form-toggler,
.component-top-image-form .top-image-form-formarea>.formarea-get-ebook {
    text-align: center
}

.component-top-image-form .top-image-form-formarea>.formarea-form-toggler.js-active,
.component-top-image-form .top-image-form-formarea>.formarea-get-ebook.js-active {
    display: none
}

@media (min-width: 992px) {

    .component-top-image-form .top-image-form-formarea>.formarea-form-toggler,
    .component-top-image-form .top-image-form-formarea>.formarea-get-ebook {
        display: none
    }
}

.component-top-image-form .top-image-form-formarea>.formarea-form-toggler button,
.component-top-image-form .top-image-form-formarea>.formarea-get-ebook button {
    text-transform: uppercase;
    cursor: pointer
}

.component-top-image-form .top-image-form-formarea>.form-not-enabled {
    display: none
}

@media (min-width: 992px) {
    .component-top-image-form .top-image-form-formarea>.form-not-enabled {
        position: relative;
        z-index: 4;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 56rem;
        height: 100%;
        padding: 3rem;
        margin: 0 0 2rem 0;
        -webkit-box-shadow: 0px 3.72px 3.72px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 3.72px 3.72px 0px rgba(0, 0, 0, 0.25);
        background: -webkit-gradient(linear, left top, right top, color-stop(11%, #fff), color-stop(394%, #8f64d6));
        background: -o-linear-gradient(left, #fff 11%, #8f64d6 394%);
        background: linear-gradient(90deg, #fff 11%, #8f64d6 394%);
        border-radius: 10px;
        gap: 15px
    }
}

@media (min-width: 992px) and (min-width: 480px) {
    .component-top-image-form .top-image-form-formarea>.form-not-enabled {
        width: 50.90909rem
    }
}

@media (min-width: 992px) and (min-width: 545px) {
    .component-top-image-form .top-image-form-formarea>.form-not-enabled {
        width: 46.66667rem
    }
}

@media (min-width: 992px) and (min-width: 768px) {
    .component-top-image-form .top-image-form-formarea>.form-not-enabled {
        width: 37.33333rem
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .component-top-image-form .top-image-form-formarea>.form-not-enabled {
        width: 35rem
    }
}

@media (min-width: 992px) and (min-width: 1200px) {
    .component-top-image-form .top-image-form-formarea>.form-not-enabled {
        width: 31.11111rem
    }
}

@media (min-width: 992px) and (min-width: 1400px) {
    .component-top-image-form .top-image-form-formarea>.form-not-enabled {
        width: 28rem
    }
}

@media (min-width: 1200px) {
    .component-top-image-form .top-image-form-formarea>.form-not-enabled {
        width: 76rem
    }
}

@media (min-width: 1200px) and (min-width: 480px) {
    .component-top-image-form .top-image-form-formarea>.form-not-enabled {
        width: 69.09091rem
    }
}

@media (min-width: 1200px) and (min-width: 545px) {
    .component-top-image-form .top-image-form-formarea>.form-not-enabled {
        width: 63.33333rem
    }
}

@media (min-width: 1200px) and (min-width: 768px) {
    .component-top-image-form .top-image-form-formarea>.form-not-enabled {
        width: 50.66667rem
    }
}

@media (min-width: 1200px) and (min-width: 992px) {
    .component-top-image-form .top-image-form-formarea>.form-not-enabled {
        width: 47.5rem
    }
}

@media (min-width: 1200px) and (min-width: 1200px) {
    .component-top-image-form .top-image-form-formarea>.form-not-enabled {
        width: 42.22222rem
    }
}

@media (min-width: 1200px) and (min-width: 1400px) {
    .component-top-image-form .top-image-form-formarea>.form-not-enabled {
        width: 38rem
    }
}

@media (min-width: 1400px) {
    .component-top-image-form .top-image-form-formarea>.form-not-enabled {
        width: 90rem
    }
}

@media (min-width: 1400px) and (min-width: 480px) {
    .component-top-image-form .top-image-form-formarea>.form-not-enabled {
        width: 81.81818rem
    }
}

@media (min-width: 1400px) and (min-width: 545px) {
    .component-top-image-form .top-image-form-formarea>.form-not-enabled {
        width: 75rem
    }
}

@media (min-width: 1400px) and (min-width: 768px) {
    .component-top-image-form .top-image-form-formarea>.form-not-enabled {
        width: 60rem
    }
}

@media (min-width: 1400px) and (min-width: 992px) {
    .component-top-image-form .top-image-form-formarea>.form-not-enabled {
        width: 56.25rem
    }
}

@media (min-width: 1400px) and (min-width: 1200px) {
    .component-top-image-form .top-image-form-formarea>.form-not-enabled {
        width: 50rem
    }
}

@media (min-width: 1400px) and (min-width: 1400px) {
    .component-top-image-form .top-image-form-formarea>.form-not-enabled {
        width: 45rem
    }
}

.component-top-image-form .top-image-form-formarea>.form-not-enabled img {
    width: 40px;
    height: 40px;
    -o-object-fit: contain;
    object-fit: contain
}

.component-top-image-form .top-image-form-formarea>.form-not-enabled h2 {
    padding: 0;
    margin: 0;
    text-align: center;
    font-weight: bold
}

.component-top-image-form .top-image-form-formarea>.form-container {
    position: relative;
    z-index: 4;
    display: none;
    width: 100%;
    padding: 3rem;
    margin: 0;
    -webkit-box-shadow: 0px 3.72px 3.72px 0px #00000040;
    box-shadow: 0px 3.72px 3.72px 0px #00000040;
    background: white;
    border-radius: 10px
}

.component-top-image-form .top-image-form-formarea>.form-container.js-opened {
    display: block
}

@media (min-width: 992px) {
    .component-top-image-form .top-image-form-formarea>.form-container {
        display: block;
        width: 56rem
    }
}

@media (min-width: 992px) and (min-width: 480px) {
    .component-top-image-form .top-image-form-formarea>.form-container {
        width: 50.90909rem
    }
}

@media (min-width: 992px) and (min-width: 545px) {
    .component-top-image-form .top-image-form-formarea>.form-container {
        width: 46.66667rem
    }
}

@media (min-width: 992px) and (min-width: 768px) {
    .component-top-image-form .top-image-form-formarea>.form-container {
        width: 37.33333rem
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .component-top-image-form .top-image-form-formarea>.form-container {
        width: 35rem
    }
}

@media (min-width: 992px) and (min-width: 1200px) {
    .component-top-image-form .top-image-form-formarea>.form-container {
        width: 31.11111rem
    }
}

@media (min-width: 992px) and (min-width: 1400px) {
    .component-top-image-form .top-image-form-formarea>.form-container {
        width: 28rem
    }
}

@media (min-width: 1200px) {
    .component-top-image-form .top-image-form-formarea>.form-container {
        width: 76rem
    }
}

@media (min-width: 1200px) and (min-width: 480px) {
    .component-top-image-form .top-image-form-formarea>.form-container {
        width: 69.09091rem
    }
}

@media (min-width: 1200px) and (min-width: 545px) {
    .component-top-image-form .top-image-form-formarea>.form-container {
        width: 63.33333rem
    }
}

@media (min-width: 1200px) and (min-width: 768px) {
    .component-top-image-form .top-image-form-formarea>.form-container {
        width: 50.66667rem
    }
}

@media (min-width: 1200px) and (min-width: 992px) {
    .component-top-image-form .top-image-form-formarea>.form-container {
        width: 47.5rem
    }
}

@media (min-width: 1200px) and (min-width: 1200px) {
    .component-top-image-form .top-image-form-formarea>.form-container {
        width: 42.22222rem
    }
}

@media (min-width: 1200px) and (min-width: 1400px) {
    .component-top-image-form .top-image-form-formarea>.form-container {
        width: 38rem
    }
}

@media (min-width: 1400px) {
    .component-top-image-form .top-image-form-formarea>.form-container {
        width: 84rem
    }
}

@media (min-width: 1400px) and (min-width: 480px) {
    .component-top-image-form .top-image-form-formarea>.form-container {
        width: 76.36364rem
    }
}

@media (min-width: 1400px) and (min-width: 545px) {
    .component-top-image-form .top-image-form-formarea>.form-container {
        width: 70rem
    }
}

@media (min-width: 1400px) and (min-width: 768px) {
    .component-top-image-form .top-image-form-formarea>.form-container {
        width: 56rem
    }
}

@media (min-width: 1400px) and (min-width: 992px) {
    .component-top-image-form .top-image-form-formarea>.form-container {
        width: 52.5rem
    }
}

@media (min-width: 1400px) and (min-width: 1200px) {
    .component-top-image-form .top-image-form-formarea>.form-container {
        width: 46.66667rem
    }
}

@media (min-width: 1400px) and (min-width: 1400px) {
    .component-top-image-form .top-image-form-formarea>.form-container {
        width: 42rem
    }
}

@media (min-width: 1500px) {
    .component-top-image-form .top-image-form-formarea>.form-container {
        width: 90rem
    }
}

@media (min-width: 1500px) and (min-width: 480px) {
    .component-top-image-form .top-image-form-formarea>.form-container {
        width: 81.81818rem
    }
}

@media (min-width: 1500px) and (min-width: 545px) {
    .component-top-image-form .top-image-form-formarea>.form-container {
        width: 75rem
    }
}

@media (min-width: 1500px) and (min-width: 768px) {
    .component-top-image-form .top-image-form-formarea>.form-container {
        width: 60rem
    }
}

@media (min-width: 1500px) and (min-width: 992px) {
    .component-top-image-form .top-image-form-formarea>.form-container {
        width: 56.25rem
    }
}

@media (min-width: 1500px) and (min-width: 1200px) {
    .component-top-image-form .top-image-form-formarea>.form-container {
        width: 50rem
    }
}

@media (min-width: 1500px) and (min-width: 1400px) {
    .component-top-image-form .top-image-form-formarea>.form-container {
        width: 45rem
    }
}

.component-top-image-form .top-image-form-formarea>.form-container .contact-form {
    max-width: 100%;
    padding: 0;
    background: none
}

.component-top-image-form .top-image-form-formarea>.form-container .webinar-form-row {
    margin-bottom: 1.5rem
}

.component-top-image-form .top-image-form-formarea>.form-container .form-control,
.component-top-image-form .top-image-form-formarea>.form-container select,
.component-top-image-form .top-image-form-formarea>.form-container select.form-control,
.component-top-image-form .top-image-form-formarea>.form-container textarea,
.component-top-image-form .top-image-form-formarea>.form-container textarea.form-control,
.component-top-image-form .top-image-form-formarea>.form-container input[type="text"],
.component-top-image-form .top-image-form-formarea>.form-container input[type="number"],
.component-top-image-form .top-image-form-formarea>.form-container input[type="email"],
.component-top-image-form .top-image-form-formarea>.form-container input[type="password"] {
    border: 0;
    border-radius: 5px;
    -webkit-box-shadow: 0px 3.72px 18.64px 0px #5229741C;
    box-shadow: 0px 3.72px 18.64px 0px #5229741C
}

.component-top-image-form .top-image-form-formarea>.form-container .phone-number-row {
    -webkit-filter: drop-shadow(0px 3.72px 18.64px rgba(82, 41, 116, 0.109804));
    filter: drop-shadow(0px 3.72px 18.64px rgba(82, 41, 116, 0.109804));
    border-radius: 5px
}

.component-top-image-form .top-image-form-formarea>.form-container .phone-number-row .select2-container .select2-selection--single {
    border: 0;
    border-radius: 5px 0 0 5px;
    background: #F1EDF6;
    cursor: pointer
}

.component-top-image-form .top-image-form-formarea>.form-container .phone-number-row input[type="text"].form-control.form-phone-number {
    border-radius: 0 5px 5px 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.component-top-image-form .top-image-form-formarea>.form-container div.checkbox {
    padding-bottom: 10px
}

.component-top-image-form .top-image-form-formarea>.form-container div.checkbox input[type="checkbox"]+label {
    cursor: pointer
}

.component-top-image-form .top-image-form-formarea>.form-container div.checkbox input[type="checkbox"]+label:before {
    width: 30px;
    height: 30px;
    -webkit-box-shadow: 0px 3.72px 18.64px 0px #5229741C;
    box-shadow: 0px 3.72px 18.64px 0px #5229741C
}

.component-top-image-form .top-image-form-formarea>.form-container div.checkbox input[type="checkbox"]+label:after {
    top: 7px;
    left: 5px;
    font-size: 20px
}

.component-top-image-form .top-image-form-formarea>.form-container div.checkbox label {
    line-height: 1.2;
    cursor: pointer
}

.component-top-image-form .top-image-form-formarea>img.formarea-book-image,
.component-top-image-form .top-image-form-formarea>img.formarea-webinar-image,
.component-top-image-form .top-image-form-formarea>img.formarea-seminar-image {
    display: none
}

@media (min-width: 992px) {

    .component-top-image-form .top-image-form-formarea>img.formarea-book-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-webinar-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-seminar-image {
        position: absolute;
        top: 50%;
        left: calc(100% - 20rem);
        z-index: 3;
        display: block;
        width: 72rem;
        max-width: inherit;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        pointer-events: none
    }
}

@media (min-width: 992px) and (min-width: 480px) {

    .component-top-image-form .top-image-form-formarea>img.formarea-book-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-webinar-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-seminar-image {
        width: 65.45455rem
    }
}

@media (min-width: 992px) and (min-width: 545px) {

    .component-top-image-form .top-image-form-formarea>img.formarea-book-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-webinar-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-seminar-image {
        width: 60rem
    }
}

@media (min-width: 992px) and (min-width: 768px) {

    .component-top-image-form .top-image-form-formarea>img.formarea-book-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-webinar-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-seminar-image {
        width: 48rem
    }
}

@media (min-width: 992px) and (min-width: 992px) {

    .component-top-image-form .top-image-form-formarea>img.formarea-book-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-webinar-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-seminar-image {
        width: 45rem
    }
}

@media (min-width: 992px) and (min-width: 1200px) {

    .component-top-image-form .top-image-form-formarea>img.formarea-book-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-webinar-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-seminar-image {
        width: 40rem
    }
}

@media (min-width: 992px) and (min-width: 1400px) {

    .component-top-image-form .top-image-form-formarea>img.formarea-book-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-webinar-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-seminar-image {
        width: 36rem
    }
}

@media (min-width: 1200px) {

    .component-top-image-form .top-image-form-formarea>img.formarea-book-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-webinar-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-seminar-image {
        width: 80rem;
        left: calc(100% - 19rem)
    }
}

@media (min-width: 1200px) and (min-width: 480px) {

    .component-top-image-form .top-image-form-formarea>img.formarea-book-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-webinar-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-seminar-image {
        width: 72.72727rem
    }
}

@media (min-width: 1200px) and (min-width: 545px) {

    .component-top-image-form .top-image-form-formarea>img.formarea-book-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-webinar-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-seminar-image {
        width: 66.66667rem
    }
}

@media (min-width: 1200px) and (min-width: 768px) {

    .component-top-image-form .top-image-form-formarea>img.formarea-book-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-webinar-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-seminar-image {
        width: 53.33333rem
    }
}

@media (min-width: 1200px) and (min-width: 992px) {

    .component-top-image-form .top-image-form-formarea>img.formarea-book-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-webinar-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-seminar-image {
        width: 50rem
    }
}

@media (min-width: 1200px) and (min-width: 1200px) {

    .component-top-image-form .top-image-form-formarea>img.formarea-book-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-webinar-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-seminar-image {
        width: 44.44444rem
    }
}

@media (min-width: 1200px) and (min-width: 1400px) {

    .component-top-image-form .top-image-form-formarea>img.formarea-book-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-webinar-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-seminar-image {
        width: 40rem
    }
}

@media (min-width: 1400px) {

    .component-top-image-form .top-image-form-formarea>img.formarea-book-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-webinar-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-seminar-image {
        width: 70rem;
        left: calc(100% - 16rem)
    }
}

@media (min-width: 1400px) and (min-width: 480px) {

    .component-top-image-form .top-image-form-formarea>img.formarea-book-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-webinar-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-seminar-image {
        width: 63.63636rem
    }
}

@media (min-width: 1400px) and (min-width: 545px) {

    .component-top-image-form .top-image-form-formarea>img.formarea-book-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-webinar-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-seminar-image {
        width: 58.33333rem
    }
}

@media (min-width: 1400px) and (min-width: 768px) {

    .component-top-image-form .top-image-form-formarea>img.formarea-book-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-webinar-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-seminar-image {
        width: 46.66667rem
    }
}

@media (min-width: 1400px) and (min-width: 992px) {

    .component-top-image-form .top-image-form-formarea>img.formarea-book-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-webinar-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-seminar-image {
        width: 43.75rem
    }
}

@media (min-width: 1400px) and (min-width: 1200px) {

    .component-top-image-form .top-image-form-formarea>img.formarea-book-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-webinar-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-seminar-image {
        width: 38.88889rem
    }
}

@media (min-width: 1400px) and (min-width: 1400px) {

    .component-top-image-form .top-image-form-formarea>img.formarea-book-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-webinar-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-seminar-image {
        width: 35rem
    }
}

@media (min-width: 1600px) {

    .component-top-image-form .top-image-form-formarea>img.formarea-book-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-webinar-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-seminar-image {
        width: 80rem;
        left: calc(100% - 17rem)
    }
}

@media (min-width: 1600px) and (min-width: 480px) {

    .component-top-image-form .top-image-form-formarea>img.formarea-book-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-webinar-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-seminar-image {
        width: 72.72727rem
    }
}

@media (min-width: 1600px) and (min-width: 545px) {

    .component-top-image-form .top-image-form-formarea>img.formarea-book-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-webinar-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-seminar-image {
        width: 66.66667rem
    }
}

@media (min-width: 1600px) and (min-width: 768px) {

    .component-top-image-form .top-image-form-formarea>img.formarea-book-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-webinar-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-seminar-image {
        width: 53.33333rem
    }
}

@media (min-width: 1600px) and (min-width: 992px) {

    .component-top-image-form .top-image-form-formarea>img.formarea-book-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-webinar-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-seminar-image {
        width: 50rem
    }
}

@media (min-width: 1600px) and (min-width: 1200px) {

    .component-top-image-form .top-image-form-formarea>img.formarea-book-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-webinar-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-seminar-image {
        width: 44.44444rem
    }
}

@media (min-width: 1600px) and (min-width: 1400px) {

    .component-top-image-form .top-image-form-formarea>img.formarea-book-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-webinar-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-seminar-image {
        width: 40rem
    }
}

@media (min-width: 1800px) {

    .component-top-image-form .top-image-form-formarea>img.formarea-book-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-webinar-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-seminar-image {
        width: 90rem;
        left: calc(100% - 18rem)
    }
}

@media (min-width: 1800px) and (min-width: 480px) {

    .component-top-image-form .top-image-form-formarea>img.formarea-book-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-webinar-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-seminar-image {
        width: 81.81818rem
    }
}

@media (min-width: 1800px) and (min-width: 545px) {

    .component-top-image-form .top-image-form-formarea>img.formarea-book-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-webinar-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-seminar-image {
        width: 75rem
    }
}

@media (min-width: 1800px) and (min-width: 768px) {

    .component-top-image-form .top-image-form-formarea>img.formarea-book-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-webinar-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-seminar-image {
        width: 60rem
    }
}

@media (min-width: 1800px) and (min-width: 992px) {

    .component-top-image-form .top-image-form-formarea>img.formarea-book-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-webinar-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-seminar-image {
        width: 56.25rem
    }
}

@media (min-width: 1800px) and (min-width: 1200px) {

    .component-top-image-form .top-image-form-formarea>img.formarea-book-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-webinar-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-seminar-image {
        width: 50rem
    }
}

@media (min-width: 1800px) and (min-width: 1400px) {

    .component-top-image-form .top-image-form-formarea>img.formarea-book-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-webinar-image,
    .component-top-image-form .top-image-form-formarea>img.formarea-seminar-image {
        width: 45rem
    }
}

.component-top-image-form .top-image-standalone-image {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

@media (min-width: 992px) {
    .component-top-image-form .top-image-standalone-image {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 70rem
    }
}

@media (min-width: 992px) and (min-width: 480px) {
    .component-top-image-form .top-image-standalone-image {
        width: 63.63636rem
    }
}

@media (min-width: 992px) and (min-width: 545px) {
    .component-top-image-form .top-image-standalone-image {
        width: 58.33333rem
    }
}

@media (min-width: 992px) and (min-width: 768px) {
    .component-top-image-form .top-image-standalone-image {
        width: 46.66667rem
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .component-top-image-form .top-image-standalone-image {
        width: 43.75rem
    }
}

@media (min-width: 992px) and (min-width: 1200px) {
    .component-top-image-form .top-image-standalone-image {
        width: 38.88889rem
    }
}

@media (min-width: 992px) and (min-width: 1400px) {
    .component-top-image-form .top-image-standalone-image {
        width: 35rem
    }
}

@media (min-width: 1200px) {
    .component-top-image-form .top-image-standalone-image {
        width: 100rem
    }
}

@media (min-width: 1200px) and (min-width: 480px) {
    .component-top-image-form .top-image-standalone-image {
        width: 90.90909rem
    }
}

@media (min-width: 1200px) and (min-width: 545px) {
    .component-top-image-form .top-image-standalone-image {
        width: 83.33333rem
    }
}

@media (min-width: 1200px) and (min-width: 768px) {
    .component-top-image-form .top-image-standalone-image {
        width: 66.66667rem
    }
}

@media (min-width: 1200px) and (min-width: 992px) {
    .component-top-image-form .top-image-standalone-image {
        width: 62.5rem
    }
}

@media (min-width: 1200px) and (min-width: 1200px) {
    .component-top-image-form .top-image-standalone-image {
        width: 55.55556rem
    }
}

@media (min-width: 1200px) and (min-width: 1400px) {
    .component-top-image-form .top-image-standalone-image {
        width: 50rem
    }
}

@media (min-width: 1400px) {
    .component-top-image-form .top-image-standalone-image:not(._small) {
        width: 130rem
    }
}

@media (min-width: 1400px) and (min-width: 480px) {
    .component-top-image-form .top-image-standalone-image:not(._small) {
        width: 118.18182rem
    }
}

@media (min-width: 1400px) and (min-width: 545px) {
    .component-top-image-form .top-image-standalone-image:not(._small) {
        width: 108.33333rem
    }
}

@media (min-width: 1400px) and (min-width: 768px) {
    .component-top-image-form .top-image-standalone-image:not(._small) {
        width: 86.66667rem
    }
}

@media (min-width: 1400px) and (min-width: 992px) {
    .component-top-image-form .top-image-standalone-image:not(._small) {
        width: 81.25rem
    }
}

@media (min-width: 1400px) and (min-width: 1200px) {
    .component-top-image-form .top-image-standalone-image:not(._small) {
        width: 72.22222rem
    }
}

@media (min-width: 1400px) and (min-width: 1400px) {
    .component-top-image-form .top-image-standalone-image:not(._small) {
        width: 65rem
    }
}

.component-top-image-form .top-image-standalone-image img {
    display: block;
    max-height: 50rem;
    margin: 0 auto
}

@media (min-width: 480px) {
    .component-top-image-form .top-image-standalone-image img {
        max-height: 45.45455rem
    }
}

@media (min-width: 545px) {
    .component-top-image-form .top-image-standalone-image img {
        max-height: 41.66667rem
    }
}

@media (min-width: 768px) {
    .component-top-image-form .top-image-standalone-image img {
        max-height: 33.33333rem
    }
}

@media (min-width: 992px) {
    .component-top-image-form .top-image-standalone-image img {
        max-height: 31.25rem
    }
}

@media (min-width: 1200px) {
    .component-top-image-form .top-image-standalone-image img {
        max-height: 27.77778rem
    }
}

@media (min-width: 1400px) {
    .component-top-image-form .top-image-standalone-image img {
        max-height: 25rem
    }
}

@media (min-width: 992px) {
    .component-top-image-form .top-image-standalone-image img {
        max-height: 120rem
    }
}

@media (min-width: 992px) and (min-width: 480px) {
    .component-top-image-form .top-image-standalone-image img {
        max-height: 109.09091rem
    }
}

@media (min-width: 992px) and (min-width: 545px) {
    .component-top-image-form .top-image-standalone-image img {
        max-height: 100rem
    }
}

@media (min-width: 992px) and (min-width: 768px) {
    .component-top-image-form .top-image-standalone-image img {
        max-height: 80rem
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .component-top-image-form .top-image-standalone-image img {
        max-height: 75rem
    }
}

@media (min-width: 992px) and (min-width: 1200px) {
    .component-top-image-form .top-image-standalone-image img {
        max-height: 66.66667rem
    }
}

@media (min-width: 992px) and (min-width: 1400px) {
    .component-top-image-form .top-image-standalone-image img {
        max-height: 60rem
    }
}

.team-wrapper {
    display: none
}

.team-wrapper.active {
    display: block
}

.team-row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.team-row [class^="col-"] {
    padding: 1rem
}

.team-member {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    padding: 4.5rem 2.5rem 2.5rem 2.5rem;
    border-radius: 5px 5px 0 0;
    background-color: white;
    -webkit-box-shadow: 0 7.503px 25.512px 0 #0000001A;
    box-shadow: 0 7.503px 25.512px 0 #0000001A
}

.team-member .team-member-top .team-member-top-photo {
    text-align: center
}

.team-member .team-member-top .team-member-top-photo a {
    display: block
}

.team-member .team-member-top .team-member-top-photo img {
    width: 120px;
    height: 120px !important;
    border-radius: 100%;
    margin: 0 auto;
    -o-object-fit: cover;
    object-fit: cover;
    background: #d3d3d3
}

@media (min-width: 992px) {
    .team-member .team-member-top .team-member-top-photo img {
        width: 150px;
        height: 150px !important
    }
}

@media (min-width: 1200px) {
    .team-member .team-member-top .team-member-top-photo img {
        width: 180px;
        height: 180px !important
    }
}

.team-member .team-member-top .team-member-top-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    padding-top: 3rem;
    font-weight: 600;
    color: #54307e
}

@media (min-width: 320px) {
    .team-member .team-member-top .team-member-top-name {
        font-size: 4rem
    }
}

@media (min-width: 480px) {
    .team-member .team-member-top .team-member-top-name {
        font-size: 3.63636rem
    }
}

@media (min-width: 545px) {
    .team-member .team-member-top .team-member-top-name {
        font-size: 3.33333rem
    }
}

@media (min-width: 768px) {
    .team-member .team-member-top .team-member-top-name {
        font-size: 2.66667rem
    }
}

@media (min-width: 992px) {
    .team-member .team-member-top .team-member-top-name {
        font-size: 2.5rem
    }
}

@media (min-width: 1200px) {
    .team-member .team-member-top .team-member-top-name {
        font-size: 2.22222rem
    }
}

@media (min-width: 1400px) {
    .team-member .team-member-top .team-member-top-name {
        font-size: 2.2rem
    }
}

@media (min-width: 320px) {
    .team-member .team-member-top .team-member-top-name {
        line-height: 5.8rem
    }
}

@media (min-width: 480px) {
    .team-member .team-member-top .team-member-top-name {
        line-height: 5.27273rem
    }
}

@media (min-width: 545px) {
    .team-member .team-member-top .team-member-top-name {
        line-height: 4.83333rem
    }
}

@media (min-width: 768px) {
    .team-member .team-member-top .team-member-top-name {
        line-height: 3.86667rem
    }
}

@media (min-width: 992px) {
    .team-member .team-member-top .team-member-top-name {
        line-height: 3.625rem
    }
}

@media (min-width: 1200px) {
    .team-member .team-member-top .team-member-top-name {
        line-height: 3.3rem
    }
}

.team-member .team-member-top .team-member-top-name a {
    text-decoration: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.team-member .team-member-top .team-member-top-name .team-member-linkedin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.team-member .team-member-top .team-member-top-name .team-member-linkedin svg {
    width: 33px;
    height: 33px;
    border-radius: 100%
}

.team-member .team-member-top .team-member-top-name .team-member-linkedin svg:hover {
    opacity: 0.8
}

.team-member .team-member-top .team-member-top-position {
    padding-top: 2rem
}

@media (min-width: 320px) {
    .team-member .team-member-top .team-member-top-position {
        font-size: 3.2rem
    }
}

@media (min-width: 480px) {
    .team-member .team-member-top .team-member-top-position {
        font-size: 2.90909rem
    }
}

@media (min-width: 545px) {
    .team-member .team-member-top .team-member-top-position {
        font-size: 2.66667rem
    }
}

@media (min-width: 768px) {
    .team-member .team-member-top .team-member-top-position {
        font-size: 2.13333rem
    }
}

@media (min-width: 992px) {
    .team-member .team-member-top .team-member-top-position {
        font-size: 2rem
    }
}

@media (min-width: 1200px) {
    .team-member .team-member-top .team-member-top-position {
        font-size: 1.77778rem
    }
}

@media (min-width: 1400px) {
    .team-member .team-member-top .team-member-top-position {
        font-size: 1.6rem
    }
}

.team-member .team-member-link button,
.team-member .team-member-link a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2rem 0 0 0;
    margin: 0;
    background: transparent;
    border: none;
    outline: 0;
    text-decoration: none;
    cursor: pointer
}

@media (min-width: 320px) {

    .team-member .team-member-link button,
    .team-member .team-member-link a {
        font-size: 3.2rem
    }
}

@media (min-width: 480px) {

    .team-member .team-member-link button,
    .team-member .team-member-link a {
        font-size: 2.90909rem
    }
}

@media (min-width: 545px) {

    .team-member .team-member-link button,
    .team-member .team-member-link a {
        font-size: 2.66667rem
    }
}

@media (min-width: 768px) {

    .team-member .team-member-link button,
    .team-member .team-member-link a {
        font-size: 2.13333rem
    }
}

@media (min-width: 992px) {

    .team-member .team-member-link button,
    .team-member .team-member-link a {
        font-size: 2rem
    }
}

@media (min-width: 1200px) {

    .team-member .team-member-link button,
    .team-member .team-member-link a {
        font-size: 1.77778rem
    }
}

@media (min-width: 1400px) {

    .team-member .team-member-link button,
    .team-member .team-member-link a {
        font-size: 1.6rem
    }
}

.team-member .team-member-link button:last-child,
.team-member .team-member-link a:last-child {
    margin-bottom: 0
}

.team-member .team-member-link button:after,
.team-member .team-member-link a:after {
    display: block;
    margin-left: 5px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
    content: "\e92b"
}

.team-member .team-member-link button:hover:after,
.team-member .team-member-link a:hover:after {
    -webkit-transform: rotate(90deg) translateY(-2px);
    -ms-transform: rotate(90deg) translateY(-2px);
    transform: rotate(90deg) translateY(-2px)
}

.team-member .team-member-link a {
    font-weight: 700;
    color: #54307e
}

.team-details .modal.show {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.team-details .modal-body {
    padding: 0
}

.team-details .modal-dialog {
    max-width: 650px !important
}

.team-details .modal-dialog .modal-content {
    position: relative;
    -webkit-box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    border-radius: 5px;
    background-color: white;
    border: 0
}

.team-details .modal-dialog .modal-content .close {
    position: absolute;
    top: .5rem;
    right: 1rem;
    z-index: 2;
    font-size: 30px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    outline: 0
}

@media (min-width: 768px) {
    .team-details .modal-dialog .modal-content .modal-body {
        padding: 30px 60px
    }
}

@media (min-width: 1200px) {
    .team-details .modal-dialog .modal-content .modal-body {
        padding: 30px 120px
    }
}

.team-details .member-detail-rotation {
    position: absolute;
    top: 25%;
    z-index: 3;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 36px;
    height: 36px;
    background: #54307e;
    border-radius: 100%;
    font-size: 0;
    cursor: pointer
}

@media (min-width: 768px) {
    .team-details .member-detail-rotation {
        top: 50%
    }
}

.team-details .member-detail-rotation:after {
    display: block;
    font-size: 20px;
    color: #fff;
    content: "\e92b";
    -webkit-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms
}

.team-details .member-detail-rotation.prev-member {
    left: 10px
}

@media (min-width: 1200px) {
    .team-details .member-detail-rotation.prev-member {
        left: 30px
    }
}

.team-details .member-detail-rotation.prev-member:after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.team-details .member-detail-rotation.next-member {
    right: 10px
}

@media (min-width: 1200px) {
    .team-details .member-detail-rotation.next-member {
        right: 30px
    }
}

.team-details .member-detail-rotation.next-member:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.team-details .member-detail-rotation:hover.next-member:after {
    -webkit-transform: rotate(-90deg) scale(1.2);
    -ms-transform: rotate(-90deg) scale(1.2);
    transform: rotate(-90deg) scale(1.2)
}

.team-details .member-detail-rotation:hover.next-member:after {
    -webkit-transform: rotate(90deg) scale(1.2);
    -ms-transform: rotate(90deg) scale(1.2);
    transform: rotate(90deg) scale(1.2)
}

.team-details .team-member.detail {
    -webkit-box-shadow: none;
    box-shadow: none
}

@media (min-width: 768px) {
    .team-details .team-member.detail {
        padding: 0
    }
}

.team-details .team-member.detail .team-member-photo {
    width: 100px;
    margin: auto
}

.team-details .team-member.detail .team-member-top .team-member-top-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 4.4rem
}

@media (min-width: 480px) {
    .team-details .team-member.detail .team-member-top .team-member-top-name {
        font-size: 4rem
    }
}

@media (min-width: 545px) {
    .team-details .team-member.detail .team-member-top .team-member-top-name {
        font-size: 3.66667rem
    }
}

@media (min-width: 768px) {
    .team-details .team-member.detail .team-member-top .team-member-top-name {
        font-size: 2.93333rem
    }
}

@media (min-width: 992px) {
    .team-details .team-member.detail .team-member-top .team-member-top-name {
        font-size: 2.75rem
    }
}

@media (min-width: 1200px) {
    .team-details .team-member.detail .team-member-top .team-member-top-name {
        font-size: 2.44444rem
    }
}

@media (min-width: 1400px) {
    .team-details .team-member.detail .team-member-top .team-member-top-name {
        font-size: 2.2rem
    }
}

.team-details .team-member.detail .team-member-top .team-member-top-position {
    padding-top: 0.5rem;
    text-align: center;
    font-size: 3.6rem
}

@media (min-width: 480px) {
    .team-details .team-member.detail .team-member-top .team-member-top-position {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .team-details .team-member.detail .team-member-top .team-member-top-position {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .team-details .team-member.detail .team-member-top .team-member-top-position {
        font-size: 2.4rem
    }
}

@media (min-width: 992px) {
    .team-details .team-member.detail .team-member-top .team-member-top-position {
        font-size: 2.25rem
    }
}

@media (min-width: 1200px) {
    .team-details .team-member.detail .team-member-top .team-member-top-position {
        font-size: 2rem
    }
}

@media (min-width: 1400px) {
    .team-details .team-member.detail .team-member-top .team-member-top-position {
        font-size: 1.8rem
    }
}

.team-details .team-member.detail .team-member-top .team-member-top-perex {
    padding: 4rem 0 2rem 0;
    color: #522974
}

.team-details .team-member.detail .team-member-detail-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 2rem;
    gap: 1rem
}

.team-details .team-member.detail .team-member-detail-buttons a {
    max-width: 100%;
    white-space: normal;
    line-height: 1.3
}

@media (min-width: 1200px) {
    .team-details .team-member.detail .team-member-detail-buttons {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .team-details .team-member.detail .team-member-detail-buttons a {
        max-width: 48%
    }
}

.team-switches {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -7.5px;
    padding: 4.5rem 0
}

.team-switches .team-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-height: 80px;
    padding: 12px;
    margin: 7.5px;
    background: #fff;
    -webkit-box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    border-radius: 3px;
    border-bottom: 4px solid #522974;
    text-decoration: none;
    font-size: 3.2rem;
    font-weight: 700;
    -webkit-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
    cursor: pointer
}

@media (min-width: 480px) {
    .team-switches .team-tab {
        font-size: 2.90909rem
    }
}

@media (min-width: 545px) {
    .team-switches .team-tab {
        font-size: 2.66667rem
    }
}

@media (min-width: 768px) {
    .team-switches .team-tab {
        font-size: 2.13333rem
    }
}

@media (min-width: 992px) {
    .team-switches .team-tab {
        font-size: 2rem
    }
}

@media (min-width: 1200px) {
    .team-switches .team-tab {
        font-size: 1.77778rem
    }
}

@media (min-width: 1400px) {
    .team-switches .team-tab {
        font-size: 1.6rem
    }
}

@media (min-width: 768px) {
    .team-switches .team-tab {
        width: 40rem
    }
}

@media (min-width: 768px) and (min-width: 480px) {
    .team-switches .team-tab {
        width: 36.36364rem
    }
}

@media (min-width: 768px) and (min-width: 545px) {
    .team-switches .team-tab {
        width: 33.33333rem
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .team-switches .team-tab {
        width: 26.66667rem
    }
}

@media (min-width: 768px) and (min-width: 992px) {
    .team-switches .team-tab {
        width: 25rem
    }
}

@media (min-width: 768px) and (min-width: 1200px) {
    .team-switches .team-tab {
        width: 22.22222rem
    }
}

@media (min-width: 768px) and (min-width: 1400px) {
    .team-switches .team-tab {
        width: 20rem
    }
}

.team-switches .team-tab.active,
.team-switches .team-tab:hover {
    border-color: #14ad53
}

.lecture-wrapper {
    display: none
}

.lecture-wrapper.active {
    display: block
}

.lecture-row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.lecture-row [class^="col-"] {
    padding: 3rem 7.5px
}

.lecture-category {
    border-radius: 5px 5px 0 0;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    padding: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%
}

.lecture-category-top-photo {
    margin: -2rem -2rem 0;
    text-align: center;
    padding-bottom: 2rem;
    background: url("../img/lecture-category-bg.html");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain
}

.lecture-category-top-photo img {
    margin-top: -2.5rem;
    height: 140px !important
}

.lecture-category-top-name {
    color: #54307e;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 320px) {
    .lecture-category-top-name {
        font-size: 4.4rem
    }
}

@media (min-width: 480px) {
    .lecture-category-top-name {
        font-size: 4rem
    }
}

@media (min-width: 545px) {
    .lecture-category-top-name {
        font-size: 3.66667rem
    }
}

@media (min-width: 768px) {
    .lecture-category-top-name {
        font-size: 2.93333rem
    }
}

@media (min-width: 992px) {
    .lecture-category-top-name {
        font-size: 2.75rem
    }
}

@media (min-width: 1200px) {
    .lecture-category-top-name {
        font-size: 2.6rem
    }
}

@media (min-width: 320px) {
    .lecture-category-top-name {
        line-height: 5.8rem
    }
}

@media (min-width: 480px) {
    .lecture-category-top-name {
        line-height: 5.27273rem
    }
}

@media (min-width: 545px) {
    .lecture-category-top-name {
        line-height: 4.83333rem
    }
}

@media (min-width: 768px) {
    .lecture-category-top-name {
        line-height: 3.86667rem
    }
}

@media (min-width: 992px) {
    .lecture-category-top-name {
        line-height: 3.625rem
    }
}

@media (min-width: 1200px) {
    .lecture-category-top-name {
        line-height: 3.3rem
    }
}

.lecture-category-top-name .lecture-category-linkedin {
    background: #0e76a8;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none
}

@media (min-width: 320px) {
    .lecture-category-top-name .lecture-category-linkedin {
        width: 5.8rem
    }
}

@media (min-width: 480px) {
    .lecture-category-top-name .lecture-category-linkedin {
        width: 5.27273rem
    }
}

@media (min-width: 545px) {
    .lecture-category-top-name .lecture-category-linkedin {
        width: 4.83333rem
    }
}

@media (min-width: 768px) {
    .lecture-category-top-name .lecture-category-linkedin {
        width: 3.86667rem
    }
}

@media (min-width: 992px) {
    .lecture-category-top-name .lecture-category-linkedin {
        width: 3.625rem
    }
}

@media (min-width: 1200px) {
    .lecture-category-top-name .lecture-category-linkedin {
        width: 3.3rem
    }
}

@media (min-width: 320px) {
    .lecture-category-top-name .lecture-category-linkedin {
        height: 5.8rem
    }
}

@media (min-width: 480px) {
    .lecture-category-top-name .lecture-category-linkedin {
        height: 5.27273rem
    }
}

@media (min-width: 545px) {
    .lecture-category-top-name .lecture-category-linkedin {
        height: 4.83333rem
    }
}

@media (min-width: 768px) {
    .lecture-category-top-name .lecture-category-linkedin {
        height: 3.86667rem
    }
}

@media (min-width: 992px) {
    .lecture-category-top-name .lecture-category-linkedin {
        height: 3.625rem
    }
}

@media (min-width: 1200px) {
    .lecture-category-top-name .lecture-category-linkedin {
        height: 3.3rem
    }
}

.lecture-category-top-name .lecture-category-linkedin:after {
    content: "\e953";
    color: #fff
}

@media (min-width: 320px) {
    .lecture-category-top-name .lecture-category-linkedin:after {
        font-size: 4.8rem
    }
}

@media (min-width: 480px) {
    .lecture-category-top-name .lecture-category-linkedin:after {
        font-size: 4.36364rem
    }
}

@media (min-width: 545px) {
    .lecture-category-top-name .lecture-category-linkedin:after {
        font-size: 4rem
    }
}

@media (min-width: 768px) {
    .lecture-category-top-name .lecture-category-linkedin:after {
        font-size: 3.2rem
    }
}

@media (min-width: 992px) {
    .lecture-category-top-name .lecture-category-linkedin:after {
        font-size: 3rem
    }
}

@media (min-width: 1200px) {
    .lecture-category-top-name .lecture-category-linkedin:after {
        font-size: 2.8rem
    }
}

.lecture-category-top-position {
    font-weight: 300;
    font-style: italic
}

@media (min-width: 320px) {
    .lecture-category-top-position {
        font-size: 3.2rem
    }
}

@media (min-width: 480px) {
    .lecture-category-top-position {
        font-size: 2.90909rem
    }
}

@media (min-width: 545px) {
    .lecture-category-top-position {
        font-size: 2.66667rem
    }
}

@media (min-width: 768px) {
    .lecture-category-top-position {
        font-size: 2.13333rem
    }
}

@media (min-width: 992px) {
    .lecture-category-top-position {
        font-size: 2rem
    }
}

@media (min-width: 1200px) {
    .lecture-category-top-position {
        font-size: 1.77778rem
    }
}

@media (min-width: 1400px) {
    .lecture-category-top-position {
        font-size: 1.6rem
    }
}

.lecture-category-link {
    padding-top: 2.5rem
}

.lecture-category-link button,
.lecture-category-link a {
    background: transparent;
    border: none;
    outline: 0;
    text-decoration: none;
    padding: 0;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .5rem
}

@media (min-width: 320px) {

    .lecture-category-link button,
    .lecture-category-link a {
        font-size: 3.2rem
    }
}

@media (min-width: 480px) {

    .lecture-category-link button,
    .lecture-category-link a {
        font-size: 2.90909rem
    }
}

@media (min-width: 545px) {

    .lecture-category-link button,
    .lecture-category-link a {
        font-size: 2.66667rem
    }
}

@media (min-width: 768px) {

    .lecture-category-link button,
    .lecture-category-link a {
        font-size: 2.13333rem
    }
}

@media (min-width: 992px) {

    .lecture-category-link button,
    .lecture-category-link a {
        font-size: 2rem
    }
}

@media (min-width: 1200px) {

    .lecture-category-link button,
    .lecture-category-link a {
        font-size: 1.77778rem
    }
}

@media (min-width: 1400px) {

    .lecture-category-link button,
    .lecture-category-link a {
        font-size: 1.6rem
    }
}

.lecture-category-link button:last-child,
.lecture-category-link a:last-child {
    margin-bottom: 0
}

.lecture-category-link button:after,
.lecture-category-link a:after {
    content: "\e92b";
    display: block;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-left: 5px;
    -webkit-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms
}

.lecture-category-link button:hover:after,
.lecture-category-link a:hover:after {
    -webkit-transform: rotate(90deg) translateY(-2px);
    -ms-transform: rotate(90deg) translateY(-2px);
    transform: rotate(90deg) translateY(-2px)
}

.lecture-category-link a {
    font-weight: 700;
    color: #54307e
}

.lecture-details .modal.show {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.lecture-details .modal-body {
    padding: 0
}

.lecture-details .modal-dialog {
    max-width: 120rem
}

.lecture-details .modal-dialog .modal-content {
    -webkit-box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    border-radius: 5px;
    background-color: #ffffff;
    position: relative;
    border: 0
}

.lecture-details .modal-dialog .modal-content .close {
    font-size: 30px;
    position: absolute;
    z-index: 2;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: .5rem;
    right: 1rem;
    outline: 0
}

.lecture-details .lecture-category-detail-rotation {
    position: absolute;
    top: 25%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    background-color: #54307e;
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0;
    cursor: pointer
}

@media (min-width: 768px) {
    .lecture-details .lecture-category-detail-rotation {
        top: 50%
    }
}

.lecture-details .lecture-category-detail-rotation:after {
    content: "\e92b";
    display: block;
    font-size: 20px;
    color: #fff;
    -webkit-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms
}

.lecture-details .lecture-category-detail-rotation.prev-category {
    left: 0;
    border-radius: 0 3px 3px 0
}

.lecture-details .lecture-category-detail-rotation.prev-category:after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.lecture-details .lecture-category-detail-rotation.next-category {
    right: 0;
    border-radius: 3px 0 0 3px
}

.lecture-details .lecture-category-detail-rotation.next-category:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.lecture-details .lecture-category-detail-rotation:hover.next-category:after {
    -webkit-transform: rotate(-90deg) scale(1.2);
    -ms-transform: rotate(-90deg) scale(1.2);
    transform: rotate(-90deg) scale(1.2)
}

.lecture-details .lecture-category-detail-rotation:hover.next-category:after {
    -webkit-transform: rotate(90deg) scale(1.2);
    -ms-transform: rotate(90deg) scale(1.2);
    transform: rotate(90deg) scale(1.2)
}

.lecture-details .lecture-category.detail {
    -webkit-box-shadow: none;
    box-shadow: none
}

@media (min-width: 768px) {
    .lecture-details .lecture-category.detail {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 0
    }
}

.lecture-details .lecture-category.detail .lecture-category-photo {
    width: 60%;
    margin: auto
}

@media (min-width: 768px) {
    .lecture-details .lecture-category.detail .lecture-category-photo {
        min-width: 35rem;
        width: auto
    }
}

@media (min-width: 768px) {
    .lecture-details .lecture-category.detail .lecture-category-top.no-image {
        padding-left: 10rem
    }
}

@media (min-width: 768px) {
    .lecture-details .lecture-category.detail .lecture-category-top {
        padding: 2rem 10rem 2rem 2rem
    }
}

.lecture-details .lecture-category.detail .lecture-category-top-name {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.lecture-details .lecture-category.detail .lecture-category-top-name span {
    margin-right: 2rem
}

.lecture-details .lecture-category.detail .lecture-category-top-perex {
    padding: 2rem 0
}

.lecture-switches {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -7.5px;
    padding: 4.5rem 0
}

.lecture-switches .lecture-tab {
    background: #fff;
    -webkit-box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    border-radius: 3px;
    min-height: 80px;
    width: 36rem;
    border-bottom: 4px solid #522974;
    font-weight: 700;
    font-size: 3.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 7.5px;
    padding: 12px;
    -webkit-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
    cursor: pointer;
    text-decoration: none
}

@media (min-width: 480px) {
    .lecture-switches .lecture-tab {
        width: 32.72727rem
    }
}

@media (min-width: 545px) {
    .lecture-switches .lecture-tab {
        width: 30rem
    }
}

@media (min-width: 768px) {
    .lecture-switches .lecture-tab {
        width: 24rem
    }
}

@media (min-width: 992px) {
    .lecture-switches .lecture-tab {
        width: 22.5rem
    }
}

@media (min-width: 1200px) {
    .lecture-switches .lecture-tab {
        width: 20rem
    }
}

@media (min-width: 1400px) {
    .lecture-switches .lecture-tab {
        width: 18rem
    }
}

@media (min-width: 480px) {
    .lecture-switches .lecture-tab {
        font-size: 2.90909rem
    }
}

@media (min-width: 545px) {
    .lecture-switches .lecture-tab {
        font-size: 2.66667rem
    }
}

@media (min-width: 768px) {
    .lecture-switches .lecture-tab {
        font-size: 2.13333rem
    }
}

@media (min-width: 992px) {
    .lecture-switches .lecture-tab {
        font-size: 2rem
    }
}

@media (min-width: 1200px) {
    .lecture-switches .lecture-tab {
        font-size: 1.77778rem
    }
}

@media (min-width: 1400px) {
    .lecture-switches .lecture-tab {
        font-size: 1.6rem
    }
}

@media (min-width: 1400px) {
    .lecture-switches .lecture-tab {
        width: 40rem
    }
}

@media (min-width: 1400px) and (min-width: 480px) {
    .lecture-switches .lecture-tab {
        width: 36.36364rem
    }
}

@media (min-width: 1400px) and (min-width: 545px) {
    .lecture-switches .lecture-tab {
        width: 33.33333rem
    }
}

@media (min-width: 1400px) and (min-width: 768px) {
    .lecture-switches .lecture-tab {
        width: 26.66667rem
    }
}

@media (min-width: 1400px) and (min-width: 992px) {
    .lecture-switches .lecture-tab {
        width: 25rem
    }
}

@media (min-width: 1400px) and (min-width: 1200px) {
    .lecture-switches .lecture-tab {
        width: 22.22222rem
    }
}

@media (min-width: 1400px) and (min-width: 1400px) {
    .lecture-switches .lecture-tab {
        width: 20rem
    }
}

.lecture-switches .lecture-tab.active,
.lecture-switches .lecture-tab:hover {
    border-color: #14ad53
}

.countdown-container h2 {
    text-align: center;
    margin-bottom: 1rem;
    padding-bottom: 0
}

@media (min-width: 320px) {
    .countdown-container h3 {
        font-size: 4.8rem
    }
}

@media (min-width: 480px) {
    .countdown-container h3 {
        font-size: 4.36364rem
    }
}

@media (min-width: 545px) {
    .countdown-container h3 {
        font-size: 4rem
    }
}

@media (min-width: 768px) {
    .countdown-container h3 {
        font-size: 3.2rem
    }
}

@media (min-width: 992px) {
    .countdown-container h3 {
        font-size: 3rem
    }
}

@media (min-width: 1200px) {
    .countdown-container h3 {
        font-size: 2.8rem
    }
}

@media (min-width: 320px) {
    .countdown-container small {
        font-size: 2.6rem
    }
}

@media (min-width: 480px) {
    .countdown-container small {
        font-size: 2.36364rem
    }
}

@media (min-width: 545px) {
    .countdown-container small {
        font-size: 2.16667rem
    }
}

@media (min-width: 768px) {
    .countdown-container small {
        font-size: 1.73333rem
    }
}

@media (min-width: 992px) {
    .countdown-container small {
        font-size: 1.625rem
    }
}

@media (min-width: 1200px) {
    .countdown-container small {
        font-size: 1.44444rem
    }
}

@media (min-width: 1400px) {
    .countdown-container small {
        font-size: 1.3rem
    }
}

.countdown-container.container-purple h1,
.countdown-container.container-purple h2,
.countdown-container.container-purple h4,
.countdown-container.container-purple h5 {
    color: #fff
}

.countdown-container.container-purple h3 {
    color: #ed9ce6
}

.countdown-container.container-purple small {
    color: #cbcbcb
}

.countdown-container.container-purple .countdown-inner>div {
    color: #fff
}

.countdown-container.container-purple .countdown-inner>div span {
    color: #4ccff0
}

@media (min-width: 768px) {
    .countdown-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.countdown-inner>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 9.4rem;
    font-weight: 900;
    padding: 3.5rem;
    line-height: 1.1;
    color: #522974;
    text-align: center
}

@media (min-width: 768px) {
    .countdown-inner>div {
        font-size: 5.4rem;
        padding: 2.5rem
    }
}

@media (min-width: 1200px) {
    .countdown-inner>div {
        font-size: 9.4rem;
        padding: 3.5rem
    }
}

.countdown-inner>div span {
    text-transform: uppercase;
    font-weight: 400;
    color: #823f91;
    letter-spacing: 9.54px;
    text-align: center;
    text-indent: 9.54px
}

@media (min-width: 320px) {
    .countdown-inner>div span {
        font-size: 3.2rem
    }
}

@media (min-width: 480px) {
    .countdown-inner>div span {
        font-size: 2.90909rem
    }
}

@media (min-width: 545px) {
    .countdown-inner>div span {
        font-size: 2.66667rem
    }
}

@media (min-width: 768px) {
    .countdown-inner>div span {
        font-size: 2.13333rem
    }
}

@media (min-width: 992px) {
    .countdown-inner>div span {
        font-size: 2rem
    }
}

@media (min-width: 1200px) {
    .countdown-inner>div span {
        font-size: 1.77778rem
    }
}

@media (min-width: 1400px) {
    .countdown-inner>div span {
        font-size: 1.6rem
    }
}

@-webkit-keyframes show-calendar {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@keyframes show-calendar {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@media (min-width: 992px) {
    .pux-container.calendar-container-outter {
        padding-inline: 10rem
    }
}

.calendar-container {
    display: none
}

.calendar-container .calendar-wrapper {
    -webkit-box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    border-radius: 5px;
    background-color: #ffffff;
    padding: 2rem 3rem 3rem;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: 200ms ease-in-out;
    -o-transition: 200ms ease-in-out;
    transition: 200ms ease-in-out
}

.calendar-container.show-calendar {
    display: block
}

.calendar-container.show-calendar .calendar-wrapper {
    -webkit-animation: show-calendar 600ms ease-out;
    animation: show-calendar 600ms ease-out;
    opacity: 1;
    pointer-events: all
}

.calendar-container .calendar-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px 0 25px 0
}

.calendar-container .calendar-header h1,
.calendar-container .calendar-header h2 {
    display: block;
    padding: 0 30px;
    margin: 0;
    font-weight: 700;
    font-size: 32px;
    color: #582f77
}

.calendar-container .calendar-header button.previous-month-button,
.calendar-container .calendar-header button.next-month-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    background: #522974;
    border: none;
    border-radius: 100%;
    outline: none;
    padding-left: 3px;
    padding-right: 0
}

.calendar-container .calendar-header button.previous-month-button::after,
.calendar-container .calendar-header button.next-month-button::after {
    color: white;
    font-size: 1.6rem
}

.calendar-container .calendar-header button.previous-month-button:hover,
.calendar-container .calendar-header button.next-month-button:hover {
    background: #905ea1;
    cursor: pointer
}

.calendar-container .calendar-header button.previous-month-button.disabled,
.calendar-container .calendar-header button.next-month-button.disabled {
    cursor: default;
    pointer-events: none;
    opacity: 0.3
}

.calendar-container .calendar-header button.previous-month-button {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.calendar-container .calendar-header button.previous-month-button::after {
    content: '\e97e'
}

.calendar-container .calendar-header button.next-month-button::after {
    content: '\e97e'
}

.calendar-container .calendar-table-wrapper {
    overflow-x: auto
}

@media (min-width: 1500px) {
    .calendar-container .calendar-table-wrapper {
        overflow-x: visible
    }
}

@media (min-width: 320px) and (max-width: 991px) {
    .calendar-container table {
        display: block
    }

    .calendar-container table thead {
        display: none
    }

    .calendar-container table tbody {
        display: block
    }

    .calendar-container table tbody tr,
    .calendar-container table tbody td {
        display: block;
        width: 100% !important
    }

    .calendar-container table tbody .no-event {
        display: none !important
    }

    .calendar-container table tbody td span p {
        display: block !important
    }
}

.calendar-container table .calendar-day-small {
    width: 50px;
    min-width: 95px
}

.calendar-container table .calendar-day-small.with-event {
    width: 18%;
    min-width: 18%
}

.calendar-container table .calendar-day-other {
    opacity: 0.25
}

.calendar-container table tr th {
    padding: 5px 0;
    text-align: center;
    text-transform: none;
    font-size: 17px;
    font-weight: 400;
    color: #2f2f2f
}

.calendar-container table tr td {
    width: 18%;
    padding: 10px;
    background: #F8F9FA;
    border: 1px solid #CFC5D9;
    vertical-align: bottom;
    text-align: right
}

.calendar-container table tr td>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    min-height: 10rem
}

.calendar-container table tr td>div>span {
    -ms-flex-item-align: end;
    align-self: flex-end;
    padding-left: 8px;
    padding-right: 4px;
    font-size: 20px;
    font-weight: 700;
    color: #582f77
}

.calendar-container table tr td>div>span p {
    display: none;
    font-weight: 400;
    margin-bottom: 0
}

.calendar-container table tr td>div>div {
    height: 100%;
    width: 100%
}

.calendar-container table tr td>div>div .event-box {
    display: block;
    min-width: 14rem;
    padding: 10px;
    margin: 3px 0;
    background: #522974;
    border-radius: 3px;
    text-decoration: none;
    text-align: left;
    font-size: 14px;
    color: #fff
}

.calendar-container table tr td>div>div .event-box.past-event {
    background: #522974B2;
    color: #F8F9FA
}

.calendar-container table tr td>div>div .event-box>span {
    display: block;
    font-weight: 700
}

.calendar-container table tr td>div>div .event-box div {
    padding: 3px 10px;
    margin-top: 5px;
    background: #14ad53;
    border-radius: 1px;
    color: #fff;
    line-height: 1;
    display: inline-block
}

.calendar-container table tr td>div>div .event-box:hover>div {
    opacity: 0.8
}

.calendar-container table tr td>div>div .event-box.event-webinar,
.calendar-container table tr td>div>div .event-box.event-manual {
    background: #F1EDF6;
    color: black
}

.calendar-container table tr td>div>div .event-box.event-webinar.past-event,
.calendar-container table tr td>div>div .event-box.event-manual.past-event {
    background: #52297440;
    color: #595959
}

.calendar-container table tr td>div>div .event-box.event-seminar {
    background: #522974;
    color: white
}

.calendar-container table tr td>div>div .event-box.event-seminar.past-event {
    background: #522974B2;
    color: #F8F9FA
}

.calendar-container table tbody tr:first-child td {
    border-top: 0
}

.calendar-container table tbody tr:last-child td {
    border-bottom: 0
}

.calendar-container table tbody td:first-child {
    border-left: 0
}

.calendar-container table tbody td:last-child {
    border-right: 0
}

.cookie-law-approval-wrapper {
    overflow-y: auto;
    max-height: 100vh
}

.cookie-law-approval-wrapper .cookie-law-approval-close {
    display: block;
    max-width: 70%;
    margin: 5px auto;
    text-align: center;
    border-radius: 3px;
    border: none;
    padding: 0.9rem 3rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 16px;
    letter-spacing: -0.36px;
    text-decoration: none !important;
    background: #14ad53 !important;
    color: #fff !important;
    border: 1px solid #14ad53 !important
}

.cookie-law-approval-wrapper .cookie-law-approval-close:focus,
.cookie-law-approval-wrapper .cookie-law-approval-close:hover {
    text-decoration: none;
    background: #119648 !important;
    border-color: #119648 !important;
    color: #fff !important
}

@media (min-width: 768px) {
    .cookie-law-approval-wrapper .cookie-law-approval-close {
        max-width: none;
        display: inline-block;
        margin: 5px
    }
}

.cookie-law-approval-wrapper .cookie-law-details {
    display: block;
    max-width: 70%;
    margin: 5px auto;
    text-align: center;
    border-radius: 3px;
    border: none;
    padding: 0.9rem 3rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 16px;
    letter-spacing: -0.36px;
    text-decoration: none !important;
    background: rgba(0, 0, 0, 0) !important;
    color: #14ad53 !important;
    border: 1px solid #14ad53 !important
}

.cookie-law-approval-wrapper .cookie-law-details:focus,
.cookie-law-approval-wrapper .cookie-law-details:hover {
    text-decoration: none !important;
    background: #14ad53 !important;
    color: #fff !important
}

@media (min-width: 768px) {
    .cookie-law-approval-wrapper .cookie-law-details {
        max-width: none;
        display: inline-block;
        margin: 5px
    }
}

@media (min-width: 768px) {
    .cookie-law-approval {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width: 768px) {
    .cookie-law-approval>span {
        width: 65%
    }
}

.search-result-item {
    margin-bottom: 3rem
}

.search-result-item .h4 {
    margin-bottom: 1rem;
    display: block;
    line-height: 1.2
}

.search-result-file {
    margin-bottom: 0.5rem
}

.search-results-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.search-results-wrapper section:first-child {
    width: 100%
}

@media (min-width: 992px) {
    .search-results-wrapper section:first-child {
        width: 55%;
        padding-right: 4rem;
        border-right: 1px solid #e6e6e6
    }
}

.search-results-wrapper section:nth-child(2) {
    width: 100%
}

@media (min-width: 992px) {
    .search-results-wrapper section:nth-child(2) {
        width: 45%;
        padding-left: 4rem
    }
}

.search-results-pager {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.search-results-pager li {
    padding: 5px;
    margin: 5px 0;
    cursor: pointer;
    font-weight: 700;
    font-size: 2.8rem
}

@media (min-width: 480px) {
    .search-results-pager li {
        font-size: 2.54545rem
    }
}

@media (min-width: 545px) {
    .search-results-pager li {
        font-size: 2.33333rem
    }
}

@media (min-width: 768px) {
    .search-results-pager li {
        font-size: 1.86667rem
    }
}

@media (min-width: 992px) {
    .search-results-pager li {
        font-size: 1.75rem
    }
}

@media (min-width: 1200px) {
    .search-results-pager li {
        font-size: 1.55556rem
    }
}

@media (min-width: 1400px) {
    .search-results-pager li {
        font-size: 1.4rem
    }
}

@media (min-width: 768px) {
    .search-results-pager li {
        margin: 5px
    }
}

.search-results-pager li.active:after {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #522974
}

.search-results-pager li:before {
    display: none
}

.search-results-pager-prev,
.search-results-pager-next {
    font-size: 0
}

.search-results-pager-prev:after,
.search-results-pager-next:after {
    content: "\e92a";
    display: inline-block;
    color: #522974;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.search-results-pager-prev.disabled:after,
.search-results-pager-next.disabled:after {
    opacity: 0.3
}

.search-results-pager-prev:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.members-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 15px;
    z-index: 2
}

@media (min-width: 1200px) {
    .members-area {
        gap: 30px
    }
}

.members-area .item {
    width: 100%
}

@media (min-width: 992px) {
    .members-area .item {
        width: calc(50% - 7.5px)
    }
}

@media (min-width: 1200px) {
    .members-area .item {
        width: calc(100% / 3 - 20px)
    }
}

.boxes-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 15px
}

@media (min-width: 1400px) {
    .boxes-container {
        gap: 30px
    }
}

.boxes-container .box-widget {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 30px;
    background: white;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    box-shadow: 0 0 38px rgba(40, 42, 39, 0.1)
}

@media (min-width: 992px) {
    .boxes-container .box-widget {
        width: calc(50% - 7.5px);
        padding: 30px
    }
}

@media (min-width: 1400px) {
    .boxes-container .box-widget {
        width: calc(100% / 3 - 20px);
        padding: 50px
    }
}

.boxes-container .box-widget._light {
    background: #f8f9fa;
    -webkit-box-shadow: none;
    box-shadow: none
}

.boxes-container .box-widget>.box-widget-title {
    text-align: center;
    padding: 0 0 15px 0;
    margin: 0;
    line-height: 1.2;
    font-size: 4.8rem;
    font-weight: bold;
    color: #522974
}

@media (min-width: 480px) {
    .boxes-container .box-widget>.box-widget-title {
        font-size: 4.36364rem
    }
}

@media (min-width: 545px) {
    .boxes-container .box-widget>.box-widget-title {
        font-size: 4rem
    }
}

@media (min-width: 768px) {
    .boxes-container .box-widget>.box-widget-title {
        font-size: 3.2rem
    }
}

@media (min-width: 992px) {
    .boxes-container .box-widget>.box-widget-title {
        font-size: 3rem
    }
}

@media (min-width: 1200px) {
    .boxes-container .box-widget>.box-widget-title {
        font-size: 2.66667rem
    }
}

@media (min-width: 1400px) {
    .boxes-container .box-widget>.box-widget-title {
        font-size: 2.4rem
    }
}

.boxes-container .box-widget>img {
    width: 100%;
    height: 200px !important;
    margin-bottom: 15px;
    -o-object-fit: cover;
    object-fit: cover
}

.boxes-container .box-widget>.box-widget-text {
    padding: 0 0 15px 0
}

@media (min-width: 545px) {
    .boxes-container .box-widget>.box-widget-text {
        padding: 0 0 30px 0
    }
}

.boxes-container .box-widget>.box-widget-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 15px;
    margin-top: auto
}

.boxes-container .box-widget>.box-widget-footer {
    padding-top: 10px;
    text-align: center;
    font-size: 2.6rem
}

@media (min-width: 480px) {
    .boxes-container .box-widget>.box-widget-footer {
        font-size: 2.36364rem
    }
}

@media (min-width: 545px) {
    .boxes-container .box-widget>.box-widget-footer {
        font-size: 2.16667rem
    }
}

@media (min-width: 768px) {
    .boxes-container .box-widget>.box-widget-footer {
        font-size: 1.73333rem
    }
}

@media (min-width: 992px) {
    .boxes-container .box-widget>.box-widget-footer {
        font-size: 1.625rem
    }
}

@media (min-width: 1200px) {
    .boxes-container .box-widget>.box-widget-footer {
        font-size: 1.44444rem
    }
}

@media (min-width: 1400px) {
    .boxes-container .box-widget>.box-widget-footer {
        font-size: 1.3rem
    }
}

.component-helpdesk {
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    grid-template-columns: 70px auto;
    grid-template-areas: "photo title"
        "texts texts";
    gap: 2rem;
    padding: 3rem;
    margin: 2rem 0;
    background: white;
    -webkit-box-shadow: 0px 2.32px 12.18px 0px #00000024;
    box-shadow: 0px 2.32px 12.18px 0px #00000024;
    border-radius: 10px
}

@media (min-width: 992px) {
    .component-helpdesk {
        grid-template-columns: 100px auto
    }
}

@media (min-width: 1200px) {
    .component-helpdesk {
        grid-template-areas: "photo title"
            "photo texts";
        grid-template-columns: 230px auto;
        -webkit-column-gap: 4rem;
        -moz-column-gap: 4rem;
        column-gap: 4rem;
        row-gap: 3rem;
        padding: 5rem
    }
}

@media (min-width: 1500px) {
    .component-helpdesk {
        -webkit-column-gap: 6rem;
        -moz-column-gap: 6rem;
        column-gap: 6rem
    }
}

.component-helpdesk>.helpdesk-photo {
    grid-area: photo;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    overflow: hidden
}

@media (min-width: 992px) {
    .component-helpdesk>.helpdesk-photo {
        width: 100px;
        height: 100px
    }
}

@media (min-width: 1200px) {
    .component-helpdesk>.helpdesk-photo {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        width: 230px;
        height: 230px
    }
}

.component-helpdesk>.helpdesk-photo img {
    width: 100%;
    height: 100%
}

.component-helpdesk>.helpdesk-title {
    grid-area: title;
    line-height: 1.3
}

@media (min-width: 1200px) {
    .component-helpdesk>.helpdesk-title {
        -ms-flex-item-align: end;
        align-self: flex-end
    }
}

.component-helpdesk>.helpdesk-title>h2 {
    padding: 0;
    margin: 0;
    line-height: 1.4;
    font-size: 3.6rem;
    font-weight: 600;
    color: #522974
}

@media (min-width: 480px) {
    .component-helpdesk>.helpdesk-title>h2 {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .component-helpdesk>.helpdesk-title>h2 {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .component-helpdesk>.helpdesk-title>h2 {
        font-size: 2.4rem
    }
}

@media (min-width: 992px) {
    .component-helpdesk>.helpdesk-title>h2 {
        font-size: 2.25rem
    }
}

@media (min-width: 1200px) {
    .component-helpdesk>.helpdesk-title>h2 {
        font-size: 2rem
    }
}

@media (min-width: 1400px) {
    .component-helpdesk>.helpdesk-title>h2 {
        font-size: 1.8rem
    }
}

@media (min-width: 992px) {
    .component-helpdesk>.helpdesk-title>h2 {
        padding: 0 0 1rem 0;
        font-size: 4.8rem
    }
}

@media (min-width: 992px) and (min-width: 480px) {
    .component-helpdesk>.helpdesk-title>h2 {
        font-size: 4.36364rem
    }
}

@media (min-width: 992px) and (min-width: 545px) {
    .component-helpdesk>.helpdesk-title>h2 {
        font-size: 4rem
    }
}

@media (min-width: 992px) and (min-width: 768px) {
    .component-helpdesk>.helpdesk-title>h2 {
        font-size: 3.2rem
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .component-helpdesk>.helpdesk-title>h2 {
        font-size: 3rem
    }
}

@media (min-width: 992px) and (min-width: 1200px) {
    .component-helpdesk>.helpdesk-title>h2 {
        font-size: 2.66667rem
    }
}

@media (min-width: 992px) and (min-width: 1400px) {
    .component-helpdesk>.helpdesk-title>h2 {
        font-size: 2.4rem
    }
}

@media (min-width: 1200px) {
    .component-helpdesk>.helpdesk-title>h2 {
        padding: 0 0 2rem 0;
        font-size: 5.2rem
    }
}

@media (min-width: 1200px) and (min-width: 480px) {
    .component-helpdesk>.helpdesk-title>h2 {
        font-size: 4.72727rem
    }
}

@media (min-width: 1200px) and (min-width: 545px) {
    .component-helpdesk>.helpdesk-title>h2 {
        font-size: 4.33333rem
    }
}

@media (min-width: 1200px) and (min-width: 768px) {
    .component-helpdesk>.helpdesk-title>h2 {
        font-size: 3.46667rem
    }
}

@media (min-width: 1200px) and (min-width: 992px) {
    .component-helpdesk>.helpdesk-title>h2 {
        font-size: 3.25rem
    }
}

@media (min-width: 1200px) and (min-width: 1200px) {
    .component-helpdesk>.helpdesk-title>h2 {
        font-size: 2.88889rem
    }
}

@media (min-width: 1200px) and (min-width: 1400px) {
    .component-helpdesk>.helpdesk-title>h2 {
        font-size: 2.6rem
    }
}

@media (min-width: 1500px) {
    .component-helpdesk>.helpdesk-title>h2 {
        font-size: 7.2rem
    }
}

@media (min-width: 1500px) and (min-width: 480px) {
    .component-helpdesk>.helpdesk-title>h2 {
        font-size: 6.54545rem
    }
}

@media (min-width: 1500px) and (min-width: 545px) {
    .component-helpdesk>.helpdesk-title>h2 {
        font-size: 6rem
    }
}

@media (min-width: 1500px) and (min-width: 768px) {
    .component-helpdesk>.helpdesk-title>h2 {
        font-size: 4.8rem
    }
}

@media (min-width: 1500px) and (min-width: 992px) {
    .component-helpdesk>.helpdesk-title>h2 {
        font-size: 4.5rem
    }
}

@media (min-width: 1500px) and (min-width: 1200px) {
    .component-helpdesk>.helpdesk-title>h2 {
        font-size: 4rem
    }
}

@media (min-width: 1500px) and (min-width: 1400px) {
    .component-helpdesk>.helpdesk-title>h2 {
        font-size: 3.6rem
    }
}

.component-helpdesk>.helpdesk-title>p {
    padding: 0;
    margin: 0;
    font-size: 3.2rem;
    color: #522974
}

@media (min-width: 480px) {
    .component-helpdesk>.helpdesk-title>p {
        font-size: 2.90909rem
    }
}

@media (min-width: 545px) {
    .component-helpdesk>.helpdesk-title>p {
        font-size: 2.66667rem
    }
}

@media (min-width: 768px) {
    .component-helpdesk>.helpdesk-title>p {
        font-size: 2.13333rem
    }
}

@media (min-width: 992px) {
    .component-helpdesk>.helpdesk-title>p {
        font-size: 2rem
    }
}

@media (min-width: 1200px) {
    .component-helpdesk>.helpdesk-title>p {
        font-size: 1.77778rem
    }
}

@media (min-width: 1400px) {
    .component-helpdesk>.helpdesk-title>p {
        font-size: 1.6rem
    }
}

@media (min-width: 992px) {
    .component-helpdesk>.helpdesk-title>p {
        font-size: 3.6rem
    }
}

@media (min-width: 992px) and (min-width: 480px) {
    .component-helpdesk>.helpdesk-title>p {
        font-size: 3.27273rem
    }
}

@media (min-width: 992px) and (min-width: 545px) {
    .component-helpdesk>.helpdesk-title>p {
        font-size: 3rem
    }
}

@media (min-width: 992px) and (min-width: 768px) {
    .component-helpdesk>.helpdesk-title>p {
        font-size: 2.4rem
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .component-helpdesk>.helpdesk-title>p {
        font-size: 2.25rem
    }
}

@media (min-width: 992px) and (min-width: 1200px) {
    .component-helpdesk>.helpdesk-title>p {
        font-size: 2rem
    }
}

@media (min-width: 992px) and (min-width: 1400px) {
    .component-helpdesk>.helpdesk-title>p {
        font-size: 1.8rem
    }
}

@media (min-width: 1200px) {
    .component-helpdesk>.helpdesk-title>p {
        font-size: 4.4rem
    }
}

@media (min-width: 1200px) and (min-width: 480px) {
    .component-helpdesk>.helpdesk-title>p {
        font-size: 4rem
    }
}

@media (min-width: 1200px) and (min-width: 545px) {
    .component-helpdesk>.helpdesk-title>p {
        font-size: 3.66667rem
    }
}

@media (min-width: 1200px) and (min-width: 768px) {
    .component-helpdesk>.helpdesk-title>p {
        font-size: 2.93333rem
    }
}

@media (min-width: 1200px) and (min-width: 992px) {
    .component-helpdesk>.helpdesk-title>p {
        font-size: 2.75rem
    }
}

@media (min-width: 1200px) and (min-width: 1200px) {
    .component-helpdesk>.helpdesk-title>p {
        font-size: 2.44444rem
    }
}

@media (min-width: 1200px) and (min-width: 1400px) {
    .component-helpdesk>.helpdesk-title>p {
        font-size: 2.2rem
    }
}

@media (min-width: 1500px) {
    .component-helpdesk>.helpdesk-title>p {
        font-size: 5.8rem
    }
}

@media (min-width: 1500px) and (min-width: 480px) {
    .component-helpdesk>.helpdesk-title>p {
        font-size: 5.27273rem
    }
}

@media (min-width: 1500px) and (min-width: 545px) {
    .component-helpdesk>.helpdesk-title>p {
        font-size: 4.83333rem
    }
}

@media (min-width: 1500px) and (min-width: 768px) {
    .component-helpdesk>.helpdesk-title>p {
        font-size: 3.86667rem
    }
}

@media (min-width: 1500px) and (min-width: 992px) {
    .component-helpdesk>.helpdesk-title>p {
        font-size: 3.625rem
    }
}

@media (min-width: 1500px) and (min-width: 1200px) {
    .component-helpdesk>.helpdesk-title>p {
        font-size: 3.22222rem
    }
}

@media (min-width: 1500px) and (min-width: 1400px) {
    .component-helpdesk>.helpdesk-title>p {
        font-size: 2.9rem
    }
}

.component-helpdesk>.helpdesk-texts {
    grid-area: texts;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 2rem;
    -webkit-column-gap: 6rem;
    -moz-column-gap: 6rem;
    column-gap: 6rem
}

@media (min-width: 1200px) {
    .component-helpdesk>.helpdesk-texts {
        -ms-flex-item-align: start;
        align-self: flex-start
    }
}

@media (min-width: 1500px) {
    .component-helpdesk>.helpdesk-texts {
        -webkit-column-gap: 10rem;
        -moz-column-gap: 10rem;
        column-gap: 10rem
    }
}

.component-helpdesk>.helpdesk-texts .helpdesk-texts-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    gap: 2rem
}

.component-helpdesk>.helpdesk-texts .helpdesk-texts-item>.item-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: -o-linear-gradient(315deg, #fff 3.05%, rgba(240, 243, 245, 0.7) 35.91%, #E2C6F9 96.94%);
    background: linear-gradient(135deg, #fff 3.05%, rgba(240, 243, 245, 0.7) 35.91%, #E2C6F9 96.94%);
    -webkit-box-shadow: 0px 4px 4px rgba(82, 41, 116, 0.12);
    box-shadow: 0px 4px 4px rgba(82, 41, 116, 0.12)
}

@media (min-width: 992px) {
    .component-helpdesk>.helpdesk-texts .helpdesk-texts-item>.item-icon {
        width: 60px;
        height: 60px
    }
}

@media (min-width: 1400px) {
    .component-helpdesk>.helpdesk-texts .helpdesk-texts-item>.item-icon {
        width: 70px;
        height: 70px
    }
}

.component-helpdesk>.helpdesk-texts .helpdesk-texts-item>.item-icon img {
    width: 50%;
    height: 50%;
    -o-object-fit: contain;
    object-fit: contain
}

@media (min-width: 1200px) {
    .component-helpdesk>.helpdesk-texts .helpdesk-texts-item>.item-text {
        font-size: 3.6rem
    }
}

@media (min-width: 1200px) and (min-width: 480px) {
    .component-helpdesk>.helpdesk-texts .helpdesk-texts-item>.item-text {
        font-size: 3.27273rem
    }
}

@media (min-width: 1200px) and (min-width: 545px) {
    .component-helpdesk>.helpdesk-texts .helpdesk-texts-item>.item-text {
        font-size: 3rem
    }
}

@media (min-width: 1200px) and (min-width: 768px) {
    .component-helpdesk>.helpdesk-texts .helpdesk-texts-item>.item-text {
        font-size: 2.4rem
    }
}

@media (min-width: 1200px) and (min-width: 992px) {
    .component-helpdesk>.helpdesk-texts .helpdesk-texts-item>.item-text {
        font-size: 2.25rem
    }
}

@media (min-width: 1200px) and (min-width: 1200px) {
    .component-helpdesk>.helpdesk-texts .helpdesk-texts-item>.item-text {
        font-size: 2rem
    }
}

@media (min-width: 1200px) and (min-width: 1400px) {
    .component-helpdesk>.helpdesk-texts .helpdesk-texts-item>.item-text {
        font-size: 1.8rem
    }
}

@media (min-width: 1400px) {
    .component-helpdesk>.helpdesk-texts .helpdesk-texts-item>.item-text {
        font-size: 4rem
    }
}

@media (min-width: 1400px) and (min-width: 480px) {
    .component-helpdesk>.helpdesk-texts .helpdesk-texts-item>.item-text {
        font-size: 3.63636rem
    }
}

@media (min-width: 1400px) and (min-width: 545px) {
    .component-helpdesk>.helpdesk-texts .helpdesk-texts-item>.item-text {
        font-size: 3.33333rem
    }
}

@media (min-width: 1400px) and (min-width: 768px) {
    .component-helpdesk>.helpdesk-texts .helpdesk-texts-item>.item-text {
        font-size: 2.66667rem
    }
}

@media (min-width: 1400px) and (min-width: 992px) {
    .component-helpdesk>.helpdesk-texts .helpdesk-texts-item>.item-text {
        font-size: 2.5rem
    }
}

@media (min-width: 1400px) and (min-width: 1200px) {
    .component-helpdesk>.helpdesk-texts .helpdesk-texts-item>.item-text {
        font-size: 2.22222rem
    }
}

@media (min-width: 1400px) and (min-width: 1400px) {
    .component-helpdesk>.helpdesk-texts .helpdesk-texts-item>.item-text {
        font-size: 2rem
    }
}

@media (min-width: 1500px) {
    .component-helpdesk>.helpdesk-texts .helpdesk-texts-item>.item-text {
        font-size: 4.4rem
    }
}

@media (min-width: 1500px) and (min-width: 480px) {
    .component-helpdesk>.helpdesk-texts .helpdesk-texts-item>.item-text {
        font-size: 4rem
    }
}

@media (min-width: 1500px) and (min-width: 545px) {
    .component-helpdesk>.helpdesk-texts .helpdesk-texts-item>.item-text {
        font-size: 3.66667rem
    }
}

@media (min-width: 1500px) and (min-width: 768px) {
    .component-helpdesk>.helpdesk-texts .helpdesk-texts-item>.item-text {
        font-size: 2.93333rem
    }
}

@media (min-width: 1500px) and (min-width: 992px) {
    .component-helpdesk>.helpdesk-texts .helpdesk-texts-item>.item-text {
        font-size: 2.75rem
    }
}

@media (min-width: 1500px) and (min-width: 1200px) {
    .component-helpdesk>.helpdesk-texts .helpdesk-texts-item>.item-text {
        font-size: 2.44444rem
    }
}

@media (min-width: 1500px) and (min-width: 1400px) {
    .component-helpdesk>.helpdesk-texts .helpdesk-texts-item>.item-text {
        font-size: 2.2rem
    }
}

.component-helpdesk>.helpdesk-texts .helpdesk-texts-item>.item-text>a {
    text-decoration: none;
    color: black;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.component-helpdesk>.helpdesk-texts .helpdesk-texts-item>.item-text>a:hover>span,
.component-helpdesk>.helpdesk-texts .helpdesk-texts-item>.item-text>a._simple:hover {
    text-decoration: underline;
    color: #522974
}

.component-helpdesk>.helpdesk-texts .helpdesk-texts-item>.item-text small {
    display: block;
    font-size: 80%;
    color: #595959
}

@media (min-width: 1400px) {
    .component-helpdesk>.helpdesk-texts .helpdesk-texts-item>.item-text small {
        font-size: 60%
    }
}

.team-testimonial {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 6rem;
    background: #F8F9FA;
    -webkit-box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.07);
    border-radius: 10px
}

@media (min-width: 1200px) {
    .team-testimonial {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

.team-testimonial .testimonial-person {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding: 4rem 2rem
}

@media (min-width: 1200px) {
    .team-testimonial .testimonial-person {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 40%;
        padding: 4rem
    }
}

@media (min-width: 1500px) {
    .team-testimonial .testimonial-person {
        width: 35%
    }
}

.team-testimonial .testimonial-person .testimonial-person-photo {
    width: 100px;
    height: 100px;
    margin: 0 0 2rem 0;
    border-radius: 100%;
    background: white;
    overflow: hidden
}

@media (min-width: 1200px) {
    .team-testimonial .testimonial-person .testimonial-person-photo {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 0 4rem 0 0
    }
}

.team-testimonial .testimonial-person .testimonial-person-info {
    text-align: center
}

@media (min-width: 1200px) {
    .team-testimonial .testimonial-person .testimonial-person-info {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        text-align: left
    }
}

.team-testimonial .testimonial-person .testimonial-person-info .info-primary {
    padding: 0 0 1rem 0;
    line-height: 1.2;
    font-size: 4.8rem;
    font-weight: bold;
    color: #522974
}

@media (min-width: 480px) {
    .team-testimonial .testimonial-person .testimonial-person-info .info-primary {
        font-size: 4.36364rem
    }
}

@media (min-width: 545px) {
    .team-testimonial .testimonial-person .testimonial-person-info .info-primary {
        font-size: 4rem
    }
}

@media (min-width: 768px) {
    .team-testimonial .testimonial-person .testimonial-person-info .info-primary {
        font-size: 3.2rem
    }
}

@media (min-width: 992px) {
    .team-testimonial .testimonial-person .testimonial-person-info .info-primary {
        font-size: 3rem
    }
}

@media (min-width: 1200px) {
    .team-testimonial .testimonial-person .testimonial-person-info .info-primary {
        font-size: 2.66667rem
    }
}

@media (min-width: 1400px) {
    .team-testimonial .testimonial-person .testimonial-person-info .info-primary {
        font-size: 2.4rem
    }
}

.team-testimonial .testimonial-person .testimonial-person-info .info-secondary {
    line-height: 1.2;
    font-size: 3.6rem;
    color: #2F2F2F
}

@media (min-width: 480px) {
    .team-testimonial .testimonial-person .testimonial-person-info .info-secondary {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .team-testimonial .testimonial-person .testimonial-person-info .info-secondary {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .team-testimonial .testimonial-person .testimonial-person-info .info-secondary {
        font-size: 2.4rem
    }
}

@media (min-width: 992px) {
    .team-testimonial .testimonial-person .testimonial-person-info .info-secondary {
        font-size: 2.25rem
    }
}

@media (min-width: 1200px) {
    .team-testimonial .testimonial-person .testimonial-person-info .info-secondary {
        font-size: 2rem
    }
}

@media (min-width: 1400px) {
    .team-testimonial .testimonial-person .testimonial-person-info .info-secondary {
        font-size: 1.8rem
    }
}

.team-testimonial .testimonial-spacer {
    position: relative;
    width: 100%;
    height: 3rem;
    background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzQgMjciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTAuOTUzIDEyLjY5NTlMMTQuMzk1NCAwLjI1NjM0OEg2LjY1MDA1TDIuMTEyMzcgMTEuNTIyM0MwLjMxMjk0MyAxNS44MjUzIDAgMTcuMzExOCAwIDE5LjM0NTlDMCAyMy44MDU0IDMuMjA3NjcgMjYuODU2NiA3LjU4ODg4IDI2Ljg1NjZDMTEuODkxOSAyNi44NTY2IDE1LjA5OTUgMjMuODgzNiAxNS4wOTk1IDE5LjM0NTlDMTUuMDk5NSAxNi4xMzgyIDEzLjUzNDggMTMuNzkxMiAxMC45NTMgMTIuNjk1OVpNMjkuNDE2NyAxMi42OTU5TDMyLjg1OTEgMC4yNTYzNDhIMjUuMTEzN0wyMC41NzYgMTEuNTIyM0MxOC43NzY2IDE1LjgyNTMgMTguNDYzNyAxNy4zMTE4IDE4LjQ2MzcgMTkuMzQ1OUMxOC40NjM3IDIzLjgwNTQgMjEuNjcxMyAyNi44NTY2IDI2LjA1MjYgMjYuODU2NkMzMC4zNTU1IDI2Ljg1NjYgMzMuNTYzMiAyMy44ODM2IDMzLjU2MzIgMTkuMzQ1OUMzMy41NjMyIDE2LjEzODIgMzEuOTk4NSAxMy43OTEyIDI5LjQxNjcgMTIuNjk1OVoiIGZpbGw9IiM1MjI5NzQiLz4NCjwvc3ZnPg0K) center no-repeat;
    background-size: contain
}

@media (min-width: 1200px) {
    .team-testimonial .testimonial-spacer {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 3rem;
        height: auto
    }
}

.team-testimonial .testimonial-spacer:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: calc(50% - 5rem);
    height: 1px;
    background: #C4C4C4;
    content: ""
}

@media (min-width: 1200px) {
    .team-testimonial .testimonial-spacer:before {
        top: 0;
        left: 50%;
        width: 1px;
        height: calc(50% - 3rem)
    }
}

.team-testimonial .testimonial-spacer:after {
    position: absolute;
    top: 50%;
    right: 0;
    width: calc(50% - 5rem);
    height: 1px;
    background: #C4C4C4;
    content: ""
}

@media (min-width: 1200px) {
    .team-testimonial .testimonial-spacer:after {
        top: auto;
        left: 50%;
        right: auto;
        bottom: 0;
        width: 1px;
        height: calc(50% - 3rem)
    }
}

.team-testimonial .testimonial-text {
    width: 100%;
    padding: 4rem 2rem;
    font-size: 3.6rem
}

@media (min-width: 480px) {
    .team-testimonial .testimonial-text {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .team-testimonial .testimonial-text {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .team-testimonial .testimonial-text {
        font-size: 2.4rem
    }
}

@media (min-width: 992px) {
    .team-testimonial .testimonial-text {
        font-size: 2.25rem
    }
}

@media (min-width: 1200px) {
    .team-testimonial .testimonial-text {
        font-size: 2rem
    }
}

@media (min-width: 1400px) {
    .team-testimonial .testimonial-text {
        font-size: 1.8rem
    }
}

@media (min-width: 1200px) {
    .team-testimonial .testimonial-text {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: auto;
        padding: 6rem
    }
}

.etf-calculator {
    padding: 4rem 0;
    background: #f8f9fa
}

.etf-calculator .tabs-switcher {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 2rem 0;
    margin: 0 -10px
}

.etf-calculator .tabs-switcher>button {
    padding: 2rem;
    margin: 10px;
    background: white;
    -webkit-box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    border: 0;
    border-bottom: 4px solid #522974;
    border-radius: 3px;
    font-weight: bold;
    color: #522974;
    cursor: pointer;
    outline: none
}

@media (min-width: 320px) {
    .etf-calculator .tabs-switcher>button {
        font-size: 3.2rem
    }
}

@media (min-width: 480px) {
    .etf-calculator .tabs-switcher>button {
        font-size: 2.90909rem
    }
}

@media (min-width: 545px) {
    .etf-calculator .tabs-switcher>button {
        font-size: 2.66667rem
    }
}

@media (min-width: 768px) {
    .etf-calculator .tabs-switcher>button {
        font-size: 2.13333rem
    }
}

@media (min-width: 992px) {
    .etf-calculator .tabs-switcher>button {
        font-size: 2rem
    }
}

@media (min-width: 1200px) {
    .etf-calculator .tabs-switcher>button {
        font-size: 1.8rem
    }
}

.etf-calculator .tabs-switcher>button:hover {
    color: black
}

.etf-calculator .tabs-switcher>button:focus>span {
    outline: 1px dotted rgba(0, 0, 0, 0.2)
}

.etf-calculator .tabs-switcher>button.active {
    border-bottom-color: #14ad53
}

.etf-calculator .etf-calculator-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 1200px) {
    .etf-calculator .etf-calculator-inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

.etf-calculator .etf-calculator-inner .etf-calculator-description {
    width: 100%;
    -webkit-box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    background: white;
    border-radius: 5px;
    overflow: hidden
}

@media (min-width: 1200px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-description {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 270px
    }
}

.etf-calculator .etf-calculator-inner .etf-calculator-description>img {
    display: none
}

@media (min-width: 1200px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-description>img {
        display: block;
        width: 100%
    }
}

.etf-calculator .etf-calculator-inner .etf-calculator-description>.description-texts {
    padding: 2rem
}

.etf-calculator .etf-calculator-inner .etf-calculator-description>.description-texts>h2 {
    padding: 0 0 2rem 0;
    margin: 0;
    font-weight: bold
}

@media (min-width: 320px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-description>.description-texts>h2 {
        font-size: 4rem
    }
}

@media (min-width: 480px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-description>.description-texts>h2 {
        font-size: 3.63636rem
    }
}

@media (min-width: 545px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-description>.description-texts>h2 {
        font-size: 3.33333rem
    }
}

@media (min-width: 768px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-description>.description-texts>h2 {
        font-size: 2.66667rem
    }
}

@media (min-width: 992px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-description>.description-texts>h2 {
        font-size: 2.6rem
    }
}

.etf-calculator .etf-calculator-inner .etf-calculator-description>.description-texts>p {
    padding: 0 0 2rem 0
}

@media (min-width: 320px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-description>.description-texts>p {
        font-size: 2.8rem
    }
}

@media (min-width: 480px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-description>.description-texts>p {
        font-size: 2.54545rem
    }
}

@media (min-width: 545px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-description>.description-texts>p {
        font-size: 2.33333rem
    }
}

@media (min-width: 768px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-description>.description-texts>p {
        font-size: 1.86667rem
    }
}

@media (min-width: 992px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-description>.description-texts>p {
        font-size: 1.75rem
    }
}

@media (min-width: 1200px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-description>.description-texts>p {
        font-size: 1.6rem
    }
}

.etf-calculator .etf-calculator-inner .etf-calculator-description>.description-texts>.description-data>.data-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.8rem;
    font-weight: bold
}

@media (min-width: 320px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-description>.description-texts>.description-data>.data-line {
        font-size: 2.8rem
    }
}

@media (min-width: 480px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-description>.description-texts>.description-data>.data-line {
        font-size: 2.54545rem
    }
}

@media (min-width: 545px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-description>.description-texts>.description-data>.data-line {
        font-size: 2.33333rem
    }
}

@media (min-width: 768px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-description>.description-texts>.description-data>.data-line {
        font-size: 1.86667rem
    }
}

@media (min-width: 992px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-description>.description-texts>.description-data>.data-line {
        font-size: 1.75rem
    }
}

@media (min-width: 1200px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-description>.description-texts>.description-data>.data-line {
        font-size: 1.55556rem
    }
}

@media (min-width: 1400px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-description>.description-texts>.description-data>.data-line {
        font-size: 1.5rem
    }
}

.etf-calculator .etf-calculator-inner .etf-calculator-description>.description-texts>.description-data>.data-line:nth-child(odd) {
    background: #f8f9fa
}

.etf-calculator .etf-calculator-inner .etf-calculator-description>.description-texts>.description-data>.data-line>.line-name {
    color: #522974
}

.etf-calculator .etf-calculator-inner .etf-calculator-description>.description-texts>.description-data>.data-line>.line-value {
    text-align: right;
    color: #14ad53
}

.etf-calculator .etf-calculator-inner .etf-calculator-graph-wrapper {
    width: 100%;
    padding: 6rem 2rem;
    text-align: center
}

@media (min-width: 1200px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-graph-wrapper {
        padding: 2rem;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.etf-calculator .etf-calculator-inner .etf-calculator-graph-wrapper.no-results img {
    height: 400px !important;
    margin-bottom: 20px;
    -o-object-fit: contain;
    object-fit: contain
}

.etf-calculator .etf-calculator-inner .etf-calculator-graph-wrapper .etf-calculator-no-result-title {
    font-weight: 600;
    color: #522974;
    padding-bottom: 2rem
}

@media (min-width: 320px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-graph-wrapper .etf-calculator-no-result-title {
        font-size: 5rem
    }
}

@media (min-width: 480px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-graph-wrapper .etf-calculator-no-result-title {
        font-size: 4.54545rem
    }
}

@media (min-width: 545px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-graph-wrapper .etf-calculator-no-result-title {
        font-size: 4.16667rem
    }
}

@media (min-width: 768px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-graph-wrapper .etf-calculator-no-result-title {
        font-size: 4rem
    }
}

.etf-calculator .etf-calculator-inner .etf-calculator-graph-wrapper .etf-calculator-result-title {
    padding: 0 0 2rem 0
}

@media (min-width: 320px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-graph-wrapper .etf-calculator-result-title {
        font-size: 3.2rem
    }
}

@media (min-width: 480px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-graph-wrapper .etf-calculator-result-title {
        font-size: 2.90909rem
    }
}

@media (min-width: 545px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-graph-wrapper .etf-calculator-result-title {
        font-size: 2.66667rem
    }
}

@media (min-width: 768px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-graph-wrapper .etf-calculator-result-title {
        font-size: 2.13333rem
    }
}

@media (min-width: 992px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-graph-wrapper .etf-calculator-result-title {
        font-size: 2rem
    }
}

.etf-calculator .etf-calculator-inner .etf-calculator-graph-wrapper .etf-calculator-result-title>div:first-child {
    margin-bottom: 5px
}

.etf-calculator .etf-calculator-inner .etf-calculator-graph-wrapper .etf-calculator-result-title>div>span {
    font-weight: bold;
    color: #522974
}

.etf-calculator .etf-calculator-inner .etf-calculator-graph-wrapper .etf-calculator-graph {
    position: relative;
    padding: 0 4rem 5rem 0
}

.etf-calculator .etf-calculator-inner .etf-calculator-graph-wrapper .etf-calculator-graph .respo-container-wrapper .graph-tooltip {
    position: relative;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 1rem;
    background: white;
    -webkit-box-shadow: 3px 4px 30px rgba(40, 42, 39, 0.25);
    box-shadow: 3px 4px 30px rgba(40, 42, 39, 0.25)
}

@media (min-width: 320px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-graph-wrapper .etf-calculator-graph .respo-container-wrapper .graph-tooltip {
        font-size: 3.2rem
    }
}

@media (min-width: 480px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-graph-wrapper .etf-calculator-graph .respo-container-wrapper .graph-tooltip {
        font-size: 2.90909rem
    }
}

@media (min-width: 545px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-graph-wrapper .etf-calculator-graph .respo-container-wrapper .graph-tooltip {
        font-size: 2.66667rem
    }
}

@media (min-width: 768px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-graph-wrapper .etf-calculator-graph .respo-container-wrapper .graph-tooltip {
        font-size: 2.13333rem
    }
}

@media (min-width: 992px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-graph-wrapper .etf-calculator-graph .respo-container-wrapper .graph-tooltip {
        font-size: 2rem
    }
}

@media (min-width: 1200px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-graph-wrapper .etf-calculator-graph .respo-container-wrapper .graph-tooltip {
        font-size: 1.77778rem
    }
}

@media (min-width: 1400px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-graph-wrapper .etf-calculator-graph .respo-container-wrapper .graph-tooltip {
        font-size: 1.7rem
    }
}

.etf-calculator .etf-calculator-inner .etf-calculator-graph-wrapper .etf-calculator-graph .respo-container-wrapper .graph-tooltip:after {
    position: absolute;
    top: calc(50% - 10px);
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 15px;
    border-color: transparent transparent transparent #ffffff;
    pointer-events: none;
    content: ''
}

.etf-calculator .etf-calculator-inner .etf-calculator-graph-wrapper .etf-calculator-graph .respo-container-wrapper .graph-tooltip div {
    font-weight: bold;
    color: #522974
}

.etf-calculator .etf-calculator-inner .etf-calculator-graph-wrapper .etf-calculator-graph .x-axis-label {
    position: absolute;
    bottom: 2rem;
    left: 0;
    right: 0;
    text-align: center;
    font-style: italic
}

.etf-calculator .etf-calculator-inner .etf-calculator-graph-wrapper .etf-calculator-graph .y-axis-label {
    position: absolute;
    top: 50%;
    right: 2rem;
    width: 460px;
    margin-right: -230px;
    -webkit-transform: rotate(-90deg) translateY(-50%);
    -ms-transform: rotate(-90deg) translateY(-50%);
    transform: rotate(-90deg) translateY(-50%);
    text-align: center;
    font-style: italic
}

.etf-calculator .etf-calculator-inner .etf-calculator-config {
    width: 100%;
    padding: 2rem;
    -webkit-box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    background: white;
    border-radius: 5px
}

@media (min-width: 1200px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-config {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 270px
    }
}

.etf-calculator .etf-calculator-inner .etf-calculator-config .config-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 0 2rem 0
}

.etf-calculator .etf-calculator-inner .etf-calculator-config .config-header>h1 {
    padding: 0;
    margin: 0;
    font-size: 2rem;
    font-weight: normal
}

@media (min-width: 320px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-header>h1 {
        font-size: 4.4rem
    }
}

@media (min-width: 480px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-header>h1 {
        font-size: 4rem
    }
}

@media (min-width: 545px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-header>h1 {
        font-size: 3.66667rem
    }
}

@media (min-width: 768px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-header>h1 {
        font-size: 2.93333rem
    }
}

@media (min-width: 992px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-header>h1 {
        font-size: 2.75rem
    }
}

@media (min-width: 1200px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-header>h1 {
        font-size: 2.44444rem
    }
}

@media (min-width: 1400px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-header>h1 {
        font-size: 2.2rem
    }
}

.etf-calculator .etf-calculator-inner .etf-calculator-config .config-header .currency-switcher {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background: #e4e4e4;
    border-radius: 15px;
    overflow: hidden
}

.etf-calculator .etf-calculator-inner .etf-calculator-config .config-header .currency-switcher button {
    padding: 0.5rem 1rem;
    border: 0;
    background: none;
    border-radius: 15px;
    font-weight: bold;
    cursor: pointer;
    outline: none
}

@media (min-width: 320px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-header .currency-switcher button {
        font-size: 2.6rem
    }
}

@media (min-width: 480px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-header .currency-switcher button {
        font-size: 2.36364rem
    }
}

@media (min-width: 545px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-header .currency-switcher button {
        font-size: 2.16667rem
    }
}

@media (min-width: 768px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-header .currency-switcher button {
        font-size: 1.73333rem
    }
}

@media (min-width: 992px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-header .currency-switcher button {
        font-size: 1.625rem
    }
}

@media (min-width: 1200px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-header .currency-switcher button {
        font-size: 1.44444rem
    }
}

@media (min-width: 1400px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-header .currency-switcher button {
        font-size: 1.3rem
    }
}

.etf-calculator .etf-calculator-inner .etf-calculator-config .config-header .currency-switcher button:hover {
    background: rgba(0, 0, 0, 0.1)
}

.etf-calculator .etf-calculator-inner .etf-calculator-config .config-header .currency-switcher button.active {
    background: #522974;
    color: white
}

.etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-label {
    padding: 2rem 0 0 0;
    margin: 0 0 -1rem 0;
    color: #2f2f2f
}

@media (min-width: 320px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-label {
        font-size: 2.8rem
    }
}

@media (min-width: 480px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-label {
        font-size: 2.54545rem
    }
}

@media (min-width: 545px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-label {
        font-size: 2.33333rem
    }
}

@media (min-width: 768px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-label {
        font-size: 1.86667rem
    }
}

@media (min-width: 992px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-label {
        font-size: 1.75rem
    }
}

@media (min-width: 1200px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-label {
        font-size: 1.7rem
    }
}

.etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-slider-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-slider-wrapper button {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 25px;
    height: 25px;
    border: 0;
    border-radius: 100%;
    background: #14ad53;
    line-height: 1;
    font-weight: bold;
    color: white;
    cursor: pointer;
    outline: none
}

@media (min-width: 320px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-slider-wrapper button {
        font-size: 4.4rem
    }
}

@media (min-width: 480px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-slider-wrapper button {
        font-size: 4rem
    }
}

@media (min-width: 545px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-slider-wrapper button {
        font-size: 3.66667rem
    }
}

@media (min-width: 768px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-slider-wrapper button {
        font-size: 2.93333rem
    }
}

@media (min-width: 992px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-slider-wrapper button {
        font-size: 2.75rem
    }
}

@media (min-width: 1200px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-slider-wrapper button {
        font-size: 2.44444rem
    }
}

@media (min-width: 1400px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-slider-wrapper button {
        font-size: 2.4rem
    }
}

.etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-slider-wrapper button:hover {
    background: #0f7f3d
}

.etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-slider-wrapper button:active {
    background: #095227
}

.etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-slider-wrapper .item-slider-inner {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative;
    padding: 1rem 1rem 2rem 1rem
}

.etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-slider-wrapper .item-slider-inner .css-1u1if1w-Slider {
    width: 100%
}

.etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-slider-wrapper .item-slider-inner .item-value-min,
.etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-slider-wrapper .item-slider-inner .item-value-max {
    position: absolute;
    bottom: 0;
    color: #8b8b8b;
    pointer-events: none
}

@media (min-width: 320px) {

    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-slider-wrapper .item-slider-inner .item-value-min,
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-slider-wrapper .item-slider-inner .item-value-max {
        font-size: 2.4rem
    }
}

@media (min-width: 480px) {

    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-slider-wrapper .item-slider-inner .item-value-min,
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-slider-wrapper .item-slider-inner .item-value-max {
        font-size: 2.18182rem
    }
}

@media (min-width: 545px) {

    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-slider-wrapper .item-slider-inner .item-value-min,
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-slider-wrapper .item-slider-inner .item-value-max {
        font-size: 2rem
    }
}

@media (min-width: 768px) {

    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-slider-wrapper .item-slider-inner .item-value-min,
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-slider-wrapper .item-slider-inner .item-value-max {
        font-size: 1.6rem
    }
}

@media (min-width: 992px) {

    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-slider-wrapper .item-slider-inner .item-value-min,
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-slider-wrapper .item-slider-inner .item-value-max {
        font-size: 1.5rem
    }
}

@media (min-width: 1200px) {

    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-slider-wrapper .item-slider-inner .item-value-min,
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-slider-wrapper .item-slider-inner .item-value-max {
        font-size: 1.33333rem
    }
}

@media (min-width: 1400px) {

    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-slider-wrapper .item-slider-inner .item-value-min,
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-slider-wrapper .item-slider-inner .item-value-max {
        font-size: 1.2rem
    }
}

.etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-slider-wrapper .item-slider-inner .item-value-min {
    left: 1rem
}

.etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-slider-wrapper .item-slider-inner .item-value-max {
    right: 1rem;
    text-align: right
}

.etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-input-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 1rem
}

.etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-input-wrapper>input {
    width: 50%;
    max-width: 150px;
    height: auto;
    padding: 0.5rem 1rem
}

.etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-input-wrapper>input:focus {
    border-color: gray
}

.etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-input-wrapper>span {
    padding: 0 1rem;
    color: #2f2f2f
}

@media (min-width: 320px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-input-wrapper>span {
        font-size: 2.8rem
    }
}

@media (min-width: 480px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-input-wrapper>span {
        font-size: 2.54545rem
    }
}

@media (min-width: 545px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-input-wrapper>span {
        font-size: 2.33333rem
    }
}

@media (min-width: 768px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-input-wrapper>span {
        font-size: 1.86667rem
    }
}

@media (min-width: 992px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-input-wrapper>span {
        font-size: 1.75rem
    }
}

@media (min-width: 1200px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-input-row .item-input-wrapper>span {
        font-size: 1.7rem
    }
}

.etf-calculator .etf-calculator-inner .etf-calculator-config .config-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 2rem
}

.etf-calculator .etf-calculator-inner .etf-calculator-config .config-btns .btn {
    width: calc(50% - 5px);
    padding: 1.5rem 1rem;
    cursor: pointer
}

.etf-calculator .etf-calculator-inner .etf-calculator-config .config-btns .btns-disclaimer {
    width: 100%;
    padding-top: 1.5rem
}

@media (min-width: 320px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-btns .btns-disclaimer {
        font-size: 2.8rem
    }
}

@media (min-width: 480px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-btns .btns-disclaimer {
        font-size: 2.54545rem
    }
}

@media (min-width: 545px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-btns .btns-disclaimer {
        font-size: 2.33333rem
    }
}

@media (min-width: 768px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-btns .btns-disclaimer {
        font-size: 1.86667rem
    }
}

@media (min-width: 992px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-btns .btns-disclaimer {
        font-size: 1.75rem
    }
}

@media (min-width: 1200px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-btns .btns-disclaimer {
        font-size: 1.55556rem
    }
}

@media (min-width: 1400px) {
    .etf-calculator .etf-calculator-inner .etf-calculator-config .config-btns .btns-disclaimer {
        font-size: 1.4rem
    }
}

.config-input-row.error input {
    border-color: red
}

.config-input-row.error .error-label {
    display: block;
    color: red;
    font-size: 14px;
    margin-bottom: 10px
}

.component-tab-selector {
    max-width: 160rem;
    margin: 4rem auto
}

.component-tab-selector .selector-select select {
    cursor: pointer
}

.component-tab-selector .selector-select select option:checked {
    color: #14ad53
}

.component-tab-selector .selector-content {
    padding: 2rem 0
}

.component-tab-selector .selector-content .team-switches {
    padding: 0
}

.component-tab-selector._toggler .selector-select {
    display: block
}

.component-tab-selector._toggler .selector-content {
    display: none
}

@media (min-width: 320px) {
    .component-tab-selector._xxs-toggler .selector-select {
        display: block
    }

    .component-tab-selector._xxs-toggler .selector-content {
        display: none
    }

    .component-tab-selector._xxs-visible .selector-select {
        display: none
    }

    .component-tab-selector._xxs-visible .selector-content {
        display: block
    }
}

@media (min-width: 480px) {
    .component-tab-selector._xs-toggler .selector-select {
        display: block
    }

    .component-tab-selector._xs-toggler .selector-content {
        display: none
    }

    .component-tab-selector._xs-visible .selector-select {
        display: none
    }

    .component-tab-selector._xs-visible .selector-content {
        display: block
    }
}

@media (min-width: 545px) {
    .component-tab-selector._sm-toggler .selector-select {
        display: block
    }

    .component-tab-selector._sm-toggler .selector-content {
        display: none
    }

    .component-tab-selector._sm-visible .selector-select {
        display: none
    }

    .component-tab-selector._sm-visible .selector-content {
        display: block
    }
}

@media (min-width: 768px) {
    .component-tab-selector._md-toggler .selector-select {
        display: block
    }

    .component-tab-selector._md-toggler .selector-content {
        display: none
    }

    .component-tab-selector._md-visible .selector-select {
        display: none
    }

    .component-tab-selector._md-visible .selector-content {
        display: block
    }
}

@media (min-width: 992px) {
    .component-tab-selector._lg-toggler .selector-select {
        display: block
    }

    .component-tab-selector._lg-toggler .selector-content {
        display: none
    }

    .component-tab-selector._lg-visible .selector-select {
        display: none
    }

    .component-tab-selector._lg-visible .selector-content {
        display: block
    }
}

@media (min-width: 1200px) {
    .component-tab-selector._xl-toggler .selector-select {
        display: block
    }

    .component-tab-selector._xl-toggler .selector-content {
        display: none
    }

    .component-tab-selector._xl-visible .selector-select {
        display: none
    }

    .component-tab-selector._xl-visible .selector-content {
        display: block
    }
}

@media (min-width: 1400px) {
    .component-tab-selector._xxl-toggler .selector-select {
        display: block
    }

    .component-tab-selector._xxl-toggler .selector-content {
        display: none
    }

    .component-tab-selector._xxl-visible .selector-select {
        display: none
    }

    .component-tab-selector._xxl-visible .selector-content {
        display: block
    }
}

@media (min-width: 1500px) {
    .component-tab-selector._xxxl-toggler .selector-select {
        display: block
    }

    .component-tab-selector._xxxl-toggler .selector-content {
        display: none
    }

    .component-tab-selector._xxxl-visible .selector-select {
        display: none
    }

    .component-tab-selector._xxxl-visible .selector-content {
        display: block
    }
}

.component-tab-selector .selector-content._opened {
    display: block
}

.js-maxheight-area-wrapper.js-height-limited div.js-maxheight-area-content {
    position: relative;
    height: 600px;
    overflow-x: auto;
    overflow-y: hidden
}

.js-maxheight-area-wrapper.js-height-limited div.js-maxheight-area-content:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 200px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%);
    pointer-events: none;
    content: ""
}

.js-maxheight-area-wrapper .js-maxheight-area-toggler {
    display: none
}

.js-maxheight-area-wrapper .js-maxheight-area-toggler {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 1rem;
    padding-bottom: 2rem
}

.js-maxheight-area-wrapper .js-maxheight-area-toggler button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.js-maxheight-area-wrapper .js-maxheight-area-toggler button .button-icon {
    line-height: 1
}

.js-maxheight-area-wrapper .js-maxheight-area-toggler button .button-icon:after {
    display: inline-block;
    content: "\e92a"
}

.js-maxheight-area-wrapper .js-maxheight-area-toggler button.js-active .button-icon:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.js-maxheight-area-wrapper .js-maxheight-area-toggler button .button-label {
    padding-left: 2rem
}

.js-maxheight-area-wrapper .js-maxheight-area-toggler button .button-label>.label-default {
    display: block
}

.js-maxheight-area-wrapper .js-maxheight-area-toggler button .button-label>.label-active {
    display: none
}

.js-maxheight-area-wrapper .js-maxheight-area-toggler button.js-active .button-label>.label-default {
    display: none
}

.js-maxheight-area-wrapper .js-maxheight-area-toggler button.js-active .button-label>.label-active {
    display: block
}

.ebook-productbox {
    height: 100%
}

.ebook-productbox>.productbox-inside {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-shadow: 0px 10px 34px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 34px rgba(0, 0, 0, 0.1);
    background: url(../img/shared-box-bg.html) top right no-repeat white;
    background-size: contain;
    overflow: hidden
}

.ebook-productbox>.productbox-inside .product-label {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: white
}

@media (min-width: 1200px) {
    .ebook-productbox>.productbox-inside .product-label {
        padding: 5px 20px;
        font-size: 18px
    }
}

.ebook-productbox>.productbox-inside .product-label._bg-red {
    background: #d12929
}

.ebook-productbox>.productbox-inside .product-label._bg-green {
    background: #14ad53
}

.ebook-productbox>.productbox-inside .product-label._bg-purple {
    background: #522974
}

.ebook-productbox>.productbox-inside .product-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1 / 1
}

.ebook-productbox>.productbox-inside .product-image img {
    max-width: 80%;
    max-height: 80%
}

.ebook-productbox>.productbox-inside .product-name {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 15px 15px 0 15px;
    text-decoration: none;
    line-height: 1.3em;
    font-weight: bold;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

@media (min-width: 320px) {
    .ebook-productbox>.productbox-inside .product-name {
        font-size: 4.4rem
    }
}

@media (min-width: 480px) {
    .ebook-productbox>.productbox-inside .product-name {
        font-size: 4rem
    }
}

@media (min-width: 545px) {
    .ebook-productbox>.productbox-inside .product-name {
        font-size: 3.66667rem
    }
}

@media (min-width: 768px) {
    .ebook-productbox>.productbox-inside .product-name {
        font-size: 2.93333rem
    }
}

@media (min-width: 992px) {
    .ebook-productbox>.productbox-inside .product-name {
        font-size: 2.75rem
    }
}

@media (min-width: 1200px) {
    .ebook-productbox>.productbox-inside .product-name {
        font-size: 2.6rem
    }
}

@media (min-width: 1200px) {
    .ebook-productbox>.productbox-inside .product-name {
        padding: 30px 30px 0 30px
    }
}

.ebook-productbox>.productbox-inside .product-info {
    padding: 15px 15px 0 15px
}

@media (min-width: 1200px) {
    .ebook-productbox>.productbox-inside .product-info {
        padding: 15px 30px 0 30px
    }
}

.ebook-productbox>.productbox-inside .product-info>span {
    color: #522974
}

.ebook-productbox>.productbox-inside .product-ctas {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    padding: 15px
}

@media (min-width: 1200px) {
    .ebook-productbox>.productbox-inside .product-ctas {
        gap: 30px;
        padding: 15px 30px 30px 30px
    }
}

.ebook-productbox>.productbox-inside .product-ctas>:is(a, button) {
    cursor: pointer
}

.ebook-productbox>.productbox-inside .product-form {
    background: #fff;
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -o-transition: all ease-in-out 400ms;
    -webkit-transition: all ease-in-out 400ms;
    transition: all ease-in-out 400ms
}

.ebook-productbox>.productbox-inside .product-form .form-container {
    padding: 0
}

.ebook-productbox>.productbox-inside .product-form .form-container :is(.ajax-contact-form-success, .ajax-contact-form-error) {
    padding: 15px;
    margin: 0;
    font-size: 16px
}

@media (min-width: 1200px) {
    .ebook-productbox>.productbox-inside .product-form .form-container :is(.ajax-contact-form-success, .ajax-contact-form-error) {
        padding: 30px
    }
}

.ebook-productbox>.productbox-inside .product-form .form-container :is(.ajax-contact-form-success, .ajax-contact-form-error):empty {
    display: none
}

.ebook-productbox>.productbox-inside .product-form .form-container :is(.ajax-contact-form-success, .ajax-contact-form-error) h4 {
    padding: 0 0 15px 0;
    margin: 0;
    font-size: 16px;
    font-weight: bold
}

@media (min-width: 1200px) {
    .ebook-productbox>.productbox-inside .product-form .form-container :is(.ajax-contact-form-success, .ajax-contact-form-error) h4 {
        padding: 0 0 15px 0
    }
}

.ebook-productbox>.productbox-inside .product-form .form-container .contact-form {
    padding: 15px;
    background: white
}

@media (min-width: 1200px) {
    .ebook-productbox>.productbox-inside .product-form .form-container .contact-form {
        padding: 30px
    }
}

.ebook-productbox>.productbox-inside .product-form .form-container .button-cancel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-bottom: 5px;
    margin-top: -15px
}

@media (min-width: 1200px) {
    .ebook-productbox>.productbox-inside .product-form .form-container .button-cancel {
        margin-top: -30px
    }
}

.ebook-productbox>.productbox-inside .product-form .form-container .button-cancel>button {
    padding: 10px 0;
    margin: 0;
    font-size: 16px;
    border: 0;
    background: none;
    color: inherit;
    cursor: pointer;
    outline: none
}

.ebook-productbox>.productbox-inside .product-form .form-container .button-cancel>button:focus {
    outline: 1px dotted silver
}

.ebook-productbox>.productbox-inside .product-form .form-container .button-cancel>button:hover {
    color: black
}

@media (min-width: 320px) {

    .ebook-productbox>.productbox-inside .product-form .form-container select,
    .ebook-productbox>.productbox-inside .product-form .form-container select.form-control,
    .ebook-productbox>.productbox-inside .product-form .form-container textarea,
    .ebook-productbox>.productbox-inside .product-form .form-container textarea.form-control,
    .ebook-productbox>.productbox-inside .product-form .form-container input[type='text'],
    .ebook-productbox>.productbox-inside .product-form .form-container input[type='number'],
    .ebook-productbox>.productbox-inside .product-form .form-container input[type='email'],
    .ebook-productbox>.productbox-inside .product-form .form-container input[type='password'],
    .ebook-productbox>.productbox-inside .product-form .form-container .select2-container .select2-selection--single {
        height: 8rem
    }
}

@media (min-width: 480px) {

    .ebook-productbox>.productbox-inside .product-form .form-container select,
    .ebook-productbox>.productbox-inside .product-form .form-container select.form-control,
    .ebook-productbox>.productbox-inside .product-form .form-container textarea,
    .ebook-productbox>.productbox-inside .product-form .form-container textarea.form-control,
    .ebook-productbox>.productbox-inside .product-form .form-container input[type='text'],
    .ebook-productbox>.productbox-inside .product-form .form-container input[type='number'],
    .ebook-productbox>.productbox-inside .product-form .form-container input[type='email'],
    .ebook-productbox>.productbox-inside .product-form .form-container input[type='password'],
    .ebook-productbox>.productbox-inside .product-form .form-container .select2-container .select2-selection--single {
        height: 7.27273rem
    }
}

@media (min-width: 545px) {

    .ebook-productbox>.productbox-inside .product-form .form-container select,
    .ebook-productbox>.productbox-inside .product-form .form-container select.form-control,
    .ebook-productbox>.productbox-inside .product-form .form-container textarea,
    .ebook-productbox>.productbox-inside .product-form .form-container textarea.form-control,
    .ebook-productbox>.productbox-inside .product-form .form-container input[type='text'],
    .ebook-productbox>.productbox-inside .product-form .form-container input[type='number'],
    .ebook-productbox>.productbox-inside .product-form .form-container input[type='email'],
    .ebook-productbox>.productbox-inside .product-form .form-container input[type='password'],
    .ebook-productbox>.productbox-inside .product-form .form-container .select2-container .select2-selection--single {
        height: 6.66667rem
    }
}

@media (min-width: 768px) {

    .ebook-productbox>.productbox-inside .product-form .form-container select,
    .ebook-productbox>.productbox-inside .product-form .form-container select.form-control,
    .ebook-productbox>.productbox-inside .product-form .form-container textarea,
    .ebook-productbox>.productbox-inside .product-form .form-container textarea.form-control,
    .ebook-productbox>.productbox-inside .product-form .form-container input[type='text'],
    .ebook-productbox>.productbox-inside .product-form .form-container input[type='number'],
    .ebook-productbox>.productbox-inside .product-form .form-container input[type='email'],
    .ebook-productbox>.productbox-inside .product-form .form-container input[type='password'],
    .ebook-productbox>.productbox-inside .product-form .form-container .select2-container .select2-selection--single {
        height: 5.33333rem
    }
}

@media (min-width: 992px) {

    .ebook-productbox>.productbox-inside .product-form .form-container select,
    .ebook-productbox>.productbox-inside .product-form .form-container select.form-control,
    .ebook-productbox>.productbox-inside .product-form .form-container textarea,
    .ebook-productbox>.productbox-inside .product-form .form-container textarea.form-control,
    .ebook-productbox>.productbox-inside .product-form .form-container input[type='text'],
    .ebook-productbox>.productbox-inside .product-form .form-container input[type='number'],
    .ebook-productbox>.productbox-inside .product-form .form-container input[type='email'],
    .ebook-productbox>.productbox-inside .product-form .form-container input[type='password'],
    .ebook-productbox>.productbox-inside .product-form .form-container .select2-container .select2-selection--single {
        height: 5rem
    }
}

@media (min-width: 320px) {

    .ebook-productbox>.productbox-inside .product-form .form-container select,
    .ebook-productbox>.productbox-inside .product-form .form-container select.form-control,
    .ebook-productbox>.productbox-inside .product-form .form-container textarea,
    .ebook-productbox>.productbox-inside .product-form .form-container textarea.form-control,
    .ebook-productbox>.productbox-inside .product-form .form-container input[type='text'],
    .ebook-productbox>.productbox-inside .product-form .form-container input[type='number'],
    .ebook-productbox>.productbox-inside .product-form .form-container input[type='email'],
    .ebook-productbox>.productbox-inside .product-form .form-container input[type='password'],
    .ebook-productbox>.productbox-inside .product-form .form-container .select2-container .select2-selection--single {
        line-height: 8rem
    }
}

@media (min-width: 480px) {

    .ebook-productbox>.productbox-inside .product-form .form-container select,
    .ebook-productbox>.productbox-inside .product-form .form-container select.form-control,
    .ebook-productbox>.productbox-inside .product-form .form-container textarea,
    .ebook-productbox>.productbox-inside .product-form .form-container textarea.form-control,
    .ebook-productbox>.productbox-inside .product-form .form-container input[type='text'],
    .ebook-productbox>.productbox-inside .product-form .form-container input[type='number'],
    .ebook-productbox>.productbox-inside .product-form .form-container input[type='email'],
    .ebook-productbox>.productbox-inside .product-form .form-container input[type='password'],
    .ebook-productbox>.productbox-inside .product-form .form-container .select2-container .select2-selection--single {
        line-height: 7.27273rem
    }
}

@media (min-width: 545px) {

    .ebook-productbox>.productbox-inside .product-form .form-container select,
    .ebook-productbox>.productbox-inside .product-form .form-container select.form-control,
    .ebook-productbox>.productbox-inside .product-form .form-container textarea,
    .ebook-productbox>.productbox-inside .product-form .form-container textarea.form-control,
    .ebook-productbox>.productbox-inside .product-form .form-container input[type='text'],
    .ebook-productbox>.productbox-inside .product-form .form-container input[type='number'],
    .ebook-productbox>.productbox-inside .product-form .form-container input[type='email'],
    .ebook-productbox>.productbox-inside .product-form .form-container input[type='password'],
    .ebook-productbox>.productbox-inside .product-form .form-container .select2-container .select2-selection--single {
        line-height: 6.66667rem
    }
}

@media (min-width: 768px) {

    .ebook-productbox>.productbox-inside .product-form .form-container select,
    .ebook-productbox>.productbox-inside .product-form .form-container select.form-control,
    .ebook-productbox>.productbox-inside .product-form .form-container textarea,
    .ebook-productbox>.productbox-inside .product-form .form-container textarea.form-control,
    .ebook-productbox>.productbox-inside .product-form .form-container input[type='text'],
    .ebook-productbox>.productbox-inside .product-form .form-container input[type='number'],
    .ebook-productbox>.productbox-inside .product-form .form-container input[type='email'],
    .ebook-productbox>.productbox-inside .product-form .form-container input[type='password'],
    .ebook-productbox>.productbox-inside .product-form .form-container .select2-container .select2-selection--single {
        line-height: 5.33333rem
    }
}

@media (min-width: 992px) {

    .ebook-productbox>.productbox-inside .product-form .form-container select,
    .ebook-productbox>.productbox-inside .product-form .form-container select.form-control,
    .ebook-productbox>.productbox-inside .product-form .form-container textarea,
    .ebook-productbox>.productbox-inside .product-form .form-container textarea.form-control,
    .ebook-productbox>.productbox-inside .product-form .form-container input[type='text'],
    .ebook-productbox>.productbox-inside .product-form .form-container input[type='number'],
    .ebook-productbox>.productbox-inside .product-form .form-container input[type='email'],
    .ebook-productbox>.productbox-inside .product-form .form-container input[type='password'],
    .ebook-productbox>.productbox-inside .product-form .form-container .select2-container .select2-selection--single {
        line-height: 5rem
    }
}

.ebook-productbox>.productbox-inside .product-form .form-container .phone-number-row {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.ebook-productbox>.productbox-inside .product-form .form-container .phone-number-row>div:nth-child(1) {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.ebook-productbox>.productbox-inside .product-form .form-container .phone-number-row>div:nth-child(2) {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: auto
}

.ebook-productbox>.productbox-inside .product-form .form-container div.checkbox label {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ebook-productbox>.productbox-inside .product-form .form-container div.checkbox label>span {
    display: block;
    line-height: 1.6
}

.ebook-productbox>.productbox-inside .product-form .form-container .validation-error .validation {
    margin-bottom: 3px
}

.ebook-productbox>.productbox-inside .product-form .form-container .form-btns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    padding-top: 15px
}

.ebook-productbox>.productbox-inside .product-form .form-container .form-btns>.form-submit {
    padding: 0
}

.ebook-productbox>.productbox-inside .product-form .form-container .form-btns>.form-submit .btn.btn-primary.fake-submit {
    width: 100%;
    padding: 15px 0;
    margin: 0;
    font-size: 16px
}

.ebook-productbox>.productbox-inside .product-form .form-container .form-btns>a.btn {
    padding: 15px 0;
    font-size: 16px
}

.ebook-productbox.open>.productbox-inside .product-form {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.webinar-productbox {
    height: 100%
}

.webinar-productbox>.productbox-inside {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-shadow: 0px 10px 34px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 34px rgba(0, 0, 0, 0.1);
    background: url(../img/shared-box-bg.html) top right no-repeat white;
    background-size: contain;
    overflow: hidden
}

.webinar-productbox>.productbox-inside .webinar-label {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: white
}

@media (min-width: 1200px) {
    .webinar-productbox>.productbox-inside .webinar-label {
        padding: 5px 20px;
        font-size: 18px
    }
}

.webinar-productbox>.productbox-inside .webinar-label._bg-red {
    background: #d12929
}

.webinar-productbox>.productbox-inside .webinar-label._bg-green {
    background: #14ad53
}

.webinar-productbox>.productbox-inside .webinar-label._bg-purple {
    background: #522974
}

.webinar-productbox>.productbox-inside .webinar-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1 / 1
}

.webinar-productbox>.productbox-inside .webinar-image img {
    max-width: 80%;
    max-height: 80%
}

.webinar-productbox>.productbox-inside .webinar-name {
    padding: 15px 15px 0 15px;
    text-decoration: none;
    line-height: 1.3em;
    font-weight: bold;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

@media (min-width: 320px) {
    .webinar-productbox>.productbox-inside .webinar-name {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {
    .webinar-productbox>.productbox-inside .webinar-name {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .webinar-productbox>.productbox-inside .webinar-name {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .webinar-productbox>.productbox-inside .webinar-name {
        font-size: 2.4rem
    }
}

@media (min-width: 992px) {
    .webinar-productbox>.productbox-inside .webinar-name {
        font-size: 2.25rem
    }
}

@media (min-width: 1200px) {
    .webinar-productbox>.productbox-inside .webinar-name {
        font-size: 2rem
    }
}

@media (min-width: 1200px) {
    .webinar-productbox>.productbox-inside .webinar-name {
        padding: 30px 30px 0 30px
    }
}

.webinar-productbox>.productbox-inside .webinar-perex {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 15px 15px 0 15px;
    font-size: 3.2rem
}

@media (min-width: 480px) {
    .webinar-productbox>.productbox-inside .webinar-perex {
        font-size: 2.90909rem
    }
}

@media (min-width: 545px) {
    .webinar-productbox>.productbox-inside .webinar-perex {
        font-size: 2.66667rem
    }
}

@media (min-width: 768px) {
    .webinar-productbox>.productbox-inside .webinar-perex {
        font-size: 2.13333rem
    }
}

@media (min-width: 992px) {
    .webinar-productbox>.productbox-inside .webinar-perex {
        font-size: 2rem
    }
}

@media (min-width: 1200px) {
    .webinar-productbox>.productbox-inside .webinar-perex {
        font-size: 1.77778rem
    }
}

@media (min-width: 1400px) {
    .webinar-productbox>.productbox-inside .webinar-perex {
        font-size: 1.6rem
    }
}

@media (min-width: 1200px) {
    .webinar-productbox>.productbox-inside .webinar-perex {
        padding: 30px 30px 0 30px
    }
}

.webinar-productbox>.productbox-inside .webinar-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px;
    padding: 15px 15px 0 15px
}

@media (min-width: 1200px) {
    .webinar-productbox>.productbox-inside .webinar-info {
        padding: 30px 30px 0 30px
    }
}

.webinar-productbox>.productbox-inside .webinar-info>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    color: #595959
}

@media (min-width: 320px) {
    .webinar-productbox>.productbox-inside .webinar-info>div {
        font-size: 3.2rem
    }
}

@media (min-width: 480px) {
    .webinar-productbox>.productbox-inside .webinar-info>div {
        font-size: 2.90909rem
    }
}

@media (min-width: 545px) {
    .webinar-productbox>.productbox-inside .webinar-info>div {
        font-size: 2.66667rem
    }
}

@media (min-width: 768px) {
    .webinar-productbox>.productbox-inside .webinar-info>div {
        font-size: 2.13333rem
    }
}

@media (min-width: 992px) {
    .webinar-productbox>.productbox-inside .webinar-info>div {
        font-size: 2rem
    }
}

.webinar-productbox>.productbox-inside .webinar-info>div:before {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    width: 26px;
    height: 26px;
    content: ""
}

.webinar-productbox>.productbox-inside .webinar-info>div.info-speaker:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzIgMjUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNNC41OTk2MSAxNS4xVjMuNUM0LjU5OTYxIDIuNyA1LjI5OTYxIDIgNi4yOTk2MSAySDI1Ljc5OTZDMjYuNjk5NiAyIDI3LjQ5OTYgMi43IDI3LjQ5OTYgMy41VjE1LjEiIHN0cm9rZT0iIzRENEQ0RCIgc3Ryb2tlLXdpZHRoPSIyLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPHBhdGggZD0iTTI2LjQgMTlIMzBDMzAgMTkgMjkuNSAyMyAyNy45IDIzSDQuMUMyLjUgMjMgMiAxOSAyIDE5SDUuNiIgc3Ryb2tlPSIjNEQ0RDREIiBzdHJva2Utd2lkdGg9IjIuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8cGF0aCBkPSJNMTYuMTg1NyA3QzEzLjY5OTkgNyAxMy42MTQyIDguNDU3MTQgMTMuNzg1NyAxMC4yNTcxQzEzLjk1NzEgMTIuMDU3MSAxNS4wNzE0IDEzLjUxNDMgMTYuMTg1NyAxMy41MTQzQzE3LjI5OTkgMTMuNTE0MyAxOC40MTQyIDEyLjE0MjkgMTguNTg1NyAxMC4yNTcxQzE4Ljc1NzEgOC40NTcxNCAxOC42NzE0IDcgMTYuMTg1NyA3WiIgc3Ryb2tlPSIjNEQ0RDREIiBzdHJva2Utd2lkdGg9IjIuMTQyODYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPHBhdGggZD0iTTIxLjE1NzMgMTlWMTcuOEMyMS4xNTczIDE2LjUxNDMgMjEuMTU3MyAxNi4zNDI5IDE4LjA3MTUgMTZMMTYuMTAwMSAxNy40NTcxTDE0LjEyODcgMTZDMTEuMDQzIDE2LjI1NzEgMTEuMDQzIDE2LjUxNDMgMTEuMDQzIDE3LjhWMTkiIHN0cm9rZT0iIzRENEQ0RCIgc3Ryb2tlLXdpZHRoPSIyLjE0Mjg2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg0K) center center no-repeat;
    background-size: contain
}

.webinar-productbox>.productbox-inside .webinar-info>div.info-datetime:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjYgMjYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTMgN1YxNEg4IiBzdHJva2U9IiM0RDRENEQiIHN0cm9rZS13aWR0aD0iMi41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4NCjxjaXJjbGUgY3g9IjEzIiBjeT0iMTMiIHI9IjExLjUiIHN0cm9rZT0iIzRENEQ0RCIgc3Ryb2tlLXdpZHRoPSIzIi8+DQo8L3N2Zz4NCg==) center center no-repeat;
    background-size: contain
}

.webinar-productbox>.productbox-inside .webinar-info>div.info-speaker>span {
    font-weight: bold
}

.webinar-productbox>.productbox-inside .webinar-ctas {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    padding: 15px
}

@media (min-width: 1200px) {
    .webinar-productbox>.productbox-inside .webinar-ctas {
        gap: 30px;
        padding: 30px 30px 30px 30px
    }
}

.webinar-productbox>.productbox-inside .webinar-ctas>:is(a, button) {
    cursor: pointer
}

.webinar-productbox>.productbox-inside .webinar-product-form {
    background: #fff;
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -o-transition: all ease-in-out 400ms;
    -webkit-transition: all ease-in-out 400ms;
    transition: all ease-in-out 400ms
}

.webinar-productbox>.productbox-inside .webinar-product-form .form-container {
    padding: 0
}

.webinar-productbox>.productbox-inside .webinar-product-form .form-container :is(.ajax-contact-form-success, .ajax-contact-form-error) {
    padding: 15px;
    margin: 0;
    font-size: 16px
}

@media (min-width: 1200px) {
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container :is(.ajax-contact-form-success, .ajax-contact-form-error) {
        padding: 30px
    }
}

.webinar-productbox>.productbox-inside .webinar-product-form .form-container :is(.ajax-contact-form-success, .ajax-contact-form-error):empty {
    display: none
}

.webinar-productbox>.productbox-inside .webinar-product-form .form-container :is(.ajax-contact-form-success, .ajax-contact-form-error) h4 {
    padding: 0 0 15px 0;
    margin: 0;
    font-size: 16px;
    font-weight: bold
}

@media (min-width: 1200px) {
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container :is(.ajax-contact-form-success, .ajax-contact-form-error) h4 {
        padding: 0 0 15px 0
    }
}

.webinar-productbox>.productbox-inside .webinar-product-form .form-container .contact-form {
    padding: 15px;
    background: white
}

@media (min-width: 1200px) {
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container .contact-form {
        padding: 30px
    }
}

.webinar-productbox>.productbox-inside .webinar-product-form .form-container .button-cancel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-bottom: 5px;
    margin-top: -15px
}

@media (min-width: 1200px) {
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container .button-cancel {
        margin-top: -30px
    }
}

.webinar-productbox>.productbox-inside .webinar-product-form .form-container .button-cancel>button {
    padding: 10px 0;
    margin: 0;
    font-size: 16px;
    border: 0;
    background: none;
    color: inherit;
    cursor: pointer;
    outline: none
}

.webinar-productbox>.productbox-inside .webinar-product-form .form-container .button-cancel>button:focus {
    outline: 1px dotted silver
}

.webinar-productbox>.productbox-inside .webinar-product-form .form-container .button-cancel>button:hover {
    color: black
}

@media (min-width: 320px) {

    .webinar-productbox>.productbox-inside .webinar-product-form .form-container select,
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container select.form-control,
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container textarea,
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container textarea.form-control,
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container input[type='text'],
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container input[type='number'],
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container input[type='email'],
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container input[type='password'],
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container .select2-container .select2-selection--single {
        height: 8rem
    }
}

@media (min-width: 480px) {

    .webinar-productbox>.productbox-inside .webinar-product-form .form-container select,
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container select.form-control,
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container textarea,
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container textarea.form-control,
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container input[type='text'],
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container input[type='number'],
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container input[type='email'],
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container input[type='password'],
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container .select2-container .select2-selection--single {
        height: 7.27273rem
    }
}

@media (min-width: 545px) {

    .webinar-productbox>.productbox-inside .webinar-product-form .form-container select,
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container select.form-control,
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container textarea,
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container textarea.form-control,
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container input[type='text'],
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container input[type='number'],
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container input[type='email'],
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container input[type='password'],
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container .select2-container .select2-selection--single {
        height: 6.66667rem
    }
}

@media (min-width: 768px) {

    .webinar-productbox>.productbox-inside .webinar-product-form .form-container select,
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container select.form-control,
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container textarea,
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container textarea.form-control,
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container input[type='text'],
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container input[type='number'],
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container input[type='email'],
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container input[type='password'],
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container .select2-container .select2-selection--single {
        height: 5.33333rem
    }
}

@media (min-width: 992px) {

    .webinar-productbox>.productbox-inside .webinar-product-form .form-container select,
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container select.form-control,
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container textarea,
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container textarea.form-control,
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container input[type='text'],
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container input[type='number'],
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container input[type='email'],
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container input[type='password'],
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container .select2-container .select2-selection--single {
        height: 5rem
    }
}

@media (min-width: 320px) {

    .webinar-productbox>.productbox-inside .webinar-product-form .form-container select,
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container select.form-control,
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container textarea,
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container textarea.form-control,
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container input[type='text'],
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container input[type='number'],
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container input[type='email'],
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container input[type='password'],
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container .select2-container .select2-selection--single {
        line-height: 8rem
    }
}

@media (min-width: 480px) {

    .webinar-productbox>.productbox-inside .webinar-product-form .form-container select,
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container select.form-control,
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container textarea,
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container textarea.form-control,
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container input[type='text'],
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container input[type='number'],
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container input[type='email'],
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container input[type='password'],
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container .select2-container .select2-selection--single {
        line-height: 7.27273rem
    }
}

@media (min-width: 545px) {

    .webinar-productbox>.productbox-inside .webinar-product-form .form-container select,
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container select.form-control,
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container textarea,
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container textarea.form-control,
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container input[type='text'],
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container input[type='number'],
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container input[type='email'],
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container input[type='password'],
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container .select2-container .select2-selection--single {
        line-height: 6.66667rem
    }
}

@media (min-width: 768px) {

    .webinar-productbox>.productbox-inside .webinar-product-form .form-container select,
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container select.form-control,
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container textarea,
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container textarea.form-control,
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container input[type='text'],
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container input[type='number'],
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container input[type='email'],
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container input[type='password'],
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container .select2-container .select2-selection--single {
        line-height: 5.33333rem
    }
}

@media (min-width: 992px) {

    .webinar-productbox>.productbox-inside .webinar-product-form .form-container select,
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container select.form-control,
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container textarea,
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container textarea.form-control,
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container input[type='text'],
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container input[type='number'],
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container input[type='email'],
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container input[type='password'],
    .webinar-productbox>.productbox-inside .webinar-product-form .form-container .select2-container .select2-selection--single {
        line-height: 5rem
    }
}

.webinar-productbox>.productbox-inside .webinar-product-form .form-container .phone-number-row {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.webinar-productbox>.productbox-inside .webinar-product-form .form-container .phone-number-row>div:nth-child(1) {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.webinar-productbox>.productbox-inside .webinar-product-form .form-container .phone-number-row>div:nth-child(2) {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: auto
}

.webinar-productbox>.productbox-inside .webinar-product-form .form-container div.checkbox label {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.webinar-productbox>.productbox-inside .webinar-product-form .form-container div.checkbox label>span {
    display: block;
    line-height: 1.6
}

.webinar-productbox>.productbox-inside .webinar-product-form .form-container .validation-error .validation {
    margin-bottom: 3px
}

.webinar-productbox>.productbox-inside .webinar-product-form .form-container .form-btns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    padding-top: 15px
}

.webinar-productbox>.productbox-inside .webinar-product-form .form-container .form-btns>.form-submit {
    padding: 0
}

.webinar-productbox>.productbox-inside .webinar-product-form .form-container .form-btns>.form-submit .btn.btn-primary.fake-submit {
    width: 100%;
    padding: 15px 0;
    margin: 0;
    font-size: 16px
}

.webinar-productbox>.productbox-inside .webinar-product-form .form-container .form-btns>a.btn {
    padding: 15px 0;
    font-size: 16px
}

.webinar-productbox.open>.productbox-inside .webinar-product-form {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.seminar-productbox {
    height: 100%
}

.seminar-productbox>.productbox-inside {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-shadow: 0px 10px 34px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 34px rgba(0, 0, 0, 0.1);
    background: url(../img/shared-box-bg.html) top right no-repeat white;
    background-size: contain;
    overflow: hidden
}

.seminar-productbox>.productbox-inside .seminar-label {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: white
}

@media (min-width: 1200px) {
    .seminar-productbox>.productbox-inside .seminar-label {
        padding: 5px 20px;
        font-size: 18px
    }
}

.seminar-productbox>.productbox-inside .seminar-label._bg-red {
    background: #d12929
}

.seminar-productbox>.productbox-inside .seminar-label._bg-green {
    background: #14ad53
}

.seminar-productbox>.productbox-inside .seminar-label._bg-purple {
    background: #522974
}

.seminar-productbox>.productbox-inside .seminar-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1 / 1
}

.seminar-productbox>.productbox-inside .seminar-image img {
    max-width: 80%;
    max-height: 80%
}

.seminar-productbox>.productbox-inside .seminar-name {
    padding: 15px 15px 0 15px;
    text-decoration: none;
    line-height: 1.3em;
    font-weight: bold;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

@media (min-width: 320px) {
    .seminar-productbox>.productbox-inside .seminar-name {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {
    .seminar-productbox>.productbox-inside .seminar-name {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .seminar-productbox>.productbox-inside .seminar-name {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .seminar-productbox>.productbox-inside .seminar-name {
        font-size: 2.4rem
    }
}

@media (min-width: 992px) {
    .seminar-productbox>.productbox-inside .seminar-name {
        font-size: 2.25rem
    }
}

@media (min-width: 1200px) {
    .seminar-productbox>.productbox-inside .seminar-name {
        font-size: 2rem
    }
}

@media (min-width: 1200px) {
    .seminar-productbox>.productbox-inside .seminar-name {
        padding: 30px 30px 0 30px
    }
}

.seminar-productbox>.productbox-inside .seminar-perex {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 15px 15px 0 15px;
    font-size: 3.2rem
}

@media (min-width: 480px) {
    .seminar-productbox>.productbox-inside .seminar-perex {
        font-size: 2.90909rem
    }
}

@media (min-width: 545px) {
    .seminar-productbox>.productbox-inside .seminar-perex {
        font-size: 2.66667rem
    }
}

@media (min-width: 768px) {
    .seminar-productbox>.productbox-inside .seminar-perex {
        font-size: 2.13333rem
    }
}

@media (min-width: 992px) {
    .seminar-productbox>.productbox-inside .seminar-perex {
        font-size: 2rem
    }
}

@media (min-width: 1200px) {
    .seminar-productbox>.productbox-inside .seminar-perex {
        font-size: 1.77778rem
    }
}

@media (min-width: 1400px) {
    .seminar-productbox>.productbox-inside .seminar-perex {
        font-size: 1.6rem
    }
}

@media (min-width: 1200px) {
    .seminar-productbox>.productbox-inside .seminar-perex {
        padding: 30px 30px 0 30px
    }
}

.seminar-productbox>.productbox-inside .seminar-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px;
    padding: 15px 15px 0 15px
}

@media (min-width: 1200px) {
    .seminar-productbox>.productbox-inside .seminar-info {
        padding: 30px 30px 0 30px
    }
}

.seminar-productbox>.productbox-inside .seminar-info>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    color: #595959
}

@media (min-width: 320px) {
    .seminar-productbox>.productbox-inside .seminar-info>div {
        font-size: 3.2rem
    }
}

@media (min-width: 480px) {
    .seminar-productbox>.productbox-inside .seminar-info>div {
        font-size: 2.90909rem
    }
}

@media (min-width: 545px) {
    .seminar-productbox>.productbox-inside .seminar-info>div {
        font-size: 2.66667rem
    }
}

@media (min-width: 768px) {
    .seminar-productbox>.productbox-inside .seminar-info>div {
        font-size: 2.13333rem
    }
}

@media (min-width: 992px) {
    .seminar-productbox>.productbox-inside .seminar-info>div {
        font-size: 2rem
    }
}

.seminar-productbox>.productbox-inside .seminar-info>div:before {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    width: 26px;
    height: 26px;
    content: ""
}

.seminar-productbox>.productbox-inside .seminar-info>div.info-location:before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMSAyOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjEgMjg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiM0RDRENEQ7c3Ryb2tlLXdpZHRoOjIuNTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTE3LjcsMTVjMC43LTEuMywxLjEtMi43LDEuMS00LjNDMTguOCw1LjksMTUsMiwxMC40LDJDNS44LDIsMiw1LjksMiwxMC43YzAsMS42LDAuNCwzLDEuMSw0LjNMMTAsMjUuNw0KCWMwLjEsMC4yLDAuMywwLjMsMC40LDAuM2MwLjIsMCwwLjMtMC4xLDAuNC0wLjNMMTcuNywxNXoiLz4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMC40LDE0YzIsMCwzLjYtMS42LDMuNi0zLjZjMC0yLTEuNi0zLjYtMy42LTMuNmMtMiwwLTMuNiwxLjYtMy42LDMuNkM2LjgsMTIuNCw4LjQsMTQsMTAuNCwxNHoiLz4NCjwvc3ZnPg0K) center center no-repeat;
    background-size: contain
}

.seminar-productbox>.productbox-inside .seminar-info>div.info-speaker:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzIgMjUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNNC41OTk2MSAxNS4xVjMuNUM0LjU5OTYxIDIuNyA1LjI5OTYxIDIgNi4yOTk2MSAySDI1Ljc5OTZDMjYuNjk5NiAyIDI3LjQ5OTYgMi43IDI3LjQ5OTYgMy41VjE1LjEiIHN0cm9rZT0iIzRENEQ0RCIgc3Ryb2tlLXdpZHRoPSIyLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPHBhdGggZD0iTTI2LjQgMTlIMzBDMzAgMTkgMjkuNSAyMyAyNy45IDIzSDQuMUMyLjUgMjMgMiAxOSAyIDE5SDUuNiIgc3Ryb2tlPSIjNEQ0RDREIiBzdHJva2Utd2lkdGg9IjIuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8cGF0aCBkPSJNMTYuMTg1NyA3QzEzLjY5OTkgNyAxMy42MTQyIDguNDU3MTQgMTMuNzg1NyAxMC4yNTcxQzEzLjk1NzEgMTIuMDU3MSAxNS4wNzE0IDEzLjUxNDMgMTYuMTg1NyAxMy41MTQzQzE3LjI5OTkgMTMuNTE0MyAxOC40MTQyIDEyLjE0MjkgMTguNTg1NyAxMC4yNTcxQzE4Ljc1NzEgOC40NTcxNCAxOC42NzE0IDcgMTYuMTg1NyA3WiIgc3Ryb2tlPSIjNEQ0RDREIiBzdHJva2Utd2lkdGg9IjIuMTQyODYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPHBhdGggZD0iTTIxLjE1NzMgMTlWMTcuOEMyMS4xNTczIDE2LjUxNDMgMjEuMTU3MyAxNi4zNDI5IDE4LjA3MTUgMTZMMTYuMTAwMSAxNy40NTcxTDE0LjEyODcgMTZDMTEuMDQzIDE2LjI1NzEgMTEuMDQzIDE2LjUxNDMgMTEuMDQzIDE3LjhWMTkiIHN0cm9rZT0iIzRENEQ0RCIgc3Ryb2tlLXdpZHRoPSIyLjE0Mjg2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg0K) center center no-repeat;
    background-size: contain
}

.seminar-productbox>.productbox-inside .seminar-info>div.info-datetime:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjYgMjYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTMgN1YxNEg4IiBzdHJva2U9IiM0RDRENEQiIHN0cm9rZS13aWR0aD0iMi41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4NCjxjaXJjbGUgY3g9IjEzIiBjeT0iMTMiIHI9IjExLjUiIHN0cm9rZT0iIzRENEQ0RCIgc3Ryb2tlLXdpZHRoPSIzIi8+DQo8L3N2Zz4NCg==) center center no-repeat;
    background-size: contain
}

.seminar-productbox>.productbox-inside .seminar-info>div.info-speaker>span {
    font-weight: bold
}

.seminar-productbox>.productbox-inside .seminar-ctas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
    padding: 15px
}

@media (min-width: 1200px) {
    .seminar-productbox>.productbox-inside .seminar-ctas {
        padding: 30px 30px 30px 30px
    }
}

.seminar-productbox>.productbox-inside .seminar-ctas>:is(a, button, .btn-segment-wrap) {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: calc(50% - 7.5px);
    cursor: pointer;
    white-space: pre-wrap
}

.seminar-productbox>.productbox-inside .seminar-ctas>:is(a, button, .btn-segment-wrap):first-child:last-child {
    width: 100%
}

.seminar-productbox>.productbox-inside .seminar-ctas .btn-segment-wrap .btn {
    display: block;
    white-space: pre-wrap;
    width: 100%
}

.seminar-productbox>.productbox-inside .seminar-product-form {
    background: #fff;
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -o-transition: all ease-in-out 400ms;
    -webkit-transition: all ease-in-out 400ms;
    transition: all ease-in-out 400ms
}

.seminar-productbox>.productbox-inside .seminar-product-form .form-container {
    padding: 0
}

.seminar-productbox>.productbox-inside .seminar-product-form .form-container :is(.ajax-contact-form-success, .ajax-contact-form-error) {
    padding: 15px;
    margin: 0;
    font-size: 16px
}

@media (min-width: 1200px) {
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container :is(.ajax-contact-form-success, .ajax-contact-form-error) {
        padding: 30px
    }
}

.seminar-productbox>.productbox-inside .seminar-product-form .form-container :is(.ajax-contact-form-success, .ajax-contact-form-error):empty {
    display: none
}

.seminar-productbox>.productbox-inside .seminar-product-form .form-container :is(.ajax-contact-form-success, .ajax-contact-form-error) h4 {
    padding: 0 0 15px 0;
    margin: 0;
    font-size: 16px;
    font-weight: bold
}

@media (min-width: 1200px) {
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container :is(.ajax-contact-form-success, .ajax-contact-form-error) h4 {
        padding: 0 0 15px 0
    }
}

.seminar-productbox>.productbox-inside .seminar-product-form .form-container .contact-form {
    padding: 15px;
    background: white
}

@media (min-width: 1200px) {
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container .contact-form {
        padding: 30px
    }
}

.seminar-productbox>.productbox-inside .seminar-product-form .form-container .button-cancel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-bottom: 5px;
    margin-top: -15px
}

@media (min-width: 1200px) {
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container .button-cancel {
        margin-top: -30px
    }
}

.seminar-productbox>.productbox-inside .seminar-product-form .form-container .button-cancel>button {
    padding: 10px 0;
    margin: 0;
    font-size: 16px;
    border: 0;
    background: none;
    color: inherit;
    cursor: pointer;
    outline: none
}

.seminar-productbox>.productbox-inside .seminar-product-form .form-container .button-cancel>button:focus {
    outline: 1px dotted silver
}

.seminar-productbox>.productbox-inside .seminar-product-form .form-container .button-cancel>button:hover {
    color: black
}

@media (min-width: 320px) {

    .seminar-productbox>.productbox-inside .seminar-product-form .form-container select,
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container select.form-control,
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container textarea,
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container textarea.form-control,
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container input[type='text'],
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container input[type='number'],
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container input[type='email'],
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container input[type='password'],
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container .select2-container .select2-selection--single {
        height: 8rem
    }
}

@media (min-width: 480px) {

    .seminar-productbox>.productbox-inside .seminar-product-form .form-container select,
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container select.form-control,
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container textarea,
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container textarea.form-control,
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container input[type='text'],
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container input[type='number'],
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container input[type='email'],
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container input[type='password'],
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container .select2-container .select2-selection--single {
        height: 7.27273rem
    }
}

@media (min-width: 545px) {

    .seminar-productbox>.productbox-inside .seminar-product-form .form-container select,
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container select.form-control,
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container textarea,
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container textarea.form-control,
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container input[type='text'],
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container input[type='number'],
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container input[type='email'],
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container input[type='password'],
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container .select2-container .select2-selection--single {
        height: 6.66667rem
    }
}

@media (min-width: 768px) {

    .seminar-productbox>.productbox-inside .seminar-product-form .form-container select,
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container select.form-control,
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container textarea,
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container textarea.form-control,
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container input[type='text'],
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container input[type='number'],
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container input[type='email'],
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container input[type='password'],
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container .select2-container .select2-selection--single {
        height: 5.33333rem
    }
}

@media (min-width: 992px) {

    .seminar-productbox>.productbox-inside .seminar-product-form .form-container select,
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container select.form-control,
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container textarea,
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container textarea.form-control,
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container input[type='text'],
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container input[type='number'],
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container input[type='email'],
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container input[type='password'],
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container .select2-container .select2-selection--single {
        height: 5rem
    }
}

@media (min-width: 320px) {

    .seminar-productbox>.productbox-inside .seminar-product-form .form-container select,
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container select.form-control,
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container textarea,
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container textarea.form-control,
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container input[type='text'],
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container input[type='number'],
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container input[type='email'],
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container input[type='password'],
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container .select2-container .select2-selection--single {
        line-height: 8rem
    }
}

@media (min-width: 480px) {

    .seminar-productbox>.productbox-inside .seminar-product-form .form-container select,
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container select.form-control,
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container textarea,
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container textarea.form-control,
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container input[type='text'],
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container input[type='number'],
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container input[type='email'],
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container input[type='password'],
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container .select2-container .select2-selection--single {
        line-height: 7.27273rem
    }
}

@media (min-width: 545px) {

    .seminar-productbox>.productbox-inside .seminar-product-form .form-container select,
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container select.form-control,
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container textarea,
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container textarea.form-control,
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container input[type='text'],
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container input[type='number'],
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container input[type='email'],
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container input[type='password'],
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container .select2-container .select2-selection--single {
        line-height: 6.66667rem
    }
}

@media (min-width: 768px) {

    .seminar-productbox>.productbox-inside .seminar-product-form .form-container select,
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container select.form-control,
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container textarea,
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container textarea.form-control,
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container input[type='text'],
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container input[type='number'],
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container input[type='email'],
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container input[type='password'],
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container .select2-container .select2-selection--single {
        line-height: 5.33333rem
    }
}

@media (min-width: 992px) {

    .seminar-productbox>.productbox-inside .seminar-product-form .form-container select,
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container select.form-control,
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container textarea,
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container textarea.form-control,
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container input[type='text'],
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container input[type='number'],
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container input[type='email'],
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container input[type='password'],
    .seminar-productbox>.productbox-inside .seminar-product-form .form-container .select2-container .select2-selection--single {
        line-height: 5rem
    }
}

.seminar-productbox>.productbox-inside .seminar-product-form .form-container .phone-number-row {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.seminar-productbox>.productbox-inside .seminar-product-form .form-container .phone-number-row>div:nth-child(1) {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.seminar-productbox>.productbox-inside .seminar-product-form .form-container .phone-number-row>div:nth-child(2) {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: auto
}

.seminar-productbox>.productbox-inside .seminar-product-form .form-container div.checkbox label {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.seminar-productbox>.productbox-inside .seminar-product-form .form-container div.checkbox label>span {
    display: block;
    line-height: 1.6
}

.seminar-productbox>.productbox-inside .seminar-product-form .form-container .validation-error .validation {
    margin-bottom: 3px
}

.seminar-productbox>.productbox-inside .seminar-product-form .form-container .form-btns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    padding-top: 15px
}

.seminar-productbox>.productbox-inside .seminar-product-form .form-container .form-btns>.form-submit {
    padding: 0
}

.seminar-productbox>.productbox-inside .seminar-product-form .form-container .form-btns>.form-submit .btn.btn-primary.fake-submit {
    width: 100%;
    padding: 15px 0;
    margin: 0;
    font-size: 16px
}

.seminar-productbox>.productbox-inside .seminar-product-form .form-container .form-btns>a.btn {
    padding: 15px 0;
    font-size: 16px
}

.seminar-productbox.open>.productbox-inside .seminar-product-form {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.data-testid-debug {
    position: relative;
    border: 1px dotted red
}

.data-testid-debug:hover {
    border: 1px solid darkred
}

.data-testid-debug:before {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    padding: 5px;
    background: rgba(255, 255, 255, 0.5);
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px;
    color: darkred;
    content: attr(data-testid)
}

.data-testid-debug:hover:before {
    top: auto;
    bottom: 100%;
    background: darkred;
    color: white
}

.data-testid-debug[data-testid-final]::before {
    content: attr(data-testid-final) !important
}

.component-image-slider {
    position: relative;
    padding-left: 45px;
    padding-right: 45px;
    max-width: 1900px;
    padding-bottom: 9rem
}

@media (min-width: 480px) {
    .component-image-slider {
        padding-bottom: 8.18182rem
    }
}

@media (min-width: 545px) {
    .component-image-slider {
        padding-bottom: 7.5rem
    }
}

@media (min-width: 768px) {
    .component-image-slider {
        padding-bottom: 6rem
    }
}

@media (min-width: 992px) {
    .component-image-slider {
        padding-bottom: 5.625rem
    }
}

@media (min-width: 1200px) {
    .component-image-slider {
        padding-bottom: 5rem
    }
}

@media (min-width: 1400px) {
    .component-image-slider {
        padding-bottom: 4.5rem
    }
}

.component-image-slider .slick-arrow {
    position: absolute;
    top: calc(50% - 35px);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    background: #522974;
    border: none;
    border-radius: 100%;
    outline: none;
    padding-left: 3px;
    padding-right: 0
}

.component-image-slider .slick-arrow::after {
    color: white;
    font-size: 1.6rem
}

.component-image-slider .slick-arrow:hover {
    background: #905ea1;
    cursor: pointer
}

.component-image-slider .slick-prev {
    left: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.component-image-slider .slick-prev::after {
    content: '\e97e'
}

.component-image-slider .slick-next {
    right: 0
}

.component-image-slider .slick-next::after {
    content: '\e97e'
}

.component-image-slider>.slick-list {
    width: 100%
}

.component-image-slider a.item {
    display: block;
    text-align: center;
    overflow: hidden
}

.component-image-slider a.item img {
    width: 100%;
    max-width: 80rem;
    margin: 0 auto
}

@media (min-width: 480px) {
    .component-image-slider a.item img {
        max-width: 72.72727rem
    }
}

@media (min-width: 545px) {
    .component-image-slider a.item img {
        max-width: 66.66667rem
    }
}

@media (min-width: 768px) {
    .component-image-slider a.item img {
        max-width: 53.33333rem
    }
}

@media (min-width: 992px) {
    .component-image-slider a.item img {
        max-width: 50rem
    }
}

@media (min-width: 1200px) {
    .component-image-slider a.item img {
        max-width: 44.44444rem
    }
}

@media (min-width: 1400px) {
    .component-image-slider a.item img {
        max-width: 40rem
    }
}

.component-image-slider ul.slick-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 30px;
    list-style: none;
    gap: 2rem
}

@media (min-width: 480px) {
    .component-image-slider ul.slick-dots {
        gap: 1.81818rem
    }
}

@media (min-width: 545px) {
    .component-image-slider ul.slick-dots {
        gap: 1.66667rem
    }
}

@media (min-width: 768px) {
    .component-image-slider ul.slick-dots {
        gap: 1.33333rem
    }
}

@media (min-width: 992px) {
    .component-image-slider ul.slick-dots {
        gap: 1.25rem
    }
}

@media (min-width: 1200px) {
    .component-image-slider ul.slick-dots {
        gap: 1.11111rem
    }
}

@media (min-width: 1400px) {
    .component-image-slider ul.slick-dots {
        gap: 1rem
    }
}

.component-image-slider ul.slick-dots>li {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 15px;
    height: 15px;
    line-height: 15px;
    padding: 0;
    margin: 0
}

.component-image-slider ul.slick-dots>li:before {
    display: none
}

.component-image-slider ul.slick-dots>li button {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 15px;
    height: 15px;
    line-height: 15px;
    background: silver;
    border: none;
    border-radius: 100%;
    text-indent: -150px;
    font-size: 1px;
    overflow: hidden;
    outline: none
}

.component-image-slider ul.slick-dots>li button:hover,
.component-image-slider ul.slick-dots>li button:focus {
    background: #522974;
    cursor: pointer
}

.component-image-slider ul.slick-dots>li.slick-active button {
    background: #522974
}

.component-image-slider-link {
    text-align: center
}

.component-image-slider-link button {
    padding: 2rem;
    margin: 0;
    border: 0;
    background: none;
    text-decoration: underline;
    font-family: inherit;
    font-size: inherit;
    font-weight: 500;
    color: #522974;
    cursor: pointer;
    outline: none
}

@media (min-width: 480px) {
    .component-image-slider-link button {
        padding: 1.81818rem
    }
}

@media (min-width: 545px) {
    .component-image-slider-link button {
        padding: 1.66667rem
    }
}

@media (min-width: 768px) {
    .component-image-slider-link button {
        padding: 1.33333rem
    }
}

@media (min-width: 992px) {
    .component-image-slider-link button {
        padding: 1.25rem
    }
}

@media (min-width: 1200px) {
    .component-image-slider-link button {
        padding: 1.11111rem
    }
}

@media (min-width: 1400px) {
    .component-image-slider-link button {
        padding: 1rem
    }
}

.component-image-slider-link button:hover,
.component-image-slider-link button:focus {
    color: #14ad53
}

.job-offer-item {
    padding: 3rem 3rem 0;
    margin: 15px 0;
    -webkit-transition: 600ms;
    -o-transition: 600ms;
    transition: 600ms;
    -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px
}

.job-offer-item .job-offer-item-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 3rem
}

@media (min-width: 768px) {
    .job-offer-item .job-offer-item-header {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.job-offer-item .job-offer-item-header .job-offer-item-header-title {
    width: 100%;
    padding-right: 4rem;
    font-weight: bold;
    color: #522974;
    cursor: pointer
}

@media (min-width: 768px) {
    .job-offer-item .job-offer-item-header .job-offer-item-header-title {
        width: 65%
    }
}

.job-offer-item .job-offer-item-header .job-offer-item-header-show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-right: -5px;
    color: #14ad53;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (min-width: 768px) {
    .job-offer-item .job-offer-item-header .job-offer-item-header-show {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: 35%
    }
}

.job-offer-item .job-offer-item-header .job-offer-item-header-show:after {
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    content: '\e92a';
    -o-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms
}

.job-offer-item .job-offer-item-content {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms
}

.job-offer-item.open .job-offer-item-content {
    max-height: 10000px;
    padding-bottom: 3rem;
    padding-top: 3rem;
    overflow-x: hidden;
    overflow-y: auto;
    border-top: 1px solid #e1e4e6
}

.job-offer-item.open .job-offer-item-header-show:after {
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.collapse-section {
    position: relative
}

.collapse-section .section-content {
    position: relative;
    overflow: hidden
}

.collapse-section .section-toggler {
    display: none;
    padding-top: 1rem;
    text-align: center
}

.collapse-section .section-toggler._visible {
    display: block
}

.collapse-section .section-toggler button {
    cursor: pointer
}

.collapse-section .section-toggler button span:first-child {
    display: block
}

.collapse-section .section-toggler button span:last-child {
    display: none
}

.collapse-section.js-collapsed .section-content:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 200px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%);
    pointer-events: none;
    content: ""
}

.collapse-section.js-collapse-opened .section-content {
    max-height: inherit !important
}

.collapse-section.js-collapse-opened .section-content:after {
    display: none
}

.collapse-section.js-collapse-opened .section-toggler button span:first-child {
    display: none
}

.collapse-section.js-collapse-opened .section-toggler button span:last-child {
    display: block
}

body.EditMode .collapse-section {
    border: 1px dashed red
}

body.EditMode .collapse-section:before {
    display: block;
    padding-bottom: 15px;
    font-family: sans-serif !important;
    color: red;
    font-weight: bold;
    content: "Collapse section | Max height: " attr(data-limit)
}

body.EditMode .collapse-section .section-toggler {
    display: block
}

body.EditMode .collapse-section .section-toggler:before {
    display: block;
    padding-bottom: 15px;
    font-family: sans-serif !important;
    color: red;
    font-weight: bold;
    content: "Collapse section toggler"
}

body.EditMode .collapse-section .section-toggler span {
    display: block
}

body.EditMode .collapse-section .section-toggler span:before {
    font-family: sans-serif !important;
    color: black
}

body.EditMode .collapse-section .section-toggler span:first-child:before {
    content: "Open label: "
}

body.EditMode .collapse-section .section-toggler span:last-child:before {
    content: "Close label: "
}

.component-references-slider-title {
    text-align: center
}

.component-references-slider {
    position: relative
}

@media (min-width: 550px) {
    .component-references-slider {
        padding: 0 45px
    }
}

.component-references-slider .slick-list {
    padding: 30px 20px
}

.component-references-slider .slick-list .slick-track {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.component-references-slider .slick-arrow {
    position: absolute;
    top: calc(50% - 35px);
    z-index: 10;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    background: #522974;
    border: none;
    border-radius: 100%;
    outline: none;
    padding-left: 3px;
    padding-right: 0
}

.component-references-slider .slick-arrow.slick-disabled {
    cursor: default;
    pointer-events: none;
    opacity: 0.3
}

.component-references-slider .slick-arrow::after {
    color: white;
    font-size: 1.6rem
}

.component-references-slider .slick-arrow:hover {
    background: #905ea1;
    cursor: pointer
}

.component-references-slider .slick-prev {
    left: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.component-references-slider .slick-prev::after {
    content: '\e97e'
}

.component-references-slider .slick-next {
    right: 0
}

.component-references-slider .slick-next::after {
    content: '\e97e'
}

.component-references-slider .component-references-slider-box-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 7.5px;
    height: inherit !important
}

.component-references-slider .component-references-slider-box-wrapper .component-references-slider-box {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
    padding: 30px 15px;
    background: white;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: 300ms -webkit-box-shadow;
    transition: 300ms -webkit-box-shadow;
    -o-transition: 300ms box-shadow;
    transition: 300ms box-shadow;
    transition: 300ms box-shadow, 300ms -webkit-box-shadow
}

.component-references-slider .component-references-slider-box-wrapper .component-references-slider-box .reference-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 130px
}

.component-references-slider .component-references-slider-box-wrapper .component-references-slider-box .reference-logo img {
    max-width: 100%;
    max-height: 100% !important
}

.component-references-slider .component-references-slider-box-wrapper .component-references-slider-box .reference-text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media (min-width: 550px) {
    .component-references-slider .component-references-slider-box-wrapper .component-references-slider-box .reference-text {
        padding: 0 15px
    }
}

@media (min-width: 1600px) {
    .component-references-slider .component-references-slider-box-wrapper .component-references-slider-box .reference-text {
        padding: 0 30px
    }
}

.component-references-slider .component-references-slider-box-wrapper .component-references-slider-box .reference-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-align: center;
    text-decoration: none;
    color: #522974
}

.component-references-slider .component-references-slider-box-wrapper .component-references-slider-box .reference-link:after {
    display: block;
    margin-left: 5px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
    content: "\e92b"
}

.component-references-slider .component-references-slider-box-wrapper .component-references-slider-box .reference-link:hover:after {
    -webkit-transform: rotate(90deg) translateY(-2px);
    -ms-transform: rotate(90deg) translateY(-2px);
    transform: rotate(90deg) translateY(-2px)
}

.component-references-slider .component-references-slider-box-wrapper.slick-active .component-references-slider-box {
    -webkit-box-shadow: 0px 8px 22px 0px #0000001A;
    box-shadow: 0px 8px 22px 0px #0000001A
}

section.component-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: -webkit-gradient(linear, left top, right top, from(#411A6C), to(#9848B3));
    background: -o-linear-gradient(left, #411A6C 0%, #9848B3 100%);
    background: linear-gradient(90deg, #411A6C 0%, #9848B3 100%);
    border-radius: 10px;
    overflow: hidden
}

@media (min-width: 992px) {
    section.component-banner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

section.component-banner .component-banner-texts {
    -ms-flex-item-align: center;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 20px
}

@media (min-width: 768px) {
    section.component-banner .component-banner-texts {
        padding: 32px 48px
    }
}

section.component-banner .component-banner-texts .component-banner-texts-title,
section.component-banner .component-banner-texts .component-banner-texts-title h2,
section.component-banner .component-banner-texts .component-banner-texts-title h3,
section.component-banner .component-banner-texts .component-banner-texts-title h4 {
    padding: 0;
    margin: 0;
    line-height: 1.2;
    font-size: 24px;
    font-weight: 700;
    color: white
}

section.component-banner .component-banner-texts .component-banner-texts-text,
section.component-banner .component-banner-texts .component-banner-texts-text p {
    padding: 0;
    margin: 0;
    font-size: 16px;
    color: #BC8BCD
}

section.component-banner .component-banner-image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%
}

@media (min-width: 992px) {
    section.component-banner .component-banner-image {
        width: 50%
    }
}

section.component-banner .component-banner-image img {
    width: 100%;
    aspect-ratio: 2 / 1;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 992px) {
    section.component-banner .component-banner-image img {
        height: 100% !important;
        aspect-ratio: auto
    }
}

.filter-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -7.5px;
    padding: 4.5rem 0
}

.filter-category .filter-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-height: 80px;
    padding: 12px;
    margin: 7.5px;
    background: #fff;
    -webkit-box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    border-radius: 3px;
    border-bottom: 4px solid #522974;
    text-decoration: none;
    font-size: 3.2rem;
    font-weight: 700;
    -webkit-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
    cursor: pointer
}

@media (min-width: 480px) {
    .filter-category .filter-item {
        font-size: 2.90909rem
    }
}

@media (min-width: 545px) {
    .filter-category .filter-item {
        font-size: 2.66667rem
    }
}

@media (min-width: 768px) {
    .filter-category .filter-item {
        font-size: 2.13333rem
    }
}

@media (min-width: 992px) {
    .filter-category .filter-item {
        font-size: 2rem
    }
}

@media (min-width: 1200px) {
    .filter-category .filter-item {
        font-size: 1.77778rem
    }
}

@media (min-width: 1400px) {
    .filter-category .filter-item {
        font-size: 1.6rem
    }
}

@media (min-width: 768px) {
    .filter-category .filter-item {
        width: 40rem
    }
}

@media (min-width: 768px) and (min-width: 480px) {
    .filter-category .filter-item {
        width: 36.36364rem
    }
}

@media (min-width: 768px) and (min-width: 545px) {
    .filter-category .filter-item {
        width: 33.33333rem
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .filter-category .filter-item {
        width: 26.66667rem
    }
}

@media (min-width: 768px) and (min-width: 992px) {
    .filter-category .filter-item {
        width: 25rem
    }
}

@media (min-width: 768px) and (min-width: 1200px) {
    .filter-category .filter-item {
        width: 22.22222rem
    }
}

@media (min-width: 768px) and (min-width: 1400px) {
    .filter-category .filter-item {
        width: 20rem
    }
}

.filter-category .filter-item.active,
.filter-category .filter-item:hover {
    border-color: #14ad53
}

.article-item {
    width: 100%;
    background: #fff;
    height: 100%;
    text-decoration: none !important;
    border-radius: 5px;
    overflow: hidden
}

.article-item-photo {
    position: relative;
    overflow: hidden
}

.article-item-photo .pux-lazy-box-item {
    position: absolute;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -o-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms
}

.article-item.row-article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 15px;
    -webkit-box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    box-shadow: 0 0 38px rgba(40, 42, 39, 0.1)
}

@media (min-width: 992px) {
    .article-item.row-article {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

.article-item.row-article .article-item-photo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 220px
}

@media (min-width: 992px) {
    .article-item.row-article .article-item-photo {
        width: 40%;
        height: auto
    }
}

@media (min-width: 1400px) {
    .article-item.row-article .article-item-photo {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 460px;
        min-height: 305px
    }
}

.article-item.row-article .article-item-photo img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms
}

.article-item.row-article .article-item-content {
    width: 100%;
    padding: 3rem 2.5rem
}

@media (min-width: 992px) {
    .article-item.row-article .article-item-content {
        width: 60%;
        padding: 48px;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width: 1400px) {
    .article-item.row-article .article-item-content {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 70px 50px;
        width: auto
    }
}

.article-item.row-article .article-item-content-title {
    padding-bottom: 2rem;
    line-height: 1.2;
    font-weight: 600;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    color: #522974
}

@media (min-width: 320px) {
    .article-item.row-article .article-item-content-title {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {
    .article-item.row-article .article-item-content-title {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .article-item.row-article .article-item-content-title {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .article-item.row-article .article-item-content-title {
        font-size: 2.4rem
    }
}

.article-item.row-article .article-item-content-perex {
    display: -webkit-box;
    margin-bottom: 2rem;
    font-size: 16px;
    font-weight: 400;
    color: #595959;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden
}

.article-item.row-article .article-item-content-ref {
    font-size: 16px;
    letter-spacing: -0.36px;
    padding-top: 5px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.article-item.row-article .article-item-content-ref:after {
    content: '\e92b';
    -webkit-transform: rotate(90deg) translateY(0);
    -ms-transform: rotate(90deg) translateY(0);
    transform: rotate(90deg) translateY(0);
    -o-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms;
    font-weight: 300;
    padding-bottom: 10px;
    font-size: 15px
}

.article-item.row-article.with-date .article-item-content-title {
    padding-bottom: 0rem !important
}

.article-item.row-article.with-date .article-item-content-date {
    padding-bottom: 2rem;
    line-height: 1;
    font-size: 14px;
    color: #7b7b7b
}

.article-item.column-article {
    -webkit-box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    position: relative;
    display: block
}

.article-item.column-article .article-item-photo {
    width: 100%;
    height: 210px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex
}

@media (min-width: 992px) {
    .article-item.column-article .article-item-photo {
        height: auto;
        aspect-ratio: 3 / 2
    }
}

.article-item.column-article .article-item-photo img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms
}

.article-item.column-article .article-item-content {
    width: 100%;
    padding: 15px 15px 8.5rem 15px
}

@media (min-width: 992px) {
    .article-item.column-article .article-item-content {
        padding: 30px 30px 8.5rem 30px
    }
}

.article-item.column-article .article-item-content-title {
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.44px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    color: #522974
}

@media (min-width: 320px) {
    .article-item.column-article .article-item-content-title {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {
    .article-item.column-article .article-item-content-title {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .article-item.column-article .article-item-content-title {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .article-item.column-article .article-item-content-title {
        font-size: 2.4rem
    }
}

@media (min-width: 992px) {
    .article-item.column-article .article-item-content-title {
        font-size: 2.25rem
    }
}

@media (min-width: 1200px) {
    .article-item.column-article .article-item-content-title {
        font-size: 2.2rem
    }
}

.article-item.column-article .article-item-content-date {
    font-size: 18px;
    font-weight: 300;
    letter-spacing: -0.32px;
    padding-bottom: 2rem
}

.article-item.column-article .article-item-content-perex {
    font-size: 16px;
    font-weight: 400;
    color: #595959
}

.article-item.column-article .article-item-content-ref {
    position: absolute;
    left: 15px;
    bottom: 3rem;
    font-size: 15px;
    letter-spacing: -0.36px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 992px) {
    .article-item.column-article .article-item-content-ref {
        left: 30px
    }
}

.article-item.column-article .article-item-content-ref:after {
    content: '\e92b';
    -webkit-transform: rotate(90deg) translateY(0);
    -ms-transform: rotate(90deg) translateY(0);
    transform: rotate(90deg) translateY(0);
    -o-transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms;
    font-weight: 300;
    padding-bottom: 10px;
    font-size: 15px
}

.article-item.in-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
    margin: 5px 0
}

.article-item.in-menu .article-item-photo {
    width: 80px;
    height: 80px;
    min-width: 80px
}

.article-item.in-menu .article-item-content {
    padding: 5px 5px 5px 10px
}

.article-item.in-menu .article-item-content-label {
    font-size: 11px;
    color: #fff;
    display: inline-block;
    background-color: #d12929;
    padding: 0.5px 14px;
    font-weight: 500
}

.article-item.in-menu .article-item-content-title {
    font-size: 13px;
    font-weight: 400
}

.article-item:hover,
.article-item:focus {
    color: inherit
}

.article-item:hover .article-item-content-title,
.article-item:focus .article-item-content-title {
    color: #522974
}

.article-item:hover .article-item-photo img,
.article-item:focus .article-item-photo img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.article-item:hover .article-item-content-ref:after,
.article-item:focus .article-item-content-ref:after {
    -webkit-transform: rotate(90deg) translateY(-5px);
    -ms-transform: rotate(90deg) translateY(-5px);
    transform: rotate(90deg) translateY(-5px)
}

.article-item-vertical-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 30px
}

.article-item-vertical-container.loading {
    position: relative;
    padding-bottom: 150px
}

@-webkit-keyframes loading-icon {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loading-icon {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.article-item-vertical-container.loading:before {
    position: absolute;
    bottom: 50px;
    left: calc(50% - 25px);
    width: 50px;
    height: 50px;
    background: url(../img/spinner_solid.html) center no-repeat;
    background-size: cover;
    content: "";
    -webkit-animation: loading-icon 1s infinite linear;
    animation: loading-icon 1s infinite linear;
    opacity: 0.8
}

.article-item-vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    width: 100%;
    -webkit-box-shadow: 0 7px 25px 0 #0000001A;
    box-shadow: 0 7px 25px 0 #0000001A;
    background: white;
    text-decoration: none
}

@media (min-width: 768px) {
    .article-item-vertical {
        width: calc(100% / 2 - 15px)
    }
}

@media (min-width: 1200px) {
    .article-item-vertical {
        width: calc(100% / 3 - 20px)
    }
}

.article-item-vertical:hover {
    text-decoration: none;
    color: inherit
}

.article-item-vertical .article-item-vertical-date {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: inline-block;
    padding: 10px 30px;
    background: #522974;
    color: white
}

.article-item-vertical .article-item-vertical-photo {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    aspect-ratio: 3 / 2;
    -o-object-fit: cover;
    object-fit: cover
}

.article-item-vertical .article-item-vertical-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 25px;
    padding: 30px 25px
}

.article-item-vertical .article-item-vertical-content h3.article-item-vertical-content-title {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0;
    margin: 0;
    line-height: 1.2;
    font-size: 22px;
    font-weight: 600
}

.article-item-vertical .article-item-vertical-content .article-item-vertical-content-main-tag {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.article-item-vertical .article-item-vertical-content .article-item-vertical-content-main-tag>span {
    display: inline-block;
    padding: 10px 30px;
    border: 1px solid #522974;
    border-radius: 60px;
    background: white;
    font-size: 16px;
    color: #522974
}

.article-item-vertical .article-item-vertical-content .article-item-vertical-content-perex {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    line-height: 1.4;
    color: #595959
}

.article-item-vertical .article-item-vertical-content .article-item-vertical-content-read-more {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #522974
}

.article-item-vertical .article-item-vertical-content .article-item-vertical-content-read-more:after {
    display: block;
    margin-left: 5px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
    content: "\e92b"
}

.article-item-vertical:hover .article-item-vertical-content h3.article-item-vertical-content-title {
    color: #14ad53
}

.article-item-vertical:hover .article-item-vertical-content .article-item-vertical-content-read-more {
    color: #14ad53
}

.article-item-vertical:hover .article-item-vertical-content .article-item-vertical-content-read-more:after {
    -webkit-transform: rotate(90deg) translateY(-2px);
    -ms-transform: rotate(90deg) translateY(-2px);
    transform: rotate(90deg) translateY(-2px)
}

.article-tags-list-container .article-tags-list-title {
    padding-bottom: 4rem;
    font-weight: 500
}

.article-tags-list-container .article-tags-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 30px
}

.article-tags-list-container .article-tags-list.article-detail-tags {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 15px;
    gap: 15px
}

.article-tags-list-container .article-tags-list>a {
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid #522974;
    border-radius: 60px;
    background: white;
    text-decoration: none;
    font-size: 16px;
    color: #522974
}

.article-tags-list-container .article-tags-list>a:hover,
.article-tags-list-container .article-tags-list>a.selected {
    background: #522974;
    color: white
}

section.component-article-slideshow .slick-slider {
    padding: 0 40px;
    margin-bottom: 80px
}

@media (min-width: 550px) {
    section.component-article-slideshow .slick-slider {
        padding: 0 60px
    }
}

@media (min-width: 1600px) {
    section.component-article-slideshow .slick-slider {
        padding: 0
    }
}

section.component-article-slideshow .slick-slider>.slick-arrow {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 20;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #522974;
    width: 34px;
    height: 34px;
    padding-left: 3px;
    padding-right: 0;
    border: 0;
    border-radius: 100%;
    outline: none
}

@media (min-width: 550px) {
    section.component-article-slideshow .slick-slider>.slick-arrow {
        width: 45px;
        height: 45px
    }
}

@media (min-width: 1600px) {
    section.component-article-slideshow .slick-slider>.slick-arrow {
        width: 50px;
        height: 50px
    }
}

section.component-article-slideshow .slick-slider>.slick-arrow.slick-disabled {
    cursor: default;
    pointer-events: none;
    opacity: 0.3
}

section.component-article-slideshow .slick-slider>.slick-arrow:hover {
    background: #905ea1;
    cursor: pointer
}

section.component-article-slideshow .slick-slider>.slick-arrow::after {
    color: #fff;
    font-size: 2.5rem
}

section.component-article-slideshow .slick-slider>.slick-arrow.slick-prev {
    left: 0;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

@media (min-width: 1600px) {
    section.component-article-slideshow .slick-slider>.slick-arrow.slick-prev {
        left: -70px
    }
}

section.component-article-slideshow .slick-slider>.slick-arrow.slick-prev::after {
    content: '\e97e'
}

section.component-article-slideshow .slick-slider>.slick-arrow.slick-next {
    right: 0
}

@media (min-width: 1600px) {
    section.component-article-slideshow .slick-slider>.slick-arrow.slick-next {
        right: -70px
    }
}

section.component-article-slideshow .slick-slider>.slick-arrow.slick-next::after {
    content: '\e97e'
}

section.component-article-slideshow .slick-slider>.slick-dots {
    position: absolute;
    top: calc(100% + 20px);
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2rem;
    padding: 0;
    margin: 0;
    list-style: none
}

@media (min-width: 480px) {
    section.component-article-slideshow .slick-slider>.slick-dots {
        gap: 1.81818rem
    }
}

@media (min-width: 545px) {
    section.component-article-slideshow .slick-slider>.slick-dots {
        gap: 1.66667rem
    }
}

@media (min-width: 768px) {
    section.component-article-slideshow .slick-slider>.slick-dots {
        gap: 1.33333rem
    }
}

@media (min-width: 992px) {
    section.component-article-slideshow .slick-slider>.slick-dots {
        gap: 1.25rem
    }
}

@media (min-width: 1200px) {
    section.component-article-slideshow .slick-slider>.slick-dots {
        gap: 1.11111rem
    }
}

@media (min-width: 1400px) {
    section.component-article-slideshow .slick-slider>.slick-dots {
        gap: 1rem
    }
}

section.component-article-slideshow .slick-slider>.slick-dots>li {
    padding: 0;
    margin: 0
}

section.component-article-slideshow .slick-slider>.slick-dots>li:before {
    display: none
}

section.component-article-slideshow .slick-slider>.slick-dots>li>button {
    width: 15px;
    height: 15px;
    line-height: 15px;
    border-radius: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    background: silver;
    cursor: pointer;
    font-size: 0;
    color: transparent
}

section.component-article-slideshow .slick-slider>.slick-dots>li>button:hover,
section.component-article-slideshow .slick-slider>.slick-dots>li>button:focus {
    background: #522974
}

section.component-article-slideshow .slick-slider>.slick-dots>li.slick-active>button {
    background: #522974
}

section.component-article-slideshow .slick-slider>.slick-list {
    border-radius: 15px;
    background: white;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.25)
}

section.component-article-slideshow .slick-slider>.slick-list .component-article-slideshow-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px;
    gap: 15px
}

@media (min-width: 992px) {
    section.component-article-slideshow .slick-slider>.slick-list .component-article-slideshow-item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 30px 50px
    }
}

@media (min-width: 1200px) {
    section.component-article-slideshow .slick-slider>.slick-list .component-article-slideshow-item {
        padding: 40px 50px
    }
}

@media (min-width: 1400px) {
    section.component-article-slideshow .slick-slider>.slick-list .component-article-slideshow-item {
        padding: 70px 100px
    }
}

section.component-article-slideshow .slick-slider>.slick-list .component-article-slideshow-item>.item-texts {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (min-width: 992px) {
    section.component-article-slideshow .slick-slider>.slick-list .component-article-slideshow-item>.item-texts {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 47%
    }
}

section.component-article-slideshow .slick-slider>.slick-list .component-article-slideshow-item>.item-texts>.texts-title {
    margin: 0;
    padding-bottom: 2rem
}

section.component-article-slideshow .slick-slider>.slick-list .component-article-slideshow-item>.item-texts>.texts-title a {
    text-decoration: none
}

section.component-article-slideshow .slick-slider>.slick-list .component-article-slideshow-item>.item-texts>.texts-main {
    margin-bottom: 3rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media (min-width: 992px) {
    section.component-article-slideshow .slick-slider>.slick-list .component-article-slideshow-item>.item-texts>.texts-main {
        -webkit-line-clamp: 15
    }
}

section.component-article-slideshow .slick-slider>.slick-list .component-article-slideshow-item>.item-texts>.texts-cta>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none
}

section.component-article-slideshow .slick-slider>.slick-list .component-article-slideshow-item>.item-texts>.texts-cta>a:after {
    display: block;
    margin-left: 5px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
    content: "\e92b"
}

section.component-article-slideshow .slick-slider>.slick-list .component-article-slideshow-item>.item-texts>.texts-cta>a:hover:after {
    -webkit-transform: rotate(90deg) translateY(-2px);
    -ms-transform: rotate(90deg) translateY(-2px);
    transform: rotate(90deg) translateY(-2px)
}

section.component-article-slideshow .slick-slider>.slick-list .component-article-slideshow-item>.item-image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (min-width: 992px) {
    section.component-article-slideshow .slick-slider>.slick-list .component-article-slideshow-item>.item-image {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 47%
    }
}

section.component-article-slideshow .slick-slider>.slick-list .component-article-slideshow-item>.item-image img {
    width: 100%;
    max-height: 100%
}

.component-article-banner {
    display: none;
    position: relative;
    width: calc(100% / 3 - 20px);
    aspect-ratio: 10 / 17;
    overflow: hidden
}

@media (min-width: 768px) {
    .component-article-banner {
        display: block;
        width: calc(100% / 2 - 15px)
    }
}

@media (min-width: 1200px) {
    .component-article-banner {
        width: calc(100% / 3 - 20px)
    }
}

.component-article-banner img.component-article-banner-image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center
}

.component-article-banner .component-article-banner-cta {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    z-index: 2;
    text-align: center
}

.component-article-banner-source-wrapper {
    display: none
}

body.DesignMode .component-article-banner-source-wrapper {
    display: block;
    padding: 10px;
    border: 1px dashed red
}

body.DesignMode .component-article-banner-source-wrapper:before {
    display: block;
    padding: 50px 10px 10px 10px;
    font-family: inherit !important;
    content: "Article Banner Source:";
    color: red
}

body.DesignMode .component-article-banner-source-wrapper .component-article-banner {
    width: 350px
}

.purple-layout-item-container .row {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.purple-layout-item-container .row .purple-layout-item {
    height: 100%
}

.purple-layout-item-container .row .purple-layout-inner-items-2,
.purple-layout-item-container .row .purple-layout-inner-items-3 {
    display: grid;
    grid-template-rows: auto;
    width: 100%;
    gap: 15px;
    padding: 0 15px
}

@media (min-width: 992px) {

    .purple-layout-item-container .row .purple-layout-inner-items-2,
    .purple-layout-item-container .row .purple-layout-inner-items-3 {
        gap: 30px
    }
}

.purple-layout-item-container .row .purple-layout-inner-items-2 {
    grid-template-columns: 1fr
}

@media (min-width: 992px) {
    .purple-layout-item-container .row .purple-layout-inner-items-2 {
        grid-template-columns: 1fr 1fr
    }
}

.purple-layout-item-container .row .purple-layout-inner-items-3 {
    grid-template-columns: 1fr
}

@media (min-width: 992px) {
    .purple-layout-item-container .row .purple-layout-inner-items-3 {
        grid-template-areas: "first second" "third third";
        grid-template-columns: 1fr 1fr
    }

    .purple-layout-item-container .row .purple-layout-inner-items-3 article:nth-child(1) {
        grid-area: first
    }

    .purple-layout-item-container .row .purple-layout-inner-items-3 article:nth-child(2) {
        grid-area: second
    }

    .purple-layout-item-container .row .purple-layout-inner-items-3 article:nth-child(3) {
        grid-area: third
    }
}

@media (min-width: 1200px) {
    .purple-layout-item-container .row .purple-layout-inner-items-3 {
        grid-template-areas: "first second third";
        grid-template-columns: 1fr 1fr 1fr
    }
}

body.EditMode .purple-layout-item-container .row table.LayoutTable {
    width: 100%
}

body.EditMode .purple-layout-item-container .row table.LayoutTable td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

body.EditMode .purple-layout-item-container .row .purple-layout-inner-items-2,
body.EditMode .purple-layout-item-container .row .purple-layout-inner-items-3 {
    display: block
}

body.EditMode .purple-layout-item-container .row .purple-layout-inner-items-2 .WebPartContent article,
body.EditMode .purple-layout-item-container .row .purple-layout-inner-items-3 .WebPartContent article {
    grid-area: auto
}

body.EditMode .purple-layout-item-container .row .purple-layout-inner-items-2 .WebPartContent {
    display: grid;
    gap: 15px;
    grid-template-columns: 1fr 1fr
}

body.EditMode .purple-layout-item-container .row .purple-layout-inner-items-3 .WebPartContent {
    display: grid;
    gap: 15px;
    grid-template-columns: 1fr 1fr 1fr
}

.purple-layout-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-shadow: 0px 10px 34px 5px rgba(100, 100, 111, 0.2);
    box-shadow: 0px 10px 34px 5px rgba(100, 100, 111, 0.2);
    background: white
}

.purple-layout-item .layout-item-image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    aspect-ratio: 325 / 170;
    overflow: hidden;
    background: #f2f2f2
}

.purple-layout-item .layout-item-image img {
    width: 100%;
    height: auto;
    aspect-ratio: 325 / 170;
    -o-object-fit: cover;
    object-fit: cover
}

.purple-layout-item .layout-item-texts {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
    padding: 15px
}

@media (min-width: 992px) {
    .purple-layout-item .layout-item-texts {
        gap: 20px;
        padding: 30px
    }
}

.purple-layout-item .layout-item-texts>.layout-item-title {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0;
    margin: 0;
    font-size: 18px;
    font-weight: 700
}

@media (min-width: 992px) {
    .purple-layout-item .layout-item-texts>.layout-item-title {
        font-size: 22px
    }
}

.purple-layout-item .layout-item-texts>.layout-item-perex {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 16px;
    color: #2f2f2f
}

.purple-layout-item .layout-item-texts>.layout-item-perex h2 {
    padding-bottom: 1rem;
    font-size: 18px
}

.purple-layout-item .layout-item-texts>.layout-item-perex h3 {
    padding-bottom: 1rem;
    font-size: 16px
}

.purple-layout-item .layout-item-texts>.layout-item-perex p {
    line-height: 1.4
}

.purple-layout-item .layout-item-texts>.layout-item-perex div.btn-segment-wrap {
    display: block;
    padding: 1rem 0
}

.purple-layout-item .layout-item-texts>.layout-item-perex>*:first-child {
    padding-top: 0;
    margin-top: 0
}

.purple-layout-item .layout-item-texts>.layout-item-perex>*:last-child {
    padding-bottom: 0;
    margin-bottom: 0
}

.purple-layout-item .layout-item-texts>.layout-item-cta {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: center
}

@media (min-width: 992px) {
    .purple-layout-item-container._layout-horizontal .purple-layout-item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .purple-layout-item-container._layout-horizontal .purple-layout-item .layout-item-image {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 45%;
        aspect-ratio: 460 / 250
    }

    .purple-layout-item-container._layout-horizontal .purple-layout-item .layout-item-image img {
        aspect-ratio: auto;
        height: 100% !important
    }

    .purple-layout-item-container._layout-horizontal .purple-layout-item .layout-item-texts {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .purple-layout-item-container._layout-horizontal .purple-layout-item .layout-item-texts>.layout-item-cta {
        text-align: left
    }
}

.page-contacts {
    display: grid;
    row-gap: 30px;
    grid-template-columns: 100%;
    grid-template-rows: auto;
    grid-template-areas: "title"
        "primary-info"
        "faq"
        "socials"
        "secondary-info"
        "map"
        "other-addresses"
}

@media (min-width: 1200px) {
    .page-contacts {
        row-gap: 60px;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
        grid-template-columns: calc(50% - 15px) calc(50% - 15px);
        grid-template-areas: "title           title"
            "primary-info    primary-image"
            "faq             socials"
            "secondary-info  map"
            "other-addresses other-addresses"
    }
}

.page-contacts section.page-contacts-title {
    grid-area: title;
    padding: 4rem 0
}

.page-contacts section.page-contacts-title h1 {
    padding: 0;
    margin: 0
}

.page-contacts section.page-contacts-primary-info {
    grid-area: primary-info
}

.page-contacts section.page-contacts-primary-image {
    grid-area: primary-image;
    display: none
}

@media (min-width: 1200px) {
    .page-contacts section.page-contacts-primary-image {
        display: block
    }
}

.page-contacts section.page-contacts-faq {
    grid-area: faq
}

.page-contacts section.page-contacts-faq>.faq-inside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 600px;
    height: 100%;
    padding: 30px 15px;
    margin: 0 auto;
    background: white;
    -webkit-box-shadow: 0px 10px 34px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 34px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    text-align: center
}

@media (min-width: 1200px) {
    .page-contacts section.page-contacts-faq>.faq-inside {
        max-width: inherit;
        padding: 60px 15px
    }
}

.page-contacts section.page-contacts-faq>.faq-inside h2 {
    padding: 0 0 30px 0;
    margin: 0;
    font-weight: bold;
    color: #522974
}

@media (min-width: 320px) {
    .page-contacts section.page-contacts-faq>.faq-inside h2 {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {
    .page-contacts section.page-contacts-faq>.faq-inside h2 {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .page-contacts section.page-contacts-faq>.faq-inside h2 {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .page-contacts section.page-contacts-faq>.faq-inside h2 {
        font-size: 2.4rem
    }
}

@media (min-width: 992px) {
    .page-contacts section.page-contacts-faq>.faq-inside h2 {
        font-size: 2.25rem
    }
}

@media (min-width: 1200px) {
    .page-contacts section.page-contacts-faq>.faq-inside h2 {
        font-size: 2rem
    }
}

.page-contacts section.page-contacts-socials {
    grid-area: socials
}

.page-contacts section.page-contacts-socials>.socials-inside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 600px;
    height: 100%;
    padding: 30px 15px;
    margin: 0 auto;
    background: white;
    -webkit-box-shadow: 0px 10px 34px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 34px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    text-align: center
}

@media (min-width: 1200px) {
    .page-contacts section.page-contacts-socials>.socials-inside {
        max-width: inherit;
        padding: 60px 15px
    }
}

.page-contacts section.page-contacts-socials>.socials-inside h2 {
    padding: 0 0 30px 0;
    margin: 0;
    font-weight: bold;
    color: #522974
}

@media (min-width: 320px) {
    .page-contacts section.page-contacts-socials>.socials-inside h2 {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {
    .page-contacts section.page-contacts-socials>.socials-inside h2 {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {
    .page-contacts section.page-contacts-socials>.socials-inside h2 {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .page-contacts section.page-contacts-socials>.socials-inside h2 {
        font-size: 2.4rem
    }
}

@media (min-width: 992px) {
    .page-contacts section.page-contacts-socials>.socials-inside h2 {
        font-size: 2.25rem
    }
}

@media (min-width: 1200px) {
    .page-contacts section.page-contacts-socials>.socials-inside h2 {
        font-size: 2rem
    }
}

.page-contacts section.page-contacts-socials>.socials-inside .inside-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px
}

.page-contacts section.page-contacts-socials>.socials-inside .inside-links>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #522974;
    border-radius: 100%;
    text-decoration: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

@media (min-width: 768px) {
    .page-contacts section.page-contacts-socials>.socials-inside .inside-links>a {
        width: 60px;
        height: 60px
    }
}

.page-contacts section.page-contacts-socials>.socials-inside .inside-links>a:hover {
    opacity: 0.8
}

.page-contacts section.page-contacts-socials>.socials-inside .inside-links>a svg {
    width: 50%;
    height: 50%
}

.page-contacts section.page-contacts-socials>.socials-inside .inside-links>a svg path {
    fill: white
}

.page-contacts section.page-contacts-socials>.socials-inside .inside-links>a.link-spotify {
    background: none
}

.page-contacts section.page-contacts-socials>.socials-inside .inside-links>a.link-spotify svg {
    width: 100%;
    height: 100%
}

.page-contacts section.page-contacts-socials>.socials-inside .inside-links>a.link-spotify path {
    fill: #522974
}

.page-contacts section.page-contacts-secondary-info {
    grid-area: secondary-info
}

.page-contacts section.page-contacts-map {
    grid-area: map;
    overflow: hidden;
    border-radius: 10px
}

.page-contacts section.page-contacts-other-addresses {
    grid-area: other-addresses;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 992px) {
    .page-contacts section.page-contacts-other-addresses {
        padding: 50px 0
    }
}

.page-contacts section.page-contacts-other-addresses .EditableText_OtherAddresses {
    width: 100%
}

.page-contacts section.page-contacts-other-addresses .EditableText_OtherAddresses .cke_textarea_inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page-contacts section.page-contacts-other-addresses .address-box {
    width: 100%;
    padding: 30px 15px
}

.page-contacts section.page-contacts-other-addresses .address-box:not(:last-child) {
    border-bottom: 1px solid #14ad53
}

@media (min-width: 1200px) {
    .page-contacts section.page-contacts-other-addresses .address-box {
        width: 50%;
        padding: 0 50px;
        margin-bottom: 30px
    }

    .page-contacts section.page-contacts-other-addresses .address-box:not(:last-child) {
        border-bottom: 0
    }

    .page-contacts section.page-contacts-other-addresses .address-box:nth-child(odd) {
        border-right: 1px solid #14ad53
    }
}

.page-contacts section.page-contacts-other-addresses .address-box h3 {
    padding: 0 0 15px 0;
    margin: 0;
    font-weight: bold;
    color: #522974
}

@media (min-width: 320px) {
    .page-contacts section.page-contacts-other-addresses .address-box h3 {
        font-size: 3rem
    }
}

@media (min-width: 480px) {
    .page-contacts section.page-contacts-other-addresses .address-box h3 {
        font-size: 2.72727rem
    }
}

@media (min-width: 545px) {
    .page-contacts section.page-contacts-other-addresses .address-box h3 {
        font-size: 2.5rem
    }
}

@media (min-width: 768px) {
    .page-contacts section.page-contacts-other-addresses .address-box h3 {
        font-size: 2rem
    }
}

@media (min-width: 992px) {
    .page-contacts section.page-contacts-other-addresses .address-box h3 {
        font-size: 1.875rem
    }
}

@media (min-width: 1200px) {
    .page-contacts section.page-contacts-other-addresses .address-box h3 {
        font-size: 1.66667rem
    }
}

@media (min-width: 1400px) {
    .page-contacts section.page-contacts-other-addresses .address-box h3 {
        font-size: 1.6rem
    }
}

@media (min-width: 320px) {
    .page-contacts section.page-contacts-other-addresses .address-box p {
        font-size: 3rem
    }
}

@media (min-width: 480px) {
    .page-contacts section.page-contacts-other-addresses .address-box p {
        font-size: 2.72727rem
    }
}

@media (min-width: 545px) {
    .page-contacts section.page-contacts-other-addresses .address-box p {
        font-size: 2.5rem
    }
}

@media (min-width: 768px) {
    .page-contacts section.page-contacts-other-addresses .address-box p {
        font-size: 2rem
    }
}

@media (min-width: 992px) {
    .page-contacts section.page-contacts-other-addresses .address-box p {
        font-size: 1.875rem
    }
}

@media (min-width: 1200px) {
    .page-contacts section.page-contacts-other-addresses .address-box p {
        font-size: 1.66667rem
    }
}

@media (min-width: 1400px) {
    .page-contacts section.page-contacts-other-addresses .address-box p {
        font-size: 1.6rem
    }
}

.page-contacts .contact-info-section:not(:last-child) {
    padding-bottom: 60px
}

.page-contacts .contact-info-block {
    position: relative;
    padding: 0 0 0 70px
}

@media (min-width: 768px) {
    .page-contacts .contact-info-block {
        padding: 0 0 0 90px
    }
}

.page-contacts .contact-info-block:last-child {
    border: 0
}

.page-contacts .contact-info-block:not(:last-child):after {
    display: block;
    margin: 30px 0;
    border-bottom: 1px solid #14ad53;
    content: ""
}

.page-contacts .contact-info-block div.info-icon {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: -o-linear-gradient(315deg, #fff 3.05%, rgba(240, 243, 245, 0.7) 35.91%, #E2C6F9 96.94%);
    background: linear-gradient(135deg, #fff 3.05%, rgba(240, 243, 245, 0.7) 35.91%, #E2C6F9 96.94%);
    -webkit-box-shadow: 0px 4px 4px rgba(82, 41, 116, 0.12);
    box-shadow: 0px 4px 4px rgba(82, 41, 116, 0.12)
}

@media (min-width: 768px) {
    .page-contacts .contact-info-block div.info-icon {
        width: 70px;
        height: 70px
    }
}

.page-contacts .contact-info-block div.info-icon img {
    width: 50%;
    height: 50%;
    -o-object-fit: contain;
    object-fit: contain
}

.page-contacts .contact-info-block div.info-secondary {
    font-size: 16px;
    color: #522974
}

.page-contacts .contact-info-block h2.info-primary {
    padding: 5px 0;
    margin: 0;
    font-size: 20px;
    font-weight: bold;
    color: #522974
}

.page-contacts .contact-info-block p.info-data {
    padding: 0;
    margin: 0;
    font-size: 20px;
    color: black
}

.page-contacts .contact-info-block p.info-data a {
    text-decoration: none;
    color: inherit;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.page-contacts .contact-info-block p.info-data a:hover {
    color: #14ad53
}

.page-contacts .contact-info-block p.info-data .data-link-w-ico {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.page-contacts .contact-info-block p.info-data .data-link-w-ico:not(:last-child) {
    margin-bottom: 15px
}

.page-contacts .contact-info-block p.info-data .data-link-w-ico img {
    width: 20px;
    height: 20px;
    margin-right: 15px;
    -o-object-fit: contain;
    object-fit: contain
}

.page-ebooks-list .page-ebooks-list-tabs-menu .ebook-switches {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -7.5px;
    padding: 4.5rem 0 0 0
}

.page-ebooks-list .page-ebooks-list-tabs-menu .ebook-switches .tab-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-height: 80px;
    padding: 12px;
    margin: 7.5px;
    background: #fff;
    -webkit-box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    border-radius: 3px;
    border-bottom: 4px solid #522974;
    text-decoration: none;
    font-size: 3.2rem;
    font-weight: 700;
    -webkit-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
    cursor: pointer
}

@media (min-width: 480px) {
    .page-ebooks-list .page-ebooks-list-tabs-menu .ebook-switches .tab-item {
        font-size: 2.90909rem
    }
}

@media (min-width: 545px) {
    .page-ebooks-list .page-ebooks-list-tabs-menu .ebook-switches .tab-item {
        font-size: 2.66667rem
    }
}

@media (min-width: 768px) {
    .page-ebooks-list .page-ebooks-list-tabs-menu .ebook-switches .tab-item {
        font-size: 2.13333rem
    }
}

@media (min-width: 992px) {
    .page-ebooks-list .page-ebooks-list-tabs-menu .ebook-switches .tab-item {
        font-size: 2rem
    }
}

@media (min-width: 1200px) {
    .page-ebooks-list .page-ebooks-list-tabs-menu .ebook-switches .tab-item {
        font-size: 1.77778rem
    }
}

@media (min-width: 1400px) {
    .page-ebooks-list .page-ebooks-list-tabs-menu .ebook-switches .tab-item {
        font-size: 1.6rem
    }
}

@media (min-width: 768px) {
    .page-ebooks-list .page-ebooks-list-tabs-menu .ebook-switches .tab-item {
        width: 40rem
    }
}

@media (min-width: 768px) and (min-width: 480px) {
    .page-ebooks-list .page-ebooks-list-tabs-menu .ebook-switches .tab-item {
        width: 36.36364rem
    }
}

@media (min-width: 768px) and (min-width: 545px) {
    .page-ebooks-list .page-ebooks-list-tabs-menu .ebook-switches .tab-item {
        width: 33.33333rem
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .page-ebooks-list .page-ebooks-list-tabs-menu .ebook-switches .tab-item {
        width: 26.66667rem
    }
}

@media (min-width: 768px) and (min-width: 992px) {
    .page-ebooks-list .page-ebooks-list-tabs-menu .ebook-switches .tab-item {
        width: 25rem
    }
}

@media (min-width: 768px) and (min-width: 1200px) {
    .page-ebooks-list .page-ebooks-list-tabs-menu .ebook-switches .tab-item {
        width: 22.22222rem
    }
}

@media (min-width: 768px) and (min-width: 1400px) {
    .page-ebooks-list .page-ebooks-list-tabs-menu .ebook-switches .tab-item {
        width: 20rem
    }
}

.page-ebooks-list .page-ebooks-list-tabs-menu .ebook-switches .tab-item.active,
.page-ebooks-list .page-ebooks-list-tabs-menu .ebook-switches .tab-item:hover {
    border-color: #14ad53
}

.page-ebooks-list .page-ebooks-list-tabs-content .js-ebook-tab-content {
    display: none
}

.page-ebooks-list .page-ebooks-list-tabs-content .js-ebook-tab-content.active {
    display: block
}

.page-ebooks-list .page-ebooks-list-tabs-content h2 {
    text-align: center
}

@media (min-width: 768px) {

    .page-ebook-detail .panel-container .col-md-6:first-child .component-image-slider,
    .page-ebook-detail .panel-container .col-md-6:first-child .component-image-slider-link {
        margin-right: 6rem
    }
}

@media (min-width: 768px) and (min-width: 480px) {

    .page-ebook-detail .panel-container .col-md-6:first-child .component-image-slider,
    .page-ebook-detail .panel-container .col-md-6:first-child .component-image-slider-link {
        margin-right: 5.45455rem
    }
}

@media (min-width: 768px) and (min-width: 545px) {

    .page-ebook-detail .panel-container .col-md-6:first-child .component-image-slider,
    .page-ebook-detail .panel-container .col-md-6:first-child .component-image-slider-link {
        margin-right: 5rem
    }
}

@media (min-width: 768px) and (min-width: 768px) {

    .page-ebook-detail .panel-container .col-md-6:first-child .component-image-slider,
    .page-ebook-detail .panel-container .col-md-6:first-child .component-image-slider-link {
        margin-right: 4rem
    }
}

@media (min-width: 768px) and (min-width: 992px) {

    .page-ebook-detail .panel-container .col-md-6:first-child .component-image-slider,
    .page-ebook-detail .panel-container .col-md-6:first-child .component-image-slider-link {
        margin-right: 3.75rem
    }
}

@media (min-width: 768px) and (min-width: 1200px) {

    .page-ebook-detail .panel-container .col-md-6:first-child .component-image-slider,
    .page-ebook-detail .panel-container .col-md-6:first-child .component-image-slider-link {
        margin-right: 3.33333rem
    }
}

@media (min-width: 768px) and (min-width: 1400px) {

    .page-ebook-detail .panel-container .col-md-6:first-child .component-image-slider,
    .page-ebook-detail .panel-container .col-md-6:first-child .component-image-slider-link {
        margin-right: 3rem
    }
}

@media (min-width: 992px) {

    .page-ebook-detail .panel-container .col-md-6:first-child .component-image-slider,
    .page-ebook-detail .panel-container .col-md-6:first-child .component-image-slider-link {
        margin-right: 12rem
    }
}

@media (min-width: 992px) and (min-width: 480px) {

    .page-ebook-detail .panel-container .col-md-6:first-child .component-image-slider,
    .page-ebook-detail .panel-container .col-md-6:first-child .component-image-slider-link {
        margin-right: 10.90909rem
    }
}

@media (min-width: 992px) and (min-width: 545px) {

    .page-ebook-detail .panel-container .col-md-6:first-child .component-image-slider,
    .page-ebook-detail .panel-container .col-md-6:first-child .component-image-slider-link {
        margin-right: 10rem
    }
}

@media (min-width: 992px) and (min-width: 768px) {

    .page-ebook-detail .panel-container .col-md-6:first-child .component-image-slider,
    .page-ebook-detail .panel-container .col-md-6:first-child .component-image-slider-link {
        margin-right: 8rem
    }
}

@media (min-width: 992px) and (min-width: 992px) {

    .page-ebook-detail .panel-container .col-md-6:first-child .component-image-slider,
    .page-ebook-detail .panel-container .col-md-6:first-child .component-image-slider-link {
        margin-right: 7.5rem
    }
}

@media (min-width: 992px) and (min-width: 1200px) {

    .page-ebook-detail .panel-container .col-md-6:first-child .component-image-slider,
    .page-ebook-detail .panel-container .col-md-6:first-child .component-image-slider-link {
        margin-right: 6.66667rem
    }
}

@media (min-width: 992px) and (min-width: 1400px) {

    .page-ebook-detail .panel-container .col-md-6:first-child .component-image-slider,
    .page-ebook-detail .panel-container .col-md-6:first-child .component-image-slider-link {
        margin-right: 6rem
    }
}

.page-ebook-detail .page-ebook-detail-foot>h3 {
    margin-bottom: 1rem;
    line-height: 1.2;
    font-size: 3.6rem;
    font-weight: 500
}

.page-ebook-detail .page-ebook-detail-foot .form-container .form-control,
.page-ebook-detail .page-ebook-detail-foot .form-container select,
.page-ebook-detail .page-ebook-detail-foot .form-container select.form-control,
.page-ebook-detail .page-ebook-detail-foot .form-container textarea,
.page-ebook-detail .page-ebook-detail-foot .form-container textarea.form-control,
.page-ebook-detail .page-ebook-detail-foot .form-container input[type="text"],
.page-ebook-detail .page-ebook-detail-foot .form-container input[type="number"],
.page-ebook-detail .page-ebook-detail-foot .form-container input[type="email"],
.page-ebook-detail .page-ebook-detail-foot .form-container input[type="password"] {
    border: 0;
    border-radius: 5px;
    -webkit-box-shadow: 0px 3.72px 18.64px 0px #5229741C;
    box-shadow: 0px 3.72px 18.64px 0px #5229741C
}

.page-ebook-detail .page-ebook-detail-foot .form-container .phone-number-row {
    -webkit-filter: drop-shadow(0px 3.72px 18.64px rgba(82, 41, 116, 0.109804));
    filter: drop-shadow(0px 3.72px 18.64px rgba(82, 41, 116, 0.109804));
    border-radius: 5px
}

.page-ebook-detail .page-ebook-detail-foot .form-container .phone-number-row .select2-container .select2-selection--single {
    border: 0;
    border-radius: 5px 0 0 5px;
    background: #F1EDF6;
    cursor: pointer
}

.page-ebook-detail .page-ebook-detail-foot .form-container .phone-number-row input[type="text"].form-control.form-phone-number {
    border-radius: 0 5px 5px 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.page-ebook-detail .page-ebook-detail-foot .form-container div.checkbox {
    padding-bottom: 10px
}

.page-ebook-detail .page-ebook-detail-foot .form-container div.checkbox input[type="checkbox"]+label {
    cursor: pointer
}

.page-ebook-detail .page-ebook-detail-foot .form-container div.checkbox input[type="checkbox"]+label:before {
    width: 30px;
    height: 30px;
    -webkit-box-shadow: 0px 3.72px 18.64px 0px #5229741C;
    box-shadow: 0px 3.72px 18.64px 0px #5229741C
}

.page-ebook-detail .page-ebook-detail-foot .form-container div.checkbox input[type="checkbox"]+label:after {
    top: 7px;
    left: 5px;
    font-size: 20px
}

.page-ebook-detail .page-ebook-detail-foot .form-container div.checkbox label {
    line-height: 1.2;
    cursor: pointer
}

.page-webinars-list {
    overflow: hidden
}

.page-webinars-list .page-webinars-list-tabs-menu .webinars-switches {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -7.5px;
    padding: 4.5rem 0 0 0
}

.page-webinars-list .page-webinars-list-tabs-menu .webinars-switches .tab-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-height: 80px;
    padding: 12px;
    margin: 7.5px;
    background: #fff;
    -webkit-box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    box-shadow: 0 0 38px rgba(40, 42, 39, 0.1);
    border-radius: 3px;
    border-bottom: 4px solid #522974;
    text-decoration: none;
    font-size: 3.2rem;
    font-weight: 700;
    -webkit-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
    cursor: pointer
}

@media (min-width: 480px) {
    .page-webinars-list .page-webinars-list-tabs-menu .webinars-switches .tab-item {
        font-size: 2.90909rem
    }
}

@media (min-width: 545px) {
    .page-webinars-list .page-webinars-list-tabs-menu .webinars-switches .tab-item {
        font-size: 2.66667rem
    }
}

@media (min-width: 768px) {
    .page-webinars-list .page-webinars-list-tabs-menu .webinars-switches .tab-item {
        font-size: 2.13333rem
    }
}

@media (min-width: 992px) {
    .page-webinars-list .page-webinars-list-tabs-menu .webinars-switches .tab-item {
        font-size: 2rem
    }
}

@media (min-width: 1200px) {
    .page-webinars-list .page-webinars-list-tabs-menu .webinars-switches .tab-item {
        font-size: 1.77778rem
    }
}

@media (min-width: 1400px) {
    .page-webinars-list .page-webinars-list-tabs-menu .webinars-switches .tab-item {
        font-size: 1.6rem
    }
}

@media (min-width: 768px) {
    .page-webinars-list .page-webinars-list-tabs-menu .webinars-switches .tab-item {
        width: 40rem
    }
}

@media (min-width: 768px) and (min-width: 480px) {
    .page-webinars-list .page-webinars-list-tabs-menu .webinars-switches .tab-item {
        width: 36.36364rem
    }
}

@media (min-width: 768px) and (min-width: 545px) {
    .page-webinars-list .page-webinars-list-tabs-menu .webinars-switches .tab-item {
        width: 33.33333rem
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .page-webinars-list .page-webinars-list-tabs-menu .webinars-switches .tab-item {
        width: 26.66667rem
    }
}

@media (min-width: 768px) and (min-width: 992px) {
    .page-webinars-list .page-webinars-list-tabs-menu .webinars-switches .tab-item {
        width: 25rem
    }
}

@media (min-width: 768px) and (min-width: 1200px) {
    .page-webinars-list .page-webinars-list-tabs-menu .webinars-switches .tab-item {
        width: 22.22222rem
    }
}

@media (min-width: 768px) and (min-width: 1400px) {
    .page-webinars-list .page-webinars-list-tabs-menu .webinars-switches .tab-item {
        width: 20rem
    }
}

.page-webinars-list .page-webinars-list-tabs-menu .webinars-switches .tab-item.active,
.page-webinars-list .page-webinars-list-tabs-menu .webinars-switches .tab-item:hover {
    border-color: #14ad53
}

.page-webinars-list .page-webinars-list-tabs-content .js-webinars-tab-content {
    display: none
}

.page-webinars-list .page-webinars-list-tabs-content .js-webinars-tab-content.active {
    display: block
}

.page-webinars-list .page-webinars-list-tabs-content h2 {
    text-align: center
}

.page-webinars-list .page-webinars-list-tabs-content h3 {
    padding: 2rem 0;
    text-align: left
}

.page-webinars-list .page-webinars-list-tabs-content .webinars-center-area {
    padding: 4rem 0
}

.page-webinars-list .page-webinars-list-tabs-content .webinars-center-area .pux-container {
    max-width: 100%;
    padding: 0
}

.page-webinars-list .page-webinars-list-tabs-content .webinars-ended {
    position: relative;
    padding: 4rem 0
}

.page-webinars-list .page-webinars-list-tabs-content .webinars-ended:before {
    position: absolute;
    top: 0;
    left: -5000px;
    right: -5000px;
    bottom: 0;
    z-index: 1;
    background: #F8F9FA;
    content: ""
}

.page-webinars-list .page-webinars-list-tabs-content .webinars-ended>* {
    position: relative;
    z-index: 2
}

.page-webinars-list .page-webinars-list-tabs-content .webinars-ended .js-webinar-recordings .js-webinar-recordings-content:not(.js-opened)>:nth-child(n+3) {
    display: none
}

@media (min-width: 1200px) {
    .page-webinars-list .page-webinars-list-tabs-content .webinars-ended .js-webinar-recordings .js-webinar-recordings-content:not(.js-opened)>*:nth-child(-n+9) {
        display: block
    }

    .page-webinars-list .page-webinars-list-tabs-content .webinars-ended .js-webinar-recordings .js-webinar-recordings-content:not(.js-opened)>*:nth-child(n+10) {
        display: none
    }
}

.page-webinars-list .page-webinars-list-tabs-content .webinars-ended .js-webinar-recordings .js-webinar-recordings-trigger {
    padding: 4rem 0;
    text-align: center
}

.page-webinars-list .page-webinars-list-tabs-content .webinars-ended .js-webinar-recordings .js-webinar-recordings-trigger._hidden {
    visibility: hidden
}

.page-webinars-list .page-webinars-list-tabs-content .webinars-ended .js-webinar-recordings .js-webinar-recordings-trigger button {
    cursor: pointer
}

.page-webinars-list .page-webinars-list-tabs-content .webinars-ended .js-webinar-recordings .js-webinar-recordings-trigger button>span.icon {
    line-height: 1
}

.page-webinars-list .page-webinars-list-tabs-content .webinars-ended .js-webinar-recordings .js-webinar-recordings-trigger button>span.icon:after {
    display: inline-block;
    content: "\e92a"
}

.page-webinars-list .page-webinars-list-tabs-content .webinars-ended .js-webinar-recordings .js-webinar-recordings-trigger button.active span.icon:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.page-webinars-list .page-webinars-list-tabs-content .webinars-ended .js-webinar-recordings .js-webinar-recordings-trigger button>span.text {
    padding-left: 2rem
}

.page-webinars-list .page-webinars-list-tabs-content .webinars-ended .js-webinar-recordings .js-webinar-recordings-trigger button>span.text>.default {
    display: inline
}

.page-webinars-list .page-webinars-list-tabs-content .webinars-ended .js-webinar-recordings .js-webinar-recordings-trigger button>span.text>.active {
    display: none
}

.page-webinars-list .page-webinars-list-tabs-content .webinars-ended .js-webinar-recordings .js-webinar-recordings-trigger button.active>span.text>.default {
    display: none
}

.page-webinars-list .page-webinars-list-tabs-content .webinars-ended .js-webinar-recordings .js-webinar-recordings-trigger button.active>span.text>.active {
    display: inline
}

.page-webinar-detail .component-top-image-form>.pux-container {
    gap: 30px
}

@media (min-width: 992px) and (max-width: 1199px) {
    .page-webinar-detail .component-top-image-form>.pux-container section.top-image-form-texts {
        max-width: 50%
    }
}

@media (min-width: 1200px) {
    .page-webinar-detail .component-top-image-form>.pux-container section.top-image-form-texts {
        max-width: 40%
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .page-webinar-detail .component-top-image-form>.pux-container section.top-image-form-formarea {
        padding-right: 0
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .page-webinar-detail .component-top-image-form>.pux-container section.top-image-form-formarea>.form-container {
        width: 100%
    }
}

.page-webinar-detail .component-top-image-form>.pux-container section.top-image-form-formarea>img.formarea-webinar-image {
    display: none
}

@media (min-width: 1200px) {
    .page-webinar-detail .component-top-image-form>.pux-container section.top-image-form-formarea>img.formarea-webinar-image {
        display: block;
        width: 60rem;
        left: calc(100% - 9rem)
    }
}

@media (min-width: 1200px) and (min-width: 480px) {
    .page-webinar-detail .component-top-image-form>.pux-container section.top-image-form-formarea>img.formarea-webinar-image {
        width: 54.54545rem
    }
}

@media (min-width: 1200px) and (min-width: 545px) {
    .page-webinar-detail .component-top-image-form>.pux-container section.top-image-form-formarea>img.formarea-webinar-image {
        width: 50rem
    }
}

@media (min-width: 1200px) and (min-width: 768px) {
    .page-webinar-detail .component-top-image-form>.pux-container section.top-image-form-formarea>img.formarea-webinar-image {
        width: 40rem
    }
}

@media (min-width: 1200px) and (min-width: 992px) {
    .page-webinar-detail .component-top-image-form>.pux-container section.top-image-form-formarea>img.formarea-webinar-image {
        width: 37.5rem
    }
}

@media (min-width: 1200px) and (min-width: 1200px) {
    .page-webinar-detail .component-top-image-form>.pux-container section.top-image-form-formarea>img.formarea-webinar-image {
        width: 33.33333rem
    }
}

@media (min-width: 1200px) and (min-width: 1400px) {
    .page-webinar-detail .component-top-image-form>.pux-container section.top-image-form-formarea>img.formarea-webinar-image {
        width: 30rem
    }
}

@media (min-width: 1400px) {
    .page-webinar-detail .component-top-image-form>.pux-container section.top-image-form-formarea>img.formarea-webinar-image {
        width: 70rem;
        left: calc(100% - 8rem)
    }
}

@media (min-width: 1400px) and (min-width: 480px) {
    .page-webinar-detail .component-top-image-form>.pux-container section.top-image-form-formarea>img.formarea-webinar-image {
        width: 63.63636rem
    }
}

@media (min-width: 1400px) and (min-width: 545px) {
    .page-webinar-detail .component-top-image-form>.pux-container section.top-image-form-formarea>img.formarea-webinar-image {
        width: 58.33333rem
    }
}

@media (min-width: 1400px) and (min-width: 768px) {
    .page-webinar-detail .component-top-image-form>.pux-container section.top-image-form-formarea>img.formarea-webinar-image {
        width: 46.66667rem
    }
}

@media (min-width: 1400px) and (min-width: 992px) {
    .page-webinar-detail .component-top-image-form>.pux-container section.top-image-form-formarea>img.formarea-webinar-image {
        width: 43.75rem
    }
}

@media (min-width: 1400px) and (min-width: 1200px) {
    .page-webinar-detail .component-top-image-form>.pux-container section.top-image-form-formarea>img.formarea-webinar-image {
        width: 38.88889rem
    }
}

@media (min-width: 1400px) and (min-width: 1400px) {
    .page-webinar-detail .component-top-image-form>.pux-container section.top-image-form-formarea>img.formarea-webinar-image {
        width: 35rem
    }
}

@media (min-width: 1600px) {
    .page-webinar-detail .component-top-image-form>.pux-container section.top-image-form-formarea>img.formarea-webinar-image {
        width: 80rem;
        left: calc(100% - 7rem)
    }
}

@media (min-width: 1600px) and (min-width: 480px) {
    .page-webinar-detail .component-top-image-form>.pux-container section.top-image-form-formarea>img.formarea-webinar-image {
        width: 72.72727rem
    }
}

@media (min-width: 1600px) and (min-width: 545px) {
    .page-webinar-detail .component-top-image-form>.pux-container section.top-image-form-formarea>img.formarea-webinar-image {
        width: 66.66667rem
    }
}

@media (min-width: 1600px) and (min-width: 768px) {
    .page-webinar-detail .component-top-image-form>.pux-container section.top-image-form-formarea>img.formarea-webinar-image {
        width: 53.33333rem
    }
}

@media (min-width: 1600px) and (min-width: 992px) {
    .page-webinar-detail .component-top-image-form>.pux-container section.top-image-form-formarea>img.formarea-webinar-image {
        width: 50rem
    }
}

@media (min-width: 1600px) and (min-width: 1200px) {
    .page-webinar-detail .component-top-image-form>.pux-container section.top-image-form-formarea>img.formarea-webinar-image {
        width: 44.44444rem
    }
}

@media (min-width: 1600px) and (min-width: 1400px) {
    .page-webinar-detail .component-top-image-form>.pux-container section.top-image-form-formarea>img.formarea-webinar-image {
        width: 40rem
    }
}

@media (min-width: 1800px) {
    .page-webinar-detail .component-top-image-form>.pux-container section.top-image-form-formarea>img.formarea-webinar-image {
        width: 90rem
    }
}

@media (min-width: 1800px) and (min-width: 480px) {
    .page-webinar-detail .component-top-image-form>.pux-container section.top-image-form-formarea>img.formarea-webinar-image {
        width: 81.81818rem
    }
}

@media (min-width: 1800px) and (min-width: 545px) {
    .page-webinar-detail .component-top-image-form>.pux-container section.top-image-form-formarea>img.formarea-webinar-image {
        width: 75rem
    }
}

@media (min-width: 1800px) and (min-width: 768px) {
    .page-webinar-detail .component-top-image-form>.pux-container section.top-image-form-formarea>img.formarea-webinar-image {
        width: 60rem
    }
}

@media (min-width: 1800px) and (min-width: 992px) {
    .page-webinar-detail .component-top-image-form>.pux-container section.top-image-form-formarea>img.formarea-webinar-image {
        width: 56.25rem
    }
}

@media (min-width: 1800px) and (min-width: 1200px) {
    .page-webinar-detail .component-top-image-form>.pux-container section.top-image-form-formarea>img.formarea-webinar-image {
        width: 50rem
    }
}

@media (min-width: 1800px) and (min-width: 1400px) {
    .page-webinar-detail .component-top-image-form>.pux-container section.top-image-form-formarea>img.formarea-webinar-image {
        width: 45rem
    }
}

@media (min-width: 768px) {
    .page-webinar-detail .page-webinar-detail-mid .panel-container .col-md-6:first-child {
        padding-right: 6rem
    }
}

@media (min-width: 768px) and (min-width: 480px) {
    .page-webinar-detail .page-webinar-detail-mid .panel-container .col-md-6:first-child {
        padding-right: 5.45455rem
    }
}

@media (min-width: 768px) and (min-width: 545px) {
    .page-webinar-detail .page-webinar-detail-mid .panel-container .col-md-6:first-child {
        padding-right: 5rem
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .page-webinar-detail .page-webinar-detail-mid .panel-container .col-md-6:first-child {
        padding-right: 4rem
    }
}

@media (min-width: 768px) and (min-width: 992px) {
    .page-webinar-detail .page-webinar-detail-mid .panel-container .col-md-6:first-child {
        padding-right: 3.75rem
    }
}

@media (min-width: 768px) and (min-width: 1200px) {
    .page-webinar-detail .page-webinar-detail-mid .panel-container .col-md-6:first-child {
        padding-right: 3.33333rem
    }
}

@media (min-width: 768px) and (min-width: 1400px) {
    .page-webinar-detail .page-webinar-detail-mid .panel-container .col-md-6:first-child {
        padding-right: 3rem
    }
}

@media (min-width: 992px) {
    .page-webinar-detail .page-webinar-detail-mid .panel-container .col-md-6:first-child {
        padding-right: 12rem
    }
}

@media (min-width: 992px) and (min-width: 480px) {
    .page-webinar-detail .page-webinar-detail-mid .panel-container .col-md-6:first-child {
        padding-right: 10.90909rem
    }
}

@media (min-width: 992px) and (min-width: 545px) {
    .page-webinar-detail .page-webinar-detail-mid .panel-container .col-md-6:first-child {
        padding-right: 10rem
    }
}

@media (min-width: 992px) and (min-width: 768px) {
    .page-webinar-detail .page-webinar-detail-mid .panel-container .col-md-6:first-child {
        padding-right: 8rem
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .page-webinar-detail .page-webinar-detail-mid .panel-container .col-md-6:first-child {
        padding-right: 7.5rem
    }
}

@media (min-width: 992px) and (min-width: 1200px) {
    .page-webinar-detail .page-webinar-detail-mid .panel-container .col-md-6:first-child {
        padding-right: 6.66667rem
    }
}

@media (min-width: 992px) and (min-width: 1400px) {
    .page-webinar-detail .page-webinar-detail-mid .panel-container .col-md-6:first-child {
        padding-right: 6rem
    }
}

.page-webinar-detail .page-webinar-detail-widgets .team-testimonial .testimonial-spacer {
    display: none
}

.page-webinar-detail .page-webinar-detail-foot>h3 {
    margin-bottom: 1rem;
    line-height: 1.2;
    font-size: 3.6rem;
    font-weight: 500
}

.page-webinar-detail .page-webinar-detail-foot .form-container .form-control,
.page-webinar-detail .page-webinar-detail-foot .form-container select,
.page-webinar-detail .page-webinar-detail-foot .form-container select.form-control,
.page-webinar-detail .page-webinar-detail-foot .form-container textarea,
.page-webinar-detail .page-webinar-detail-foot .form-container textarea.form-control,
.page-webinar-detail .page-webinar-detail-foot .form-container input[type="text"],
.page-webinar-detail .page-webinar-detail-foot .form-container input[type="number"],
.page-webinar-detail .page-webinar-detail-foot .form-container input[type="email"],
.page-webinar-detail .page-webinar-detail-foot .form-container input[type="password"] {
    border: 0;
    border-radius: 5px;
    -webkit-box-shadow: 0px 3.72px 18.64px 0px #5229741C;
    box-shadow: 0px 3.72px 18.64px 0px #5229741C
}

.page-webinar-detail .page-webinar-detail-foot .form-container .phone-number-row {
    -webkit-filter: drop-shadow(0px 3.72px 18.64px rgba(82, 41, 116, 0.109804));
    filter: drop-shadow(0px 3.72px 18.64px rgba(82, 41, 116, 0.109804));
    border-radius: 5px
}

.page-webinar-detail .page-webinar-detail-foot .form-container .phone-number-row .select2-container .select2-selection--single {
    border: 0;
    border-radius: 5px 0 0 5px;
    background: #F1EDF6;
    cursor: pointer
}

.page-webinar-detail .page-webinar-detail-foot .form-container .phone-number-row input[type="text"].form-control.form-phone-number {
    border-radius: 0 5px 5px 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.page-webinar-detail .page-webinar-detail-foot .form-container div.checkbox {
    padding-bottom: 10px
}

.page-webinar-detail .page-webinar-detail-foot .form-container div.checkbox input[type="checkbox"]+label {
    cursor: pointer
}

.page-webinar-detail .page-webinar-detail-foot .form-container div.checkbox input[type="checkbox"]+label:before {
    width: 30px;
    height: 30px;
    -webkit-box-shadow: 0px 3.72px 18.64px 0px #5229741C;
    box-shadow: 0px 3.72px 18.64px 0px #5229741C
}

.page-webinar-detail .page-webinar-detail-foot .form-container div.checkbox input[type="checkbox"]+label:after {
    top: 7px;
    left: 5px;
    font-size: 20px
}

.page-webinar-detail .page-webinar-detail-foot .form-container div.checkbox label {
    line-height: 1.2;
    cursor: pointer
}

.page-webinar-detail .page-webinar-detail-foot .webinar-form-not-enabled {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 4rem 2rem;
    margin: 0 0 2rem 0;
    -webkit-box-shadow: 0px 3.72px 3.72px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 3.72px 3.72px 0px rgba(0, 0, 0, 0.25);
    background: -webkit-gradient(linear, left top, right top, color-stop(11%, rgba(255, 255, 255, 0.9)), color-stop(394%, rgba(143, 100, 214, 0.9)));
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0.9) 11%, rgba(143, 100, 214, 0.9) 394%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 11%, rgba(143, 100, 214, 0.9) 394%);
    border-radius: 10px;
    gap: 15px
}

.page-webinar-detail .page-webinar-detail-foot .webinar-form-not-enabled img {
    width: 40px;
    height: 40px;
    -o-object-fit: contain;
    object-fit: contain
}

.page-webinar-detail .page-webinar-detail-foot .webinar-form-not-enabled h2 {
    padding: 0;
    margin: 0;
    font-weight: bold
}

.page-seminars-list {
    overflow: hidden
}

.page-seminars-list .page-seminars-content h2 {
    text-align: center
}

.page-seminars-list .page-seminars-content h3 {
    padding: 2rem 0;
    text-align: left
}

.page-seminars-list .page-seminars-content .seminars-center-area {
    padding: 4rem 0
}

.page-seminars-list .page-seminars-content .seminars-ended {
    position: relative;
    padding: 4rem 0
}

.page-seminars-list .page-seminars-content .seminars-ended:before {
    position: absolute;
    top: 0;
    left: -5000px;
    right: -5000px;
    bottom: 0;
    z-index: 1;
    background: #F8F9FA;
    content: ""
}

.page-seminars-list .page-seminars-content .seminars-ended>* {
    position: relative;
    z-index: 2
}

.page-seminars-list .page-seminars-content .seminars-ended .js-seminar-recordings .js-seminar-recordings-content:not(.js-opened)>:nth-child(n+3) {
    display: none
}

@media (min-width: 1200px) {
    .page-seminars-list .page-seminars-content .seminars-ended .js-seminar-recordings .js-seminar-recordings-content:not(.js-opened)>*:nth-child(-n+9) {
        display: block
    }

    .page-seminars-list .page-seminars-content .seminars-ended .js-seminar-recordings .js-seminar-recordings-content:not(.js-opened)>*:nth-child(n+10) {
        display: none
    }
}

.page-seminars-list .page-seminars-content .seminars-ended .js-seminar-recordings .js-seminar-recordings-trigger {
    padding: 4rem 0;
    text-align: center
}

.page-seminars-list .page-seminars-content .seminars-ended .js-seminar-recordings .js-seminar-recordings-trigger._hidden {
    visibility: hidden
}

.page-seminars-list .page-seminars-content .seminars-ended .js-seminar-recordings .js-seminar-recordings-trigger button {
    cursor: pointer
}

.page-seminars-list .page-seminars-content .seminars-ended .js-seminar-recordings .js-seminar-recordings-trigger button>span.icon {
    line-height: 1
}

.page-seminars-list .page-seminars-content .seminars-ended .js-seminar-recordings .js-seminar-recordings-trigger button>span.icon:after {
    display: inline-block;
    content: "\e92a"
}

.page-seminars-list .page-seminars-content .seminars-ended .js-seminar-recordings .js-seminar-recordings-trigger button.active span.icon:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.page-seminars-list .page-seminars-content .seminars-ended .js-seminar-recordings .js-seminar-recordings-trigger button>span.text {
    padding-left: 2rem
}

.page-seminars-list .page-seminars-content .seminars-ended .js-seminar-recordings .js-seminar-recordings-trigger button>span.text>.default {
    display: inline
}

.page-seminars-list .page-seminars-content .seminars-ended .js-seminar-recordings .js-seminar-recordings-trigger button>span.text>.active {
    display: none
}

.page-seminars-list .page-seminars-content .seminars-ended .js-seminar-recordings .js-seminar-recordings-trigger button.active>span.text>.default {
    display: none
}

.page-seminars-list .page-seminars-content .seminars-ended .js-seminar-recordings .js-seminar-recordings-trigger button.active>span.text>.active {
    display: inline
}

.page-seminar-detail .page-seminar-detail-widgets .team-testimonial .testimonial-spacer {
    display: none
}

.page-seminar-detail .page-seminar-detail-foot {
    padding-top: 4rem
}

.page-seminar-detail .page-seminar-detail-foot>h3 {
    margin-bottom: 1rem;
    line-height: 1.2;
    font-size: 3.6rem;
    font-weight: 500
}

.page-seminar-detail .page-seminar-detail-foot .form-container .form-control,
.page-seminar-detail .page-seminar-detail-foot .form-container select,
.page-seminar-detail .page-seminar-detail-foot .form-container select.form-control,
.page-seminar-detail .page-seminar-detail-foot .form-container textarea,
.page-seminar-detail .page-seminar-detail-foot .form-container textarea.form-control,
.page-seminar-detail .page-seminar-detail-foot .form-container input[type="text"],
.page-seminar-detail .page-seminar-detail-foot .form-container input[type="number"],
.page-seminar-detail .page-seminar-detail-foot .form-container input[type="email"],
.page-seminar-detail .page-seminar-detail-foot .form-container input[type="password"] {
    border: 0;
    border-radius: 5px;
    -webkit-box-shadow: 0px 3.72px 18.64px 0px #5229741C;
    box-shadow: 0px 3.72px 18.64px 0px #5229741C
}

.page-seminar-detail .page-seminar-detail-foot .form-container .phone-number-row {
    -webkit-filter: drop-shadow(0px 3.72px 18.64px rgba(82, 41, 116, 0.109804));
    filter: drop-shadow(0px 3.72px 18.64px rgba(82, 41, 116, 0.109804));
    border-radius: 5px
}

.page-seminar-detail .page-seminar-detail-foot .form-container .phone-number-row .select2-container .select2-selection--single {
    border: 0;
    border-radius: 5px 0 0 5px;
    background: #F1EDF6;
    cursor: pointer
}

.page-seminar-detail .page-seminar-detail-foot .form-container .phone-number-row input[type="text"].form-control.form-phone-number {
    border-radius: 0 5px 5px 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.page-seminar-detail .page-seminar-detail-foot .form-container div.checkbox {
    padding-bottom: 10px
}

.page-seminar-detail .page-seminar-detail-foot .form-container div.checkbox input[type="checkbox"]+label {
    cursor: pointer
}

.page-seminar-detail .page-seminar-detail-foot .form-container div.checkbox input[type="checkbox"]+label:before {
    width: 30px;
    height: 30px;
    -webkit-box-shadow: 0px 3.72px 18.64px 0px #5229741C;
    box-shadow: 0px 3.72px 18.64px 0px #5229741C
}

.page-seminar-detail .page-seminar-detail-foot .form-container div.checkbox input[type="checkbox"]+label:after {
    top: 7px;
    left: 5px;
    font-size: 20px
}

.page-seminar-detail .page-seminar-detail-foot .form-container div.checkbox label {
    line-height: 1.2;
    cursor: pointer
}

.page-seminar-detail .page-seminar-detail-foot .seminar-form-not-enabled {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 4rem 2rem;
    margin: 0 0 2rem 0;
    -webkit-box-shadow: 0px 3.72px 3.72px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 3.72px 3.72px 0px rgba(0, 0, 0, 0.25);
    background: -webkit-gradient(linear, left top, right top, color-stop(11%, rgba(255, 255, 255, 0.9)), color-stop(394%, rgba(143, 100, 214, 0.9)));
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0.9) 11%, rgba(143, 100, 214, 0.9) 394%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 11%, rgba(143, 100, 214, 0.9) 394%);
    border-radius: 10px;
    gap: 15px
}

.page-seminar-detail .page-seminar-detail-foot .seminar-form-not-enabled img {
    width: 40px;
    height: 40px;
    -o-object-fit: contain;
    object-fit: contain
}

.page-seminar-detail .page-seminar-detail-foot .seminar-form-not-enabled h2 {
    padding: 0;
    margin: 0;
    font-weight: bold
}

.page-articles-list {
    background: url(../img/page/articles-list/page-articles-bg-2024.html) center top repeat-x;
    background-size: 100% auto
}

.page-articles-list .page-articles-list-header {
    padding-top: 30px
}

@media (min-width: 768px) {
    .page-articles-list .page-articles-list-header {
        padding-top: 60px
    }
}

.page-articles-list .page-articles-list-header h1 {
    font-weight: 700
}

.page-articles-list .page-articles-list-content {
    padding-bottom: 30px
}

@media (min-width: 768px) {
    .page-articles-list .page-articles-list-content {
        padding-bottom: 60px
    }
}

.page-articles-list .page-articles-list-content .pux-infinite-repeater-no-data {
    width: 100%
}

.page-articles-list .page-articles-list-content .pux-infinite-repeater-no-data .pux-infinite-repeater-no-data-title {
    text-align: center;
    padding-top: 60px
}

.page-articles-list .page-articles-list-tags {
    background: #F1EDF6
}

@font-face {
    font-family: 'icomoon';
    src: url("fonts/icomoonf7fc.html?fyw81w");
    src: url("fonts/icomoonf7fc.html?fyw81w#iefix") format("embedded-opentype"), url("fonts/icomoonf7fc-2.html?fyw81w") format("woff2"), url("fonts/icomoonf7fc-3.html?fyw81w") format("truetype"), url("fonts/icomoonf7fc-4.html?fyw81w") format("woff"), url("fonts/icomoonf7fc-5.html?fyw81w#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-angle_right_slim:before {
    content: "\e980";
    color: #fff
}

.icon-arrow_right_slim:before {
    content: "\e97f";
    color: #522974
}

.icon-caret-right:before {
    content: "\e97e";
    color: #fff
}

.icon-arrow-right:before {
    content: "\e97d"
}

.icon-CFDakcie-prepinac:before {
    content: "\e97b";
    color: #552a75
}

.icon-Futures-prepinac:before {
    content: "\e97c";
    color: #552a75
}

.icon-Digital:before {
    content: "\e973";
    color: #552a75
}

.icon-FX:before {
    content: "\e974";
    color: #552a75
}

.icon-indexy:before {
    content: "\e975";
    color: #552a75
}

.icon-Komodity:before {
    content: "\e976";
    color: #552a75
}

.icon-login:before {
    content: "\e971"
}

.icon-search:before {
    content: "\e972"
}

.icon-iconfinder_287645_spotify_icon .path1:before {
    content: "\e978";
    color: #000
}

.icon-iconfinder_287645_spotify_icon .path2:before {
    content: "\e97a";
    margin-left: -1em;
    color: #fff
}

.icon-twitter:before {
    content: "\e977";
    color: #03a9f4
}

.icon-spotify:before {
    content: "\e979"
}

.icon-Aa:before {
    content: "\e900"
}

.icon-akademie-jak-dlouho .path1:before {
    content: "\e901";
    color: #582f77
}

.icon-akademie-jak-dlouho .path2:before {
    content: "\e902";
    margin-left: -1em;
    color: #000
}

.icon-akademie-jak-dlouho .path3:before {
    content: "\e903";
    margin-left: -1em;
    color: #000
}

.icon-akademie-jak-dlouho .path4:before {
    content: "\e904";
    margin-left: -1em;
    color: #000
}

.icon-akademie-jak-dlouho .path5:before {
    content: "\e905";
    margin-left: -1em;
    color: #000
}

.icon-akademie-jak-dlouho .path6:before {
    content: "\e906";
    margin-left: -1em;
    color: #000
}

.icon-akademie-jak-dlouho .path7:before {
    content: "\e907";
    margin-left: -1em;
    color: #000
}

.icon-akademie-jak-dlouho .path8:before {
    content: "\e908";
    margin-left: -1em;
    color: #000
}

.icon-akademie-jak-dlouho .path9:before {
    content: "\e909";
    margin-left: -1em;
    color: #000
}

.icon-akademie-jak-dlouho .path10:before {
    content: "\e90a";
    margin-left: -1em;
    color: #000
}

.icon-akademie-jak-dlouho .path11:before {
    content: "\e90b";
    margin-left: -1em;
    color: #000
}

.icon-akademie-jak-dlouho .path12:before {
    content: "\e90c";
    margin-left: -1em;
    color: #000
}

.icon-akademie-kde .path1:before {
    content: "\e90d";
    color: #582f77
}

.icon-akademie-kde .path2:before {
    content: "\e90e";
    margin-left: -1em;
    color: #fff
}

.icon-akademie-kde .path3:before {
    content: "\e90f";
    margin-left: -1em;
    color: #232323
}

.icon-akademie-kde .path4:before {
    content: "\e910";
    margin-left: -1em;
    color: #232323
}

.icon-akademie-kde .path5:before {
    content: "\e911";
    margin-left: -1em;
    color: #232323
}

.icon-akademie-kdy .path1:before {
    content: "\e912";
    color: #582f77
}

.icon-akademie-kdy .path2:before {
    content: "\e913";
    margin-left: -1em;
    color: #f4f6f8
}

.icon-akademie-kdy .path3:before {
    content: "\e914";
    margin-left: -1em;
    color: #f4f6f8
}

.icon-akademie-kdy .path4:before {
    content: "\e915";
    margin-left: -1em;
    color: #f4f6f8
}

.icon-akademie-kdy .path5:before {
    content: "\e916";
    margin-left: -1em;
    color: #f4f6f8
}

.icon-akademie-kdy .path6:before {
    content: "\e917";
    margin-left: -1em;
    color: #f4f6f8
}

.icon-akademie-kdy .path7:before {
    content: "\e918";
    margin-left: -1em;
    color: #f4f6f8
}

.icon-akademie-kdy .path8:before {
    content: "\e919";
    margin-left: -1em;
    color: #f4f6f8
}

.icon-akademie-kdy .path9:before {
    content: "\e91a";
    margin-left: -1em;
    color: #f4f6f8
}

.icon-akademie-kdy .path10:before {
    content: "\e91b";
    margin-left: -1em;
    color: #f4f6f8
}

.icon-akademie-kdy .path11:before {
    content: "\e91c";
    margin-left: -1em;
    color: #232323
}

.icon-akademie-kdy .path12:before {
    content: "\e91d";
    margin-left: -1em;
    color: #232323
}

.icon-akademie-kdy .path13:before {
    content: "\e91e";
    margin-left: -1em;
    color: #232323
}

.icon-akademie-kdy .path14:before {
    content: "\e91f";
    margin-left: -1em;
    color: #232323
}

.icon-akademie-kdy .path15:before {
    content: "\e920";
    margin-left: -1em;
    color: #232323
}

.icon-akademie-kdy .path16:before {
    content: "\e921";
    margin-left: -1em;
    color: #232323
}

.icon-akademie-kdy .path17:before {
    content: "\e922";
    margin-left: -1em;
    color: #232323
}

.icon-akademie-kdy .path18:before {
    content: "\e923";
    margin-left: -1em;
    color: #232323
}

.icon-akademie-kdy .path19:before {
    content: "\e924";
    margin-left: -1em;
    color: #232323
}

.icon-akademie-kdy .path20:before {
    content: "\e925";
    margin-left: -1em;
    color: #232323
}

.icon-akademie-kdy .path21:before {
    content: "\e926";
    margin-left: -1em;
    color: #232323
}

.icon-akademie-narocnost .path1:before {
    content: "\e927";
    color: #582f77
}

.icon-akademie-narocnost .path2:before {
    content: "\e928";
    margin-left: -1em;
    color: #582f77
}

.icon-akademie-narocnost .path3:before {
    content: "\e929";
    margin-left: -1em;
    color: #000
}

.icon-angle-down-solid:before {
    content: "\e92a"
}

.icon-angle-up-solid:before {
    content: "\e92b"
}

.icon-bear:before {
    content: "\e92c"
}

.icon-broker-pipy .path1:before {
    content: "\e92d";
    color: #582f77
}

.icon-broker-pipy .path2:before {
    content: "\e92e";
    margin-left: -1em;
    color: #2f2f2f
}

.icon-broker-pipy .path3:before {
    content: "\e92f";
    margin-left: -1em;
    color: #2f2f2f
}

.icon-broker-pipy .path4:before {
    content: "\e930";
    margin-left: -1em;
    color: #2f2f2f
}

.icon-broker-pipy .path5:before {
    content: "\e931";
    margin-left: -1em;
    color: #2f2f2f
}

.icon-broker-pipy .path6:before {
    content: "\e932";
    margin-left: -1em;
    color: #2f2f2f
}

.icon-broker-pipy .path7:before {
    content: "\e933";
    margin-left: -1em;
    color: #2f2f2f
}

.icon-bull:before {
    content: "\e934"
}

.icon-bulletpoint:before {
    content: "\e935";
    color: #522974
}

.icon-calendar-alt-solid:before {
    content: "\e936"
}

.icon-cfd:before {
    content: "\e937";
    color: #565a5c
}

.icon-cfds:before {
    content: "\e938";
    color: #565a5c
}

.icon-clanky .path1:before {
    content: "\e939";
    color: #000
}

.icon-clanky .path2:before {
    content: "\e93a";
    margin-left: -1em;
    color: #000
}

.icon-clanky .path3:before {
    content: "\e93b";
    margin-left: -1em;
    color: #000
}

.icon-clanky .path4:before {
    content: "\e93c";
    margin-left: -1em;
    color: #000
}

.icon-clanky .path5:before {
    content: "\e93d";
    margin-left: -1em;
    color: #000
}

.icon-clanky .path6:before {
    content: "\e93e";
    margin-left: -1em;
    color: #000
}

.icon-clanky .path7:before {
    content: "\e93f";
    margin-left: -1em;
    color: #1a171b
}

.icon-clock-solid:before {
    content: "\e940"
}

.icon-coin:before {
    content: "\e941";
    color: #522974
}

.icon-document-table:before {
    content: "\e942";
    color: #522974
}

.icon-download-solid:before {
    content: "\e943"
}

.icon-facebook-f-brands:before {
    content: "\e944"
}

.icon-ferovost:before {
    content: "\e945"
}

.icon-flexibilita:before {
    content: "\e946";
    color: #582f77
}

.icon-forex:before {
    content: "\e947";
    color: #522974
}

.icon-fx:before {
    content: "\e948";
    color: #522974
}

.icon-gold:before {
    content: "\e949"
}

.icon-grafiky:before {
    content: "\e96b"
}

.icon-graph:before {
    content: "\e94a";
    color: #522974
}

.icon-home-solid:before {
    content: "\e94b"
}

.icon-horse .path1:before {
    content: "\e94c";
    color: #2f2f2f
}

.icon-horse .path2:before {
    content: "\e94d";
    margin-left: -1em;
    color: #582f77
}

.icon-horse .path3:before {
    content: "\e94e";
    margin-left: -1em;
    color: #2f2f2f
}

.icon-horse .path4:before {
    content: "\e94f";
    margin-left: -1em;
    color: #582f77
}

.icon-horse .path5:before {
    content: "\e950";
    margin-left: -1em;
    color: #2f2f2f
}

.icon-horse .path6:before {
    content: "\e951";
    margin-left: -1em;
    color: #2f2f2f
}

.icon-check-solid:before {
    content: "\e952"
}

.icon-krypto:before {
    content: "\e96c";
    color: #565a5c
}

.icon-linkedin-in-brands:before {
    content: "\e953"
}

.icon-logo-footer:before {
    content: "\e954"
}

.icon-mail-small:before {
    content: "\e955"
}

.icon-map-marker-alt-solid:before {
    content: "\e956"
}

.icon-medaile:before {
    content: "\e957";
    color: #4c2870
}

.icon-nadseni:before {
    content: "\e96d";
    color: #582f77
}

.icon-numbered-list:before {
    content: "\e958";
    color: #522974
}

.icon-obchodni-strategie .path1:before {
    content: "\e959";
    color: #2f2f2f
}

.icon-obchodni-strategie .path2:before {
    content: "\e95a";
    margin-left: -1em;
    color: #582f77
}

.icon-obchodni-strategie .path3:before {
    content: "\e95b";
    margin-left: -1em;
    color: #2f2f2f
}

.icon-obchodni-strategie .path4:before {
    content: "\e95c";
    margin-left: -1em;
    color: #582f77
}

.icon-obchodni-strategie .path5:before {
    content: "\e95d";
    margin-left: -1em;
    color: #2f2f2f
}

.icon-obchodni-strategie .path6:before {
    content: "\e95e";
    margin-left: -1em;
    color: #2f2f2f
}

.icon-phone-small:before {
    content: "\e95f"
}

.icon-place .path1:before {
    content: "\e960";
    color: #593078
}

.icon-place .path2:before {
    content: "\e961";
    margin-left: -1em;
    color: #302f2f
}

.icon-place .path3:before {
    content: "\e962";
    margin-left: -1em;
    color: #302f2f
}

.icon-play:before {
    content: "\e963"
}

.icon-pratelskost:before {
    content: "\e964";
    color: #582f77
}

.icon-question-circle-solid:before {
    content: "\e965"
}

.icon-reply-solid:before {
    content: "\e966"
}

.icon-slovnik:before {
    content: "\e96e"
}

.icon-svoboda:before {
    content: "\e967";
    color: #582f77
}

.icon-user-solid:before {
    content: "\e968"
}

.icon-videa:before {
    content: "\e969"
}

.icon-vlajka:before {
    content: "\e96a"
}

.icon-icon-email1:before {
    content: "\e96f";
    color: #522974
}

.icon-icon-phone1:before {
    content: "\e970";
    color: #522974
}

.selectric-wrapper {
    position: relative;
    cursor: pointer;
    margin-bottom: 0
}

.selectric-responsive {
    width: 100%
}

.selectric {
    background: #efefef;
    position: relative;
    overflow: hidden;
    border: 1px solid #e6e6e6;
    font-weight: 300;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start
}

@media (min-width: 320px) {
    .selectric {
        font-size: 3rem
    }
}

@media (min-width: 480px) {
    .selectric {
        font-size: 2.72727rem
    }
}

@media (min-width: 545px) {
    .selectric {
        font-size: 2.5rem
    }
}

@media (min-width: 768px) {
    .selectric {
        font-size: 2rem
    }
}

@media (min-width: 992px) {
    .selectric {
        font-size: 1.875rem
    }
}

@media (min-width: 1200px) {
    .selectric {
        font-size: 1.7rem
    }
}

.selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #2f2f2f;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0 2rem 0 2rem;
    font-weight: 400
}

@media (min-width: 320px) {
    .selectric .label {
        line-height: 7.6rem
    }
}

@media (min-width: 480px) {
    .selectric .label {
        line-height: 6.90909rem
    }
}

@media (min-width: 545px) {
    .selectric .label {
        line-height: 6.33333rem
    }
}

@media (min-width: 768px) {
    .selectric .label {
        line-height: 5.8rem
    }
}

@media (min-width: 320px) {
    .selectric .label {
        height: 8rem
    }
}

@media (min-width: 480px) {
    .selectric .label {
        height: 7.27273rem
    }
}

@media (min-width: 545px) {
    .selectric .label {
        height: 6.66667rem
    }
}

@media (min-width: 768px) {
    .selectric .label {
        height: 6rem
    }
}

.selectric .button {
    display: block;
    position: relative;
    right: -2px;
    top: 0;
    width: 15px;
    height: 100%;
    text-align: center;
    -webkit-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    transition: all ease 200ms;
    font-size: 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.selectric .button:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #522974
}

.selectric-focus .selectric {
    border-color: #e6e6e6
}

.selectric-open {
    z-index: 9999
}

.selectric-open .selectric {
    border-color: #e6e6e6;
    border-bottom: 1px solid #e6e6e6
}

.selectric-open .selectric .button {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.selectric-open .selectric-items {
    display: block;
    border-color: #e6e6e6;
    border-top: 1px solid #e6e6e6
}

.selectric-disabled {
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.selectric-hide-select {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0
}

.selectric-hide-select select {
    position: absolute;
    left: -100%
}

.selectric-hide-select.selectric-is-native {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10
}

.selectric-hide-select.selectric-is-native select {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border: none;
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0
}

.selectric-input {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: none !important;
    border: none !important;
    *font: 0/0 a !important;
    background: none !important
}

.selectric-temp-show {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important
}

.selectric-items {
    overflow: hidden;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-top: 1px;
    z-index: -1;
    border-radius: 0 0 3px 3px
}

.selectric-items .selectric-scroll {
    height: 100%;
    overflow: auto
}

.selectric-above .selectric-items {
    top: auto;
    bottom: 100%
}

.selectric-items ul,
.selectric-items li {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 2rem;
    min-height: 2rem
}

.selectric-items li {
    display: block;
    padding: 1rem 2rem;
    color: #2f2f2f;
    background: #fff;
    cursor: pointer;
    -webkit-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    transition: all ease 200ms
}

.selectric-items li:before {
    display: none
}

.selectric-items li.selected {
    color: #2f2f2f
}

.selectric-items li.highlighted {
    color: #2f2f2f
}

.selectric-items li:hover {
    background: #ededed
}

.selectric-items li:nth-child(odd) {
    background: #f5f5f5
}

.selectric-items li:nth-child(odd):hover {
    background: #e3e3e3
}

.selectric-items .disabled {
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    cursor: default !important;
    background: none !important;
    color: #2f2f2f !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.selectric-items .selectric-group .selectric-group-label {
    font-weight: bold;
    padding-left: 1rem;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: none;
    color: #2f2f2f
}

.selectric-items .selectric-group.disabled li {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

.selectric-items .selectric-group li {
    padding-left: 2.5rem
}

.list-box .selectric-scroll ul li {
    padding: 1rem 2rem 1rem 1rem
}

.list-box .selectric-scroll ul li:before {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 0;
    display: inline-block;
    margin: 0 1rem 0 0;
    background: #bcbcbc;
    vertical-align: middle;
    position: static;
    border: 2px solid #bcbcbc
}

.list-box .selectric-scroll ul li.selected:before {
    background: #522974
}

.list-box .selectric-scroll ul li:first-child:before {
    display: none
}

[data-simplebar] {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit
}

.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0
}

.simplebar-offset {
    direction: inherit !important;
    -webkit-box-sizing: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch
}

.simplebar-content-wrapper {
    direction: inherit;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    width: auto;
    visibility: visible;
    overflow: auto;
    max-width: 100%;
    max-height: 100%
}

.simplebar-content:before,
.simplebar-content:after {
    content: ' ';
    display: table
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none
}

.simplebar-height-auto-observer-wrapper {
    -webkit-box-sizing: inherit !important;
    box-sizing: inherit !important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    -webkit-box-flex: inherit;
    -ms-flex-positive: inherit;
    flex-grow: inherit;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

.simplebar-height-auto-observer {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all
}

.simplebar-scrollbar {
    position: absolute;
    right: 2px;
    width: 7px;
    min-height: 10px
}

.simplebar-scrollbar:before {
    position: absolute;
    content: '';
    background: black;
    border-radius: 7px;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear
}

.simplebar-track .simplebar-scrollbar.simplebar-visible:before {
    opacity: 0.5;
    -webkit-transition: opacity 0s linear;
    -o-transition: opacity 0s linear;
    transition: opacity 0s linear
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    height: 100%;
    left: 2px;
    right: 2px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 2px;
    height: 7px;
    min-height: 0;
    min-width: 10px;
    width: auto
}

[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0
}

.hs-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll
}

.pux-modal-leave.show,
.pux-modal.show,
.download-modal.show,
.modal.show {
    overflow: hidden
}

.pux-modal-leave .modal-dialog,
.pux-modal .modal-dialog,
.download-modal .modal-dialog,
.modal .modal-dialog {
    margin: 40px auto;
    max-width: 800px;
    padding: 0;
    margin: 0 auto
}

.pux-modal-leave .modal-content,
.pux-modal .modal-content,
.download-modal .modal-content,
.modal .modal-content {
    border-radius: 0;
    background-repeat: no-repeat !important
}

.pux-modal-leave .modal-content .close,
.pux-modal .modal-content .close,
.download-modal .modal-content .close,
.modal .modal-content .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 22;
    width: 30px;
    height: 30px;
    outline: 0;
    text-shadow: none;
    cursor: pointer;
    opacity: 1
}

.pux-modal-leave .modal-content .close span,
.pux-modal .modal-content .close span,
.download-modal .modal-content .close span,
.modal .modal-content .close span {
    font-size: 24px
}

.pux-modal-leave .modal-content.modal-light,
.pux-modal .modal-content.modal-light,
.download-modal .modal-content.modal-light,
.modal .modal-content.modal-light {
    background-color: #fff;
    color: #2f2f2f;
    border: none
}

.pux-modal-leave .modal-content.modal-light .close,
.pux-modal .modal-content.modal-light .close,
.download-modal .modal-content.modal-light .close,
.modal .modal-content.modal-light .close {
    background: rgba(0, 0, 0, 0);
    color: #522974
}

.pux-modal-leave .modal-content.modal-light .close:focus,
.pux-modal-leave .modal-content.modal-light .close:hover,
.pux-modal .modal-content.modal-light .close:focus,
.pux-modal .modal-content.modal-light .close:hover,
.download-modal .modal-content.modal-light .close:focus,
.download-modal .modal-content.modal-light .close:hover,
.modal .modal-content.modal-light .close:focus,
.modal .modal-content.modal-light .close:hover {
    background: rgba(0, 0, 0, 0)
}

.pux-modal-leave .modal-content.modal-dark,
.pux-modal .modal-content.modal-dark,
.download-modal .modal-content.modal-dark,
.modal .modal-content.modal-dark {
    background-color: #585857;
    color: #fff;
    border: none
}

.pux-modal-leave .modal-content.modal-dark .close,
.pux-modal .modal-content.modal-dark .close,
.download-modal .modal-content.modal-dark .close,
.modal .modal-content.modal-dark .close {
    background: rgba(0, 0, 0, 0);
    color: #522974
}

.pux-modal-leave .modal-content.modal-dark .close:focus,
.pux-modal-leave .modal-content.modal-dark .close:hover,
.pux-modal .modal-content.modal-dark .close:focus,
.pux-modal .modal-content.modal-dark .close:hover,
.download-modal .modal-content.modal-dark .close:focus,
.download-modal .modal-content.modal-dark .close:hover,
.modal .modal-content.modal-dark .close:focus,
.modal .modal-content.modal-dark .close:hover {
    background: rgba(0, 0, 0, 0)
}

.pux-modal-leave .modal-content .modal-body,
.pux-modal .modal-content .modal-body,
.download-modal .modal-content .modal-body,
.modal .modal-content .modal-body {
    max-height: 95vh;
    overflow-y: auto;
    padding: 30px
}

.pux-modal-leave .modal-content .modal-body.no-padding,
.pux-modal .modal-content .modal-body.no-padding,
.download-modal .modal-content .modal-body.no-padding,
.modal .modal-content .modal-body.no-padding {
    padding: 0
}

.pux-modal-leave .modal-content .modal-body .modal-body-title,
.pux-modal .modal-content .modal-body .modal-body-title,
.download-modal .modal-content .modal-body .modal-body-title,
.modal .modal-content .modal-body .modal-body-title {
    padding: 0 0 15px 0;
    font-weight: bold;
    color: #522974
}

@media (min-width: 320px) {

    .pux-modal-leave .modal-content .modal-body .modal-body-title,
    .pux-modal .modal-content .modal-body .modal-body-title,
    .download-modal .modal-content .modal-body .modal-body-title,
    .modal .modal-content .modal-body .modal-body-title {
        font-size: 4rem
    }
}

@media (min-width: 480px) {

    .pux-modal-leave .modal-content .modal-body .modal-body-title,
    .pux-modal .modal-content .modal-body .modal-body-title,
    .download-modal .modal-content .modal-body .modal-body-title,
    .modal .modal-content .modal-body .modal-body-title {
        font-size: 3.63636rem
    }
}

@media (min-width: 545px) {

    .pux-modal-leave .modal-content .modal-body .modal-body-title,
    .pux-modal .modal-content .modal-body .modal-body-title,
    .download-modal .modal-content .modal-body .modal-body-title,
    .modal .modal-content .modal-body .modal-body-title {
        font-size: 3.33333rem
    }
}

@media (min-width: 768px) {

    .pux-modal-leave .modal-content .modal-body .modal-body-title,
    .pux-modal .modal-content .modal-body .modal-body-title,
    .download-modal .modal-content .modal-body .modal-body-title,
    .modal .modal-content .modal-body .modal-body-title {
        font-size: 3.2rem
    }
}

.pux-modal-leave .modal-content .modal-body .modal-body-subtitle,
.pux-modal .modal-content .modal-body .modal-body-subtitle,
.download-modal .modal-content .modal-body .modal-body-subtitle,
.modal .modal-content .modal-body .modal-body-subtitle {
    padding: 0 0 10px 0
}

@media (min-width: 320px) {

    .pux-modal-leave .modal-content .modal-body .modal-body-subtitle,
    .pux-modal .modal-content .modal-body .modal-body-subtitle,
    .download-modal .modal-content .modal-body .modal-body-subtitle,
    .modal .modal-content .modal-body .modal-body-subtitle {
        font-size: 3.6rem
    }
}

@media (min-width: 480px) {

    .pux-modal-leave .modal-content .modal-body .modal-body-subtitle,
    .pux-modal .modal-content .modal-body .modal-body-subtitle,
    .download-modal .modal-content .modal-body .modal-body-subtitle,
    .modal .modal-content .modal-body .modal-body-subtitle {
        font-size: 3.27273rem
    }
}

@media (min-width: 545px) {

    .pux-modal-leave .modal-content .modal-body .modal-body-subtitle,
    .pux-modal .modal-content .modal-body .modal-body-subtitle,
    .download-modal .modal-content .modal-body .modal-body-subtitle,
    .modal .modal-content .modal-body .modal-body-subtitle {
        font-size: 3rem
    }
}

@media (min-width: 768px) {

    .pux-modal-leave .modal-content .modal-body .modal-body-subtitle,
    .pux-modal .modal-content .modal-body .modal-body-subtitle,
    .download-modal .modal-content .modal-body .modal-body-subtitle,
    .modal .modal-content .modal-body .modal-body-subtitle {
        font-size: 2.4rem
    }
}

.pux-modal-leave .modal-content.background-cover,
.pux-modal .modal-content.background-cover,
.download-modal .modal-content.background-cover,
.modal .modal-content.background-cover {
    background-size: cover !important
}

.pux-modal-leave .modal-content.top-center,
.pux-modal .modal-content.top-center,
.download-modal .modal-content.top-center,
.modal .modal-content.top-center {
    background-position: top center !important
}

.pux-modal-leave .modal-content.top-left,
.pux-modal .modal-content.top-left,
.download-modal .modal-content.top-left,
.modal .modal-content.top-left {
    background-position: top left !important
}

.pux-modal-leave .modal-content.top-right,
.pux-modal .modal-content.top-right,
.download-modal .modal-content.top-right,
.modal .modal-content.top-right {
    background-position: top right !important
}

.pux-modal-leave .modal-content.center-center,
.pux-modal .modal-content.center-center,
.download-modal .modal-content.center-center,
.modal .modal-content.center-center {
    background-position: center center !important
}

.pux-modal-leave .modal-content.bottom-center,
.pux-modal .modal-content.bottom-center,
.download-modal .modal-content.bottom-center,
.modal .modal-content.bottom-center {
    background-position: bottom center !important
}

.pux-modal-leave .modal-content.bottom-left,
.pux-modal .modal-content.bottom-left,
.download-modal .modal-content.bottom-left,
.modal .modal-content.bottom-left {
    background-position: bottom left !important
}

.pux-modal-leave .modal-content.bottom-right,
.pux-modal .modal-content.bottom-right,
.download-modal .modal-content.bottom-right,
.modal .modal-content.bottom-right {
    background-position: bottom right !important
}

.modal-backdrop {
    background: #000
}

.modal.show {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 15px
}

.modal.show .modal-dialog {
    width: 100%
}

#leavepopup .modal-dialog {
    pointer-events: none;
    width: 800px;
    max-width: 95%;
    min-height: calc(100% - 3.5rem);
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#leavepopup .modal-dialog .modal-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 30px;
    height: 30px;
    overflow: hidden;
    white-space: nowrap;
    border: none;
    background: none;
    text-align: center
}

#leavepopup .modal-dialog .modal-close:before {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    font-weight: 700;
    font-size: 25px;
    color: #2f2f2f;
    content: '×'
}

#leavepopup .modal-dialog .modal-content {
    pointer-events: initial;
    max-width: 100%
}

#leavepopup .modal-dialog .popup {
    padding: 5rem 2rem 5rem;
    width: 800px;
    max-width: 100%;
    min-height: 500px;
    color: #522974;
    background-size: cover !important;
    background-position: center top;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 320px) {
    #leavepopup .modal-dialog .popup {
        font-size: 3.2rem
    }
}

@media (min-width: 480px) {
    #leavepopup .modal-dialog .popup {
        font-size: 2.90909rem
    }
}

@media (min-width: 545px) {
    #leavepopup .modal-dialog .popup {
        font-size: 2.66667rem
    }
}

@media (min-width: 768px) {
    #leavepopup .modal-dialog .popup {
        font-size: 2.4rem
    }
}

@media (min-width: 768px) {
    #leavepopup .modal-dialog .popup {
        padding: 5rem 7rem 5rem
    }
}

#leavepopup .modal-dialog .popup .popup-content {
    width: 100%
}

#leavepopup .modal-dialog .popup img {
    max-width: 150px;
    margin: 0 0 4rem
}

@media (min-width: 320px) {

    #leavepopup .modal-dialog .popup .big,
    #leavepopup .modal-dialog .popup big {
        font-size: 4.4rem
    }
}

@media (min-width: 480px) {

    #leavepopup .modal-dialog .popup .big,
    #leavepopup .modal-dialog .popup big {
        font-size: 4rem
    }
}

@media (min-width: 545px) {

    #leavepopup .modal-dialog .popup .big,
    #leavepopup .modal-dialog .popup big {
        font-size: 3.66667rem
    }
}

@media (min-width: 768px) {

    #leavepopup .modal-dialog .popup .big,
    #leavepopup .modal-dialog .popup big {
        font-size: 3.5rem
    }
}

@media (min-width: 320px) {

    #leavepopup .modal-dialog .popup .big,
    #leavepopup .modal-dialog .popup big {
        line-height: 6rem
    }
}

@media (min-width: 480px) {

    #leavepopup .modal-dialog .popup .big,
    #leavepopup .modal-dialog .popup big {
        line-height: 5.45455rem
    }
}

@media (min-width: 545px) {

    #leavepopup .modal-dialog .popup .big,
    #leavepopup .modal-dialog .popup big {
        line-height: 5rem
    }
}

@media (min-width: 768px) {

    #leavepopup .modal-dialog .popup .big,
    #leavepopup .modal-dialog .popup big {
        line-height: 4.5rem
    }
}

#leavepopup .modal-dialog .popup small,
#leavepopup .modal-dialog .popup .small {
    color: #f8f9fa
}

#leavepopup .modal-dialog .popup h2 {
    margin: 0 0 15px;
    font-weight: 900;
    color: #2f2f2f
}

@media (min-width: 320px) {
    #leavepopup .modal-dialog .popup h2 {
        font-size: 6rem
    }
}

@media (min-width: 480px) {
    #leavepopup .modal-dialog .popup h2 {
        font-size: 5.45455rem
    }
}

@media (min-width: 545px) {
    #leavepopup .modal-dialog .popup h2 {
        font-size: 5rem
    }
}

@media (min-width: 768px) {
    #leavepopup .modal-dialog .popup h2 {
        font-size: 4.5rem
    }
}

@media (min-width: 320px) {
    #leavepopup .modal-dialog .popup h2 {
        line-height: 6.4rem
    }
}

@media (min-width: 480px) {
    #leavepopup .modal-dialog .popup h2 {
        line-height: 5.81818rem
    }
}

@media (min-width: 545px) {
    #leavepopup .modal-dialog .popup h2 {
        line-height: 5.33333rem
    }
}

@media (min-width: 768px) {
    #leavepopup .modal-dialog .popup h2 {
        line-height: 4.7rem
    }
}

#leavepopup .modal-dialog .popup .marker {
    color: #14ad53
}

@media (min-width: 320px) {
    #leavepopup .modal-dialog .popup .marker {
        font-size: 4.4rem
    }
}

@media (min-width: 480px) {
    #leavepopup .modal-dialog .popup .marker {
        font-size: 4rem
    }
}

@media (min-width: 545px) {
    #leavepopup .modal-dialog .popup .marker {
        font-size: 3.66667rem
    }
}

@media (min-width: 768px) {
    #leavepopup .modal-dialog .popup .marker {
        font-size: 3.5rem
    }
}

@media (min-width: 320px) {
    #leavepopup .modal-dialog .popup .marker {
        line-height: 6rem
    }
}

@media (min-width: 480px) {
    #leavepopup .modal-dialog .popup .marker {
        line-height: 5.45455rem
    }
}

@media (min-width: 545px) {
    #leavepopup .modal-dialog .popup .marker {
        line-height: 5rem
    }
}

@media (min-width: 768px) {
    #leavepopup .modal-dialog .popup .marker {
        line-height: 4.5rem
    }
}

#leavepopup .modal-dialog .popup a {
    display: inline-block;
    padding: 20px 50px;
    margin: 20px 0 0;
    background: #14ad53;
    -webkit-box-shadow: 0 5px 0 rgba(248, 249, 250, 0.2);
    box-shadow: 0 5px 0 rgba(248, 249, 250, 0.2);
    text-transform: uppercase;
    color: #fff
}

#leavepopup .modal-dialog .popup a:hover {
    background: #119648
}

#leavepopup .modal-dialog .popup a+a {
    padding: 10px 0;
    margin: 0;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-transform: none;
    color: #14ad53
}

#leavepopup .modal-dialog .popup a+a:hover {
    background: none;
    color: #119648
}

#leavepopup.bg-purple {
    color: #fff
}

#leavepopup.bg-purple h1,
#leavepopup.bg-purple h2,
#leavepopup.bg-purple h3 {
    color: inherit
}

#leavepopup.bg-purple .modal-dialog .modal-close:before {
    color: inherit
}

.popup-countdown {
    text-align: center;
    font-weight: 900
}

@media (min-width: 320px) {
    .popup-countdown {
        font-size: 4rem
    }
}

@media (min-width: 480px) {
    .popup-countdown {
        font-size: 3.63636rem
    }
}

@media (min-width: 545px) {
    .popup-countdown {
        font-size: 3.33333rem
    }
}

@media (min-width: 768px) {
    .popup-countdown {
        font-size: 2.8rem
    }
}

.popup-countdown.light {
    color: #fff
}

.popup-openner {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000000
}

.popup-openner a {
    display: inline-block;
    padding: 10px 25px;
    margin: 0 0 15px 15px;
    background: #522974;
    color: #fff;
    text-align: center;
    text-decoration: none
}

@media (min-width: 320px) {
    .popup-openner a {
        font-size: 3rem
    }
}

@media (min-width: 480px) {
    .popup-openner a {
        font-size: 2.72727rem
    }
}

@media (min-width: 545px) {
    .popup-openner a {
        font-size: 2.5rem
    }
}

@media (min-width: 768px) {
    .popup-openner a {
        font-size: 2rem
    }
}

@media (min-width: 992px) {
    .popup-openner a {
        font-size: 1.875rem
    }
}

@media (min-width: 1200px) {
    .popup-openner a {
        font-size: 1.66667rem
    }
}

@media (min-width: 1400px) {
    .popup-openner a {
        font-size: 1.5rem
    }
}

.popup-openner a:hover {
    background: #371c4e
}

.popup-openner.show {
    display: block
}

@media print {

    header,
    footer {
        display: none
    }
}