.mainMenu, .popUpSide a, .popUpSide a:hover {
    background-color: var(--basicColor1)
}

@font-face {
    font-family: myriad-pro;
    src: url("https://use.typekit.net/af/c630c3/000000000000000000017098/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/c630c3/000000000000000000017098/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/c630c3/000000000000000000017098/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
    font-display: swap;
    font-style: normal;
    font-weight: 300;
    font-stretch: normal
}

.btn:hover, .buttons button.defaultBackgroundGreen, .elementText span, span.tilde {
    color: var(--basicColor1)
}

@font-face {
    font-family: Amaranth;
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/amaranth/v18/KtkuALODe433f0j1zMnFHdA.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap
}

.svgImg g:not(.imageG), svg .animG {
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse
}

body {
    font-family: myriad-pro, sans-serif;
    font-weight: 100
}

.littleSpace, .littleSpaceTitle {
    width: 60%;
    margin: 0 auto;
    text-align: center
}

.bodyEditor .svgImg.hidden {
    display: block;
    opacity: 1;
    transform: translateX(0)
}

.subTitle, .title {
    font-family: Amaranth, sans-serif;
    font-weight: 500
}

svg.hiddenBeforeLazyLoading {
    transition: 1s;
    opacity: 0
}

svg.appearSvgElement {
    opacity: 1
}

.appearBlock {
    opacity: 1 !important;
    transition: none
}

.svgImg rect {
    fill: rgb(255 255 255 /0%) !important
}

.svgRound {
    width: 100%;
    position: absolute;
    height: auto;
    left: 0;
    z-index: 0
}

.isBlogPage .mainContent, .svgParent {
    position: relative
}

.svgRound.reverse {
    transform: rotate(180deg)
}

.svgRound.bottom {
    bottom: -1.5px
}

.svgRound.top {
    top: -1.5px
}

.svgRound.white path {
    fill: white
}

.svgRound.beige path {
    fill: var(--basicColor4)
}

.svgRound.green path {
    fill: var(--basicColor5)
}

.svgRound.mirror {
    transform: scaleX(-1)
}

@keyframes svgMoveRound {
    from {
        transform: translateY(-30px)
    }
    to {
        transform: translateY(30px)
    }
}

@keyframes svgMoveAll {
    0%, 100% {
        transform: translateY(0)
    }
    10% {
        transform: translateY(-2px)
    }
    20% {
        transform: translateY(4px)
    }
    30%, 70% {
        transform: translateY(-7px)
    }
    40% {
        transform: translateY(2px)
    }
    50%, 90% {
        transform: translateY(-8px)
    }
    60% {
        transform: translateY(7px)
    }
    80% {
        transform: translateY(3px)
    }
}

svg .animG {
    animation-name: svgMoveAll;
    transform: translateY(0)
}

.svgImg g:not(.imageG) {
    animation-name: svgMoveRound;
    animation-duration: 5s;
    transform: translateY(30px)
}

.btn {
    background: var(--basicColor1);
    padding: .5em 1em;
    border-radius: 5em;
    display: inline-block;
    font-family: Amaranth, Arial;
    color: #fff;
    transition: .3s;
    border: 2px solid var(--basicColor1)
}

.btn:hover {
    background: 0 0
}

.mainMenu .logo {
    height: 3em
}

.isBlogPage .mainContent .blogHeaderImage {
    border-radius: 2em
}

.isBlogPage p {
    text-align: left
}

.isBlogPage h1, .isBlogPage h2, .isBlogPage h3, .isBlogPage h4, .isBlogPage h5, .isBlogPage h6 {
    color: var(--basicColor1);
    font-weight: 500;
    text-align: left !important;
    font-family: Amaranth

}

.isBlogPage h1 {
    font-size: 3em
}

.isBlogPage h2 {
    font-size: 2.9em !important
}

.isBlogPage h3 {
    font-size: 1.5em
}

a {
    color: var(--basicLinkColor)
}

.comingSoon, .popUpSide {
    background-color: var(--basicColor5)
}

.comingSoon .mask, .fixedButtonPartner {
    display: none
}

.comingSoon article > * {
    color: #fff
}

.comingSoon li * {
    color: #fff !important;
    fill: var(--basicColor1) !important
}

.comingSoon .adminlink {
    width: 100%;
    text-align: center;
    text-decoration: underline
}

.popUpSide .flexRowStart .w45:last-child {
    width: 55%
}

.popUpSide  {
    width: 25em;
}

.popUpSide .bgPopUp {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.popUpSide a {
    padding: .3em 1em;
    color: var(--basicWhite);
    border-radius: 5em;
    transition: .3s;
    border: 2px solid var(--basicColor1)
}

.popUpSide a:hover {
    border: 2px solid var(--basicWhite);
    background-color: transparent
}

.svgParent {
    display: inline-block;
    overflow: hidden;
    animation: 3s linear infinite zoomInOut
}

.popUpSide p {
    text-align: center
}

.popUpSide .flexRowStart {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 1em;
}

.popUpSide .img {
    border-radius: var(--basicBorderRadius)
    background-size: contain;
    width: 100%;
}

.isBlogPage p,.isBlogPage .backToBlog{
    font-size: 1.3em !important
}


@keyframes zoomInOut {
    0%, 100% {
        transform: scale(.85)
    }
    50% {
        transform: scale(.9)
    }
}

@media screen and (min-width: 2000px) {
    .divSectionTitlePresentationBtn .svgBefore {
        top: -5px
    }

    .svgRound {
        bottom: -5px
    }
}

@media screen and (min-width: 3000px) {
    .divSectionTitlePresentationBtn .svgBefore {
        top: -6px
    }

    .svgRound {
        bottom: -6px
    }
}

@media screen and (max-width: 800px) {
    .popUpSide .flexRowStart {
        flex-direction: column
    }
}

@media screen and (max-width: 750px) {
    .popUpSide .flexRowStart .w45 {
        width: 100% !important
    }

}

@media screen and (max-width: 700px) {
    .littleSpace, .littleSpaceTitle {
        width: 80%
    }

    .isBlogPage h1 {
        font-size: 2em
    }

    .isBlogPage h2 {
        font-size: 1.5em
    }

    .isBlogPage h3 {
        font-size: 1.2em
    }
}

@media screen and (max-width: 500px) {
    .littleSpace, .littleSpaceTitle {
        width: 90%
    }
}