body{
background: url();

}


#scp_header{
display: none;

}



#scp_menu{
background: #3d3d3d; /* Old browsers */
background: -moz-linear-gradient(top,  #3d3d3d 0%, #0f0f10 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #3d3d3d 0%,#0f0f10 100%); /* Chrome10-25,Safari5.1-6 */
}



.thumb-padding{
padding: 25px 0px 0px 0px;
}


.thumb-padding img{
border: 6px solid #fff;
-webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.42);
-moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.42);
box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.42);
}




p.about-page{
font-size: 15px;

}


h1{
font-family: "Montserrat",sans-serif;
text-transform: uppercase;
}



li.address-settings{
list-style-type: none;
}




.scrolled-down .scp-back-to-top {

    display: none;
}




.mini-storelogo {
    padding: 5px 6px;
    margin: 7px 0px 0px 0px;
}



.row-no-pad>[class^="col-"], .no-padding {
   padding: 0 !important;
}




#scp_body > section > div > div:nth-child(1){
   padding: 0 !important;
}


#scp_body > section > div > div:nth-child(1) > div > div > div{
   padding: 0 !important;
}



/* new styles */



/*!
 Theme Name:     ownCloud
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    ownCloud Divi Child Theme
 Author:         GEISSEL Informationsdesign
 Author URI:     https://geissel-informationsdesign.de
 Template:       Divi
 Version:        1.3.3
 Text Domain:    owncloud-theme
*/
@keyframes bounceOut {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(.95)
    }

    50% {
        opacity: 1;
        transform: scale(1.1)
    }

    100% {
        opacity: 0;
        transform: scale(.3)
    }
}

@keyframes bounceOutDown {
    0% {
        transform: translateY(0)
    }

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

    100% {
        opacity: 0;
        transform: translateY(2000px)
    }
}

@keyframes bounceOutLeft {
    0% {
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        transform: translateX(20px)
    }

    100% {
        opacity: 0;
        transform: translateX(-2000px)
    }
}

@keyframes bounceOutRight {
    0% {
        transform: translateX(0)
    }

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

    100% {
        opacity: 0;
        transform: translateX(2000px)
    }
}

@keyframes bounceOutUp {
    0% {
        transform: translateY(0)
    }

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

    100% {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        transform: scale(1.05)
    }

    70% {
        transform: scale(.9)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-1000px)
    }

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

    80% {
        transform: translateY(-10px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        transform: translateX(30px)
    }

    80% {
        transform: translateX(-10px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        transform: translateX(-30px)
    }

    80% {
        transform: translateX(10px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }

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

    80% {
        transform: translateY(10px)
    }

    100% {
        transform: translateY(0)
    }
}

.bounceInDown {
    animation-name: bounceInDown;
    animation-iteration-count: 1s;
    animation-duration: 1.75s;
    animation-delay: .25s;
    animation-timing-function: ease;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.bounceOutUp {
    animation-name: bounceOutUp;
    animation-iteration-count: 1s;
    animation-duration: 2s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.topbar .hamburger {
    margin-right: -15px;
    margin-left: 15px;
    display: flex
}

@media (min-width: 1100px) {
    .topbar .hamburger {
        display:none
    }
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity,filter;
    transition-duration: .15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible
}

.hamburger:hover {
    opacity: 1
}

.hamburger.is-active:hover {
    opacity: 1
}

.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::after,.hamburger.is-active .hamburger-inner::before {
    background-color: #fff
}

.hamburger-box {
    width: 23px;
    height: 20px;
    display: inline-block;
    position: relative
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -1px
}

.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before {
    width: 23px;
    height: 2px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: .15s;
    transition-timing-function: ease
}

.hamburger-inner::after,.hamburger-inner::before {
    content: "";
    display: block
}

.hamburger-inner::before {
    top: -9px
}

.hamburger-inner::after {
    bottom: -9px
}

.hamburger--3dx .hamburger-box {
    perspective: 46px
}

.hamburger--3dx .hamburger-inner {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)
}

.hamburger--3dx .hamburger-inner::after,.hamburger--3dx .hamburger-inner::before {
    transition: transform 0s .1s cubic-bezier(.645,.045,.355,1)
}

.hamburger--3dx.is-active .hamburger-inner {
    background-color: transparent!important;
    transform: rotateY(180deg)
}

.hamburger--3dx.is-active .hamburger-inner::before {
    transform: translate3d(0,9px,0) rotate(45deg)
}

.hamburger--3dx.is-active .hamburger-inner::after {
    transform: translate3d(0,-9px,0) rotate(-45deg)
}

.hamburger--3dx-r .hamburger-box {
    perspective: 46px
}

.hamburger--3dx-r .hamburger-inner {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)
}

.hamburger--3dx-r .hamburger-inner::after,.hamburger--3dx-r .hamburger-inner::before {
    transition: transform 0s .1s cubic-bezier(.645,.045,.355,1)
}

.hamburger--3dx-r.is-active .hamburger-inner {
    background-color: transparent!important;
    transform: rotateY(-180deg)
}

.hamburger--3dx-r.is-active .hamburger-inner::before {
    transform: translate3d(0,9px,0) rotate(45deg)
}

.hamburger--3dx-r.is-active .hamburger-inner::after {
    transform: translate3d(0,-9px,0) rotate(-45deg)
}

.hamburger--3dy .hamburger-box {
    perspective: 46px
}

.hamburger--3dy .hamburger-inner {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)
}

.hamburger--3dy .hamburger-inner::after,.hamburger--3dy .hamburger-inner::before {
    transition: transform 0s .1s cubic-bezier(.645,.045,.355,1)
}

.hamburger--3dy.is-active .hamburger-inner {
    background-color: transparent!important;
    transform: rotateX(-180deg)
}

.hamburger--3dy.is-active .hamburger-inner::before {
    transform: translate3d(0,9px,0) rotate(45deg)
}

.hamburger--3dy.is-active .hamburger-inner::after {
    transform: translate3d(0,-9px,0) rotate(-45deg)
}

.hamburger--3dy-r .hamburger-box {
    perspective: 46px
}

.hamburger--3dy-r .hamburger-inner {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)
}

.hamburger--3dy-r .hamburger-inner::after,.hamburger--3dy-r .hamburger-inner::before {
    transition: transform 0s .1s cubic-bezier(.645,.045,.355,1)
}

.hamburger--3dy-r.is-active .hamburger-inner {
    background-color: transparent!important;
    transform: rotateX(180deg)
}

.hamburger--3dy-r.is-active .hamburger-inner::before {
    transform: translate3d(0,9px,0) rotate(45deg)
}

.hamburger--3dy-r.is-active .hamburger-inner::after {
    transform: translate3d(0,-9px,0) rotate(-45deg)
}

.hamburger--3dxy .hamburger-box {
    perspective: 46px
}

.hamburger--3dxy .hamburger-inner {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)
}

.hamburger--3dxy .hamburger-inner::after,.hamburger--3dxy .hamburger-inner::before {
    transition: transform 0s .1s cubic-bezier(.645,.045,.355,1)
}

.hamburger--3dxy.is-active .hamburger-inner {
    background-color: transparent!important;
    transform: rotateX(180deg) rotateY(180deg)
}

.hamburger--3dxy.is-active .hamburger-inner::before {
    transform: translate3d(0,9px,0) rotate(45deg)
}

.hamburger--3dxy.is-active .hamburger-inner::after {
    transform: translate3d(0,-9px,0) rotate(-45deg)
}

.hamburger--3dxy-r .hamburger-box {
    perspective: 46px
}

.hamburger--3dxy-r .hamburger-inner {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)
}

.hamburger--3dxy-r .hamburger-inner::after,.hamburger--3dxy-r .hamburger-inner::before {
    transition: transform 0s .1s cubic-bezier(.645,.045,.355,1)
}

.hamburger--3dxy-r.is-active .hamburger-inner {
    background-color: transparent!important;
    transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg)
}

.hamburger--3dxy-r.is-active .hamburger-inner::before {
    transform: translate3d(0,9px,0) rotate(45deg)
}

.hamburger--3dxy-r.is-active .hamburger-inner::after {
    transform: translate3d(0,-9px,0) rotate(-45deg)
}

.hamburger--arrow.is-active .hamburger-inner::before {
    transform: translate3d(-4.6px,0,0) rotate(-45deg) scale(.7,1)
}

.hamburger--arrow.is-active .hamburger-inner::after {
    transform: translate3d(-4.6px,0,0) rotate(45deg) scale(.7,1)
}

.hamburger--arrow-r.is-active .hamburger-inner::before {
    transform: translate3d(4.6px,0,0) rotate(45deg) scale(.7,1)
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
    transform: translate3d(4.6px,0,0) rotate(-45deg) scale(.7,1)
}

.hamburger--arrowalt .hamburger-inner::before {
    transition: top .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)
}

.hamburger--arrowalt .hamburger-inner::after {
    transition: bottom .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
    top: 0;
    transform: translate3d(-4.6px,-5.75px,0) rotate(-45deg) scale(.7,1);
    transition: top .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
    bottom: 0;
    transform: translate3d(-4.6px,5.75px,0) rotate(45deg) scale(.7,1);
    transition: bottom .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)
}

.hamburger--arrowalt-r .hamburger-inner::before {
    transition: top .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)
}

.hamburger--arrowalt-r .hamburger-inner::after {
    transition: bottom .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
    top: 0;
    transform: translate3d(4.6px,-5.75px,0) rotate(45deg) scale(.7,1);
    transition: top .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: translate3d(4.6px,5.75px,0) rotate(-45deg) scale(.7,1);
    transition: bottom .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)
}

.hamburger--arrowturn.is-active .hamburger-inner {
    transform: rotate(-180deg)
}

.hamburger--arrowturn.is-active .hamburger-inner::before {
    transform: translate3d(8px,0,0) rotate(45deg) scale(.7,1)
}

.hamburger--arrowturn.is-active .hamburger-inner::after {
    transform: translate3d(8px,0,0) rotate(-45deg) scale(.7,1)
}

.hamburger--arrowturn-r.is-active .hamburger-inner {
    transform: rotate(-180deg)
}

.hamburger--arrowturn-r.is-active .hamburger-inner::before {
    transform: translate3d(-8px,0,0) rotate(-45deg) scale(.7,1)
}

.hamburger--arrowturn-r.is-active .hamburger-inner::after {
    transform: translate3d(-8px,0,0) rotate(45deg) scale(.7,1)
}

.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner::after,.hamburger--boring .hamburger-inner::before {
    transition-property: none
}

.hamburger--boring.is-active .hamburger-inner {
    transform: rotate(45deg)
}

.hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0
}

.hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg)
}

.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: .13s;
    transition-delay: .13s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

.hamburger--collapse .hamburger-inner::after {
    top: -18px;
    transition: top .2s .2s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear
}

.hamburger--collapse .hamburger-inner::before {
    transition: top .12s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--collapse.is-active .hamburger-inner {
    transform: translate3d(0,-9px,0) rotate(-45deg);
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

.hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .22s linear
}

.hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top .1s .16s cubic-bezier(.33333,0,.66667,.33333),transform .13s .25s cubic-bezier(.215,.61,.355,1)
}

.hamburger--collapse-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: .13s;
    transition-delay: .13s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

.hamburger--collapse-r .hamburger-inner::after {
    top: -18px;
    transition: top .2s .2s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear
}

.hamburger--collapse-r .hamburger-inner::before {
    transition: top .12s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--collapse-r.is-active .hamburger-inner {
    transform: translate3d(0,-9px,0) rotate(45deg);
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .22s linear
}

.hamburger--collapse-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top .1s .16s cubic-bezier(.33333,0,.66667,.33333),transform .13s .25s cubic-bezier(.215,.61,.355,1)
}

.hamburger--elastic .hamburger-inner {
    top: 1px;
    transition-duration: 275ms;
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)
}

.hamburger--elastic .hamburger-inner::before {
    top: 9px;
    transition: opacity 125ms 275ms ease
}

.hamburger--elastic .hamburger-inner::after {
    top: 18px;
    transition: transform 275ms cubic-bezier(.68,-.55,.265,1.55)
}

.hamburger--elastic.is-active .hamburger-inner {
    transform: translate3d(0,9px,0) rotate(135deg);
    transition-delay: 75ms
}

.hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0
}

.hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0,-18px,0) rotate(-270deg);
    transition-delay: 75ms
}

.hamburger--elastic-r .hamburger-inner {
    top: 1px;
    transition-duration: 275ms;
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)
}

.hamburger--elastic-r .hamburger-inner::before {
    top: 9px;
    transition: opacity 125ms 275ms ease
}

.hamburger--elastic-r .hamburger-inner::after {
    top: 18px;
    transition: transform 275ms cubic-bezier(.68,-.55,.265,1.55)
}

.hamburger--elastic-r.is-active .hamburger-inner {
    transform: translate3d(0,9px,0) rotate(-135deg);
    transition-delay: 75ms
}

.hamburger--elastic-r.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0
}

.hamburger--elastic-r.is-active .hamburger-inner::after {
    transform: translate3d(0,-18px,0) rotate(270deg);
    transition-delay: 75ms
}

.hamburger--emphatic {
    overflow: hidden
}

.hamburger--emphatic .hamburger-inner {
    transition: background-color 125ms 175ms ease-in
}

.hamburger--emphatic .hamburger-inner::before {
    left: 0;
    transition: transform 125ms cubic-bezier(.6,.04,.98,.335),top 50ms 125ms linear,left 125ms 175ms ease-in
}

.hamburger--emphatic .hamburger-inner::after {
    top: 9px;
    right: 0;
    transition: transform 125ms cubic-bezier(.6,.04,.98,.335),top 50ms 125ms linear,right 125ms 175ms ease-in
}

.hamburger--emphatic.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent!important
}

.hamburger--emphatic.is-active .hamburger-inner::before {
    left: -46px;
    top: -46px;
    transform: translate3d(46px,46px,0) rotate(45deg);
    transition: left 125ms ease-out,top 50ms 125ms linear,transform 125ms 175ms cubic-bezier(.075,.82,.165,1)
}

.hamburger--emphatic.is-active .hamburger-inner::after {
    right: -46px;
    top: -46px;
    transform: translate3d(-46px,46px,0) rotate(-45deg);
    transition: right 125ms ease-out,top 50ms 125ms linear,transform 125ms 175ms cubic-bezier(.075,.82,.165,1)
}

.hamburger--emphatic-r {
    overflow: hidden
}

.hamburger--emphatic-r .hamburger-inner {
    transition: background-color 125ms 175ms ease-in
}

.hamburger--emphatic-r .hamburger-inner::before {
    left: 0;
    transition: transform 125ms cubic-bezier(.6,.04,.98,.335),top 50ms 125ms linear,left 125ms 175ms ease-in
}

.hamburger--emphatic-r .hamburger-inner::after {
    top: 9px;
    right: 0;
    transition: transform 125ms cubic-bezier(.6,.04,.98,.335),top 50ms 125ms linear,right 125ms 175ms ease-in
}

.hamburger--emphatic-r.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent!important
}

.hamburger--emphatic-r.is-active .hamburger-inner::before {
    left: -46px;
    top: 46px;
    transform: translate3d(46px,-46px,0) rotate(-45deg);
    transition: left 125ms ease-out,top 50ms 125ms linear,transform 125ms 175ms cubic-bezier(.075,.82,.165,1)
}

.hamburger--emphatic-r.is-active .hamburger-inner::after {
    right: -46px;
    top: 46px;
    transform: translate3d(-46px,-46px,0) rotate(45deg);
    transition: right 125ms ease-out,top 50ms 125ms linear,transform 125ms 175ms cubic-bezier(.075,.82,.165,1)
}

.hamburger--minus .hamburger-inner::after,.hamburger--minus .hamburger-inner::before {
    transition: bottom 80ms 0s ease-out,top 80ms 0s ease-out,opacity 0s linear
}

.hamburger--minus.is-active .hamburger-inner::after,.hamburger--minus.is-active .hamburger-inner::before {
    opacity: 0;
    transition: bottom 80ms ease-out,top 80ms ease-out,opacity 0s 80ms linear
}

.hamburger--minus.is-active .hamburger-inner::before {
    top: 0
}

.hamburger--minus.is-active .hamburger-inner::after {
    bottom: 0
}

.hamburger--slider .hamburger-inner {
    top: 1px
}

.hamburger--slider .hamburger-inner::before {
    top: 9px;
    transition-property: transform,opacity;
    transition-timing-function: ease;
    transition-duration: .15s
}

.hamburger--slider .hamburger-inner::after {
    top: 18px
}

.hamburger--slider.is-active .hamburger-inner {
    transform: translate3d(0,9px,0) rotate(45deg)
}

.hamburger--slider.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-3.2857142857px,-7px,0);
    opacity: 0
}

.hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0,-18px,0) rotate(-90deg)
}

.hamburger--slider-r .hamburger-inner {
    top: 1px
}

.hamburger--slider-r .hamburger-inner::before {
    top: 9px;
    transition-property: transform,opacity;
    transition-timing-function: ease;
    transition-duration: .15s
}

.hamburger--slider-r .hamburger-inner::after {
    top: 18px
}

.hamburger--slider-r.is-active .hamburger-inner {
    transform: translate3d(0,9px,0) rotate(-45deg)
}

.hamburger--slider-r.is-active .hamburger-inner::before {
    transform: rotate(45deg) translate3d(3.2857142857px,-7px,0);
    opacity: 0
}

.hamburger--slider-r.is-active .hamburger-inner::after {
    transform: translate3d(0,-18px,0) rotate(90deg)
}

.hamburger--spin .hamburger-inner {
    transition-duration: .22s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

.hamburger--spin .hamburger-inner::before {
    transition: top .1s .25s ease-in,opacity .1s ease-in
}

.hamburger--spin .hamburger-inner::after {
    transition: bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--spin.is-active .hamburger-inner {
    transform: rotate(225deg);
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

.hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top .1s ease-out,opacity .1s .12s ease-out
}

.hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom .1s ease-out,transform .22s .12s cubic-bezier(.215,.61,.355,1)
}

.hamburger--spin-r .hamburger-inner {
    transition-duration: .22s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

.hamburger--spin-r .hamburger-inner::before {
    transition: top .1s .25s ease-in,opacity .1s ease-in
}

.hamburger--spin-r .hamburger-inner::after {
    transition: bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--spin-r.is-active .hamburger-inner {
    transform: rotate(-225deg);
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

.hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top .1s ease-out,opacity .1s .12s ease-out
}

.hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg);
    transition: bottom .1s ease-out,transform .22s .12s cubic-bezier(.215,.61,.355,1)
}

.hamburger--spring .hamburger-inner {
    top: 1px;
    transition: background-color 0s .13s linear
}

.hamburger--spring .hamburger-inner::before {
    top: 9px;
    transition: top .1s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--spring .hamburger-inner::after {
    top: 18px;
    transition: top .2s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--spring.is-active .hamburger-inner {
    transition-delay: .22s;
    background-color: transparent!important
}

.hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    transition: top .1s .15s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1);
    transform: translate3d(0,9px,0) rotate(45deg)
}

.hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    transition: top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1);
    transform: translate3d(0,9px,0) rotate(-45deg)
}

.hamburger--spring-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: .13s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

.hamburger--spring-r .hamburger-inner::after {
    top: -18px;
    transition: top .2s .2s cubic-bezier(.33333,.66667,.66667,1),opacity 0s linear
}

.hamburger--spring-r .hamburger-inner::before {
    transition: top .1s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--spring-r.is-active .hamburger-inner {
    transform: translate3d(0,-9px,0) rotate(-45deg);
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

.hamburger--spring-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s .22s linear
}

.hamburger--spring-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top .1s .15s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1)
}

.hamburger--stand .hamburger-inner {
    transition: transform 75ms .15s cubic-bezier(.55,.055,.675,.19),background-color 0s 75ms linear
}

.hamburger--stand .hamburger-inner::before {
    transition: top 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--stand .hamburger-inner::after {
    transition: bottom 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--stand.is-active .hamburger-inner {
    transform: rotate(90deg);
    background-color: transparent!important;
    transition: transform 75ms 0s cubic-bezier(.215,.61,.355,1),background-color 0s .15s linear
}

.hamburger--stand.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215,.61,.355,1)
}

.hamburger--stand.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215,.61,.355,1)
}

.hamburger--stand-r .hamburger-inner {
    transition: transform 75ms .15s cubic-bezier(.55,.055,.675,.19),background-color 0s 75ms linear
}

.hamburger--stand-r .hamburger-inner::before {
    transition: top 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--stand-r .hamburger-inner::after {
    transition: bottom 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--stand-r.is-active .hamburger-inner {
    transform: rotate(-90deg);
    background-color: transparent!important;
    transition: transform 75ms 0s cubic-bezier(.215,.61,.355,1),background-color 0s .15s linear
}

.hamburger--stand-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215,.61,.355,1)
}

.hamburger--stand-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215,.61,.355,1)
}

.hamburger--squeeze .hamburger-inner {
    transition-duration: 75ms;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

.hamburger--squeeze .hamburger-inner::before {
    transition: top 75ms .12s ease,opacity 75ms ease
}

.hamburger--squeeze .hamburger-inner::after {
    transition: bottom 75ms .12s ease,transform 75ms cubic-bezier(.55,.055,.675,.19)
}

.hamburger--squeeze.is-active .hamburger-inner {
    transform: rotate(45deg);
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

.hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 75ms ease,opacity 75ms .12s ease
}

.hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 75ms ease,transform 75ms .12s cubic-bezier(.215,.61,.355,1)
}

.hamburger--vortex .hamburger-inner {
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.hamburger--vortex .hamburger-inner::after,.hamburger--vortex .hamburger-inner::before {
    transition-duration: 0s;
    transition-delay: .1s;
    transition-timing-function: linear
}

.hamburger--vortex .hamburger-inner::before {
    transition-property: top,opacity
}

.hamburger--vortex .hamburger-inner::after {
    transition-property: bottom,transform
}

.hamburger--vortex.is-active .hamburger-inner {
    transform: rotate(765deg);
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.hamburger--vortex.is-active .hamburger-inner::after,.hamburger--vortex.is-active .hamburger-inner::before {
    transition-delay: 0s
}

.hamburger--vortex.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0
}

.hamburger--vortex.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg)
}

.hamburger--vortex-r .hamburger-inner {
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.hamburger--vortex-r .hamburger-inner::after,.hamburger--vortex-r .hamburger-inner::before {
    transition-duration: 0s;
    transition-delay: .1s;
    transition-timing-function: linear
}

.hamburger--vortex-r .hamburger-inner::before {
    transition-property: top,opacity
}

.hamburger--vortex-r .hamburger-inner::after {
    transition-property: bottom,transform
}

.hamburger--vortex-r.is-active .hamburger-inner {
    transform: rotate(-765deg);
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.hamburger--vortex-r.is-active .hamburger-inner::after,.hamburger--vortex-r.is-active .hamburger-inner::before {
    transition-delay: 0s
}

.hamburger--vortex-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0
}

.hamburger--vortex-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg)
}

.blur-on-hover {
    transition: 1s cubic-bezier(.19,1,.22,1);
    will-change: transform
}

.et_pb_section:hover .blur-on-hover {
    filter: blur(5px);
    transform: scale(.95)
}

.force-background-transparent {
    background-color: transparent!important
}

@media (max-width: 980px) {
    .custom_row,.custom_row .et_pb_row {
        display:flex;
        flex-wrap: wrap
    }

    .first-on-mobile {
        order: 1
    }

    .second-on-mobile {
        order: 2
    }

    .third-on-mobile {
        order: 3
    }

    .fourth-on-mobile {
        order: 4
    }

    .custom_row:last-child .et_pb_column:last-child {
        margin-bottom: 30px
    }
}

.flex {
    display: flex
}

.space-around {
    justify-content: space-around
}

.row-center>.et_pb_row {
    display: flex;
    align-items: center
}

@media (min-width: 980px) {
    .row-center-large>.et_pb_row {
        display:flex;
        align-items: center
    }
}

::-moz-selection {
    color: #fff;
    background: #4e85c8
}

::selection {
    color: #fff;
    background: #4e85c8
}

.atlwdg-trigger {
    z-index: 9999
}

.spinner {
    min-height: 30vh;
    background: url(../../../../../../themes/ownCloud/dist/assets/img/spinner.svg) center center;
    background-repeat: no-repeat;
    background-size: 50px
}

.oc .slidepanel {
    display: none
}

.not-translated__label {
    border: 1px solid rgba(255,255,255,.4);
    border-radius: 3px;
    margin-left: .3rem;
    font-size: 60%;
    padding: 1px 2px
}

.et-pb-icon-circle {
    padding: 10px
}

.arrow-link:after,.checklist ul li:before,.fa-icon,.oc .feature_columns--arrow-links .et_pb_blurb_content a:after,.oc form.searchandfilter .chosen-container-multi .chosen-choices a.search-choice-close:before,.oc-blog-feed .more-link:after,.oc-pricing-table .et_pb_pricing li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600
}

@font-face {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Source Sans Pro Regular"),local("SourceSansPro-Regular"),url(../../../../../../themes/ownCloud/dist/assets/fonts/source-sans-pro-v13-latin-regular.woff2) format("woff2"),url(../../../../../../themes/ownCloud/dist/assets/fonts/source-sans-pro-v13-latin-regular.woff) format("woff")
}

@font-face {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local("Source Sans Pro SemiBold"),local("SourceSansPro-SemiBold"),url(../../../../../../themes/ownCloud/dist/assets/fonts/source-sans-pro-v13-latin-600.woff2) format("woff2"),url(../../../../../../themes/ownCloud/dist/assets/fonts/source-sans-pro-v13-latin-600.woff) format("woff")
}

@font-face {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Source Sans Pro Bold"),local("SourceSansPro-Bold"),url(../../../../../../themes/ownCloud/dist/assets/fonts/source-sans-pro-v13-latin-700.woff2) format("woff2"),url(../../../../../../themes/ownCloud/dist/assets/fonts/source-sans-pro-v13-latin-700.woff) format("woff")
}

.orange {
    color: #e56f35
}

.bright_blue {
    color: #4e85c8
}

.dark_gray {
    color: #55606c
}

.medium {
    font-weight: 600
}

.checklist ul {
    list-style: none;
    padding-left: 0;
    padding-bottom: .75em
}

.checklist ul li {
    padding-left: 30px;
    padding-bottom: 15px
}

.checklist ul li:before {
    content: "\f00c";
    position: absolute;
    left: 0;
    color: #4e85c8
}

.checklist.oc-online ul li:before {
    color: #06e3bd
}

.et_pb_button {
    padding: .65rem 1.5rem;
    line-height: 1.3em!important
}

.et_pb_button:after {
    line-height: 1;
    transform: translateY(-1.5px) translateX(-3px)
}

.et_pb_button:hover,.et_pb_module .et_pb_button:hover {
    padding: .65rem calc(1.5rem   1rem) .65rem 1.5rem
}

button:hover {
    cursor: pointer
}

body #page-container .et_pb_module .et_pb_button.text-button {
    padding-right: 1em;
    padding-left: 0
}

body #page-container .et_pb_module .et_pb_button.text-button:after {
    margin-left: 0;
    font-size: 1.3em;
    line-height: 1.3em;
    transition: none
}

.button.et_pb_button {
    display: block;
    margin: 35px auto 30px auto
}

.button.et_pb_button.button--center {
    display: inline-block
}

.button.et_pb_button.button--brightblue {
    background-color: #4e85c8;
    color: #fff;
    border: none;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)
}

.button.et_pb_button.button--brightblue:focus,.button.et_pb_button.button--brightblue:hover {
    background-color: #4e85c8!important
}

.arrow-link:after,.oc .feature_columns--arrow-links .et_pb_blurb_content a:after {
    content: "\f054";
    font-size: 65%;
    padding-left: 3px
}

.oc .et_pb_post_content .oc-button,.oc-button {
    padding: 10px 25px;
    border-radius: 2px;
    margin: 35px auto 30px auto;
    display: inline-flex
}

.oc .et_pb_post_content .oc-button--primary,.oc-button--primary {
    background-color: #4e85c8;
    color: #fff!important;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)
}

.button-group .et_pb_button_module_wrapper {
    display: inline-block
}

.button-group--center {
    text-align: center!important
}

.button-block {
    display: flex
}

.button-block--center {
    justify-content: center
}

.button {
    border-radius: 2px;
    padding: 10px 20px 12px 20px;
    font-size: 1rem;
    line-height: 1;
    display: flex;
    align-items: center;
    transition: transform .2s ease-in-out
}

.button:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)
}

.button--bright-blue,.oc .et_pb_post_content .button--bright-blue {
    color: #fff!important;
    background-color: #4e85c8
}

#mktoStyleLoaded {
    background-color: #123456;
    display: none
}

.mktoForm {
    text-align: left
}

.mktoForm .mktoClear {
    clear: both;
    float: none
}

.mktoForm div,.mktoForm label,.mktoForm p,.mktoForm span {
    text-align: left;
    margin: 0;
    padding: 0
}

.mktoForm input,.mktoForm select,.mktoForm textarea {
    margin: 0
}

.mktoForm * {
    font-family: inherit
}

.mktoForm .mktoOffset {
    float: left;
    height: 1.2em
}

.mktoForm .mktoGutter {
    float: left;
    height: 1.2em
}

.mktoForm .mktoFieldWrap {
    float: left
}

.mktoForm .mktoFieldWrap .mktoInstruction {
    display: none
}

.mktoForm .mktoLabel {
    float: left;
    line-height: 1.2em;
    padding-top: .3em
}

.mktoForm .mktoField {
    line-height: 1.2em;
    font-size: 1em;
    float: left
}

.mktoForm .mktoPlaceholder {
    float: left
}

.mktoForm .mktoLogicalField {
    float: left
}

.mktoForm fieldset {
    padding: 0;
    margin: 0
}

.mktoForm fieldset legend {
    margin: 0 1em .5em;
    color: inherit
}

.mktoForm a.mktoNotYou {
    cursor: pointer;
    color: #4692f3
}

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

.mktoForm .mktoAsterix {
    float: right;
    color: #bf0000;
    padding-left: 5px;
    display: none
}

.mktoForm .mktoCheckboxList,.mktoForm .mktoRadioList {
    padding: .3em;
    float: left
}

.mktoForm .mktoCheckboxList>label,.mktoForm .mktoRadioList>label {
    margin-left: 1.5em;
    margin-top: .1em;
    margin-bottom: .3em;
    line-height: 1.2em;
    display: block;
    min-height: 12px
}

.mktoForm.ie7 .mktoCheckboxList>label,.mktoForm.ie7 .mktoRadioList>label {
    padding: .2em 0 0
}

.mktoForm .mktoCheckboxList>label>input,.mktoForm .mktoRadioList>label>input {
    float: left;
    margin: 0;
    margin-left: -1.5em
}

.mktoForm .mktoCheckboxList>input,.mktoForm .mktoRadioList>input {
    padding: 0
}

.mktoForm .mktoLabelToLeft>label {
    text-align: right;
    margin-left: 0;
    margin-right: 1.5em
}

.mktoForm .mktoLabelToLeft input[type=checkbox],.mktoForm .mktoLabelToLeft input[type=radio] {
    position: absolute;
    right: .3em
}

.mktoForm.mktoLayoutAbove .mktoRequiredField .mktoAsterix {
    float: left;
    padding-left: 0;
    padding-right: 5px
}

.mktoForm .mktoRequiredField .mktoAsterix {
    display: block
}

.mktoForm .mktoRequiredField label.mktoLabel {
    font-weight: 700
}

.mktoForm input[type=date],.mktoForm input[type=email],.mktoForm input[type=number],.mktoForm input[type=tel],.mktoForm input[type=text],.mktoForm input[type=url] {
    padding: .1em .2em;
    line-height: 1.2em;
    margin: 0
}

.mktoForm input[type=range] {
    padding: .25em 0;
    margin: 0
}

.mktoForm input[type=range]::-ms-tooltip {
    display: none
}

.mktoForm input[type=date],.mktoForm input[type=email],.mktoForm input[type=number],.mktoForm input[type=tel],.mktoForm input[type=text],.mktoForm input[type=url],.mktoForm select.mktoField,.mktoForm textarea.mktoField {
    box-sizing: border-box
}

.mktoForm .mktoFormRow {
    clear: both
}

.mktoForm .mktoFormCol {
    float: left;
    position: relative;
    min-height: 2em
}

.mktoButtonRow {
    display: inline-block;
    position: relative
}

.mktoForm textarea.mktoField {
    display: inline-block;
    padding: .2em;
    margin: 0;
    line-height: 1.2em;
    overflow: auto;
    resize: none;
    float: none
}

.mktoForm textarea[rows="1"] {
    height: 2em
}

.mktoForm textarea[rows="2"] {
    height: 3.4em
}

.mktoForm textarea[rows="3"] {
    height: 4.6em
}

.mktoForm textarea[rows="4"] {
    height: 5.8em
}

.mktoForm textarea[rows="5"] {
    height: 7em
}

.mktoForm textarea[rows="6"] {
    height: 8.2em
}

.mktoForm textarea[rows="7"] {
    height: 9.4em
}

.mktoForm textarea[rows="8"] {
    height: 10.6em
}

.mktoForm.mktoLayoutCenter .mktoLabel {
    text-align: right
}

.mktoForm.mktoLayoutAbove .mktoGutter {
    display: none
}

.mktoForm.mktoLayoutAbove .mktoLabel {
    text-align: left
}

.mktoForm.mktoLayoutAbove .mktoCheckboxList,.mktoForm.mktoLayoutAbove .mktoRadioList {
    float: none;
    clear: left
}

.mktoForm.mktoLayoutAbove .mktoField,.mktoForm.mktoLayoutAbove .mktoLogicalField {
    clear: left
}

.mktoForm.mktoLayoutAbove textarea.mktoField {
    float: left
}

.mktoForm .mktoError {
    position: absolute;
    z-index: 99;
    color: #bf0000
}

.mktoForm .mktoError .mktoErrorArrowWrap {
    width: 16px;
    height: 8px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 5px;
    z-index: 100
}

.mktoForm.ie7 .mktoError .mktoErrorArrowWrap {
    top: -8px
}

.mktoForm .mktoError .mktoErrorArrow {
    background-color: #e51b00;
    border: 1px solid #9f1300;
    border-right: none;
    border-bottom: none;
    display: inline-block;
    height: 16px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    width: 16px;
    margin-top: 5px
}

.mktoForm .mktoError .mktoErrorArrowWrap.mktoArrowImage {
    background: transparent url(../../../../../../themes/images/callout-arrow-up-red.png) top center no-repeat;
    bottom: -7px
}

.mktoForm .mktoError .mktoErrorArrowWrap.mktoArrowImage .mktoErrorArrow {
    display: none
}

.mktoForm .mktoError .mktoErrorMsg {
    display: block;
    margin-top: 7px;
    background-color: #e51b00;
    background-image: linear-gradient(#e51b00 43%,#ba1600 100%);
    background-image: -ms-linear-gradient(#e51b00 43%,#ba1600 100%);
    border: 1px solid #9f1300;
    border-radius: 6px;
    box-shadow: rgba(0,0,0,.65) 0 2px 7px,inset #ff3c3c 0 1px 0;
    color: #f3f3f3;
    font-size: 1em;
    line-height: 1.2em;
    max-width: 16em;
    padding: .4em .6em;
    text-shadow: #901100 0 -1px 0
}

.mktoForm .mktoError .mktoErrorMsg .mktoErrorDetail {
    display: block
}

.mktoForm button.mktoButton {
    cursor: pointer;
    margin: 0
}

.mktoForm button.mktoButton:disabled {
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    cursor: default
}

.mktoNoJS .mktoLabel {
    display: block;
    padding-right: 10px;
    width: 110px;
    text-align: right
}

.mktoNoJS input[type=text] {
    width: 150px
}

.mktoForm .cf_widget_socialsignon .cf_sign_on {
    margin-bottom: 1.5em
}

.mktoForm .mktoRangeField .mktoRangeValue {
    zoom:1;float: left;
    display: none;
    text-align: center;
    position: absolute;
    z-index: 99;
    color: #000
}

.mktoForm.ie6 .mktoRangeField .mktoRangeValue,.mktoForm.ie7 .mktoRangeField .mktoRangeValue {
    position: relative
}

.mktoForm .mktoRangeField.mktoHover .mktoRangeValue {
    display: block
}

.mktoForm .mktoRangeField .mktoRangeValueArrowWrap {
    width: 16px;
    height: 8px;
    overflow: hidden;
    position: absolute;
    bottom: -7px;
    z-index: 100
}

.mktoForm .mktoRangeField .mktoRangeValueArrow {
    background-color: #028d05;
    border: 1px solid #005602;
    height: 16px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    width: 16px;
    background-color: #007d04;
    border-left: none;
    border-top: none;
    margin-top: 5px;
    position: absolute;
    bottom: 5px
}

.mktoForm .mktoRangeField .mktoRangeValueArrowWrap.mktoArrowImage {
    background: transparent url(../../../../../../themes/images/callout-arrow-down-green.png) top center no-repeat;
    bottom: -7px
}

.mktoForm .mktoRangeField .mktoRangeValueArrowWrap.mktoArrowImage .mktoRangeValueArrow {
    display: none
}

.mktoForm .mktoRangeField .mktoRangeValueText {
    display: block;
    background-color: #028d05;
    background-image: linear-gradient(#028d05 43%,#007d04 100%);
    background-image: -ms-linear-gradient(#028d05 43%,#007d04 100%);
    border: 1px solid #005602;
    border-radius: 6px;
    box-shadow: rgba(0,0,0,.65) 0 2px 7px,inset #00a500 0 1px 0;
    color: #f3f3f3;
    font-size: 1em;
    line-height: 1.2em;
    padding: .4em .6em;
    text-shadow: #005602 0 -1px 0;
    text-align: center
}

.mktoModal {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.mktoModal .mktoModalMask {
    position: absolute;
    z-index: 10000;
    top: 0;
    left: 0;
    right: 0;
    zoom:1;background: rgba(0,0,0,.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000)"
}

.mktoModal .mktoModalContent {
    position: absolute;
    z-index: 10001;
    background: #fff;
    padding: 10px
}

.mktoModal .mktoModalClose {
    position: absolute;
    cursor: pointer;
    top: -10px;
    right: -10px;
    background: #000;
    color: #fff;
    width: 19px;
    height: 19px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    line-height: 19px;
    border-radius: 19px;
    text-align: center;
    border: 2px solid #ccc
}

@media only screen and (max-width: 480px) {
    .mktoForm,.mktoForm * {
        box-sizing:border-box;
        -moz-box-sizing: border-box;
        padding: 10px
    }

    .mktoForm .mktoGutter,.mktoForm .mktoOffset {
        display: none
    }

    .mktoForm .mktoFormCol .mktoLabel {
        text-align: left;
        width: 100%
    }

    .mktoForm .mktoFormCol {
        float: none
    }

    .mktoForm .mktoFieldWrap {
        float: none
    }

    .mktoForm fieldset {
        padding: 0 10px
    }

    .mktoForm input[type=date],.mktoForm input[type=email],.mktoForm input[type=number],.mktoForm input[type=tel],.mktoForm input[type=text],.mktoForm input[type=url],.mktoForm select.mktoField,.mktoForm textarea.mktoField {
        width: 100%;
        height: 1.5em;
        line-height: 1.5em;
        font-size: 18px
    }

    .mktoForm select.mktoField {
        height: auto
    }

    .mktoForm .mktoFormRow .mktoField {
        clear: left
    }

    .mktoForm .mktoFormRow .mktoFormCol {
        clear: both
    }

    .mktoForm .mktoCheckboxList,.mktoForm .mktoRadioList {
        width: 100%
    }

    .mktoForm .mktoFormRow .mktoRequiredField .mktoAsterix {
        float: left;
        padding-left: 0;
        padding-right: 5px
    }

    .mktoModal .mktoModalContent {
        padding: 10px 0
    }

    .mktoModal .mktoModalClose {
        right: 0
    }

    .mktoForm .cf_widget_socialsignon {
        display: block
    }

    .mktoForm .cf_widget_socialsignon .cf_sign_on {
        width: 100%
    }

    .mktoForm .cf_widget_socialsignon .cf_sign_on_button {
        width: auto
    }
}

@media only screen and (max-width: 480px),only screen and (max-device-width:480px),only screen and (max-device-height:480px) {
    .mktoForm *,.mktoMobileShow .mktoForm {
        box-sizing:border-box;
        -moz-box-sizing: border-box;
        padding: 10px
    }

    .mktoMobileShow .mktoForm .mktoGutter,.mktoMobileShow .mktoForm .mktoOffset {
        display: none
    }

    .mktoMobileShow .mktoForm .mktoFormCol .mktoLabel {
        text-align: left;
        width: 100%
    }

    .mktoMobileShow .mktoForm .mktoFormCol {
        float: none
    }

    .mktoMobileShow .mktoForm .mktoFieldWrap {
        float: none
    }

    .mktoMobileShow .mktoForm fieldset {
        padding: 0 10px
    }

    .mktoMobileShow .mktoForm input[type=date],.mktoMobileShow .mktoForm input[type=email],.mktoMobileShow .mktoForm input[type=number],.mktoMobileShow .mktoForm input[type=tel],.mktoMobileShow .mktoForm input[type=text],.mktoMobileShow .mktoForm input[type=url],.mktoMobileShow .mktoForm select.mktoField,.mktoMobileShow .mktoForm textarea.mktoField {
        width: 100%;
        height: 1.5em;
        line-height: 1.5em;
        font-size: 18px
    }

    .mktoMobileShow .mktoForm select.mktoField {
        height: auto
    }

    .mktoMobileShow .mktoForm .mktoFormRow .mktoField {
        clear: left
    }

    .mktoMobileShow .mktoForm .mktoFormRow .mktoFormCol {
        clear: both
    }

    .mktoMobileShow .mktoForm .mktoCheckboxList,.mktoMobileShow .mktoForm .mktoRadioList {
        width: 100%
    }

    .mktoMobileShow .mktoForm .mktoFormRow .mktoRequiredField .mktoAsterix {
        float: left;
        padding-left: 0;
        padding-right: 5px
    }

    .mktoMobileShow .mktoModal .mktoModalContent {
        padding: 10px 0
    }

    .mktoMobileShow .mktoModal .mktoModalClose {
        right: 0
    }

    .mktoMobileShow .mktoForm .cf_widget_socialsignon {
        display: block
    }

    .mktoMobileShow .mktoForm .cf_widget_socialsignon .cf_sign_on {
        width: 100%
    }

    .mktoMobileShow .mktoForm .cf_widget_socialsignon .cf_sign_on_button {
        width: auto
    }
}

#mktoStyleLoaded {
    color: #123456
}

.mktoForm input[type=date],.mktoForm input[type=email],.mktoForm input[type=number],.mktoForm input[type=tel],.mktoForm input[type=text],.mktoForm input[type=url],.mktoForm select.mktoField,.mktoForm textarea.mktoField {
    padding: 2px 3px
}

.cards {
    display: grid;
    grid-column-gap: 3%;
    grid-row-gap: 3%;
    margin-bottom: 50px
}

@media (min-width: 768px) {
    .cards--3cols {
        grid-template-columns:repeat(2,minmax(10px,1fr))
    }
}

@media (min-width: 980px) {
    .cards {
        margin-bottom:5%
    }

    .cards--3cols {
        grid-template-columns: repeat(3,minmax(10px,1fr))
    }
}

.cards__item {
    background-color: #fff;
    border: 1px solid #ecebee;
    border-radius: 5px;
    box-shadow: 0 2px 18px 0 rgba(78,133,200,.1);
    padding: 30px;
    transition: transform .1s ease;
    line-height: 1.3em;
    color: rgba(4,30,66,.7);
    font-size: 16px
}

.cards__item--center {
    text-align: center
}

.cards__item:hover {
    transform: scale(1.05)
}

.cards__title {
    font-weight: 600;
    font-size: 18px
}

.cards__link i {
    padding-left: 5px
}

.oc .form,.oc .mktoForm,.oc form:not(.et-fb-form):not(.et_pb_searchform) {
    margin-left: -3%;
    width: inherit!important
}

.oc .form .mktoButtonRow,.oc .form .mktoFormCol,.oc .mktoForm .mktoButtonRow,.oc .mktoForm .mktoFormCol,.oc form:not(.et-fb-form):not(.et_pb_searchform) .mktoButtonRow,.oc form:not(.et-fb-form):not(.et_pb_searchform) .mktoFormCol {
    margin-bottom: 3%!important;
    min-height: 0!important;
    padding: 0 0 0 3%;
    width: 100%
}

@media (min-width: 768px) {
    .oc .form .mktoButtonRow__half,.oc .form .mktoFormCol__half,.oc .mktoForm .mktoButtonRow__half,.oc .mktoForm .mktoFormCol__half,.oc form:not(.et-fb-form):not(.et_pb_searchform) .mktoButtonRow__half,.oc form:not(.et-fb-form):not(.et_pb_searchform) .mktoFormCol__half {
        width:50%;
        float: left
    }
}

.oc .form .mkto_form_fallback,.oc .mktoForm .mkto_form_fallback,.oc form:not(.et-fb-form):not(.et_pb_searchform) .mkto_form_fallback {
    opacity: 0
}

.oc .form label.mktoLabel,.oc .mktoForm label.mktoLabel,.oc form:not(.et-fb-form):not(.et_pb_searchform) label.mktoLabel {
    display: none
}

.oc .form.mktoLayoutAbove label.mktoLabel .mktoAsterix,.oc .mktoForm.mktoLayoutAbove label.mktoLabel .mktoAsterix,.oc form:not(.et-fb-form):not(.et_pb_searchform).mktoLayoutAbove label.mktoLabel .mktoAsterix {
    color: #fff
}

.oc .form.mktoLayoutAbove label.mktoLabel,.oc .form.mktoLayoutAbove label.mktoLabel#Lbltypeofcommunitycontribution,.oc .mktoForm.mktoLayoutAbove label.mktoLabel,.oc .mktoForm.mktoLayoutAbove label.mktoLabel#Lbltypeofcommunitycontribution,.oc form:not(.et-fb-form):not(.et_pb_searchform).mktoLayoutAbove label.mktoLabel,.oc form:not(.et-fb-form):not(.et_pb_searchform).mktoLayoutAbove label.mktoLabel#Lbltypeofcommunitycontribution {
    display: flex;
    width: 100%!important;
    padding-bottom: 10px;
    color: #4e85c8;
    font-weight: 700
}

.oc .form.mktoLayoutAbove label.mktoLabel[for=honeypot],.oc .mktoForm.mktoLayoutAbove label.mktoLabel[for=honeypot],.oc form:not(.et-fb-form):not(.et_pb_searchform).mktoLayoutAbove label.mktoLabel[for=honeypot] {
    display: none
}

.oc .form input,.oc .form select,.oc .form select.mktoField,.oc .form textarea.mktoField,.oc .mktoForm input,.oc .mktoForm select,.oc .mktoForm select.mktoField,.oc .mktoForm textarea.mktoField,.oc form:not(.et-fb-form):not(.et_pb_searchform) input,.oc form:not(.et-fb-form):not(.et_pb_searchform) select,.oc form:not(.et-fb-form):not(.et_pb_searchform) select.mktoField,.oc form:not(.et-fb-form):not(.et_pb_searchform) textarea.mktoField {
    background-color: #042047;
    border: 1px solid rgba(78,133,200,.8);
    border-radius: 10px;
    color: #568aca;
    font-weight: 700;
    width: 100%!important;
    display: block
}

.oc .form input::-moz-placeholder,.oc .form select.mktoField::-moz-placeholder,.oc .form select::-moz-placeholder,.oc .form textarea.mktoField::-moz-placeholder,.oc .mktoForm input::-moz-placeholder,.oc .mktoForm select.mktoField::-moz-placeholder,.oc .mktoForm select::-moz-placeholder,.oc .mktoForm textarea.mktoField::-moz-placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) input::-moz-placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) select.mktoField::-moz-placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) select::-moz-placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) textarea.mktoField::-moz-placeholder {
    opacity: 1
}

.oc .form input.mktoRequired,.oc .form select.mktoField.mktoRequired,.oc .form select.mktoRequired,.oc .form textarea.mktoField.mktoRequired,.oc .mktoForm input.mktoRequired,.oc .mktoForm select.mktoField.mktoRequired,.oc .mktoForm select.mktoRequired,.oc .mktoForm textarea.mktoField.mktoRequired,.oc form:not(.et-fb-form):not(.et_pb_searchform) input.mktoRequired,.oc form:not(.et-fb-form):not(.et_pb_searchform) select.mktoField.mktoRequired,.oc form:not(.et-fb-form):not(.et_pb_searchform) select.mktoRequired,.oc form:not(.et-fb-form):not(.et_pb_searchform) textarea.mktoField.mktoRequired {
    font-weight: 700;
    background-color: #052550;
    border: 1px solid #4e85c8
}

.oc .form input:not(.mktoValid),.oc .form select.mktoField:not(.mktoValid),.oc .form select:not(.mktoValid),.oc .form textarea.mktoField:not(.mktoValid),.oc .mktoForm input:not(.mktoValid),.oc .mktoForm select.mktoField:not(.mktoValid),.oc .mktoForm select:not(.mktoValid),.oc .mktoForm textarea.mktoField:not(.mktoValid),.oc form:not(.et-fb-form):not(.et_pb_searchform) input:not(.mktoValid),.oc form:not(.et-fb-form):not(.et_pb_searchform) select.mktoField:not(.mktoValid),.oc form:not(.et-fb-form):not(.et_pb_searchform) select:not(.mktoValid),.oc form:not(.et-fb-form):not(.et_pb_searchform) textarea.mktoField:not(.mktoValid) {
    opacity: .7
}

.oc .form input.mktoInvalid,.oc .form select.mktoField.mktoInvalid,.oc .form select.mktoInvalid,.oc .form textarea.mktoField.mktoInvalid,.oc .mktoForm input.mktoInvalid,.oc .mktoForm select.mktoField.mktoInvalid,.oc .mktoForm select.mktoInvalid,.oc .mktoForm textarea.mktoField.mktoInvalid,.oc form:not(.et-fb-form):not(.et_pb_searchform) input.mktoInvalid,.oc form:not(.et-fb-form):not(.et_pb_searchform) select.mktoField.mktoInvalid,.oc form:not(.et-fb-form):not(.et_pb_searchform) select.mktoInvalid,.oc form:not(.et-fb-form):not(.et_pb_searchform) textarea.mktoField.mktoInvalid {
    border: 2px solid #e61429
}

.oc .form input::-moz-placeholder,.oc .form select.mktoField::-moz-placeholder,.oc .form select::-moz-placeholder,.oc .form textarea.mktoField::-moz-placeholder,.oc .mktoForm input::-moz-placeholder,.oc .mktoForm select.mktoField::-moz-placeholder,.oc .mktoForm select::-moz-placeholder,.oc .mktoForm textarea.mktoField::-moz-placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) input::-moz-placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) select.mktoField::-moz-placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) select::-moz-placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) textarea.mktoField::-moz-placeholder {
    color: #4e85c8;
    font-weight: 500
}

.oc .form input::placeholder,.oc .form select.mktoField::placeholder,.oc .form select::placeholder,.oc .form textarea.mktoField::placeholder,.oc .mktoForm input::placeholder,.oc .mktoForm select.mktoField::placeholder,.oc .mktoForm select::placeholder,.oc .mktoForm textarea.mktoField::placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) input::placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) select.mktoField::placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) select::placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) textarea.mktoField::placeholder {
    color: #4e85c8;
    font-weight: 500
}

.oc .form input ::-moz-placeholder,.oc .form select ::-moz-placeholder,.oc .form select.mktoField ::-moz-placeholder,.oc .form textarea.mktoField ::-moz-placeholder,.oc .mktoForm input ::-moz-placeholder,.oc .mktoForm select ::-moz-placeholder,.oc .mktoForm select.mktoField ::-moz-placeholder,.oc .mktoForm textarea.mktoField ::-moz-placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) input ::-moz-placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) select ::-moz-placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) select.mktoField ::-moz-placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) textarea.mktoField ::-moz-placeholder {
    color: #4e85c8;
    font-weight: 500
}

.oc .form input:active,.oc .form input:focus,.oc .form select.mktoField:active,.oc .form select.mktoField:focus,.oc .form select:active,.oc .form select:focus,.oc .form textarea.mktoField:active,.oc .form textarea.mktoField:focus,.oc .mktoForm input:active,.oc .mktoForm input:focus,.oc .mktoForm select.mktoField:active,.oc .mktoForm select.mktoField:focus,.oc .mktoForm select:active,.oc .mktoForm select:focus,.oc .mktoForm textarea.mktoField:active,.oc .mktoForm textarea.mktoField:focus,.oc form:not(.et-fb-form):not(.et_pb_searchform) input:active,.oc form:not(.et-fb-form):not(.et_pb_searchform) input:focus,.oc form:not(.et-fb-form):not(.et_pb_searchform) select.mktoField:active,.oc form:not(.et-fb-form):not(.et_pb_searchform) select.mktoField:focus,.oc form:not(.et-fb-form):not(.et_pb_searchform) select:active,.oc form:not(.et-fb-form):not(.et_pb_searchform) select:focus,.oc form:not(.et-fb-form):not(.et_pb_searchform) textarea.mktoField:active,.oc form:not(.et-fb-form):not(.et_pb_searchform) textarea.mktoField:focus {
    opacity: 1;
    border: 1px solid #4e85c8
}

.oc .form input[type=email],.oc .form input[type=number],.oc .form input[type=tel],.oc .form input[type=text],.oc .form input[type=url],.oc .form textarea.mktoField,.oc .mktoForm input[type=email],.oc .mktoForm input[type=number],.oc .mktoForm input[type=tel],.oc .mktoForm input[type=text],.oc .mktoForm input[type=url],.oc .mktoForm textarea.mktoField,.oc form:not(.et-fb-form):not(.et_pb_searchform) input[type=email],.oc form:not(.et-fb-form):not(.et_pb_searchform) input[type=number],.oc form:not(.et-fb-form):not(.et_pb_searchform) input[type=tel],.oc form:not(.et-fb-form):not(.et_pb_searchform) input[type=text],.oc form:not(.et-fb-form):not(.et_pb_searchform) input[type=url],.oc form:not(.et-fb-form):not(.et_pb_searchform) textarea.mktoField {
    padding: 16px;
    height: inherit
}

.oc .form input[type=date],.oc .mktoForm input[type=date],.oc form:not(.et-fb-form):not(.et_pb_searchform) input[type=date] {
    padding: 14px
}

.oc .form select,.oc .form select.mktoField,.oc .mktoForm select,.oc .mktoForm select.mktoField,.oc form:not(.et-fb-form):not(.et_pb_searchform) select,.oc form:not(.et-fb-form):not(.et_pb_searchform) select.mktoField {
    padding: 16px 34px 16px 16px;
    font-weight: 400;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #4e85c8;
    background-image: url(../../../../../../themes/ownCloud/dist/assets/img/arrow.svg);
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 10px
}

.oc .form select option [selected],.oc .form select option:checked,.oc .form select.mktoField option [selected],.oc .form select.mktoField option:checked,.oc .mktoForm select option [selected],.oc .mktoForm select option:checked,.oc .mktoForm select.mktoField option [selected],.oc .mktoForm select.mktoField option:checked,.oc form:not(.et-fb-form):not(.et_pb_searchform) select option [selected],.oc form:not(.et-fb-form):not(.et_pb_searchform) select option:checked,.oc form:not(.et-fb-form):not(.et_pb_searchform) select.mktoField option [selected],.oc form:not(.et-fb-form):not(.et_pb_searchform) select.mktoField option:checked {
    background: linear-gradient(0deg,#4e85c8 0,#4e85c8 100%);
    color: #fff
}

.oc .form button[type=submit],.oc .mktoForm button[type=submit],.oc form:not(.et-fb-form):not(.et_pb_searchform) button[type=submit] {
    background: #4e85c8;
    color: #fff;
    font-weight: 600;
    border: none;
    transition: all .3s ease-in-out;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    padding: .7em 1.9em;
    border-radius: 3px;
    font-size: 17px;
    margin-top: 15px
}

@media (min-width: 768px) {
    .oc .form button[type=submit],.oc .mktoForm button[type=submit],.oc form:not(.et-fb-form):not(.et_pb_searchform) button[type=submit] {
        margin-top:0
    }
}

.oc .form button[type=submit]:active,.oc .form button[type=submit]:focus,.oc .form button[type=submit]:hover,.oc .mktoForm button[type=submit]:active,.oc .mktoForm button[type=submit]:focus,.oc .mktoForm button[type=submit]:hover,.oc form:not(.et-fb-form):not(.et_pb_searchform) button[type=submit]:active,.oc form:not(.et-fb-form):not(.et_pb_searchform) button[type=submit]:focus,.oc form:not(.et-fb-form):not(.et_pb_searchform) button[type=submit]:hover {
    background: rgba(78,133,200,.8)
}

.oc .form hr,.oc .mktoForm hr,.oc form:not(.et-fb-form):not(.et_pb_searchform) hr {
    display: block;
    height: 1px;
    border: none;
    background-color: rgba(78,133,200,.5);
    position: absolute;
    left: 0;
    right: 0;
    top: -5px;
    width: 100%
}

.oc .form .check .mktoCheckboxList,.oc .mktoForm .check .mktoCheckboxList,.oc form:not(.et-fb-form):not(.et_pb_searchform) .check .mktoCheckboxList {
    display: grid;
    grid-template-columns: 15px minmax(10px,1fr);
    align-items: center;
    width: 100%!important
}

.oc .form .check .mktoCheckboxList>label,.oc .mktoForm .check .mktoCheckboxList>label,.oc form:not(.et-fb-form):not(.et_pb_searchform) .check .mktoCheckboxList>label {
    margin-left: 10px
}

.oc .form .check label,.oc .mktoForm .check label,.oc form:not(.et-fb-form):not(.et_pb_searchform) .check label {
    font-size: 100%;
    color: #4e85c8
}

.oc .form .check input,.oc .mktoForm .check input,.oc form:not(.et-fb-form):not(.et_pb_searchform) .check input {
    width: 15px!important;
    height: 15px!important
}

.oc .form .check--multi .mktoFieldWrap>label,.oc .mktoForm .check--multi .mktoFieldWrap>label,.oc form:not(.et-fb-form):not(.et_pb_searchform) .check--multi .mktoFieldWrap>label {
    width: 100%!important;
    display: block;
    margin-bottom: 15px;
    font-weight: 600
}

.oc .form[data-form="2752"] .mktoCheckboxList,.oc .mktoForm[data-form="2752"] .mktoCheckboxList,.oc form:not(.et-fb-form):not(.et_pb_searchform)[data-form="2752"] .mktoCheckboxList {
    padding: 5px 0 0 0;
    display: inline-grid;
    grid-template-columns: 20px minmax(10px,auto);
    grid-row-gap: 10px;
    row-gap: 10px;
    width: -moz-fit-content!important;
    width: fit-content!important
}

.oc .form[data-form="2752"] .mktoCheckboxList label,.oc .mktoForm[data-form="2752"] .mktoCheckboxList label,.oc form:not(.et-fb-form):not(.et_pb_searchform)[data-form="2752"] .mktoCheckboxList label {
    margin: 0 0 0 5px
}

.oc .form #honeypot,.oc .form .mktoGutter,.oc .form .mktoOffset,.oc .mktoForm #honeypot,.oc .mktoForm .mktoGutter,.oc .mktoForm .mktoOffset,.oc form:not(.et-fb-form):not(.et_pb_searchform) #honeypot,.oc form:not(.et-fb-form):not(.et_pb_searchform) .mktoGutter,.oc form:not(.et-fb-form):not(.et_pb_searchform) .mktoOffset {
    display: none
}

.oc .form .mktoFieldWrap,.oc .mktoForm .mktoFieldWrap,.oc form:not(.et-fb-form):not(.et_pb_searchform) .mktoFieldWrap {
    width: 100%!important;
    position: relative
}

.oc .form .mktoButtonWrap,.oc .mktoForm .mktoButtonWrap,.oc form:not(.et-fb-form):not(.et_pb_searchform) .mktoButtonWrap {
    margin: 0!important;
    display: flex;
    justify-content: center
}

.oc .form .mktoError,.oc .mktoForm .mktoError,.oc form:not(.et-fb-form):not(.et_pb_searchform) .mktoError {
    left: 0!important;
    right: inherit!important;
    bottom: -25px!important
}

.oc .form .mktoError .mktoErrorArrowWrap,.oc .mktoForm .mktoError .mktoErrorArrowWrap,.oc form:not(.et-fb-form):not(.et_pb_searchform) .mktoError .mktoErrorArrowWrap {
    left: 8px;
    height: 12px;
    bottom: 0
}

.oc .form .mktoError .mktoErrorArrow,.oc .mktoForm .mktoError .mktoErrorArrow,.oc form:not(.et-fb-form):not(.et_pb_searchform) .mktoError .mktoErrorArrow {
    background-color: #fff;
    border: none;
    left: 8px
}

.oc .form .mktoError .mktoErrorMsg,.oc .mktoForm .mktoError .mktoErrorMsg,.oc form:not(.et-fb-form):not(.et_pb_searchform) .mktoError .mktoErrorMsg {
    background-color: #fff;
    background-image: none;
    color: #55606c;
    border: none;
    text-shadow: none;
    box-shadow: 1px 1px 5px 2px rgba(0,0,0,.11)
}

.oc .form input.mktoRequired::-moz-placeholder,.oc .form select.mktoField.mktoRequired::-moz-placeholder,.oc .form textarea.mktoField.mktoRequired::-moz-placeholder,.oc .mktoForm input.mktoRequired::-moz-placeholder,.oc .mktoForm select.mktoField.mktoRequired::-moz-placeholder,.oc .mktoForm textarea.mktoField.mktoRequired::-moz-placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) input.mktoRequired::-moz-placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) select.mktoField.mktoRequired::-moz-placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) textarea.mktoField.mktoRequired::-moz-placeholder {
    font-weight: 700
}

.oc .form input.mktoRequired option,.oc .form input.mktoRequired::placeholder,.oc .form select.mktoField.mktoRequired option,.oc .form select.mktoField.mktoRequired::placeholder,.oc .form textarea.mktoField.mktoRequired option,.oc .form textarea.mktoField.mktoRequired::placeholder,.oc .mktoForm input.mktoRequired option,.oc .mktoForm input.mktoRequired::placeholder,.oc .mktoForm select.mktoField.mktoRequired option,.oc .mktoForm select.mktoField.mktoRequired::placeholder,.oc .mktoForm textarea.mktoField.mktoRequired option,.oc .mktoForm textarea.mktoField.mktoRequired::placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) input.mktoRequired option,.oc form:not(.et-fb-form):not(.et_pb_searchform) input.mktoRequired::placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) select.mktoField.mktoRequired option,.oc form:not(.et-fb-form):not(.et_pb_searchform) select.mktoField.mktoRequired::placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) textarea.mktoField.mktoRequired option,.oc form:not(.et-fb-form):not(.et_pb_searchform) textarea.mktoField.mktoRequired::placeholder {
    font-weight: 700
}

.oc .form .error,.oc .mktoForm .error,.oc form:not(.et-fb-form):not(.et_pb_searchform) .error {
    font-size: 14px;
    color: #55606c;
    font-weight: 600;
    padding-top: 3px
}

.oc .form .multipleInput__left input,.oc .form .multipleInput__left select,.oc .mktoForm .multipleInput__left input,.oc .mktoForm .multipleInput__left select,.oc form:not(.et-fb-form):not(.et_pb_searchform) .multipleInput__left input,.oc form:not(.et-fb-form):not(.et_pb_searchform) .multipleInput__left select {
    border-radius: 10px 0 0 10px
}

.oc .form .multipleInput__right input,.oc .form .multipleInput__right select,.oc .mktoForm .multipleInput__right input,.oc .mktoForm .multipleInput__right select,.oc form:not(.et-fb-form):not(.et_pb_searchform) .multipleInput__right input,.oc form:not(.et-fb-form):not(.et_pb_searchform) .multipleInput__right select {
    border-radius: 0 10px 10px 0;
    border-left: none!important
}

.oc .form h2,.oc .mktoForm h2,.oc form:not(.et-fb-form):not(.et_pb_searchform) h2 {
    text-align: center;
    padding-bottom: 30px
}

.ocFormSubmit {
    color: #fff!important;
    text-align: center;
    display: none;
    border: 1px solid #4e85c8;
    border-radius: 10px;
    padding: 50px;
    margin-bottom: 30px
}

.ocFormSubmit h2 {
    font-size: 36px;
    font-weight: 600;
    color: #4e85c8!important
}

.oc .form-light .mktoForm input,.oc .form-light .mktoForm select,.oc .form-light .mktoForm select.mktoField,.oc .form-light .mktoForm textarea.mktoField,.oc .form.light input,.oc .form.light select,.oc .form.light select.mktoField,.oc .form.light textarea.mktoField,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) input,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) select,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) select.mktoField,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) textarea.mktoField {
    background-color: rgba(78,133,200,.05);
    color: #4e85c8;
    border: 1px solid rgba(78,133,200,.25);
    transition: border .3s ease-in-out
}

.oc .form-light .mktoForm input::-moz-placeholder,.oc .form-light .mktoForm select.mktoField::-moz-placeholder,.oc .form-light .mktoForm select::-moz-placeholder,.oc .form-light .mktoForm textarea.mktoField::-moz-placeholder,.oc .form.light input::-moz-placeholder,.oc .form.light select.mktoField::-moz-placeholder,.oc .form.light select::-moz-placeholder,.oc .form.light textarea.mktoField::-moz-placeholder,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) input::-moz-placeholder,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) select.mktoField::-moz-placeholder,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) select::-moz-placeholder,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) textarea.mktoField::-moz-placeholder {
    opacity: 1
}

.oc .form-light .mktoForm input.mktoRequired,.oc .form-light .mktoForm select.mktoField.mktoRequired,.oc .form-light .mktoForm select.mktoRequired,.oc .form-light .mktoForm textarea.mktoField.mktoRequired,.oc .form.light input.mktoRequired,.oc .form.light select.mktoField.mktoRequired,.oc .form.light select.mktoRequired,.oc .form.light textarea.mktoField.mktoRequired,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) input.mktoRequired,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) select.mktoField.mktoRequired,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) select.mktoRequired,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) textarea.mktoField.mktoRequired {
    font-weight: 700
}

.oc .form-light .mktoForm input:not(.mktoValid),.oc .form-light .mktoForm select.mktoField:not(.mktoValid),.oc .form-light .mktoForm select:not(.mktoValid),.oc .form-light .mktoForm textarea.mktoField:not(.mktoValid),.oc .form.light input:not(.mktoValid),.oc .form.light select.mktoField:not(.mktoValid),.oc .form.light select:not(.mktoValid),.oc .form.light textarea.mktoField:not(.mktoValid),.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) input:not(.mktoValid),.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) select.mktoField:not(.mktoValid),.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) select:not(.mktoValid),.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) textarea.mktoField:not(.mktoValid) {
    opacity: .7
}

.oc .form-light .mktoForm input option:checked,.oc .form-light .mktoForm input:active,.oc .form-light .mktoForm input:focus,.oc .form-light .mktoForm select option:checked,.oc .form-light .mktoForm select.mktoField option:checked,.oc .form-light .mktoForm select.mktoField:active,.oc .form-light .mktoForm select.mktoField:focus,.oc .form-light .mktoForm select:active,.oc .form-light .mktoForm select:focus,.oc .form-light .mktoForm textarea.mktoField option:checked,.oc .form-light .mktoForm textarea.mktoField:active,.oc .form-light .mktoForm textarea.mktoField:focus,.oc .form.light input option:checked,.oc .form.light input:active,.oc .form.light input:focus,.oc .form.light select option:checked,.oc .form.light select.mktoField option:checked,.oc .form.light select.mktoField:active,.oc .form.light select.mktoField:focus,.oc .form.light select:active,.oc .form.light select:focus,.oc .form.light textarea.mktoField option:checked,.oc .form.light textarea.mktoField:active,.oc .form.light textarea.mktoField:focus,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) input option:checked,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) input:active,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) input:focus,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) select option:checked,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) select.mktoField option:checked,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) select.mktoField:active,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) select.mktoField:focus,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) select:active,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) select:focus,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) textarea.mktoField option:checked,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) textarea.mktoField:active,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) textarea.mktoField:focus {
    border: 1px solid rgba(78,133,200,.75);
    color: #4e85c8;
    font-weight: 700;
    opacity: 1
}

.oc .form-light .mktoForm label.mktoLabel .mktoAsterix,.oc .form.light label.mktoLabel .mktoAsterix,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) label.mktoLabel .mktoAsterix {
    color: #4e85c8
}

.oc .form-light .mktoForm .mktoHtmlText,.oc .form.light .mktoHtmlText,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) .mktoHtmlText {
    color: #55606c;
    width: 100%!important;
    line-height: 1.4
}

.ocFormSubmit.ui-light p {
    color: #4e85c8!important
}

.oc .mktoForm.light .checkbox-label {
    color: rgba(4,30,66,.7)
}

.et_pb_searchform .et_pb_s {
    background-image: url(../../../../../../themes/ownCloud/dist/assets/img/search.svg)!important;
    background-repeat: no-repeat!important;
    background-position: right 3% center!important;
    color: #6192ce!important
}

.et_pb_searchform .et_pb_searchsubmit {
    opacity: 0
}

.ui-dark .et_pb_searchform .et_pb_s {
    background-color: #fff!important
}

#payment-form {
    display: none
}

#payment-form>div {
    margin-bottom: 15px
}

#payment-form label {
    display: block
}

#payment-form label[for=payment-amount] {
    width: 70%;
    float: left
}

#payment-form label[for=payment-currency] {
    width: 30%;
    float: right
}

#formResponse {
    display: none;
    background: rgba(78,133,200,.05);
    border-radius: 10px;
    text-align: center;
    padding: 5vw 8vw
}

#formResponse h1 {
    margin-bottom: 10px
}

#formResponse p {
    font-size: 120%;
    line-height: 1.5
}

.oc .mktoForm.partner {
    background: #fff;
    padding: 35px 20px 30px calc(20px - 3%);
    margin: 0!important;
    box-shadow: 0 2px 18px 0 rgba(78,133,200,.1);
    border: 1px solid #ecebee;
    border-radius: 5px
}

.form-legal {
    margin: 20px 0;
    font-size: 14px;
    line-height: 1.3
}

.form-legal .small {
    font-size: 12px;
    opacity: .8
}

.form-legal.dark {
    color: #fff
}

.form-legal.dark .small {
    opacity: .6
}

.oc #main-content .et_password_protected_form {
    max-width: 600px;
    margin: 0 auto
}

.oc #main-content .et_password_protected_form form {
    margin-left: 0;
    margin-top: 20px
}

.oc #main-content .et_password_protected_form input {
    background-color: #fff;
    border: 1px solid #94969e!important;
    border-radius: 3px!important
}

.formShare {
    margin-top: 20px
}

.formShare__icons {
    display: flex;
    justify-content: center;
    margin-top: 15px
}

.formShare__intro {
    border-top: 1px solid #d0cfd3;
    padding-top: 30px
}

.formShare p.formShare__intro {
    color: rgba(4,30,66,.75)!important
}

.formShare__icon {
    display: flex;
    height: 32px;
    margin: 0 5px
}

@media (min-width: 1100px) {
    .main-menu .nav>li {
        padding-left:18px
    }

    .main-menu .nav>li:not(:last-child) {
        padding-right: 18px
    }
}

.main-menu .nav>li.current-menu-item a:after,.main-menu .nav>li.current-menu-parent a:before,.main-menu .nav>li:not(.menu-item-has-children) a:after {
    background: none repeat scroll 0 0 transparent;
    margin-top: 20px;
    bottom: 0;
    content: "";
    display: block;
    height: 3px;
    left: 50%;
    position: absolute;
    background: rgba(78,133,200,.5);
    transition: width .15s ease 0s,left .15s ease 0s;
    width: 0;
    border-radius: 5px
}

.main-menu .nav>li>a {
    color: #fff;
    opacity: 1;
    padding-top: 20px;
    padding-bottom: 20px;
    transition: none;
    font-size: 18px!important
}

@media (min-width: 1100px) {
    .main-menu .nav>li>a {
        font-size:19px!important
    }
}

.main-menu .nav>li.current-menu-parent a:before {
    margin-top: 0;
    bottom: 15px
}

.main-menu .nav>li a:hover:after,.main-menu .nav>li.current-menu-item a:after,.main-menu .nav>li.current-menu-parent>a:before {
    width: 100%;
    left: 0
}

@media (min-width: 768px) {
    .et_pb_menu.main-menu .et_pb_menu__logo {
        margin-top:-20px;
        margin-right: 0
    }
}

.et_pb_menu.main-menu .et-menu.nav>li ul {
    border-radius: 5px;
    padding: 10px 0;
    margin-top: -12px
}

.et_pb_menu.main-menu .et-menu.nav li ul a {
    padding-left: 0;
    font-size: 16px
}

.et_pb_menu.main-menu .et-menu.nav li ul a:hover {
    background: inherit
}

.get-started a {
    background: #4e85c8;
    color: #fff;
    padding: 10px!important;
    align-self: center;
    border-radius: 5px;
    font-size: 18px!important;
    font-weight: 600;
    transition: all .1s ease-in-out!important;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)
}

@media (min-width: 768px) {
    .get-started a:hover {
        transform:scale(1.1)
    }
}

.get-started a:after {
    display: none!important
}

.et_pb_menu.main-menu .et-menu.nav ul.sub-menu {
    background-color: rgba(4,30,66,.97)!important;
    border: 1px solid #364b68;
    padding: 5px 0
}

.et_pb_menu.main-menu .et-menu.nav ul.sub-menu li {
    border-bottom: 1px solid #364b68;
    margin-left: -1px
}

.et_pb_menu.main-menu .et-menu.nav ul.sub-menu li a {
    color: #fff!important;
    font-size: 100%;
    padding: 8px 20px 10px 0;
    line-height: 1.5
}

.et_pb_menu.main-menu .et-menu.nav ul.sub-menu li a:hover {
    color: #4e85c8!important;
    opacity: 1
}

.et_pb_menu.main-menu .et-menu.nav ul.sub-menu li:last-child {
    border-bottom: none
}

#menu-topbar li a {
    font-weight: 600;
    transition: none
}

.topbar {
    display: flex;
    color: #fff
}

.topbar__section {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #041e42;
    border-bottom: 1px solid rgba(78,133,200,.2);
    height: 65px;
    display: flex;
    align-items: center;
    transition: top .2s ease-in-out
}

@media (min-width: 1100px) {
    .topbar__section {
        overflow-y:inherit;
        height: inherit
    }
}

.topbar__margin {
    background-color: #041e42;
    height: 65px
}

@media (min-width: 1100px) {
    .topbar__margin {
        height:90px
    }
}

@media (min-width: 1405px) {
    .topbar__margin {
        height:95px
    }
}

.topbar__row {
    margin: 0 10%
}

@media (min-width: 1100px) {
    .topbar__row {
        margin:0 auto
    }
}

@media (max-width: 550px) {
    .topbar__toggle-mobile {
        display:none!important
    }
}

.topbar__homelink {
    display: flex
}

.topbar__logo {
    max-width: 25vw;
    max-height: 40px;
    align-self: center
}

@media (min-width: 1100px) {
    .topbar__logo {
        max-height:60px;
        max-width: 120px;
        width: 9vw
    }
}

.topbar__cta {
    margin-left: 5px
}

@media (max-width: 370px) {
    .topbar__cta {
        display:none
    }
}

.topbar__separator {
    display: flex;
    width: 1px;
    height: 20px;
    background-color: rgba(78,133,200,.3)
}

.topbar__icon {
    height: 15px;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    transition: filter .1s ease-in-out;
    padding: 0 10px;
    display: flex;
    box-sizing: content-box
}

@media (min-width: 1100px) {
    .topbar__icon {
        padding:0 1vw;
        padding: 0 clamp(5px,1vw,15px)
    }
}

.topbar__icon--contact {
    width: 22px;
    background-image: url(../../../../../../themes/ownCloud/dist/assets/img/icon-contact.svg)
}

.topbar__icon--github {
    width: 17px;
    height: 17px;
    background-image: url(../../../../../../themes/ownCloud/dist/assets/img/icon-github.svg)
}

.topbar__icon--search {
    width: 15px;
    background-image: url(../../../../../../themes/ownCloud/dist/assets/img/icon-search.svg)
}

.topbar__icon:hover {
    filter: invert(74%) sepia(40%) saturate(7385%) hue-rotate(190deg) brightness(86%) contrast(80%)
}

.topbar__search {
    display: none;
    border-bottom: 1px solid rgba(78,133,200,.2);
    position: fixed;
    width: 100%;
    left: 0;
    padding: 20px 0 20px 0;
    background-color: #041e42;
    top: 65px;
    z-index: 20
}

@media (min-width: 1100px) {
    .topbar__search {
        top:90px;
        padding-top: 5px
    }
}

.topbar__search #searchform {
    margin: 0 auto;
    max-width: 1230px;
    width: 80%!important;
    box-shadow: 20px 30px 50px 0 rgba(0,0,0,.15)
}

.topbar__search #searchform>div {
    display: flex
}

.topbar__search #searchform input {
    border-radius: 2px;
    padding: 7px;
    opacity: 1;
    font-weight: 500
}

@media (min-width: 1100px) {
    .topbar__search #searchform input {
        padding:10px
    }
}

.topbar__search #searchform input[type=text] {
    background-color: #fff;
    flex-basis: 85%;
    border: none;
    color: #55606c;
    font-weight: 600;
    letter-spacing: .5px
}

.topbar__search #searchform input[type=submit] {
    flex-basis: 15%;
    margin-left: 10px;
    color: #fff
}

.topbar__nav {
    width: 100%;
    display: none;
    order: 3;
    height: calc(100vh - 65px);
    position: fixed;
    top: 65px;
    left: 0;
    overflow-y: scroll;
    background-color: #fff;
    padding: 0 10%
}

.topbar__nav.is-active {
    display: flex
}

@media (min-width: 1100px) {
    .topbar__nav {
        width:auto;
        margin-left: 30px;
        order: inherit;
        height: inherit;
        display: flex;
        position: inherit;
        overflow-y: inherit;
        background-color: inherit;
        padding: inherit
    }
}

.topbar__settings {
    margin-left: auto;
    display: flex;
    align-items: center
}

.main-nav {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 0!important;
    background-color: #fff
}

.main-nav:before {
    content: "";
    width: 100vw;
    background-color: #fff;
    display: block;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0
}

@media (min-width: 1100px) {
    .main-nav {
        position:inherit;
        background-color: transparent;
        flex-direction: row;
        align-items: center;
        height: 90px;
        padding: 0!important
    }

    .main-nav:before {
        display: none
    }
}

@media (min-width: 1100px) {
    .main-nav {
        height:95px
    }
}

.main-nav ul {
    list-style: none;
    padding: 0
}

.main-nav>li {
    list-style: none;
    align-items: center;
    display: block;
    z-index: 10;
    border-top: 1px solid #b5b6bb
}

.main-nav>li:first-child {
    margin-top: 30px
}

.main-nav>li:last-child {
    border-bottom: 1px solid #b5b6bb
}

.main-nav>li:last-child.is-active {
    padding-bottom: 50px
}

@media (min-width: 1100px) {
    .main-nav>li {
        height:100%
    }

    .main-nav>li,.main-nav>li:first-child {
        margin: 30px 0
    }

    .main-nav>li:hover>a {
        color: #4e85c8
    }

    .main-nav>li:hover>a svg path {
        fill: #4e85c8
    }

    .main-nav>li:hover>ul {
        display: grid;
        grid-template-columns: repeat(4,1fr);
        -moz-column-gap: 20px;
        column-gap: 20px;
        visibility: visible;
        opacity: 1;
        overflow: scroll;
        max-height: 80vh
    }

    .main-nav>li.is-current>a:after,.main-nav>li:hover>a:after {
        width: 100%;
        left: 0
    }
}

.main-nav>li.has-dropdown {
    transition: all .2s ease-in-out
}

.main-nav>li.has-dropdown>a {
    position: relative
}

.main-nav>li.has-dropdown>a:before {
    content: "";
    display: block;
    width: 100vw;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transition: all .1s ease-in-out
}

@media (min-width: 1100px) {
    .main-nav>li.has-dropdown>a:before {
        display:none
    }
}

.main-nav>li.has-dropdown svg {
    position: absolute;
    right: 2.5%
}

.main-nav>li.has-dropdown svg path {
    fill: #b5b6bb
}

@media (min-width: 1100px) {
    .main-nav>li.has-dropdown svg {
        position:inherit;
        margin-left: 10px;
        width: 8px
    }

    .main-nav>li.has-dropdown svg path {
        fill: #fff
    }
}

.main-nav>li.has-dropdown.is-active>a:before {
    background-color: rgba(78,133,200,.15)
}

.main-nav>li.has-dropdown.is-active svg {
    transform: rotate(180deg)
}

.main-nav>li.has-dropdown.is-active svg path {
    fill: #55606c
}

@media (min-width: 1100px) {
    .main-nav>li {
        margin:inherit
    }

    .main-nav>li,.main-nav>li:last-child {
        border: none
    }
}

.main-nav>li>a {
    display: flex;
    align-items: center;
    color: #041e42;
    font-weight: 700;
    font-size: clamp(1.125rem,1.0038rem   .6061vw,1.375rem);
    padding: 15px 0;
    position: relative
}

@media (min-width: 1100px) {
    .main-nav>li>a {
        padding:0 1vw;
        height: 100%;
        color: #fff;
        font-weight: 500;
        font-size: clamp(.9375rem,-.5938rem   2.5vw,1.125rem)
    }
}

@media (min-width: 1200px) {
    .main-nav>li>a {
        padding:0 22px;
        padding: clamp(5px,1.35vw,25px)
    }
}

.main-nav>li>a:after {
    background: none repeat scroll 0 0 transparent;
    bottom: -1px;
    content: "";
    display: block;
    height: 3px;
    left: 50%;
    position: absolute;
    background: #4e85c8;
    transition: width .15s ease 0s,left .15s ease 0s;
    width: 0;
    border-radius: 5px
}

.main-nav>li>ul {
    padding: 0;
    background-color: #fff;
    border-radius: 0 0 5px 5px;
    display: none;
    opacity: 0;
    visibility: hidden;
    margin-bottom: 20px
}

.main-nav>li>ul.is-active {
    display: grid;
    flex-direction: column;
    visibility: visible;
    opacity: 1
}

@media (min-width: 1100px) {
    .main-nav>li>ul {
        display:inherit;
        left: -4%;
        right: 0;
        position: absolute;
        width: 108%;
        padding-left: 4%;
        padding-right: 4%;
        transform: translateY(1px);
        margin-bottom: 0;
        overflow: scroll;
        max-height: 80vh;
        box-shadow: 2.5px 2.1px 2.2px rgba(0,0,0,.014),6px 5px 5.3px rgba(0,0,0,.02),11.3px 9.4px 10px rgba(0,0,0,.025),20.1px 16.8px 17.9px rgba(0,0,0,.03),37.6px 31.3px 33.4px rgba(0,0,0,.036),90px 75px 80px rgba(0,0,0,.05)
    }

    .main-nav>li>ul.has-block {
        padding-right: 0
    }
}

.main-nav>li>ul * {
    z-index: 10
}

@media (min-width: 1100px) {
    .main-nav>li>ul>li {
        padding-bottom:3rem
    }

    .main-nav>li>ul>li:not(:last-child) {
        margin-right: 3%
    }

    .main-nav>li>ul>li.has-block:nth-child(-n 4) {
        padding-top: 4.5rem
    }

    .main-nav>li>ul>li:not(.has-block):nth-child(-n 5) {
        padding-top: 4.5rem
    }
}

.main-nav>li>ul>li>a[href="#"] {
    font-weight: 700;
    color: #041e42;
    border-bottom: 1px solid #b5b6bb;
    padding-bottom: 5px;
    margin-top: 15px;
    margin-bottom: 10px;
    display: block
}

@media (min-width: 1100px) {
    .main-nav>li>ul>li>a[href="#"] {
        margin-top:inherit
    }
}

.main-nav>li>ul>li a {
    color: #55606c;
    font-size: 15px;
    font-size: clamp(.8125rem,.3801rem   .7059vw,1rem);
    display: flex
}

.main-nav>li>ul>li a:not([href="#"]) {
    margin-left: -5px;
    padding: 3px 0 2px 5px
}

.main-nav>li>ul>li a:not([href="#"]):hover {
    background-color: rgba(78,133,200,.15)
}

.main-nav>li>ul>li a.highlight,.main-nav>li>ul>li a[target=_blank] {
    position: relative;
    padding-left: 25px
}

.main-nav>li>ul>li a.highlight:before,.main-nav>li>ul>li a[target=_blank]:before {
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    width: 15px;
    height: 100%;
    background-image: url(../../../../../../themes/ownCloud/dist/assets/img/icon-external-link.svg);
    background-repeat: no-repeat;
    background-position: left calc(50% - 3px);
    background-size: contain
}

.main-nav>li>ul>li a.highlight {
    background-color: rgba(78,133,200,.1);
    margin-top: 3px;
    margin-bottom: 3px;
    padding-left: 22px
}

.main-nav>li>ul>li a.highlight:before {
    width: 12px;
    background-image: url(../../../../../../themes/ownCloud/dist/assets/img/icon-star.svg);
    opacity: .8
}

.main-nav>li>ul>li a.highlight:hover:before {
    opacity: 1
}

.main-nav__submenu-headline {
    display: none;
    position: absolute;
    color: #94969e;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1rem;
    padding: 0 0 0 3vw;
    top: 2rem
}

@media (min-width: 1100px) {
    .main-nav__submenu-headline {
        display:block
    }
}

.main-nav .menu-side {
    display: none;
    background: #f6f5f7;
    border-left: 1px solid #ecebee;
    border-radius: 0 0 5px 0;
    margin-left: auto;
    padding: 40px 20px;
    font-size: 12px;
    color: #55606c;
    letter-spacing: .05px;
    line-height: 1.2;
    min-width: 22.5vw
}

@media (min-width: 1100px) {
    .main-nav .menu-side {
        display:block;
        grid-row-start: 1;
        grid-column-start: 4;
        grid-row-end: span 3;
        grid-column-end: 5
    }
}

.main-nav .menu-side--posts {
    min-width: 26vw
}

.main-nav .menu-side>* {
    margin-bottom: 15px;
    display: block
}

.main-nav .menu-side__head {
    font-weight: 700;
    text-transform: uppercase;
    color: #55606c;
    border-bottom: 1px solid rgba(208,207,211,.5);
    margin-bottom: 20px
}

.main-nav .menu-side__read-more {
    font-weight: 700
}

.main-nav .menu-side__post {
    background-color: #fff;
    padding: 10px;
    display: flex;
    position: relative
}

.main-nav .menu-side__post>a {
    height: 85px;
    width: 120px
}

.main-nav .menu-side__post img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.main-nav .menu-side__post-content {
    display: flex;
    flex-direction: column;
    flex-basis: 75%;
    padding-left: 10px;
    padding-right: 10px
}

.main-nav .menu-side__post-content>a {
    margin-top: auto;
    position: relative;
    padding-top: 5px
}

.main-nav .menu-side__post-content>a>svg {
    position: absolute;
    right: 0;
    top: 50%;
    transform: rotate(-90deg) translateX(50%);
    margin: 0
}

.main-nav .menu-side__post-content>a>svg path {
    fill: #d0cfd3
}

.main-nav .menu-side__post-content>a:hover svg path {
    fill: #4e85c8
}

.oc .et_pb_menu .et_mobile_menu {
    top: 75px;
    border-radius: 5px;
    padding: 3%;
    width: 110%
}

.oc .et_pb_menu .et_mobile_menu li a {
    padding: 10px 3%;
    color: #041e42!important
}

.oc .et_pb_menu .et_mobile_menu li a:hover {
    background: rgba(78,133,200,.05);
    color: #041e42!important;
    opacity: .95
}

.oc .et_pb_menu .et_mobile_menu li.menu-item-has-children a:hover {
    background-color: #fff
}

.oc .et_pb_menu .et_mobile_menu li:nth-last-child(2) a {
    border-bottom: none
}

.oc .et_pb_menu .et_mobile_menu li.get-started {
    margin-top: 25px
}

.oc .et_pb_menu .et_mobile_menu li.get-started a {
    color: #fff!important;
    text-align: center
}

.oc .et_pb_menu .et_mobile_menu li.get-started a:hover {
    background: #4e85c8;
    transform: none
}

.oc .et_pb_menu .et_mobile_menu .menu-item-has-children>a {
    background-color: transparent;
    font-weight: 400
}

.oc .et_pb_menu .et_mobile_menu .sub-menu li {
    padding-left: 1%
}

.oc .et_pb_menu .et_mobile_menu .sub-menu li a {
    background-color: transparent;
    opacity: .9;
    font-size: 95%
}

.oc .et_pb_menu .et_mobile_menu .sub-menu li a:hover {
    background: rgba(78,133,200,.05)
}

.oc .et_pb_menu .et_mobile_menu .sub-menu li:last-child a {
    border-bottom: none
}

.mobile_nav.opened .mobile_menu_bar:before {
    content: "M"
}

header .et_pb_menu .et_mobile_menu ul.sub-menu {
    background: rgba(78,133,200,.05)!important;
    padding-left: 0
}

.et_mobile_menu .first-level>a {
    background-color: transparent;
    position: relative
}

.et_mobile_menu .first-level>a:after {
    font-family: ETmodules;
    content: "L";
    font-weight: 400;
    position: absolute;
    font-size: 16px;
    top: 13px;
    right: 10px
}

.et_mobile_menu .first-level>.icon-switch:after {
    content: "M"
}

.second-level {
    display: none
}

.reveal-items {
    display: block
}

footer .et_pb_module ul {
    padding-left: 0
}

footer ul.footer-menu li {
    margin-top: 0;
    width: 100%;
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 8px
}

@media (min-width: 980px) {
    footer ul.footer-menu li {
        font-size:15px
    }
}

footer ul.footer-menu li a {
    color: rgba(255,255,255,.5)
}

h4.footer-menu-title {
    text-transform: uppercase;
    color: rgba(255,255,255,.9);
    font-size: 16px;
    letter-spacing: 1.5px;
    line-height: 1.3em;
    font-weight: 700;
    margin-bottom: 8px
}

.footer-col-right {
    display: flex;
    align-items: center
}

.footer-col-right--centered {
    justify-content: center
}

@media (min-width: 980px) {
    .footer-col-right {
        flex-direction:row;
        justify-content: flex-end!important;
        align-items: center
    }
}

.footer-col-right .et_pb_blurb {
    animation: none;
    margin-bottom: 0!important;
    margin-right: 30px
}

.footer-col-right .et_pb_blurb .et_pb_animation_top.et-animated {
    opacity: 1;
    animation: none
}

.footer-col-right .et_pb_blurb .et_pb_blurb_content {
    display: flex;
    align-items: center;
    transform: translateY(2px)
}

.footer-col-right .et_pb_blurb .et_pb_blurb_content .et-pb-icon {
    font-size: 20px
}

.footer-col-right .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_description {
    color: #4e85c8;
    font-weight: 600;
    padding-left: 10px
}

.footer-col-right .et_pb_blurb .et_pb_main_blurb_image {
    margin-bottom: 0
}

.et_builder_inner_content.has_et_pb_sticky {
    z-index: 1!important
}

.switch-content-case.active-case {
    display: block
}

.switch-button {
    width: 85vw;
    height: 85px;
    transition: .3s ease all;
    z-index: 197!important;
    text-align: center;
    will-change: transform;
    cursor: pointer;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate3D(-50%,-50%,0);
    background: rgba(78,133,200,.4);
    border-radius: 5px;
    color: rgba(255,255,255,.2)
}

@media (min-width: 768px) {
    .switch-button {
        width:500px;
        height: 70px
    }
}

.switch-button-case {
    display: inline-block;
    background: 0 0;
    width: 49%;
    height: 100%;
    color: rgba(255,255,255,.55);
    position: relative;
    border: none;
    transition: .3s ease all;
    font-weight: 600;
    font-size: 16px;
    padding: 0
}

@media (min-width: 768px) {
    .switch-button-case {
        padding:.45rem 1.5em
    }
}

.switch-button-case:hover {
    cursor: pointer
}

.switch-button-case:focus {
    outline: 0
}

.switch-button .active {
    border-radius: 3px 0 0 3px;
    color: #151515;
    box-shadow: 0 2px 6px rgba(50,50,93,.18),0 1px 3px rgba(0,0,0,.15);
    background-color: #4e85c8;
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: -1;
    transition: .3s ease-out all
}

.switch-button .active-case {
    color: #fff
}

.switch-button .active-case.right {
    color: #fff
}

.blog-categories a {
    display: inline-block;
    margin-bottom: 5px
}

.et_pb_post_content h1 {
    margin-top: 3.5rem;
    margin-bottom: 1.75rem
}

.et_pb_post_content h2 {
    margin-top: 2.625rem;
    margin-bottom: 1.4rem
}

.et_pb_post_content h3 {
    margin-top: 2.275rem;
    margin-bottom: 1.05rem
}

.et_pb_post_content h4 {
    margin-top: 1.925rem;
    margin-bottom: .875rem
}

.et_pb_post_content h5 {
    margin-top: 1.575rem;
    margin-bottom: .7rem
}

.et_pb_post_content h6,.et_pb_post_content img {
    margin-top: 1.225rem;
    margin-bottom: .7rem
}

.et_pb_post_content pre {
    background: rgba(4,30,66,.95);
    border-radius: 5px;
    color: #fff;
    padding: 20px;
    margin-top: 2.275rem;
    margin-bottom: 2.275rem
}

.et_pb_post_content pre code {
    background-color: transparent
}

.et_pb_post_content code {
    background-color: rgba(236,235,238,.7);
    border-radius: 5px;
    padding: 10px 15px;
    font-family: monospace;
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll;
    max-width: 100%;
    min-width: 100px;
    display: block;
    margin: 10px 0
}

.et_pb_post_content .wp-caption {
    border: none;
    text-align: left;
    background-color: inherit
}

.et_pb_posts_nav.nav-single {
    margin-top: 3vw;
    padding-top: 1vw;
    border-top: 1px solid #ecebee
}

.et_pb_posts_nav.nav-single a {
    padding-top: 5px
}

.changelog h1 {
    margin-top: 3.5rem;
    margin-bottom: 1.75rem
}

.changelog h2 {
    margin-top: 2.625rem;
    margin-bottom: 1.4rem
}

.changelog h3 {
    margin-top: 1.75rem;
    margin-bottom: 1.05rem
}

.changelog li {
    margin-bottom: 10px
}

.changelog ul p {
    padding-bottom: .5em
}

.changelog ul p:not(:first-child()) {
    font-size: 14px;
    line-height: 1.3
}

.changelog .details li {
    margin-bottom: 1.05rem
}

.languages {
    padding-right: 10px
}

@media (min-width: 1100px) {
    .languages {
        padding-right:1vw
    }
}

.languages__dropdown {
    display: none;
    background-color: #fff;
    position: absolute;
    flex-direction: column;
    justify-content: space-between;
    padding: 15px 20px 15px 15px;
    box-shadow: 20px 30px 50px 0 rgba(0,0,0,.15);
    margin-top: 10px
}

.languages__language {
    color: #55606c;
    font-size: .9rem
}

.languages__language:hover {
    text-decoration: underline
}

.languages__language--is-active {
    background-image: url(../../../../../../themes/ownCloud/dist/assets/img/icon-language-switcher.svg);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: left center;
    padding-left: 25px;
    color: #fff;
    text-transform: uppercase;
    font-size: clamp(.9375rem,.6493rem   .4706vw,1.0625rem);
    display: inline-block;
    transition: filter .1s ease-in-out
}

.languages__language--is-active:hover {
    text-decoration: none;
    filter: invert(74%) sepia(40%) saturate(7385%) hue-rotate(190deg) brightness(86%) contrast(80%)
}

.language_switcher .et-pb-icon {
    font-size: 20px;
    color: #4e85c8
}

.language_switcher:hover .et-pb-icon {
    color: #75a0d4
}

.language_switcher__wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

@media (min-width: 1100px) {
    .language_switcher__wrapper {
        justify-content:flex-end
    }
}

.wpml-ls-legacy-dropdown-click {
    width: inherit
}

.wpml-ls-legacy-dropdown-click>ul {
    padding-bottom: 0
}

.wpml-ls-legacy-dropdown-click>ul .wpml-ls-sub-menu:before {
    content: "";
    position: absolute;
    bottom: -8px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    left: 10%
}

@media (min-width: 1100px) {
    .wpml-ls-legacy-dropdown-click>ul .wpml-ls-sub-menu:before {
        left:calc(50% - 8px)
    }
}

.wpml-ls-legacy-dropdown-click a {
    font-weight: 600
}

.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle {
    padding-right: 0;
    border: 0;
    background: 0 0;
    display: inline-block
}

.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
    display: none
}

.wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a,.wpml-ls-legacy-dropdown-click a,.wpml-ls-legacy-dropdown-click a:focus,.wpml-ls-legacy-dropdown-click a:hover {
    background: 0 0;
    border: none;
    color: #4e85c8
}

.wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a:hover,.wpml-ls-legacy-dropdown-click a:focus:hover,.wpml-ls-legacy-dropdown-click a:hover,.wpml-ls-legacy-dropdown-click a:hover:hover {
    background: 0 0;
    color: #75a0d4
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
    bottom: 100%;
    left: 0;
    transform: translateX(-10%);
    top: inherit;
    margin-bottom: 15px;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 0 15px rgba(0,0,0,.15);
    visibility: hidden;
    opacity: 0;
    min-width: 200px;
    padding: 8px 10px;
    transition: visibility .3s cubic-bezier(0,1,.5,1),opacity .3s cubic-bezier(0,1,.5,1);
    font-size: 13px
}

@media (min-width: 1100px) {
    .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
        left:50%;
        right: 50%;
        transform: translateX(-50%);
        padding: 10px 15px;
        font-size: inherit
    }
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu.active {
    opacity: 1;
    visibility: visible!important
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a {
    font-weight: 500;
    color: #55606c
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu li {
    line-height: 1.2
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .not_translated {
    font-size: 15px
}

header .language_switcher {
    z-index: 99
}

header .language_switcher .wpml-ls-item-toggle {
    padding: 5px
}

@media (min-width: 768px) {
    header .language_switcher .wpml-ls-item-toggle {
        margin-top:-12px
    }
}

@media (min-width: 1100px) {
    header .language_switcher .wpml-ls-item-toggle {
        margin-top:inherit
    }
}

header .language_switcher .wpml-ls-item-toggle:before {
    content: "\e0e3";
    font-family: ETmodules;
    box-sizing: border-box;
    font-weight: 300;
    font-size: 24px;
    color: #fff
}

header .language_switcher .wpml-ls-item-toggle span {
    display: none
}

header .language_switcher .wpml-ls-legacy-dropdown-click>ul {
    padding: 0
}

header .language_switcher .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
    bottom: inherit;
    left: inherit;
    right: 0;
    transform: translateX(5%) translateY(15px);
    width: 200px
}

header .language_switcher .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu:before {
    content: "";
    position: absolute;
    top: -8px;
    left: 82.75%;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    border-top: none
}

@media (min-width: 1100px) {
    header .language_switcher .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu:before {
        left:calc(50% - 8px)
    }
}

@media (min-width: 1100px) {
    header .language_switcher .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
        transform:translateX(83.5px) translateY(15px)
    }
}

.oc .cs_language_switcher {
    padding: 0;
    padding-left: 11px;
    margin-top: 2px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    list-style: none;
    display: flex
}

.oc .cs_language_switcher a {
    color: rgba(246,245,247,.5);
    padding-bottom: 8px;
    line-height: 1em
}

.oc .cs_language_switcher__trigger i {
    margin-left: 4px
}

.oc .cs_language_switcher__sub {
    display: none;
    list-style: none;
    position: absolute;
    top: 120%;
    background: rgba(4,30,66,.97);
    border: 1px solid #364b68;
    border-radius: 5px;
    padding: 0
}

.oc .cs_language_switcher__sub.not-translated {
    left: -55px
}

.oc .cs_language_switcher__sub li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0
}

.oc .cs_language_switcher__sub li.not-translated {
    width: 150px
}

.oc .cs_language_switcher__sub li.not-translated a {
    font-size: 12px;
    font-weight: 500;
    text-transform: none;
    text-align: left;
    cursor: default
}

.oc .cs_language_switcher__sub li:not(:last-child) a {
    border-bottom: 1px solid #364b68
}

.oc .cs_language_switcher__sub li:hover a {
    color: #4e85c8
}

.oc .cs_language_switcher__sub li a {
    padding: 6px 12px;
    width: 100%;
    text-align: center
}

.oc #CybotCookiebotDialogPoweredbyCybot {
    display: none
}

.oc #CybotCookiebotDialogPoweredbyLink {
    background-image: url(../../../../../../themes/ownCloud/dist/assets/img/oc-logo-circle.svg);
    background-repeat: no-repeat;
    background-position: center center
}

.oc #CybotCookiebotDialogPoweredbyLink img {
    display: none
}

.partner_filter {
    display: flex;
    flex-direction: column
}

@media (max-width: 768px) {
    .partner_filter .filter_results {
        order:2;
        width: 100%
    }

    .partner_filter .filter_form {
        order: 1;
        width: 100%
    }
}

@media (min-width: 768px) {
    .partner_filter {
        flex-direction:row
    }

    .partner_filter .filter_results {
        width: 64.833%;
        margin-right: 5.5%
    }

    .partner_filter .filter_form {
        width: 29.6667%
    }
}

.oc form.searchandfilter {
    background: rgba(78,133,200,.05);
    border: 1px solid rgba(78,133,200,.2);
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 50px
}

@media (min-width: 1100px) {
    .oc form.searchandfilter {
        padding:25px
    }
}

.oc form.searchandfilter .sf-count {
    opacity: .5
}

.oc form.searchandfilter ul {
    padding: 0;
    line-height: 20px
}

.oc form.searchandfilter h4 {
    font-weight: 600
}

.oc form.searchandfilter label {
    font-size: 15px
}

.oc form.searchandfilter input {
    box-shadow: none
}

.oc form.searchandfilter input[type=text],.oc form.searchandfilter select {
    padding: 5px 10px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid rgba(78,133,200,.35);
    color: #4e85c8;
    font-size: 15px;
    transition: border .3s ease-in-out;
    min-width: inherit
}

.oc form.searchandfilter input[type=text]::-moz-placeholder,.oc form.searchandfilter select::-moz-placeholder {
    color: rgba(78,133,200,.75)
}

.oc form.searchandfilter input[type=text]::placeholder,.oc form.searchandfilter select::placeholder {
    color: rgba(78,133,200,.75)
}

.oc form.searchandfilter input[type=text]:active,.oc form.searchandfilter input[type=text]:focus,.oc form.searchandfilter select:active,.oc form.searchandfilter select:focus {
    border: 2px solid rgba(78,133,200,.5)
}

.oc form.searchandfilter select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-height: 40px;
    background-image: url(../../../../../../themes/ownCloud/dist/assets/img/arrow.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px;
    background-color: #fff!important
}

@media (max-width: 768px) {
    .oc form.searchandfilter .sf-field-search {
        display:none
    }
}

.oc form.searchandfilter .sf-field-search label,.oc form.searchandfilter input.sf-input-text {
    width: 100%;
    min-height: 45px
}

.oc form.searchandfilter .chosen-container {
    width: 100%!important
}

.oc form.searchandfilter .chosen-container-multi .chosen-choices {
    background-image: none;
    border-radius: 3px;
    padding-top: 5px;
    background-color: #fff;
    border: 1px solid rgba(78,133,200,.35)
}

.oc form.searchandfilter .chosen-container-multi .chosen-choices li.search-field input[type=text] {
    color: #4e85c8
}

.oc form.searchandfilter .chosen-container-multi .chosen-choices .search-choice {
    background: #4e85c8;
    box-shadow: none;
    border: none;
    color: #fff
}

.oc form.searchandfilter .chosen-container-multi .chosen-choices a.search-choice-close {
    background: 0 0;
    background-image: none!important
}

.oc form.searchandfilter .chosen-container-multi .chosen-choices a.search-choice-close:before {
    content: "\f00d";
    font-size: 11px;
    line-height: 100%;
    color: #fff
}

.oc form.searchandfilter .chosen-container-multi.chosen-container-active .chosen-choices {
    border: 2px solid rgba(78,133,200,.5);
    box-shadow: none
}

.oc form.searchandfilter .search-field {
    min-height: 35px
}

.oc form.searchandfilter li[data-sf-field-input-type=checkbox] label {
    padding-left: 5px
}

.oc form.searchandfilter li[data-sf-field-input-type=checkbox] li {
    display: grid;
    grid-template-columns: 20px 1fr
}

.oc form.searchandfilter li[data-sf-field-input-type=select] label,.oc form.searchandfilter li[data-sf-field-input-type=select] select {
    width: 100%
}

.oc form.searchandfilter select[name="_sft_partner-support[]"] {
    margin-top: 5px
}

.sf-results {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 20px;
    margin-bottom: 30px
}

@media (min-width: 1100px) {
    .sf-results {
        grid-template-columns:1fr 1fr 1fr
    }
}

.sf-results__wrapper {
    border: 1px solid #ecebee;
    border-radius: 10px;
    transition: all .2s ease-in-out
}

.sf-results__wrapper:hover {
    box-shadow: 0 4px 6px 2px rgba(4,30,66,.15);
    background-color: #ecebee
}

.sf-results__wrapper:hover .sf-results__image {
    background-color: #fff
}

.sf-results__link .sf-results__wrapper {
    border: 2px solid #4e85c8
}

.sf-results__image {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
    padding: 20px;
    transition: all .2s ease-in-out;
    border-radius: 10px 10px 0 0;
    height: 100px
}

@media (min-width: 980px) {
    .sf-results__image {
        height:140px
    }
}

.sf-results__image img {
    max-width: 100%;
    max-height: 100%;
    width: auto
}

.sf-results__title {
    color: #55606c;
    font-size: 15px;
    line-height: 1.2;
    display: inline-block;
    transition: all .2s ease-in-out;
    padding: 10px 30px 10px 10px;
    display: block;
    border-radius: 0 0 10px 10px;
    border-top: 1px solid #ecebee;
    position: relative
}

.sf-results__badge-wrapper {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 50px;
    display: flex;
    justify-content: flex-end
}

.sf-results__badge {
    height: 25px;
    width: 16px;
    margin-left: 5px
}

.search-filter-scroll-loading {
    margin: 0 auto
}

.search-filter__no-result {
    text-align: center;
    background: #f6f5f7;
    border-radius: 10px;
    padding: 10vh
}

.sf-input-checkbox[value=sales-certification] label:after,.sf-input-checkbox[value=technical-certification] label:after {
    content: "";
    width: 15px;
    height: 22px;
    display: block;
    float: right;
    margin-left: 4px;
    background-size: contain;
    background-repeat: no-repeat
}

.sf-input-checkbox[value=sales-certification] label:after {
    background-image: url(../../../../../../themes/ownCloud/dist/assets/img/sales_certification.svg)
}

.sf-input-checkbox[value=technical-certification] label:after {
    background-image: url(../../../../../../themes/ownCloud/dist/assets/img/technical_certification.svg)
}

.search-filter-reset {
    font-weight: 600;
    border: 1px solid #4e85c8;
    border-radius: 5px;
    padding: 4px 10px;
    font-size: 14px
}

.infobanner {
    display: none;
    justify-content: center
}

@media (min-width: 1100px) {
    .infobanner {
        display:flex
    }
}

.infobanner__content {
    display: none;
    flex: 1;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background-color: #4e85c8;
    color: #fff;
    font-size: 15px;
    padding: 5px 20px 10px 20px
}

@media (min-width: 768px) {
    .infobanner__content {
        padding:5px 20px
    }
}

@media (min-width: 980px) {
    .infobanner__content {
        flex:inherit;
        border-radius: 0 0 5px 5px
    }
}

.infobanner__icon {
    display: flex;
    align-items: center
}

.infobanner__icon svg {
    max-height: 22px;
    max-width: 22px
}

.infobanner__icon--info svg {
    max-height: 20px
}

.infobanner__text-wrapper {
    display: flex
}

@media (max-width: 768px) {
    .infobanner__text-wrapper {
        flex:1 1 100%
    }
}

.infobanner__text {
    padding: 5px 10px 5px 10px;
    line-height: 1.2
}

.infobanner__text a {
    color: #fff
}

.infobanner__buttons {
    display: flex;
    justify-content: center;
    flex: 1;
    padding-left: 30px
}

@media (min-width: 768px) {
    .infobanner__buttons {
        padding-left:0;
        flex: 1 0 auto
    }
}

.infobanner__button {
    color: #fff;
    margin: 0 7px;
    line-height: 24px
}

@media (max-width: 768px) {
    .infobanner__button {
        margin-top:10px
    }
}

.infobanner__button--cta {
    background: #fff;
    color: #4e85c8;
    border-radius: 3px;
    font-weight: 700;
    padding: 0 15px
}

.personal-contact {
    border-top: 1px solid #ecebee;
    padding: 25px 20px 0 20px;
    display: flex;
    flex-direction: column
}

.personal-contact h3 {
    font-size: 24px;
    padding-bottom: 20px
}

.personal-contact__wrapper {
    display: flex
}

@media (max-width: 768px) {
    .personal-contact__wrapper {
        flex-wrap:wrap
    }
}

.personal-contact__img {
    flex: 1 1 30%;
    min-width: 70px;
    max-width: 115px;
    margin-right: 20px;
    margin-bottom: 10px
}

.personal-contact__img img {
    border-radius: 5px
}

.featured-partners__item {
    background-color: #fff;
    border: 1px solid #ecebee;
    box-shadow: 0 2px 18px 0 rgba(78,133,200,.1);
    border-radius: 5px;
    padding: 30px;
    height: auto
}

.featured-partners__logo {
    margin-bottom: 30px
}

.featured-partners__title {
    font-weight: 700;
    color: #041e42
}

.featured-partners__link {
    display: block;
    margin-top: 1em;
    font-weight: 700
}

.featured-partners .swiper-container {
    overflow: hidden
}

.featured-partners .swiper-slide {
    height: auto
}

.featured-partners .swiper-button-next:after,.featured-partners .swiper-button-prev:after {
    color: #4e85c8
}

.featured-partners .swiper-button-next {
    right: -8vw
}

@media (min-width: 768px) {
    .featured-partners .swiper-button-next {
        right:-50px
    }
}

.featured-partners .swiper-button-prev {
    left: -8vw
}

@media (min-width: 768px) {
    .featured-partners .swiper-button-prev {
        left:-50px
    }
}

.et_pb_post_content .shariff {
    margin-top: 5%
}

.et_pb_post_content .shariff ul {
    padding-left: 0!important
}

.aal_anchor {
    float: none
}

.page h1 .aal_anchor,.page h5 .aal_anchor {
    display: none
}

.has-anchor .aal_anchor {
    display: inline-block
}

.anchor-link {
    opacity: 0;
    position: absolute;
    left: -24px
}

.anchor-link svg path {
    fill: #4e85c8
}

.page .anchor-heading:hover .anchor-link {
    opacity: 1
}

.page h1.anchor-heading .aal_anchor {
    display: initial
}

.oc .partner-topbar {
    display: flex;
    align-items: center;
    line-height: 1.2;
    font-size: 14px;
    z-index: 2
}

@media (min-width: 980px) {
    .oc .partner-topbar {
        font-size:17px
    }
}

.oc .partner-topbar__headline,.oc .partner-topbar__login,.oc .partner-topbar__navigation {
    display: flex;
    align-items: center
}

.oc .partner-topbar .et_pb_column .et_pb_module {
    margin-bottom: 0
}

.oc .partner-topbar__headline {
    padding-right: 2vw;
    margin-right: 2vw
}

@media (max-width: 980px) {
    .oc .partner-topbar__headline {
        display:none
    }
}

.oc .partner-topbar__headline h3 {
    padding-bottom: 0
}

.oc .partner-topbar__navigation ul {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    padding-bottom: 0;
    flex-direction: column
}

@media (min-width: 768px) {
    .oc .partner-topbar__navigation ul {
        flex-direction:row
    }
}

.oc .partner-topbar__navigation .et_mobile_nav_menu {
    display: none
}

.oc .partner-topbar__navigation .et_pb_menu__menu {
    display: flex
}

@media (min-width: 768px) {
    .oc .partner-topbar__navigation li:not(:first-child) {
        padding-left:0
    }
}

.oc .partner-topbar__navigation li:not(:last-child) {
    margin-right: 1.75vw;
    padding-right: 0
}

.oc .partner-topbar__navigation li.current-menu-item a {
    -webkit-text-decoration-color: #4e85c8;
    text-decoration-color: #4e85c8
}

.oc .partner-topbar__navigation li a {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 5px;
    transition: -webkit-text-decoration .6s ease;
    transition: text-decoration .6s ease;
    transition: text-decoration .6s ease,-webkit-text-decoration .6s ease;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    font-size: 15px
}

.oc .partner-topbar__navigation li a:hover {
    opacity: 1;
    color: #fff!important;
    -webkit-text-decoration-color: #4e85c8;
    text-decoration-color: #4e85c8
}

.oc .partner-topbar__login {
    margin-left: auto;
    align-items: flex-start
}

@media (min-width: 768px) {
    .oc .partner-topbar__login {
        align-items:center
    }
}

.oc .partner-topbar__login a,.oc .partner-topbar__login i {
    color: #6192ce
}

.oc .hidden-form {
    display: none
}

.author-box {
    --box-padding: 35px 35px 25px 85px;
    --box-margin: 90px 0 30px 0;
    border: .5px solid rgba(85,96,108,.3);
    border-radius: 30px;
    padding: var(--box-padding);
    margin: var(--box-margin)
}

@media (min-width: 768px) {
    .author-box {
        --box-padding:40px 50px 40px 80px
    }
}

@media (min-width: 980px) {
    .author-box {
        --box-padding:50px 50px 40px 100px;
        --box-margin: 120px 0 30px 0
    }
}

.author-box__image {
    --image-width: 90px;
    width: var(--image-width);
    position: absolute;
    top: -15px;
    left: -20px;
    border-radius: 100%;
    border: .5px solid rgba(85,96,108,.3)
}

@media (min-width: 768px) {
    .author-box__image {
        --image-width:100px;
        left: calc(var(--image-width)/ 2 * -1);
        top: calc(var(--image-width)/ 6 * -1)
    }
}

@media (min-width: 980px) {
    .author-box__image {
        --image-width:135px
    }
}

.author-box__head {
    font-size: 22px;
    font-size: clamp(1rem,.6094rem   1.25vw,1.375rem);
    font-weight: 700;
    color: #55606c;
    text-transform: uppercase;
    letter-spacing: -.6px;
    padding-bottom: 15px
}

.author-box__descr {
    font-size: clamp(.875rem,.7448rem   .4167vw,1rem);
    line-height: 1.5;
    margin-bottom: 20px
}

@media (min-width: 980px) {
    .author-box__descr {
        margin-bottom:30px
    }
}

.author-box__descr a,.author-box__descr b,.author-box__descr strong {
    font-weight: 700;
    text-decoration: none;
    color: #4e85c8
}

.author-box__external_head,.social-sharing--footer h4 {
    text-transform: uppercase;
    font-size: .8rem;
    font-weight: 700;
    color: #94969e
}

.author-box__footer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.author-box__footer a {
    font-size: .8rem;
    text-decoration: underline;
    color: #94969e;
    display: flex;
    align-items: center
}

.author-box__footer a:hover {
    color: #55606c
}

.author-box__external {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    margin-right: 10px
}

.author-box__icon {
    --size: 24px;
    --gap: 10px;
    text-indent: -9999px;
    display: block;
    height: var(--size);
    width: var(--size);
    background-size: contain;
    background-repeat: no-repeat;
    margin: 3px 0;
    transition: transform .4s ease
}

.author-box__icon:hover {
    transform: translate3d(0,-3px,0)
}

.author-box__icon:not(:last-child) {
    margin-right: var(--gap)
}

.author-box__icon--linkedin {
    background-image: url(../../../../../../themes/ownCloud/dist/assets/img/icon-linkedin.svg)
}

.author-box__icon--twitter {
    background-image: url(../../../../../../themes/ownCloud/dist/assets/img/icon-twitter.svg)
}

.author-box__icon--xing {
    background-image: url(../../../../../../themes/ownCloud/dist/assets/img/icon-xing.svg)
}

.author-box__icon--facebook {
    background-image: url(../../../../../../themes/ownCloud/dist/assets/img/icon-facebook.svg)
}

.author-box__icon--instagram {
    background-image: url(../../../../../../themes/ownCloud/dist/assets/img/icon-instagram.svg)
}

.author-box__icon--hacker-news {
    background-image: url(../../../../../../themes/ownCloud/dist/assets/img/icon-hacker-news.svg)
}

.author-box__allposts {
    flex: 1 1 auto;
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .author-box__allposts {
        justify-content:end
    }
}

.social-sharing {
    display: flex;
    flex-wrap: wrap;
    padding-top: 35px
}

.social-sharing svg {
    width: auto;
    transition: transform .4s ease
}

.social-sharing svg:hover {
    transform: translate3d(0,-3px,0)
}

.social-sharing--footer {
    border-top: .5px solid rgba(85,96,108,.1);
    margin-top: 70px;
    margin-bottom: -10px
}

.social-sharing--footer a {
    margin-right: 10px
}

@media (min-width: 980px) {
    .social-sharing--footer a {
        margin-right:15px
    }
}

.social-sharing--footer svg {
    height: 32px
}

@media (min-width: 980px) {
    .social-sharing--footer svg {
        height:36px
    }
}

.social-sharing--footer h4 {
    width: 100%;
    margin-bottom: 5px
}

.social-sharing--header {
    justify-content: space-between;
    margin-bottom: 60px;
    padding-top: 15px
}

@media (min-width: 980px) {
    .social-sharing--header {
        padding-top:35px;
        margin-bottom: 30px
    }
}

.social-sharing--header a {
    margin-right: 7px
}

@media (min-width: 980px) {
    .social-sharing--header a {
        margin-right:10px
    }
}

.social-sharing--header h4 {
    color: #fff;
    font-size: 1.2rem
}

.social-sharing--header svg {
    height: 24px
}

.social-sharing--header svg path {
    fill: #fff
}

.social-sharing__links {
    display: flex
}

.lwptoc:first-child {
    margin-top: 5%!important
}

.lwptoc .lwptoc_i {
    padding-left: 0
}

.lwptoc .lwptoc_header {
    color: #041e42;
    border-bottom: 1px solid #ecebee;
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-size: 26px
}

.lwptoc .lwptoc_i a,.lwptoc .lwptoc_i a:visited {
    color: #4e85c8!important
}

.oc .feature_columns {
    display: flex;
    flex-wrap: wrap
}

.oc .feature_columns .et_pb_blurb {
    flex-basis: auto;
    width: 100%
}

@media (min-width: 768px) {
    .oc .feature_columns .et_pb_blurb {
        width:47.25%
    }
}

@media (min-width: 1100px) {
    .oc .feature_columns .et_pb_blurb {
        width:22.75%
    }
}

.oc .feature_columns .et_pb_blurb {
    margin-right: 0
}

@media (min-width: 768px) {
    .oc .feature_columns .et_pb_blurb:not(:nth-child(2n)) {
        margin-right:3%
    }
}

@media (min-width: 1100px) {
    .oc .feature_columns .et_pb_blurb:not(:nth-child(4n)) {
        margin-right:3%
    }
}

.oc .feature_columns .et_pb_blurb,.oc .feature_columns .et_pb_blurb:last-child {
    margin-bottom: 3%!important
}

.oc .feature_columns .et_pb_main_blurb_image {
    margin-bottom: 10px
}

.oc .feature_columns .et_pb_main_blurb_image img,.oc .feature_columns .et_pb_main_blurb_image svg {
    max-height: 34px
}

.et-fb-root-ancestor.oc .feature_columns .et_pb_blurb {
    margin-right: 0
}

@media (min-width: 768px) {
    .et-fb-root-ancestor.oc .feature_columns .et_pb_blurb:not(:nth-child(2n 2)) {
        margin-right:3%
    }
}

@media (min-width: 1100px) {
    .et-fb-root-ancestor.oc .feature_columns .et_pb_blurb:not(:nth-child(4n 2)) {
        margin-right:3%
    }
}

.oc-blog-feed {
    border-radius: 5px
}

.oc-blog-feed .et_pb_blog_grid .column.size-1of4:last-child {
    margin-right: 0
}

.oc-blog-feed .post-content-inner {
    padding-bottom: 10px
}

.oc-blog-feed .et_pb_salvattore_content {
    display: flex;
    justify-content: center
}

.oc-blog-feed .column {
    display: flex;
    flex-direction: column
}

.oc-blog-feed .entry-title,.oc-blog-feed .post-content,.oc-blog-feed .post-meta {
    padding-left: 20px!important;
    padding-right: 20px!important
}

.oc-blog-feed .post-meta,.oc-blog-feed .post-meta>* {
    line-height: 1.35!important
}

.oc-blog-feed .post-content {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 8px;
    padding-bottom: 20px
}

.oc-blog-feed .et_pb_image_container {
    margin-bottom: 0
}

.oc-blog-feed .entry-featured-image-url img {
    height: 235px;
    -o-object-fit: cover;
    object-fit: cover
}

.oc-blog-feed .more-link:after {
    content: "\f054";
    padding-left: 6px;
    font-size: 75%
}

.oc-blog-feed .et_pb_post {
    box-shadow: 0 2px 18px 0 rgba(4,30,66,.1)
}

@media (min-width: 980px) {
    .oc-blog-feed .et_pb_post {
        flex:1 0 auto;
        display: flex;
        flex-direction: column;
        margin-bottom: 0;
        transition: transform .15s ease-in-out
    }

    .oc-blog-feed .et_pb_post:hover {
        transform: scale(1.03)
    }
}

.oc-blog-feed__featured .et_pb_post {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-template-rows: auto auto 1fr;
    grid-column-gap: 30px;
    box-shadow: none
}

@media (min-width: 768px) {
    .oc-blog-feed__featured .et_pb_post {
        grid-template-columns:repeat(2,1fr);
        grid-template-rows: auto auto 1fr
    }
}

.oc-blog-feed__featured .et_pb_post:hover {
    transform: none
}

.oc-blog-feed__featured .et_pb_post .post-content {
    justify-content: inherit
}

.oc-blog-feed__featured .et_pb_post .entry-featured-image-url img {
    height: 100%;
    max-height: 235px
}

@media (min-width: 768px) {
    .oc-blog-feed__featured .et_pb_post .entry-featured-image-url img {
        max-height:inherit
    }
}

@media (min-width: 768px) {
    .oc-blog-feed__featured .et_pb_post .entry-title,.oc-blog-feed__featured .et_pb_post .post-content,.oc-blog-feed__featured .et_pb_post .post-meta {
        padding-right:50px
    }
}

.oc-blog-feed__featured .et_pb_post .entry-title {
    padding-bottom: 10px;
    padding-top: 30px
}

.oc-blog-feed__featured .et_pb_post .post-meta {
    margin-bottom: 10px
}

.oc-blog-feed__featured .et_pb_post a {
    grid-row-start: 1;
    grid-row-end: 4;
    margin: 0
}

.oc-blog-feed__grid .et_pb_ajax_pagination_container {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(1,1fr)
}

@media (min-width: 768px) {
    .oc-blog-feed__grid .et_pb_ajax_pagination_container {
        grid-template-columns:repeat(2,1fr);
        grid-gap: 60px
    }

    .oc-blog-feed__grid .et_pb_ajax_pagination_container>div {
        grid-column: span 2
    }
}

@media (min-width: 1100px) {
    .oc-blog-feed__grid .et_pb_ajax_pagination_container {
        grid-template-columns:repeat(3,1fr)
    }

    .oc-blog-feed__grid .et_pb_ajax_pagination_container>div {
        grid-column: span 3
    }
}

.css-grid {
    display: grid;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.css-grid::-webkit-scrollbar {
    display: none
}

.css-grid>div {
    border-bottom: 1px solid rgba(78,133,200,.1);
    margin-bottom: 0!important;
    padding-top: 15px;
    padding-bottom: 10px;
    padding-right: 5px
}

@media (min-width: 768px) {
    .css-grid>div {
        padding-top:25px;
        padding-bottom: 20px
    }
}

.css-grid .et_pb_button {
    display: inline-block;
    margin-bottom: 10px
}

.css-grid--infinite-scale {
    grid-template-columns: minmax(75px,150px) 1fr
}

.css-grid--infinite-scale,.css-grid--infinite-scale>* {
    align-items: center;
    justify-content: center
}

.css-grid--infinite-scale>* {
    min-height: 80px;
    display: flex
}

.css-grid--infinite-scale>:nth-child(-n 2) {
    min-height: auto;
    padding: 10px 0
}

.css-grid--infinite-scale>:nth-last-child(-n 2) {
    border-bottom: 0
}

.css-grid--infinite-scale>div {
    padding: 0
}

.css-grid--infinite-scale .et_pb_button {
    margin: 0
}

.css-grid--desktop-clients {
    grid-template-columns: .75fr 2fr 2fr 2.25fr
}

.css-grid--desktop-clients>div:nth-last-of-type(-n 4) {
    border: none
}

.css-grid--server-packages {
    grid-template-columns: minmax(75px,1fr) 1fr 1.75fr minmax(140px,1.75fr)
}

.css-grid--server-packages>div:nth-last-of-type(-n 4) {
    border: none
}

.css-grid--compare {
    grid-template-columns: repeat(7,1fr)
}

.css-grid--editions {
    grid-template-columns: repeat(3,1fr);
    -webkit-hyphens: auto;
    hyphens: auto
}

.css-grid--editions>div {
    padding-left: 1.5vw;
    padding-right: 1.5vw
}

.css-grid--editions:not(.grid-title)>div {
    background: #fff!important
}

.css-grid--editions.grid-title>div {
    border-bottom: none;
    padding-top: 20px;
    padding-bottom: 10px
}

.css-grid--editions.grid-title>div img {
    max-height: 65px
}

.css-grid--editions.grid-title.et-last-child {
    margin: 0 auto!important
}

.css-grid--editions.grid-title h4 {
    padding: 0
}

.css-grid--editions.grid-title .et_pb_module {
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 767px) {
    .css-grid--editions {
        grid-template-columns:repeat(3,1fr);
        margin-bottom: 40px!important
    }

    .css-grid--editions:not(.grid-title) {
        box-shadow: 0 2px 18px 0 rgba(78,133,200,.1)
    }

    .css-grid--editions.grid-title .column-descr,.css-grid--editions.grid-title .column-title {
        display: none
    }

    .css-grid--editions .column-title,.css-grid--editions>div:nth-of-type(1) {
        grid-column: span 4
    }
}

@media (max-width: 767px) and (min-width:768px) {
    .css-grid--editions>div:nth-of-type(1) {
        padding-top:15px;
        padding-bottom: 15px
    }
}

@media (max-width: 767px) {
    .css-grid--editions:not(.grid-title)>div:nth-of-type(2),.css-grid--editions:not(.grid-title)>div:nth-of-type(3),.css-grid--editions:not(.grid-title)>div:nth-of-type(4) {
        border-bottom:1px solid rgba(78,133,200,.1);
        padding: 20px 3vw 20px 3vw
    }
}

@media (max-width: 767px) {
    .css-grid--editions:not(.grid-title) .column-descr {
        grid-column:span 4;
        padding: 0;
        border: none;
        color: rgba(4,30,66,.5)
    }

    .css-grid--editions:not(.grid-title) .column-descr .et_pb_text_inner {
        padding: 10px 3vw 10px 3vw;
        -webkit-hyphens: auto;
        hyphens: auto
    }
}

@media (min-width: 768px) {
    .css-grid--editions {
        grid-template-columns:repeat(5,minmax(0,1fr));
        -webkit-hyphens: none;
        hyphens: none
    }
}

@media (min-width: 1100px) {
    .css-grid--editions {
        grid-template-columns:minmax(0,1fr) .9fr .9fr .9fr minmax(0,1.25fr)
    }
}

.css-grid--3cols,.css-grid--editions-compare {
    grid-template-columns: repeat(2,minmax(0,1fr));
    -webkit-hyphens: none;
    hyphens: none;
    margin-bottom: 20px!important
}

@media (min-width: 768px) {
    .css-grid--3cols,.css-grid--editions-compare {
        grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
        margin-bottom: 0!important
    }
}

.css-grid--4cols {
    grid-template-columns: repeat(3,minmax(0,1fr));
    -webkit-hyphens: none;
    hyphens: none;
    margin-bottom: 20px!important
}

@media (min-width: 768px) {
    .css-grid--4cols {
        grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
        margin-bottom: 0!important
    }
}

.css-grid--5cols-compare-preset {
    grid-template-columns: repeat(2,minmax(0,1fr));
    -webkit-hyphens: none;
    hyphens: none;
    margin-bottom: 20px!important
}

@media (min-width: 768px) {
    .css-grid--5cols-compare-preset {
        grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
        margin-bottom: 0!important
    }
}

.css-grid--older-versions {
    font-size: 13px;
    line-height: 1.4
}

@media (min-width: 768px) {
    .css-grid--older-versions {
        font-size:15px
    }
}

@media (min-width: 1100px) {
    .css-grid--older-versions {
        font-size:16px
    }
}

.css-grid--older-versions .download-linux a {
    display: inline-block
}

.css-grid--older-versions .download-linux a:not(:first-child) {
    margin-top: 10px
}

.css-grid--older-versions ul {
    padding: 0;
    list-style: none
}

.css-grid--older-versions ul li {
    line-height: 1.2em
}

.css-grid--older-versions ul li:not(:first-child) {
    margin-top: 8px
}

.css-grid--older-versions ul li:not(:last-child) {
    margin-bottom: 5px
}

.css-grid--older-versions-server {
    grid-template-columns: .5fr .75fr 1fr 1fr
}

.css-grid--older-versions-desktop {
    grid-template-columns: .65fr 1fr 1.25fr 1.25fr 1fr
}

.css-grid--older-versions-desktop-testpilot {
    grid-template-columns: 1fr 1.25fr 1.25fr 1fr
}

.css-grid--older-versions-desktop-daily {
    grid-template-columns: 1fr 1.25fr 1.25fr 1fr
}

.css-grid--older-versions-desktop-beta {
    grid-template-columns: .85fr .65fr 1fr 1.25fr 1.25fr 1fr
}

.css-grid--older-versions-desktop-beta>:nth-child(24n 19),.css-grid--older-versions-desktop-beta>:nth-child(24n 20),.css-grid--older-versions-desktop-beta>:nth-child(24n 21),.css-grid--older-versions-desktop-beta>:nth-child(24n 22),.css-grid--older-versions-desktop-beta>:nth-child(24n 23),.css-grid--older-versions-desktop-beta>:nth-child(24n 24),.css-grid--older-versions-desktop-beta>:nth-child(24n 25),.css-grid--older-versions-desktop-beta>:nth-child(24n 26),.css-grid--older-versions-desktop-beta>:nth-child(24n 27),.css-grid--older-versions-desktop-beta>:nth-child(24n 28),.css-grid--older-versions-desktop-beta>:nth-child(24n 29),.css-grid--older-versions-desktop-beta>:nth-child(24n 30) {
    background: rgba(78,133,200,.03)
}

.oc-pricing-table .et_pb_featured_table {
    padding-bottom: 70px
}

@media (max-width: 980px) {
    .oc-pricing-table .et_pb_pricing_table {
        min-width:100%!important
    }
}

@media (min-width: 980px) {
    .oc-pricing-table .et_pb_sum {
        font-size:60px
    }
}

@media (min-width: 1100px) {
    .oc-pricing-table .et_pb_sum {
        font-size:80px
    }
}

.oc-pricing-table .et_pb_dollar_sign {
    margin-left: -28px
}

@media (min-width: 980px) {
    .oc-pricing-table .et_pb_frequency {
        display:block
    }
}

@media (min-width: 1405px) {
    .oc-pricing-table .et_pb_frequency {
        display:inline-block
    }
}

.oc-pricing-table .et_pb_pricing li {
    padding: 0 0 1.6em 26px
}

.oc-pricing-table .et_pb_pricing li:before {
    content: "\f00c";
    position: absolute;
    left: 0;
    color: #4e85c8
}

.oc-pricing-table .et_pb_pricing li.et_pb_not_available:before {
    content: "\f00d";
    color: #b5b6bb
}

.oc-pricing-table--oc-online .et_pb_pricing li:before {
    color: #06e3bd
}

.contact-sales,.degressive-pricing {
    display: none
}

.contact-sales {
    padding: 29px 0 28px;
    font-size: 18px;
    color: #041e42
}

.degressive-pricing.form.light {
    margin: 0 auto
}

.degressive-pricing.form.light select {
    background-color: #fff;
    font-weight: 600;
    font-size: 17px;
    padding: 14px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 15px;
    max-width: 50%
}

.oc .customer-logos {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1 1 auto;
    flex-wrap: wrap
}

@media (min-width: 768px) {
    .oc .customer-logos {
        flex-wrap:nowrap
    }
}

.oc .customer-logos .et_pb_image {
    margin: 10px 0;
    flex-basis: 40%;
    max-width: 170px;
    text-align: center
}

@media (max-width: 768px) {
    .oc .customer-logos .et_pb_image:nth-child(4) {
        margin-left:0
    }
}

@media (min-width: 768px) {
    .oc .customer-logos .et_pb_image {
        width:inherit;
        max-width: 150px;
        margin-top: 0!important;
        margin-bottom: 0!important;
        margin-left: 3%;
        margin-right: 0!important
    }
}

.oc .customer-logos .et_pb_image:first-child {
    margin-left: 0
}

.oc .customer-logos .et_pb_image:last-child {
    margin-right: 0
}

.oc .customer-logos .et_pb_image_wrap img {
    -o-object-fit: contain;
    object-fit: contain;
    min-height: 45px;
    max-height: 55px
}

@media (min-width: 768px) {
    .oc .customer-logos .et_pb_image_wrap img {
        min-height:55px;
        min-height: 75px
    }
}

.customer-logo-preset .et_pb_image_wrap {
    display: flex;
    max-height: 100%
}

.customer-logo-preset .et_pb_image_wrap img {
    -o-object-fit: contain;
    object-fit: contain
}

.oc .et_pb_image .et_pb_image_wrap img[src*=".svg"] {
    width: 100%
}

.et_pb_accordion_item:first-child {
    border-radius: 5px 5px 0 0
}

.et_pb_accordion_item:last-child {
    border-radius: 0 0 5px 5px
}

.et_pb_accordion .et_pb_accordion_item .et_pb_toggle_title:before {
    content: "3";
    font-size: 24px;
    position: absolute;
    right: 0;
    display: block;
    will-change: transform;
    transition: transform .15s ease-in-out
}

.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title:before {
    transform: rotate(180deg);
    transform-origin: center center
}

.et_pb_testimonial {
    display: flex;
    flex-direction: column;
    line-height: 1.4
}

.et_pb_testimonial_description_inner:after {
    content: "\f10d";
    font-size: 100px;
    position: absolute;
    right: 5%;
    bottom: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    color: #f6f5f7;
    z-index: -1
}

.et_pb_testimonial_portrait {
    flex-basis: 20%;
    width: 55px;
    height: 55px!important;
    min-height: 55px;
    max-width: 55px;
    position: absolute;
    bottom: -5px;
    margin-left: 35px!important;
    margin-bottom: 0!important
}

.et_pb_testimonial_description {
    flex-basis: 80%;
    margin-left: 0!important
}

.et_pb_testimonial_content {
    position: relative;
    margin: 0;
    border: 1px solid #b5b6bb;
    border-radius: 20px;
    padding: 30px 55px 10px 35px
}

.et_pb_testimonial_content:before {
    content: "";
    position: absolute;
    width: 105px;
    border: 6px solid #fff;
    bottom: -3px;
    left: 50px;
    z-index: 2
}

.et_pb_testimonial_content:after {
    content: "";
    position: absolute;
    border: 1px solid #b5b6bb;
    border-radius: 0 50px 0 0;
    width: 80px;
    height: 80px;
    bottom: -81px;
    left: 50px;
    border-bottom: none;
    border-left: none;
    z-index: 3
}

.et_pb_testimonial_author,.et_pb_testimonial_company,.et_pb_testimonial_position {
    font-style: normal!important;
    font-weight: 500!important
}

.et_pb_testimonial_author,.et_pb_testimonial_meta {
    padding-left: 170px;
    line-height: 1
}

.et_pb_testimonial_meta {
    font-weight: 400!important;
    min-height: 22px;
    display: block
}

.et_pb_testimonial_meta:empty {
    display: block!important
}

.et_pb_testimonial_author {
    margin-top: 25px;
    font-weight: 600!important;
    font-size: 15px!important
}

@media (min-width: 768px) {
    .et_pb_testimonial_author {
        font-size:18px!important
    }
}

.team-members {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap
}

.team-members__member {
    flex-basis: 47.25%;
    margin-right: 5.5%;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

@media (max-width: 980px) {
    .team-members__member:nth-child(2n) {
        margin-right:0
    }
}

@media (min-width: 980px) {
    .team-members__member {
        flex-basis:15.6%
    }

    .team-members__member:nth-child(5n) {
        margin-right: 0
    }
}

.team-members__member .et_pb_team_member_image {
    display: block;
    margin: 0 0 15px;
    float: none
}

.team-members__member .et_pb_team_member_description {
    display: block
}

.team-members__member .et_pb_module_header {
    padding-bottom: 3px
}

.team-members__member .et_pb_member_social_links {
    margin-top: 7px
}

.team-members__member .et_pb_member_social_links li {
    margin: 0 7px
}

.et-fb-root-ancestor .team-members__member {
    margin-right: 5.5%
}

@media (max-width: 1100px) {
    .et-fb-root-ancestor .team-members__member:nth-child(2n) {
        margin-right:0
    }
}

@media (min-width: 1100px) {
    .et-fb-root-ancestor .team-members__member:nth-child(5n 2) {
        margin-right:0
    }
}

.landingpage-header>.et_pb_row {
    align-items: center;
    display: flex
}

.landingpage-header .et_pb_blurb_container {
    padding-left: 5px
}

@media (max-width: 980px) {
    .landingpage-header .et_pb_blurb_container {
        display:none
    }

    .landingpage-header .et_pb_column,.landingpage-header .et_pb_module {
        margin-bottom: 0!important
    }
}

.contact-items {
    align-items: center
}

.contact-items .et_pb_module {
    margin-bottom: 0!important
}

.rtl,.rtl a,.rtl h1,.rtl h2,.rtl h3,.rtl h4,.rtl h5,.rtl h6,.rtl p {
    font-family: Mada,"Source Sans Pro",sans-serif
}

.rtl .et-l--header .et_pb_blurb_1_tb_header.et_pb_blurb {
    margin-left: 0
}

.rtl .et-l--header .et_pb_blurb_0_tb_header {
    margin-left: 30px
}

.rtl .et-l--header .et_pb_image_0_tb_header {
    margin-right: 0!important;
    margin-left: auto!important
}

.rtl .et_pb_testimonial .et_pb_testimonial_author,.rtl .et_pb_testimonial .et_pb_testimonial_meta {
    margin-right: 70px
}

@media (min-width: 768px) {
    .rtl .et_pb_testimonial .et_pb_testimonial_author,.rtl .et_pb_testimonial .et_pb_testimonial_meta {
        margin-right:100px
    }
}

@media (min-width: 980px) {
    .rtl .et_pb_testimonial .et_pb_testimonial_author,.rtl .et_pb_testimonial .et_pb_testimonial_meta {
        margin-right:110px
    }
}

.rtl .checklist ul li {
    padding-left: 0;
    padding-right: 30px
}

.rtl .checklist ul li:before {
    right: 0;
    left: inherit
}

.rtl .footer-col-right {
    justify-content: center
}

@media (min-width: 980px) {
    .rtl .footer-col-right {
        justify-content:flex-start!important
    }
}

.rtl .footer-col-right .et_pb_module {
    margin-bottom: 3.093%!important;
    margin-right: 0
}

.rtl .footer-col-right .et_pb_module .et_pb_image_wrap {
    margin-left: 15px
}

.rtl .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
    transform: translateX(50%);
    right: -50%
}

@media (min-width: 980px) {
    .rtl .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
        right:50%
    }
}



#scp_menu {
    background: #3d3d3d;
    background: -moz-linear-gradient(top, #3d3d3d 0%, #0f0f10 100%);
    background: -webkit-linear-gradient(top, #3d3d3d 0%,#0f0f10 100%);
    display: none;
}




/* new styles 2 */



/*!
 Theme Name:     ownCloud
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    ownCloud Divi Child Theme
 Author:         GEISSEL Informationsdesign
 Author URI:     https://geissel-informationsdesign.de
 Template:       Divi
 Version:        1.3.3
 Text Domain:    owncloud-theme
*/
@keyframes bounceOut {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(.95)
    }

    50% {
        opacity: 1;
        transform: scale(1.1)
    }

    100% {
        opacity: 0;
        transform: scale(.3)
    }
}

@keyframes bounceOutDown {
    0% {
        transform: translateY(0)
    }

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

    100% {
        opacity: 0;
        transform: translateY(2000px)
    }
}

@keyframes bounceOutLeft {
    0% {
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        transform: translateX(20px)
    }

    100% {
        opacity: 0;
        transform: translateX(-2000px)
    }
}

@keyframes bounceOutRight {
    0% {
        transform: translateX(0)
    }

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

    100% {
        opacity: 0;
        transform: translateX(2000px)
    }
}

@keyframes bounceOutUp {
    0% {
        transform: translateY(0)
    }

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

    100% {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        transform: scale(1.05)
    }

    70% {
        transform: scale(.9)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-1000px)
    }

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

    80% {
        transform: translateY(-10px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        transform: translateX(30px)
    }

    80% {
        transform: translateX(-10px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        transform: translateX(-30px)
    }

    80% {
        transform: translateX(10px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }

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

    80% {
        transform: translateY(10px)
    }

    100% {
        transform: translateY(0)
    }
}

.bounceInDown {
    animation-name: bounceInDown;
    animation-iteration-count: 1s;
    animation-duration: 1.75s;
    animation-delay: .25s;
    animation-timing-function: ease;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.bounceOutUp {
    animation-name: bounceOutUp;
    animation-iteration-count: 1s;
    animation-duration: 2s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.topbar .hamburger {
    margin-right: -15px;
    margin-left: 15px;
    display: flex
}

@media (min-width: 1100px) {
    .topbar .hamburger {
        display:none
    }
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity,filter;
    transition-duration: .15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible
}

.hamburger:hover {
    opacity: 1
}

.hamburger.is-active:hover {
    opacity: 1
}

.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::after,.hamburger.is-active .hamburger-inner::before {
    background-color: #fff
}

.hamburger-box {
    width: 23px;
    height: 20px;
    display: inline-block;
    position: relative
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -1px
}

.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before {
    width: 23px;
    height: 2px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: .15s;
    transition-timing-function: ease
}

.hamburger-inner::after,.hamburger-inner::before {
    content: "";
    display: block
}

.hamburger-inner::before {
    top: -9px
}

.hamburger-inner::after {
    bottom: -9px
}

.hamburger--3dx .hamburger-box {
    perspective: 46px
}

.hamburger--3dx .hamburger-inner {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)
}

.hamburger--3dx .hamburger-inner::after,.hamburger--3dx .hamburger-inner::before {
    transition: transform 0s .1s cubic-bezier(.645,.045,.355,1)
}

.hamburger--3dx.is-active .hamburger-inner {
    background-color: transparent!important;
    transform: rotateY(180deg)
}

.hamburger--3dx.is-active .hamburger-inner::before {
    transform: translate3d(0,9px,0) rotate(45deg)
}

.hamburger--3dx.is-active .hamburger-inner::after {
    transform: translate3d(0,-9px,0) rotate(-45deg)
}

.hamburger--3dx-r .hamburger-box {
    perspective: 46px
}

.hamburger--3dx-r .hamburger-inner {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)
}

.hamburger--3dx-r .hamburger-inner::after,.hamburger--3dx-r .hamburger-inner::before {
    transition: transform 0s .1s cubic-bezier(.645,.045,.355,1)
}

.hamburger--3dx-r.is-active .hamburger-inner {
    background-color: transparent!important;
    transform: rotateY(-180deg)
}

.hamburger--3dx-r.is-active .hamburger-inner::before {
    transform: translate3d(0,9px,0) rotate(45deg)
}

.hamburger--3dx-r.is-active .hamburger-inner::after {
    transform: translate3d(0,-9px,0) rotate(-45deg)
}

.hamburger--3dy .hamburger-box {
    perspective: 46px
}

.hamburger--3dy .hamburger-inner {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)
}

.hamburger--3dy .hamburger-inner::after,.hamburger--3dy .hamburger-inner::before {
    transition: transform 0s .1s cubic-bezier(.645,.045,.355,1)
}

.hamburger--3dy.is-active .hamburger-inner {
    background-color: transparent!important;
    transform: rotateX(-180deg)
}

.hamburger--3dy.is-active .hamburger-inner::before {
    transform: translate3d(0,9px,0) rotate(45deg)
}

.hamburger--3dy.is-active .hamburger-inner::after {
    transform: translate3d(0,-9px,0) rotate(-45deg)
}

.hamburger--3dy-r .hamburger-box {
    perspective: 46px
}

.hamburger--3dy-r .hamburger-inner {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)
}

.hamburger--3dy-r .hamburger-inner::after,.hamburger--3dy-r .hamburger-inner::before {
    transition: transform 0s .1s cubic-bezier(.645,.045,.355,1)
}

.hamburger--3dy-r.is-active .hamburger-inner {
    background-color: transparent!important;
    transform: rotateX(180deg)
}

.hamburger--3dy-r.is-active .hamburger-inner::before {
    transform: translate3d(0,9px,0) rotate(45deg)
}

.hamburger--3dy-r.is-active .hamburger-inner::after {
    transform: translate3d(0,-9px,0) rotate(-45deg)
}

.hamburger--3dxy .hamburger-box {
    perspective: 46px
}

.hamburger--3dxy .hamburger-inner {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)
}

.hamburger--3dxy .hamburger-inner::after,.hamburger--3dxy .hamburger-inner::before {
    transition: transform 0s .1s cubic-bezier(.645,.045,.355,1)
}

.hamburger--3dxy.is-active .hamburger-inner {
    background-color: transparent!important;
    transform: rotateX(180deg) rotateY(180deg)
}

.hamburger--3dxy.is-active .hamburger-inner::before {
    transform: translate3d(0,9px,0) rotate(45deg)
}

.hamburger--3dxy.is-active .hamburger-inner::after {
    transform: translate3d(0,-9px,0) rotate(-45deg)
}

.hamburger--3dxy-r .hamburger-box {
    perspective: 46px
}

.hamburger--3dxy-r .hamburger-inner {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)
}

.hamburger--3dxy-r .hamburger-inner::after,.hamburger--3dxy-r .hamburger-inner::before {
    transition: transform 0s .1s cubic-bezier(.645,.045,.355,1)
}

.hamburger--3dxy-r.is-active .hamburger-inner {
    background-color: transparent!important;
    transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg)
}

.hamburger--3dxy-r.is-active .hamburger-inner::before {
    transform: translate3d(0,9px,0) rotate(45deg)
}

.hamburger--3dxy-r.is-active .hamburger-inner::after {
    transform: translate3d(0,-9px,0) rotate(-45deg)
}

.hamburger--arrow.is-active .hamburger-inner::before {
    transform: translate3d(-4.6px,0,0) rotate(-45deg) scale(.7,1)
}

.hamburger--arrow.is-active .hamburger-inner::after {
    transform: translate3d(-4.6px,0,0) rotate(45deg) scale(.7,1)
}

.hamburger--arrow-r.is-active .hamburger-inner::before {
    transform: translate3d(4.6px,0,0) rotate(45deg) scale(.7,1)
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
    transform: translate3d(4.6px,0,0) rotate(-45deg) scale(.7,1)
}

.hamburger--arrowalt .hamburger-inner::before {
    transition: top .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)
}

.hamburger--arrowalt .hamburger-inner::after {
    transition: bottom .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
    top: 0;
    transform: translate3d(-4.6px,-5.75px,0) rotate(-45deg) scale(.7,1);
    transition: top .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
    bottom: 0;
    transform: translate3d(-4.6px,5.75px,0) rotate(45deg) scale(.7,1);
    transition: bottom .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)
}

.hamburger--arrowalt-r .hamburger-inner::before {
    transition: top .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)
}

.hamburger--arrowalt-r .hamburger-inner::after {
    transition: bottom .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
    top: 0;
    transform: translate3d(4.6px,-5.75px,0) rotate(45deg) scale(.7,1);
    transition: top .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: translate3d(4.6px,5.75px,0) rotate(-45deg) scale(.7,1);
    transition: bottom .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)
}

.hamburger--arrowturn.is-active .hamburger-inner {
    transform: rotate(-180deg)
}

.hamburger--arrowturn.is-active .hamburger-inner::before {
    transform: translate3d(8px,0,0) rotate(45deg) scale(.7,1)
}

.hamburger--arrowturn.is-active .hamburger-inner::after {
    transform: translate3d(8px,0,0) rotate(-45deg) scale(.7,1)
}

.hamburger--arrowturn-r.is-active .hamburger-inner {
    transform: rotate(-180deg)
}

.hamburger--arrowturn-r.is-active .hamburger-inner::before {
    transform: translate3d(-8px,0,0) rotate(-45deg) scale(.7,1)
}

.hamburger--arrowturn-r.is-active .hamburger-inner::after {
    transform: translate3d(-8px,0,0) rotate(45deg) scale(.7,1)
}

.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner::after,.hamburger--boring .hamburger-inner::before {
    transition-property: none
}

.hamburger--boring.is-active .hamburger-inner {
    transform: rotate(45deg)
}

.hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0
}

.hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg)
}

.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: .13s;
    transition-delay: .13s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

.hamburger--collapse .hamburger-inner::after {
    top: -18px;
    transition: top .2s .2s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear
}

.hamburger--collapse .hamburger-inner::before {
    transition: top .12s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--collapse.is-active .hamburger-inner {
    transform: translate3d(0,-9px,0) rotate(-45deg);
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

.hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .22s linear
}

.hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top .1s .16s cubic-bezier(.33333,0,.66667,.33333),transform .13s .25s cubic-bezier(.215,.61,.355,1)
}

.hamburger--collapse-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: .13s;
    transition-delay: .13s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

.hamburger--collapse-r .hamburger-inner::after {
    top: -18px;
    transition: top .2s .2s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear
}

.hamburger--collapse-r .hamburger-inner::before {
    transition: top .12s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--collapse-r.is-active .hamburger-inner {
    transform: translate3d(0,-9px,0) rotate(45deg);
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .22s linear
}

.hamburger--collapse-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top .1s .16s cubic-bezier(.33333,0,.66667,.33333),transform .13s .25s cubic-bezier(.215,.61,.355,1)
}

.hamburger--elastic .hamburger-inner {
    top: 1px;
    transition-duration: 275ms;
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)
}

.hamburger--elastic .hamburger-inner::before {
    top: 9px;
    transition: opacity 125ms 275ms ease
}

.hamburger--elastic .hamburger-inner::after {
    top: 18px;
    transition: transform 275ms cubic-bezier(.68,-.55,.265,1.55)
}

.hamburger--elastic.is-active .hamburger-inner {
    transform: translate3d(0,9px,0) rotate(135deg);
    transition-delay: 75ms
}

.hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0
}

.hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0,-18px,0) rotate(-270deg);
    transition-delay: 75ms
}

.hamburger--elastic-r .hamburger-inner {
    top: 1px;
    transition-duration: 275ms;
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)
}

.hamburger--elastic-r .hamburger-inner::before {
    top: 9px;
    transition: opacity 125ms 275ms ease
}

.hamburger--elastic-r .hamburger-inner::after {
    top: 18px;
    transition: transform 275ms cubic-bezier(.68,-.55,.265,1.55)
}

.hamburger--elastic-r.is-active .hamburger-inner {
    transform: translate3d(0,9px,0) rotate(-135deg);
    transition-delay: 75ms
}

.hamburger--elastic-r.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0
}

.hamburger--elastic-r.is-active .hamburger-inner::after {
    transform: translate3d(0,-18px,0) rotate(270deg);
    transition-delay: 75ms
}

.hamburger--emphatic {
    overflow: hidden
}

.hamburger--emphatic .hamburger-inner {
    transition: background-color 125ms 175ms ease-in
}

.hamburger--emphatic .hamburger-inner::before {
    left: 0;
    transition: transform 125ms cubic-bezier(.6,.04,.98,.335),top 50ms 125ms linear,left 125ms 175ms ease-in
}

.hamburger--emphatic .hamburger-inner::after {
    top: 9px;
    right: 0;
    transition: transform 125ms cubic-bezier(.6,.04,.98,.335),top 50ms 125ms linear,right 125ms 175ms ease-in
}

.hamburger--emphatic.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent!important
}

.hamburger--emphatic.is-active .hamburger-inner::before {
    left: -46px;
    top: -46px;
    transform: translate3d(46px,46px,0) rotate(45deg);
    transition: left 125ms ease-out,top 50ms 125ms linear,transform 125ms 175ms cubic-bezier(.075,.82,.165,1)
}

.hamburger--emphatic.is-active .hamburger-inner::after {
    right: -46px;
    top: -46px;
    transform: translate3d(-46px,46px,0) rotate(-45deg);
    transition: right 125ms ease-out,top 50ms 125ms linear,transform 125ms 175ms cubic-bezier(.075,.82,.165,1)
}

.hamburger--emphatic-r {
    overflow: hidden
}

.hamburger--emphatic-r .hamburger-inner {
    transition: background-color 125ms 175ms ease-in
}

.hamburger--emphatic-r .hamburger-inner::before {
    left: 0;
    transition: transform 125ms cubic-bezier(.6,.04,.98,.335),top 50ms 125ms linear,left 125ms 175ms ease-in
}

.hamburger--emphatic-r .hamburger-inner::after {
    top: 9px;
    right: 0;
    transition: transform 125ms cubic-bezier(.6,.04,.98,.335),top 50ms 125ms linear,right 125ms 175ms ease-in
}

.hamburger--emphatic-r.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent!important
}

.hamburger--emphatic-r.is-active .hamburger-inner::before {
    left: -46px;
    top: 46px;
    transform: translate3d(46px,-46px,0) rotate(-45deg);
    transition: left 125ms ease-out,top 50ms 125ms linear,transform 125ms 175ms cubic-bezier(.075,.82,.165,1)
}

.hamburger--emphatic-r.is-active .hamburger-inner::after {
    right: -46px;
    top: 46px;
    transform: translate3d(-46px,-46px,0) rotate(45deg);
    transition: right 125ms ease-out,top 50ms 125ms linear,transform 125ms 175ms cubic-bezier(.075,.82,.165,1)
}

.hamburger--minus .hamburger-inner::after,.hamburger--minus .hamburger-inner::before {
    transition: bottom 80ms 0s ease-out,top 80ms 0s ease-out,opacity 0s linear
}

.hamburger--minus.is-active .hamburger-inner::after,.hamburger--minus.is-active .hamburger-inner::before {
    opacity: 0;
    transition: bottom 80ms ease-out,top 80ms ease-out,opacity 0s 80ms linear
}

.hamburger--minus.is-active .hamburger-inner::before {
    top: 0
}

.hamburger--minus.is-active .hamburger-inner::after {
    bottom: 0
}

.hamburger--slider .hamburger-inner {
    top: 1px
}

.hamburger--slider .hamburger-inner::before {
    top: 9px;
    transition-property: transform,opacity;
    transition-timing-function: ease;
    transition-duration: .15s
}

.hamburger--slider .hamburger-inner::after {
    top: 18px
}

.hamburger--slider.is-active .hamburger-inner {
    transform: translate3d(0,9px,0) rotate(45deg)
}

.hamburger--slider.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-3.2857142857px,-7px,0);
    opacity: 0
}

.hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0,-18px,0) rotate(-90deg)
}

.hamburger--slider-r .hamburger-inner {
    top: 1px
}

.hamburger--slider-r .hamburger-inner::before {
    top: 9px;
    transition-property: transform,opacity;
    transition-timing-function: ease;
    transition-duration: .15s
}

.hamburger--slider-r .hamburger-inner::after {
    top: 18px
}

.hamburger--slider-r.is-active .hamburger-inner {
    transform: translate3d(0,9px,0) rotate(-45deg)
}

.hamburger--slider-r.is-active .hamburger-inner::before {
    transform: rotate(45deg) translate3d(3.2857142857px,-7px,0);
    opacity: 0
}

.hamburger--slider-r.is-active .hamburger-inner::after {
    transform: translate3d(0,-18px,0) rotate(90deg)
}

.hamburger--spin .hamburger-inner {
    transition-duration: .22s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

.hamburger--spin .hamburger-inner::before {
    transition: top .1s .25s ease-in,opacity .1s ease-in
}

.hamburger--spin .hamburger-inner::after {
    transition: bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--spin.is-active .hamburger-inner {
    transform: rotate(225deg);
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

.hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top .1s ease-out,opacity .1s .12s ease-out
}

.hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom .1s ease-out,transform .22s .12s cubic-bezier(.215,.61,.355,1)
}

.hamburger--spin-r .hamburger-inner {
    transition-duration: .22s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

.hamburger--spin-r .hamburger-inner::before {
    transition: top .1s .25s ease-in,opacity .1s ease-in
}

.hamburger--spin-r .hamburger-inner::after {
    transition: bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--spin-r.is-active .hamburger-inner {
    transform: rotate(-225deg);
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

.hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top .1s ease-out,opacity .1s .12s ease-out
}

.hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg);
    transition: bottom .1s ease-out,transform .22s .12s cubic-bezier(.215,.61,.355,1)
}

.hamburger--spring .hamburger-inner {
    top: 1px;
    transition: background-color 0s .13s linear
}

.hamburger--spring .hamburger-inner::before {
    top: 9px;
    transition: top .1s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--spring .hamburger-inner::after {
    top: 18px;
    transition: top .2s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--spring.is-active .hamburger-inner {
    transition-delay: .22s;
    background-color: transparent!important
}

.hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    transition: top .1s .15s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1);
    transform: translate3d(0,9px,0) rotate(45deg)
}

.hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    transition: top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1);
    transform: translate3d(0,9px,0) rotate(-45deg)
}

.hamburger--spring-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: .13s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

.hamburger--spring-r .hamburger-inner::after {
    top: -18px;
    transition: top .2s .2s cubic-bezier(.33333,.66667,.66667,1),opacity 0s linear
}

.hamburger--spring-r .hamburger-inner::before {
    transition: top .1s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--spring-r.is-active .hamburger-inner {
    transform: translate3d(0,-9px,0) rotate(-45deg);
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

.hamburger--spring-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s .22s linear
}

.hamburger--spring-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top .1s .15s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1)
}

.hamburger--stand .hamburger-inner {
    transition: transform 75ms .15s cubic-bezier(.55,.055,.675,.19),background-color 0s 75ms linear
}

.hamburger--stand .hamburger-inner::before {
    transition: top 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--stand .hamburger-inner::after {
    transition: bottom 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--stand.is-active .hamburger-inner {
    transform: rotate(90deg);
    background-color: transparent!important;
    transition: transform 75ms 0s cubic-bezier(.215,.61,.355,1),background-color 0s .15s linear
}

.hamburger--stand.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215,.61,.355,1)
}

.hamburger--stand.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215,.61,.355,1)
}

.hamburger--stand-r .hamburger-inner {
    transition: transform 75ms .15s cubic-bezier(.55,.055,.675,.19),background-color 0s 75ms linear
}

.hamburger--stand-r .hamburger-inner::before {
    transition: top 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--stand-r .hamburger-inner::after {
    transition: bottom 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--stand-r.is-active .hamburger-inner {
    transform: rotate(-90deg);
    background-color: transparent!important;
    transition: transform 75ms 0s cubic-bezier(.215,.61,.355,1),background-color 0s .15s linear
}

.hamburger--stand-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215,.61,.355,1)
}

.hamburger--stand-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215,.61,.355,1)
}

.hamburger--squeeze .hamburger-inner {
    transition-duration: 75ms;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

.hamburger--squeeze .hamburger-inner::before {
    transition: top 75ms .12s ease,opacity 75ms ease
}

.hamburger--squeeze .hamburger-inner::after {
    transition: bottom 75ms .12s ease,transform 75ms cubic-bezier(.55,.055,.675,.19)
}

.hamburger--squeeze.is-active .hamburger-inner {
    transform: rotate(45deg);
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

.hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 75ms ease,opacity 75ms .12s ease
}

.hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 75ms ease,transform 75ms .12s cubic-bezier(.215,.61,.355,1)
}

.hamburger--vortex .hamburger-inner {
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.hamburger--vortex .hamburger-inner::after,.hamburger--vortex .hamburger-inner::before {
    transition-duration: 0s;
    transition-delay: .1s;
    transition-timing-function: linear
}

.hamburger--vortex .hamburger-inner::before {
    transition-property: top,opacity
}

.hamburger--vortex .hamburger-inner::after {
    transition-property: bottom,transform
}

.hamburger--vortex.is-active .hamburger-inner {
    transform: rotate(765deg);
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.hamburger--vortex.is-active .hamburger-inner::after,.hamburger--vortex.is-active .hamburger-inner::before {
    transition-delay: 0s
}

.hamburger--vortex.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0
}

.hamburger--vortex.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg)
}

.hamburger--vortex-r .hamburger-inner {
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.hamburger--vortex-r .hamburger-inner::after,.hamburger--vortex-r .hamburger-inner::before {
    transition-duration: 0s;
    transition-delay: .1s;
    transition-timing-function: linear
}

.hamburger--vortex-r .hamburger-inner::before {
    transition-property: top,opacity
}

.hamburger--vortex-r .hamburger-inner::after {
    transition-property: bottom,transform
}

.hamburger--vortex-r.is-active .hamburger-inner {
    transform: rotate(-765deg);
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.hamburger--vortex-r.is-active .hamburger-inner::after,.hamburger--vortex-r.is-active .hamburger-inner::before {
    transition-delay: 0s
}

.hamburger--vortex-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0
}

.hamburger--vortex-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg)
}

.blur-on-hover {
    transition: 1s cubic-bezier(.19,1,.22,1);
    will-change: transform
}

.et_pb_section:hover .blur-on-hover {
    filter: blur(5px);
    transform: scale(.95)
}

.force-background-transparent {
    background-color: transparent!important
}

@media (max-width: 980px) {
    .custom_row,.custom_row .et_pb_row {
        display:flex;
        flex-wrap: wrap
    }

    .first-on-mobile {
        order: 1
    }

    .second-on-mobile {
        order: 2
    }

    .third-on-mobile {
        order: 3
    }

    .fourth-on-mobile {
        order: 4
    }

    .custom_row:last-child .et_pb_column:last-child {
        margin-bottom: 30px
    }
}

.flex {
    display: flex
}

.space-around {
    justify-content: space-around
}

.row-center>.et_pb_row {
    display: flex;
    align-items: center
}

@media (min-width: 980px) {
    .row-center-large>.et_pb_row {
        display:flex;
        align-items: center
    }
}

::-moz-selection {
    color: #fff;
    background: #4e85c8
}

::selection {
    color: #fff;
    background: #4e85c8
}

.atlwdg-trigger {
    z-index: 9999
}

.spinner {
    min-height: 30vh;
    background: url(../../../../../../themes/ownCloud/dist/assets/img/spinner.svg) center center;
    background-repeat: no-repeat;
    background-size: 50px
}

.oc .slidepanel {
    display: none
}

.not-translated__label {
    border: 1px solid rgba(255,255,255,.4);
    border-radius: 3px;
    margin-left: .3rem;
    font-size: 60%;
    padding: 1px 2px
}

.et-pb-icon-circle {
    padding: 10px
}

.arrow-link:after,.checklist ul li:before,.fa-icon,.oc .feature_columns--arrow-links .et_pb_blurb_content a:after,.oc form.searchandfilter .chosen-container-multi .chosen-choices a.search-choice-close:before,.oc-blog-feed .more-link:after,.oc-pricing-table .et_pb_pricing li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600
}

@font-face {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Source Sans Pro Regular"),local("SourceSansPro-Regular"),url(../../../../../../themes/ownCloud/dist/assets/fonts/source-sans-pro-v13-latin-regular.woff2) format("woff2"),url(../../../../../../themes/ownCloud/dist/assets/fonts/source-sans-pro-v13-latin-regular.woff) format("woff")
}

@font-face {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local("Source Sans Pro SemiBold"),local("SourceSansPro-SemiBold"),url(../../../../../../themes/ownCloud/dist/assets/fonts/source-sans-pro-v13-latin-600.woff2) format("woff2"),url(../../../../../../themes/ownCloud/dist/assets/fonts/source-sans-pro-v13-latin-600.woff) format("woff")
}

@font-face {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Source Sans Pro Bold"),local("SourceSansPro-Bold"),url(../../../../../../themes/ownCloud/dist/assets/fonts/source-sans-pro-v13-latin-700.woff2) format("woff2"),url(../../../../../../themes/ownCloud/dist/assets/fonts/source-sans-pro-v13-latin-700.woff) format("woff")
}

.orange {
    color: #e56f35
}

.bright_blue {
    color: #4e85c8
}

.dark_gray {
    color: #55606c
}

.medium {
    font-weight: 600
}

.checklist ul {
    list-style: none;
    padding-left: 0;
    padding-bottom: .75em
}

.checklist ul li {
    padding-left: 30px;
    padding-bottom: 15px
}

.checklist ul li:before {
    content: "\f00c";
    position: absolute;
    left: 0;
    color: #4e85c8
}

.checklist.oc-online ul li:before {
    color: #06e3bd
}

.et_pb_button {
    padding: .65rem 1.5rem;
    line-height: 1.3em!important
}

.et_pb_button:after {
    line-height: 1;
    transform: translateY(-1.5px) translateX(-3px)
}

.et_pb_button:hover,.et_pb_module .et_pb_button:hover {
    padding: .65rem calc(1.5rem   1rem) .65rem 1.5rem
}

button:hover {
    cursor: pointer
}

body #page-container .et_pb_module .et_pb_button.text-button {
    padding-right: 1em;
    padding-left: 0
}

body #page-container .et_pb_module .et_pb_button.text-button:after {
    margin-left: 0;
    font-size: 1.3em;
    line-height: 1.3em;
    transition: none
}

.button.et_pb_button {
    display: block;
    margin: 35px auto 30px auto
}

.button.et_pb_button.button--center {
    display: inline-block
}

.button.et_pb_button.button--brightblue {
    background-color: #4e85c8;
    color: #fff;
    border: none;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)
}

.button.et_pb_button.button--brightblue:focus,.button.et_pb_button.button--brightblue:hover {
    background-color: #4e85c8!important
}

.arrow-link:after,.oc .feature_columns--arrow-links .et_pb_blurb_content a:after {
    content: "\f054";
    font-size: 65%;
    padding-left: 3px
}

.oc .et_pb_post_content .oc-button,.oc-button {
    padding: 10px 25px;
    border-radius: 2px;
    margin: 35px auto 30px auto;
    display: inline-flex
}

.oc .et_pb_post_content .oc-button--primary,.oc-button--primary {
    background-color: #4e85c8;
    color: #fff!important;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)
}

.button-group .et_pb_button_module_wrapper {
    display: inline-block
}

.button-group--center {
    text-align: center!important
}

.button-block {
    display: flex
}

.button-block--center {
    justify-content: center
}

.button {
    border-radius: 2px;
    padding: 10px 20px 12px 20px;
    font-size: 1rem;
    line-height: 1;
    display: flex;
    align-items: center;
    transition: transform .2s ease-in-out
}

.button:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)
}

.button--bright-blue,.oc .et_pb_post_content .button--bright-blue {
    color: #fff!important;
    background-color: #4e85c8
}

#mktoStyleLoaded {
    background-color: #123456;
    display: none
}

.mktoForm {
    text-align: left
}

.mktoForm .mktoClear {
    clear: both;
    float: none
}

.mktoForm div,.mktoForm label,.mktoForm p,.mktoForm span {
    text-align: left;
    margin: 0;
    padding: 0
}

.mktoForm input,.mktoForm select,.mktoForm textarea {
    margin: 0
}

.mktoForm * {
    font-family: inherit
}

.mktoForm .mktoOffset {
    float: left;
    height: 1.2em
}

.mktoForm .mktoGutter {
    float: left;
    height: 1.2em
}

.mktoForm .mktoFieldWrap {
    float: left
}

.mktoForm .mktoFieldWrap .mktoInstruction {
    display: none
}

.mktoForm .mktoLabel {
    float: left;
    line-height: 1.2em;
    padding-top: .3em
}

.mktoForm .mktoField {
    line-height: 1.2em;
    font-size: 1em;
    float: left
}

.mktoForm .mktoPlaceholder {
    float: left
}

.mktoForm .mktoLogicalField {
    float: left
}

.mktoForm fieldset {
    padding: 0;
    margin: 0
}

.mktoForm fieldset legend {
    margin: 0 1em .5em;
    color: inherit
}

.mktoForm a.mktoNotYou {
    cursor: pointer;
    color: #4692f3
}

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

.mktoForm .mktoAsterix {
    float: right;
    color: #bf0000;
    padding-left: 5px;
    display: none
}

.mktoForm .mktoCheckboxList,.mktoForm .mktoRadioList {
    padding: .3em;
    float: left
}

.mktoForm .mktoCheckboxList>label,.mktoForm .mktoRadioList>label {
    margin-left: 1.5em;
    margin-top: .1em;
    margin-bottom: .3em;
    line-height: 1.2em;
    display: block;
    min-height: 12px
}

.mktoForm.ie7 .mktoCheckboxList>label,.mktoForm.ie7 .mktoRadioList>label {
    padding: .2em 0 0
}

.mktoForm .mktoCheckboxList>label>input,.mktoForm .mktoRadioList>label>input {
    float: left;
    margin: 0;
    margin-left: -1.5em
}

.mktoForm .mktoCheckboxList>input,.mktoForm .mktoRadioList>input {
    padding: 0
}

.mktoForm .mktoLabelToLeft>label {
    text-align: right;
    margin-left: 0;
    margin-right: 1.5em
}

.mktoForm .mktoLabelToLeft input[type=checkbox],.mktoForm .mktoLabelToLeft input[type=radio] {
    position: absolute;
    right: .3em
}

.mktoForm.mktoLayoutAbove .mktoRequiredField .mktoAsterix {
    float: left;
    padding-left: 0;
    padding-right: 5px
}

.mktoForm .mktoRequiredField .mktoAsterix {
    display: block
}

.mktoForm .mktoRequiredField label.mktoLabel {
    font-weight: 700
}

.mktoForm input[type=date],.mktoForm input[type=email],.mktoForm input[type=number],.mktoForm input[type=tel],.mktoForm input[type=text],.mktoForm input[type=url] {
    padding: .1em .2em;
    line-height: 1.2em;
    margin: 0
}

.mktoForm input[type=range] {
    padding: .25em 0;
    margin: 0
}

.mktoForm input[type=range]::-ms-tooltip {
    display: none
}

.mktoForm input[type=date],.mktoForm input[type=email],.mktoForm input[type=number],.mktoForm input[type=tel],.mktoForm input[type=text],.mktoForm input[type=url],.mktoForm select.mktoField,.mktoForm textarea.mktoField {
    box-sizing: border-box
}

.mktoForm .mktoFormRow {
    clear: both
}

.mktoForm .mktoFormCol {
    float: left;
    position: relative;
    min-height: 2em
}

.mktoButtonRow {
    display: inline-block;
    position: relative
}

.mktoForm textarea.mktoField {
    display: inline-block;
    padding: .2em;
    margin: 0;
    line-height: 1.2em;
    overflow: auto;
    resize: none;
    float: none
}

.mktoForm textarea[rows="1"] {
    height: 2em
}

.mktoForm textarea[rows="2"] {
    height: 3.4em
}

.mktoForm textarea[rows="3"] {
    height: 4.6em
}

.mktoForm textarea[rows="4"] {
    height: 5.8em
}

.mktoForm textarea[rows="5"] {
    height: 7em
}

.mktoForm textarea[rows="6"] {
    height: 8.2em
}

.mktoForm textarea[rows="7"] {
    height: 9.4em
}

.mktoForm textarea[rows="8"] {
    height: 10.6em
}

.mktoForm.mktoLayoutCenter .mktoLabel {
    text-align: right
}

.mktoForm.mktoLayoutAbove .mktoGutter {
    display: none
}

.mktoForm.mktoLayoutAbove .mktoLabel {
    text-align: left
}

.mktoForm.mktoLayoutAbove .mktoCheckboxList,.mktoForm.mktoLayoutAbove .mktoRadioList {
    float: none;
    clear: left
}

.mktoForm.mktoLayoutAbove .mktoField,.mktoForm.mktoLayoutAbove .mktoLogicalField {
    clear: left
}

.mktoForm.mktoLayoutAbove textarea.mktoField {
    float: left
}

.mktoForm .mktoError {
    position: absolute;
    z-index: 99;
    color: #bf0000
}

.mktoForm .mktoError .mktoErrorArrowWrap {
    width: 16px;
    height: 8px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 5px;
    z-index: 100
}

.mktoForm.ie7 .mktoError .mktoErrorArrowWrap {
    top: -8px
}

.mktoForm .mktoError .mktoErrorArrow {
    background-color: #e51b00;
    border: 1px solid #9f1300;
    border-right: none;
    border-bottom: none;
    display: inline-block;
    height: 16px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    width: 16px;
    margin-top: 5px
}

.mktoForm .mktoError .mktoErrorArrowWrap.mktoArrowImage {
    background: transparent url(../../../../../../themes/images/callout-arrow-up-red.png) top center no-repeat;
    bottom: -7px
}

.mktoForm .mktoError .mktoErrorArrowWrap.mktoArrowImage .mktoErrorArrow {
    display: none
}

.mktoForm .mktoError .mktoErrorMsg {
    display: block;
    margin-top: 7px;
    background-color: #e51b00;
    background-image: linear-gradient(#e51b00 43%,#ba1600 100%);
    background-image: -ms-linear-gradient(#e51b00 43%,#ba1600 100%);
    border: 1px solid #9f1300;
    border-radius: 6px;
    box-shadow: rgba(0,0,0,.65) 0 2px 7px,inset #ff3c3c 0 1px 0;
    color: #f3f3f3;
    font-size: 1em;
    line-height: 1.2em;
    max-width: 16em;
    padding: .4em .6em;
    text-shadow: #901100 0 -1px 0
}

.mktoForm .mktoError .mktoErrorMsg .mktoErrorDetail {
    display: block
}

.mktoForm button.mktoButton {
    cursor: pointer;
    margin: 0
}

.mktoForm button.mktoButton:disabled {
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    cursor: default
}

.mktoNoJS .mktoLabel {
    display: block;
    padding-right: 10px;
    width: 110px;
    text-align: right
}

.mktoNoJS input[type=text] {
    width: 150px
}

.mktoForm .cf_widget_socialsignon .cf_sign_on {
    margin-bottom: 1.5em
}

.mktoForm .mktoRangeField .mktoRangeValue {
    zoom:1;float: left;
    display: none;
    text-align: center;
    position: absolute;
    z-index: 99;
    color: #000
}

.mktoForm.ie6 .mktoRangeField .mktoRangeValue,.mktoForm.ie7 .mktoRangeField .mktoRangeValue {
    position: relative
}

.mktoForm .mktoRangeField.mktoHover .mktoRangeValue {
    display: block
}

.mktoForm .mktoRangeField .mktoRangeValueArrowWrap {
    width: 16px;
    height: 8px;
    overflow: hidden;
    position: absolute;
    bottom: -7px;
    z-index: 100
}

.mktoForm .mktoRangeField .mktoRangeValueArrow {
    background-color: #028d05;
    border: 1px solid #005602;
    height: 16px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    width: 16px;
    background-color: #007d04;
    border-left: none;
    border-top: none;
    margin-top: 5px;
    position: absolute;
    bottom: 5px
}

.mktoForm .mktoRangeField .mktoRangeValueArrowWrap.mktoArrowImage {
    background: transparent url(../../../../../../themes/images/callout-arrow-down-green.png) top center no-repeat;
    bottom: -7px
}

.mktoForm .mktoRangeField .mktoRangeValueArrowWrap.mktoArrowImage .mktoRangeValueArrow {
    display: none
}

.mktoForm .mktoRangeField .mktoRangeValueText {
    display: block;
    background-color: #028d05;
    background-image: linear-gradient(#028d05 43%,#007d04 100%);
    background-image: -ms-linear-gradient(#028d05 43%,#007d04 100%);
    border: 1px solid #005602;
    border-radius: 6px;
    box-shadow: rgba(0,0,0,.65) 0 2px 7px,inset #00a500 0 1px 0;
    color: #f3f3f3;
    font-size: 1em;
    line-height: 1.2em;
    padding: .4em .6em;
    text-shadow: #005602 0 -1px 0;
    text-align: center
}

.mktoModal {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.mktoModal .mktoModalMask {
    position: absolute;
    z-index: 10000;
    top: 0;
    left: 0;
    right: 0;
    zoom:1;background: rgba(0,0,0,.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000)"
}

.mktoModal .mktoModalContent {
    position: absolute;
    z-index: 10001;
    background: #fff;
    padding: 10px
}

.mktoModal .mktoModalClose {
    position: absolute;
    cursor: pointer;
    top: -10px;
    right: -10px;
    background: #000;
    color: #fff;
    width: 19px;
    height: 19px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    line-height: 19px;
    border-radius: 19px;
    text-align: center;
    border: 2px solid #ccc
}

@media only screen and (max-width: 480px) {
    .mktoForm,.mktoForm * {
        box-sizing:border-box;
        -moz-box-sizing: border-box;
        padding: 10px
    }

    .mktoForm .mktoGutter,.mktoForm .mktoOffset {
        display: none
    }

    .mktoForm .mktoFormCol .mktoLabel {
        text-align: left;
        width: 100%
    }

    .mktoForm .mktoFormCol {
        float: none
    }

    .mktoForm .mktoFieldWrap {
        float: none
    }

    .mktoForm fieldset {
        padding: 0 10px
    }

    .mktoForm input[type=date],.mktoForm input[type=email],.mktoForm input[type=number],.mktoForm input[type=tel],.mktoForm input[type=text],.mktoForm input[type=url],.mktoForm select.mktoField,.mktoForm textarea.mktoField {
        width: 100%;
        height: 1.5em;
        line-height: 1.5em;
        font-size: 18px
    }

    .mktoForm select.mktoField {
        height: auto
    }

    .mktoForm .mktoFormRow .mktoField {
        clear: left
    }

    .mktoForm .mktoFormRow .mktoFormCol {
        clear: both
    }

    .mktoForm .mktoCheckboxList,.mktoForm .mktoRadioList {
        width: 100%
    }

    .mktoForm .mktoFormRow .mktoRequiredField .mktoAsterix {
        float: left;
        padding-left: 0;
        padding-right: 5px
    }

    .mktoModal .mktoModalContent {
        padding: 10px 0
    }

    .mktoModal .mktoModalClose {
        right: 0
    }

    .mktoForm .cf_widget_socialsignon {
        display: block
    }

    .mktoForm .cf_widget_socialsignon .cf_sign_on {
        width: 100%
    }

    .mktoForm .cf_widget_socialsignon .cf_sign_on_button {
        width: auto
    }
}

@media only screen and (max-width: 480px),only screen and (max-device-width:480px),only screen and (max-device-height:480px) {
    .mktoForm *,.mktoMobileShow .mktoForm {
        box-sizing:border-box;
        -moz-box-sizing: border-box;
        padding: 10px
    }

    .mktoMobileShow .mktoForm .mktoGutter,.mktoMobileShow .mktoForm .mktoOffset {
        display: none
    }

    .mktoMobileShow .mktoForm .mktoFormCol .mktoLabel {
        text-align: left;
        width: 100%
    }

    .mktoMobileShow .mktoForm .mktoFormCol {
        float: none
    }

    .mktoMobileShow .mktoForm .mktoFieldWrap {
        float: none
    }

    .mktoMobileShow .mktoForm fieldset {
        padding: 0 10px
    }

    .mktoMobileShow .mktoForm input[type=date],.mktoMobileShow .mktoForm input[type=email],.mktoMobileShow .mktoForm input[type=number],.mktoMobileShow .mktoForm input[type=tel],.mktoMobileShow .mktoForm input[type=text],.mktoMobileShow .mktoForm input[type=url],.mktoMobileShow .mktoForm select.mktoField,.mktoMobileShow .mktoForm textarea.mktoField {
        width: 100%;
        height: 1.5em;
        line-height: 1.5em;
        font-size: 18px
    }

    .mktoMobileShow .mktoForm select.mktoField {
        height: auto
    }

    .mktoMobileShow .mktoForm .mktoFormRow .mktoField {
        clear: left
    }

    .mktoMobileShow .mktoForm .mktoFormRow .mktoFormCol {
        clear: both
    }

    .mktoMobileShow .mktoForm .mktoCheckboxList,.mktoMobileShow .mktoForm .mktoRadioList {
        width: 100%
    }

    .mktoMobileShow .mktoForm .mktoFormRow .mktoRequiredField .mktoAsterix {
        float: left;
        padding-left: 0;
        padding-right: 5px
    }

    .mktoMobileShow .mktoModal .mktoModalContent {
        padding: 10px 0
    }

    .mktoMobileShow .mktoModal .mktoModalClose {
        right: 0
    }

    .mktoMobileShow .mktoForm .cf_widget_socialsignon {
        display: block
    }

    .mktoMobileShow .mktoForm .cf_widget_socialsignon .cf_sign_on {
        width: 100%
    }

    .mktoMobileShow .mktoForm .cf_widget_socialsignon .cf_sign_on_button {
        width: auto
    }
}

#mktoStyleLoaded {
    color: #123456
}

.mktoForm input[type=date],.mktoForm input[type=email],.mktoForm input[type=number],.mktoForm input[type=tel],.mktoForm input[type=text],.mktoForm input[type=url],.mktoForm select.mktoField,.mktoForm textarea.mktoField {
    padding: 2px 3px
}

.cards {
    display: grid;
    grid-column-gap: 3%;
    grid-row-gap: 3%;
    margin-bottom: 50px
}

@media (min-width: 768px) {
    .cards--3cols {
        grid-template-columns:repeat(2,minmax(10px,1fr))
    }
}

@media (min-width: 980px) {
    .cards {
        margin-bottom:5%
    }

    .cards--3cols {
        grid-template-columns: repeat(3,minmax(10px,1fr))
    }
}

.cards__item {
    background-color: #fff;
    border: 1px solid #ecebee;
    border-radius: 5px;
    box-shadow: 0 2px 18px 0 rgba(78,133,200,.1);
    padding: 30px;
    transition: transform .1s ease;
    line-height: 1.3em;
    color: rgba(4,30,66,.7);
    font-size: 16px
}

.cards__item--center {
    text-align: center
}

.cards__item:hover {
    transform: scale(1.05)
}

.cards__title {
    font-weight: 600;
    font-size: 18px
}

.cards__link i {
    padding-left: 5px
}

.oc .form,.oc .mktoForm,.oc form:not(.et-fb-form):not(.et_pb_searchform) {
    margin-left: -3%;
    width: inherit!important
}

.oc .form .mktoButtonRow,.oc .form .mktoFormCol,.oc .mktoForm .mktoButtonRow,.oc .mktoForm .mktoFormCol,.oc form:not(.et-fb-form):not(.et_pb_searchform) .mktoButtonRow,.oc form:not(.et-fb-form):not(.et_pb_searchform) .mktoFormCol {
    margin-bottom: 3%!important;
    min-height: 0!important;
    padding: 0 0 0 3%;
    width: 100%
}

@media (min-width: 768px) {
    .oc .form .mktoButtonRow__half,.oc .form .mktoFormCol__half,.oc .mktoForm .mktoButtonRow__half,.oc .mktoForm .mktoFormCol__half,.oc form:not(.et-fb-form):not(.et_pb_searchform) .mktoButtonRow__half,.oc form:not(.et-fb-form):not(.et_pb_searchform) .mktoFormCol__half {
        width:50%;
        float: left
    }
}

.oc .form .mkto_form_fallback,.oc .mktoForm .mkto_form_fallback,.oc form:not(.et-fb-form):not(.et_pb_searchform) .mkto_form_fallback {
    opacity: 0
}

.oc .form label.mktoLabel,.oc .mktoForm label.mktoLabel,.oc form:not(.et-fb-form):not(.et_pb_searchform) label.mktoLabel {
    display: none
}

.oc .form.mktoLayoutAbove label.mktoLabel .mktoAsterix,.oc .mktoForm.mktoLayoutAbove label.mktoLabel .mktoAsterix,.oc form:not(.et-fb-form):not(.et_pb_searchform).mktoLayoutAbove label.mktoLabel .mktoAsterix {
    color: #fff
}

.oc .form.mktoLayoutAbove label.mktoLabel,.oc .form.mktoLayoutAbove label.mktoLabel#Lbltypeofcommunitycontribution,.oc .mktoForm.mktoLayoutAbove label.mktoLabel,.oc .mktoForm.mktoLayoutAbove label.mktoLabel#Lbltypeofcommunitycontribution,.oc form:not(.et-fb-form):not(.et_pb_searchform).mktoLayoutAbove label.mktoLabel,.oc form:not(.et-fb-form):not(.et_pb_searchform).mktoLayoutAbove label.mktoLabel#Lbltypeofcommunitycontribution {
    display: flex;
    width: 100%!important;
    padding-bottom: 10px;
    color: #4e85c8;
    font-weight: 700
}

.oc .form.mktoLayoutAbove label.mktoLabel[for=honeypot],.oc .mktoForm.mktoLayoutAbove label.mktoLabel[for=honeypot],.oc form:not(.et-fb-form):not(.et_pb_searchform).mktoLayoutAbove label.mktoLabel[for=honeypot] {
    display: none
}

.oc .form input,.oc .form select,.oc .form select.mktoField,.oc .form textarea.mktoField,.oc .mktoForm input,.oc .mktoForm select,.oc .mktoForm select.mktoField,.oc .mktoForm textarea.mktoField,.oc form:not(.et-fb-form):not(.et_pb_searchform) input,.oc form:not(.et-fb-form):not(.et_pb_searchform) select,.oc form:not(.et-fb-form):not(.et_pb_searchform) select.mktoField,.oc form:not(.et-fb-form):not(.et_pb_searchform) textarea.mktoField {
    background-color: #042047;
    border: 1px solid rgba(78,133,200,.8);
    border-radius: 10px;
    color: #568aca;
    font-weight: 700;
    width: 100%!important;
    display: block
}

.oc .form input::-moz-placeholder,.oc .form select.mktoField::-moz-placeholder,.oc .form select::-moz-placeholder,.oc .form textarea.mktoField::-moz-placeholder,.oc .mktoForm input::-moz-placeholder,.oc .mktoForm select.mktoField::-moz-placeholder,.oc .mktoForm select::-moz-placeholder,.oc .mktoForm textarea.mktoField::-moz-placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) input::-moz-placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) select.mktoField::-moz-placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) select::-moz-placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) textarea.mktoField::-moz-placeholder {
    opacity: 1
}

.oc .form input.mktoRequired,.oc .form select.mktoField.mktoRequired,.oc .form select.mktoRequired,.oc .form textarea.mktoField.mktoRequired,.oc .mktoForm input.mktoRequired,.oc .mktoForm select.mktoField.mktoRequired,.oc .mktoForm select.mktoRequired,.oc .mktoForm textarea.mktoField.mktoRequired,.oc form:not(.et-fb-form):not(.et_pb_searchform) input.mktoRequired,.oc form:not(.et-fb-form):not(.et_pb_searchform) select.mktoField.mktoRequired,.oc form:not(.et-fb-form):not(.et_pb_searchform) select.mktoRequired,.oc form:not(.et-fb-form):not(.et_pb_searchform) textarea.mktoField.mktoRequired {
    font-weight: 700;
    background-color: #052550;
    border: 1px solid #4e85c8
}

.oc .form input:not(.mktoValid),.oc .form select.mktoField:not(.mktoValid),.oc .form select:not(.mktoValid),.oc .form textarea.mktoField:not(.mktoValid),.oc .mktoForm input:not(.mktoValid),.oc .mktoForm select.mktoField:not(.mktoValid),.oc .mktoForm select:not(.mktoValid),.oc .mktoForm textarea.mktoField:not(.mktoValid),.oc form:not(.et-fb-form):not(.et_pb_searchform) input:not(.mktoValid),.oc form:not(.et-fb-form):not(.et_pb_searchform) select.mktoField:not(.mktoValid),.oc form:not(.et-fb-form):not(.et_pb_searchform) select:not(.mktoValid),.oc form:not(.et-fb-form):not(.et_pb_searchform) textarea.mktoField:not(.mktoValid) {
    opacity: .7
}

.oc .form input.mktoInvalid,.oc .form select.mktoField.mktoInvalid,.oc .form select.mktoInvalid,.oc .form textarea.mktoField.mktoInvalid,.oc .mktoForm input.mktoInvalid,.oc .mktoForm select.mktoField.mktoInvalid,.oc .mktoForm select.mktoInvalid,.oc .mktoForm textarea.mktoField.mktoInvalid,.oc form:not(.et-fb-form):not(.et_pb_searchform) input.mktoInvalid,.oc form:not(.et-fb-form):not(.et_pb_searchform) select.mktoField.mktoInvalid,.oc form:not(.et-fb-form):not(.et_pb_searchform) select.mktoInvalid,.oc form:not(.et-fb-form):not(.et_pb_searchform) textarea.mktoField.mktoInvalid {
    border: 2px solid #e61429
}

.oc .form input::-moz-placeholder,.oc .form select.mktoField::-moz-placeholder,.oc .form select::-moz-placeholder,.oc .form textarea.mktoField::-moz-placeholder,.oc .mktoForm input::-moz-placeholder,.oc .mktoForm select.mktoField::-moz-placeholder,.oc .mktoForm select::-moz-placeholder,.oc .mktoForm textarea.mktoField::-moz-placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) input::-moz-placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) select.mktoField::-moz-placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) select::-moz-placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) textarea.mktoField::-moz-placeholder {
    color: #4e85c8;
    font-weight: 500
}

.oc .form input::placeholder,.oc .form select.mktoField::placeholder,.oc .form select::placeholder,.oc .form textarea.mktoField::placeholder,.oc .mktoForm input::placeholder,.oc .mktoForm select.mktoField::placeholder,.oc .mktoForm select::placeholder,.oc .mktoForm textarea.mktoField::placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) input::placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) select.mktoField::placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) select::placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) textarea.mktoField::placeholder {
    color: #4e85c8;
    font-weight: 500
}

.oc .form input ::-moz-placeholder,.oc .form select ::-moz-placeholder,.oc .form select.mktoField ::-moz-placeholder,.oc .form textarea.mktoField ::-moz-placeholder,.oc .mktoForm input ::-moz-placeholder,.oc .mktoForm select ::-moz-placeholder,.oc .mktoForm select.mktoField ::-moz-placeholder,.oc .mktoForm textarea.mktoField ::-moz-placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) input ::-moz-placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) select ::-moz-placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) select.mktoField ::-moz-placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) textarea.mktoField ::-moz-placeholder {
    color: #4e85c8;
    font-weight: 500
}

.oc .form input:active,.oc .form input:focus,.oc .form select.mktoField:active,.oc .form select.mktoField:focus,.oc .form select:active,.oc .form select:focus,.oc .form textarea.mktoField:active,.oc .form textarea.mktoField:focus,.oc .mktoForm input:active,.oc .mktoForm input:focus,.oc .mktoForm select.mktoField:active,.oc .mktoForm select.mktoField:focus,.oc .mktoForm select:active,.oc .mktoForm select:focus,.oc .mktoForm textarea.mktoField:active,.oc .mktoForm textarea.mktoField:focus,.oc form:not(.et-fb-form):not(.et_pb_searchform) input:active,.oc form:not(.et-fb-form):not(.et_pb_searchform) input:focus,.oc form:not(.et-fb-form):not(.et_pb_searchform) select.mktoField:active,.oc form:not(.et-fb-form):not(.et_pb_searchform) select.mktoField:focus,.oc form:not(.et-fb-form):not(.et_pb_searchform) select:active,.oc form:not(.et-fb-form):not(.et_pb_searchform) select:focus,.oc form:not(.et-fb-form):not(.et_pb_searchform) textarea.mktoField:active,.oc form:not(.et-fb-form):not(.et_pb_searchform) textarea.mktoField:focus {
    opacity: 1;
    border: 1px solid #4e85c8
}

.oc .form input[type=email],.oc .form input[type=number],.oc .form input[type=tel],.oc .form input[type=text],.oc .form input[type=url],.oc .form textarea.mktoField,.oc .mktoForm input[type=email],.oc .mktoForm input[type=number],.oc .mktoForm input[type=tel],.oc .mktoForm input[type=text],.oc .mktoForm input[type=url],.oc .mktoForm textarea.mktoField,.oc form:not(.et-fb-form):not(.et_pb_searchform) input[type=email],.oc form:not(.et-fb-form):not(.et_pb_searchform) input[type=number],.oc form:not(.et-fb-form):not(.et_pb_searchform) input[type=tel],.oc form:not(.et-fb-form):not(.et_pb_searchform) input[type=text],.oc form:not(.et-fb-form):not(.et_pb_searchform) input[type=url],.oc form:not(.et-fb-form):not(.et_pb_searchform) textarea.mktoField {
    padding: 16px;
    height: inherit
}

.oc .form input[type=date],.oc .mktoForm input[type=date],.oc form:not(.et-fb-form):not(.et_pb_searchform) input[type=date] {
    padding: 14px
}

.oc .form select,.oc .form select.mktoField,.oc .mktoForm select,.oc .mktoForm select.mktoField,.oc form:not(.et-fb-form):not(.et_pb_searchform) select,.oc form:not(.et-fb-form):not(.et_pb_searchform) select.mktoField {
    padding: 16px 34px 16px 16px;
    font-weight: 400;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #4e85c8;
    background-image: url(../../../../../../themes/ownCloud/dist/assets/img/arrow.svg);
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 10px
}

.oc .form select option [selected],.oc .form select option:checked,.oc .form select.mktoField option [selected],.oc .form select.mktoField option:checked,.oc .mktoForm select option [selected],.oc .mktoForm select option:checked,.oc .mktoForm select.mktoField option [selected],.oc .mktoForm select.mktoField option:checked,.oc form:not(.et-fb-form):not(.et_pb_searchform) select option [selected],.oc form:not(.et-fb-form):not(.et_pb_searchform) select option:checked,.oc form:not(.et-fb-form):not(.et_pb_searchform) select.mktoField option [selected],.oc form:not(.et-fb-form):not(.et_pb_searchform) select.mktoField option:checked {
    background: linear-gradient(0deg,#4e85c8 0,#4e85c8 100%);
    color: #fff
}

.oc .form button[type=submit],.oc .mktoForm button[type=submit],.oc form:not(.et-fb-form):not(.et_pb_searchform) button[type=submit] {
    background: #4e85c8;
    color: #fff;
    font-weight: 600;
    border: none;
    transition: all .3s ease-in-out;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    padding: .7em 1.9em;
    border-radius: 3px;
    font-size: 17px;
    margin-top: 15px
}

@media (min-width: 768px) {
    .oc .form button[type=submit],.oc .mktoForm button[type=submit],.oc form:not(.et-fb-form):not(.et_pb_searchform) button[type=submit] {
        margin-top:0
    }
}

.oc .form button[type=submit]:active,.oc .form button[type=submit]:focus,.oc .form button[type=submit]:hover,.oc .mktoForm button[type=submit]:active,.oc .mktoForm button[type=submit]:focus,.oc .mktoForm button[type=submit]:hover,.oc form:not(.et-fb-form):not(.et_pb_searchform) button[type=submit]:active,.oc form:not(.et-fb-form):not(.et_pb_searchform) button[type=submit]:focus,.oc form:not(.et-fb-form):not(.et_pb_searchform) button[type=submit]:hover {
    background: rgba(78,133,200,.8)
}

.oc .form hr,.oc .mktoForm hr,.oc form:not(.et-fb-form):not(.et_pb_searchform) hr {
    display: block;
    height: 1px;
    border: none;
    background-color: rgba(78,133,200,.5);
    position: absolute;
    left: 0;
    right: 0;
    top: -5px;
    width: 100%
}

.oc .form .check .mktoCheckboxList,.oc .mktoForm .check .mktoCheckboxList,.oc form:not(.et-fb-form):not(.et_pb_searchform) .check .mktoCheckboxList {
    display: grid;
    grid-template-columns: 15px minmax(10px,1fr);
    align-items: center;
    width: 100%!important
}

.oc .form .check .mktoCheckboxList>label,.oc .mktoForm .check .mktoCheckboxList>label,.oc form:not(.et-fb-form):not(.et_pb_searchform) .check .mktoCheckboxList>label {
    margin-left: 10px
}

.oc .form .check label,.oc .mktoForm .check label,.oc form:not(.et-fb-form):not(.et_pb_searchform) .check label {
    font-size: 100%;
    color: #4e85c8
}

.oc .form .check input,.oc .mktoForm .check input,.oc form:not(.et-fb-form):not(.et_pb_searchform) .check input {
    width: 15px!important;
    height: 15px!important
}

.oc .form .check--multi .mktoFieldWrap>label,.oc .mktoForm .check--multi .mktoFieldWrap>label,.oc form:not(.et-fb-form):not(.et_pb_searchform) .check--multi .mktoFieldWrap>label {
    width: 100%!important;
    display: block;
    margin-bottom: 15px;
    font-weight: 600
}

.oc .form[data-form="2752"] .mktoCheckboxList,.oc .mktoForm[data-form="2752"] .mktoCheckboxList,.oc form:not(.et-fb-form):not(.et_pb_searchform)[data-form="2752"] .mktoCheckboxList {
    padding: 5px 0 0 0;
    display: inline-grid;
    grid-template-columns: 20px minmax(10px,auto);
    grid-row-gap: 10px;
    row-gap: 10px;
    width: -moz-fit-content!important;
    width: fit-content!important
}

.oc .form[data-form="2752"] .mktoCheckboxList label,.oc .mktoForm[data-form="2752"] .mktoCheckboxList label,.oc form:not(.et-fb-form):not(.et_pb_searchform)[data-form="2752"] .mktoCheckboxList label {
    margin: 0 0 0 5px
}

.oc .form #honeypot,.oc .form .mktoGutter,.oc .form .mktoOffset,.oc .mktoForm #honeypot,.oc .mktoForm .mktoGutter,.oc .mktoForm .mktoOffset,.oc form:not(.et-fb-form):not(.et_pb_searchform) #honeypot,.oc form:not(.et-fb-form):not(.et_pb_searchform) .mktoGutter,.oc form:not(.et-fb-form):not(.et_pb_searchform) .mktoOffset {
    display: none
}

.oc .form .mktoFieldWrap,.oc .mktoForm .mktoFieldWrap,.oc form:not(.et-fb-form):not(.et_pb_searchform) .mktoFieldWrap {
    width: 100%!important;
    position: relative
}

.oc .form .mktoButtonWrap,.oc .mktoForm .mktoButtonWrap,.oc form:not(.et-fb-form):not(.et_pb_searchform) .mktoButtonWrap {
    margin: 0!important;
    display: flex;
    justify-content: center
}

.oc .form .mktoError,.oc .mktoForm .mktoError,.oc form:not(.et-fb-form):not(.et_pb_searchform) .mktoError {
    left: 0!important;
    right: inherit!important;
    bottom: -25px!important
}

.oc .form .mktoError .mktoErrorArrowWrap,.oc .mktoForm .mktoError .mktoErrorArrowWrap,.oc form:not(.et-fb-form):not(.et_pb_searchform) .mktoError .mktoErrorArrowWrap {
    left: 8px;
    height: 12px;
    bottom: 0
}

.oc .form .mktoError .mktoErrorArrow,.oc .mktoForm .mktoError .mktoErrorArrow,.oc form:not(.et-fb-form):not(.et_pb_searchform) .mktoError .mktoErrorArrow {
    background-color: #fff;
    border: none;
    left: 8px
}

.oc .form .mktoError .mktoErrorMsg,.oc .mktoForm .mktoError .mktoErrorMsg,.oc form:not(.et-fb-form):not(.et_pb_searchform) .mktoError .mktoErrorMsg {
    background-color: #fff;
    background-image: none;
    color: #55606c;
    border: none;
    text-shadow: none;
    box-shadow: 1px 1px 5px 2px rgba(0,0,0,.11)
}

.oc .form input.mktoRequired::-moz-placeholder,.oc .form select.mktoField.mktoRequired::-moz-placeholder,.oc .form textarea.mktoField.mktoRequired::-moz-placeholder,.oc .mktoForm input.mktoRequired::-moz-placeholder,.oc .mktoForm select.mktoField.mktoRequired::-moz-placeholder,.oc .mktoForm textarea.mktoField.mktoRequired::-moz-placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) input.mktoRequired::-moz-placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) select.mktoField.mktoRequired::-moz-placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) textarea.mktoField.mktoRequired::-moz-placeholder {
    font-weight: 700
}

.oc .form input.mktoRequired option,.oc .form input.mktoRequired::placeholder,.oc .form select.mktoField.mktoRequired option,.oc .form select.mktoField.mktoRequired::placeholder,.oc .form textarea.mktoField.mktoRequired option,.oc .form textarea.mktoField.mktoRequired::placeholder,.oc .mktoForm input.mktoRequired option,.oc .mktoForm input.mktoRequired::placeholder,.oc .mktoForm select.mktoField.mktoRequired option,.oc .mktoForm select.mktoField.mktoRequired::placeholder,.oc .mktoForm textarea.mktoField.mktoRequired option,.oc .mktoForm textarea.mktoField.mktoRequired::placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) input.mktoRequired option,.oc form:not(.et-fb-form):not(.et_pb_searchform) input.mktoRequired::placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) select.mktoField.mktoRequired option,.oc form:not(.et-fb-form):not(.et_pb_searchform) select.mktoField.mktoRequired::placeholder,.oc form:not(.et-fb-form):not(.et_pb_searchform) textarea.mktoField.mktoRequired option,.oc form:not(.et-fb-form):not(.et_pb_searchform) textarea.mktoField.mktoRequired::placeholder {
    font-weight: 700
}

.oc .form .error,.oc .mktoForm .error,.oc form:not(.et-fb-form):not(.et_pb_searchform) .error {
    font-size: 14px;
    color: #55606c;
    font-weight: 600;
    padding-top: 3px
}

.oc .form .multipleInput__left input,.oc .form .multipleInput__left select,.oc .mktoForm .multipleInput__left input,.oc .mktoForm .multipleInput__left select,.oc form:not(.et-fb-form):not(.et_pb_searchform) .multipleInput__left input,.oc form:not(.et-fb-form):not(.et_pb_searchform) .multipleInput__left select {
    border-radius: 10px 0 0 10px
}

.oc .form .multipleInput__right input,.oc .form .multipleInput__right select,.oc .mktoForm .multipleInput__right input,.oc .mktoForm .multipleInput__right select,.oc form:not(.et-fb-form):not(.et_pb_searchform) .multipleInput__right input,.oc form:not(.et-fb-form):not(.et_pb_searchform) .multipleInput__right select {
    border-radius: 0 10px 10px 0;
    border-left: none!important
}

.oc .form h2,.oc .mktoForm h2,.oc form:not(.et-fb-form):not(.et_pb_searchform) h2 {
    text-align: center;
    padding-bottom: 30px
}

.ocFormSubmit {
    color: #fff!important;
    text-align: center;
    display: none;
    border: 1px solid #4e85c8;
    border-radius: 10px;
    padding: 50px;
    margin-bottom: 30px
}

.ocFormSubmit h2 {
    font-size: 36px;
    font-weight: 600;
    color: #4e85c8!important
}

.oc .form-light .mktoForm input,.oc .form-light .mktoForm select,.oc .form-light .mktoForm select.mktoField,.oc .form-light .mktoForm textarea.mktoField,.oc .form.light input,.oc .form.light select,.oc .form.light select.mktoField,.oc .form.light textarea.mktoField,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) input,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) select,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) select.mktoField,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) textarea.mktoField {
    background-color: rgba(78,133,200,.05);
    color: #4e85c8;
    border: 1px solid rgba(78,133,200,.25);
    transition: border .3s ease-in-out
}

.oc .form-light .mktoForm input::-moz-placeholder,.oc .form-light .mktoForm select.mktoField::-moz-placeholder,.oc .form-light .mktoForm select::-moz-placeholder,.oc .form-light .mktoForm textarea.mktoField::-moz-placeholder,.oc .form.light input::-moz-placeholder,.oc .form.light select.mktoField::-moz-placeholder,.oc .form.light select::-moz-placeholder,.oc .form.light textarea.mktoField::-moz-placeholder,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) input::-moz-placeholder,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) select.mktoField::-moz-placeholder,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) select::-moz-placeholder,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) textarea.mktoField::-moz-placeholder {
    opacity: 1
}

.oc .form-light .mktoForm input.mktoRequired,.oc .form-light .mktoForm select.mktoField.mktoRequired,.oc .form-light .mktoForm select.mktoRequired,.oc .form-light .mktoForm textarea.mktoField.mktoRequired,.oc .form.light input.mktoRequired,.oc .form.light select.mktoField.mktoRequired,.oc .form.light select.mktoRequired,.oc .form.light textarea.mktoField.mktoRequired,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) input.mktoRequired,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) select.mktoField.mktoRequired,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) select.mktoRequired,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) textarea.mktoField.mktoRequired {
    font-weight: 700
}

.oc .form-light .mktoForm input:not(.mktoValid),.oc .form-light .mktoForm select.mktoField:not(.mktoValid),.oc .form-light .mktoForm select:not(.mktoValid),.oc .form-light .mktoForm textarea.mktoField:not(.mktoValid),.oc .form.light input:not(.mktoValid),.oc .form.light select.mktoField:not(.mktoValid),.oc .form.light select:not(.mktoValid),.oc .form.light textarea.mktoField:not(.mktoValid),.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) input:not(.mktoValid),.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) select.mktoField:not(.mktoValid),.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) select:not(.mktoValid),.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) textarea.mktoField:not(.mktoValid) {
    opacity: .7
}

.oc .form-light .mktoForm input option:checked,.oc .form-light .mktoForm input:active,.oc .form-light .mktoForm input:focus,.oc .form-light .mktoForm select option:checked,.oc .form-light .mktoForm select.mktoField option:checked,.oc .form-light .mktoForm select.mktoField:active,.oc .form-light .mktoForm select.mktoField:focus,.oc .form-light .mktoForm select:active,.oc .form-light .mktoForm select:focus,.oc .form-light .mktoForm textarea.mktoField option:checked,.oc .form-light .mktoForm textarea.mktoField:active,.oc .form-light .mktoForm textarea.mktoField:focus,.oc .form.light input option:checked,.oc .form.light input:active,.oc .form.light input:focus,.oc .form.light select option:checked,.oc .form.light select.mktoField option:checked,.oc .form.light select.mktoField:active,.oc .form.light select.mktoField:focus,.oc .form.light select:active,.oc .form.light select:focus,.oc .form.light textarea.mktoField option:checked,.oc .form.light textarea.mktoField:active,.oc .form.light textarea.mktoField:focus,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) input option:checked,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) input:active,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) input:focus,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) select option:checked,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) select.mktoField option:checked,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) select.mktoField:active,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) select.mktoField:focus,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) select:active,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) select:focus,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) textarea.mktoField option:checked,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) textarea.mktoField:active,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) textarea.mktoField:focus {
    border: 1px solid rgba(78,133,200,.75);
    color: #4e85c8;
    font-weight: 700;
    opacity: 1
}

.oc .form-light .mktoForm label.mktoLabel .mktoAsterix,.oc .form.light label.mktoLabel .mktoAsterix,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) label.mktoLabel .mktoAsterix {
    color: #4e85c8
}

.oc .form-light .mktoForm .mktoHtmlText,.oc .form.light .mktoHtmlText,.oc .mktoForm.light:not(.et-fb-form):not(.et_pb_searchform) .mktoHtmlText {
    color: #55606c;
    width: 100%!important;
    line-height: 1.4
}

.ocFormSubmit.ui-light p {
    color: #4e85c8!important
}

.oc .mktoForm.light .checkbox-label {
    color: rgba(4,30,66,.7)
}

.et_pb_searchform .et_pb_s {
    background-image: url(../../../../../../themes/ownCloud/dist/assets/img/search.svg)!important;
    background-repeat: no-repeat!important;
    background-position: right 3% center!important;
    color: #6192ce!important
}

.et_pb_searchform .et_pb_searchsubmit {
    opacity: 0
}

.ui-dark .et_pb_searchform .et_pb_s {
    background-color: #fff!important
}

#payment-form {
    display: none
}

#payment-form>div {
    margin-bottom: 15px
}

#payment-form label {
    display: block
}

#payment-form label[for=payment-amount] {
    width: 70%;
    float: left
}

#payment-form label[for=payment-currency] {
    width: 30%;
    float: right
}

#formResponse {
    display: none;
    background: rgba(78,133,200,.05);
    border-radius: 10px;
    text-align: center;
    padding: 5vw 8vw
}

#formResponse h1 {
    margin-bottom: 10px
}

#formResponse p {
    font-size: 120%;
    line-height: 1.5
}

.oc .mktoForm.partner {
    background: #fff;
    padding: 35px 20px 30px calc(20px - 3%);
    margin: 0!important;
    box-shadow: 0 2px 18px 0 rgba(78,133,200,.1);
    border: 1px solid #ecebee;
    border-radius: 5px
}

.form-legal {
    margin: 20px 0;
    font-size: 14px;
    line-height: 1.3
}

.form-legal .small {
    font-size: 12px;
    opacity: .8
}

.form-legal.dark {
    color: #fff
}

.form-legal.dark .small {
    opacity: .6
}

.oc #main-content .et_password_protected_form {
    max-width: 600px;
    margin: 0 auto
}

.oc #main-content .et_password_protected_form form {
    margin-left: 0;
    margin-top: 20px
}

.oc #main-content .et_password_protected_form input {
    background-color: #fff;
    border: 1px solid #94969e!important;
    border-radius: 3px!important
}

.formShare {
    margin-top: 20px
}

.formShare__icons {
    display: flex;
    justify-content: center;
    margin-top: 15px
}

.formShare__intro {
    border-top: 1px solid #d0cfd3;
    padding-top: 30px
}

.formShare p.formShare__intro {
    color: rgba(4,30,66,.75)!important
}

.formShare__icon {
    display: flex;
    height: 32px;
    margin: 0 5px
}

@media (min-width: 1100px) {
    .main-menu .nav>li {
        padding-left:18px
    }

    .main-menu .nav>li:not(:last-child) {
        padding-right: 18px
    }
}

.main-menu .nav>li.current-menu-item a:after,.main-menu .nav>li.current-menu-parent a:before,.main-menu .nav>li:not(.menu-item-has-children) a:after {
    background: none repeat scroll 0 0 transparent;
    margin-top: 20px;
    bottom: 0;
    content: "";
    display: block;
    height: 3px;
    left: 50%;
    position: absolute;
    background: rgba(78,133,200,.5);
    transition: width .15s ease 0s,left .15s ease 0s;
    width: 0;
    border-radius: 5px
}

.main-menu .nav>li>a {
    color: #fff;
    opacity: 1;
    padding-top: 20px;
    padding-bottom: 20px;
    transition: none;
    font-size: 18px!important
}

@media (min-width: 1100px) {
    .main-menu .nav>li>a {
        font-size:19px!important
    }
}

.main-menu .nav>li.current-menu-parent a:before {
    margin-top: 0;
    bottom: 15px
}

.main-menu .nav>li a:hover:after,.main-menu .nav>li.current-menu-item a:after,.main-menu .nav>li.current-menu-parent>a:before {
    width: 100%;
    left: 0
}

@media (min-width: 768px) {
    .et_pb_menu.main-menu .et_pb_menu__logo {
        margin-top:-20px;
        margin-right: 0
    }
}

.et_pb_menu.main-menu .et-menu.nav>li ul {
    border-radius: 5px;
    padding: 10px 0;
    margin-top: -12px
}

.et_pb_menu.main-menu .et-menu.nav li ul a {
    padding-left: 0;
    font-size: 16px
}

.et_pb_menu.main-menu .et-menu.nav li ul a:hover {
    background: inherit
}

.get-started a {
    background: #4e85c8;
    color: #fff;
    padding: 10px!important;
    align-self: center;
    border-radius: 5px;
    font-size: 18px!important;
    font-weight: 600;
    transition: all .1s ease-in-out!important;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)
}

@media (min-width: 768px) {
    .get-started a:hover {
        transform:scale(1.1)
    }
}

.get-started a:after {
    display: none!important
}

.et_pb_menu.main-menu .et-menu.nav ul.sub-menu {
    background-color: rgba(4,30,66,.97)!important;
    border: 1px solid #364b68;
    padding: 5px 0
}

.et_pb_menu.main-menu .et-menu.nav ul.sub-menu li {
    border-bottom: 1px solid #364b68;
    margin-left: -1px
}

.et_pb_menu.main-menu .et-menu.nav ul.sub-menu li a {
    color: #fff!important;
    font-size: 100%;
    padding: 8px 20px 10px 0;
    line-height: 1.5
}

.et_pb_menu.main-menu .et-menu.nav ul.sub-menu li a:hover {
    color: #4e85c8!important;
    opacity: 1
}

.et_pb_menu.main-menu .et-menu.nav ul.sub-menu li:last-child {
    border-bottom: none
}

#menu-topbar li a {
    font-weight: 600;
    transition: none
}

.topbar {
    display: flex;
    color: #fff
}

.topbar__section {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #041e42;
    border-bottom: 1px solid rgba(78,133,200,.2);
    height: 65px;
    display: flex;
    align-items: center;
    transition: top .2s ease-in-out
}

@media (min-width: 1100px) {
    .topbar__section {
        overflow-y:inherit;
        height: inherit
    }
}

.topbar__margin {
    background-color: #041e42;
    height: 65px
}

@media (min-width: 1100px) {
    .topbar__margin {
        height:90px
    }
}

@media (min-width: 1405px) {
    .topbar__margin {
        height:95px
    }
}

.topbar__row {
    margin: 0 10%
}

@media (min-width: 1100px) {
    .topbar__row {
        margin:0 auto
    }
}

@media (max-width: 550px) {
    .topbar__toggle-mobile {
        display:none!important
    }
}

.topbar__homelink {
    display: flex
}

.topbar__logo {
    max-width: 25vw;
    max-height: 40px;
    align-self: center
}

@media (min-width: 1100px) {
    .topbar__logo {
        max-height:60px;
        max-width: 120px;
        width: 9vw
    }
}

.topbar__cta {
    margin-left: 5px
}

@media (max-width: 370px) {
    .topbar__cta {
        display:none
    }
}

.topbar__separator {
    display: flex;
    width: 1px;
    height: 20px;
    background-color: rgba(78,133,200,.3)
}

.topbar__icon {
    height: 15px;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    transition: filter .1s ease-in-out;
    padding: 0 10px;
    display: flex;
    box-sizing: content-box
}

@media (min-width: 1100px) {
    .topbar__icon {
        padding:0 1vw;
        padding: 0 clamp(5px,1vw,15px)
    }
}

.topbar__icon--contact {
    width: 22px;
    background-image: url(../../../../../../themes/ownCloud/dist/assets/img/icon-contact.svg)
}

.topbar__icon--github {
    width: 17px;
    height: 17px;
    background-image: url(../../../../../../themes/ownCloud/dist/assets/img/icon-github.svg)
}

.topbar__icon--search {
    width: 15px;
    background-image: url(../../../../../../themes/ownCloud/dist/assets/img/icon-search.svg)
}

.topbar__icon:hover {
    filter: invert(74%) sepia(40%) saturate(7385%) hue-rotate(190deg) brightness(86%) contrast(80%)
}

.topbar__search {
    display: none;
    border-bottom: 1px solid rgba(78,133,200,.2);
    position: fixed;
    width: 100%;
    left: 0;
    padding: 20px 0 20px 0;
    background-color: #041e42;
    top: 65px;
    z-index: 20
}

@media (min-width: 1100px) {
    .topbar__search {
        top:90px;
        padding-top: 5px
    }
}

.topbar__search #searchform {
    margin: 0 auto;
    max-width: 1230px;
    width: 80%!important;
    box-shadow: 20px 30px 50px 0 rgba(0,0,0,.15)
}

.topbar__search #searchform>div {
    display: flex
}

.topbar__search #searchform input {
    border-radius: 2px;
    padding: 7px;
    opacity: 1;
    font-weight: 500
}

@media (min-width: 1100px) {
    .topbar__search #searchform input {
        padding:10px
    }
}

.topbar__search #searchform input[type=text] {
    background-color: #fff;
    flex-basis: 85%;
    border: none;
    color: #55606c;
    font-weight: 600;
    letter-spacing: .5px
}

.topbar__search #searchform input[type=submit] {
    flex-basis: 15%;
    margin-left: 10px;
    color: #fff
}

.topbar__nav {
    width: 100%;
    display: none;
    order: 3;
    height: calc(100vh - 65px);
    position: fixed;
    top: 65px;
    left: 0;
    overflow-y: scroll;
    background-color: #fff;
    padding: 0 10%
}

.topbar__nav.is-active {
    display: flex
}

@media (min-width: 1100px) {
    .topbar__nav {
        width:auto;
        margin-left: 30px;
        order: inherit;
        height: inherit;
        display: flex;
        position: inherit;
        overflow-y: inherit;
        background-color: inherit;
        padding: inherit
    }
}

.topbar__settings {
    margin-left: auto;
    display: flex;
    align-items: center
}

.main-nav {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 0!important;
    background-color: #fff
}

.main-nav:before {
    content: "";
    width: 100vw;
    background-color: #fff;
    display: block;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0
}

@media (min-width: 1100px) {
    .main-nav {
        position:inherit;
        background-color: transparent;
        flex-direction: row;
        align-items: center;
        height: 90px;
        padding: 0!important
    }

    .main-nav:before {
        display: none
    }
}

@media (min-width: 1100px) {
    .main-nav {
        height:95px
    }
}

.main-nav ul {
    list-style: none;
    padding: 0
}

.main-nav>li {
    list-style: none;
    align-items: center;
    display: block;
    z-index: 10;
    border-top: 1px solid #b5b6bb
}

.main-nav>li:first-child {
    margin-top: 30px
}

.main-nav>li:last-child {
    border-bottom: 1px solid #b5b6bb
}

.main-nav>li:last-child.is-active {
    padding-bottom: 50px
}

@media (min-width: 1100px) {
    .main-nav>li {
        height:100%
    }

    .main-nav>li,.main-nav>li:first-child {
        margin: 30px 0
    }

    .main-nav>li:hover>a {
        color: #4e85c8
    }

    .main-nav>li:hover>a svg path {
        fill: #4e85c8
    }

    .main-nav>li:hover>ul {
        display: grid;
        grid-template-columns: repeat(4,1fr);
        -moz-column-gap: 20px;
        column-gap: 20px;
        visibility: visible;
        opacity: 1;
        overflow: scroll;
        max-height: 80vh
    }

    .main-nav>li.is-current>a:after,.main-nav>li:hover>a:after {
        width: 100%;
        left: 0
    }
}

.main-nav>li.has-dropdown {
    transition: all .2s ease-in-out
}

.main-nav>li.has-dropdown>a {
    position: relative
}

.main-nav>li.has-dropdown>a:before {
    content: "";
    display: block;
    width: 100vw;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transition: all .1s ease-in-out
}

@media (min-width: 1100px) {
    .main-nav>li.has-dropdown>a:before {
        display:none
    }
}

.main-nav>li.has-dropdown svg {
    position: absolute;
    right: 2.5%
}

.main-nav>li.has-dropdown svg path {
    fill: #b5b6bb
}

@media (min-width: 1100px) {
    .main-nav>li.has-dropdown svg {
        position:inherit;
        margin-left: 10px;
        width: 8px
    }

    .main-nav>li.has-dropdown svg path {
        fill: #fff
    }
}

.main-nav>li.has-dropdown.is-active>a:before {
    background-color: rgba(78,133,200,.15)
}

.main-nav>li.has-dropdown.is-active svg {
    transform: rotate(180deg)
}

.main-nav>li.has-dropdown.is-active svg path {
    fill: #55606c
}

@media (min-width: 1100px) {
    .main-nav>li {
        margin:inherit
    }

    .main-nav>li,.main-nav>li:last-child {
        border: none
    }
}

.main-nav>li>a {
    display: flex;
    align-items: center;
    color: #041e42;
    font-weight: 700;
    font-size: clamp(1.125rem,1.0038rem   .6061vw,1.375rem);
    padding: 15px 0;
    position: relative
}

@media (min-width: 1100px) {
    .main-nav>li>a {
        padding:0 1vw;
        height: 100%;
        color: #fff;
        font-weight: 500;
        font-size: clamp(.9375rem,-.5938rem   2.5vw,1.125rem)
    }
}

@media (min-width: 1200px) {
    .main-nav>li>a {
        padding:0 22px;
        padding: clamp(5px,1.35vw,25px)
    }
}

.main-nav>li>a:after {
    background: none repeat scroll 0 0 transparent;
    bottom: -1px;
    content: "";
    display: block;
    height: 3px;
    left: 50%;
    position: absolute;
    background: #4e85c8;
    transition: width .15s ease 0s,left .15s ease 0s;
    width: 0;
    border-radius: 5px
}

.main-nav>li>ul {
    padding: 0;
    background-color: #fff;
    border-radius: 0 0 5px 5px;
    display: none;
    opacity: 0;
    visibility: hidden;
    margin-bottom: 20px
}

.main-nav>li>ul.is-active {
    display: grid;
    flex-direction: column;
    visibility: visible;
    opacity: 1
}

@media (min-width: 1100px) {
    .main-nav>li>ul {
        display:inherit;
        left: -4%;
        right: 0;
        position: absolute;
        width: 108%;
        padding-left: 4%;
        padding-right: 4%;
        transform: translateY(1px);
        margin-bottom: 0;
        overflow: scroll;
        max-height: 80vh;
        box-shadow: 2.5px 2.1px 2.2px rgba(0,0,0,.014),6px 5px 5.3px rgba(0,0,0,.02),11.3px 9.4px 10px rgba(0,0,0,.025),20.1px 16.8px 17.9px rgba(0,0,0,.03),37.6px 31.3px 33.4px rgba(0,0,0,.036),90px 75px 80px rgba(0,0,0,.05)
    }

    .main-nav>li>ul.has-block {
        padding-right: 0
    }
}

.main-nav>li>ul * {
    z-index: 10
}

@media (min-width: 1100px) {
    .main-nav>li>ul>li {
        padding-bottom:3rem
    }

    .main-nav>li>ul>li:not(:last-child) {
        margin-right: 3%
    }

    .main-nav>li>ul>li.has-block:nth-child(-n 4) {
        padding-top: 4.5rem
    }

    .main-nav>li>ul>li:not(.has-block):nth-child(-n 5) {
        padding-top: 4.5rem
    }
}

.main-nav>li>ul>li>a[href="#"] {
    font-weight: 700;
    color: #041e42;
    border-bottom: 1px solid #b5b6bb;
    padding-bottom: 5px;
    margin-top: 15px;
    margin-bottom: 10px;
    display: block
}

@media (min-width: 1100px) {
    .main-nav>li>ul>li>a[href="#"] {
        margin-top:inherit
    }
}

.main-nav>li>ul>li a {
    color: #55606c;
    font-size: 15px;
    font-size: clamp(.8125rem,.3801rem   .7059vw,1rem);
    display: flex
}

.main-nav>li>ul>li a:not([href="#"]) {
    margin-left: -5px;
    padding: 3px 0 2px 5px
}

.main-nav>li>ul>li a:not([href="#"]):hover {
    background-color: rgba(78,133,200,.15)
}

.main-nav>li>ul>li a.highlight,.main-nav>li>ul>li a[target=_blank] {
    position: relative;
    padding-left: 25px
}

.main-nav>li>ul>li a.highlight:before,.main-nav>li>ul>li a[target=_blank]:before {
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    width: 15px;
    height: 100%;
    background-image: url(../../../../../../themes/ownCloud/dist/assets/img/icon-external-link.svg);
    background-repeat: no-repeat;
    background-position: left calc(50% - 3px);
    background-size: contain
}

.main-nav>li>ul>li a.highlight {
    background-color: rgba(78,133,200,.1);
    margin-top: 3px;
    margin-bottom: 3px;
    padding-left: 22px
}

.main-nav>li>ul>li a.highlight:before {
    width: 12px;
    background-image: url(../../../../../../themes/ownCloud/dist/assets/img/icon-star.svg);
    opacity: .8
}

.main-nav>li>ul>li a.highlight:hover:before {
    opacity: 1
}

.main-nav__submenu-headline {
    display: none;
    position: absolute;
    color: #94969e;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1rem;
    padding: 0 0 0 3vw;
    top: 2rem
}

@media (min-width: 1100px) {
    .main-nav__submenu-headline {
        display:block
    }
}

.main-nav .menu-side {
    display: none;
    background: #f6f5f7;
    border-left: 1px solid #ecebee;
    border-radius: 0 0 5px 0;
    margin-left: auto;
    padding: 40px 20px;
    font-size: 12px;
    color: #55606c;
    letter-spacing: .05px;
    line-height: 1.2;
    min-width: 22.5vw
}

@media (min-width: 1100px) {
    .main-nav .menu-side {
        display:block;
        grid-row-start: 1;
        grid-column-start: 4;
        grid-row-end: span 3;
        grid-column-end: 5
    }
}

.main-nav .menu-side--posts {
    min-width: 26vw
}

.main-nav .menu-side>* {
    margin-bottom: 15px;
    display: block
}

.main-nav .menu-side__head {
    font-weight: 700;
    text-transform: uppercase;
    color: #55606c;
    border-bottom: 1px solid rgba(208,207,211,.5);
    margin-bottom: 20px
}

.main-nav .menu-side__read-more {
    font-weight: 700
}

.main-nav .menu-side__post {
    background-color: #fff;
    padding: 10px;
    display: flex;
    position: relative
}

.main-nav .menu-side__post>a {
    height: 85px;
    width: 120px
}

.main-nav .menu-side__post img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.main-nav .menu-side__post-content {
    display: flex;
    flex-direction: column;
    flex-basis: 75%;
    padding-left: 10px;
    padding-right: 10px
}

.main-nav .menu-side__post-content>a {
    margin-top: auto;
    position: relative;
    padding-top: 5px
}

.main-nav .menu-side__post-content>a>svg {
    position: absolute;
    right: 0;
    top: 50%;
    transform: rotate(-90deg) translateX(50%);
    margin: 0
}

.main-nav .menu-side__post-content>a>svg path {
    fill: #d0cfd3
}

.main-nav .menu-side__post-content>a:hover svg path {
    fill: #4e85c8
}

.oc .et_pb_menu .et_mobile_menu {
    top: 75px;
    border-radius: 5px;
    padding: 3%;
    width: 110%
}

.oc .et_pb_menu .et_mobile_menu li a {
    padding: 10px 3%;
    color: #041e42!important
}

.oc .et_pb_menu .et_mobile_menu li a:hover {
    background: rgba(78,133,200,.05);
    color: #041e42!important;
    opacity: .95
}

.oc .et_pb_menu .et_mobile_menu li.menu-item-has-children a:hover {
    background-color: #fff
}

.oc .et_pb_menu .et_mobile_menu li:nth-last-child(2) a {
    border-bottom: none
}

.oc .et_pb_menu .et_mobile_menu li.get-started {
    margin-top: 25px
}

.oc .et_pb_menu .et_mobile_menu li.get-started a {
    color: #fff!important;
    text-align: center
}

.oc .et_pb_menu .et_mobile_menu li.get-started a:hover {
    background: #4e85c8;
    transform: none
}

.oc .et_pb_menu .et_mobile_menu .menu-item-has-children>a {
    background-color: transparent;
    font-weight: 400
}

.oc .et_pb_menu .et_mobile_menu .sub-menu li {
    padding-left: 1%
}

.oc .et_pb_menu .et_mobile_menu .sub-menu li a {
    background-color: transparent;
    opacity: .9;
    font-size: 95%
}

.oc .et_pb_menu .et_mobile_menu .sub-menu li a:hover {
    background: rgba(78,133,200,.05)
}

.oc .et_pb_menu .et_mobile_menu .sub-menu li:last-child a {
    border-bottom: none
}

.mobile_nav.opened .mobile_menu_bar:before {
    content: "M"
}

header .et_pb_menu .et_mobile_menu ul.sub-menu {
    background: rgba(78,133,200,.05)!important;
    padding-left: 0
}

.et_mobile_menu .first-level>a {
    background-color: transparent;
    position: relative
}

.et_mobile_menu .first-level>a:after {
    font-family: ETmodules;
    content: "L";
    font-weight: 400;
    position: absolute;
    font-size: 16px;
    top: 13px;
    right: 10px
}

.et_mobile_menu .first-level>.icon-switch:after {
    content: "M"
}

.second-level {
    display: none
}

.reveal-items {
    display: block
}

footer .et_pb_module ul {
    padding-left: 0
}

footer ul.footer-menu li {
    margin-top: 0;
    width: 100%;
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 8px
}

@media (min-width: 980px) {
    footer ul.footer-menu li {
        font-size:15px
    }
}

footer ul.footer-menu li a {
    color: rgba(255,255,255,.5)
}

h4.footer-menu-title {
    text-transform: uppercase;
    color: rgba(255,255,255,.9);
    font-size: 16px;
    letter-spacing: 1.5px;
    line-height: 1.3em;
    font-weight: 700;
    margin-bottom: 8px
}

.footer-col-right {
    display: flex;
    align-items: center
}

.footer-col-right--centered {
    justify-content: center
}

@media (min-width: 980px) {
    .footer-col-right {
        flex-direction:row;
        justify-content: flex-end!important;
        align-items: center
    }
}

.footer-col-right .et_pb_blurb {
    animation: none;
    margin-bottom: 0!important;
    margin-right: 30px
}

.footer-col-right .et_pb_blurb .et_pb_animation_top.et-animated {
    opacity: 1;
    animation: none
}

.footer-col-right .et_pb_blurb .et_pb_blurb_content {
    display: flex;
    align-items: center;
    transform: translateY(2px)
}

.footer-col-right .et_pb_blurb .et_pb_blurb_content .et-pb-icon {
    font-size: 20px
}

.footer-col-right .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_description {
    color: #4e85c8;
    font-weight: 600;
    padding-left: 10px
}

.footer-col-right .et_pb_blurb .et_pb_main_blurb_image {
    margin-bottom: 0
}

.et_builder_inner_content.has_et_pb_sticky {
    z-index: 1!important
}

.switch-content-case.active-case {
    display: block
}

.switch-button {
    width: 85vw;
    height: 85px;
    transition: .3s ease all;
    z-index: 197!important;
    text-align: center;
    will-change: transform;
    cursor: pointer;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate3D(-50%,-50%,0);
    background: rgba(78,133,200,.4);
    border-radius: 5px;
    color: rgba(255,255,255,.2)
}

@media (min-width: 768px) {
    .switch-button {
        width:500px;
        height: 70px
    }
}

.switch-button-case {
    display: inline-block;
    background: 0 0;
    width: 49%;
    height: 100%;
    color: rgba(255,255,255,.55);
    position: relative;
    border: none;
    transition: .3s ease all;
    font-weight: 600;
    font-size: 16px;
    padding: 0
}

@media (min-width: 768px) {
    .switch-button-case {
        padding:.45rem 1.5em
    }
}

.switch-button-case:hover {
    cursor: pointer
}

.switch-button-case:focus {
    outline: 0
}

.switch-button .active {
    border-radius: 3px 0 0 3px;
    color: #151515;
    box-shadow: 0 2px 6px rgba(50,50,93,.18),0 1px 3px rgba(0,0,0,.15);
    background-color: #4e85c8;
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: -1;
    transition: .3s ease-out all
}

.switch-button .active-case {
    color: #fff
}

.switch-button .active-case.right {
    color: #fff
}

.blog-categories a {
    display: inline-block;
    margin-bottom: 5px
}

.et_pb_post_content h1 {
    margin-top: 3.5rem;
    margin-bottom: 1.75rem
}

.et_pb_post_content h2 {
    margin-top: 2.625rem;
    margin-bottom: 1.4rem
}

.et_pb_post_content h3 {
    margin-top: 2.275rem;
    margin-bottom: 1.05rem
}

.et_pb_post_content h4 {
    margin-top: 1.925rem;
    margin-bottom: .875rem
}

.et_pb_post_content h5 {
    margin-top: 1.575rem;
    margin-bottom: .7rem
}

.et_pb_post_content h6,.et_pb_post_content img {
    margin-top: 1.225rem;
    margin-bottom: .7rem
}

.et_pb_post_content pre {
    background: rgba(4,30,66,.95);
    border-radius: 5px;
    color: #fff;
    padding: 20px;
    margin-top: 2.275rem;
    margin-bottom: 2.275rem
}

.et_pb_post_content pre code {
    background-color: transparent
}

.et_pb_post_content code {
    background-color: rgba(236,235,238,.7);
    border-radius: 5px;
    padding: 10px 15px;
    font-family: monospace;
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll;
    max-width: 100%;
    min-width: 100px;
    display: block;
    margin: 10px 0
}

.et_pb_post_content .wp-caption {
    border: none;
    text-align: left;
    background-color: inherit
}

.et_pb_posts_nav.nav-single {
    margin-top: 3vw;
    padding-top: 1vw;
    border-top: 1px solid #ecebee
}

.et_pb_posts_nav.nav-single a {
    padding-top: 5px
}

.changelog h1 {
    margin-top: 3.5rem;
    margin-bottom: 1.75rem
}

.changelog h2 {
    margin-top: 2.625rem;
    margin-bottom: 1.4rem
}

.changelog h3 {
    margin-top: 1.75rem;
    margin-bottom: 1.05rem
}

.changelog li {
    margin-bottom: 10px
}

.changelog ul p {
    padding-bottom: .5em
}

.changelog ul p:not(:first-child()) {
    font-size: 14px;
    line-height: 1.3
}

.changelog .details li {
    margin-bottom: 1.05rem
}

.languages {
    padding-right: 10px
}

@media (min-width: 1100px) {
    .languages {
        padding-right:1vw
    }
}

.languages__dropdown {
    display: none;
    background-color: #fff;
    position: absolute;
    flex-direction: column;
    justify-content: space-between;
    padding: 15px 20px 15px 15px;
    box-shadow: 20px 30px 50px 0 rgba(0,0,0,.15);
    margin-top: 10px
}

.languages__language {
    color: #55606c;
    font-size: .9rem
}

.languages__language:hover {
    text-decoration: underline
}

.languages__language--is-active {
    background-image: url(../../../../../../themes/ownCloud/dist/assets/img/icon-language-switcher.svg);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: left center;
    padding-left: 25px;
    color: #fff;
    text-transform: uppercase;
    font-size: clamp(.9375rem,.6493rem   .4706vw,1.0625rem);
    display: inline-block;
    transition: filter .1s ease-in-out
}

.languages__language--is-active:hover {
    text-decoration: none;
    filter: invert(74%) sepia(40%) saturate(7385%) hue-rotate(190deg) brightness(86%) contrast(80%)
}

.language_switcher .et-pb-icon {
    font-size: 20px;
    color: #4e85c8
}

.language_switcher:hover .et-pb-icon {
    color: #75a0d4
}

.language_switcher__wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

@media (min-width: 1100px) {
    .language_switcher__wrapper {
        justify-content:flex-end
    }
}

.wpml-ls-legacy-dropdown-click {
    width: inherit
}

.wpml-ls-legacy-dropdown-click>ul {
    padding-bottom: 0
}

.wpml-ls-legacy-dropdown-click>ul .wpml-ls-sub-menu:before {
    content: "";
    position: absolute;
    bottom: -8px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    left: 10%
}

@media (min-width: 1100px) {
    .wpml-ls-legacy-dropdown-click>ul .wpml-ls-sub-menu:before {
        left:calc(50% - 8px)
    }
}

.wpml-ls-legacy-dropdown-click a {
    font-weight: 600
}

.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle {
    padding-right: 0;
    border: 0;
    background: 0 0;
    display: inline-block
}

.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
    display: none
}

.wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a,.wpml-ls-legacy-dropdown-click a,.wpml-ls-legacy-dropdown-click a:focus,.wpml-ls-legacy-dropdown-click a:hover {
    background: 0 0;
    border: none;
    color: #4e85c8
}

.wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a:hover,.wpml-ls-legacy-dropdown-click a:focus:hover,.wpml-ls-legacy-dropdown-click a:hover,.wpml-ls-legacy-dropdown-click a:hover:hover {
    background: 0 0;
    color: #75a0d4
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
    bottom: 100%;
    left: 0;
    transform: translateX(-10%);
    top: inherit;
    margin-bottom: 15px;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 0 15px rgba(0,0,0,.15);
    visibility: hidden;
    opacity: 0;
    min-width: 200px;
    padding: 8px 10px;
    transition: visibility .3s cubic-bezier(0,1,.5,1),opacity .3s cubic-bezier(0,1,.5,1);
    font-size: 13px
}

@media (min-width: 1100px) {
    .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
        left:50%;
        right: 50%;
        transform: translateX(-50%);
        padding: 10px 15px;
        font-size: inherit
    }
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu.active {
    opacity: 1;
    visibility: visible!important
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a {
    font-weight: 500;
    color: #55606c
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu li {
    line-height: 1.2
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .not_translated {
    font-size: 15px
}

header .language_switcher {
    z-index: 99
}

header .language_switcher .wpml-ls-item-toggle {
    padding: 5px
}

@media (min-width: 768px) {
    header .language_switcher .wpml-ls-item-toggle {
        margin-top:-12px
    }
}

@media (min-width: 1100px) {
    header .language_switcher .wpml-ls-item-toggle {
        margin-top:inherit
    }
}

header .language_switcher .wpml-ls-item-toggle:before {
    content: "\e0e3";
    font-family: ETmodules;
    box-sizing: border-box;
    font-weight: 300;
    font-size: 24px;
    color: #fff
}

header .language_switcher .wpml-ls-item-toggle span {
    display: none
}

header .language_switcher .wpml-ls-legacy-dropdown-click>ul {
    padding: 0
}

header .language_switcher .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
    bottom: inherit;
    left: inherit;
    right: 0;
    transform: translateX(5%) translateY(15px);
    width: 200px
}

header .language_switcher .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu:before {
    content: "";
    position: absolute;
    top: -8px;
    left: 82.75%;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    border-top: none
}

@media (min-width: 1100px) {
    header .language_switcher .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu:before {
        left:calc(50% - 8px)
    }
}

@media (min-width: 1100px) {
    header .language_switcher .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
        transform:translateX(83.5px) translateY(15px)
    }
}

.oc .cs_language_switcher {
    padding: 0;
    padding-left: 11px;
    margin-top: 2px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    list-style: none;
    display: flex
}

.oc .cs_language_switcher a {
    color: rgba(246,245,247,.5);
    padding-bottom: 8px;
    line-height: 1em
}

.oc .cs_language_switcher__trigger i {
    margin-left: 4px
}

.oc .cs_language_switcher__sub {
    display: none;
    list-style: none;
    position: absolute;
    top: 120%;
    background: rgba(4,30,66,.97);
    border: 1px solid #364b68;
    border-radius: 5px;
    padding: 0
}

.oc .cs_language_switcher__sub.not-translated {
    left: -55px
}

.oc .cs_language_switcher__sub li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0
}

.oc .cs_language_switcher__sub li.not-translated {
    width: 150px
}

.oc .cs_language_switcher__sub li.not-translated a {
    font-size: 12px;
    font-weight: 500;
    text-transform: none;
    text-align: left;
    cursor: default
}

.oc .cs_language_switcher__sub li:not(:last-child) a {
    border-bottom: 1px solid #364b68
}

.oc .cs_language_switcher__sub li:hover a {
    color: #4e85c8
}

.oc .cs_language_switcher__sub li a {
    padding: 6px 12px;
    width: 100%;
    text-align: center
}

.oc #CybotCookiebotDialogPoweredbyCybot {
    display: none
}

.oc #CybotCookiebotDialogPoweredbyLink {
    background-image: url(../../../../../../themes/ownCloud/dist/assets/img/oc-logo-circle.svg);
    background-repeat: no-repeat;
    background-position: center center
}

.oc #CybotCookiebotDialogPoweredbyLink img {
    display: none
}

.partner_filter {
    display: flex;
    flex-direction: column
}

@media (max-width: 768px) {
    .partner_filter .filter_results {
        order:2;
        width: 100%
    }

    .partner_filter .filter_form {
        order: 1;
        width: 100%
    }
}

@media (min-width: 768px) {
    .partner_filter {
        flex-direction:row
    }

    .partner_filter .filter_results {
        width: 64.833%;
        margin-right: 5.5%
    }

    .partner_filter .filter_form {
        width: 29.6667%
    }
}

.oc form.searchandfilter {
    background: rgba(78,133,200,.05);
    border: 1px solid rgba(78,133,200,.2);
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 50px
}

@media (min-width: 1100px) {
    .oc form.searchandfilter {
        padding:25px
    }
}

.oc form.searchandfilter .sf-count {
    opacity: .5
}

.oc form.searchandfilter ul {
    padding: 0;
    line-height: 20px
}

.oc form.searchandfilter h4 {
    font-weight: 600
}

.oc form.searchandfilter label {
    font-size: 15px
}

.oc form.searchandfilter input {
    box-shadow: none
}

.oc form.searchandfilter input[type=text],.oc form.searchandfilter select {
    padding: 5px 10px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid rgba(78,133,200,.35);
    color: #4e85c8;
    font-size: 15px;
    transition: border .3s ease-in-out;
    min-width: inherit
}

.oc form.searchandfilter input[type=text]::-moz-placeholder,.oc form.searchandfilter select::-moz-placeholder {
    color: rgba(78,133,200,.75)
}

.oc form.searchandfilter input[type=text]::placeholder,.oc form.searchandfilter select::placeholder {
    color: rgba(78,133,200,.75)
}

.oc form.searchandfilter input[type=text]:active,.oc form.searchandfilter input[type=text]:focus,.oc form.searchandfilter select:active,.oc form.searchandfilter select:focus {
    border: 2px solid rgba(78,133,200,.5)
}

.oc form.searchandfilter select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-height: 40px;
    background-image: url(../../../../../../themes/ownCloud/dist/assets/img/arrow.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px;
    background-color: #fff!important
}

@media (max-width: 768px) {
    .oc form.searchandfilter .sf-field-search {
        display:none
    }
}

.oc form.searchandfilter .sf-field-search label,.oc form.searchandfilter input.sf-input-text {
    width: 100%;
    min-height: 45px
}

.oc form.searchandfilter .chosen-container {
    width: 100%!important
}

.oc form.searchandfilter .chosen-container-multi .chosen-choices {
    background-image: none;
    border-radius: 3px;
    padding-top: 5px;
    background-color: #fff;
    border: 1px solid rgba(78,133,200,.35)
}

.oc form.searchandfilter .chosen-container-multi .chosen-choices li.search-field input[type=text] {
    color: #4e85c8
}

.oc form.searchandfilter .chosen-container-multi .chosen-choices .search-choice {
    background: #4e85c8;
    box-shadow: none;
    border: none;
    color: #fff
}

.oc form.searchandfilter .chosen-container-multi .chosen-choices a.search-choice-close {
    background: 0 0;
    background-image: none!important
}

.oc form.searchandfilter .chosen-container-multi .chosen-choices a.search-choice-close:before {
    content: "\f00d";
    font-size: 11px;
    line-height: 100%;
    color: #fff
}

.oc form.searchandfilter .chosen-container-multi.chosen-container-active .chosen-choices {
    border: 2px solid rgba(78,133,200,.5);
    box-shadow: none
}

.oc form.searchandfilter .search-field {
    min-height: 35px
}

.oc form.searchandfilter li[data-sf-field-input-type=checkbox] label {
    padding-left: 5px
}

.oc form.searchandfilter li[data-sf-field-input-type=checkbox] li {
    display: grid;
    grid-template-columns: 20px 1fr
}

.oc form.searchandfilter li[data-sf-field-input-type=select] label,.oc form.searchandfilter li[data-sf-field-input-type=select] select {
    width: 100%
}

.oc form.searchandfilter select[name="_sft_partner-support[]"] {
    margin-top: 5px
}

.sf-results {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 20px;
    margin-bottom: 30px
}

@media (min-width: 1100px) {
    .sf-results {
        grid-template-columns:1fr 1fr 1fr
    }
}

.sf-results__wrapper {
    border: 1px solid #ecebee;
    border-radius: 10px;
    transition: all .2s ease-in-out
}

.sf-results__wrapper:hover {
    box-shadow: 0 4px 6px 2px rgba(4,30,66,.15);
    background-color: #ecebee
}

.sf-results__wrapper:hover .sf-results__image {
    background-color: #fff
}

.sf-results__link .sf-results__wrapper {
    border: 2px solid #4e85c8
}

.sf-results__image {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
    padding: 20px;
    transition: all .2s ease-in-out;
    border-radius: 10px 10px 0 0;
    height: 100px
}

@media (min-width: 980px) {
    .sf-results__image {
        height:140px
    }
}

.sf-results__image img {
    max-width: 100%;
    max-height: 100%;
    width: auto
}

.sf-results__title {
    color: #55606c;
    font-size: 15px;
    line-height: 1.2;
    display: inline-block;
    transition: all .2s ease-in-out;
    padding: 10px 30px 10px 10px;
    display: block;
    border-radius: 0 0 10px 10px;
    border-top: 1px solid #ecebee;
    position: relative
}

.sf-results__badge-wrapper {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 50px;
    display: flex;
    justify-content: flex-end
}

.sf-results__badge {
    height: 25px;
    width: 16px;
    margin-left: 5px
}

.search-filter-scroll-loading {
    margin: 0 auto
}

.search-filter__no-result {
    text-align: center;
    background: #f6f5f7;
    border-radius: 10px;
    padding: 10vh
}

.sf-input-checkbox[value=sales-certification] label:after,.sf-input-checkbox[value=technical-certification] label:after {
    content: "";
    width: 15px;
    height: 22px;
    display: block;
    float: right;
    margin-left: 4px;
    background-size: contain;
    background-repeat: no-repeat
}

.sf-input-checkbox[value=sales-certification] label:after {
    background-image: url(../../../../../../themes/ownCloud/dist/assets/img/sales_certification.svg)
}

.sf-input-checkbox[value=technical-certification] label:after {
    background-image: url(../../../../../../themes/ownCloud/dist/assets/img/technical_certification.svg)
}

.search-filter-reset {
    font-weight: 600;
    border: 1px solid #4e85c8;
    border-radius: 5px;
    padding: 4px 10px;
    font-size: 14px
}

.infobanner {
    display: none;
    justify-content: center
}

@media (min-width: 1100px) {
    .infobanner {
        display:flex
    }
}

.infobanner__content {
    display: none;
    flex: 1;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background-color: #4e85c8;
    color: #fff;
    font-size: 15px;
    padding: 5px 20px 10px 20px
}

@media (min-width: 768px) {
    .infobanner__content {
        padding:5px 20px
    }
}

@media (min-width: 980px) {
    .infobanner__content {
        flex:inherit;
        border-radius: 0 0 5px 5px
    }
}

.infobanner__icon {
    display: flex;
    align-items: center
}

.infobanner__icon svg {
    max-height: 22px;
    max-width: 22px
}

.infobanner__icon--info svg {
    max-height: 20px
}

.infobanner__text-wrapper {
    display: flex
}

@media (max-width: 768px) {
    .infobanner__text-wrapper {
        flex:1 1 100%
    }
}

.infobanner__text {
    padding: 5px 10px 5px 10px;
    line-height: 1.2
}

.infobanner__text a {
    color: #fff
}

.infobanner__buttons {
    display: flex;
    justify-content: center;
    flex: 1;
    padding-left: 30px
}

@media (min-width: 768px) {
    .infobanner__buttons {
        padding-left:0;
        flex: 1 0 auto
    }
}

.infobanner__button {
    color: #fff;
    margin: 0 7px;
    line-height: 24px
}

@media (max-width: 768px) {
    .infobanner__button {
        margin-top:10px
    }
}

.infobanner__button--cta {
    background: #fff;
    color: #4e85c8;
    border-radius: 3px;
    font-weight: 700;
    padding: 0 15px
}

.personal-contact {
    border-top: 1px solid #ecebee;
    padding: 25px 20px 0 20px;
    display: flex;
    flex-direction: column
}

.personal-contact h3 {
    font-size: 24px;
    padding-bottom: 20px
}

.personal-contact__wrapper {
    display: flex
}

@media (max-width: 768px) {
    .personal-contact__wrapper {
        flex-wrap:wrap
    }
}

.personal-contact__img {
    flex: 1 1 30%;
    min-width: 70px;
    max-width: 115px;
    margin-right: 20px;
    margin-bottom: 10px
}

.personal-contact__img img {
    border-radius: 5px
}

.featured-partners__item {
    background-color: #fff;
    border: 1px solid #ecebee;
    box-shadow: 0 2px 18px 0 rgba(78,133,200,.1);
    border-radius: 5px;
    padding: 30px;
    height: auto
}

.featured-partners__logo {
    margin-bottom: 30px
}

.featured-partners__title {
    font-weight: 700;
    color: #041e42
}

.featured-partners__link {
    display: block;
    margin-top: 1em;
    font-weight: 700
}

.featured-partners .swiper-container {
    overflow: hidden
}

.featured-partners .swiper-slide {
    height: auto
}

.featured-partners .swiper-button-next:after,.featured-partners .swiper-button-prev:after {
    color: #4e85c8
}

.featured-partners .swiper-button-next {
    right: -8vw
}

@media (min-width: 768px) {
    .featured-partners .swiper-button-next {
        right:-50px
    }
}

.featured-partners .swiper-button-prev {
    left: -8vw
}

@media (min-width: 768px) {
    .featured-partners .swiper-button-prev {
        left:-50px
    }
}

.et_pb_post_content .shariff {
    margin-top: 5%
}

.et_pb_post_content .shariff ul {
    padding-left: 0!important
}

.aal_anchor {
    float: none
}

.page h1 .aal_anchor,.page h5 .aal_anchor {
    display: none
}

.has-anchor .aal_anchor {
    display: inline-block
}

.anchor-link {
    opacity: 0;
    position: absolute;
    left: -24px
}

.anchor-link svg path {
    fill: #4e85c8
}

.page .anchor-heading:hover .anchor-link {
    opacity: 1
}

.page h1.anchor-heading .aal_anchor {
    display: initial
}

.oc .partner-topbar {
    display: flex;
    align-items: center;
    line-height: 1.2;
    font-size: 14px;
    z-index: 2
}

@media (min-width: 980px) {
    .oc .partner-topbar {
        font-size:17px
    }
}

.oc .partner-topbar__headline,.oc .partner-topbar__login,.oc .partner-topbar__navigation {
    display: flex;
    align-items: center
}

.oc .partner-topbar .et_pb_column .et_pb_module {
    margin-bottom: 0
}

.oc .partner-topbar__headline {
    padding-right: 2vw;
    margin-right: 2vw
}

@media (max-width: 980px) {
    .oc .partner-topbar__headline {
        display:none
    }
}

.oc .partner-topbar__headline h3 {
    padding-bottom: 0
}

.oc .partner-topbar__navigation ul {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    padding-bottom: 0;
    flex-direction: column
}

@media (min-width: 768px) {
    .oc .partner-topbar__navigation ul {
        flex-direction:row
    }
}

.oc .partner-topbar__navigation .et_mobile_nav_menu {
    display: none
}

.oc .partner-topbar__navigation .et_pb_menu__menu {
    display: flex
}

@media (min-width: 768px) {
    .oc .partner-topbar__navigation li:not(:first-child) {
        padding-left:0
    }
}

.oc .partner-topbar__navigation li:not(:last-child) {
    margin-right: 1.75vw;
    padding-right: 0
}

.oc .partner-topbar__navigation li.current-menu-item a {
    -webkit-text-decoration-color: #4e85c8;
    text-decoration-color: #4e85c8
}

.oc .partner-topbar__navigation li a {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 5px;
    transition: -webkit-text-decoration .6s ease;
    transition: text-decoration .6s ease;
    transition: text-decoration .6s ease,-webkit-text-decoration .6s ease;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    font-size: 15px
}

.oc .partner-topbar__navigation li a:hover {
    opacity: 1;
    color: #fff!important;
    -webkit-text-decoration-color: #4e85c8;
    text-decoration-color: #4e85c8
}

.oc .partner-topbar__login {
    margin-left: auto;
    align-items: flex-start
}

@media (min-width: 768px) {
    .oc .partner-topbar__login {
        align-items:center
    }
}

.oc .partner-topbar__login a,.oc .partner-topbar__login i {
    color: #6192ce
}

.oc .hidden-form {
    display: none
}

.author-box {
    --box-padding: 35px 35px 25px 85px;
    --box-margin: 90px 0 30px 0;
    border: .5px solid rgba(85,96,108,.3);
    border-radius: 30px;
    padding: var(--box-padding);
    margin: var(--box-margin)
}

@media (min-width: 768px) {
    .author-box {
        --box-padding:40px 50px 40px 80px
    }
}

@media (min-width: 980px) {
    .author-box {
        --box-padding:50px 50px 40px 100px;
        --box-margin: 120px 0 30px 0
    }
}

.author-box__image {
    --image-width: 90px;
    width: var(--image-width);
    position: absolute;
    top: -15px;
    left: -20px;
    border-radius: 100%;
    border: .5px solid rgba(85,96,108,.3)
}

@media (min-width: 768px) {
    .author-box__image {
        --image-width:100px;
        left: calc(var(--image-width)/ 2 * -1);
        top: calc(var(--image-width)/ 6 * -1)
    }
}

@media (min-width: 980px) {
    .author-box__image {
        --image-width:135px
    }
}

.author-box__head {
    font-size: 22px;
    font-size: clamp(1rem,.6094rem   1.25vw,1.375rem);
    font-weight: 700;
    color: #55606c;
    text-transform: uppercase;
    letter-spacing: -.6px;
    padding-bottom: 15px
}

.author-box__descr {
    font-size: clamp(.875rem,.7448rem   .4167vw,1rem);
    line-height: 1.5;
    margin-bottom: 20px
}

@media (min-width: 980px) {
    .author-box__descr {
        margin-bottom:30px
    }
}

.author-box__descr a,.author-box__descr b,.author-box__descr strong {
    font-weight: 700;
    text-decoration: none;
    color: #4e85c8
}

.author-box__external_head,.social-sharing--footer h4 {
    text-transform: uppercase;
    font-size: .8rem;
    font-weight: 700;
    color: #94969e
}

.author-box__footer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.author-box__footer a {
    font-size: .8rem;
    text-decoration: underline;
    color: #94969e;
    display: flex;
    align-items: center
}

.author-box__footer a:hover {
    color: #55606c
}

.author-box__external {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    margin-right: 10px
}

.author-box__icon {
    --size: 24px;
    --gap: 10px;
    text-indent: -9999px;
    display: block;
    height: var(--size);
    width: var(--size);
    background-size: contain;
    background-repeat: no-repeat;
    margin: 3px 0;
    transition: transform .4s ease
}

.author-box__icon:hover {
    transform: translate3d(0,-3px,0)
}

.author-box__icon:not(:last-child) {
    margin-right: var(--gap)
}

.author-box__icon--linkedin {
    background-image: url(../../../../../../themes/ownCloud/dist/assets/img/icon-linkedin.svg)
}

.author-box__icon--twitter {
    background-image: url(../../../../../../themes/ownCloud/dist/assets/img/icon-twitter.svg)
}

.author-box__icon--xing {
    background-image: url(../../../../../../themes/ownCloud/dist/assets/img/icon-xing.svg)
}

.author-box__icon--facebook {
    background-image: url(../../../../../../themes/ownCloud/dist/assets/img/icon-facebook.svg)
}

.author-box__icon--instagram {
    background-image: url(../../../../../../themes/ownCloud/dist/assets/img/icon-instagram.svg)
}

.author-box__icon--hacker-news {
    background-image: url(../../../../../../themes/ownCloud/dist/assets/img/icon-hacker-news.svg)
}

.author-box__allposts {
    flex: 1 1 auto;
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .author-box__allposts {
        justify-content:end
    }
}

.social-sharing {
    display: flex;
    flex-wrap: wrap;
    padding-top: 35px
}

.social-sharing svg {
    width: auto;
    transition: transform .4s ease
}

.social-sharing svg:hover {
    transform: translate3d(0,-3px,0)
}

.social-sharing--footer {
    border-top: .5px solid rgba(85,96,108,.1);
    margin-top: 70px;
    margin-bottom: -10px
}

.social-sharing--footer a {
    margin-right: 10px
}

@media (min-width: 980px) {
    .social-sharing--footer a {
        margin-right:15px
    }
}

.social-sharing--footer svg {
    height: 32px
}

@media (min-width: 980px) {
    .social-sharing--footer svg {
        height:36px
    }
}

.social-sharing--footer h4 {
    width: 100%;
    margin-bottom: 5px
}

.social-sharing--header {
    justify-content: space-between;
    margin-bottom: 60px;
    padding-top: 15px
}

@media (min-width: 980px) {
    .social-sharing--header {
        padding-top:35px;
        margin-bottom: 30px
    }
}

.social-sharing--header a {
    margin-right: 7px
}

@media (min-width: 980px) {
    .social-sharing--header a {
        margin-right:10px
    }
}

.social-sharing--header h4 {
    color: #fff;
    font-size: 1.2rem
}

.social-sharing--header svg {
    height: 24px
}

.social-sharing--header svg path {
    fill: #fff
}

.social-sharing__links {
    display: flex
}

.lwptoc:first-child {
    margin-top: 5%!important
}

.lwptoc .lwptoc_i {
    padding-left: 0
}

.lwptoc .lwptoc_header {
    color: #041e42;
    border-bottom: 1px solid #ecebee;
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-size: 26px
}

.lwptoc .lwptoc_i a,.lwptoc .lwptoc_i a:visited {
    color: #4e85c8!important
}

.oc .feature_columns {
    display: flex;
    flex-wrap: wrap
}

.oc .feature_columns .et_pb_blurb {
    flex-basis: auto;
    width: 100%
}

@media (min-width: 768px) {
    .oc .feature_columns .et_pb_blurb {
        width:47.25%
    }
}

@media (min-width: 1100px) {
    .oc .feature_columns .et_pb_blurb {
        width:22.75%
    }
}

.oc .feature_columns .et_pb_blurb {
    margin-right: 0
}

@media (min-width: 768px) {
    .oc .feature_columns .et_pb_blurb:not(:nth-child(2n)) {
        margin-right:3%
    }
}

@media (min-width: 1100px) {
    .oc .feature_columns .et_pb_blurb:not(:nth-child(4n)) {
        margin-right:3%
    }
}

.oc .feature_columns .et_pb_blurb,.oc .feature_columns .et_pb_blurb:last-child {
    margin-bottom: 3%!important
}

.oc .feature_columns .et_pb_main_blurb_image {
    margin-bottom: 10px
}

.oc .feature_columns .et_pb_main_blurb_image img,.oc .feature_columns .et_pb_main_blurb_image svg {
    max-height: 34px
}

.et-fb-root-ancestor.oc .feature_columns .et_pb_blurb {
    margin-right: 0
}

@media (min-width: 768px) {
    .et-fb-root-ancestor.oc .feature_columns .et_pb_blurb:not(:nth-child(2n 2)) {
        margin-right:3%
    }
}

@media (min-width: 1100px) {
    .et-fb-root-ancestor.oc .feature_columns .et_pb_blurb:not(:nth-child(4n 2)) {
        margin-right:3%
    }
}

.oc-blog-feed {
    border-radius: 5px
}

.oc-blog-feed .et_pb_blog_grid .column.size-1of4:last-child {
    margin-right: 0
}

.oc-blog-feed .post-content-inner {
    padding-bottom: 10px
}

.oc-blog-feed .et_pb_salvattore_content {
    display: flex;
    justify-content: center
}

.oc-blog-feed .column {
    display: flex;
    flex-direction: column
}

.oc-blog-feed .entry-title,.oc-blog-feed .post-content,.oc-blog-feed .post-meta {
    padding-left: 20px!important;
    padding-right: 20px!important
}

.oc-blog-feed .post-meta,.oc-blog-feed .post-meta>* {
    line-height: 1.35!important
}

.oc-blog-feed .post-content {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 8px;
    padding-bottom: 20px
}

.oc-blog-feed .et_pb_image_container {
    margin-bottom: 0
}

.oc-blog-feed .entry-featured-image-url img {
    height: 235px;
    -o-object-fit: cover;
    object-fit: cover
}

.oc-blog-feed .more-link:after {
    content: "\f054";
    padding-left: 6px;
    font-size: 75%
}

.oc-blog-feed .et_pb_post {
    box-shadow: 0 2px 18px 0 rgba(4,30,66,.1)
}

@media (min-width: 980px) {
    .oc-blog-feed .et_pb_post {
        flex:1 0 auto;
        display: flex;
        flex-direction: column;
        margin-bottom: 0;
        transition: transform .15s ease-in-out
    }

    .oc-blog-feed .et_pb_post:hover {
        transform: scale(1.03)
    }
}

.oc-blog-feed__featured .et_pb_post {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-template-rows: auto auto 1fr;
    grid-column-gap: 30px;
    box-shadow: none
}

@media (min-width: 768px) {
    .oc-blog-feed__featured .et_pb_post {
        grid-template-columns:repeat(2,1fr);
        grid-template-rows: auto auto 1fr
    }
}

.oc-blog-feed__featured .et_pb_post:hover {
    transform: none
}

.oc-blog-feed__featured .et_pb_post .post-content {
    justify-content: inherit
}

.oc-blog-feed__featured .et_pb_post .entry-featured-image-url img {
    height: 100%;
    max-height: 235px
}

@media (min-width: 768px) {
    .oc-blog-feed__featured .et_pb_post .entry-featured-image-url img {
        max-height:inherit
    }
}

@media (min-width: 768px) {
    .oc-blog-feed__featured .et_pb_post .entry-title,.oc-blog-feed__featured .et_pb_post .post-content,.oc-blog-feed__featured .et_pb_post .post-meta {
        padding-right:50px
    }
}

.oc-blog-feed__featured .et_pb_post .entry-title {
    padding-bottom: 10px;
    padding-top: 30px
}

.oc-blog-feed__featured .et_pb_post .post-meta {
    margin-bottom: 10px
}

.oc-blog-feed__featured .et_pb_post a {
    grid-row-start: 1;
    grid-row-end: 4;
    margin: 0
}

.oc-blog-feed__grid .et_pb_ajax_pagination_container {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(1,1fr)
}

@media (min-width: 768px) {
    .oc-blog-feed__grid .et_pb_ajax_pagination_container {
        grid-template-columns:repeat(2,1fr);
        grid-gap: 60px
    }

    .oc-blog-feed__grid .et_pb_ajax_pagination_container>div {
        grid-column: span 2
    }
}

@media (min-width: 1100px) {
    .oc-blog-feed__grid .et_pb_ajax_pagination_container {
        grid-template-columns:repeat(3,1fr)
    }

    .oc-blog-feed__grid .et_pb_ajax_pagination_container>div {
        grid-column: span 3
    }
}

.css-grid {
    display: grid;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.css-grid::-webkit-scrollbar {
    display: none
}

.css-grid>div {
    border-bottom: 1px solid rgba(78,133,200,.1);
    margin-bottom: 0!important;
    padding-top: 15px;
    padding-bottom: 10px;
    padding-right: 5px
}

@media (min-width: 768px) {
    .css-grid>div {
        padding-top:25px;
        padding-bottom: 20px
    }
}

.css-grid .et_pb_button {
    display: inline-block;
    margin-bottom: 10px
}

.css-grid--infinite-scale {
    grid-template-columns: minmax(75px,150px) 1fr
}

.css-grid--infinite-scale,.css-grid--infinite-scale>* {
    align-items: center;
    justify-content: center
}

.css-grid--infinite-scale>* {
    min-height: 80px;
    display: flex
}

.css-grid--infinite-scale>:nth-child(-n 2) {
    min-height: auto;
    padding: 10px 0
}

.css-grid--infinite-scale>:nth-last-child(-n 2) {
    border-bottom: 0
}

.css-grid--infinite-scale>div {
    padding: 0
}

.css-grid--infinite-scale .et_pb_button {
    margin: 0
}

.css-grid--desktop-clients {
    grid-template-columns: .75fr 2fr 2fr 2.25fr
}

.css-grid--desktop-clients>div:nth-last-of-type(-n 4) {
    border: none
}

.css-grid--server-packages {
    grid-template-columns: minmax(75px,1fr) 1fr 1.75fr minmax(140px,1.75fr)
}

.css-grid--server-packages>div:nth-last-of-type(-n 4) {
    border: none
}

.css-grid--compare {
    grid-template-columns: repeat(7,1fr)
}

.css-grid--editions {
    grid-template-columns: repeat(3,1fr);
    -webkit-hyphens: auto;
    hyphens: auto
}

.css-grid--editions>div {
    padding-left: 1.5vw;
    padding-right: 1.5vw
}

.css-grid--editions:not(.grid-title)>div {
    background: #fff!important
}

.css-grid--editions.grid-title>div {
    border-bottom: none;
    padding-top: 20px;
    padding-bottom: 10px
}

.css-grid--editions.grid-title>div img {
    max-height: 65px
}

.css-grid--editions.grid-title.et-last-child {
    margin: 0 auto!important
}

.css-grid--editions.grid-title h4 {
    padding: 0
}

.css-grid--editions.grid-title .et_pb_module {
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 767px) {
    .css-grid--editions {
        grid-template-columns:repeat(3,1fr);
        margin-bottom: 40px!important
    }

    .css-grid--editions:not(.grid-title) {
        box-shadow: 0 2px 18px 0 rgba(78,133,200,.1)
    }

    .css-grid--editions.grid-title .column-descr,.css-grid--editions.grid-title .column-title {
        display: none
    }

    .css-grid--editions .column-title,.css-grid--editions>div:nth-of-type(1) {
        grid-column: span 4
    }
}

@media (max-width: 767px) and (min-width:768px) {
    .css-grid--editions>div:nth-of-type(1) {
        padding-top:15px;
        padding-bottom: 15px
    }
}

@media (max-width: 767px) {
    .css-grid--editions:not(.grid-title)>div:nth-of-type(2),.css-grid--editions:not(.grid-title)>div:nth-of-type(3),.css-grid--editions:not(.grid-title)>div:nth-of-type(4) {
        border-bottom:1px solid rgba(78,133,200,.1);
        padding: 20px 3vw 20px 3vw
    }
}

@media (max-width: 767px) {
    .css-grid--editions:not(.grid-title) .column-descr {
        grid-column:span 4;
        padding: 0;
        border: none;
        color: rgba(4,30,66,.5)
    }

    .css-grid--editions:not(.grid-title) .column-descr .et_pb_text_inner {
        padding: 10px 3vw 10px 3vw;
        -webkit-hyphens: auto;
        hyphens: auto
    }
}

@media (min-width: 768px) {
    .css-grid--editions {
        grid-template-columns:repeat(5,minmax(0,1fr));
        -webkit-hyphens: none;
        hyphens: none
    }
}

@media (min-width: 1100px) {
    .css-grid--editions {
        grid-template-columns:minmax(0,1fr) .9fr .9fr .9fr minmax(0,1.25fr)
    }
}

.css-grid--3cols,.css-grid--editions-compare {
    grid-template-columns: repeat(2,minmax(0,1fr));
    -webkit-hyphens: none;
    hyphens: none;
    margin-bottom: 20px!important
}

@media (min-width: 768px) {
    .css-grid--3cols,.css-grid--editions-compare {
        grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
        margin-bottom: 0!important
    }
}

.css-grid--4cols {
    grid-template-columns: repeat(3,minmax(0,1fr));
    -webkit-hyphens: none;
    hyphens: none;
    margin-bottom: 20px!important
}

@media (min-width: 768px) {
    .css-grid--4cols {
        grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
        margin-bottom: 0!important
    }
}

.css-grid--5cols-compare-preset {
    grid-template-columns: repeat(2,minmax(0,1fr));
    -webkit-hyphens: none;
    hyphens: none;
    margin-bottom: 20px!important
}

@media (min-width: 768px) {
    .css-grid--5cols-compare-preset {
        grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
        margin-bottom: 0!important
    }
}

.css-grid--older-versions {
    font-size: 13px;
    line-height: 1.4
}

@media (min-width: 768px) {
    .css-grid--older-versions {
        font-size:15px
    }
}

@media (min-width: 1100px) {
    .css-grid--older-versions {
        font-size:16px
    }
}

.css-grid--older-versions .download-linux a {
    display: inline-block
}

.css-grid--older-versions .download-linux a:not(:first-child) {
    margin-top: 10px
}

.css-grid--older-versions ul {
    padding: 0;
    list-style: none
}

.css-grid--older-versions ul li {
    line-height: 1.2em
}

.css-grid--older-versions ul li:not(:first-child) {
    margin-top: 8px
}

.css-grid--older-versions ul li:not(:last-child) {
    margin-bottom: 5px
}

.css-grid--older-versions-server {
    grid-template-columns: .5fr .75fr 1fr 1fr
}

.css-grid--older-versions-desktop {
    grid-template-columns: .65fr 1fr 1.25fr 1.25fr 1fr
}

.css-grid--older-versions-desktop-testpilot {
    grid-template-columns: 1fr 1.25fr 1.25fr 1fr
}

.css-grid--older-versions-desktop-daily {
    grid-template-columns: 1fr 1.25fr 1.25fr 1fr
}

.css-grid--older-versions-desktop-beta {
    grid-template-columns: .85fr .65fr 1fr 1.25fr 1.25fr 1fr
}

.css-grid--older-versions-desktop-beta>:nth-child(24n 19),.css-grid--older-versions-desktop-beta>:nth-child(24n 20),.css-grid--older-versions-desktop-beta>:nth-child(24n 21),.css-grid--older-versions-desktop-beta>:nth-child(24n 22),.css-grid--older-versions-desktop-beta>:nth-child(24n 23),.css-grid--older-versions-desktop-beta>:nth-child(24n 24),.css-grid--older-versions-desktop-beta>:nth-child(24n 25),.css-grid--older-versions-desktop-beta>:nth-child(24n 26),.css-grid--older-versions-desktop-beta>:nth-child(24n 27),.css-grid--older-versions-desktop-beta>:nth-child(24n 28),.css-grid--older-versions-desktop-beta>:nth-child(24n 29),.css-grid--older-versions-desktop-beta>:nth-child(24n 30) {
    background: rgba(78,133,200,.03)
}

.oc-pricing-table .et_pb_featured_table {
    padding-bottom: 70px
}

@media (max-width: 980px) {
    .oc-pricing-table .et_pb_pricing_table {
        min-width:100%!important
    }
}

@media (min-width: 980px) {
    .oc-pricing-table .et_pb_sum {
        font-size:60px
    }
}

@media (min-width: 1100px) {
    .oc-pricing-table .et_pb_sum {
        font-size:80px
    }
}

.oc-pricing-table .et_pb_dollar_sign {
    margin-left: -28px
}

@media (min-width: 980px) {
    .oc-pricing-table .et_pb_frequency {
        display:block
    }
}

@media (min-width: 1405px) {
    .oc-pricing-table .et_pb_frequency {
        display:inline-block
    }
}

.oc-pricing-table .et_pb_pricing li {
    padding: 0 0 1.6em 26px
}

.oc-pricing-table .et_pb_pricing li:before {
    content: "\f00c";
    position: absolute;
    left: 0;
    color: #4e85c8
}

.oc-pricing-table .et_pb_pricing li.et_pb_not_available:before {
    content: "\f00d";
    color: #b5b6bb
}

.oc-pricing-table--oc-online .et_pb_pricing li:before {
    color: #06e3bd
}

.contact-sales,.degressive-pricing {
    display: none
}

.contact-sales {
    padding: 29px 0 28px;
    font-size: 18px;
    color: #041e42
}

.degressive-pricing.form.light {
    margin: 0 auto
}

.degressive-pricing.form.light select {
    background-color: #fff;
    font-weight: 600;
    font-size: 17px;
    padding: 14px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 15px;
    max-width: 50%
}

.oc .customer-logos {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1 1 auto;
    flex-wrap: wrap
}

@media (min-width: 768px) {
    .oc .customer-logos {
        flex-wrap:nowrap
    }
}

.oc .customer-logos .et_pb_image {
    margin: 10px 0;
    flex-basis: 40%;
    max-width: 170px;
    text-align: center
}

@media (max-width: 768px) {
    .oc .customer-logos .et_pb_image:nth-child(4) {
        margin-left:0
    }
}

@media (min-width: 768px) {
    .oc .customer-logos .et_pb_image {
        width:inherit;
        max-width: 150px;
        margin-top: 0!important;
        margin-bottom: 0!important;
        margin-left: 3%;
        margin-right: 0!important
    }
}

.oc .customer-logos .et_pb_image:first-child {
    margin-left: 0
}

.oc .customer-logos .et_pb_image:last-child {
    margin-right: 0
}

.oc .customer-logos .et_pb_image_wrap img {
    -o-object-fit: contain;
    object-fit: contain;
    min-height: 45px;
    max-height: 55px
}

@media (min-width: 768px) {
    .oc .customer-logos .et_pb_image_wrap img {
        min-height:55px;
        min-height: 75px
    }
}

.customer-logo-preset .et_pb_image_wrap {
    display: flex;
    max-height: 100%
}

.customer-logo-preset .et_pb_image_wrap img {
    -o-object-fit: contain;
    object-fit: contain
}

.oc .et_pb_image .et_pb_image_wrap img[src*=".svg"] {
    width: 100%
}

.et_pb_accordion_item:first-child {
    border-radius: 5px 5px 0 0
}

.et_pb_accordion_item:last-child {
    border-radius: 0 0 5px 5px
}

.et_pb_accordion .et_pb_accordion_item .et_pb_toggle_title:before {
    content: "3";
    font-size: 24px;
    position: absolute;
    right: 0;
    display: block;
    will-change: transform;
    transition: transform .15s ease-in-out
}

.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title:before {
    transform: rotate(180deg);
    transform-origin: center center
}

.et_pb_testimonial {
    display: flex;
    flex-direction: column;
    line-height: 1.4
}

.et_pb_testimonial_description_inner:after {
    content: "\f10d";
    font-size: 100px;
    position: absolute;
    right: 5%;
    bottom: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    color: #f6f5f7;
    z-index: -1
}

.et_pb_testimonial_portrait {
    flex-basis: 20%;
    width: 55px;
    height: 55px!important;
    min-height: 55px;
    max-width: 55px;
    position: absolute;
    bottom: -5px;
    margin-left: 35px!important;
    margin-bottom: 0!important
}

.et_pb_testimonial_description {
    flex-basis: 80%;
    margin-left: 0!important
}

.et_pb_testimonial_content {
    position: relative;
    margin: 0;
    border: 1px solid #b5b6bb;
    border-radius: 20px;
    padding: 30px 55px 10px 35px
}

.et_pb_testimonial_content:before {
    content: "";
    position: absolute;
    width: 105px;
    border: 6px solid #fff;
    bottom: -3px;
    left: 50px;
    z-index: 2
}

.et_pb_testimonial_content:after {
    content: "";
    position: absolute;
    border: 1px solid #b5b6bb;
    border-radius: 0 50px 0 0;
    width: 80px;
    height: 80px;
    bottom: -81px;
    left: 50px;
    border-bottom: none;
    border-left: none;
    z-index: 3
}

.et_pb_testimonial_author,.et_pb_testimonial_company,.et_pb_testimonial_position {
    font-style: normal!important;
    font-weight: 500!important
}

.et_pb_testimonial_author,.et_pb_testimonial_meta {
    padding-left: 170px;
    line-height: 1
}

.et_pb_testimonial_meta {
    font-weight: 400!important;
    min-height: 22px;
    display: block
}

.et_pb_testimonial_meta:empty {
    display: block!important
}

.et_pb_testimonial_author {
    margin-top: 25px;
    font-weight: 600!important;
    font-size: 15px!important
}

@media (min-width: 768px) {
    .et_pb_testimonial_author {
        font-size:18px!important
    }
}

.team-members {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap
}

.team-members__member {
    flex-basis: 47.25%;
    margin-right: 5.5%;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

@media (max-width: 980px) {
    .team-members__member:nth-child(2n) {
        margin-right:0
    }
}

@media (min-width: 980px) {
    .team-members__member {
        flex-basis:15.6%
    }

    .team-members__member:nth-child(5n) {
        margin-right: 0
    }
}

.team-members__member .et_pb_team_member_image {
    display: block;
    margin: 0 0 15px;
    float: none
}

.team-members__member .et_pb_team_member_description {
    display: block
}

.team-members__member .et_pb_module_header {
    padding-bottom: 3px
}

.team-members__member .et_pb_member_social_links {
    margin-top: 7px
}

.team-members__member .et_pb_member_social_links li {
    margin: 0 7px
}

.et-fb-root-ancestor .team-members__member {
    margin-right: 5.5%
}

@media (max-width: 1100px) {
    .et-fb-root-ancestor .team-members__member:nth-child(2n) {
        margin-right:0
    }
}

@media (min-width: 1100px) {
    .et-fb-root-ancestor .team-members__member:nth-child(5n 2) {
        margin-right:0
    }
}

.landingpage-header>.et_pb_row {
    align-items: center;
    display: flex
}

.landingpage-header .et_pb_blurb_container {
    padding-left: 5px
}

@media (max-width: 980px) {
    .landingpage-header .et_pb_blurb_container {
        display:none
    }

    .landingpage-header .et_pb_column,.landingpage-header .et_pb_module {
        margin-bottom: 0!important
    }
}

.contact-items {
    align-items: center
}

.contact-items .et_pb_module {
    margin-bottom: 0!important
}

.rtl,.rtl a,.rtl h1,.rtl h2,.rtl h3,.rtl h4,.rtl h5,.rtl h6,.rtl p {
    font-family: Mada,"Source Sans Pro",sans-serif
}

.rtl .et-l--header .et_pb_blurb_1_tb_header.et_pb_blurb {
    margin-left: 0
}

.rtl .et-l--header .et_pb_blurb_0_tb_header {
    margin-left: 30px
}

.rtl .et-l--header .et_pb_image_0_tb_header {
    margin-right: 0!important;
    margin-left: auto!important
}

.rtl .et_pb_testimonial .et_pb_testimonial_author,.rtl .et_pb_testimonial .et_pb_testimonial_meta {
    margin-right: 70px
}

@media (min-width: 768px) {
    .rtl .et_pb_testimonial .et_pb_testimonial_author,.rtl .et_pb_testimonial .et_pb_testimonial_meta {
        margin-right:100px
    }
}

@media (min-width: 980px) {
    .rtl .et_pb_testimonial .et_pb_testimonial_author,.rtl .et_pb_testimonial .et_pb_testimonial_meta {
        margin-right:110px
    }
}

.rtl .checklist ul li {
    padding-left: 0;
    padding-right: 30px
}

.rtl .checklist ul li:before {
    right: 0;
    left: inherit
}

.rtl .footer-col-right {
    justify-content: center
}

@media (min-width: 980px) {
    .rtl .footer-col-right {
        justify-content:flex-start!important
    }
}

.rtl .footer-col-right .et_pb_module {
    margin-bottom: 3.093%!important;
    margin-right: 0
}

.rtl .footer-col-right .et_pb_module .et_pb_image_wrap {
    margin-left: 15px
}

.rtl .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
    transform: translateX(50%);
    right: -50%
}

@media (min-width: 980px) {
    .rtl .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
        right:50%
    }
}