@font-face {
    font-family: 'Insaniburger';
    src: url('../fonts/Insanibc.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}


:root {
    --blue-color: rgb(151, 215, 216);
    --red-color: rgb(213, 26, 91);
    --yellow-color: rgb(250, 222, 154);
    --lightcoral-color: rgb(250, 127, 130);
}

/*reset bootstrap*/

html {
    scroll-behavior: smooth;
}

form {
    position: relative;
    z-index: 0;
}

input {
    border: none;
}

body {
    font-family: 'Open Sans', sans-serif;
    background-image: url("../img/black_linen_V2.png");
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

img {
    width: 100%;
}

h1 {
    margin-top: 5rem;
    margin-bottom: 5rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Fredoka One', cursive;
}

.blue__text {
    color: var(--blue-color);
}

a:link {
    text-decoration: none;
}

.text-faded {
    color: rgba(255, 255, 255, 0.3);
}

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

@media (min-width: 768px) {
    .logo {
        width: 20%;
        margin: 0 auto;
    }
}

/* Menu burger */
#menuToggle {
    display: block;
    position: fixed;
    top: 3vh;
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#menuToggle>input {
    display: block;
    width: 40px;
    height: 32px;
    position: absolute;
    top: 20px;
    left: 87vw;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
    -webkit-touch-callout: none;
}

#menuToggle>span {
    display: block;
    width: 33px;
    height: 4px;
    margin-bottom: 5px;
    position: relative;
    left: 87vw;
    background: #cdcdcd;
    border-radius: 3px;
    z-index: 1;
    -webkit-transform-origin: 4px 0px;
    -ms-transform-origin: 4px 0px;
    transform-origin: 4px 0px;
    -webkit-transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
        opacity 0.55s ease,
        -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
    transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
        opacity 0.55s ease,
        -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
    -o-transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
        background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
        opacity 0.55s ease;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
        background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
        opacity 0.55s ease;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
        background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
        opacity 0.55s ease,
        -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
}

#menuToggle span:nth-child(6) {
    opacity: 0;
}

#menuToggle span:nth-child(7) {
    opacity: 0;
}

#menuToggle span:nth-child(8) {
    opacity: 0;
}

#menuToggle span:nth-child(9) {
    opacity: 0;
}

#menuToggle input:checked~span {
    opacity: 1;
    height: 3px;
}

#menuToggle input:checked~span {
    margin-bottom: .5px;
    -webkit-transition: opacity 0.55s ease;
    -o-transition: opacity 0.55s ease;
    transition: opacity 0.55s ease;
}

#menuToggle input:checked~span:nth-child(3) {
    background-color: red;
}

#menuToggle input:checked~span:nth-child(4) {
    background-color: orange;
}

#menuToggle input:checked~span:nth-child(5) {
    background-color: yellow;
}

#menuToggle input:checked~span:nth-child(6) {
    background-color: green;
}

#menuToggle input:checked~span:nth-child(7) {
    background-color: blue;
}

#menuToggle input:checked~span:nth-child(8) {
    background-color: indigo;
}

#menuToggle input:checked~span:nth-child(9) {
    background-color: violet;
}

#menu {
    position: absolute;
    width: 100vw;
    margin-top: -160px;
    padding-top: 125px;
    text-align: center;
    list-style-type: none;
    background-color: black;
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: translate(0, -120%);
    -ms-transform: translate(0, -120%);
    transform: translate(0, -120%);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
    transition: -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
    -o-transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
}

#menu ul {
    padding: .6rem;
}

#menu li {
    padding: 5px 0;
    font-size: 1.1rem;
}

#menu>div>div:nth-child(2)>ul>li>a {
    color: var(--blue-color);
}

#menuToggle input:checked~#menu {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

#menu>div>div:nth-child(2) {
    padding-left: 0;
}

#menu>div>div:nth-child(2)>ul {
    color: grey;
}

/*  NavBarr */
.disp--none {
    display: none;
}

@media (min-width: 1200px) {
    .disp--none {
        display: block;
    }
}

@media (min-width: 1200px) {
    .disp--none--burger {
        display: none;
    }
}

#mainNav {
    font-family: 'Open Sans', sans-serif;
    z-index: 100;
}

#mainNav .navbar-brand {
    color: black;
}

#mainNav .navbar-nav .nav-item .nav-link {
    color: rgba(255, 255, 255, 0.7);
    font-weight: 800;
}

#mainNav .navbar-nav .nav-item.active .nav-link {
    color: black;
    border: 5px solid;
    -o-border-image: -o-linear-gradient(top left, #fc7c94 0%, #fa566d 25%, #cb9391 50%, #e2c3c1 75%, #3c2e2d 100%);
    border-image: -webkit-gradient(linear, left top, right bottom, from(#fc7c94), color-stop(25%, #fa566d), color-stop(50%, #cb9391), color-stop(75%, #e2c3c1), to(#3c2e2d));
    border-image: linear-gradient(to bottom right, #fc7c94 0%, #fa566d 25%, #cb9391 50%, #e2c3c1 75%, #3c2e2d 100%);
    border-image-slice: 1;
}

.switch-button {
    border-radius: 30px;
    overflow: hidden;
    width: 75px;
    text-align: center;
    font-size: 18px;
    letter-spacing: 1px;
    color: var(--blue-color);
    padding-right: 34px;
    position: relative;
    margin-top: -5px;
    text-transform: uppercase;
}

.switch-button label {
    margin: 0;
}

.switch-button:before {
    content: "en";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    pointer-events: none;
}

.switch-button-checkbox {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;

}

.switch-button-checkbox:checked+.switch-button-label:before {
    transform: translateX(35px);
    transition: transform 300ms linear;
}

.switch-button-checkbox+.switch-button-label {
    position: relative;
    padding: 5px 0;
    display: block;
    user-select: none;
    pointer-events: none;
}

.switch-button-checkbox+.switch-button-label:before {
    content: "";
    background: var(--red-color);
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 30px;
    transform: translateX(0);
    transition: transform 300ms;
}

.switch-button-checkbox+.switch-button-label span {
    position: relative;
}

#navbarResponsive>ul>li>a>img {
    max-width: 150px;
    border-radius: 10px;
}

.navContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#subNav {
    margin-top: 1rem;
}

#subNav ul li a {
    color: var(--blue-color);
    padding: .5rem .7rem;
    background-color: rgba(249, 249, 249, .1);
    margin: 0 .7rem;
    border-radius: 3px;
    list-style: none;
    word-wrap: break-word;
    white-space: nowrap;
}

#subNav ul li a:hover {
    background-color: var(--red-color);
    color: rgb(0, 0, 0);
}


.page-section .site-heading span:first-child {
    color: var(--blue-color);
}

.page-section .site-heading {
    text-transform: uppercase;
    line-height: 1;
    color: var(--red-color);
}

.section-heading {
    text-transform: uppercase;
    font-family: 'Fredoka One', cursive;
    color: var(--blue-color);
}
#top > section.page-section.cta > div > div > div > div {
    color: white;
}


#top>main>h1 {
    color: var(--blue-color);
    text-transform: uppercase;
}

#top>main>h1>span.site-heading-lower {
    color: var(--blue-color);
    font-family: 'Insaniburger', sans-serif;
    font-weight: 600;
    letter-spacing: -7px;
}

#top>main>h1>span.site-heading-lower>span {
    color: var(--red-color);
    font-family: 'Insaniburger', sans-serif;
    font-weight: 600;
    letter-spacing: -7px;
}

.site-heading .site-heading-upper {
    display: block;
    font-size: 2rem;
    font-weight: 800;
}

.site-heading .site-heading-lower {
    font-size: 5rem;
    font-weight: 100;
    line-height: 4rem;
}

.page-section-three {
    margin-bottom: 3rem;
}

.section-heading .section-heading-upper {
    display: block;
    font-size: 1.5rem;
    font-weight: 800;
}

.section-heading .section-heading-lower {
    display: block;
    font-size: 2rem;
    font-weight: 100;
}

.bg--faded {
    background-color: rgba(0, 0, 0, 0.95);
}

.bg-faded {
    background-color: rgba(0, 0, 0, 0.55);
}

#partyDate .bg-faded {
    margin-bottom: -4.5rem;
}

.position-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.intro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 992px) {
    .intro a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 0.7rem;
    }

    .intro .intro-img {
        width: 75%;
        margin: auto;
        max-height: 100%;
    }

    .intro .intro-text {
        width: 38%;
        min-width: 200px;
        margin-bottom: -2rem;
        min-height: auto;
    }

    .intro .intro-text .intro-button {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .intro .intro-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.cta {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.cta .cta-inner {
    position: relative;
    padding: 3rem;
    margin: 0.5rem;
}

.cta .cta-inner:before {
    border-radius: 0.5rem;
    content: '';
    position: absolute;
    top: -0.5rem;
    bottom: -0.5rem;
    left: -0.5rem;
    right: -0.5rem;
    border: 0.25rem solid var(--blue-color);
}

.bg--yellow {
    background-color: var(--yellow-color) !important;
}

.product-item .product-item-description {
    margin-top: -.5rem;
    position: relative;
    padding: 2.5em;
}

.next-date {
    margin-top: -1rem;
}

.ms-auto {
    margin-left: auto !important;
}

.me-auto {
    margin-right: auto !important;
}

@media (min-width: 768px) {
    .about-heading .about-heading-img {
        position: relative;
        z-index: 0;
    }

    .about-heading .about-heading-content {
        margin-top: -1rem;
        position: relative;
        z-index: 1;
    }

    .product-item .product-item-title {
        position: relative;
        z-index: 0;
        margin-bottom: -1rem;
    }

    .product-item .product-item-img {
        position: relative;
        z-index: 0;
    }

    .product-item .product-item-description {
        margin-top: -1rem;
        margin-left: -3rem;
    }
}

.night-ticket {
    background: rgba(255, 0, 0);
    -webkit-box-shadow: 0px 0px 15px 10px #9f0101;
    box-shadow: 0px 0px 19px 2px #9f0101;
    border-radius: 250px;
}

.night-ticket h2 {
    color: white;
}

button {
    -webkit-transition: 0.15s all ease-in-out;
    -o-transition: 0.15s all ease-in-out;
    transition: 0.15s all ease-in-out;
    cursor: pointer;
}

.buttons {
    width: 80%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.one {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.circle-shadow {
    width: 85px;
    height: 85px;
    border-radius: 100px;
    background: -o-radial-gradient(center, ellipse, var(--blue-color) 55%, white 70%);
    background: radial-gradient(ellipse at center, var(--blue-color) 55%, white 70%);
    color: black;
    font-size: 2rem;
    border: none;
}

.circle-shadow:focus {
    background: -o-radial-gradient(center, ellipse, white 55%, var(--blue-color) 70%);
    background: radial-gradient(ellipse at center, white 55%, var(--blue-color) 70%);
}

.list-hours {
    font-size: 0.9rem;
}

.list-hours .list-hours-item {
    font-style: italic;
}

@media (min-width: 992px) {
    .list-hours .list-hours-item {
        padding-bottom: .25rem;
        margin-bottom: 1rem;
        font-style: italic;
    }
}

.list-hours .list-hours-item.today {
    font-weight: bold;
    color: black;
}

@media (min-width: 992px) {
    .list-hours {
        width: 80%;
        font-size: 1.1rem;
    }
}

.address strong {
    font-size: 1.2rem;
}

.text-primary {
    color: black !important;
}

.bg-primary {
    background-color: black !important;
}

.btn {
    -webkit-box-shadow: 0px 3px 3px 0px rgba(33, 37, 41, 0.1);
    box-shadow: 0px 3px 3px 0px rgba(33, 37, 41, 0.1);
}

.btn-primary {
    background-color: rgba(0, 0, 0, 0.25);
    border-color: rgba(0, 0, 0, .25);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: -o-linear-gradient(left, var(--blue-color), var(--red-color));
    background: linear-gradient(90deg, var(--blue-color), var(--red-color));
    border-color: black;
    color: black;
    text-shadow:
        rgb(255, 255, 255) .5px 0px 0px,
        rgb(255, 255, 255) 0.540302px 0.841471px 0px,
        rgb(255, 255, 255) -0.416147px 0.909297px 0px,
        rgb(255, 255, 255) -0.989993px 0.14112px 0px,
        rgb(255, 255, 255) -0.653644px -0.756802px 0px,
        rgb(255, 255, 255) 0.283662px -0.958924px 0px,
        rgb(255, 255, 255) 0.96017px -0.279416px 0px !important;
}

.font-weight-light {
    font-weight: 100 !important;
}

/* prochainement */
@media (max-width: 767px) {
    #no-slider {
        display: none;
    }
}

/* Slider mobile */
@media (min-width: 768px) {
    #slider {
        display: none;
    }
}

#slider {
    overflow: hidden;
    margin: auto 1rem;
}

#slider .wrapper-slidy {
    position: relative;
    width: 300%;
    left: 0;
    animation: 15s slidy infinite;
}

#slider .wrapper-slidy a {
    display: inline-block;
    width: 33%;
}

.#slider .wrapper-slidy a {
    position: relative;
    top: 20px;
}

@keyframes slidy {
    0% {
        left: 0%;
    }

    25% {
        left: 0%;
    }

    50% {
        left: -100%;
    }

    75% {
        left: -200%;
    }

    100% {
        left: 0%;
    }
}

/* NextParty */
#nextParty h2 {

    color: var(--blue-color);
}

@media (min-width: 576px) {
    #slider h2 {
        margin-top: 0;
        color: var(--blue-color);
    }
}

#nextParty h3 {
    margin: 1rem;
    color: var(--blue-color);
    font-family: 'Open Sans', sans-serif;
}

/* Calendrier */
.glacemorphism {
    background: rgba(8, 8, 8, 0.1);
    box-shadow: 0 8px 32px 0 rgba(150, 150, 150, 0.37);
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(6px);
    border-radius: 10px;
    border: 1px solid rgba(170, 170, 170, .18);
}

.input--calendar a,
#calendar>div>div>div>div.row.input--calendar>div:nth-child(2) {
    width: 100%;
    background-color: transparent;
    width: 100%;
    text-align: center;
    font-size: 2rem;
    text-transform: uppercase;
    color: var(--blue-color);
    font-family: 'Fredoka One', cursive;
}

#calendar>div>div>div>div.row.input--calendar>div:nth-child(2)>span {
    margin: auto;
}

#calendar>div>div>div>div.row.input--calendar>div:nth-child(2) span::first-letter {
    text-transform: capitalize;
}

#calendar .wrapper {
    margin: auto;
    color: white;
}

#calendar h2 {
    margin-bottom: 3rem !important;
}

#calendar .wrapper div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

#calendar .wrapper div .box {
    width: 14.28%;
    text-transform: capitalize;
    font-size: 1rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--yellow-color);
}

#calendar .wrapper .day .box {
    font-weight: bold;
    color: var(--blue-color);
}

#calendar .day {
    border-bottom: 1px var(--blue-color) solid;
    margin-bottom: 1em;
}

#calendar .wrapper .mount {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* #calendar .wrapper .mount .box:nth-child(1) {
  background-color: #db7f7a;
}
#calendar .wrapper .mount .box:nth-child(2) {
  background-color: #db8d7a;
}
#calendar .wrapper .mount .box:nth-child(3) {
  background-color: #db917a;
}
#calendar .wrapper .mount .box:nth-child(4) {
  background-color: #db9a7a;
}
#calendar .wrapper .mount .box:nth-child(5) {
  background-color: #db9f7a;
}
#calendar .wrapper .mount .box:nth-child(6) {
  background-color: #dba87a;
}
#calendar .wrapper .mount .box:nth-child(7) {
  background-color: #dbb07a;
}
#calendar .wrapper .mount .box:nth-child(8) {
  background-color: #dbbe7a;
}
#calendar .wrapper .mount .box:nth-child(9) {
  background-color: #dbc77a;
}
#calendar .wrapper .mount .box:nth-child(10) {
  background-color: #dbd47a;
}
#calendar .wrapper .mount .box:nth-child(11) {
  background-color: #d9db7a;
}
#calendar .wrapper .mount .box:nth-child(12) {
  background-color: #cbdb7a;
}
#calendar .wrapper .mount .box:nth-child(13) {
  background-color: #c2db7a;
}
#calendar .wrapper .mount .box:nth-child(14) {
  background-color: #bedb7a;
}
#calendar .wrapper .mount .box:nth-child(15) {
  background-color: #b5db7a;
}
#calendar .wrapper .mount .box:nth-child(16) {
  background-color: #a7db7a;
}
#calendar .wrapper .mount .box:nth-child(17) {
  background-color: #9adb7a;
}
#calendar .wrapper .mount .box:nth-child(18) {
  background-color: #91db7a;
}
#calendar .wrapper .mount .box:nth-child(19) {
  background-color: #88db7a;
}
#calendar .wrapper .mount .box:nth-child(20) {
  background-color: #7bdb7a;
}
#calendar .wrapper .mount .box:nth-child(21) {
  background-color: #7adb82;
}
#calendar .wrapper .mount .box:nth-child(22) {
  background-color: #7adb90;
}
#calendar .wrapper .mount .box:nth-child(23) {
  background-color: #7adba6;
}
#calendar .wrapper .mount .box:nth-child(24) {
  background-color: #7adbb3;
}
#calendar .wrapper .mount .box:nth-child(25) {
  background-color: #7adbd3;
}
#calendar .wrapper .mount .box:nth-child(26) {
  background-color: #7adadb;
}
#calendar .wrapper .mount .box:nth-child(27) {
  background-color: #7ad1db;
}
#calendar .wrapper .mount .box:nth-child(28) {
  background-color: #7ac8db;
}
#calendar .wrapper .mount .box:nth-child(29) {
  background-color: #7abfdb;
}
#calendar .wrapper .mount .box:nth-child(30) {
  background-color: #7ab6db;
}
#calendar .wrapper .mount .box:nth-child(31) {
  background-color: #7AB6C4;
}
*/
.input--calendar {
    margin-top: .5em;
    justify-content: space-between;
}

.input--calendar span {
    color: var(--red-color);
    font-size: 3em;
    text-transform: capitalize;
}

.input--calendar img {
    width: 60%;
    margin: .3em;

}

.arrow--calendar {
    width: 45px;
    height: 45px;
    padding: .1em;
}

.arrow--calendar a {
    background-color: rgba(0, 0, 0, .4);
    border-radius: 5px;
}

/*.event__party {
  box-shadow:2px 2px 21px var(--blue-color) inset!important;
  -moz-box-shadow:2px 2px 21px var(day) inset!important;
  -webkit-box-shadow:2px 2px 21px var(--blue-color) inset!important;
}
.event__party:hover {
  cursor: pointer;
  box-shadow:2px 2px 21px red-color) inset!important;
  -moz-box-shadow:2px 2px 21px var(--yellow-color) inset!important;
  -webkit-box-shadow:2px 2px 21px var(--yellow-color) inset!important;
}*/
@media (min-width: 576px) {
    #calendar .wrapper div .box {
        font-size: 2rem;
    }
}

/* all party */
#allParty .desc {
    width: 100%;
    text-align: center;
    white-space: normal;
    color: var(--yellow-color);
}

#allParty h2 {
    margin: 3rem 0;
    color: var(--blue-color);
}

#allParty>h2>span {
    color: var(--red-color);
}

.product-item:nth-child(2n) {
    background-color: red;
}

.product-item-description .bg-faded {
    padding: 3rem;
}

/* Page de soirée */

#partyDate h2 {
    font-family: 'Fredoka One', cursive;
    color: var(--blue-color);
}

.partyDesc p {
    color: var(--red-color);
}

/* Gallery */
#photos {
    line-height: 0;
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
    -moz-column-gap: 15px;
    -webkit-column-gap: 5px;
    column-gap: 15px;
}

@media (min-width: 512px) {
    #photos {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media (min-width: 768px) {
    #photos {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media (min-width: 992px) {
    #photos {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}

@media (min-width: 1200px) {
    #photos {
        -webkit-column-count: 5;
        column-count: 5;
        -moz-column-count: 5;
    }
}

#photos img {
    margin-bottom: 15px;
    border-radius: 5px;
}

/* footer*/
.site-footer {
    background-color: black;
    padding: 45px 0 20px;
    font-size: 15px;
    line-height: 24px;
    color: #737373;
}

.site-footer hr {
    border-top-color: #bbb;
    opacity: 0.5
}

.site-footer hr.small {
    margin: 20px 0
}

.site-footer h6 {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 5px;
    letter-spacing: 2px
}

.site-footer a {
    color: #737373;
}

.site-footer a:hover {
    color: #3366cc;
    text-decoration: none;
}

.footer-links {
    padding-left: 0;
    list-style: none
}

.footer-links li {
    display: block
}

.footer-links a {
    color: #737373
}

.footer-links a:active,
.footer-links a:focus,
.footer-links a:hover {
    color: #3366cc;
    text-decoration: none;
}

.footer-links.inline li {
    display: inline-block
}

.site-footer .social-icons {
    text-align: right
}

.site-footer .social-icons a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-left: 6px;
    margin-right: 0;
    border-radius: 100%;
    background-color: #33353d
}

.copyright-text {
    margin: 0
}

.fb--footer li {
    list-style: none;
    max-width: 50%;
}

@media (max-width:991px) {
    .site-footer [class^=col-] {
        margin-bottom: 30px
    }
}

@media (max-width:767px) {
    .site-footer {
        padding-bottom: 0
    }

    .site-footer .copyright-text,
    .site-footer .social-icons {
        text-align: center
    }
}

.social-icons {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.social-icons li {
    display: inline-block;
    margin-bottom: 4px
}

.social-icons li.title {
    margin-right: 15px;
    text-transform: uppercase;
    color: #96a2b2;
    font-weight: 700;
    font-size: 13px
}

.social-icons a {
    background-color: #eceeef;
    color: #818a91;
    font-size: 16px;
    display: inline-block;
    line-height: 44px;
    width: 44px;
    height: 44px;
    text-align: center;
    margin-right: 8px;
    border-radius: 100%;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.social-icons a:active,
.social-icons a:focus,
.social-icons a:hover {
    color: #fff;
    background-color: #29aafe
}

.social-icons.size-sm a {
    line-height: 34px;
    height: 34px;
    width: 34px;
    font-size: 14px
}

.social-icons a.facebook:hover {
    background-color: #3b5998
}

.social-icons a.twitter:hover {
    background-color: #00aced
}

.social-icons a.linkedin:hover {
    background-color: #007bb6
}

.social-icons a.dribbble:hover {
    background-color: #ea4c89
}

@media (max-width:767px) {
    .social-icons li.title {
        display: block;
        margin-right: 0;
        font-weight: 600
    }
}

/* 404 */
.circles {
    text-align: center;
    position: relative;
    margin-top: -60px;
    font-family: 'Fredoka One', cursive;
}

.disp--flex--j--c {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100vh;
}

.circles p {
    font-size: 2rem;
    color: #fff;
    padding-top: 60px;
    position: relative;
    z-index: 9;
    background: -webkit-linear-gradient(yellow, orange, violet, lightblue, lightgreen);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    vertical-align: middle;
}

.circles p span {
    font-size: 10rem;
}

@media screen(min-width: 768px) {
    .circles p {
        font-size: 4rem;
    }

    .circles p span {
        font-size: 6rem;
    }
}

.circle {
    width: 150px;
    height: 56px;
    border-radius: 5px;
    z-index: 1;
    position: absolute;
    overflow: hidden;
}

.circles .circle.bboat {
    background-image: url("../img/visuel_soiree/bboat.png");
    top: 150px;
    left: 50%;
    animation: 7s bboatmove infinite cubic-bezier(1, .22, .71, .98);
    -webkit-animation: 7s bboatmove infinite cubic-bezier(1, .22, .71, .98);
    animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
}

.circles .circle.celib {
    background-image: url("../img/visuel_soiree/celib.png");
    top: 400px;
    left: 10%;
    animation: 7s celibmove infinite cubic-bezier(.32, .04, .15, .75);
    -webkit-animation: 7s celibmove infinite cubic-bezier(.32, .04, .15, .75);
    animation-delay: 0.4s;
    -webkit-animation-delay: 0.6s;
}

.circles .circle.dragon {
    background-image: url("../img/visuel_soiree/laDragOn.png");
    top: 100px;
    left: 20%;
    animation: 7s dragonmove infinite cubic-bezier(.32, .04, .15, .75);
    -webkit-animation: 7s dragonmove infinite cubic-bezier(.32, .04, .15, .75);
    animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
}

.circles .circle.prime {
    background-image: url("../img/visuel_soiree/primeTime.png");
    top: 300px;
    left: 35%;
    animation: 7s primemove infinite cubic-bezier(1, .22, .71, .98);
    -webkit-animation: 7s primemove infinite cubic-bezier(1, .22, .71, .98);
    animation-delay: 1.2s;
    -webkit-animation-delay: 1s;
}

.circles .circle.dragMe {
    background-image: url("../img/visuel_soiree/dragMeUp.png");
    top: 190px;
    left: 10%;
    animation: 7s dragMemove infinite cubic-bezier(1, .22, .71, .98);
    -webkit-animation: 7s dragMemove infinite cubic-bezier(1, .22, .71, .98);
    animation-delay: 1.2s;
    -webkit-animation-delay: 2.2s;
}

.circles .circle.big {
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background-image: url("../img/logo_gpe_vide.png");
    background-size: cover;
    z-index: 1000;
    top: 200px;
    right: 0;
    animation: 8s bigmove infinite;
    -webkit-animation: 8s bigmove infinite;
    animation-delay: 3s;
    -webkit-animation-delay: 1s;
}

@-webkit-keyframes bboatmove {
    0% {
        top: 100px;
        left: 45%;
        opacity: 1;
    }

    25% {
        top: 300px;
        left: 40%;
        opacity: 0.7;
    }

    50% {
        top: 240px;
        left: 55%;
        opacity: 0.4;
    }

    75% {
        top: 100px;
        left: 40%;
        opacity: 0.6;
    }

    100% {
        top: 10px;
        left: 45%;
        opacity: 1;
    }
}

@keyframes bboatmove {
    0% {
        top: 100px;
        left: 45%;
        opacity: 1;
    }

    25% {
        top: 300px;
        left: 40%;
        opacity: 0.7;
    }

    50% {
        top: 240px;
        left: 55%;
        opacity: 0.4;
    }

    75% {
        top: 100px;
        left: 40%;
        opacity: 0.6;
    }

    100% {
        top: 10px;
        left: 45%;
        opacity: 1;
    }
}

@-webkit-keyframes celibmove {
    0% {
        top: 200px;
        left: 20%;
        opacity: 1;
    }

    25% {
        top: 300px;
        left: 80%;
        opacity: 0.7;
    }

    50% {
        top: 240px;
        left: 55%;
        opacity: 0.4;
    }

    75% {
        top: 100px;
        left: 40%;
        opacity: 0.6;
    }

    100% {
        top: 0px;
        left: 20%;
        opacity: 1;
    }
}

@keyframes celibmove {
    0% {
        top: 200px;
        left: 20%;
        opacity: 1;
    }

    25% {
        top: 300px;
        left: 80%;
        opacity: 0.7;
    }

    50% {
        top: 240px;
        left: 55%;
        opacity: 0.4;
    }

    75% {
        top: 100px;
        left: 40%;
        opacity: 0.6;
    }

    100% {
        top: 0px;
        left: 20%;
        opacity: 1;
    }
}

@-webkit-keyframes dragonmove {
    0% {
        top: 500px;
        left: 10%;
        opacity: 1;
    }

    25% {
        top: 200px;
        left: 70%;
        opacity: 0.7;
    }

    50% {
        top: 340px;
        left: 25%;
        opacity: 0.4;
    }

    75% {
        top: 100px;
        left: 10%;
        opacity: 0.6;
    }

    100% {
        top: 600px;
        left: 40%;
        opacity: 1;
    }
}

@-webkit-keyframes dragonmove {
    0% {
        top: 500px;
        left: 10%;
        opacity: 1;
    }

    25% {
        top: 200px;
        left: 70%;
        opacity: 0.7;
    }

    50% {
        top: 340px;
        left: 25%;
        opacity: 0.4;
    }

    75% {
        top: 100px;
        left: 10%;
        opacity: 0.6;
    }

    100% {
        top: 600px;
        left: 40%;
        opacity: 1;
    }
}

@-webkit-keyframes primemove {
    0% {
        top: 150px;
        left: 60%;
        opacity: 1;
    }

    25% {
        top: 700px;
        left: 20%;
        opacity: 0.7;
    }

    50% {
        top: 140px;
        left: 65%;
        opacity: 0.4;
    }

    75% {
        top: 800px;
        left: 40%;
        opacity: 0.6;
    }

    100% {
        top: 100px;
        left: 35%;
        opacity: 1;
    }
}

@keyframes primemove {
    0% {
        top: 150px;
        left: 60%;
        opacity: 1;
    }

    25% {
        top: 700px;
        left: 20%;
        opacity: 0.7;
    }

    50% {
        top: 140px;
        left: 65%;
        opacity: 0.4;
    }

    75% {
        top: 800px;
        left: 40%;
        opacity: 0.6;
    }

    100% {
        top: 100px;
        left: 35%;
        opacity: 1;
    }
}

@keyframes primemove {
    0% {
        top: 150px;
        left: 60%;
        opacity: 1;
    }

    25% {
        top: 700px;
        left: 20%;
        opacity: 0.7;
    }

    50% {
        top: 140px;
        left: 65%;
        opacity: 0.4;
    }

    75% {
        top: 800px;
        left: 40%;
        opacity: 0.6;
    }

    100% {
        top: 100px;
        left: 35%;
        opacity: 1;
    }
}

@-webkit-keyframes dragMemove {
    0% {
        top: 450px;
        left: 20%;
        opacity: 1;
    }

    25% {
        top: 100px;
        left: 80%;
        opacity: 0.7;
    }

    50% {
        top: 540px;
        left: 55%;
        opacity: 0.4;
    }

    75% {
        top: 200px;
        left: 240%;
        opacity: 0.6;
    }

    100% {
        top: 80px;
        left: 5%;
        opacity: 1;
    }
}

@keyframes dragMemove {
    0% {
        top: 450px;
        left: 20%;
        opacity: 1;
    }

    25% {
        top: 100px;
        left: 80%;
        opacity: 0.7;
    }

    50% {
        top: 540px;
        left: 55%;
        opacity: 0.4;
    }

    75% {
        top: 200px;
        left: 240%;
        opacity: 0.6;
    }

    100% {
        top: 80px;
        left: 5%;
        opacity: 1;
    }
}

@keyframes dragMemove {
    0% {
        top: 450px;
        left: 20%;
        opacity: 1;
    }

    25% {
        top: 100px;
        left: 80%;
        opacity: 0.7;
    }

    50% {
        top: 540px;
        left: 55%;
        opacity: 0.4;
    }

    75% {
        top: 200px;
        left: 240%;
        opacity: 0.6;
    }

    100% {
        top: 80px;
        left: 5%;
        opacity: 1;
    }
}

@-webkit-keyframes bigmove {
    0% {
        top: 0px;
        right: 4%;
        opacity: 0.5;
    }

    25% {
        top: 100px;
        right: 40%;
        opacity: 0.4;
    }

    50% {
        top: 240px;
        right: 45%;
        opacity: 0.8;
    }

    75% {
        top: 600px;
        right: 35%;
        opacity: 0.6;
    }

    100% {
        top: 0px;
        right: 4%;
        opacity: 0.5;
    }
}

@keyframes bigmove {
    0% {
        top: 0px;
        right: 4%;
        opacity: 0.5;
    }

    25% {
        top: 100px;
        right: 40%;
        opacity: 0.4;
    }

    50% {
        top: 240px;
        right: 45%;
        opacity: 0.8;
    }

    75% {
        top: 600px;
        right: 35%;
        opacity: 0.6;
    }

    100% {
        top: 0px;
        right: 4%;
        opacity: 0.5;
    }
}

#contact h2 {
    color: var(--red-color);
}

#contact label {
    color: var(--blue-color);
    ;
}

#contact small a {
    color: var(--red-color);

}

#queer--blog .cta-inner {
    background-color: var(--lightcoral-color);
}

#queer--blog>h2>span {
    color: var(--red-color);
    ;
}

#queer--blog .cta-inner h3 {
    color: var(--yellow-color);
    ;
}

.click--blog {
    margin: 2rem;
    text-transform: uppercase;
    font-family: 'Fredoka One', cursive;
    font-size: 2rem;
}