:root {
    --mypurple: #5c2983
}

@font-face {
    font-family: CarlitoBold;
    src: url("./fonts/carlito/Carlito-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: CarlitoBoldItalic;
    src: url("./fonts/carlito/Carlito-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: CarlitoItalic;
    src: url("./fonts/carlito/Carlito-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: CarlitoRegular;
    src: url("./fonts/carlito/Carlito-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: MontserratBold;
    src: url("./fonts/Montserrat/Montserrat-Bold.ttf") format("truetype");
    font-weight: 700
}

a.btn-default.btn-sm,
h1 a,
h2 a,
h2 a:hover,
h3 a,
h3 a:hover,
h4 a,
h4 a:hover,
h5 a,
h5 a:hover,
h6 a h1 a:hover,
h6 a:hover {
    font-family: MontserratBold, sans-serif !important
}

.no-child-radius * {
    border-radius: 0 !important
}

.entry-content em,
.entry-content i {
    font-family: CarlitoItalic
}

.entry-content,
.entry-content div {
    font-family: CarlitoRegular, sans-serif
}

.entry-content em a:hover,
.entry-content i a:hover {
    text-decoration: underline;
    font-family: CarlitoItalic, sans-serif
}

.entry-content b,
.entry-content strong {
    font-family: CarlitoBold, sans-serif
}

.post-inner-content article a:not(.block_button, .block_text_clear) {
    color: #5c2983;
    font-family: CarlitoRegular, sans-serif
}

.btn-default,
.post-inner-content article a:hover:not(.block_button, .block_text_clear) {
    color: #5c2983 !important;
    font-family: CarlitoRegular, sans-serif
}

.cn-button-co {
    background: #fff !important;
    color: #5c2983 !important;
    height: 100%;
    border: 3px solid #5c2983;
    border-radius: 5px
}

.text-note {
    margin-left: -2% !important;
    background-color: #f3ffeb;
    padding-left: 2% !important;
    border-left: 2px solid #5c2983
}

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
    text-decoration: none !important
}

.dropdown.open .dropdown-toggle {
    text-decoration: underline
}

.post-grid .item .layer-media a {
    width: auto !important
}

.mailpoet_submit.btn-default {
    width: auto;
    min-height: 52px;
    text-transform: capitalize;
    padding: 3px 20px !important
}

.mailpoet_message {
    max-width: 339px !important
}

.mailpoet_text {
    height: 32px
}

@media screen and (max-width:702px) {
    #Collabora-Online-and-Office-feature-table-btns div {
        display: block
    }

    #Collabora-Online-and-Office-feature-table-tr-btns {
        display: none
    }
}

@media screen and (min-width:703px) {
    #Collabora-Online-and-Office-feature-table-btns {
        display: none
    }
}

.post-grid .item .layer-media img {
    object-fit: cover !important;
    height: 100% !important
}

@keyframes animatedAboutClouds {
    from {
        background-position-x: 120px
    }

    to {
        background-position-x: 100%
    }
}

#about-team-clouds {
    background-image: url('https://www.collaboraoffice.com/wp-content/uploads/2019/08/Team-clouds-v2.png');
    background-position-y: center;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position-x: 120px;
    animation: 40s linear infinite animatedAboutClouds
}

.list-border-styled {
    list-style: none;
    border-left: 1px solid #5c2983;
    padding-left: 20px;
    margin-left: 7px
}

.fa {
    display: inline-block !important;
    font: 14px/1 FontAwesome !important;
    font-size: inherit !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important
}

.form-well-cool {
    background-color: #fff !important
}

.screenshot-top-round-corners {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}

.em-collabora {
    background-color: #ebeaff;
    color: #4f5983;
    border-radius: 2px
}

.security-onion-hover-effect img:last-child,
.security-onion-hover-effect:hover img:first-child {
    display: none
}

.security-onion-hover-effect:hover img:last-child {
    display: inline-block
}

h4.offset-anchor:target::before {
    content: "";
    display: block;
    height: 140px;
    margin: -140px 0 0
}

.offset-anchor:focus {
    outline: 0;
    box-shadow: 0 1px 0 0 #5c2983
}

#online_offline_2ndsection>.block_two_columns>div>div>h2 {
    color: #fff !important
}

#online_offline_2ndsection {
    background-image: url('https://www.collaboraoffice.com/wp-content/uploads/2019/05/Collabora-onlineoffline-2ndsection.png')
}

.news_tab_list li a,
.news_tab_list li span {
    border-bottom: 4px solid #ccc !important
}

.news_tab_list li a:hover,
.news_tab_list li span {
    text-decoration: none !important;
    border-bottom-color: #5c2983 !important
}

.news_tab_list li .current_news_category {
    border-bottom: 4px solid #5c2983 !important
}

.post-grid .pagination .page-numbers:hover,
.post-grid .pagination .pager.active {
    background: #fff !important;
    border: 1px solid #5c2983 !important;
    color: #5c2983 !important
}

.paginate.next-previous a,
.pagination .pager,
.post-grid .pagination .page-numbers {
    font-size: 16px;
    color: #5c2983;
    border: 1px solid #f3f3f300 !important;
    background-image: linear-gradient(#5c2983 -60%, #5c2983) !important;
    border-radius: 50px
}

.post-grid .pagination .current {
    background: #40ba2f !important;
    border: 1px solid #40ba2f !important;
    color: #fff !important;
    opacity: 1;
    font-weight: 700
}

.post-grid .pagination .current:hover {
    background: #40ba2f !important;
    border: 1px solid #40ba2f !important;
    color: #fff !important;
    opacity: 1
}

@media screen and (max-width:1410px) {
    .block_with_bg_title.block_title.block_text_clear {
        margin-top: 90px;
        margin-bottom: 60px !important;
        font-size: 58px !important
    }

    .benefits {
        font-size: 16px !important;
        width: 50% !important;
        padding-top: 0 !important;
        margin-top: -40px
    }
}

@media screen and (max-width:1280px) {
    .block_with_bg_title.block_title.block_text_clear {
        margin-bottom: 0 !important
    }
}

@media screen and (max-width:1198px) {
    .block_with_bg_title.block_title.block_text_clear {
        margin-top: 0;
        margin-bottom: 80px !important;
        font-size: 48px !important
    }

    .block_button {
        line-height: 1.5 !important;
        padding: 3px 12px !important
    }

    .block_with_bg_back2 {
        height: 400px
    }
}

@media screen and (min-width:1024px) {
    @-webkit-keyframes bounce {

        20%,
        53%,
        80%,
        from,
        to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        40%,
        43% {
            -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0)
        }

        70% {
            -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0)
        }

        90% {
            -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0)
        }
    }

    @keyframes bounce {

        20%,
        53%,
        80%,
        from,
        to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        40%,
        43% {
            -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0)
        }

        70% {
            -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0)
        }

        90% {
            -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0)
        }
    }

    @-webkit-keyframes flash {

        50%,
        from,
        to {
            opacity: 1
        }

        25%,
        75% {
            opacity: 0
        }
    }

    @keyframes flash {

        50%,
        from,
        to {
            opacity: 1
        }

        25%,
        75% {
            opacity: 0
        }
    }

    @keyframes partner-roadmap-circle-green-anim {
        0% {
            opacity: 0
        }

        100% {
            opacity: 1
        }
    }

    @-webkit-keyframes partner-roadmap-circle-green-anim {
        0% {
            opacity: 0
        }

        100% {
            opacity: 1
        }
    }

    @keyframes partner-roadmap-circle-green-1st-anim {
        0% {
            opacity: 1
        }
    }

    @-webkit-keyframes partner-roadmap-circle-green-1st-anim {
        0% {
            opacity: 1
        }
    }

    @keyframes partner-roadmap-circle-green-2nd-anim {
        25% {
            opacity: 1
        }
    }

    @-webkit-keyframes partner-roadmap-circle-green-2nd-anim {
        25% {
            opacity: 1
        }
    }

    @keyframes partner-roadmap-circle-green-3rd-anim {
        50% {
            opacity: 1
        }
    }

    @-webkit-keyframes partner-roadmap-circle-green-3rd-anim {
        50% {
            opacity: 1
        }
    }

    @keyframes ballon-ellipsis-mouth {
        100% {
            opacity: 1
        }
    }

    @-webkit-keyframes ballon-ellipsis-mouth {
        100% {
            opacity: 1
        }
    }

    @keyframes ballon-ellipsis-eye {
        100% {
            transform: translateY(-2px)
        }
    }

    @-webkit-keyframes ballon-ellipsis-eye {
        100% {
            transform: translateY(-2px)
        }
    }

    @-webkit-keyframes pulse {

        from,
        to {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }

        50% {
            -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05)
        }
    }

    @keyframes pulse {

        from,
        to {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }

        50% {
            -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05)
        }
    }

    @-webkit-keyframes zoomInDown {
        from {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }

    @keyframes zoomInDown {
        from {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }

    @-webkit-keyframes flipInX {
        from {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
            opacity: 0
        }

        40% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }

        60% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            opacity: 1
        }

        80% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
        }

        to {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }
    }

    @keyframes flipInX {
        from {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
            opacity: 0
        }

        40% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }

        60% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            opacity: 1
        }

        80% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
        }

        to {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }
    }

    @-webkit-keyframes tada {

        from,
        to {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }

        10%,
        20% {
            -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
        }

        30%,
        50%,
        70%,
        90% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
        }

        40%,
        60%,
        80% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
        }
    }

    @keyframes tada {

        from,
        to {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }

        10%,
        20% {
            -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
        }

        30%,
        50%,
        70%,
        90% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
        }

        40%,
        60%,
        80% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
        }
    }

    @-webkit-keyframes headShake {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }

        6.5% {
            -webkit-transform: translateX(-6px) rotateY(-9deg);
            transform: translateX(-6px) rotateY(-9deg)
        }

        18.5% {
            -webkit-transform: translateX(5px) rotateY(7deg);
            transform: translateX(5px) rotateY(7deg)
        }

        31.5% {
            -webkit-transform: translateX(-3px) rotateY(-5deg);
            transform: translateX(-3px) rotateY(-5deg)
        }

        43.5% {
            -webkit-transform: translateX(2px) rotateY(3deg);
            transform: translateX(2px) rotateY(3deg)
        }

        50% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }

    @keyframes headShake {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }

        6.5% {
            -webkit-transform: translateX(-6px) rotateY(-9deg);
            transform: translateX(-6px) rotateY(-9deg)
        }

        18.5% {
            -webkit-transform: translateX(5px) rotateY(7deg);
            transform: translateX(5px) rotateY(7deg)
        }

        31.5% {
            -webkit-transform: translateX(-3px) rotateY(-5deg);
            transform: translateX(-3px) rotateY(-5deg)
        }

        43.5% {
            -webkit-transform: translateX(2px) rotateY(3deg);
            transform: translateX(2px) rotateY(3deg)
        }

        50% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }

    @keyframes ic-partner-no-initial-investment-stars-group-anim {

        0%,
        52% {
            opacity: 0;
            transform: translate(0, 0)
        }

        70% {
            opacity: 100;
            transform: translate(0, -8px)
        }

        94% {
            opacity: 100;
            transform: translate(0, 0)
        }

        100% {
            transform: translate(0, -5px);
            opacity: 0
        }
    }

    @-webkit-keyframes ic-partner-no-initial-investment-stars-group-anim {

        0%,
        52% {
            opacity: 0;
            transform: translate(0, 0)
        }

        70% {
            opacity: 100;
            transform: translate(0, -8px)
        }

        94% {
            opacity: 100;
            transform: translate(0, 0)
        }

        100% {
            transform: translate(0, -5px);
            opacity: 0
        }
    }

    #benefits-easy-deployment-block:hover * {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-play-state: running;
        animation-play-state: running;
        animation-direction: normal
    }

    @keyframes svg-easy-deployment-box-anim {
        0% {
            transform: translateY(-80px);
            opacity: 0
        }

        50% {
            transform: translateY(-40px)
        }

        60% {
            transform: translateY(10px);
            opacity: 1
        }

        65% {
            transform: translateY(-5px);
            opacity: 1
        }

        100%,
        70%,
        80% {
            transform: translateY(0);
            opacity: 1
        }

        75% {
            transform: translateY(-2px);
            opacity: 1
        }
    }

    @-webkit-keyframes svg-easy-deployment-box-anim {
        0% {
            transform: translateY(-80px);
            opacity: 0
        }

        50% {
            transform: translateY(-40px)
        }

        60% {
            transform: translateY(10px);
            opacity: 1
        }

        65% {
            transform: translateY(-5px);
            opacity: 1
        }

        100%,
        70%,
        80% {
            transform: translateY(0);
            opacity: 1
        }

        75% {
            transform: translateY(-2px);
            opacity: 1
        }
    }

    #benefits-customizable-interface-block:hover * {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-play-state: running;
        animation-play-state: running
    }

    @keyframes svg-customizable-path-purple-anim {
        50% {
            stroke-width: 10;
            stroke-dashoffset: 74;
            stroke-dasharray: 60
        }

        100% {
            stroke-dasharray: 2
        }
    }

    @-webkit-keyframes svg-customizable-path-purple-anim {
        50% {
            stroke-width: 10;
            stroke-dashoffset: 74;
            stroke-dasharray: 60
        }

        100% {
            stroke-dasharray: 2
        }
    }

    @keyframes svg-customizable-path-green-anim {

        0%,
        100% {
            stroke-width: 1;
            stroke-dashoffset: 0;
            stroke-dasharray: 0
        }

        50% {
            stroke-width: 20;
            stroke-dashoffset: 100;
            stroke-dasharray: 100
        }
    }

    @-webkit-keyframes svg-customizable-path-green-anim {

        0%,
        100% {
            stroke-width: 1;
            stroke-dashoffset: 0;
            stroke-dasharray: 0
        }

        50% {
            stroke-width: 20;
            stroke-dashoffset: 100;
            stroke-dasharray: 100
        }
    }

    #benefits-scriptable-block:hover * {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-play-state: running;
        animation-play-state: running
    }

    @keyframes svg-scriptable-text-anim-mask-anim {
        0% {
            opacity: 1
        }

        90% {
            transform: translateX(-80px);
            opacity: 1
        }

        100% {
            opacity: 0
        }
    }

    @-webkit-keyframes svg-scriptable-text-anim-mask-anim {
        0% {
            opacity: 1
        }

        90% {
            transform: translateX(-80px);
            opacity: 1
        }

        100% {
            opacity: 0
        }
    }

    #benefits-integrate-block:hover * {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-play-state: running;
        animation-play-state: running
    }

    #benefits-integrate-block * {
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-play-state: running;
        animation-play-state: running
    }

    @keyframes svg-integrate-group-anim {
        100% {
            transform: translate(10, 10) rotate(-45deg);
            opacity: 1
        }

        90% {
            opacity: 0
        }
    }

    @-webkit-keyframes svg-integrate-mask-anim {

        0%,
        100% {
            opacity: 1
        }

        90% {
            opacity: 0
        }
    }

    @keyframes svg-integrate-line-middle-anim {
        0% {
            stroke-dashoffset: 200;
            stroke-dasharray: 10
        }

        50% {
            stroke-dashoffset: 0;
            stroke-dasharray: 0
        }
    }

    @-webkit-keyframes svg-integrate-line-middle-anim {
        0% {
            stroke-dashoffset: 200;
            stroke-dasharray: 10
        }

        50% {
            stroke-dashoffset: 0;
            stroke-dasharray: 0
        }
    }

    @keyframes svg-integrate-line-top-anim {
        0% {
            stroke-dashoffset: 0;
            stroke-dasharray: 0
        }

        20% {
            stroke-dashoffset: 120;
            stroke-dasharray: 10
        }
    }

    @-webkit-keyframes svg-integrate-line-top-anim {
        0% {
            stroke-dashoffset: 0;
            stroke-dasharray: 0
        }

        20% {
            stroke-dashoffset: 120;
            stroke-dasharray: 10
        }
    }

    #benefits-compatibility:hover * {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-play-state: running;
        animation-play-state: running
    }

    #benefits-compatibility * {
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-play-state: running;
        animation-play-state: running
    }

    @keyframes shock-green-anim {
        0% {
            transform: translate(0, 0) rotate(-45deg);
            opacity: 0
        }

        25%,
        5% {
            opacity: 1
        }

        10% {
            transform: translate(-20px, -20px) rotate(-45deg)
        }

        65% {
            opacity: 0
        }

        100% {
            transform: translate(-15px, -15px) rotate(-45deg);
            opacity: 0
        }
    }

    @-webkit-keyframes shock-green-anim {
        0% {
            transform: translate(0, 0) rotate(-45deg);
            opacity: 0
        }

        25%,
        5% {
            opacity: 1
        }

        10% {
            transform: translate(-20px, -20px) rotate(-45deg)
        }

        65% {
            opacity: 0
        }

        100% {
            transform: translate(-15px, -15px) rotate(-45deg);
            opacity: 0
        }
    }

    @keyframes shock-purple-L-anim {
        0% {
            transform: translate(70px, 95px) rotate(75deg);
            opacity: 0
        }

        5% {
            transform: translate(60px, 92px) rotate(75deg);
            opacity: 1
        }

        15% {
            opacity: 1
        }

        65% {
            opacity: 0
        }

        100% {
            transform: translate(65px, 95px) rotate(75deg);
            opacity: 0
        }
    }

    @-webkit-keyframes shock-purple-L-anim {
        0% {
            transform: translate(70px, 95px) rotate(75deg);
            opacity: 0
        }

        5% {
            transform: translate(60px, 92px) rotate(75deg);
            opacity: 1
        }

        15% {
            opacity: 1
        }

        65% {
            opacity: 0
        }

        100% {
            transform: translate(65px, 95px) rotate(75deg);
            opacity: 0
        }
    }

    @keyframes shock-purple-R-anim {
        5% {
            transform: translate(118px, -2px) rotate(0);
            opacity: 0
        }

        10% {
            transform: translate(118px, -20px) rotate(0);
            opacity: 1
        }

        15% {
            opacity: 1
        }

        65% {
            opacity: 0
        }

        100% {
            transform: translate(118px, -20px) rotate(0);
            opacity: 0
        }
    }

    @-webkit-keyframes shock-purple-R-anim {
        5% {
            transform: translate(118px, -2px) rotate(0);
            opacity: 0
        }

        10% {
            transform: translate(118px, -20px) rotate(0);
            opacity: 1
        }

        15% {
            opacity: 1
        }

        65% {
            opacity: 0
        }

        100% {
            transform: translate(118px, -20px) rotate(0);
            opacity: 0
        }
    }

    @keyframes sqr-green-anim {
        0% {
            transform: translate(0, -18px) rotate(0);
            opacity: 0
        }

        100%,
        5% {
            transform: translate(0, -2px) rotate(0);
            opacity: 1
        }

        15%,
        65% {
            opacity: 1
        }
    }

    @-webkit-keyframes sqr-green-anim {
        0% {
            transform: translate(0, -18px) rotate(0);
            opacity: 0
        }

        100%,
        5% {
            transform: translate(0, -2px) rotate(0);
            opacity: 1
        }

        15%,
        65% {
            opacity: 1
        }
    }

    @keyframes sqr-purple-anim {
        0% {
            transform: translate(0, 2px) rotate(0);
            opacity: 1
        }

        100%,
        5% {
            transform: translate(0, -2px) rotate(0);
            opacity: 1
        }

        15%,
        65% {
            opacity: 1
        }
    }

    @-webkit-keyframes sqr-purple-anim {
        0% {
            transform: translate(0, 2px) rotate(0);
            opacity: 1
        }

        100%,
        5% {
            transform: translate(0, -2px) rotate(0);
            opacity: 1
        }

        15%,
        65% {
            opacity: 1
        }
    }

    #benefits-collab-editing:hover * {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-play-state: running;
        animation-play-state: running
    }

    @keyframes svg-collab-editing-img-anim {
        0% {
            stroke-dashoffset: 200;
            stroke-dasharray: 188
        }
    }

    @-webkit-keyframes svg-collab-editing-img-anim {
        0% {
            stroke-dashoffset: 200;
            stroke-dasharray: 188
        }
    }

    @keyframes svg-collab-editing-anim {
        0% {
            transform: translate(0, 0) rotate(-45deg);
            opacity: 0
        }

        100% {
            opacity: 1
        }
    }

    @-webkit-keyframes svg-collab-editing-anim {
        0% {
            transform: translate(0, 0) rotate(-45deg);
            opacity: 0
        }

        100% {
            opacity: 1
        }
    }

    @keyframes shirt-btn-anim {
        to {
            stroke-dashoffset: 1000
        }
    }

    @-webkit-keyframes shirt-btn-anim {
        to {
            stroke-dashoffset: 1000
        }
    }

    @keyframes underlined-outline-animate {
        to {
            stroke-dashoffset: 0
        }
    }

    @-webkit-keyframes underlined-outline-animate {
        to {
            stroke-dashoffset: 0
        }
    }

    @keyframes on-premise-locker-spinning-anim {
        to {
            stroke-dashoffset: 1000;
            stroke-dasharray: 188
        }
    }

    @-webkit-keyframes on-premise-locker-spinning-anim {
        to {
            stroke-dashoffset: 1000;
            stroke-dasharray: 188
        }
    }

    @keyframes on-cloud-apps-data-outline-anim {
        0% {
            stroke-opacity: 0;
            stroke-dasharray: 4, 16;
            stroke-dashoffset: 28.44924545
        }

        35% {
            stroke-opacity: 1
        }

        90% {
            stroke-dashoffset: 20;
            stroke-dasharray: 2, 0;
            stroke-opacity: initial
        }

        100% {
            stroke-opacity: 0;
            stroke-dashoffset: 20;
            stroke-dasharray: 3, 0
        }
    }

    @-webkit-keyframes on-cloud-apps-data-outline-anim {
        0% {
            stroke-opacity: 0;
            stroke-dasharray: 4, 16;
            stroke-dashoffset: 28.44924545
        }

        35% {
            stroke-opacity: 1
        }

        90% {
            stroke-dashoffset: 20;
            stroke-dasharray: 2, 0;
            stroke-opacity: initial
        }

        100% {
            stroke-opacity: 0;
            stroke-dashoffset: 20;
            stroke-dasharray: 3, 0
        }
    }

    .subscribe-box>.well {
        animation-name: anim-subscribe-box;
        animation-duration: 1s;
        animation-timing-function: ease-out;
        animation-direction: alternate;
        animation-iteration-count: 4
    }

    @keyframes anim-subscribe-box {
        from {
            background-color: rgba(250, 250, 250, .7);
            border-color: #dadada
        }

        to {
            background-color: #fff;
            border-color: #5c2983;
            transform: translate(0, -40px)
        }
    }

    @-webkit-keyframes anim-subscribe-box {
        from {
            background-color: rgba(250, 250, 250, .7);
            border-color: #dadada
        }

        to {
            background-color: #fff;
            border-color: #5c2983;
            transform: translate(0, -40px)
        }
    }

    @keyframes anim-primary-button {
        from {
            box-shadow: 0 1px 8px 2px #0006
        }

        to {
            box-shadow: 0 0 4px 2px #5e3dcc;
            transform: scale(.99)
        }
    }

    @-webkit-keyframes anim-primary-button {
        from {
            box-shadow: 0 1px 8px 2px #0006
        }

        to {
            box-shadow: 0 0 4px 2px #5e3dcc;
            transform: scale(.99)
        }
    }
}

@media screen and (max-width:1024px) {
    .navbar-nav .menu-item {
        padding-right: 20px !important
    }

    .navbar-default .navbar-nav>#menu-item-11569>a,
    .navbar-default .navbar-nav>#menu-item-11884>a,
    .navbar-default .navbar-nav>#menu-item-12209>a,
    .navbar-default .navbar-nav>#menu-item-13394,
    .navbar-default .navbar-nav>#menu-item-14293>a,
    .navbar-default .navbar-nav>#menu-item-5474>a,
    navbar-default .navbar-nav>#menu-item-11257>a {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .navbar-default .navbar-nav>#menu-item-11257,
    .navbar-default .navbar-nav>#menu-item-11569,
    .navbar-default .navbar-nav>#menu-item-14293,
    .navbar-default .navbar-nav>#menu-item-5474,
    navbar-default .navbar-nav>#menu-item-11884,
    navbar-default .navbar-nav>#menu-item-12209,
    navbar-default .navbar-nav>#menu-item-13394 {
        padding-right: 0 !important
    }

    .block_with_bg_back2 {
        height: 300px
    }
}

@media screen and (max-width:991px) {

    #footer-area>.footer-inner,
    .container.main-content-area {
        width: auto
    }

    .block_with_bg_front {
        width: 57% !important;
        padding: 0 0 0 8% !important;
        position: absolute !important;
        top: 0;
        color: #fff !important
    }

    .block_with_bg_front>.block_with_bg_front_text>* {
        color: #fff !important
    }
}

@media screen and (max-width:988px) {
    .container.main-content-area {
        width: auto
    }

    .benefits {
        font-size: 14px !important
    }
}

@media screen and (max-width:967px) {
    .block_with_bg_title.block_title.block_text_clear {
        font-size: 47px !important
    }
}

@media screen and (max-width:958px) {
    .block_with_bg_title.block_title.block_text_clear {
        font-size: 46px !important
    }

    .block_two_columns .block_column_1,
    .block_two_columns .block_column_2 {
        width: 49% !important
    }

    .block_button {
        line-height: 2 !important
    }
}

@media screen and (max-width:934px) {
    .navbar-header {
        width: 48px !important;
        margin: 10px auto !important
    }

    .navbar-nav {
        width: 95.3% !important;
        float: left !important
    }

    .container.main-content-area {
        width: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .navbar-nav .menu-item {
        padding-right: 0 !important
    }

    .block_with_bg_title.block_title.block_text_clear {
        font-size: 38px !important
    }

    .benefits {
        width: 100% !important;
        margin-top: -20px !important;
        text-align: left;
        padding-left: 28% !important
    }

    .block_text_paragraph_highlighted>p>a {
        font-size: 15px !important
    }

    .block_with_bg_back2 {
        height: 200px
    }
}

@media screen and (max-width:785px) {
    .site-navigation-inner {
        padding: 0 !important
    }

    .block_with_bg_title.block_title.block_text_clear {
        font-size: 36px !important;
        margin-bottom: 86px !important
    }
}

@media screen and (max-width:768px) {
    .navbar-header {
        width: 48px !important;
        margin: 10px auto !important
    }

    .navbar-nav {
        width: 95.3% !important;
        float: left !important
    }

    #logo {
        margin: 10px !important
    }

    .site-navigation-inner {
        padding: 0 !important
    }

    .container.main-content-area {
        width: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .navbar-nav .menu-item {
        padding-right: 0 !important
    }

    .block_title,
    .block_with_bg_subtitle,
    .block_with_bg_title {
        color: #fff !important
    }

    .block_with_bg_title.block_title.block_text_clear {
        font-size: 37px !important
    }

    .block_with_bg_front_text>h1 {
        margin: 0
    }

    .block_button.block_button,
    .btn-default {
        padding-top: 3px !important;
        padding-bottom: 3px !important
    }

    .block_button {
        width: auto !important
    }

    .block_button,
    .btn-default {
        line-height: 48px !important
    }

    .block_interior_with_bg_button {
        margin-top: 20px;
        width: auto !important
    }

    #menu-new-menu-de>li>.dropdown-menu,
    #menu-new-menu-es>li>.dropdown-menu,
    #menu-new-menu-it>li>.dropdown-menu,
    #menu-new-menu-pt-br>li>.dropdown-menu,
    #menu-new-menu-tr>li>.dropdown-menu,
    #menu-new-menu>li>.dropdown-menu {
        top: 80%;
        box-shadow: 0 1px 4px rgba(0, 0, 0, .25)
    }

    #menu-new-menu-de>li>.dropdown-menu>li>a,
    #menu-new-menu-es>li>.dropdown-menu>li>a,
    #menu-new-menu-it>li>.dropdown-menu>li>a,
    #menu-new-menu-pt-br>li>.dropdown-menu>li>a,
    #menu-new-menu-tr>li>.dropdown-menu>li>a,
    #menu-new-menu>li>.dropdown-menu>li>a {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .block_with_bg_front {
        height: 300px !important;
        padding: 20px !important;
        /*! display: flex !important; */
        align-content: center !important;
        justify-content: center !important;
        float: left;
        color: #4a4a4a
    }

    .block_with_bg_front_text {
        align-self: center !important
    }

    .block_two_columns .block_column_1,
    .block_two_columns .block_column_2 {
        width: 49% !important
    }

    .benefits {
        max-width: 100% !important;
        margin-top: -20px !important;
        text-align: left
    }

    .block_text_paragraph_highlighted>p>a {
        font-size: 14px !important
    }
}

@media screen and (max-width:767px) {
    .navbar-toggle {
        display: none
    }

    .navbar-header {
        float: left
    }

    .navbar-nav {
        width: auto !important;
        float: none !important
    }

    .navbar-collapse.navbar-ex1-collapse.collapse.in {
        padding-right: 0
    }

    #logo {
        margin: 10px !important
    }

    .site-navigation-inner {
        padding: 0 !important
    }

    .block_lang_selector {
        visibility: hidden
    }

    .block_with_bg_title.block_title.block_text_clear {
        margin-bottom: 30px !important
    }

    .navbar-nav>#menu-item-11257,
    .navbar-nav>#menu-item-11569,
    .navbar-nav>#menu-item-11884,
    .navbar-nav>#menu-item-12209,
    .navbar-nav>#menu-item-13394,
    .navbar-nav>#menu-item-14293,
    .navbar-nav>#menu-item-5474 {
        padding-top: 10px !important;
        margin-right: 10px !important
    }
}

@media screen and (max-width:728px) {

    #menu-new-menu-de>li>.dropdown-menu,
    #menu-new-menu-es>li>.dropdown-menu,
    #menu-new-menu-pt-br>li>.dropdown-menu,
    #menu-new-menu>li>.dropdown-menu {
        position: absolute;
        float: none
    }

    #menu-new-menu-de>li>a,
    #menu-new-menu-es>li>a,
    #menu-new-menu-pt-br>li>a,
    #menu-new-menu>li>a {
        font-size: 16px !important;
        padding-right: 20px !important
    }

    .block_with_bg_title.block_title.block_text_clear {
        font-size: 32px !important;
        margin-bottom: 46px !important
    }
}

@media screen and (max-width:716px) {

    #menu-new-menu-de>li>.dropdown-menu,
    #menu-new-menu-es>li>.dropdown-menu,
    #menu-new-menu-pt-br>li>.dropdown-menu,
    #menu-new-menu>li>.dropdown-menu {
        position: absolute;
        float: none
    }

    #menu-new-menu-de>li>a,
    #menu-new-menu-es>li>a,
    #menu-new-menu-pt-br>li>a,
    #menu-new-menu>li>a {
        font-size: 14px !important;
        padding-right: 20px !important
    }

    .block_with_bg_title.block_title.block_text_clear {
        font-size: 32px !important;
        margin-bottom: 46px !important
    }
}

@media screen and (max-width:600px) {

    #menu-new-menu-de>li>a,
    #menu-new-menu-es>li>a,
    #menu-new-menu-pt-br>li>a,
    #menu-new-menu>li>a {
        font-size: 14px !important;
        padding-right: 8px !important
    }

    .block_with_bg_back2 {
        height: 300px
    }
}

@media screen and (max-width:411px) {

    #menu-new-menu-de>li>.dropdown-menu,
    #menu-new-menu-es>li>.dropdown-menu,
    #menu-new-menu-pt-br>li>.dropdown-menu,
    #menu-new-menu>li>.dropdown-menu {
        position: static;
        float: none
    }

    #libreoffice-from-collabora-banner {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        display: flex !important;
        justify-self: center !important;
        flex-direction: column !important;
        text-align: center !important
    }

    #libreoffice-from-collabora-banner h1 {
        margin-top: 0 !important
    }

    #menu-new-menu-de>li>a,
    #menu-new-menu-es>li>a,
    #menu-new-menu-pt-br>li>a,
    #menu-new-menu>li>a {
        padding-right: 40px !important
    }

    #menu-new-menu-de>li:last-of-type,
    #menu-new-menu-es>li:last-of-type,
    #menu-new-menu-pt-br>li:last-of-type,
    #menu-new-menu>li:last-of-type {
        float: left !important
    }

    .navbar-toggle {
        display: block !important;
        margin: 10px !important;
        float: left !important
    }

    .navbar-header {
        margin-left: 8px !important;
        margin-right: 12px !important;
        float: left !important;
        width: 100% !important
    }

    .navbar-nav>li {
        float: none !important
    }

    #logo {
        float: right !important
    }

    .navbar-nav>#menu-item-11257,
    .navbar-nav>#menu-item-11569,
    .navbar-nav>#menu-item-11884,
    .navbar-nav>#menu-item-12209,
    .navbar-nav>#menu-item-13151,
    .navbar-nav>#menu-item-13394,
    .navbar-nav>#menu-item-14293,
    .navbar-nav>#menu-item-5474 {
        float: none !important
    }

    .navbar-nav {
        width: 100% !important
    }

    #menu-item-5474>a:first-child {
        /*! padding: 0px !important; */
        width: 100% !important;
        text-align: center !important
    }

    .block_with_bg>.block_with_bg_front {
        width: 100% !important
    }

    .block_with_bg_front {
        padding-top: 80px !important
    }

    .block_with_bg_title.block_title.block_text_clear {
        margin-bottom: 0 !important
    }

    .block_button.block_button_brand_color.block_text_clear,
    .block_button.block_button_clear.block_text_brand_color.animated-glow,
    .btn-default {
        font-size: 12px !important
    }

    .block_interior_grey_reduced_top_padding,
    .block_interior_purple_reduced_top_padding,
    .block_interior_white_reduced_top_padding {
        padding-left: 4% !important;
        padding-right: 4% !important
    }

    .pricing-card h4 {
        width: 70%
    }

    .pricing-card .block_button {
        width: 100% !important
    }

    .block_text_paragraph_highlighted>h1 {
        font-size: 16px
    }

    .block_text_paragraph_highlighted>p {
        font-size: 13px !important
    }

    .benefits {
        padding-left: 0 !important
    }

    .block_interior_white>h1 {
        margin-top: 60px
    }

    .block_interior_with_bg_button {
        padding: 20px 0 !important
    }

    #menu-item-5472>ul {
        right: 0 !important;
        left: auto
    }

    #post-3999 .partner_portal_login_form {
        width: auto !important
    }

    .faq-section>label {
        height: auto !important
    }

    .wp-image-3453 {
        height: 356px;
        object-fit: cover;
        object-position: center
    }

    .main-content-area {
        padding-top: 50px
    }

    .subscribe-box {
        left: 0 !important
    }
}

@media screen and (max-width:375px) {
    .footer-inner {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .footer-widget-area>div {
        margin-left: 8% !important
    }

    .site-info {
        padding: 0 !important
    }

    .site-info .copyright {
        padding: 0 8% !important
    }

    .block_interior_white>h1,
    .block_with_bg h1:first-child {
        margin-top: 0 !important
    }

    .wp-image-2573 {
        padding-top: 0 !important;
        background-color: #22174b
    }

    #footer-area .footer-widget-area {
        padding-left: 0 !important
    }

    #nav_menu-2,
    #nav_menu-3 {
        padding-left: 15px
    }

    .dropdown-menu {
        font-size: 12px !important
    }

    #menu-new-menu-de>li>a,
    #menu-new-menu-es>li>a,
    #menu-new-menu-pt-br>li>a,
    #menu-new-menu>li>a {
        padding-right: 24px !important;
        padding-left: 0 !important
    }

    #masthead {
        padding: 0;
        position: relative !important
    }

    #page .main-content-area {
        margin-top: 0 !important
    }

    #content>.container {
        padding: 0
    }

    #menu-new-menu-de>#menu-item-11569,
    #menu-new-menu-es>#menu-item-11257,
    #menu-new-menu-fr>#menu-item-12209,
    #menu-new-menu-it>#menu-item-13151,
    #menu-new-menu-pt-br>#menu-item-13394,
    #menu-new-menu-tr>#menu-item-14293,
    #menu-new-menu-zh-tw>#menu-item-11884,
    #menu-new-menu>#menu-item-5474 {
        padding: 10px 0;
        width: 80px;
        float: right !important;
        margin-right: 36px !important
    }

    #menu-new-menu-de>#menu-item-11569>a,
    #menu-new-menu-es>#menu-item-11257>a,
    #menu-new-menu-fr>#menu-item-12209>a,
    #menu-new-menu-it>#menu-item-13151>a,
    #menu-new-menu-pt-br>#menu-item-13394>a,
    #menu-new-menu-tr>#menu-item-14293>a,
    #menu-new-menu-zh-tw>#menu-item-11884>a,
    #menu-new-menu>#menu-item-5474>a {
        padding-right: 1.2em !important;
        padding-bottom: 10px !important;
        padding-top: 10px !important
    }

    #footer-area {
        overflow-x: auto
    }

    .navbar-default .navbar-nav>#menu-item-14293>a,
    .navbar-nav>#menu-item-11257>a,
    .navbar-nav>#menu-item-11569>a,
    .navbar-nav>#menu-item-11884>a,
    .navbar-nav>#menu-item-12209>a,
    .navbar-nav>#menu-item-13151>a,
    .navbar-nav>#menu-item-13394>a,
    .navbar-nav>#menu-item-5474>a {
        float: left;
        padding: 0 !important;
        display: block
    }

    .block_with_bg_front {
        width: auto !important;
        display: block !important
    }

    .block_with_bg_front_text>h1 {
        margin-top: 100px !important
    }

    .block_with_bg_subtitle.block_subtitle.block_text_clear {
        color: #474187 !important
    }
}

.footer-widget-area>div:first-child,
.footer-widget-area>div:last-child {
    padding-left: 0 !important
}

#nav_menu-2 {
    width: 54% !important
}

#nav_menu-3 {
    width: 46% !important
}

#mailpoet_form_1 .mailpoet_text,
#mailpoet_form_1 .mailpoet_textarea {
    width: 100% !important
}

.mailpoet_text {
    border: 1px solid #e8e8e8 !important
}

.footer-widget .mailpoet_form {
    padding: 0
}

.footer-widget .mailpoet_form .mailpoet_submit {
    min-height: 32px;
    background-color: #fff !important;
    padding: 0 14px !important;
    box-sizing: border-box;
    border-radius: 3px !important;
    color: #5c2983 !important;
    width: auto !important;
    margin: 6px 0 !important
}

.footer-widget .mailpoet_form input[type=email] {
    color: #fff
}

.footer-widget .mailpoet_form form {
    padding: 0 !important
}

.footer-widget .mailpoet_message p {
    text-align: left !important;
    width: 100%
}

.current-menu-parent {
    text-decoration-color: #5c2983;
    border-bottom: 2px solid var(--mypurple)
}

.navbar.navbar-default {
    border-radius: 10px 10px 0 0
}

.block_button {
    border-radius: 3px !important;
    line-height: 2
}

.block_button.block_button {
    padding: 3px 20px
}

.block_button.block_button_brand_color.block_text_clear {
    box-shadow: 0 1px 4px 2px #0000001a;
    background-color: #5c2983;
    border: .5px inset;
    color: #fff
}

.block_button.block_button_brand_color.block_text_clear:hover {
    color: #5c2983;
    background-color: #fff;
    box-shadow: 0 1px 4px 2px #5c29831a;
    border: .5px inset #5c2983
}

.block_button.block_button_green_color.block_text_clear {
    box-shadow: 0 1px 4px 2px #0000001a;
    background-color: #40ba2f;
    border: .5px inset;
    color: #fff
}

.block_button.block_button_green_color.block_text_clear:hover {
    color: #40ba2f;
    background-color: #fff;
    box-shadow: 0 1px 4px 2px #5c29831a;
    border: .5px inset #40ba2f
}

.block_button.block_button_red_color.block_text_clear {
    box-shadow: 0 1px 4px 2px #0000001a;
    background-color: #b72333;
    border: .5px inset;
    color: #fff
}

.block_button.block_button_red_color.block_text_clear:hover {
    color: #b72333;
    background-color: #fff;
    box-shadow: 0 1px 4px 2px #5c29831a;
    border: .5px inset #b72333
}

#masthead {
    background-color: #fff;
    padding-top: 10px;
    left: 0;
    margin: 0 auto;
    position: fixed;
    right: 0;
    z-index: 2002
}

#footer-area .widgettitle,
.footer-widget .widget_nav_menu h3 {
    color: #e0e1ff !important;
    font-family: CarlitoRegular, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.25;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 0 14px
}

#footer-area a {
    color: #fafafa
}

#footer-area .widget ul li a:hover {
    text-decoration-color: white;
    color: #fff
}

#footer-area .widget ul li a {
    text-decoration: underline solid #3D3A6B;
    padding-bottom: 10px
}

#footer-area .footer-widget-area {
    background-color: #5c2983 !important;
    padding: 42px 8% 0
}

div.copyright {
    border-bottom-width: 2px !important;
    background: #5c2983 !important
}

.block_news {
    border-right: 1px solid #47427a !important
}

.block_event_title h2 a,
.block_news_item h2 a,
.block_news_title h2 a {
    color: var(--mypurple)
}

.post-inner-content>.entry-content a,
article>.entry-content>p>a {
    color: #5c2983
}

.navbar-default .navbar-nav>li>a:hover {
    color: var(--mypurple) !important;
    text-decoration: underline
}

.navbar-nav>.menu-item:last-child {
    padding-top: 18px;
    float: right !important
}

.navbar-nav>.menu-item:last-child>a {
    background-color: var(--mypurple) !important;
    border-radius: 3px !important;
    font-weight: 400 !important;
    box-shadow: 0 0 4px 0 #6544d432 !important;
    border: 1px solid var(--mypurple) !important;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #fff !important
}

.navbar-nav>.menu-item:last-child>a:hover {
    color: #fff !important
}

.navbar-nav>#menu-item-11257>a:hover,
.navbar-nav>#menu-item-11569>a:hover,
.navbar-nav>#menu-item-11884>a:hover,
.navbar-nav>#menu-item-12209>a:hover,
.navbar-nav>#menu-item-13151>a:hover,
.navbar-nav>#menu-item-13394>a:hover,
.navbar-nav>#menu-item-14293>a:hover,
.navbar-nav>#menu-item-5474>a:hover {
    background-color: var(--mypurple) !important;
    color: #fff !important;
    text-decoration: none
}

.navbar-nav>li {
    float: left
}

.navbar-nav>li:hover {
    background: 0 0 !important
}

.navbar-header {
    width: 72px
}

.navbar-nav {
    float: none !important
}

#logo {
    width: 38px !important;
    float: left
}

input[type=password] {
    border: 1px solid var(--mypurple) !important;
    background: #5c3de203 !important;
    height: 33px !important
}

#searchsubmit {
    font-size: 19px
}

.restrict .gallery-item,
.style-svg+p {
    display: none
}

.restrict .gallery-item:first-child {
    display: block
}

.wp-caption {
    padding: 0 0 4px;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, .15);
    border-radius: 4px
}

.circle-img-caption {
    border-radius: 130px;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, .15);
    border: 1px solid #ccc
}

.wp-caption img {
    margin: 0 !important;
    width: 100%
}

.wp-caption>.wpls-logo-showcase {
    padding: 0 !important
}

.text-footnote,
.text-footnote * {
    color: #696969
}

.text-author {
    font-size: 14px;
    border-radius: 2px;
    font-weight: 700
}

.text-footnote ul {
    padding-left: 0
}

.side-note {
    padding: 8px !important;
    border-radius: 3px;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .04);
    border-left: 1px dashed #5c2983ad;
    border-right: 1px dashed #5c2983ad;
    max-width: 100%;
    margin-bottom: 1.5em;
    background: #fafbff;
    color: #38257a
}

.margin-auto {
    margin: auto
}

.side-note-large {
    background-color: #f0f8ff;
    font-weight: 400 !important
}

.side-note-large h3 {
    font-weight: 400 !important
}

.button-note {
    font-size: small;
    float: none;
    clear: both
}

.btn-default {
    color: #fff !important;
    text-transform: none;
    box-shadow: 0 1px 4px 2px #0000001a;
    background-color: #5c2983 !important;
    border: .5px inset !important
}

.btn-default:hover {
    color: #5c2983 !important;
    background-color: #fff !important;
    box-shadow: 0 1px 4px 2px #5c29831a;
    border: .5px inset #5c2983 !important
}

.faq-section-full-width,
.faq-section-full-width * {
    cursor: pointer
}

.faq-section-full-width {
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    background-color: #fff;
    border: 1px solid #5c2983;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.faq-section-full-width input {
    position: absolute;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
    display: none;
    margin: 0;
    width: 100%;
    height: 36px
}

.faq-section-full-width label {
    font-size: 1.125em;
    color: #5c2983;
    background: #fff;
    display: block;
    position: relative;
    min-height: 40px;
    height: auto;
    padding: 5px 10px;
    font-weight: 700;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    transition: .15s ease-out;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 14px
}

.faq-section-full-width .table-responsive,
.faq-section-full-width p,
.faq-section-full-width ul {
    display: none
}

.faq-section-full-width label+p,
.faq-section-full-width label+ul {
    display: block;
    color: #fff;
    font-size: .85em;
    transition: .15s ease-out;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.faq-section-full-width input[type=checkbox]:checked~.table-responsive,
.faq-section-full-width input[type=checkbox]:checked~p,
.faq-section-full-width input[type=checkbox]:checked~ul {
    cursor: default;
    display: block;
    color: #000;
    font-size: .95em;
    text-overflow: clip;
    white-space: normal;
    overflow: visible;
    margin-left: 1%;
    margin-right: 1%
}

.faq-section-full-width input[type=checkbox]:checked~label::before {
    border: 6px solid transparent;
    border-top-color: inherit;
    margin-top: -3px;
    right: 10px
}

.faq-section-full-width label::before {
    content: '';
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -6px;
    border: 6px solid transparent;
    border-left-color: inherit
}

.center-cropped {
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat
}

body {
    background: #fff
}

.entry-content,
body {
    font-family: CarlitoRegular, Carlito, sans-serif;
    color: #4a4a4a
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: MontserratBold, Montserrat, sans-serif;
    color: #4a4a4a
}

.site-main {
    border: none;
    padding: 0 !important;
    margin-top: 1em
}

.well_code {
    padding: 6px 10px
}

.panel-default>.panel-heading {
    margin: 0;
    padding: 2% 10% 2% 2%;
    background: #fff
}

.panel {
    float: left;
    margin-top: 20px
}

.cookie-notice-container {
    border-top: 1px solid #dadada;
    padding: 1px 10px
}

.h2,
h2 {
    font-size: 1.4em
}

.main-content-inner a,
.main-content-inner a:hover {
    text-decoration: underline
}

.entry-title a,
.grid-items .element.element_1.title_link a,
a.btn,
a.btn-default,
a.btn-default:hover,
a.btn:hover {
    text-decoration: none
}

.entry-title a:hover {
    color: #444
}

.home .site-main .page-header {
    display: none
}

.entry-content {
    margin-top: 0;
    font-size: 16px !important
}

.navbar-nav .menu-item:hover {
    background: #f2f2f2
}

.carousel-indicators {
    bottom: 6px
}

.btn-default {
    border: none;
    border-radius: 2px;
    font-family: MontserratBold, Montserrat, sans-serif;
    font-size: 22px;
    font-weight: 700;
    padding: 3px 12px;
    text-align: center;
    text-decoration: none;
    text-shadow: unset;
    width: 100%
}

.btn.btn-default {
    color: #fff;
    text-transform: none box-shadow: 0px 1px 4px 2px #0000001a;
    background-color: #5c2983;
    border: .5px inset
}

.panel-heading {
    padding: 0
}

.list-group-item h3 {
    padding: 0;
    margin: 0;
    color: #fff
}

.list-group li {
    background-color: #e6e6e6
}

.list-group-item:first-child {
    background: #5c3dcc
}

.list-group li:nth-child(2n) {
    background-color: #fff
}

.form-well {
    border-radius: 3px;
    padding: 9px;
    background: #f2f2f2;
    font-weight: 700;
    text-align: left;
    line-height: 1.9em
}

.form-well .btn-default {
    background-color: #5c2983;
    border: none;
    border-radius: 2px;
    font-family: MontserratBold, Montserrat, sans-serif;
    font-size: 22px;
    font-weight: 700;
    padding: 3px 12px;
    text-align: center;
    text-decoration: none;
    text-shadow: unset;
    width: 100%
}

.form-well h2 {
    margin-bottom: 16px;
    margin-top: 11px
}

.form-well-demo {
    border-radius: 3px;
    padding: 9px;
    background: #dff2d7;
    font-weight: 700;
    text-align: left;
    line-height: 1.9em
}

.form-well-demo .btn-default {
    background-color: #5c2983;
    border: none;
    border-radius: 2px;
    font-family: MontserratBold, Montserrat, sans-serif;
    font-size: 22px;
    font-weight: 700;
    padding: 3px 12px;
    text-align: center;
    text-decoration: none;
    text-shadow: unset;
    width: 100%
}

.form-well-demo .btn-default:hover {
    background-color: #256e00;
    border: #256e00
}

.form-well-demo h2 {
    margin-bottom: 16px;
    margin-top: 11px
}

.mauticform-row {
    background-color: #fff;
    position: relative;
    float: left;
    width: 100%
}

.mauticform_wrapper br {
    line-height: 0;
    margin: 0;
    padding: 0;
    display: none
}

.mauticform_wrapper p {
    margin: 0;
    padding: 0
}

.mauticform-selectbox {
    padding: 1px 0 5px 3px
}

.mauticform-row.border {
    border: 1px solid #f2f2f2 !important
}

.mauticform-row.focus {
    background-color: #fff;
    box-shadow: 0 0 1px 1px #555 inset
}

.mauticform-label {
    color: #333;
    display: block;
    font-size: .9em;
    margin: 0;
    padding: 2px 7px 0;
    text-align: left
}

.no-editable,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=file],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
    background-color: transparent;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    box-sizing: border-box;
    color: #666;
    display: block;
    font-size: 1em;
    font-weight: 700;
    margin: 0;
    padding: 0 3px;
    width: 100%
}

.mauticform-errormsg {
    color: #d94426;
    font-size: .8em;
    margin: 0;
    position: absolute;
    right: 5px;
    top: 2px
}

.mauticform-row.mauticform-button-wrapper {
    background-color: transparent;
    border-top: none;
    position: relative;
    margin: 4px 0
}

.form_two_fields_one_line {
    content: " ";
    display: table;
    position: relative;
    width: 100%
}

.form_two_fields_one_line .mauticform-row {
    width: 50%;
    float: left;
    border-left: 2px solid #f2f2f2
}

.form_two_fields_one_line .mauticform-row:first-child {
    border-left: none
}

.mauticform-button {
    margin: auto;
    font-size: 16px !important
}

.circle {
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    width: 100%;
    position: relative
}

.panel.circle {
    border-radius: 50%;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.panel.circle.circle-content {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.partner {
    margin-bottom: 2em
}

.partner-img {
    border: 1px solid #ccc;
    border-radius: 3px;
    display: table-cell;
    height: 200px;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    width: 30%
}

.partner-name {
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin: 10px 0;
    text-align: left
}

.partner-description {
    display: block;
    font-size: 12px;
    overflow: auto
}

.partner-country,
.partner-email {
    display: block;
    font-size: 12px
}

.comment-form-comment {
    background: #fff;
    border: 1px solid #dadada
}

.whitepaper-well-text {
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1.1em;
    padding: 5px 0 0;
    font-style: italic
}

.table_online_editor_line {
    background: #785cd4;
    border-right: #fff;
    color: #fff
}

.table_desktop_editor_line {
    background: #785cd4;
    color: #fff
}

.circle-content {
    line-height: 1.25;
    padding: 3.6em .6em 0;
    text-align: center;
    margin-bottom: .625rem;
    color: #fff;
    font-size: 1.6em;
    float: left;
    font-weight: 700
}

.form-well-cool {
    border-radius: 3px;
    padding: 9px;
    background: #cccfd1;
    font-weight: 700;
    text-align: left;
    line-height: 1.9em
}

.form-well-cool .mauticform-row {
    background-color: #fcfcfc;
    border-top: 2px solid #f2f2f2
}

.form-well-cool .btn-default {
    background-color: #5c2983;
    font-weight: 700;
    text-shadow: unset;
    border-radius: 2px;
    border: none;
    font-family: MontserratBold, Montserrat, sans-serif;
    font-size: 22px;
    padding: 3px 12px;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.form-well-cool .btn-default:hover {
    background-color: #321b81
}

.form-well-cool h2 {
    margin-bottom: 12px;
    margin-top: 9px;
    color: #444;
    font-size: 2em;
    text-align: center
}

.leaflet-popup-content {
    float: left
}

.navbar {
    background-color: #fff
}

.main-content-area {
    margin-top: 81px !important
}

.single-post .main-content-area {
    background: #fff;
    width: 1370px
}

.btn-default,
.label-default,
.site-header a {
    transition: none
}

.block_lang_selector {
    visibility: hidden;
    background: url("https://www.collaboraoffice.com/wp-content/uploads/2016/12/carret.png") 90% 50% no-repeat #fafafa;
    border: 1px solid #ccc;
    border-radius: 12px;
    float: right;
    margin: 16px 48px 0 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 120px;
    z-index: 2001
}

.navbar-default .navbar-nav>li>a {
    font-family: CarlitoRegular, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.44;
    color: #5c3de2;
    text-transform: none !important
}

.main-content-area {
    margin: 0 auto
}

.site-header {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.dropdown-menu {
    border: none;
    border-radius: 0;
    box-shadow: none
}

.site-header #logo {
    width: 252px;
    margin: 10px 15px 15px
}

.navbar .container {
    width: auto
}

.navbar-nav .menu-item {
    padding: 10px 0
}

.navbar-nav .menu-item .menu-item {
    padding: 0
}

.navbar-nav .menu-item .menu-item a {
    padding: 15px;
    margin: auto;
    width: 100%
}

.navbar-nav .menu-item .menu-item a:hover {
    background: #fff
}

.navbar-nav>li:last-child a {
    font-weight: 700
}

.caret {
    border: none;
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
    background: url("https://www.collaboraoffice.com/wp-content/uploads/2016/12/carret.png") rgba(0, 0, 0, 0);
    width: 13px;
    height: 8px
}

.block_with_bg {
    width: 100%;
    position: relative;
    float: left
}

.block_with_bg_back {
    width: 100%;
    position: relative
}

.block_with_bg_front {
    width: 57%;
    padding: 0 0 0 8%;
    position: absolute;
    top: 0;
    color: #fff
}

.block_with_bg_front_full_width {
    width: 100%;
    padding: 7% 8% 0;
    text-align: center
}

.block_with_bg_front_full_width .block_three_columns {
    padding: 3% 0 0
}

.block_with_bg_front_full_width .block_column_2 {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff
}

.block_with_bg_front_full_width .block_three_columns .block_column_1,
.block_with_bg_front_full_width .block_three_columns .block_column_2,
.block_with_bg_front_full_width .block_three_columns .block_column_3 {
    padding: 0 3%
}

.block_subtitle,
.block_with_bg_subtitle,
.block_with_bg_title {
    float: left;
    width: 100%
}

.block_events {
    width: 30%;
    float: left;
    padding: 0 0 0 4%
}

.block_news {
    width: 70%;
    float: left
}

.block_event_header,
.block_news_header {
    width: 100%;
    padding: 0
}

.block_event_header h1 a,
.block_news_header h1 a {
    font-size: 20px;
    font-weight: 700;
    color: #333;
    text-decoration: none;
    text-transform: uppercase
}

.block_event_items,
.block_news_items {
    float: left;
    width: 100%
}

.block_news_item {
    float: left;
    padding: 0 3% 0 0;
    width: 31%
}

.block_event_item {
    width: 100%;
    float: left
}

.block_event_title h2 a {
    font-size: 20px
}

.block_news_title h2 a {
    font-size: 18px
}

.block_event_title h2 a,
.block_news_title h2 a {
    font-family: CarlitoRegular, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    color: var(--mypurple);
    text-decoration: none
}

.block_event_title p,
.block_news_title p {
    font-family: CarlitoRegular, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.43;
    text-align: left;
    color: #4a4a4a
}

.bar_text,
.bar_title {
    width: 100%;
    float: left
}

.bar_text p {
    font-family: CarlitoRegular, Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 1.44;
    color: #4a4a4a
}

.bar_logos_slider {
    padding: 30px 0 0
}

.bar_text_center {
    text-align: center;
    width: 100%;
    float: left
}

.bar_text_center_images {
    margin: 0 auto;
    width: 100%;
    padding: 10px 0
}

.bar_text_center_images img {
    margin: 0 2% 10px
}

.bar_extra_top_padding {
    padding-top: 6% !important
}

#footer-area .footer-widget {
    padding-right: 0
}

.footer-widget .widget_nav_menu {
    width: 50%;
    float: left
}

#nav_menu-4 {
    width: 28%
}

#nav_menu-5 {
    width: 72%
}

.footer-widget .widget_nav_menu h3 {
    font-family: CarlitoRegular, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.25;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 0 14px
}

.widget ul li {
    margin: 4px 0
}

#footer-area ul li {
    border-bottom: none
}

#footer-area .btn-default {
    background-color: #f3f3f3;
    border-color: #fff;
    border-radius: 0 6px 6px 0;
    box-shadow: none;
    color: #777;
    font-family: CarlitoRegular, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding: 5px 8px 6px;
    text-shadow: none;
    width: auto
}

#colophon {
    padding: 0;
    width: 100%;
    border-top: none;
    background-color: #fff
}

.footer-inner,
.site-info {
    padding: 0 30px
}

.footer-inner {
    position: relative;
    z-index: 100
}

.site-info .col-md-6 {
    display: none
}

div.copyright {
    width: 100%;
    display: block !important;
    border-bottom: 8px solid #5c2983;
    margin: 0;
    text-align: center;
    padding: 20px 0
}

.block_interior_grey,
.block_interior_purple,
.block_interior_red,
.block_interior_white {
    padding: 2% 7%;
    position: relative;
    width: 100%;
    float: left;
    z-index: 1001
}

.block_interior_red {
    background-color: #b72333
}

.block_interior_grey {
    background: #f3f3f3
}

.block_interior_white {
    background: #fff
}

.block_interior_purple {
    background: #5c2983;
    color: #fff
}

.block_interior_grey_reduced_top_padding,
.block_interior_purple_reduced_top_padding,
.block_interior_white_reduced_top_padding {
    padding-top: 1%
}

.block_interior_grey_reduced_bottom_padding,
.block_interior_purple_reduced_bottom_padding,
.block_interior_white_reduced_bottom_padding {
    padding-bottom: 1%
}

.block_interior_with_bg {
    width: 100%;
    position: relative;
    float: left;
    margin: 3% 0 6px
}

.block_interior_no_padding_top {
    padding-top: 0
}

.block_interior_no_padding_bottom {
    padding-bottom: 0
}

.block_interior_with_bg_back {
    width: 100%;
    position: absolute;
    overflow: hidden
}

.block_interior_with_bg_front {
    width: 67%;
    padding: 6% 8% 0;
    position: relative;
    top: 0;
    float: left
}

.block_interior_with_bg_front_narrow_column {
    width: 73%;
    padding: 0
}

.block_interior_title,
.block_interior_with_bg_title {
    float: left;
    width: 100%
}

.block_interior_title_2,
.block_interior_with_bg_title_2 {
    float: left;
    width: 100%;
    margin: 10px 0 0
}

.block_interior_button,
.block_interior_with_bg_button {
    float: left;
    position: relative;
    padding: 42px 0 6px
}

.img_half_visible {
    position: relative;
    right: -43%;
    width: 57%;
    margin: 4% 0 0
}

.form_popup h1 {
    padding: 0 0 8px
}

.block_text_clear,
a.block_text_clear:hover {
    color: #fff
}

.block_text_dark {
    color: #4a4a4a
}

.block_title {
    font-family: MontserratBold, Montserrat, sans-serif;
    font-size: 55px;
    font-weight: 700
}

.block_title_2 {
    font-family: MontserratBold, Montserrat, sans-serif;
    font-size: 30px;
    line-height: 1.33;
    font-weight: 700
}

.block_subtitle {
    font-family: MontserratBold, Montserrat, sans-serif;
    font-size: 22px;
    line-height: 1.33;
    font-weight: 400
}

.block_link_medium {
    font-family: MontserratBold, Montserrat, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.83;
    text-decoration: none
}

.block_title_paragraph {
    font-family: MontserratBold, Montserrat, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.33
}

.block_text_paragraph {
    float: left;
    padding: 12px 0 0;
    width: 100%
}

.block_text_paragraph,
.block_text_paragraph p {
    font-family: CarlitoRegular, Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 1.44;
    font-weight: 400
}

.block_text_paragraph,
.block_text_paragraph p em,
.block_text_paragraph p i {
    font-family: CarlitoItalic, Arial, Helvetica, sans-serif
}

.block_text_paragraph_highlighted {
    float: left;
    width: 100%;
    padding-top: 0
}

.block_text_vertical_highlighted_list {
    padding: 1% 0 !important
}

.block_text_paragraph_highlighted,
.block_text_paragraph_highlighted p {
    font-family: CarlitoRegular, Arial, Helvetica, sans-serif;
    font-size: 22px;
    line-height: 1.33;
    font-weight: 400
}

.block_text_paragraph_highlighted,
.block_text_paragraph_highlighted p b,
.block_text_paragraph_highlighted p strong {
    font-family: CarlitoBold, Arial, Helvetica, sans-serif
}

.block_text_paragraph_highlighted,
.block_text_paragraph_highlighted p em,
.block_text_paragraph_highlighted p i {
    font-family: CarlitoItalic, Arial, Helvetica, sans-serif
}

.block_interior_white a,
.block_text_paragraph a,
.block_text_paragraph_highlighted a,
.block_text_paragraph_title a,
.block_text_paragraph_title_big a {
    color: #5c3de2;
    text-decoration: none
}

.block_text_paragraph_title {
    float: left;
    padding: 35px 0 0;
    width: 100%
}

.block_interior_grey .block_text_paragraph_title,
.block_interior_white .block_text_paragraph_title {
    padding: 0
}

.block_text_paragraph_title,
.block_text_paragraph_title p {
    font-family: CarlitoRegular, Arial, Helvetica, sans-serif;
    font-size: 22px;
    line-height: 1.33;
    font-weight: 400
}

.block_text_paragraph_title_big,
.block_text_paragraph_title_big h1,
.block_text_paragraph_title_big h2,
.block_text_paragraph_title_big h3,
.block_text_paragraph_title_big p {
    font-family: CarlitoRegular, Arial, Helvetica, sans-serif;
    font-size: 24px;
    line-height: 1.33;
    font-weight: 700
}

.block_text_paragraph p {
    font-family: CarlitoRegular, Arial, Helvetica, sans-serif
}

.block_text_paragraph p b,
.block_text_paragraph p strong {
    font-family: CarlitoBold, Arial, Helvetica, sans-serif
}

.block_button {
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    font-family: Montserrat, "liberation sans", sans;
    display: inline-block;
    padding: 3px 40px;
    text-decoration: none !important;
    border-bottom: 4px solid #ccc
}

.block_button_brand_color {
    background: #5c3de2
}

.block_three_columns,
.block_two_columns {
    position: relative;
    width: 100%;
    float: left
}

.block_two_columns .block_column_1,
.block_two_columns .block_column_2 {
    width: 49%;
    float: left
}

.block_two_columns .block_column_1_thin,
.block_two_columns .block_column_2_thin {
    width: 45%;
    float: left
}

.block_two_columns .block_column_1 {
    margin-right: 2%
}

.block_two_columns .block_column_1_thin {
    margin-right: 10%
}

.block_three_columns .block_column_1,
.block_three_columns .block_column_2,
.block_three_columns .block_column_3 {
    width: 32%;
    float: left;
    padding-bottom: 0 0 2%
}

.block_three_columns .block_column_1,
.block_three_columns .block_column_2 {
    padding-right: 2%
}

.block_interior_reduced_bottom_padding {
    padding-bottom: 0
}

.block-interior-table {
    width: 100%
}

.block-interior-table .table_header {
    background: #fff;
    text-align: center;
    vertical-align: bottom
}

.block-interior-table .table_header_first {
    text-align: left
}

.block-interior-table .table_header_first .block_interior_title_2 {
    margin: 10px 0
}

.block-interior-table .feature_row,
.block-interior-table .table_desktop_editor_line,
.block-interior-table .table_online_editor_line {
    background: #f3f3f3
}

.block-interior-table td,
.block-interior-table th {
    border-bottom: 1px solid #e4e4e4;
    padding: 5px 0 5px 17px
}

.block-interior-table td.text-center {
    color: #9a9a9a;
    font-size: 14px
}

.block-interior-table button.osc_tooltip {
    background: rgba(0, 0, 0, 0);
    border-bottom: 1px dashed;
    border-radius: 0;
    border-top: 0;
    height: 20px;
    margin: 0;
    padding: 0;
    text-transform: none;
    font-size: 16px
}

.list_with_increased_paddings ul {
    padding: 0 0 12px 20px
}

.list_with_increased_paddings ul li {
    padding: 10px 0 0
}

pre {
    background-color: #f4f6f6;
    border: none;
    border-radius: 4px;
    color: #333;
    display: block;
    font-size: 13px;
    line-height: 1.42857;
    margin: 0 0 10px;
    padding: 2%
}

.text_light_with_shadow {
    color: #fff;
    text-shadow: 1px 1px 3px #000
}

.title_increased_size {
    display: inline-block;
    font-size: 34px;
    padding: 10px 0
}

.block_interior_with_bg_front_blue_overlay {
    background: url("https://www.collaboraoffice.com/wp-content/uploads/2017/02/patrner_map_overlay.png") right top no-repeat rgba(0, 0, 0, 0);
    opacity: .8;
    width: 50%
}

.post-grid {
    background: #f3f3f3 !important;
    padding: 0 !important
}

.post-grid .item {
    border: 1px solid #ced0d2
}

.post-grid .layer-media {
    border-bottom: 1px solid #5c2983
}

.post-grid .item .layer-media a {
    display: block;
    height: 145px;
    position: relative
}

.post-grid .item .layer-media img {
    border-radius: 0;
    bottom: 0;
    box-shadow: none;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    padding: 6px 7px 6px 5px;
    position: absolute;
    right: 0;
    top: 0;
    width: auto
}

.post-grid .item .post_date {
    font-family: CarlitoRegular, Arial, Helvetica, sans-serif;
    font-size: 18px !important;
    line-height: 1.44;
    color: #4a4a4a;
    padding: 16px 10px 0 !important;
    text-align: left
}

.post-grid .item .title_link {
    font-family: Montserrat, "liberation sans", sans-serif;
    font-size: 20px !important;
    color: #4a4a4a;
    padding: 16px 10px 0 !important;
    text-decoration: none;
    display: block;
    text-align: left
}

.post-grid .item .excerpt {
    font-family: CarlitoRegular, Arial, Helvetica, sans-serif;
    padding: 16px 10px 0 !important;
    font-size: 18px !important;
    line-height: 1.44;
    color: #4a4a4a
}

.post-grid .item .read_more {
    font-family: CarlitoRegular, Arial, Helvetica, sans-serif;
    font-size: 18px !important;
    line-height: 1.44;
    color: #4a4a4a;
    padding: 16px 10px 5px !important;
    text-decoration: none
}

.post-grid .item a:hover {
    text-decoration: underline !important
}

.block_interior_news_tabs {
    text-align: center
}

.news_tab_list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.news_tab_list li {
    display: inline
}

.news_tab_list li a,
.news_tab_list li span {
    font-family: CarlitoRegular, Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #4a4a4a;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0 .4%;
    padding: 0 .2%
}

.block_map_text {
    padding-bottom: 20px;
    color: #fff !important
}

.partner_portal_img_text {
    margin: 46px 0
}

.partner_portal_login_form {
    width: 50%;
    margin: 0 auto
}

@media (max-width:991px) {
    .site-header #logo {
        max-width: 76%
    }

    .single-post .main-content-area {
        width: auto;
        background: #ddd
    }

    .block_interior_with_bg_front_blue_overlay {
        width: 100%;
        background-color: #623fcc
    }

    .entry-content {
        font-size: 14px
    }

    .block_title,
    .title_increased_size {
        font-size: 20px
    }

    .block_title_2 {
        font-size: 18px
    }

    .block_subtitle {
        font-size: 14px
    }

    .block_link_big,
    .block_link_medium {
        font-size: 14px;
        line-height: 1.63
    }

    .block_lang_selector {
        margin: 3px 48px 0 0
    }

    .block_title_paragraph {
        font-size: 16px;
        line-height: 1.13
    }

    .block_news {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #5c2983
    }

    .block_events,
    .block_news_item {
        padding: 0;
        width: 100%
    }

    .block_event_title h2,
    .block_news_title h2 {
        margin: 0
    }

    .block_with_bg_back,
    .block_with_bg_back2 {
        display: none
    }

    .block_with_bg_front {
        width: auto;
        padding: 10px;
        position: relative;
        float: left;
        color: #4a4a4a
    }

    .block_subtitle,
    .block_title,
    .block_with_bg_subtitle,
    .block_with_bg_title {
        color: #4a4a4a !important
    }

    .block_button {
        font-size: 16px;
        padding: 3px 20px;
        float: left;
        width: 100%
    }

    .block_subtitle,
    .block_with_bg_subtitle {
        padding: 5px 0 0
    }

    #nav_menu-2,
    #nav_menu-3,
    #nav_menu-4,
    #nav_menu-5 {
        width: 100%
    }

    #logo img {
        width: 80%
    }

    .block_interior_with_bg_back {
        display: none
    }

    .block_interior_button a,
    .block_interior_with_bg_button a {
        width: 100%;
        float: left
    }

    .block_interior_button,
    .block_interior_with_bg_button {
        padding: 20px 0 2px;
        float: left;
        width: 100%
    }

    .block-interior-table button.osc_tooltip,
    .block_text_paragraph,
    .block_text_paragraph p {
        font-size: 14px;
        line-height: 1.44
    }

    .block_text_paragraph_highlighted,
    .block_text_paragraph_highlighted p {
        font-size: 16px;
        line-height: 1.33
    }

    .block_text_paragraph_title,
    .block_text_paragraph_title p {
        font-size: 14px;
        line-height: 1.33;
        width: 100%;
        padding: 10px 0 0
    }

    .block_text_paragraph_title_big,
    .block_text_paragraph_title_big h1,
    .block_text_paragraph_title_big h2,
    .block_text_paragraph_title_big h3,
    .block_text_paragraph_title_big p {
        font-size: 16px;
        line-height: 1.33
    }

    .block_interior_front,
    .block_interior_with_bg_front {
        float: left;
        padding: 4% 8% 0;
        position: relative;
        top: auto;
        width: 100%
    }

    .block_interior_with_bg_front_medium_narrow_column .block_interior_front_narrow_column,
    .block_interior_with_bg_front_narrow_column,
    .block_two_columns .block_column_1,
    .block_two_columns .block_column_1_thin,
    .block_two_columns .block_column_2,
    .block_two_columns .block_column_2_thin {
        width: 100%;
        padding: 0
    }

    .block_three_columns .block_column_1,
    .block_three_columns .block_column_2,
    .block_three_columns .block_column_3 {
        width: 100%;
        float: left;
        padding-bottom: 0 0 2%
    }

    .block_three_columns .block_column_1,
    .block_three_columns .block_column_2 {
        padding-right: 0
    }

    .block-interior-table .table_header img {
        display: none
    }

    .text_light_with_shadow {
        color: #4a4a4a;
        text-shadow: none
    }
}

@media (min-width:768px) {
    .navbar-default .navbar-nav>li>a {
        font-size: calc(11px + .3vw);
        padding: 18px 0
    }
}

@media (min-width:992px) {
    .navbar-header {
        display: none
    }

    .footer-inner,
    .site-header,
    .site-info {
        width: 970px
    }

    .single-post .main-content-area {
        width: 940px;
        background: #fff
    }

    .block_interior_with_bg_front_blue_overlay {
        width: 62%
    }

    .entry-content {
        font-size: 16px
    }

    .block_title {
        font-size: 48px
    }

    .block_title_2,
    .title_increased_size {
        font-size: 30px
    }

    .block_subtitle {
        font-size: 16px;
        line-height: 1.3
    }

    .block_link_big,
    .block_link_medium {
        font-size: 16px;
        line-height: 1.63
    }

    .block_title_paragraph {
        font-size: 20px;
        line-height: 1.33
    }

    .block_button {
        font-size: 22px;
        padding: 3px 40px
    }

    .block_with_bg_subtitle {
        padding: 16px 0 0
    }

    #nav_menu-2 {
        width: 62%
    }

    #nav_menu-3 {
        width: 38%
    }

    #nav_menu-4 {
        width: 28%
    }

    #nav_menu-5 {
        width: 72%
    }

    .navbar-default .navbar-nav>li>a {
        padding-left: 6px;
        padding-right: 6px
    }

    .site-header #logo {
        margin: 16px 0 15px 15px;
        width: 221px
    }

    .block_interior_button,
    .block_interior_with_bg_button {
        padding: 22px 0 4px
    }

    .block_text_paragraph,
    .block_text_paragraph p {
        font-size: 14px;
        line-height: 1.44
    }

    .block_text_paragraph_highlighted,
    .block_text_paragraph_highlighted p {
        font-size: 18px;
        line-height: 1.33;
        font-family: CarlitoRegular, Carlito, sans-serif
    }

    .block_text_paragraph_title,
    .block_text_paragraph_title p {
        padding: 16px 0 0;
        font-size: 16px;
        line-height: 1.33
    }

    .block_text_paragraph_title_big,
    .block_text_paragraph_title_big h1,
    .block_text_paragraph_title_big h2,
    .block_text_paragraph_title_big h3,
    .block_text_paragraph_title_big p {
        font-size: 18px;
        line-height: 1.33
    }

    .block_three_columns .block_column_1,
    .block_three_columns .block_column_2,
    .block_three_columns .block_column_3 {
        width: 32%;
        float: left;
        padding-bottom: 0 0 2%
    }

    .block_three_columns .block_column_1,
    .block_three_columns .block_column_2 {
        padding-right: 2%
    }

    .text_light_with_shadow {
        color: #fff;
        text-shadow: 1px 1px 3px #000
    }
}

@media (min-width:1200px) {

    .footer-inner,
    .site-header,
    .site-info {
        width: 1170px
    }

    .navbar-header {
        display: block
    }

    .single-post .main-content-area {
        width: 1140px
    }

    .block_interior_with_bg_front_blue_overlay {
        width: 54%
    }

    .block_title {
        font-size: 55px
    }

    .block_title_2,
    .title_increased_size {
        font-size: 30px
    }

    .block_subtitle {
        font-size: 19px;
        line-height: 1.33
    }

    .block_link_big,
    .block_link_medium {
        font-size: 18px;
        line-height: 1.83
    }

    .block_title_paragraph {
        font-size: 20px;
        line-height: 1.33
    }

    .block_button {
        font-size: 22px;
        padding: 3px 40px
    }

    .block_with_bg_subtitle {
        padding: 20px 0 2px
    }

    .block_news {
        width: 70%;
        float: left;
        border-right: 1px solid #5c2983;
        border-bottom: none
    }

    .block_events {
        width: 30%;
        padding: 0 0 0 4%
    }

    .block_news_item {
        float: left;
        padding: 0 3% 0 0;
        width: 31%
    }

    .block_event_item {
        width: 100%;
        float: left
    }

    .block_event_title h2,
    .block_news_title h2 {
        margin: 10px 0 6px
    }

    .navbar-default .navbar-nav>li>a {
        padding-left: 15px;
        padding-right: 15px
    }

    .site-header #logo {
        margin: 10px 15px 15px;
        width: 252px
    }

    .block_interior_button,
    .block_interior_with_bg_button {
        padding: 22px 0 6px
    }

    .block_text_paragraph,
    .block_text_paragraph p {
        font-size: 16px;
        line-height: 1.44
    }

    .block_text_paragraph_highlighted,
    .block_text_paragraph_highlighted p {
        font-size: 20px;
        line-height: 1.33
    }

    .block_text_paragraph_title,
    .block_text_paragraph_title p {
        padding: 35px 0 0;
        font-size: 18px;
        line-height: 1.33
    }

    .block_text_paragraph_title_big,
    .block_text_paragraph_title_big h1,
    .block_text_paragraph_title_big h2,
    .block_text_paragraph_title_big h3,
    .block_text_paragraph_title_big p {
        font-size: 20px;
        line-height: 1.33
    }

    .block_three_columns .block_column_1,
    .block_three_columns .block_column_2,
    .block_three_columns .block_column_3 {
        width: 32%;
        float: left;
        padding-bottom: 0 0 2%
    }

    .block_three_columns .block_column_1,
    .block_three_columns .block_column_2 {
        padding-right: 2%
    }
}

@media (min-width:1430px) {

    .footer-inner,
    .site-header,
    .site-info {
        width: 1400px
    }

    .single-post .main-content-area {
        width: 1370px
    }

    .container {
        width: 1400px
    }

    .block_interior_with_bg_front_blue_overlay {
        width: 50%
    }

    .block_title {
        font-size: 55px
    }

    .title_increased_size {
        font-size: 34px
    }

    .block_subtitle {
        font-size: 22px;
        line-height: 1.33
    }

    .block_link_big,
    .block_link_medium {
        font-size: 18px;
        line-height: 1.83
    }

    .block_title_paragraph {
        font-size: 20px;
        line-height: 1.33
    }

    .block_button {
        font-size: 22px;
        padding: 3px 40px
    }

    .block_with_bg_front {
        padding: 0 0 0 8%
    }

    .block_with_bg_subtitle {
        padding: 22px 0 2px
    }

    .block_interior_front,
    .block_interior_with_bg_front {
        padding: 2% 8% 0
    }

    .block_text_paragraph,
    .block_text_paragraph p {
        font-size: 18px;
        line-height: 1.44;
        font-family: CarlitoRegular, sans-serif
    }

    .block_text_paragraph_highlighted,
    .block_text_paragraph_highlighted p {
        font-size: 22px;
        line-height: 1.33;
        font-family: CarlitoRegular, Carlito, sans-serif
    }

    .block_text_paragraph_title,
    .block_text_paragraph_title p {
        padding: 35px 0 0;
        font-size: 22px;
        line-height: 1.33;
        font-family: CarlitoRegular, sans-serif
    }

    .block_text_paragraph_title_big,
    .block_text_paragraph_title_big h1,
    .block_text_paragraph_title_big h2,
    .block_text_paragraph_title_big h3,
    .block_text_paragraph_title_big p {
        font-size: 24px;
        line-height: 1.33
    }

    .block_three_columns .block_column_1,
    .block_three_columns .block_column_2,
    .block_three_columns .block_column_3 {
        width: 32%;
        float: left;
        padding-bottom: 0 0 2%
    }

    .block_three_columns .block_column_1,
    .block_three_columns .block_column_2 {
        padding-right: 2%
    }
}

.block_with_bg_title.block_title.block_text_clear.case {
    margin-top: 90px
}

.one.spacing {
    height: 20px
}

.faq-section,
.faq-section * {
    cursor: pointer
}

.faq-section {
    position: relative;
    background-color: #fff;
    border: 1px solid #5c2983;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    margin: 20px 5%
}

.faq-section p {
    display: none
}

.faq-section input {
    position: absolute;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
    display: none;
    margin: 0;
    width: 100%;
    height: 36px
}

.faq-section label+p {
    display: block;
    color: #fff;
    font-size: .85em;
    transition: .15s ease-out;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.faq-section input[type=checkbox]:checked~p {
    cursor: default;
    display: block;
    color: #000;
    font-size: .95em;
    text-overflow: clip;
    white-space: normal;
    overflow: visible;
    margin-left: 1%;
    margin-right: 1%
}

.faq-section label {
    font-size: 1.125em;
    color: #5c2983;
    background: #fff;
    display: block;
    position: relative;
    height: 40px;
    padding: 5px 10px;
    font-weight: 700;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    transition: .15s ease-out;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 14px
}

.faq-section label::selection {
    background: 0 0
}

.faq-section:hover {
    box-shadow: 0 0 4px 1px #e3e3e3
}

.faq-section label::before {
    content: '';
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -6px;
    border: 6px solid transparent;
    border-left-color: inherit
}

.faq-section input[type=checkbox]:checked~label::before {
    border: 6px solid transparent;
    border-top-color: inherit;
    margin-top: -3px;
    right: 10px
}

.two.spacing {
    height: 40px
}

.btn-secondary {
    color: #fff !important;
    text-transform: none;
    box-shadow: 0 1px 4px 2px #0000001a;
    background-color: #4a4a4a !important;
    border: .5px inset !important;
    border-radius: 2px;
    font-family: Montserrat, "liberation sans", sans-serif;
    font-size: 22px;
    font-weight: 700;
    padding: 3px 12px;
    text-align: center;
    text-decoration: none;
    text-shadow: unset;
    width: 100%
}

.btn-secondary:hover {
    color: #4a4a4a !important;
    background-color: #fff !important;
    box-shadow: 0 1px 4px 2px #5c29831a;
    border: .5px inset #4a4a4a !important
}

a.btn-secondary:hover {
    text-decoration: none
}

@media (min-width:756px) {
    .mt-2 {
        margin-top: 2em
    }

    .mt-1 {
        margin-top: 1em
    }

    .mt-3 {
        margin-top: 3em
    }
}

.pt-2 {
    padding-top: 2em
}

.site-navigation-inner {
    background-color: #fff
}

.bar_txt,
.block_text_paragraph {
    font-size: 16px;
    font-family: Carlito, CarlitoRegular, sans-serif
}

#footer-area {
    background-color: #fff
}

.block_with_bg {
    margin-top: 2em
}

.f18 {
    font-size: 18px;
    font-family: CarlitoRegular, Carlito, sans-serif
}

.f15 {
    font-size: 15px;
    font-family: CarlitoRegular, sans-serif
}

.f2em {
    font-size: 2em;
    font-family: CarlitoRegular, sans-serif
}

.fff {
    color: #fff
}

.navbar.navbar-default {
    background-color: #fff !important
}

header#masthead {
    border-bottom: 1px solid var(--mypurple);
    padding-top: O
}

.pb-1 {
    padding-bottom: 1em
}

.mb-1 {
    margin-bottom: 1em
}

.mt-0 {
    margin-top: 0
}

.table.vertical-align td {
    vertical-align: middle
}

.f24 {
    font-size: 24px
}

.entry-content,
.entry-content em a,
.entry-content p a {
    font-family: CarlitoRegular, sans-serif
}

.pt-0 {
    padding-top: 0
}

.pricing-card {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 3px 1px #0000002e;
    padding: 1em;
    margin: 2em
}

.pricing-card-highlighted {
    box-shadow: 0 0 18px 8px #fffefe42, 0 0 4px 2px #5c298399, 0 0 30px 12px #00000008;
    border: 1px solid #5c2983d4
}

.pricing-card-highlighted-red {
    box-shadow: 0 0 18px 8px #fffefe42, 0 0 4px 2px #5c298399, 0 0 30px 12px #00000008;
    border: 1px solid #b72333
}

.block_button.block_button_brand_brighter_color.block_text_clear {
    box-shadow: 0 1px 4px 2px #0000001a;
    background-color: #5c2983;
    border: .5px inset;
    color: #fff
}

.block_button.block_button_brand_brighter_color.block_text_clear:hover {
    color: #5c2983;
    background-color: #fff;
    box-shadow: 0 1px 4px 2px #5c2983a;
    border: .5px inset #5c3dcc
}

.pricing-card-breakline {
    width: 4em;
    border: 2px solid #e6e6e6;
    display: inline-block;
    margin-top: 34px;
    border-radius: 4px
}

.pricing-card .block_button {
    margin-top: 20px
}

.pricing-card-bullets {
    list-style: none;
    clear: both
}

.pricing-card-bullets li::before {
    content: "\2022";
    color: #ddd;
    font-weight: 700;
    display: inline-block;
    width: 1em;
    margin-left: -1em
}

.pricing-card-bullets>.pricing-card-bullets-emphasis {
    background-color: #f1eeff
}

.pricing-card-highlighted+.pricing-card-bullets>.pricing-card-bullets-emphasis::before {
    color: #5c2983 !important
}

.pricing-card-highlighted+.pricing-card-bullets>.pricing-card-bullets-emphasis {
    background-color: #f1eeff;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px
}

.mejs-container,
.mejs-overlay.load,
.wp-video,
video.wp-video-shortcode {
    width: 100% !important;
    height: 100% !important
}

.mejs-container {
    padding-top: 56.25%
}

.wp-video,
video.wp-video-shortcode {
    max-width: 100% !important
}

video.wp-video-shortcode {
    position: relative
}

.mejs-mediaelement {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

a.btn-secondary.btn-sm.btn-block {
    text-decoration: none
}

.btn.navbar-toggle {
    display: none !important
}