@charset "UTF-8";

@import url('/css/font_style.css');

*{
  	margin: 0;
  	padding: 0;
}
:root{
    --Muqoneee: 0;
    --Nuqoneee: scroll;
}
html{
    width: 100%;
    margin: 0;
    padding: 0;
}
body{
    width: calc(100% - var(--Muqoneee));
    min-height: 100vh;
    overflow-y: var(--Nuqoneee);
    overflow-x: hidden;
    border-right: var(--Muqoneee) solid #FEFEFF;
    background-color: #FEFEFF;
    margin: 0;
    padding: 0;
}
::selection{
    color: #FFF;
    background-color: #0456FA;
}
a *{
    pointer-events: none;
}

/* -------------------------------------------------------------------------- */
/* ----- PRELOADER ---------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

.Neqenuee{
    width: calc(100% - var(--Muqoneee));
    height: 100vh;
    position: fixed;
    z-index: 2000000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-color: #FCFCFE;
    border-right: var(--Muqoneee) solid #FAFAFA;
    visibility: visible;
    opacity: 1;
    transition: visibility 0s ease-in 0s, opacity 0s ease-in 0s;
    will-change: transform;
}
.NeqenueeEqu{
    width: 100%;
    height: 100%;
    position: relative;
}
.NeqenueeEqu > section{
    width: 52px;
    height: 16px;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.NeqenueeEqu > section > div{
    width: 8px;
    height: 8px;
    background-color: #E1E9F2;
    border-radius: 50%;
}
.NeqenueeEqu > section > div:nth-of-type(1){
    animation: .8s Deunqoue infinite;
}
.NeqenueeEqu > section > div:nth-of-type(2){
    animation: .8s Beunqoue infinite;
}
.NeqenueeEqu > section > div:nth-of-type(3){
    animation: .8s Neunqoue infinite;
}
@keyframes Deunqoue{

    0%{
        transform: scale(1);
    }
    10%{
        transform: scale(1.8);
    }
    43.3%, 76.6%, 100%{
        transform: scale(1);
    }
}
@keyframes Beunqoue{

    0%, 10%{
        transform: scale(1);
    }
    43.3%{
        transform: scale(1.8);
    }
    76.6%, 100%{
        transform: scale(1);
    }
}
@keyframes Neunqoue{

    0%, 10%, 43.3%{
        transform: scale(1);
    }
    76.6%{
        transform: scale(1.8);
    }
    100%{
        transform: scale(1);
    }
}

/* -------------------------------------------------------------------------- */
/* ----- PRELOADER ---------------------------------------------------------- */
/* -------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */
/* ----- APPLICATION SENT --------------------------------------------------- */
/* -------------------------------------------------------------------------- */

.Boouoque{
    width: 100%;
    min-height: 100vh;
    height: auto;
    position: fixed;
    z-index: 1100000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: hsla(120,33%,1%,.64);
    overflow-y: scroll;
    overflow-x: hidden;
    margin: auto;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s ease-out 0s, opacity 0s ease-out 0s;
    will-change: transform;
}
.BoouoqueEqu{
    width: 100%;
    min-height: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.BoouoqueEqu > section{
    width: calc(100% - 18px);
    max-width: 324px;
    height: 314px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #FFF;
    border-radius: 16px;
    margin: 34px auto;
    overflow: hidden;
}
.BoouoqueEqu > section > img{
    width: 134px;
    height: 134px;
    border-top: 8px solid transparent;
    margin: auto auto 34px auto;
    user-select: none;
}
.BoouoqueEqu > section > span{
    width: auto;
    font: 500 normal 18.4px/1 'Codec_Pro', sans-serif;
    font-display: swap;
    letter-spacing: .74px;
    text-indent: .74px;
    color: #0A1747;
    border-top: 4px solid transparent;
    margin: 0 auto auto auto;
    user-select: none;
}

/* -------------------------------------------------------------------------- */
/* ----- APPLICATION SENT --------------------------------------------------- */
/* -------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */
/* ----- COUNTRY FLAGS ------------------------------------------------------ */
/* -------------------------------------------------------------------------- */

.Renuquee{
    height: auto;
    position: fixed;
    z-index: 1200000;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    background-color: #FFF;
    box-shadow: 0 14.34px 18.34px -5.32px hsla(220,25%,88%,.84), 0 1.34px 5.34px -2.34px hsla(221,25%,40%,.34);
    border: 1px solid #CCD3E0;
    margin: 0 auto auto 0;
    border-radius: 4px;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s ease-in 0s, opacity .24s ease-in 0s;
    will-change: transform;
}
@media only screen and (min-width: 0px) and (max-width: 640px){

    .Renuquee{
        width: 258px;
    }
}
@media only screen and (min-width: 640.1px) and (max-width: 1200px){

    .Renuquee{
        width: 274px;
    }
}
@media (min-width: 1200.1px){

    .Renuquee{
        width: 274px;
    }
}
.RenuqueeEqu{
    width: 100%;
    height: auto;
}
.Mewuqune{
    width: 100%;
    height: auto;
    position: relative;
    z-index: 3;
    background-color: #FFF;
}
.Mewuqune > .Jeneuqee{
    width: 100%;
    height: 174px;
    position: relative;
    overflow-y: scroll;
    overflow-x: hidden;
    border-top: 1px solid #CCD3E0;
    border-bottom: 1px solid #CCD3E0;
    margin: 13px 0;
}
:root{
    --Bonoqune: "";
}
.Mewuqune > .Jeneuqee::after{
    content: var(--Bonoqune);
    width: 100%;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    font: 300 normal 15px/50px 'SF_Pro', sans-serif;
    letter-spacing: .8px;
    text-indent: .8px;
    text-align: center;
    color: #56678A;
    margin: auto;
}
.Jeneuqee > a{
    width: 100%;
    height: auto;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    overflow: hidden;
}
.Jeneuqee > a:not(:last-of-type){
    border-bottom: 1px solid #F2F4F7;
}
.Jeneuqee > a:last-of-type{

}
.Jeneuqee > a:not(:hover){
    background-color: transparent;
    transition: background-color .14s ease-in 0s;
}
.Jeneuqee > a:hover{
    background-color: #F2F4F7;
    transition: background-color .14s ease-out 0s;
}
.Jeneuqee > a > img{
    width: 28px;
    height: auto;
    margin: 14px 18px 14px 11px;
    pointer-events: none;
}
.Jeneuqee > a > b{
    width: auto;
    max-width: 154px;
    font: 300 15px/1.24 'Codec_Pro', sans-serif;
    text-align: left;
    color: #17202B;
    letter-spacing: .14px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: auto auto auto 0;
    border-top: 4px solid transparent;
    padding: 0 14px 0 0;
    pointer-events: none;
}
.Jeneuqee > a > span{
    width: auto;
    font: 300 15px/1.24 'Codec_Pro', sans-serif;
    text-align: right;
    color: #3F9FFA;
    letter-spacing: .4px;
    border-top: 4px solid transparent;
    margin: auto 11px auto auto;
    pointer-events: none;
}
.Denuqune{
    width: 100%;
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: #FFF;
    padding: 0 0 13px 0;
}
:root{
    --Jonoqune: "Страна";
}
.Denuqune::before{
    content: var(--Jonoqune);
    width: calc(100% - 50px);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    font: 300 normal 15px/39px 'SF_Pro', sans-serif;
    text-align: left;
    color: #CCD3E0;
    margin: 0 25px;
}
.Denuqune > input{
    width: 100%;
    max-width: calc(100% - 50px);
    height: 36px;
    font: 300 normal 15px/1 'SF_Pro', sans-serif;
    text-align: left;
    color: #182130;
    padding: 0 13px;
    background-color: transparent;
    overflow: none;
    outline: none;
    resize: none;
    border-radius: 2px;
}
.Denuqune > input:not(:focus){
    border: 1px solid #CCD3E0;
    transition: border .08s ease-in 0s;
}
.Denuqune > input:focus{
    border: 1px solid #3F9FFA;
    transition: border .08s ease-in 0s;
}

/* -------------------------------------------------------------------------- */
/* ----- COUNTRY FLAGS ------------------------------------------------------ */
/* -------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */
/* ----- TO SUBMIT AN APPLICATION ------------------------------------------- */
/* -------------------------------------------------------------------------- */

.Deenuque{
    width: 100%;
    min-height: 100vh;
    height: auto;
    position: fixed;
    z-index: 1100000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: hsla(120,33%,1%,.64);
    overflow-y: scroll;
    overflow-x: hidden;
    margin: auto;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s ease-out 0s, opacity 0s ease-out 0s;
    will-change: transform;
}
.DeenuqueEqu{
    width: 100%;
    min-height: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
@media only screen and (min-width: 0px) and (max-width: 640px){

    .DeenuqueEqu > section{
        width: calc(100% - 18px);
        height: 624px;
        display: grid;
        justify-content: center;
        grid-template-columns: 0 1fr;
        grid-template-rows: 174px 1fr;
        column-gap: 0;
        row-gap: 0;
        background-color: #FFF;
        border-radius: 16px;
        margin: 34px auto;
        overflow: hidden;
    }
}
@media only screen and (min-width: 640.1px) and (max-width: 1200px){

    .DeenuqueEqu > section{
        width: 384px;
        height: 594px;
        display: grid;
        justify-content: center;
        grid-template-columns: 0 384px;
        grid-template-rows: 154px 1fr;
        column-gap: 0;
        row-gap: 0;
        background-color: #FFF;
        border-radius: 6px;
        margin: 34px auto;
        overflow: hidden;
    }
}
@media (min-width: 1200.1px){

    .DeenuqueEqu > section{
        width: 960px;
        height: 536px;
        display: grid;
        justify-content: center;
        grid-template-columns: 1fr 394px;
        grid-template-rows: 0 1fr;
        column-gap: 0;
        row-gap: 0;
        background-color: #FFF;
        border-radius: 6px;
        margin: 34px auto;
        overflow: hidden;
    }
}
.DeenuqueEqu > section > div:nth-of-type(1){

}
.DeenuqueEqu > section > div:nth-of-type(2){
    background-image: url('/img/back_566x536.png');
    background-position: center -24px;
    background-repeat: no-repeat;
    background-size: cover;
}
.DeenuqueEqu > section > div:nth-of-type(3){
    background-image: url('/img/back_566x536.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.DeenuqueEqu > section > div:nth-of-type(4){
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
@media only screen and (min-width: 0px) and (max-width: 640px){

    .DeenuqueEqu > section > div:nth-of-type(4) > .Moonoque{
        width: 40px;
        height: 40px;
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        bottom: auto;
        left: auto;
        margin: -144px 24px auto auto;
        border-radius: 100%;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
        user-select: none;
        overflow: hidden;
        cursor: pointer;
    }
}
@media only screen and (min-width: 640.1px) and (max-width: 1200px){

    .DeenuqueEqu > section > div:nth-of-type(4) > .Moonoque{
        width: 40px;
        height: 40px;
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        bottom: auto;
        left: auto;
        margin: -126px 24px auto auto;
        border-radius: 100%;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
        user-select: none;
        overflow: hidden;
        cursor: pointer;
    }
}
@media (min-width: 1200.1px){

    .DeenuqueEqu > section > div:nth-of-type(4) > .Moonoque{
        width: 40px;
        height: 40px;
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        bottom: auto;
        left: auto;
        margin: 24px 24px auto auto;
        border-radius: 100%;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
        user-select: none;
        overflow: hidden;
        cursor: pointer;
    }
}
.Moonoque:not(:hover){
    background-color: #F5F6F7;
    transition: background-color .08s ease-in 0s;
}
.Moonoque:hover{
    background-color: #DCE1EB;
    transition: background-color .08s ease-in 0s;
}
.DeenuqueEqu > section > div:nth-of-type(4) > .Moonoque > .MoonoqueEqu{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}
.MoonoqueEqu > svg{
    width: 14px;
    height: 14px;
    fill: black;
    pointer-events: none;
}

@media only screen and (min-width: 0px) and (max-width: 640px){

    .DeenuqueEqu > section > div:nth-of-type(4)::after{
        content: '';
        width: 194px;
        height: 194px;
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #FFF;
        border-radius: 50%;
        margin: -97px auto 38px auto;
    }
    .DeenuqueEqu > section > div:nth-of-type(4) > img{
        width: 154px;
        height: 154px;
        position: relative;
        z-index: 2;
        margin: -77px auto 38px auto;
        user-select: none;
    }
}
@media only screen and (min-width: 640.1px) and (max-width: 1200px){

    .DeenuqueEqu > section > div:nth-of-type(4)::after{
        content: '';
        width: 194px;
        height: 194px;
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #FFF;
        border-radius: 50%;
        margin: -97px auto 38px auto;
    }
    .DeenuqueEqu > section > div:nth-of-type(4) > img{
        width: 154px;
        height: 154px;
        position: relative;
        z-index: 2;
        margin: -77px auto 38px auto;
        user-select: none;
    }
}
@media (min-width: 1200.1px){

    .DeenuqueEqu > section > div:nth-of-type(4)::after{
        content: '';
        width: 194px;
        height: 194px;
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: 50%;
        margin: 22px auto 38px auto;
    }
    .DeenuqueEqu > section > div:nth-of-type(4) > img{
        width: 154px;
        height: 154px;
        position: relative;
        z-index: 2;
        margin: auto auto 38px auto;
        user-select: none;
    }
}
.DeenuqueEqu > section > div:nth-of-type(4) > span{
    width: auto;
    font: 500 normal 18.4px/1 'Codec_Pro', sans-serif;
    font-display: swap;
    letter-spacing: 1.14px;
    text-indent: 1.14px;
    color: #182130;
    border-top: 4px solid transparent;
    margin: 0 auto 34px auto;
    user-select: none;
}
.DeenuqueEqu > section > div:nth-of-type(4) > form{
    width: 254px;
    height: auto;
    margin: 0 auto auto auto;
}
.DeenuqueEqu > section > div:nth-of-type(4) > form > section:nth-of-type(1){
    width: 100%;
    height: auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 22px 0;
}
.DeenuqueEqu > section > div:nth-of-type(4) > form > section:nth-of-type(1) > span{
    width: auto;
    position: absolute;
    z-index: 1;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    font: 500 normal 13px/.74 'Codec_Pro', sans-serif;
    font-display: swap;
    color: #182130;
    letter-spacing: .54px;
    text-indent: 0;
    background-color: #FFF;
    margin: 1px auto auto 8px;
    padding: 0 4px;
    user-select: none;
}
.DeenuqueEqu > section > div:nth-of-type(4) > form > section:nth-of-type(1) > input{
    width: calc(100% - 26px);
    height: 34px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font: 300 normal 14.4px/.34 'SF_Pro', sans-serif;
    font-display: swap;
    color: #56678A;
    letter-spacing: .54px;
    text-indent: 0;
    background-color: transparent;
    overflow: none;
    outline: none;
    resize: none;
    border-radius: 3px;
    padding: 7px 11px 4px 11px;
    margin: 4px 0 0 0;
}
.DeenuqueEqu > section > div:nth-of-type(4) > form > section:nth-of-type(1) > input:not(:focus){
    border: 1px solid #CCD3E0;
    transition: border .08s ease-in 0s;
}
.DeenuqueEqu > section > div:nth-of-type(4) > form > section:nth-of-type(1) > input:focus{
    border: 1px solid #3F9FFA;
    transition: border .08s ease-in 0s;
}
.DeenuqueEqu > section > div:nth-of-type(4) > form > section:nth-of-type(2){
    width: 100%;
    height: auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 0 38px 0;
}
.DeenuqueEqu > section > div:nth-of-type(4) > form > section:nth-of-type(2) > span{
    width: auto;
    position: absolute;
    z-index: 1;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    font: 500 normal 13px/.74 'Codec_Pro', sans-serif;
    font-display: swap;
    color: #182130;
    letter-spacing: .54px;
    text-indent: 0;
    background-color: #FFF;
    margin: 1px auto auto 8px;
    padding: 0 4px;
    user-select: none;
}
.DeenuqueEqu > section > div:nth-of-type(4) > form > section:nth-of-type(2) > div{
    width: 65px;
    height: 41px;
    position: absolute;
    z-index: 10;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: auto auto 1px 1px;
    cursor: pointer;
}
.DeenuqueEqu > section > div:nth-of-type(4) > form > section:nth-of-type(2) > div > img{
    width: 24px;
    height: auto;
    box-shadow: 0 0 0 1px #CCD3E0;
    margin: auto auto auto 12px;
    pointer-events: none;
    user-select: none;
}
.DeenuqueEqu > section > div:nth-of-type(4) > form > section:nth-of-type(2) > div > svg{
    width: 11px;
    height: 11px;
    fill: #6E858B;
    margin: 15px 7px auto auto;
    border-bottom: 0 solid transparent;
    pointer-events: none;
    user-select: none;
}
.DeenuqueEqu > section > div:nth-of-type(4) > form > section:nth-of-type(2) > input{
    width: calc(100% - 81px);
    height: 34px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font: 300 normal 14.4px/.34 'SF_Pro', sans-serif;
    font-display: swap;
    color: #56678A;
    letter-spacing: .54px;
    text-indent: 0;
    background-color: transparent;
    overflow: none;
    outline: none;
    resize: none;
    border-radius: 3px;
    padding: 7px 11px 4px 66px;
    margin: 4px 0 0 0;
}
.DeenuqueEqu > section > div:nth-of-type(4) > form > section:nth-of-type(2) > input:not(:focus){
    border: 1px solid #CCD3E0;
    transition: border .08s ease-in 0s;
}
.DeenuqueEqu > section > div:nth-of-type(4) > form > section:nth-of-type(2) > input:focus{
    border: 1px solid #3F9FFA;
    transition: border .08s ease-in 0s;
}
.DeenuqueEqu > section > div:nth-of-type(4) > form > button{
    width: calc(100% - 2px);
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font: 500 normal 15.4px/2.68 'Codec_Pro', sans-serif;
    text-align: center;
    letter-spacing: .8px;
    text-indent: .8px;
    border: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    user-select: none;
    appearance: none;
    border-radius: 3px;
    padding: 4px 0 0 0;
    margin: 0 auto auto auto;
    cursor: pointer;
    border: 1px solid #3F9FFA;
}
.DeenuqueEqu > section > div:nth-of-type(4) > form > button:not(:hover){
    background-color: #55BFFB;
    color: #FFF;
    transition: background-color .08s ease-in 0s, color .08s ease-in 0s;
}
.DeenuqueEqu > section > div:nth-of-type(4) > form > button:hover{
    background-color: #3F9FFA;
    color: #FFF;
    transition: background-color .08s ease-in 0s, color .08s ease-in 0s;
}

/* -------------------------------------------------------------------------- */
/* ----- TO SUBMIT AN APPLICATION ------------------------------------------- */
/* -------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */
/* ----- FULL SIZE PHOTO ---------------------------------------------------- */
/* -------------------------------------------------------------------------- */

.Meenuque{
    width: 100%;
    min-height: 100vh;
    height: auto;
    position: fixed;
    /* z-index: 1200000; */
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* background-color: hsla(227,15%,18%,.64); */
    overflow-y: scroll;
    overflow-x: hidden;
    margin: auto;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s ease-out 0s, opacity 0s ease-out 0s;
    will-change: transform;
}
#Dooneque{
    z-index: 1500000;
    /* background-color: hsla(227,15%,18%,.64); */
    transform: scale(1.0);
}
#Booneque{
    z-index: 1400000;
    /* background-color: hotpink; */
    transform: scale(0.5);
}
.MeenuqueEqu{
    width: 100%;
    min-height: 100%;
    height: auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
@media only screen and (min-width: 0px) and (max-width: 640px){

    .MeenuqueEqu > section{
        width: auto;
        height: auto;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        /* background-color: #FCFDFD; */
        /* border-radius: 2px; */
        margin: 24px auto;
        /* padding: 10px; */
    }
}
@media only screen and (min-width: 640.1px) and (max-width: 1200px){

    .MeenuqueEqu > section{
        width: auto;
        height: auto;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        /* background-color: #FCFDFD; */
        /* border-radius: 2px; */
        margin: 24px auto;
        /* padding: 10px; */
    }
}
@media (min-width: 1200.1px){

    .MeenuqueEqu > section{
        width: auto;
        height: auto;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        /* background-color: #FCFDFD; */
        /* border-radius: 2px; */
        margin: 24px auto;
        /* padding: 10px; */
    }
}

@media only screen and (min-width: 0px) and (max-width: 640px){

    .MeenuqueEqu > section > div:nth-of-type(1){
        width: 0;
        height: 0;
        position: absolute;
        z-index: 3;
        top: 0;
        right: auto;
        bottom: auto;
        left: auto;
        margin: 0 auto auto auto;
        overflow: hidden;
    }
}
@media only screen and (min-width: 640.1px) and (max-width: 1200px){

    .MeenuqueEqu > section > div:nth-of-type(1){
        width: 0;
        height: 0;
        position: absolute;
        z-index: 3;
        top: 0;
        right: auto;
        bottom: auto;
        left: auto;
        margin: 0 auto auto auto;
        overflow: hidden;
    }
}
@media (min-width: 1200.1px){

    .MeenuqueEqu > section > div:nth-of-type(1){
        width: calc(100% + 180px);
        height: 0;
        position: absolute;
        z-index: 3;
        top: 0;
        right: auto;
        bottom: auto;
        left: auto;
        margin: 0 auto auto auto;
        overflow: visible;
    }
}
.MeenuqueEqu > section > div:nth-of-type(1) > div{
    width: 100%;
    height: 0;
    position: relative;
}
.MeenuqueEqu > section > div:nth-of-type(1) > div > section:nth-of-type(1){
    width: 74px;
    height: 32px;
    position: absolute;
    z-index: 1;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    margin: 0 auto auto -39px;
    background-color: hsla(227,15%,18%,.14);
    border: 2px solid #FCFDFD;
    border-radius: 1px;
    pointer-events: none;
}
.MeenuqueEqu > section > div:nth-of-type(1) > div > section:nth-of-type(1) > section{
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}
.MeenuqueEqu > section > div:nth-of-type(1) > div > section:nth-of-type(1) > section > span{
    width: auto;
    font: 400 normal 14.4px/1 'Codec_Pro', sans-serif;
    font-display: swap;
    letter-spacing: 1.5px;
    text-indent: 1.5px;
    color: #FCFDFD;
    border-top: 2.2px solid transparent;
    margin: auto;
    pointer-events: none;
    user-select: none;
}
.MeenuqueEqu > section > div:nth-of-type(1) > div > section:nth-of-type(2){
    width: 74px;
    height: 32px;
    position: absolute;
    z-index: 2;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    margin: 48px auto auto -39px;
    border: 2px solid #FCFDFD;
    border-radius: 2px;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    user-select: none;
    cursor: pointer;
}
.MeenuqueEqu > section > div:nth-of-type(1) > div > section:nth-of-type(2):not(:hover){
    background-color: hsla(227,15%,18%,.14);
    transition: background-color .08s ease-in 0s;
}
.MeenuqueEqu > section > div:nth-of-type(1) > div > section:nth-of-type(2):hover{
    background-color: hsla(171,68%,68%,.74);
    transition: background-color .08s ease-in 0s;
}
.MeenuqueEqu > section > div:nth-of-type(1) > div > section:nth-of-type(2) > section{
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}
.MeenuqueEqu > section > div:nth-of-type(1) > div > section:nth-of-type(2) > section > span{
    width: auto;
    font: 400 normal 14.4px/1 'Codec_Pro', sans-serif;
    font-display: swap;
    letter-spacing: 1.5px;
    text-indent: 1.5px;
    color: #FCFDFD;
    border-top: 2px solid transparent;
    margin: auto;
    pointer-events: none;
    user-select: none;
}
.MeenuqueEqu > section > div:nth-of-type(1) > div > section:nth-of-type(3){
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    margin: 0 0 auto auto;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    user-select: none;
    border: 2px solid #FFF;
    border-radius: 2px;
    cursor: pointer;
}
.MeenuqueEqu > section > div:nth-of-type(1) > div > section:nth-of-type(3):not(:hover){
    background-color: hsla(227,15%,18%,.14);
    transition: background-color .08s ease-in 0s;
}
.MeenuqueEqu > section > div:nth-of-type(1) > div > section:nth-of-type(3):hover{
    background-color: hsla(340,83%,60%,.84);
    transition: background-color .08s ease-in 0s;
}
.MeenuqueEqu > section > div:nth-of-type(1) > div > section:nth-of-type(3) > section{
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}
.MeenuqueEqu > section > div:nth-of-type(1) > div > section:nth-of-type(3) > section > svg{
    width: 16px;
    height: 16px;
    fill: #FCFDFD;
    pointer-events: none;
}
.MeenuqueEqu > section > div:nth-of-type(2){
    width: 50%;
    height: 100vh;
    position: fixed;
    z-index: 1;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    margin: 0 auto 0 0;
    /* box-shadow: inset 0 0 0 4px gold; */
}
.MeenuqueEqu > section > div:nth-of-type(3){
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    margin: 0 auto 0 0;
}
.MeenuqueEqu > section > div:nth-of-type(4){
    width: calc(100% + 100px);
    height: 0;
    position: absolute;
    z-index: 3;
    top: auto;
    right: auto;
    bottom: 0;
    left: auto;
    margin: auto auto 0 auto;
}
.MeenuqueEqu > section > img{
    position: relative;
    z-index: 2;
    /* border-radius: 1px; */
    border-radius: 2px;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    user-select: none;
    cursor: pointer;
}
@media only screen and (min-width: 0px) and (max-width: 640px){

    .MeenuqueEqu > section > img{
        max-width: calc(100vw - 34px);
        max-height: calc(100vh - 58px);
        border: 5px solid #FCFDFD;
    }
}
@media only screen and (min-width: 640.1px) and (max-width: 1200px){

    .MeenuqueEqu > section > img{
        max-width: 564px;
        max-height: calc(100vh - 68px);
        border: 10px solid #FCFDFD;
    }
}
@media (min-width: 1200.1px){

    .MeenuqueEqu > section > img{
        max-width: 59vw;
        max-height: calc(100vh - 68px);
        border: 10px solid #FCFDFD;
    }
}
.Joqeeune{
    width: 100%;
    min-height: 100vh;
    height: auto;
    position: fixed;
    z-index: 1200000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: hsla(120,33%,1%,.64);
    overflow: hidden;
    margin: auto;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s ease-out 0s, opacity 0s ease-out 0s;
    will-change: transform;
}
.JoqeeuneEqu{
    width: 100%;
    min-height: 100%;
    height: auto;
    position: relative;
}
:root{
    --Jequenee: 200px 200px;
}
/* .JoqeeuneEqu::before{
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    z-index: 1;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    margin: 0 auto auto 0;
    border-style: solid;
    border-width: var(--Jequenee) 0 0;
    border-color: hsla(227,15%,18%,.24) transparent transparent transparent;
    transition: border-width .34s ease-in 0s;
    pointer-events: none;
}
.JoqeeuneEqu::after{
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    z-index: 1;
    top: auto;
    right: 0;
    bottom: 0;
    left: auto;
    margin: auto 0 0 auto;
    border-style: solid;
    border-width: 0 0 var(--Jequenee);
    border-color: transparent transparent hsla(227,15%,18%,.24) transparent;
    transition: border-width .34s ease-in 0s;
    pointer-events: none;
} */

/* -------------------------------------------------------------------------- */
/* ----- FULL SIZE PHOTO ---------------------------------------------------- */
/* -------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */
/* ----- MAIN BLOCK --------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

.Hoqonune{
    width: 100%;
    min-height: calc(100vh - 200px);
    position: relative;
    /* overflow: hidden; */
    float: left;
}
/* .Hoqonune::before{
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    border-top: 120px solid #E757A6;
    border-right: 120px solid transparent;
    margin: 0 auto auto 0;
    display: none;
}
.Hoqonune::after{
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    border-bottom: 60px solid #60C4EE;
    border-left: 60px solid transparent;
    margin: auto 0 0 auto;
    display: none;
} */

/* -------------------------------------------------------------------------- */
/* ----- MAIN BLOCK --------------------------------------------------------- */
/* -------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */
/* ----- TOP SECTION -------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

.Booqnuue{
    width: calc(100% - var(--Muqoneee));
    height: 50px;
    position: fixed;
    z-index: 1000000;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    background-color: #FFF;
    border-right: var(--Muqoneee) solid #FAFAFA;
    margin: 0 auto auto 0;
}
@media only screen and (min-width: 0px) and (max-width: 640px){

    .Booqnuue > section{
        width: calc(100% - 34px);
        height: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin: 0 auto;
    }
}
@media only screen and (min-width: 640.1px) and (max-width: 1200px){

    .Booqnuue > section{
        width: 584px;
        height: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin: 0 auto;
    }
}
@media (min-width: 1200.1px){

    .Booqnuue > section{
        width: 1080px;
        height: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin: 0 auto;
    }
}
@media only screen and (min-width: 0px) and (max-width: 640px){

    .Booqnuue > section > address{
        width: 0;
        height: 50px;
        display: none;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        margin: 0 auto 0 0;
        box-shadow: inset 0 0 0 8px hotpink;
        overflow: hidden;
    }
}
@media only screen and (min-width: 640.1px) and (max-width: 1200px){

    .Booqnuue > section > address{
        width: auto;
        height: 50px;
        display: none;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        margin: 0 auto 0 0;
        overflow: hidden;
    }
}
@media (min-width: 1200.1px){

    .Booqnuue > section > address{
        width: auto;
        height: 50px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        margin: 0 auto 0 0;
        overflow: hidden;
    }
}
.Booqnuue > section > address > a{
    width: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    user-select: none;
}
.Booqnuue > section > address > a:nth-of-type(1){
    margin: 0 38px 0 0;
    cursor: default;
}
.Booqnuue > section > address > a:nth-of-type(2){
    margin: 0 38px 0 0;
    cursor: pointer;
}
.Booqnuue > section > address > a:nth-of-type(3){
    margin: 0;
    cursor: default;
}
.Booqnuue > section > address > a > svg{
    width: 24px;
    height: 24px;
    fill: #00BCD4;
    margin: 0 14px 0 0;
}
.Booqnuue > section > address > a > span{
    font: 500 normal 15px/2.34 'SF_Pro', sans-serif;
    font-display: swap;
    letter-spacing: .14px;
    text-indent: 0;
    color: #282A33;
    border-top: 2px solid transparent;
}
.Booqnuue > section > a{
    width: 50px;
    height: 50px;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 0 0 0 auto;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    user-select: none;
    cursor: pointer;
}
.Booqnuue > section > a > section{
    width: 16px;
    height: 2px;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-color: #282A33;
}
.Booqnuue > section > a > section::before{
    content: '';
    width: 16px;
    height: 2px;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    left: 0;
    margin: -5px auto 0 auto;
    background-color: #282A33;
}
.Booqnuue > section > a > section::after{
    content: '';
    width: 16px;
    height: 2px;
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto -5px auto;
    background-color: #282A33;
}
.Nooqunue{
    width: 100%;
    height: 50px;
    position: fixed;
    z-index: 900000;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.Nooqunue::before{
    content: '';
    width: 120%;
    height: 50px;
    position: fixed;
    z-index: 800000;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 -10%;
    border-bottom: 1px solid hsla(234,52%,82%,.36);
}

/* -------------------------------------------------------------------------- */
/* ----- TOP SECTION -------------------------------------------------------- */
/* -------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */
/* ----- MENU BLOCK --------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

.Joonoqee{
    width: 100%;
    min-height: calc(100vh - 50px);
    height: auto;
    position: fixed;
    z-index: 600000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: hsla(120,33%,1%,.64);
    overflow-y: scroll;
    overflow-x: hidden;
    margin: 50px auto auto auto;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s ease-out 0s, opacity 0s ease-out 0s;
    will-change: transform;
}
.JoonoqeeEqu{
    width: 100%;
    min-height: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
@media only screen and (min-width: 0px) and (max-width: 640px){

    .JoonoqeeEqu > section{
        width: calc(100% - 34px);
        height: 100vh;
        display: grid;
        justify-content: center;
        grid-template-columns: 1fr 284px;
        grid-template-rows: 1fr;
        column-gap: 0;
        row-gap: 0;
        margin: 0 auto;
    }
}
@media only screen and (min-width: 640.1px) and (max-width: 1200px){

    .JoonoqeeEqu > section{
        width: 584px;
        height: 100vh;
        display: grid;
        justify-content: center;
        grid-template-columns: 1fr 324px;
        grid-template-rows: 1fr;
        column-gap: 0;
        row-gap: 0;
        margin: 0 auto;
    }
}
@media (min-width: 1200.1px){

    .JoonoqeeEqu > section{
        width: 1080px;
        height: 100vh;
        display: grid;
        justify-content: center;
        grid-template-columns: 1fr 324px;
        grid-template-rows: 1fr;
        column-gap: 0;
        row-gap: 0;
        margin: 0 auto;
    }
}
.JoonoqeeEqu > section > div:nth-of-type(1){

}
.JoonoqeeEqu > section > div:nth-of-type(2){
    position: relative;
}
.JoonoqeeEqu > section > div:nth-of-type(2)::before{
    content: '';
    width: 50px;
    height: calc(100% + 20px);
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    margin: -20px auto 0 0;
    box-shadow: -1.504px 0 3.008px -1.504px hsla(219,100%,10%,.34), 0 0 2px -1.008px hsla(219,100%,10%,.04);
    background-color: #FFF;
}
.JoonoqeeEqu > section > div:nth-of-type(2)::after{
    content: '';
    width: 1000%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    margin: auto;
    background-color: #F7F8FA;
}
.JoonoqeeEqu > section > div:nth-of-type(2) > section{
    width: calc(100% - 1px);
    height: 100%;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: space-between;
    background-color: #FFF;
    border-right: 1px solid #DDE1EA;
}
.JoonoqeeEqu > section > div:nth-of-type(2) > section > img{
    width: 224px;
    height: 224px;
    margin: 44px auto 44px auto;
    user-select: none;
}
.JoonoqeeEqu > section > div:nth-of-type(2) > section > span{
    width: auto;
    font: 500 normal 23px/1 'Codec_Pro', sans-serif;
    font-display: swap;
    letter-spacing: .94px;
    text-indent: .94px;
    color: #000B22;
    border-top: 6px solid transparent;
    margin: 0 auto 38px auto;
    user-select: none;
}
.JoonoqeeEqu > section > div:nth-of-type(2) > section > a{
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    user-select: none;
    cursor: pointer;
}
.JoonoqeeEqu > section > div:nth-of-type(2) > section > a:first-of-type{
    border-bottom: 1px solid #DDE1EA;
    margin: 0;
}
.JoonoqeeEqu > section > div:nth-of-type(2) > section > a:not(:first-of-type):not(:last-of-type){
    border-bottom: 1px solid #DDE1EA;
}
.JoonoqeeEqu > section > div:nth-of-type(2) > section > a:last-of-type{
    margin: 0 0 38px 0;
}
.JoonoqeeEqu > section > div:nth-of-type(2) > section > a:not(:hover){
    background-color: transparent;
    transition: background-color .08s ease-in 0s;
}
.JoonoqeeEqu > section > div:nth-of-type(2) > section > a:hover{
    background-color: #F7F8FA;
    transition: background-color .08s ease-in 0s;
}
.JoonoqeeEqu > section > div:nth-of-type(2) > section > a > span{
    font: 400 normal 14.4px/3.24 'Codec_Pro', sans-serif;
    font-display: swap;
    letter-spacing: .54px;
    text-indent: 0;
    color: #272F3F;
    border-top: 4px solid transparent;
    margin: auto;
}
.JoonoqeeEqu > section > div:nth-of-type(2) > section > address{
    width: 100%;
    display: grid;
    align-items: start;
    align-content: start;
    justify-content: center;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    column-gap: 0;
    row-gap: 0;
}
.JoonoqeeEqu > section > div:nth-of-type(2) > section > address > a{
    width: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    user-select: none;
    cursor: pointer;
    background-color: #FFF;
    padding: 14px 0;
}
.JoonoqeeEqu > section > div:nth-of-type(2) > section > address > a:first-of-type{
    border-bottom: 1px solid #DDE1EA;
    margin: 0;
}
.JoonoqeeEqu > section > div:nth-of-type(2) > section > address > a:not(:first-of-type):not(:last-of-type){
    border-bottom: 1px solid #DDE1EA;
}
.JoonoqeeEqu > section > div:nth-of-type(2) > section > address > a:last-of-type{
    margin: 0 0 40px 0;
}
.JoonoqeeEqu > section > div:nth-of-type(2) > section > address > a:not(:hover){
    background-color: transparent;
    transition: background-color .08s ease-in 0s;
}
.JoonoqeeEqu > section > div:nth-of-type(2) > section > address > a:hover{
    background-color: #F7F8FA;
    transition: background-color .08s ease-in 0s;
}
.JoonoqeeEqu > section > div:nth-of-type(2) > section > address > a > svg{
    width: 28px;
    height: 28px;
    margin: auto 18px auto auto;
}
.JoonoqeeEqu > section > div:nth-of-type(2) > section > address > a:nth-of-type(1) > svg{
    fill: url(#Tg_Back) #51B4E3;
}
.JoonoqeeEqu > section > div:nth-of-type(2) > section > address > a:nth-of-type(2) > svg{
    fill: #1E90FF;
}
.JoonoqeeEqu > section > div:nth-of-type(2) > section > address > a:nth-of-type(3) > svg{
    fill: #15A292;
}
.JoonoqeeEqu > section > div:nth-of-type(2) > section > address > a:nth-of-type(4) > svg{
    fill: #47BFFF;
}
.JoonoqeeEqu > section > div:nth-of-type(2) > section > address > a:nth-of-type(5) > svg{
    fill: #47BFFF;
}
.JoonoqeeEqu > section > div:nth-of-type(2) > section > address > a > span{
    font: 400 normal 14.4px/1.24 'Codec_Pro', sans-serif;
    font-display: swap;
    letter-spacing: .54px;
    text-indent: 0;
    color: #272F3F;
    border-top: 3.4px solid transparent;
    margin: auto auto auto 0;
}

/* -------------------------------------------------------------------------- */
/* ----- MENU BLOCK --------------------------------------------------------- */
/* -------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */
/* ----- HEADER SECTION ----------------------------------------------------- */
/* -------------------------------------------------------------------------- */

@media only screen and (min-width: 0px) and (max-width: 640px){

    .Mounqune{
        width: 100%;
        min-height: calc(100vh - 50px);
        height: auto;
        position: relative;
        /* background-image: url('/img/back_2560x1440_v002.png'); */
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #D9DEE7;
        margin: 0 auto 80px auto;
    }
    .Mounqune > div{
        width: 100%;
        min-height: calc(100vh - 50px);
        height: auto;
        position: relative;
        z-index: 1;
        background: linear-gradient(0deg, hsla(217,55%,24%,.8) 6%, hsla(217,55%,24%,.74) 94%);
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    .Mounqune > div > section{
        width: calc(100% - 34px);
        height: 100%;
        position: relative;
        z-index: 2;
        display: grid;
        justify-content: center;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto 0;
        column-gap: 0;
        row-gap: 0;
        margin: 54px auto;
    }
}
@media only screen and (min-width: 640.1px) and (max-width: 1200px){

    .Mounqune{
        width: 100%;
        min-height: calc(100vh - 50px);
        height: auto;
        position: relative;
        /* background-image: url('/img/back_2560x1440_v002.png'); */
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #D9DEE7;
        margin: 50px auto 140px auto;
    }
    .Mounqune > div{
        width: 100%;
        min-height: calc(100vh - 50px);
        height: auto;
        position: relative;
        z-index: 1;
        background: linear-gradient(0deg, hsla(217,55%,24%,.8) 6%, hsla(217,55%,24%,.74) 94%);
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    .Mounqune > div > section{
        width: 584px;
        height: 100%;
        position: relative;
        z-index: 2;
        display: grid;
        justify-content: center;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto 0;
        column-gap: 0;
        row-gap: 0;
        margin: auto;
    }
}
@media (min-width: 1200.1px){

    .Mounqune{
        width: 100%;
        height: calc(100vh - 50px);
        min-height: auto;
        position: relative;
        /* background-image: url('/img/back_2560x1440_v002.png'); */
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #D9DEE7;
        margin: 50px auto 140px auto;
    }
    .Mounqune > div{
        width: 100%;
        height: calc(100vh - 50px);
        min-height: auto;
        position: relative;
        z-index: 1;
        background: linear-gradient(0deg, hsla(217,55%,24%,.8) 6%, hsla(217,55%,24%,.74) 94%);
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    .Mounqune > div > section{
        width: 1080px;
        height: 100%;
        position: relative;
        z-index: 2;
        display: grid;
        justify-content: center;
        grid-template-columns: 1fr 514px;
        grid-template-rows: auto;
        column-gap: 0;
        row-gap: 0;
        margin: auto;
    }
}
/* .Mounqune > div > section > div:nth-of-type(1){
    box-shadow: inset 0 0 0 4px mediumaquamarine;
}
.Mounqune > div > section > div:nth-of-type(2){
    box-shadow: inset 0 0 0 4px salmon;
}
.Mounqune > div > section > nav{
    box-shadow: inset 0 0 0 4px skyblue;
} */
@media only screen and (min-width: 0px) and (max-width: 640px){

    .Mounqune > div > section > div:nth-of-type(1){
        width: 100%;
        height: auto;
        grid-column: 1/3;
        grid-row: 2/3;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        margin: 0 auto auto auto;
        border-bottom: 0 solid transparent;
    }
}
@media only screen and (min-width: 640.1px) and (max-width: 1200px){

    .Mounqune > div > section > div:nth-of-type(1){
        width: 100%;
        height: auto;
        grid-column: 1/3;
        grid-row: 2/3;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        margin: 0 auto auto auto;
        border-bottom: 74px solid transparent;
    }
}
@media (min-width: 1200.1px){

    .Mounqune > div > section > div:nth-of-type(1){
        width: 100%;
        height: 354px;
        grid-column: 1/2;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        margin: auto 0 0 auto;
        border-bottom: 0 solid transparent;
    }
}
@media only screen and (min-width: 0px) and (max-width: 640px){

    .Mounqune > div > section > div:nth-of-type(1) > h1{
        font: 900 normal 44px/1.04 'SF_Pro', sans-serif;
        font-display: swap;
        letter-spacing: 2.74px;
        text-indent: 0;
        text-align: center;
        /* background: linear-gradient(24deg, hsl(50,100%,56%) 0%, hsl(50,100%,88%) 100%);
        -webkit-background-clip: text;
        -moz-background-clip: text;
        background-clip: text;
        color: transparent; */
        color: #f0a142;
        border-top: 0 solid transparent;
        margin: 6px auto 18px auto;
    }
}
@media only screen and (min-width: 640.1px) and (max-width: 1200px){

    .Mounqune > div > section > div:nth-of-type(1) > h1{
        font: 900 normal 64px/1.04 'SF_Pro', sans-serif;
        font-display: swap;
        letter-spacing: 2.74px;
        text-indent: 0;
        text-align: center;
        /* background: linear-gradient(24deg, hsl(50,100%,56%) 0%, hsl(50,100%,88%) 100%);
        -webkit-background-clip: text;
        -moz-background-clip: text;
        background-clip: text;
        color: transparent; */
        color: #f0a142;
        border-top: 0 solid transparent;
        margin: 6px auto 18px auto;
    }
}
@media (min-width: 1200.1px){

    .Mounqune > div > section > div:nth-of-type(1) > h1{
        font: 900 normal 64px/1.04 'SF_Pro', sans-serif;
        font-display: swap;
        letter-spacing: 2.74px;
        text-indent: 0;
        ext-align: left;
        /* background: linear-gradient(24deg, hsl(50,100%,56%) 0%, hsl(50,100%,88%) 100%);
        -webkit-background-clip: text;
        -moz-background-clip: text;
        background-clip: text;
        color: transparent; */
        color: #f0a142;
        border-top: 0 solid transparent;
        margin: auto auto 18px 0;
    }
}
@media only screen and (min-width: 0px) and (max-width: 640px){

    .Mounqune > div > section > div:nth-of-type(1) > p{
        width: 84%;
        margin: 0 auto 44px auto;
        text-align: center;
    }
    .Mounqune > div > section > div:nth-of-type(1) > p,
    .Mounqune > div > section > div:nth-of-type(1) > p > strong{
        font: 15.2px/1.4 'Suisse_Intl', sans-serif;
        color: #FFF;
    }
}
@media only screen and (min-width: 640.1px) and (max-width: 1200px){

    .Mounqune > div > section > div:nth-of-type(1) > p{
        width: 64%;
        margin: 0 auto 50px auto;
        text-align: center;
    }
    .Mounqune > div > section > div:nth-of-type(1) > p,
    .Mounqune > div > section > div:nth-of-type(1) > p > strong{
        font: 15.4px/1.4 'Suisse_Intl', sans-serif;
        color: #FFF;
    }
}
@media (min-width: 1200.1px){

    .Mounqune > div > section > div:nth-of-type(1) > p{
        width: 64%;
        margin: 0 auto 56px 0;
        text-align: left;
    }
    .Mounqune > div > section > div:nth-of-type(1) > p,
    .Mounqune > div > section > div:nth-of-type(1) > p > strong{
        font: 15.8px/1.44 'Suisse_Intl', sans-serif;
        color: #FFF;
    }
}
.Mounqune > div > section > div:nth-of-type(1) > p{
    font-weight: 300;
    font-display: fallback;
}
.Mounqune > div > section > div:nth-of-type(1) > p > strong{
    font-weight: 300;
    font-display: swap;
}
.Mounqune > div > section > div:nth-of-type(1) > a{
    width: auto;
    padding: 0 34px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    user-select: none;
    cursor: pointer;
    border-radius: 4px;
    will-change: transform;
}
@media only screen and (min-width: 0px) and (max-width: 640px){

    .Mounqune > div > section > div:nth-of-type(1) > a{
        margin: 0 auto auto auto;
    }
}
@media only screen and (min-width: 640.1px) and (max-width: 1200px){

    .Mounqune > div > section > div:nth-of-type(1) > a{
        margin: 0 auto auto auto;
    }
}
@media (min-width: 1200.1px){

    .Mounqune > div > section > div:nth-of-type(1) > a{
        margin: 0 auto auto 0;
    }
}
.Mounqune > div > section > div:nth-of-type(1) > a:not(:hover){
    /* background: linear-gradient(225deg, hsl(47deg 100% 50%) 0%, hsl(339deg 100% 50%) 100%);
    background-size: 180% 300%;
    background-position: 0% 50%; */
    background-color: #F4562A;
    transition: background-color .14s ease-in 0s;
}
.Mounqune > div > section > div:nth-of-type(1) > a:hover{
    /* animation: gradient 1.2s ease-in-out infinite;
    background-size: 160% 400%; */
    background-color: #E93C0C;
    transition: background-color .14s ease-in 0s;
}
/* @keyframes gradient{

    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
         background-position: 0% 50%;
    }
} */
@media only screen and (min-width: 0px) and (max-width: 640px){

    .Mounqune > div > section > div:nth-of-type(1) > a > span{
        font: 600 normal 14.54px/2.74 'Codec_Pro', sans-serif;
        font-display: swap;
        letter-spacing: .84px;
        text-indent: .84px;
        color: #FFF;
        border-top: 3px solid transparent;
    }
}
@media only screen and (min-width: 640.1px) and (max-width: 1200px){

    .Mounqune > div > section > div:nth-of-type(1) > a > span{
        font: 600 normal 14.54px/2.74 'Codec_Pro', sans-serif;
        font-display: swap;
        letter-spacing: .84px;
        text-indent: .84px;
        color: #FFF;
        border-top: 3px solid transparent;
    }
}
@media (min-width: 1200.1px){

    .Mounqune > div > section > div:nth-of-type(1) > a > span{
        font: 600 normal 16.54px/2.74 'Codec_Pro', sans-serif;
        font-display: swap;
        letter-spacing: 1.14px;
        text-indent: 1.14px;
        color: #FFF;
        border-top: 3px solid transparent;
    }
}
@media only screen and (min-width: 0px) and (max-width: 640px){

    .Mounqune > div > section > div:nth-of-type(2){
        width: 100%;
        height: auto;
        position: relative;
        grid-column: 1/3;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: auto auto 0 auto;
        border-top: 24px solid transparent;
    }
    .Mounqune > div > section > div:nth-of-type(2)::after{
        content: '';
        width: 214px;
        height: 214px;
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #FBFBFF;
        border-radius: 50%;
        margin: auto;
    }
    .Mounqune > div > section > div:nth-of-type(2) > img{
        width: 174px;
        height: 174px;
        position: relative;
        z-index: 2;
        margin: auto;
        user-select: none;
        border: 44px solid transparent;
    }
}
@media only screen and (min-width: 640.1px) and (max-width: 1200px){

    .Mounqune > div > section > div:nth-of-type(2){
        width: 100%;
        height: auto;
        position: relative;
        grid-column: 1/3;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: auto auto 0 auto;
        border-top: 24px solid transparent;
    }
    .Mounqune > div > section > div:nth-of-type(2)::after{
        content: '';
        width: 234px;
        height: 234px;
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #FBFBFF;
        border-radius: 50%;
        margin: auto;
    }
    .Mounqune > div > section > div:nth-of-type(2) > img{
        width: 194px;
        height: 194px;
        position: relative;
        z-index: 2;
        margin: auto;
        user-select: none;
        border: 44px solid transparent;
    }
}
@media (min-width: 1200.1px){

    .Mounqune > div > section > div:nth-of-type(2){
        width: 100%;
        height: 354px;
        position: relative;
        grid-column: 2/3;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: auto auto 0 0;
        border-top: 0 solid transparent;
    }
    .Mounqune > div > section > div:nth-of-type(2)::after{
        content: '';
        width: 284px;
        height: 284px;
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #FBFBFF;
        border-radius: 50%;
        margin: auto;
    }
    .Mounqune > div > section > div:nth-of-type(2) > img{
        width: 244px;
        height: 244px;
        position: relative;
        z-index: 2;
        margin: auto;
        user-select: none;
        border: 0 solid transparent;
    }
}
.Mounqune > div > section > nav{
    width: 100%;
    height: auto;
    grid-column: 1/3;
/*     display: flex; */
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 60px auto auto auto;
    border-bottom: 10px solid transparent;
    overflow: hidden;
}
@media only screen and (min-width: 0px) and (max-width: 640px){

    .Mounqune > div > section > nav{
        display: none;
    }
}
@media only screen and (min-width: 640.1px) and (max-width: 1200px){

    .Mounqune > div > section > nav{
        display: none;
    }
}
@media (min-width: 1200.1px){

    .Mounqune > div > section > nav{
        display: flex;
    }
}
.Mounqune > div > section > nav > a{
    width: auto;
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    user-select: none;
    cursor: pointer;
    border-radius: 2px;
    border: 1px solid rgba(255,255,255,.74);
}
.Mounqune > div > section > nav > a:first-of-type{
    margin: auto 6px auto auto;
}
.Mounqune > div > section > nav > a:not(:first-of-type):not(:last-of-type){
    margin: auto 6px auto 0;
}
.Mounqune > div > section > nav > a:last-of-type{
    margin: auto auto auto 0;
}
.Mounqune > div > section > nav > a:not(:hover){
    background-color: transparent;
    color: #FFF;
    transition: background-color .14s ease-in 0s, color .14s ease-in 0s;
}
.Mounqune > div > section > nav > a:hover{
    background-color: hsla(171,68%,68%,.74);
    color: #FFF;
    transition: background-color .14s ease-in 0s, color .14s ease-in 0s;
}
.Mounqune > div > section > nav > a > span{
    font: 500 normal 15.54px/2.54 'Codec_Pro', sans-serif;
    font-display: swap;
    letter-spacing: 1.14px;
    text-indent: 1.14px;
    border-top: 2.6px solid transparent;
}

/* -------------------------------------------------------------------------- */
/* ----- HEADER SECTION ----------------------------------------------------- */
/* -------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */
/* ----- ABOUT COMPANY SECTION ---------------------------------------------- */
/* -------------------------------------------------------------------------- */

@media only screen and (min-width: 0px) and (max-width: 640px){

    .Meuneune{
        width: calc(100% - 34px);
        height: auto;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        justify-content: center;
        column-gap: 0;
        row-gap: 40px;
        margin: 0 auto 164px auto;
    }
}
@media only screen and (min-width: 640.1px) and (max-width: 1200px){

    .Meuneune{
        width: 584px;
        height: auto;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        justify-content: center;
        column-gap: 0;
        row-gap: 40px;
        margin: 0 auto 164px auto;
    }
}
@media (min-width: 1200.1px){

    .Meuneune{
        width: 1080px;
        height: auto;
        display: grid;
        grid-template-columns: 1fr 584px;
        grid-template-rows: auto;
        justify-content: center;
        column-gap: 0;
        row-gap: 0;
        margin: 0 auto 164px auto;
    }
}
@media only screen and (min-width: 0px) and (max-width: 640px){

    .Meuneune > div:nth-of-type(1){
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    .Meuneune > div:nth-of-type(1) > h2{
        font: 500 normal 28px/1.24 'Codec_Pro', sans-serif;
        font-display: swap;
        letter-spacing: 1.14px;
        text-indent: 0;
        color: #000B22;
        margin: 0 auto 14px auto;
    }
    .Meuneune > div:nth-of-type(1) > p,
    .Meuneune > div:nth-of-type(1) > p > strong{
        font: normal 14.6px/1.4 'Suisse_Intl', sans-serif;
        color: #272F3F;
    }
    .Meuneune > div:nth-of-type(1) > p{
        width: 100%;
        font-weight: 300;
        font-display: fallback;
        text-align: center;
        margin: 0 auto auto auto;
    }
}
@media only screen and (min-width: 640.1px) and (max-width: 1200px){

    .Meuneune > div:nth-of-type(1){
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    .Meuneune > div:nth-of-type(1) > h2{
        font: 500 normal 34px/1.24 'Codec_Pro', sans-serif;
        font-display: swap;
        letter-spacing: 1.14px;
        text-indent: 0;
        color: #000B22;
        margin: 0 auto 14px auto;
    }
    .Meuneune > div:nth-of-type(1) > p,
    .Meuneune > div:nth-of-type(1) > p > strong{
        font: normal 15.4px/1.54 'Suisse_Intl', sans-serif;
        color: #272F3F;
    }
    .Meuneune > div:nth-of-type(1) > p{
        width: 100%;
        font-weight: 300;
        font-display: fallback;
        text-align: center;
        margin: 0 auto auto auto;
    }
}
@media (min-width: 1200.1px){

    .Meuneune > div:nth-of-type(1){
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .Meuneune > div:nth-of-type(1) > h2{
        font: 500 normal 38px/1.24 'Codec_Pro', sans-serif;
        font-display: swap;
        letter-spacing: 1.14px;
        text-indent: 0;
        color: #000B22;
        margin: 0 auto 14px 0;
    }
    .Meuneune > div:nth-of-type(1) > p,
    .Meuneune > div:nth-of-type(1) > p > strong{
        font: normal 15.4px/1.54 'Suisse_Intl', sans-serif;
        color: #272F3F;
    }
    .Meuneune > div:nth-of-type(1) > p{
        width: 314px;
        font-weight: 300;
        font-display: fallback;
        margin: 0 auto auto 0;
    }
}
.Meuneune > div:nth-of-type(1) > p > strong{
    font-weight: 300;
    font-display: fallback;
}
.Meuneune > div:nth-of-type(2){
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
@media only screen and (min-width: 0px) and (max-width: 640px){

    .Meuneune > div:nth-of-type(2) > b{
        width: 100%;
        text-align: center;
    }
    .Meuneune > div:nth-of-type(2) > p:nth-of-type(1),
    .Meuneune > div:nth-of-type(2) > p:nth-of-type(5){
        width: 100%;
        text-align: left;
    }
    .Meuneune > div:nth-of-type(2) > p:not(:nth-of-type(1)):not(:nth-of-type(5)){
        width: 100%;
        text-align: left;
    }
}
@media only screen and (min-width: 640.1px) and (max-width: 1200px){

    .Meuneune > div:nth-of-type(2) > b{
        width: 100%;
        text-align: center;
    }
    .Meuneune > div:nth-of-type(2) > p:nth-of-type(1),
    .Meuneune > div:nth-of-type(2) > p:nth-of-type(5){
        width: 100%;
        text-align: left;
    }
    .Meuneune > div:nth-of-type(2) > p:not(:nth-of-type(1)):not(:nth-of-type(5)){
        width: 100%;
        text-align: left;
    }
}
@media (min-width: 1200.1px){

    .Meuneune > div:nth-of-type(2) > b,
    .Meuneune > div:nth-of-type(2) > p{
        width: 100%;
        text-align: left;
    }
}
@media only screen and (min-width: 0px) and (max-width: 640px){

    .Meuneune > div:nth-of-type(2) > b{
        font: normal 19.4px/1.54 'SF_Pro', sans-serif;
        color: #272F3F;
    }
    .Meuneune > div:nth-of-type(2) > p,
    .Meuneune > div:nth-of-type(2) > p > strong{
        font: normal 16.4px/1.74 'Suisse_Intl', sans-serif;
        color: #272F3F;
    }
}
@media only screen and (min-width: 640.1px) and (max-width: 1200px){

    .Meuneune > div:nth-of-type(2) > b{
        font: normal 19.4px/1.54 'SF_Pro', sans-serif;
        color: #272F3F;
    }
    .Meuneune > div:nth-of-type(2) > p,
    .Meuneune > div:nth-of-type(2) > p > strong{
        font: normal 16.4px/1.74 'Suisse_Intl', sans-serif;
        color: #272F3F;
    }
}
@media (min-width: 1200.1px){

    .Meuneune > div:nth-of-type(2) > b{
        font: normal 19.4px/1.54 'SF_Pro', sans-serif;
        color: #272F3F;
    }
    .Meuneune > div:nth-of-type(2) > p,
    .Meuneune > div:nth-of-type(2) > p > strong{
        font: normal 16.4px/1.74 'Suisse_Intl', sans-serif;
        color: #272F3F;
    }
}
.Meuneune > div:nth-of-type(2) > b{
    font-weight: 700;
    font-display: swap;
}
.Meuneune > div:nth-of-type(2) > p{
    font-weight: 300;
    font-display: fallback;
}
.Meuneune > div:nth-of-type(2) > p > strong{
    font-weight: 300;
    font-display: fallback;
}
.Meuneune > div:nth-of-type(2) > b{
    margin: 0 auto 10px auto;
}
.Meuneune > div:nth-of-type(2) > p:first-of-type{
    margin: -2px auto 28px auto;
}
.Meuneune > div:nth-of-type(2) > p:not(:first-of-type):not(:last-of-type){
    margin: 0 auto 28px auto;
}
.Meuneune > div:nth-of-type(2) > p:last-of-type{
    margin: 0 auto 0 auto;
}

/* -------------------------------------------------------------------------- */
/* ----- ABOUT COMPANY SECTION ---------------------------------------------- */
/* -------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */
/* ----- PHOTO PACK --------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

@media only screen and (min-width: 0px) and (max-width: 640px){

    .Deneqnee{
        width: 200px;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        justify-content: center;
        column-gap: 0;
        row-gap: 40px;
        margin: 0 auto 140px auto;
    }
}
@media only screen and (min-width: 640.1px) and (max-width: 1200px){

    .Deneqnee{
        width: 584px;
        display: grid;
        grid-template-columns: 584px;
        grid-template-rows: auto auto;
        justify-content: center;
        column-gap: 0;
        row-gap: 40px;
        margin: 0 auto 140px auto;
    }
}
@media (min-width: 1200.1px){

    .Deneqnee{
        width: 1080px;
        display: grid;
        grid-template-columns: 1fr 584px;
        grid-template-rows: auto;
        justify-content: center;
        column-gap: 0;
        row-gap: 0;
        margin: 0 auto 140px auto;
    }
}
@media only screen and (min-width: 0px) and (max-width: 640px){

    .Deneqnee > div{
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .Deneqnee > div > h2{
        font: 500 normal 28px/1.24 'Codec_Pro', sans-serif;
        font-display: swap;
        letter-spacing: 1.14px;
        text-indent: 0;
        color: #000B22;
        border-top: 0 solid transparent;
        margin: 0 auto 14px auto;
    }
    .Deneqnee > div > p,
    .Deneqnee > div > p > strong{
        font: normal 14.6px/1.4 'Suisse_Intl', sans-serif;
        color: #272F3F;
    }
    .Deneqnee > div > p{
        width: 100%;
        font-weight: 300;
        font-display: fallback;
        text-align: center;
        margin: 0 auto auto auto;
    }
}
@media only screen and (min-width: 640.1px) and (max-width: 1200px){

    .Deneqnee > div{
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .Deneqnee > div > h2{
        font: 500 normal 34px/1.24 'Codec_Pro', sans-serif;
        font-display: swap;
        letter-spacing: 1.14px;
        text-indent: 0;
        color: #000B22;
        border-top: 0 solid transparent;
        margin: 0 auto 14px auto;
    }
    .Deneqnee > div > p,
    .Deneqnee > div > p > strong{
        font: normal 15.4px/1.54 'Suisse_Intl', sans-serif;
        color: #272F3F;
    }
    .Deneqnee > div > p{
        width: 100%;
        font-weight: 300;
        font-display: fallback;
        text-align: center;
        margin: 0 auto auto auto;
    }
}
@media (min-width: 1200.1px){

    .Deneqnee > div{
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }
    .Deneqnee > div > h2{
        font: 500 normal 38px/1.24 'Codec_Pro', sans-serif;
        font-display: swap;
        letter-spacing: 1.14px;
        text-indent: 0;
        color: #000B22;
        border-top: 0 solid transparent;
        margin: 0 auto 14px 0;
    }
    .Deneqnee > div > p,
    .Deneqnee > div > p > strong{
        font: normal 15.4px/1.54 'Suisse_Intl', sans-serif;
        color: #272F3F;
    }
    .Deneqnee > div > p{
        width: 314px;
        font-weight: 300;
        font-display: fallback;
        text-align: left;
        margin: 0 auto auto 0;
    }
}
.Deneqnee > div > p > strong{
    font-weight: 300;
    font-display: fallback;
}
.Deneqnee > aside{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-around;
}
.Deneqnee > aside > img{
    position: relative;
    z-index: 1;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    user-select: none;
    cursor: pointer;
}
.Deneqnee > aside > img:not(:nth-of-type(-n+9)){
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: -40px auto auto 0;
}
.Deneqnee > aside > div{
    width: 0;
    height: 0;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    background-color: rgba(0,3,21,.54);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font: 400 normal 30px/1.4 'Codec_Pro', sans-serif;
    font-display: swap;
    letter-spacing: .24px;
    text-indent: .24px;
    color: #F6F5FE;
    overflow: hidden;
    user-select: none;
    pointer-events: none;
}

/* -------------------------------------------------------------------------- */
/* ----- PHOTO PACK --------------------------------------------------------- */
/* -------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */
/* ----- FAQ SECTION -------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

@media only screen and (min-width: 0px) and (max-width: 640px){

    .Muoqnoue{
        width: 200px;
        height: auto;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        justify-content: center;
        column-gap: 0;
        row-gap: 40px;
        margin: 0 auto 140px auto;
    }
}
@media only screen and (min-width: 640.1px) and (max-width: 1200px){

    .Muoqnoue{
        width: 584px;
        height: auto;
        display: grid;
        grid-template-columns: 584px;
        grid-template-rows: auto auto;
        justify-content: center;
        column-gap: 0;
        row-gap: 40px;
        margin: 0 auto 140px auto;
    }
}
@media (min-width: 1200.1px){

    .Muoqnoue{
        width: 1080px;
        height: auto;
        display: grid;
        grid-template-columns: 1fr 584px;
        grid-template-rows: auto;
        justify-content: center;
        column-gap: 0;
        row-gap: 0;
        margin: 0 auto 140px auto;
    }
}
@media only screen and (min-width: 0px) and (max-width: 640px){

    .Muoqnoue > div{
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .Muoqnoue > div > h2{
        font: 500 normal 28px/1.24 'Codec_Pro', sans-serif;
        font-display: swap;
        letter-spacing: 1.14px;
        text-indent: 0;
        color: #000B22;
        margin: 0 auto 14px auto;
        text-align: center;
    }
    .Muoqnoue > div > p,
    .Muoqnoue > div > p > strong{
        font: normal 14.6px/1.4 'Suisse_Intl', sans-serif;
        color: #272F3F;
    }
    .Muoqnoue > div > p{
        width: 100%;
        font-weight: 300;
        font-display: fallback;
        margin: 0 auto auto auto;
        text-align: center;
    }
}
@media only screen and (min-width: 640.1px) and (max-width: 1200px){

    .Muoqnoue > div{
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .Muoqnoue > div > h2{
        font: 500 normal 34px/1.24 'Codec_Pro', sans-serif;
        font-display: swap;
        letter-spacing: 1.14px;
        text-indent: 0;
        color: #000B22;
        margin: 0 auto 14px auto;
        text-align: center;
    }
    .Muoqnoue > div > p,
    .Muoqnoue > div > p > strong{
        font: normal 15.4px/1.54 'Suisse_Intl', sans-serif;
        color: #272F3F;
    }
    .Muoqnoue > div > p{
        width: 100%;
        font-weight: 300;
        font-display: fallback;
        margin: 0 auto auto auto;
        text-align: center;
    }
}
@media (min-width: 1200.1px){

    .Muoqnoue > div{
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }
    .Muoqnoue > div > h2{
        font: 500 normal 38px/1.24 'Codec_Pro', sans-serif;
        font-display: swap;
        letter-spacing: 1.14px;
        text-indent: 0;
        color: #000B22;
        margin: 0 auto 14px 0;
    }
    .Muoqnoue > div > p,
    .Muoqnoue > div > p > strong{
        font: normal 15.4px/1.54 'Suisse_Intl', sans-serif;
        color: #272F3F;
    }
    .Muoqnoue > div > p{
        width: 314px;
        font-weight: 300;
        font-display: fallback;
        margin: 0 auto auto 0;
    }
}
.Muoqnoue > div > p > strong{
    font-weight: 300;
    font-display: fallback;
}
@media only screen and (min-width: 0px) and (max-width: 640px){

    .Muoqnoue > ul{
        height: 434px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }
}
@media only screen and (min-width: 640.1px) and (max-width: 1200px){

    .Muoqnoue > ul{
        height: 474px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }
}
@media (min-width: 1200.1px){

    .Muoqnoue > ul{
        height: 474px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }
}
.Muoqnoue > ul > li{
    width: 100%;
    overflow: hidden;
}
.Muoqnoue > ul > li:not(:nth-last-of-type(1)){

}
.Muoqnoue > ul > li:nth-last-of-type(1){

}
.Muoqnoue > ul > li > div:nth-of-type(1){
    width: cala(100% - 2px);
    /* height: 46px; */
    height: 74px;
    display: flex;
    position: relative;
    z-index: 600;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: #e5eaf1;
    border: 1px solid #8399AF;
}
.Muoqnoue > ul > li:not(:first-of-type) > div:nth-of-type(1){
    border-radius: 4px;
}
.Muoqnoue > ul > li:first-of-type > div:nth-of-type(1){
    border-radius: 4px 4px 0 0;
}
.Muoqnoue > ul > li > div:nth-of-type(1) > div{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    cursor: pointer;
}
@media only screen and (min-width: 0px) and (max-width: 640px){

    .Muoqnoue > ul > li > div:nth-of-type(1) > h3{
        width: auto;
        max-width: 234px;
        font: 700 normal 15.2px/1.28 'SF_Pro', sans-serif;
        font-display: swap;
        letter-spacing: -.14px;
        text-indent: 0;
        color: #2A313C;
        border-top: 3px solid transparent;
/*         word-wrap: break-word;
        overflow-wrap: break-word;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; */
        margin: auto auto auto 25px;
        user-select: none;
    }
}
@media only screen and (min-width: 640.1px) and (max-width: 1200px){

    .Muoqnoue > ul > li > div:nth-of-type(1) > h3{
        width: auto;
        font: 700 normal 18.4px/1.28 'SF_Pro', sans-serif;
        font-display: swap;
        letter-spacing: -.02px;
        text-indent: 0;
        color: #2A313C;
        border-top: 3px solid transparent;
/*         word-wrap: break-word;
        overflow-wrap: break-word;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; */
        margin: auto auto auto 25px;
        user-select: none;
    }
}
@media (min-width: 1200.1px){

    .Muoqnoue > ul > li > div:nth-of-type(1) > h3{
        width: auto;
        font: 700 normal 18.4px/1.28 'SF_Pro', sans-serif;
        font-display: swap;
        letter-spacing: -.02px;
        text-indent: 0;
        color: #2A313C;
        border-top: 3px solid transparent;
/*         word-wrap: break-word;
        overflow-wrap: break-word;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; */
        margin: auto auto auto 25px;
        user-select: none;
    }
}
.Muoqnoue > ul > li > div:nth-of-type(1) > svg{
    width: 34px;
    height: 34px;
    position: relative;
    fill: #8399AF;
    margin: auto 20px auto auto;
}
.Muoqnoue > ul > li > div:nth-of-type(2){
    width: auto;
    position: relative;
    z-index: 500;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    transition: height .24s ease-in-out 0s, background-color .24s ease-in-out 0s, border .24s ease-in-out 0s;
    overflow: hidden;
    border-radius: 0 0 4px 4px;
    will-change: transform;
}
.Muoqnoue > ul > li:first-of-type > div:nth-of-type(2){
    height: 302px;
    background-color: #FFF;
    border-top: 0 solid transparent;
    border-right: 1px solid #8399AF;
    border-bottom: 1px solid #8399AF;
    border-left: 1px solid #8399AF;
}
.Muoqnoue > ul > li:not(:first-of-type) > div:nth-of-type(2){
    height: 0;
    background-color: transparent;
    border: 1px solid transparent;
}
.Muoqnoue > ul > li:not(:last-of-type) > div:nth-of-type(2){
    margin-bottom: 2px;
}
.Muoqnoue > ul > li > div:nth-of-type(2)::before{
    content: '';
    width: calc(100% - 54px);
    height: 30px;
    position: absolute;
    z-index: 1;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    background: linear-gradient(0deg, transparent 0%, rgba(255,255,255,.98) 100%);
    margin: 0 auto auto 10px;
}
.Muoqnoue > ul > li > div:nth-of-type(2)::after{
    content: '';
    width: calc(100% - 54px);
    height: 30px;
    position: absolute;
    z-index: 1;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(255,255,255,.98) 0%, transparent 100%);
    margin: auto auto 0 10px;
}
@media only screen and (min-width: 0px) and (max-width: 640px){

    .Muoqnoue > ul > li > div:nth-of-type(2) > p{
        width: calc(100% - 68px);
        min-height: calc(100% - 44px);
        font: 300 normal 14.8px/1.54 'Suisse_Intl', sans-serif;
        font-display: fallback;
        color: #000B22;
        overflow-y: scroll;
        overflow-x: hidden;
        padding: 20px 44px 24px 24px;
    }
}
@media only screen and (min-width: 640.1px) and (max-width: 1200px){

    .Muoqnoue > ul > li > div:nth-of-type(2) > p{
        width: calc(100% - 68px);
        min-height: calc(100% - 44px);
        font: 300 normal 15.4px/1.6 'Suisse_Intl', sans-serif;
        font-display: fallback;
        color: #000B22;
        overflow-y: scroll;
        overflow-x: hidden;
        padding: 20px 44px 24px 24px;
    }
}
@media (min-width: 1200.1px){

    .Muoqnoue > ul > li > div:nth-of-type(2) > p{
        width: calc(100% - 68px);
        min-height: calc(100% - 44px);
        font: 300 normal 15.8px/1.6 'Suisse_Intl', sans-serif;
        font-display: fallback;
        color: #000B22;
        overflow-y: scroll;
        overflow-x: hidden;
        padding: 20px 44px 24px 24px;
    }
}

/* -------------------------------------------------------------------------- */
/* ----- FAQ SECTION -------------------------------------------------------- */
/* -------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */
/* ----- CONTACT SECTION ---------------------------------------------------- */
/* -------------------------------------------------------------------------- */


@media only screen and (min-width: 0px) and (max-width: 640px){

    .Joqonune{
        width: calc(100% - 34px);
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        justify-content: center;
        column-gap: 0;
        row-gap: 40px;
        margin: 0 auto 140px auto;
    }
    .Joqonune > div{
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .Joqonune > div > h2{
        font: 500 normal 28px/1.24 'Codec_Pro', sans-serif;
        font-display: swap;
        letter-spacing: 1.14px;
        text-indent: 0;
        color: #000B22;
        border-top: 0 solid transparent;
        margin: 0 auto 14px auto;
    }
    .Joqonune > div > p,
    .Joqonune > div > p > strong{
        font: normal 14.6px/1.4 'Suisse_Intl', sans-serif;
        color: #272F3F;
    }
    .Joqonune > div > p{
        width: 100%;
        font-weight: 300;
        font-display: fallback;
        margin: 0 auto auto auto;
        text-align: center;
    }
}
@media only screen and (min-width: 640.1px) and (max-width: 1200px){

    .Joqonune{
        width: 584px;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        justify-content: center;
        column-gap: 0;
        row-gap: 40px;
        margin: 0 auto 140px auto;
    }
    .Joqonune > div{
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .Joqonune > div > h2{
        font: 500 normal 34px/1.24 'Codec_Pro', sans-serif;
        font-display: swap;
        letter-spacing: 1.14px;
        text-indent: 0;
        color: #000B22;
        border-top: 0 solid transparent;
        margin: 0 auto 14px auto;
    }
    .Joqonune > div > p,
    .Joqonune > div > p > strong{
        font: normal 15.4px/1.54 'Suisse_Intl', sans-serif;
        color: #272F3F;
    }
    .Joqonune > div > p{
        width: 100%;
        font-weight: 300;
        font-display: fallback;
        margin: 0 auto auto auto;
        text-align: center;
    }
}
@media (min-width: 1200.1px){

    .Joqonune{
        width: 1080px;
        display: grid;
        grid-template-columns: 1fr 584px;
        grid-template-rows: auto;
        justify-content: center;
        column-gap: 0;
        row-gap: 0;
        margin: 0 auto 140px auto;
    }
    .Joqonune > div{
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }
    .Joqonune > div > h2{
        font: 500 normal 38px/1.24 'Codec_Pro', sans-serif;
        font-display: swap;
        letter-spacing: 1.14px;
        text-indent: 0;
        color: #000B22;
        border-top: 0 solid transparent;
        margin: 0 auto 14px 0;
    }
    .Joqonune > div > p,
    .Joqonune > div > p > strong{
        font: normal 15.4px/1.54 'Suisse_Intl', sans-serif;
        color: #272F3F;
    }
    .Joqonune > div > p{
        width: 314px;
        font-weight: 300;
        font-display: fallback;
        margin: 0 auto auto 0;
    }
}
.Joqonune > div > p > strong{
    font-weight: 300;
    font-display: fallback;
}
@media only screen and (min-width: 0px) and (max-width: 640px){

    .Joqonune > address{
        width: 70vw;
        display: grid;
        align-items: start;
        align-content: start;
        justify-content: center;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        column-gap: 0;
        row-gap: 14px;
        margin: 0 auto;
    }
}
@media only screen and (min-width: 640.1px) and (max-width: 1200px){

    .Joqonune > address{
        width: auto;
        display: grid;
        align-items: start;
        align-content: start;
        justify-content: center;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        column-gap: 14px;
        row-gap: 14px;
        margin: auto;
    }
}
@media (min-width: 1200.1px){

    .Joqonune > address{
        width: auto;
        display: grid;
        align-items: start;
        align-content: start;
        justify-content: center;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        column-gap: 15px;
        row-gap: 15px;
        margin: auto 0 auto auto;
    }
}
.Joqonune > address > a{
    width: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    user-select: none;
    cursor: pointer;
    background-color: #FFF;
    border-radius: 6px;
    padding: 14px 16px;
    box-shadow: inset 0 0 0 1px #D9DDE8;
}
.Joqonune > address > a:first-of-type{

}
.Joqonune > address > a:not(:first-of-type):not(:last-of-type){

}
.Joqonune > address > a:last-of-type{

}
@media only screen and (min-width: 0px) and (max-width: 640px){

    .Joqonune > address > a > svg{
        width: 28px;
        height: 28px;
        margin: 0 18px 0 0;
    }
}
@media only screen and (min-width: 640.1px) and (max-width: 1200px){

    .Joqonune > address > a > svg{
        width: 34px;
        height: 34px;
        margin: 0 18px 0 0;
    }
}
@media (min-width: 1200.1px){

    .Joqonune > address > a > svg{
        width: 32px;
        height: 32px;
        margin: 0 18px 0 0;
    }
}
.Joqonune > address > a:nth-of-type(1) > svg{
    fill: url(#Tg_Back) #51B4E3;
}
.Joqonune > address > a:nth-of-type(2) > svg{
    fill: #47BFFF;
}
.Joqonune > address > a:nth-of-type(3) > svg{
    fill: #1E90FF;
}
.Joqonune > address > a:nth-of-type(4) > svg{
    fill: #47BFFF;
}
.Joqonune > address > a:nth-of-type(5) > svg{
    fill: #15A292;
}
@media only screen and (min-width: 0px) and (max-width: 640px){

    .Joqonune > address > a > span{
        font: 500 normal 13.8px/1.24 'SF_Pro', sans-serif;
        font-display: swap;
        letter-spacing: .44px;
        text-indent: 0;
        color: #000B22;
        border-top: 2.3px solid transparent;
        border-right: 0 solid transparent;
    }
}
@media only screen and (min-width: 640.1px) and (max-width: 1200px){

    .Joqonune > address > a > span{
        font: 500 normal 13.8px/1.24 'SF_Pro', sans-serif;
        font-display: swap;
        letter-spacing: .44px;
        text-indent: 0;
        color: #000B22;
        border-top: 2.3px solid transparent;
        border-right: 0 solid transparent;
    }
}
@media (min-width: 1200.1px){

    .Joqonune > address > a > span{
        font: 500 normal 13.8px/1.24 'SF_Pro', sans-serif;
        font-display: swap;
        letter-spacing: .44px;
        text-indent: 0;
        color: #000B22;
        border-top: 2.3px solid transparent;
        border-right: 32px solid transparent;
    }
}

/* -------------------------------------------------------------------------- */
/* ----- CONTACT SECTION ---------------------------------------------------- */
/* -------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */
/* ----- FOOTER SECTION ----------------------------------------------------- */
/* -------------------------------------------------------------------------- */

.Hoqonune > footer{
    width: 100%;
    height: 200px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto -200px auto;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #282B36;
}
.Hoqonune > footer::after{
    content: '';
    width: 200%;
    height: 200px;
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 -50%;
    box-shadow: inset 0 .15rem .264rem -.144rem hsla(221.54,22.81%,11.18%,.84),
                inset 0 0 .113rem -.05rem hsla(221.54,22.81%,11.18%,.84);
}

/* -------------------------------------------------------------------------- */
/* ----- FOOTER SECTION ----------------------------------------------------- */
/* -------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */
/* ----- BOTH --------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

.Hoqonune > .Both{
    width: 100%;
    height: 0;
    background-color: turquoise;
    clear: both;
}

/* -------------------------------------------------------------------------- */
/* ----- BOTH --------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */
/* ----- AFTER PAGE LOAD ---------------------------------------------------- */
/* -------------------------------------------------------------------------- */

.Jeunqube{
    width: 60vw;
    height: 0;
    overflow: hidden;
}
.Jeunqube > img{

}
.Display{
    display: none;
}

/* -------------------------------------------------------------------------- */
/* ----- AFTER PAGE LOAD ---------------------------------------------------- */
/* -------------------------------------------------------------------------- */

@media only screen and (min-width: 0px) and (max-width: 640px){

}
@media only screen and (min-width: 640.1px) and (max-width: 1200px){

}
@media (min-width: 1200.1px){

}

/*
    Mobile: 320 - 768
    Tablet: 768 - 992
    PC: 992+
*/