@font-face {
        font-family: merriweather;
        src: url('../font/merriweather/Merriweather-LightItalic.otf');
    }

    @font-face {
        font-family: merriweather_regular;
        src: url('../font/merriweather/Merriweather-Regular.otf');
    }

    @font-face {
        font-family: merriweather_medium;
        src: url('../font/merriweather/Merriweather-Regular.otf');
    }


    @font-face {
        font-family: kaushan;
        src: url('../font/kaushan_script_regular.otf');
    }

    @font-face {
        font-family: merriweather_light;
        src: url('../font/merriweather/Merriweather-Light.otf');
    }

    @font-face {
        font-family: ubuntu;
        src: url('../font/ubuntu/Ubuntu-R.ttf');
    }

    @font-face {
        font-family: ubuntulight;
        src: url('../font/ubuntu/Ubuntu-L.ttf');
    }

    @font-face {
        font-family: futurabtlight;
        src: url('../font/futura_light_bt.ttf');
    }

    @font-face {
        font-family: lato;
        src: url('../font/lato/Lato-Regular.ttf');
    }

    @font-face {
        font-family: mustache_brush_script;
        src: url('../font/mustache/MustacheBrushScript.ttf');
    }

    @font-face {
        font-family: tomatoes;
        src: url('../font/tomatoes/tomatoes.ttf');
    }

    @font-face {
        font-family: pacifico;
        src: url('../font/pacifico/Pacifico.ttf');
    }
    @font-face {
        font-family: Signature;
        src: url('../font/Birdspring_Signature_DEMO.ttf');
    }
    @media (min-width: 1200px) {
        .container {
            max-width: 1280px;
        }
    }

    .hiden-scroll::-webkit-scrollbar {
        display: none;
    }

    a {
        color: inherit
    }

    .ecard.animated {
        animation-duration: .6s
    }

    .noselect {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .back-white {
        background-color: white !important
    }

    .overflow-hidden {
        overflow: hidden;
    }

    .overflow-auto {
        overflow: auto;
    }

    #msg {
        position: fixed;
        background-color: azure;
        padding: 14px;
        font-size: 18px;
    }

    button {
        outline: none !important;
        -webkit-transition-duration: 0.2s;
        -o-transition-duration: 0.2s;
        transition-duration: 0.2s
    }

    button:focus {
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        -ms-box-shadow: none !important;
    }

    a:hover {
        text-decoration: none
    }

    html {
        font-family: "Assistant Light";
    }

    body {
        /* background-color: #ECF0F1; */
        background-color: #FFFFFF;
        font-size: 18px;
        color:#1A1A1A;
        line-height: 1.688;
        font-family: "Assistant";
    }

    a,
    img {
        -webkit-transition-duration: 0.2s;
        -o-transition-duration: 0.2s;
        transition-duration: 0.2s
    }

    .mt--4 {
        margin-top: -1.5rem !important;
    }

    .navbar {
        position: unset
    }

    .m-title {
        padding: 0 50px;
        margin-bottom: 25px;
        margin-top: 33px
    }

    svg:not(:root).svg-inline--fa {
        height: auto !important;
    }

    .m-title span {
        color: #B01A14;
        font-family: "merriweather";
        font-size: 22px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 24px;
    }

    #l-more {
        -webkit-transition-duration: 0s !important;
        -o-transition-duration: 0s !important;
        transition-duration: 0s !important;
        cursor: pointer;
    }

    .load-more {
        display: none
    }

    .img-icon {
        display: inline-block;
        height: 20px;
        width: 20px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain
    }

    .img-icon.ic-cloud {
        background-image: url(../icons/cloud.png);
    }

    .img-icon.ic-clock {
        background-image: url(../icons/clock.png);
    }

    .img-icon.ic-placeholder {
        background-image: url(../icons/placeholder.png);
    }

    .img-icon.ic-share {
        background-image: url(../icons/share.png);
    }

    .opacity0 {
        opacity: 0;
        pointer-events: none;
    }

    .height0 {
        height: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        visibility: hidden;
    }

    p {
        font-size: 18px;
        color:#1A1A1A;
        line-height: 1.688;
        font-family: "Assistant";
    }

    p a {
        color:#B01A14;
    }

    p a:hover {
        color:#be1a15;
    }

    .main .blog .follow-us p {
        margin-top: -5px;
        font-size: 18px;
    }

    .main .blog .last-articles .articles {
        margin-top: -12px
    }
    .main .blog .last-articles .m-title{
        margin-top: 0px
    }

    .main .blog .last-articles .articles .acard {
        border-bottom: 1px solid #B01A14;
        padding: 20px 0px
    }
    .main .blog .last-articles .articles a:last-child .acard{
        border-bottom: none;
    }

    .main .blog .last-articles .articles .acard .info {

    }

    .navigation {
        margin: 25px 0 60px 0
    }

    .bloggers {
        /* width: 560px;
    padding-bottom: 120px; */
        position: relative;
    }

    .bloggers .btn-plus a{
        margin: 70px 0 50px 0
    }

    .bloggers .temoignage-card {

    }

    .bloggers .temoignage-card .card-item {

    }
    .bloggers .temoignage-card .card-item span.badge{
        padding-top: 38px;
        height: 106px;
        width: 69px;
        border-radius: 131.5px;
        background-color: #B01A14;
        color: #FFFFFF;
        font-size: 50px;
        font-weight: bold;
        letter-spacing: 0;
        background-image: url(../images/tag.png);
        background-position-x: -290px;
        background-position-y: -27px;
        font-family: Assistant;
        padding-left: 20px;
    }
    .bloggers .temoignage-card .card-item div.badge{
        height: 106px;
        width: 69px;
        border-radius: 131.5px;
        background-color: #B01A14;
        color: #FFFFFF;
        font-size: 60px;
        font-weight: bold;
        letter-spacing: 0;
        background-image: url(../images/tag.png);
        background-position-x: -290px;
        background-position-y: -27px;
        font-family: auto;
        padding: 0;
        overflow: hidden;
    }

    .bloggers .center .temoignage-card .card::after {
        width: 100%;
        left: 0
    }

    .bloggers .owl-theme.bloger-slide .owl-nav [class*=owl-] {
        position: absolute;
        top: 40%;
        color: rgb(255, 255, 255);
        font-size: 32px
    }

    .bloggers .owl-theme.bloger-slide .owl-nav .owl-next {
        right: 0
    }

    .bloggers .owl-theme.bloger-slide .owl-nav .owl-prev {
        left: 0
    }

    .bloggers .img-pricipal {
        width: 150px;
        height: 150px;
        margin-bottom: 50px;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
    }

    .bloggers .disc p {
        color: #1A1A1A;
        font-family: "merriweather";
        font-size: 26px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 30px;
        margin: 0;
        position: relative;
        max-width: 100%;
        word-break: break-word;
    }
    .temoignage-card .badge img{
        height: 100%;
    }

    .bloggers .owl-carousel .owl-stage-outer {
        position: relative;
        margin-left: -180px
    }

    .bloggers .owl-carousel .owl-stage-outer::after {
        content: "";
        height: calc(100%);
        position: absolute;
        top: 0px;
        right: 0;
        width: 105px;
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.149)));
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.149));
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.149));
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.149));
        z-index: 10;
    }

    .socialshare {
        margin-top: 5px;
        /* margin-bottom: 30px */
    }

    .socialshare .btn-social {
        padding: 0 6px;
        font-size: 14px
    }

    .bloggers .bloggerinfo .name {
        color: #B01A14;
        font-family: "merriweather";
        font-size: 22px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 24px;
        margin-top: 25px;
    }

    .bloggers .bloggerinfo .state {
        color: #5D5D5D;
        font-family: Assistant;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 24px;
    }

    .bloggers .bloggerinfo .city {
        font-size: 24px;
        color: #c6c6c6;
    }

    .socialshare .icon {
        font-size: 14px
    }

    .bloggers .small-imgs img {
        position: absolute;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
    }

    .bloggers .small-imgs .simg1 {
        position: absolute;
        height: 42px;
        width: 42px;
        top: 13%;
        left: 15%;
    }

    .bloggers .small-imgs .simg2 {
        position: absolute;
        height: 60px;
        width: 60px;
        top: 31%;
        left: 0%;
    }

    .bloggers .small-imgs .simg3 {
        position: absolute;
        height: 60px;
        width: 60px;
        top: 33%;
        left: 26%;
    }

    .bloggers .small-imgs .simg4 {
        position: absolute;
        height: 60px;
        width: 60px;
        bottom: 30%;
        left: 13%;
    }

    .bloggers .small-imgs .simg5 {
        position: absolute;
        height: 80px;
        width: 80px;
        top: 17%;
        right: 0%;
    }

    .bloggers .small-imgs .simg6 {
        position: absolute;
        height: 75px;
        width: 75px;
        top: 29%;
        right: 22%;
    }

    .bloggers .small-imgs .simg7 {
        position: absolute;
        height: 65px;
        width: 65px;
        top: 46%;
        right: 4%;
    }

    .bloggers .small-imgs .simg8 {
        position: absolute;
        height: 42px;
        width: 42px;
        top: 60%;
        right: 27%;
    }

    .bloggers .small-imgs .ag {
        position: absolute;
        font-size: 917px;
        font-family: lato;
        top: -25%;
        left: -12px;
        background: -webkit-linear-gradient(159deg, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        transform: rotate(20deg);
        -webkit-transform: rotate(20deg);
        -moz-transform: rotate(20deg);
        -ms-transform: rotate(20deg);
        -o-transform: rotate(20deg);
        pointer-events: none
    }

    /* ---------------------------------------------------------- */

    .bloggers .small-imgs .simg1,
    .bloggers .small-imgs .simg5 {
        -webkit-animation: balloon1 5s ease-in-out infinite;
        animation: balloon1 5s ease-in-out infinite;
    }

    .bloggers .small-imgs .simg2,
    .bloggers .small-imgs .simg6 {
        -webkit-animation: balloon2 6s ease-in-out infinite;
        animation: balloon2 6s ease-in-out infinite;
    }

    .bloggers .small-imgs .simg3,
    .bloggers .small-imgs .simg7 {
        background: rgba(180, 224, 67, 0.9);
        -webkit-animation: balloon3 5s ease-in-out infinite;
        animation: balloon3 5s ease-in-out infinite;
    }

    .bloggers .small-imgs .simg4,
    .bloggers .small-imgs .simg8 {
        -webkit-animation: balloon4 6s ease-in-out infinite;
        animation: balloon4 6s ease-in-out infinite;
    }

    .bloggers .small-imgs img:hover {
        -webkit-animation-play-state: paused;
        animation-play-state: paused;
        -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.178);
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.178);
    }

    /*BALLOON 1 4*/

    @-webkit-keyframes balloon1 {

        0%,
        100% {
            -webkit-transform: translateY(0) rotate(-6deg);
        }

        50% {
            -webkit-transform: translateY(-20px) rotate(8deg);
        }
    }

    @keyframes balloon1 {

        0%,
        100% {
            -webkit-transform: translateY(0) rotate(-6deg);
            transform: translateY(0) rotate(-6deg);
        }

        50% {
            -webkit-transform: translateY(-20px) rotate(8deg);
            transform: translateY(-20px) rotate(8deg);
        }
    }

    /* BAllOON 2 5*/

    @-webkit-keyframes balloon2 {

        0%,
        100% {
            -webkit-transform: translateY(0) rotate(6eg);
        }

        50% {
            -webkit-transform: translateY(-30px) rotate(-8deg);
        }
    }

    @keyframes balloon2 {

        0%,
        100% {
            -webkit-transform: translateY(0) rotate(6deg);
            transform: translateY(0) rotate(6deg);
        }

        50% {
            -webkit-transform: translateY(-30px) rotate(-8deg);
            transform: translateY(-30px) rotate(-8deg);
        }
    }

    /* BAllOON 0*/

    @-webkit-keyframes balloon3 {

        0%,
        100% {
            -webkit-transform: translate(0, -10px) rotate(6eg);
        }

        50% {
            -webkit-transform: translate(-20px, 30px) rotate(-8deg);
        }
    }

    @keyframes balloon3 {

        0%,
        100% {
            -webkit-transform: translate(0, -10px) rotate(6eg);
            transform: translate(0, -10px) rotate(6eg);
        }

        50% {
            -webkit-transform: translate(-20px, 30px) rotate(-8deg);
            transform: translate(-20px, 30px) rotate(-8deg);
        }
    }

    /* BAllOON 3*/

    @-webkit-keyframes balloon4 {

        0%,
        100% {
            -webkit-transform: translate(10px, -10px) rotate(-8eg);
        }

        50% {
            -webkit-transform: translate(-15px, 20px) rotate(10deg);
        }
    }

    @keyframes balloon4 {

        0%,
        100% {
            -webkit-transform: translate(10px, -10px) rotate(-8eg);
            transform: translate(10px, -10px) rotate(-8eg);
        }

        50% {
            -webkit-transform: translate(-15px, 10px) rotate(10deg);
            transform: translate(-15px, 10px) rotate(10deg);
        }
    }

    /* ---------------------------------------------------------- */

    .main .blog .last-articles .articles .acard img {
        display: block;
        margin: auto;
        margin-right: 20px;
    }

    .main .blog .last-articles .articles .acard .info .title {
        color: #1A1A1A;
        font-family: 'Assistant';
        font-size: 18px;
        letter-spacing: 0;
        max-height: 40px;
        display: contents;
    }

    .main .blog .last-articles .articles .acard .info .date {
        color: #1A1A1A;
        font-family: 'Assistant';
        font-size: 14px;
        letter-spacing: 0;
        line-height: 24px;
    }
    .main .blog .instagram {
        margin: 0px 0 80px 0;
        background: white;
    }

    .main .blog .instagram .instagram-header h2{
        margin: 60px 0 60px 0;
        background: white;
    }
    .main .blog .instagram .instagram-header{
        margin: 0;
    }
    .instagram-imgs .instaimg {
        min-height: 280px;
        max-width: 394px;
    }

    .instagram-imgs .instaimg .incard {
        height: 120px;
        width: 120px;
        max-width: 120px;
        margin-bottom: 15px;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        /* margin: 8px 0; */
    }

    .btn-langue,
    .btn-langue:hover {
        padding: 8px 23px;
        background-color: white;
        border: none;
        color: #463032;
        /* margin-right: 56px; */
        display: inline-block;
    }

    .btn-langue svg {
        margin-right: 5px
    }

    a:hover {
        color: unset
    }

    .dropdown-menu {
        padding: 10px 15px
    }

    .btn-langue::after {
        color: #463032;
    }

    .dtitle {
        max-width: 630px;
        margin: auto;
        padding: 70px 0;
        width: 100%;
    }

    .dtitle span {
        color: #FFFFFF;
        font-family: "merriweather";
        font-size: 30px;
        letter-spacing: 0;
        line-height: 35px;
        text-align: center;
        text-transform: uppercase;
    }

    .dtitle .text {
        /* margin-top: -50px */
    }

    .un-list {
        list-style: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0px;
        padding: 0px
    }

    .un-list li {
        text-align: center
    }

    .owl-theme .owl-dots .owl-dot {
        outline: none;
    }


    .btn-vm-primary.link {
        color: #D24D13 !important;
        background-color: white;
        border: 2px solid #D24D13;
        font-weight: bold
    }

    .btn-vm-primary.small {
        color: white;
        background-color: #D24D13;
        font-size: 20px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        text-transform: uppercase;
        padding: 4px 20px !important;
        -webkit-transition-duration: 0.2s;
        -o-transition-duration: 0.2s;
        transition-duration: 0.2s;
    }


    .col-2dot4,
    .col-sm-2dot4,
    .col-md-2dot4,
    .col-lg-2dot4,
    .col-xl-2dot4 {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .col-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    @media (min-width: 540px) {
        .col-sm-2dot4 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 20%;
            flex: 0 0 20%;
            max-width: 20%;
        }
    }

    @media (min-width: 720px) {
        .col-md-2dot4 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 20%;
            flex: 0 0 20%;
            max-width: 20%;
        }
    }

    @media (min-width: 992px) {
        .col-lg-2dot4 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 20%;
            flex: 0 0 20%;
            max-width: 20%;
        }
    }

    @media (min-width: 1140px) {
        .col-xl-2dot4 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 20%;
            flex: 0 0 20%;
            max-width: 20%;
        }
    }

    /* ----------------Header---------------------------- */

    .main {
        overflow: hidden;
        background-color: white
    }

    .background {
        background-image: url('../images/background.png');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .main .back-header {
        height: 660px;
        position: relative;
        /* z-index: 100; */
    }

    .h-slider {
        position: relative;
        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
    }

    .h-slider .logo-box {
        position: absolute;
        z-index: 2;
        margin-top: 30px;
        pointer-events: none;
        /* left: 33%; */
        width: 100%
    }

    .h-slider .logo-box hr {
        display: none
    }

    .h-slider .logo-box h1,
    .main .back-header h1
    {
        color: #FFFFFF;
        font-family: "merriweather";
        font-size: 60px;
        letter-spacing: 1.2px;
        line-height: 62px;
        text-align: center;
        /*text-transform: lowercase;*/
        /* max-width: 65%; */
        margin: 0 auto;
    }

    .node-type-destination .h-slider .logo-box h1,
    .node-type-destination .main .back-header h1 {
        color: #FFFFFF;
        font-family: "merriweather";
        font-size: 60px;
        letter-spacing: 1.2px;
        line-height: 62px;
        text-align: center;
        /* text-transform: lowercase; */
        max-width: 65%;
        margin: 0 auto;
    }

    .h-slider .logo-box h1.small {
        font-size: 50px;
        color: white;
        position: relative;
    }

    .main .back-header h1::after {
        left: -180px;
        content: "";
        width: 150px;
        height: 4px;
        background-color: white;
        position: absolute;
        /* right: -22px; */
        bottom: 46px;
        top: 45px;
    }

    .h-slider .logo-box h1::after {
        width: 120px;
        left: -100px;
        top: 35px;
    }
    .h-slider .owl-stage-outer::after {
        content :"";
        background-image: url(../images/patterns-white.png);
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: 100%;
        width: 100% !important;
        margin: 0;
        max-width: 100%;
        position: absolute;
        z-index: 1;
        bottom: 0;
        top: 0;
    }

    .h-slider .background-box {
        /* height: 500px; */
        width: 100%;
        background: url(../images/patterns-white.png);
        background-repeat: no-repeat;
        background-position-x: center;
        background-position-y: 106%;
    }

    /* .h-slider .background-box .owl-controls {
    position: absolute;
    bottom: 0;
    width: 100%
} */

    .h-slider .background-box .item {
        height: 630px;
        /* width: 100% */
    }

    .h-slider .background-box .owl-nav {
        position: absolute;
        bottom: 50px;
        right: 125px;
    }

    .h-slider .owl-carousel .owl-nav button.owl-next,
    .h-slider .owl-carousel .owl-nav button.owl-prev {
        color: white;
        font-size: 32px;
        width: 40px
    }

    .h-slider .background-box .owl-dots {
        position: absolute;
        bottom: 50px;
        left: 100px;
    }


    .h-slider .background-box .item img {
        height: 100%;
        object-fit: cover;
    }

    .main .back-header.seconder {
        height: 90px;
        position: fixed;
        width: 100%;
        z-index: 3;
    }

    .main .back-header.content {
        width: 100%;
        position: absolute;
        top: 0;
        display: flex;
        align-items: center;
    }

    .main.home .back-header.content {
        margin-top: 45px !important;
        align-items: flex-end;
    }

    .main .blog .back-header {
        height: 130px;
        position: relative;
    }

    /* .main .back-header {
    width: 100%;
    height: 100%;
} */

    .main .back-header .inspiration {
        /* background-color: #b8b8b8; */
        width: 100%;
        padding-bottom: 50px;
    }

    .main .back-header .owl-carousel {
        height: 100%;
    }

    .main .back-header .owl-carousel .owl-stage-outer {
        height: 100%;
    }

    .main .back-header .owl-carousel .owl-stage {
        height: 100%;
    }

    .main .back-header .owl-item {
        height: 100%;
    }

    .main .back-header .owl-item .item {
        height: 100%;
    }

    .main .back-header .owl-item .item img {
        height: 100%;
        object-fit: cover
    }

    .main .back-header .background-box #vSlider {
        height: 100%;
    }

    .main .back-header .background-box #vSlider #videoSlider {
        height: 100%;
    }

    .main .back-header .background-box .backimg img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .h-slider .background-box .backimg img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .h-slider .background-box .patterns ,
    #decouvrir-cover .patterns{
        height: 140px;
        background-image: url(../images/patterns-white.png);
        background-repeat: repeat-x;
        background-position: bottom;
        background-size: auto 100%;
        width: 100% !important;
        margin: 0;
        max-width: 100%;
        position: absolute;
        z-index: 1;
        bottom: 0;
    }

    .main .back-header .background-box .backimg {
        position: relative;
        height: 100%;
        width: 100%
    }

    .main .back-header .background-box .backimg .back {
        position: absolute;
        top: 0;
        background-color: rgba(0, 0, 0, 0.18);
        height: 100%;
        width: 100%;
    }

    .main .back-header .logo-box {
        /* top: 44%; */
        /* height: fit-content;
    height: -moz-fit-content; */
        z-index: 2;
        /* pointer-events: none; */
    }

    .main .back-header hr {
        width: 150px;
        margin-top: 56px;
        /* margin-left: 120px; */
        margin-right: 25px;
        border-top: 4px solid #ffffff;
        display: none
    }

    .main .back-header .content {
        z-index: 3;
        /* overflow: hidden; */
    }

    .main.home .back-header .inspiration h2 {
        font-family: merriweather_light;
        font-size: 67.96px;
        color: white;
        margin-bottom: 22px
    }

    .owl-theme .owl-dots .owl-dot span {
        height: 15px;
        width: 15px;
        background-color: #88898B;
        border: 2px solid #88898B;
    }

    .navbar-nav {
        padding: 0;
        width: 100%;

		border-top: solid white 1px;
		border-bottom: solid white 1px;
    }

    .main .back-header .navbar-dark .navbar-nav .nav-link#btn-searchdesktop {
        padding-left: 12px;
        padding-right: 12px
    }

    .main .back-header .navbar-dark .navbar-nav .desktopboxsearsh #removesearch {
        position: fixed;
        height: 100vh;
        width: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        display: none
    }

    .main .back-header .navbar-dark .navbar-nav .desktopboxsearsh.visible #removesearch {
        display: block
    }

    .main.home .back-header .inspiration form select {
        border: none;
        font-size: 22px;
        padding: 8px 15px;
        min-width: 400px;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-image: url(../icons/ic-select.png);
        background-repeat: no-repeat;
        background-position-x: 98%;
        background-position-y: 17px;
        background-size: 14px;
        height: unset;
        width: unset;
        border-radius: 0;
        color: #252525;
    }

    .main.home .back-header .inspiration form select option {
        /* text-transform:  */
    }

    .main.home .back-header .inspiration form button {
        /* background-color: #452f31; */
        color: white;
        border: none;
        font-size: 22px;
        padding: 8px 38px;
        cursor: pointer;
        margin-left: 5px;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    /* 
    .main.home .back-header .inspiration form button:hover {
        background-color: #684346;
    }
    */

    .main .back-header .logo-box {
        position: relative;
        /* bottom: 0; */
        width: 100%
    }

    .main.home .back-header .logo-box {
        /* pointer-events: all; */
        /* top: 36% */
    }

	.covid-scrolled {
		visibility: hidden;
		height: 1px;
	}

    .nav-scrolled {
        top: -1px;
        left: 0px;
        position: fixed;
        width: 100%;
/*        background-color: white;*/
        z-index: 5 !important;
        box-shadow: 0px 5px 14px -7px rgba(0, 0, 0, 0.62);
        -webkit-box-shadow: 0px 5px 14px -7px rgba(0, 0, 0, 0.62);
        -ms-box-shadow: 0px 5px 14px -7px rgba(0, 0, 0, 0.62);
    }

    .logo-scrolled {
        height: 87px !important;
        width: 88px !important;
        margin-bottom: 0px !important;
        top: 0 !important;
        margin-right: 18.5px;
        margin-left: 18.5px;
		background: #453032;
    }

    .main .back-header .navbar-dark .navbar-nav .nav-link.link-scrolled {
        color: #252525
    }

    .main .back-header .navbar-dark .navbar-nav .nav-item.hover .nav-link.link-scrolled {
        background-color: #452F31;
        color: white;
    }

    .navbar-dark .navbar-toggler-icon {
        background-image: none
    }

    .main .back-header #nav-div {
        /* transition-duration: 0.2s; */
        position: fixed;
        left: 0;
        width: 100%;
        z-index: 3;
    }

    .main.blog .back-header #nav-div {
        box-shadow: 0px 5px 14px -7px rgba(0, 0, 0, 0.62);
        -webkit-box-shadow: 0px 5px 14px -7px rgba(0, 0, 0, 0.62);
        -ms-box-shadow: 0px 5px 14px -7px rgba(0, 0, 0, 0.62);
    }

    .main .back-header .navbar {
        margin: 17px -15px;
        height: 55px;
        justify-content: center;
    }

    .main .back-header .navbar-dark .navbar-nav .nav-link {
        color: white;
        -webkit-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s;
        text-align: center;
        text-transform: uppercase;

  font-family: Assistant;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;

    }

    .main .back-header .navbar-dark .navbar-nav .nav-link {
        text-shadow: 0px 0px 1px #2e0607;
    }

    .main .back-header .navbar-dark .navbar-nav .nav-item.hover .nav-link,
    .main .back-header .navbar-dark .navbar-nav .nav-link.link-scrolled {
        text-shadow: none;
    }




    .main.blog .back-header .navbar-dark .navbar-nav .nav-item.hover .nav-link {
        background-color: #452F31;
        color: white;
    }

    /*
.main .back-header  .navbar-dark .navbar-nav .nav-item:hover .dropdown-menu {
    padding-top: 24px;
    opacity: 1;
    pointer-events: all
} */

    .main .back-header .navbar-dark .navbar-nav .nav-item.hover .dropdown-menu {
        padding-top: 24px;
        opacity: 1;
        top: 64px;
        pointer-events: all;
    }

    .main .back-header .navbar-dark .navbar-nav .dropdown-menu {
        border: none;
        background-color: transparent;
        padding-top: 24px;
        -webkit-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s;
        display: block;
        opacity: 0;
        pointer-events: none
    }

    .main .home .expr .group1 {
        max-width: 730px;
        width: 100%;
        margin-right: 20px
    }

    .main .home .expr .group2 {
        max-width: 420px;
        width: 100%;
        margin-left: 20px
    }

    .hide {
        opacity: 0;
        pointer-events: none;
        height: 0;
        overflow: hidden;
    }

    .main .back-header .navbar-dark .navbar-nav .desktopboxsearsh {
        background-color: white;
        width: 0%;
        position: absolute;
        right: 27px;
        top: 89px;
        overflow: hidden;
        padding: 30px 0;
        transition: width .3s ease-in-out;
        -webkit-transition: width .3s ease-in-out;
        -moz-transition: width .3s ease-in-out;
        -ms-transition: width .3s ease-in-out;
        -o-transition: width .3s ease-in-out;
        box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.29);
        -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.29);
        -ms-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.29);
    }

    .main .back-header .navbar-dark .navbar-nav .desktopboxsearsh.visible {
        width: calc(100% - 54px);
    }

    .main .back-header .navbar-dark .navbar-nav .desktopboxsearsh .form-item.form-item-search-block-form {
        display: inline;
        margin-top: 1em;
        margin-bottom: 1em;
    }

    .main .back-header .navbar-dark .navbar-nav .desktopboxsearsh form {
        /* width: 600px; */
        /* background-color: #acc; */
        margin-left: 15px;
        margin-right: 15px;
        border-bottom: 2px solid grey;
    }

    .main .back-header .navbar-dark .navbar-nav .desktopboxsearsh .txtsearch {
        background-color: transparent;
        border: none;
        width: 500px;
        padding: 5px 10px;
        margin: 0px;
        margin-left: 20px;
        font-size: 18px;
        box-shadow: none;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        outline: none
    }

    .main .back-header .navbar-dark .navbar-nav .desktopboxsearsh label {
        display: none
    }

    .main .back-header .navbar-dark .navbar-nav .desktopboxsearsh .btncancel {
        font-size: 34px;
        padding: 0 10px;
        border: none;
        background-color: transparent;
        cursor: pointer;
        color: gray
    }

    .main .back-header .navbar-dark .navbar-nav .desktopboxsearsh .btncancel:hover {
        color: black
    }

    .right-fixed-box {
        position: fixed;
        height: 100vh;
        top: 0;
        right: 0px;
        /* width: 100%; */
        /* background-color: #463032; */
        z-index: 20;
        -webkit-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s
    }

    .right-fixed-box .tback {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.32);
        z-index: 1;
        opacity: 0;
        pointer-events: none;
        -webkit-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s
    }

    .right-fixed-box.show .tback {
        opacity: 1;
        pointer-events: all
    }

    .right-fixed-box .righ-tabs {
        position: absolute;
        height: 100%;
        top: 0;
        right: -700px;
        width: 700px;
        background-color: #5C190F;
        z-index: 20;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s
    }

    .right-fixed-box .righ-tabs .content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .right-fixed-box .righ-tabs .block-onmt-widget {
        width: 100%
    }

    .right-fixed-box.show .righ-tabs {
        right: 0;
    }

    .righ-tabs .tabs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: absolute;
        z-index: 2;
        left: -50px;
    }

    .righ-tabs .tpages {
        height: 80%;
        width: 100%;
        /* margin: 0 50px; */
        padding: 0 50px;
        /* overflow: auto; */
        position: relative;
        z-index: 10;
        background-color: #5C190F;
    }

    .tpages .panel {
        display: none
    }

    .righ-tabs .tabs .tbtn,
    .righ-tabs .tabs .sharbtn,
    .righ-tabs .tabs .suggestion {
        height: 45px;
        width: 52px;
        /*background-color: #B01A14; */
        border: none;
        border-bottom: 1px solid #ffc0a4;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
		background-image: url('/sites/all/themes/custom/onmt_theme/assets/icons/sticky-background.png');
		background-size: contain;
		background-repeat: no-repeat;
    }

    .righ-tabs .tabs .sharbtn {
        border-bottom: none;
        transition-duration: .3s;
        font-size: 18px;
        color: white;
        /* border: 1px solid  #ffc0a4; */
        border-right: none
    }

    .righ-tabs .tabs .shar-box {
        transition-duration: .3s
    }

    .righ-tabs .tabs .shar-box .sharbtn.facebook {
        background-color: #355089;
		background-image: unset;

    }

    .righ-tabs .tabs .shar-box .sharbtn.twitter {
        background-color: #6A98D2;
		background-image: unset;

    }

    .righ-tabs .tabs .shar-box .sharbtn.whatsapp {
        background-color: #449D48;
		background-image: unset;

    }

    .righ-tabs .tabs .shar-box .sharbtn.mail {
        background-color: #DB3C30;
		background-image: unset;
    }

    .righ-tabs .tabs .shar-box:hover {
        transform: translateX(calc(-100% + 60px));
    }

    .righ-tabs .tabs .tbtn.selected,
    .righ-tabs .tabs .tbtn.selected:hover {
        background-color: transparent;
        background-image: url(/sites/all/themes/custom/onmt_theme/assets/icons/sticky-background-hover.png);
    }

    .righ-tabs .tabs .tbtn:hover {
        /*background-color: rgb(233, 96, 37)*/
    }

    .righ-tabs .tabs .tbtn:last-child {
        border-bottom: none;
    }
    .img-icon.ic-suggestion {
        background-image: url(../icons/suggestion.png);
    }

    .righ-tabs .tabs .shar-box {
        border-bottom: 0.5px solid #ffc0a4;
    }

    .righ-tabs .tabs .suggestion {
        height: 60px;
        width: 60px;
        background-color: #B01A14;
        border: none;
        border-bottom: 1px solid #ffc0a4;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: none !important;
    }
    .righ-tabs .tabs {
        top: initial;
        bottom: 200px;
    }
    .owl-carousel .owl-stage-outer {
        height: 100%;
    }

    .main .back-header .navbar-dark .navbar-nav .dropdown-menu .container {
        background-color: white;
        padding-top: 35px;
        padding-bottom: 95px;
        background-repeat: no-repeat;
        background-position: right 4px;
        background-position: right bottom;
        height: 460px;
        box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.29);
        -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.29);
        -ms-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.29);
    }

    .main .back-header .navbar-dark .navbar-nav .dropdown-menu .container.m-infopratique {
        padding-top: 35px
    }

    .main .back-header .navbar-dark .navbar-nav .dropdown-menu .container.m-decouvrirmaroc {
        /* background-image: url(../images/decouvriremaroc.png); */
        background-size: 30%;
        background-position: 121% 100%;
    }

    .main .back-header .navbar-dark .navbar-nav .dropdown-menu .container.m-decouvrirmaroc .dm:first-child {
        padding: 0;
        padding-right: 15px
    }

    .main .back-header .navbar-dark .navbar-nav .dropdown-menu .container.m-decouvrirmaroc .dm:last-child {
        padding: 0;
        padding-left: 15px
    }

    .main .back-header .navbar-dark .navbar-nav .dropdown-menu .container.infopratique {
        /* background-image: url(../images/infopratique.png); */
    }

    .main .back-header .navbar .dropdown-menu .nav-link {
        color: #452F31;
    }

    .main .back-header .navbar .dropdown-menu .nav-link:hover {
        color: #452F31;
    }

    .main .back-header .navbar .dropdown-menu p {
        color: #452F31;
        font-size: 15px;
        text-align: justify;
        /* padding-top: 20px; */
        /* min-height: 140px */
    }

    .main .back-header .navbar .dropdown-menu .m-decouvrirmaroc p {
        padding-top: 38px;
        text-align: left;
    }

    .main .back-header .navbar .dropdown-menu a {
        color: unset
    }

    .main .back-header .navbar .dropdown-menu a:hover {
        color: #5C190F;
    }

    .main .back-header .navbar .dropdown-menu .ncard,
    .main .back-header .navbar .dropdown-menu .pcard {
        max-width: 177px;
        width: 100%;
    }

    .main .back-header .navbar .dropdown-menu .pcard img:hover,
    .main .back-header .navbar .dropdown-menu .ncard img:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }

    .dcard.chefchaouen,
    .blog-card,
    .endroits-card {
        -webkit-transition-duration: 0.2s;
        -o-transition-duration: 0.2s;
        transition-duration: 0.2s;
    }

    .dcard.chefchaouen:hover,
    .blog-card:hover,
    .endroits-card:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

    .main .back-header .navbar .dropdown-menu .m-blog .ncard img:hover {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .main .back-header .navbar .dropdown-menu .ncard-box {
        height: 100%;
    }

    .main .back-header .navbar .dropdown-menu .m-experiance .row {
        margin: 0
    }

    .main .back-header .navbar .dropdown-menu .m-experiance .ncard,
    .main .back-header .navbar .dropdown-menu .m-experiance .pcard,
    .main .back-header .navbar .dropdown-menu .m-voyagesurmesure h3,
    .main .back-header .navbar .dropdown-menu .m-voyagesurmesure .pcard {
        position: absolute;
        top: 60px
    }

    .main .back-header .navbar .dropdown-menu .m-experiance .pcard {
        top: 100px
    }

    .main .back-header .navbar .dropdown-menu .m-experiance .ncard:nth-child(1) {
        left: 6%
    }

    .main .back-header .navbar .dropdown-menu .m-experiance .ncard:nth-child(2) {
        left: calc(25% + 7px)
    }

    .main .back-header .navbar .dropdown-menu .m-experiance .ncard:nth-child(3) {
        left: 45%
    }

    .main .back-header .navbar .dropdown-menu .m-experiance .pcard:nth-child(4) {
        right: 23%
    }

    .main .back-header .navbar .dropdown-menu .m-experiance .pcard:nth-child(5) {
        right: 6%
    }

    .main .back-header .navbar .dropdown-menu .m-experiance .pcard:nth-child(6) {
        right: 23%;
        top: 325px;
    }

    .main .back-header .navbar .dropdown-menu .m-experiance .pcard:nth-child(7) {
        right: 6%;
        top: 325px;
    }

    .main .back-header .navbar .dropdown-menu .m-voyagesurmesure .pcard:nth-child(1) {
        left: 6%;
        top: 60px;
    }

    .main .back-header .navbar .dropdown-menu .m-voyagesurmesure .pcard:nth-child(2) {
        left: calc(25% + 7px);
        top: 60px;
    }

    .main .back-header .navbar .dropdown-menu .m-voyagesurmesure .pcard:nth-child(3) {
        left: 45%;
        top: 60px;
    }

    .main .back-header .navbar .dropdown-menu .m-voyagesurmesure .pcard:nth-child(4) {
        left: 6%;
        top: 275px;
    }

    .main .back-header .navbar .dropdown-menu .m-voyagesurmesure .pcard:nth-child(5) {
        left: calc(25% + 7px);
        top: 275px;
    }

    .main .back-header .navbar .dropdown-menu .m-voyagesurmesure .pcard:nth-child(6) {
        left: 45%;
        top: 275px;
    }

    .main .back-header .navbar .dropdown-menu .m-voyagesurmesure .pcard:nth-child(7) {
        right: 23%;
        top: 60px;
    }

    .main .back-header .navbar .dropdown-menu .m-voyagesurmesure .pcard:nth-child(8) {
        right: 6%;
        top: 60px;
        bottom: 0
    }

    .main .back-header .navbar .dropdown-menu .m-voyagesurmesure .pcard:nth-child(8) img,
    .main .back-header .navbar .dropdown-menu .m-voyagesurmesure .pcard:nth-child(7) img {
        height: 325px;
    }

    .main .back-header .navbar .dropdown-menu .m-voyagesurmesure .pcard:nth-child(9) {
        right: 23%;
        top: 275px;
    }

    .main .back-header .navbar .dropdown-menu .m-voyagesurmesure .pcard:nth-child(10) {
        right: 6%;
        top: 275px;
    }

    /*
.main .back-header .navbar .dropdown-menu .m-experiance .block0{

 }

.main .back-header .navbar .dropdown-menu .m-experiance .block0 .col-md-4:nth-child(1){
    /* padding-left: 0
}
.main .back-header .navbar .dropdown-menu .m-experiance .block0 .col-md-4:nth-child(2){
    display: flex;
    justify-content: center
}

.main .back-header .navbar .dropdown-menu .m-experiance .block0 .col-md-4:nth-child(3){
    /* padding-right: 0;
    display: flex;
    justify-content: flex-end
}

.main .back-header .navbar .dropdown-menu .m-experiance .block1{
    padding-top: 45px
}

.main .back-header .navbar .dropdown-menu .m-experiance .block1>.row,
.main .back-header .navbar .dropdown-menu .m-voyagesurmesure .block1>.row{
    display: flex;
    justify-content: flex-end
}


.main .back-header .navbar .dropdown-menu .m-experiance .block1 .col-md-5,
.main .back-header .navbar .dropdown-menu .m-voyagesurmesure .block1 .col-md-5{
    display: flex;
    justify-content: flex-end;
    padding-left: 0;
    padding-right: 30px
}
.main .back-header .navbar .dropdown-menu .m-experiance .block1 .col-md-5:nth-child(2),
.main .back-header .navbar .dropdown-menu .m-voyagesurmesure .block1 .col-md-5:nth-child(3){
   padding-right: 15px
}
.main .back-header .navbar .dropdown-menu .m-experiance .block1 .col-md-5:nth-child(4),
.main .back-header .navbar .dropdown-menu .m-voyagesurmesure .block1 .col-md-5:nth-child(5){
   padding-right: 15px
} */

    .main .back-header .navbar .dropdown-menu .m-voyagesurmesure .block1 .col-md-10 {
        /* padding-left: 30px */
    }

    .main .back-header .navbar .dropdown-menu .fcard:hover img {
        -webkit-transform: rotate(3deg) scale(1.2);
        -ms-transform: rotate(3deg) scale(1.2);
        transform: rotate(3deg) scale(1.2);
    }

    .main .back-header .navbar .dropdown-menu .ncard h3,
    .main .back-header .navbar .dropdown-menu .voyagesurmesure h3,
    .main .back-header .navbar .dropdown-menu .bcard h3,
    .main .back-header .navbar .dropdown-menu .vcard h3 {
        font-size: 18px;
        color: #452f31;
        font-weight: 600;
        padding: 0px 5px;
        text-transform: uppercase;
        min-height: 45px;
        margin: 0
    }

    .main .back-header .navbar .dropdown-menu .ncard img {
        height: 80px;
        width: 100%;
        -o-object-fit: fill;
        object-fit: fill;
        margin-bottom: 20px
    }

    .main .back-header .navbar .dropdown-menu .group2.sm {
        padding-top: 45px;
    }

    .main .back-header .navbar .dropdown-menu .ncard.sm img {
        margin-bottom: 10px;
    }

    .main .back-header .navbar .dropdown-menu .ncard ul,
    .main .back-header .navbar .dropdown-menu .bcard ul {
        list-style-image: url(../icons/ic-sun.png);
        padding-left: 17px;
        font-size: 16px;
    }

    .main .back-header .navbar .dropdown-menu .bcard ul {
        margin-top: 10px;
        margin-bottom: 15px;
        height: 70px;
        overflow: hidden;
    }

    .main .back-header .navbar .dropdown-menu .ncard ul li,
    .main .back-header .navbar .dropdown-menu .bcard ul li {
        margin: 5px 0px
    }

    .main .back-header .navbar .dropdown-menu .dcard {
        /* height: 100%; */
        background-color: #9e9e9e;
        position: relative;
        height: 290px;
        /* margin-top: 45px; */
        margin-top: 69px;
    }

    .main .back-header .navbar .dropdown-menu .icard {
        /* height: calc(100% + 89px); */
        width: 100%;
        /* max-width: 350px; */
        background-color: #e2e2e2;
        position: absolute;
        top: -76px;
        margin-left: 41px;
        padding: 50px 15px 0px 15px;
    }

    .main .back-header .navbar .dropdown-menu .icard h3 {
        font-size: 18px;
        font-weight: bold;
        color: #463032;
        margin-bottom: 45px
    }

    .main .back-header .navbar .dropdown-menu .icard ul {
        list-style: none;
        margin: 0;
        padding: 0px
    }

    .main .back-header .navbar .dropdown-menu .icard ul li {
        margin: 6px 0px
    }

    .main .back-header .navbar .dropdown-menu .icard ul li a {
        font-size: 16px;
        color: #463032;
        font-family: ubuntu;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .main .back-header .navbar .dropdown-menu .icard ul li a .icon {
        height: 22px;
        width: 22px;
        -o-object-fit: contain;
        object-fit: contain;
        margin-right: 8px
    }

    .main .back-header .navbar .dropdown-menu .dcard img {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: 75%;
        object-position: 75%;
    }

    .main .back-header .navbar .dropdown-menu .dcard .back {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
		/* background-color: rgba(37, 37, 37, 0.51); */
		/*background: radial-gradient(farthest-corner at 50% 75%, rgba(0,0,0,0.31) 25%, rgba(0,0,0,0) 100%);*/
    }

    .main .back-header .navbar .dropdown-menu .dcard .content {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        padding: 35px 4px
    }

    .main .back-header .navbar .dropdown-menu .dcard .content h3 {
        color: white;
        font-size: 18px;
        text-align: center;
        min-height: 70px;
    }

    .main .back-header .navbar .dropdown-menu .dcard.chefchaouen .content h3 {
        font-style: italic;
        min-height: 40px;
    }

    .main .back-header .navbar .dropdown-menu .dcard.chefchaouen .content h2 {
        font-family: kaushan;
        color: white;
        padding: 0px 10px;
        text-align: center;
        display: block;
    }

    .main .back-header .navbar .dropdown-menu .dcard .content a {
        padding: 4px 16px;
        font-size: 16px;
        margin-top: 35px
    }

    .main .back-header .navbar .dropdown-menu .pcard img {
        height: 80px;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .main .back-header .navbar .dropdown-menu .pcard span {
        color: #252525;
        font-size: 18px;
        padding: 5px 2px 20px 5px;
        /* margin-bottom: 5px; */
        display: block;
        font-weight: 700;
        text-transform: uppercase
    }

    .main .back-header .navbar .dropdown-menu .fcard {
        position: relative;
        height: 100%;
        padding-top: 45px;
        max-width: 191px;
        padding-bottom: 24px;
    }

    .main .back-header .navbar .dropdown-menu .fcard.tt {
        padding-top: 0px;
    }

    .main .back-header .navbar .dropdown-menu .fcard img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .main .back-header .navbar .dropdown-menu .fcard .content {
        /* height: 100%; */
        height: 210px;
        width: 100%;
        overflow: hidden;
    }

    .main .back-header .navbar .dropdown-menu .fcard h3 {
        font-size: 18px;
        color: #452f31;
        font-weight: 600;
        padding: 0px 5px;
        text-transform: uppercase;
        min-height: 45px;
        margin: 0;
    }

    .main .back-header .navbar .dropdown-menu .fcard h2 {
        position: absolute;
        bottom: 24px;
        width: 100%;
        margin: 0;
        color: white;
        text-align: center;
        font-size: 18px;
        height: 62px;
        background-color: rgba(0, 0, 0, 0.612)
    }

    .main .back-header .navbar .dropdown-menu .bcard {}

    .main .back-header .navbar .dropdown-menu .bcard h3 {}

    .main .back-header .navbar .dropdown-menu .bcard img {
        width: 100%;
        height: 80px !important;
        height: 211px;
        margin-bottom: 10px
    }


    .main .back-header .navbar .dropdown-menu .bcard p {}

    .main .back-header .navbar .dropdown-menu .bcard .btn-vm-primary,
    .main .back-header .navbar .dropdown-menu .vcard .btn-vm-primary {
        padding: 4px 24px;
        font-size: 16px;
        width: max-content;
        margin: 0 auto;
    }

    .main .back-header .navbar .dropdown-menu .vcard {}

    .card-plus {
        background-color: #FE4B00;
    }

    .card-plus a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
        width: 100%
    }

    .card-plus .icon {
        padding: 33px;
        background-image: url("../icons/ic-plus.svg");
        background-size: contain;
        background-repeat: no-repeat;
        ;
        display: block;
        margin-bottom: 20px
    }

    .card-plus span {
        color: white;
        font-size: 22px
    }

    .main .back-header .navbar .dropdown-menu .vcard h3 {
        width: 100%;
    }

    .main .back-header .navbar .dropdown-menu .vcard .content {
        height: 291px;
        background-color: #eeeeee;
    }

    .main .back-header .navbar .dropdown-menu .vcard .content .box {
        position: relative;
        height: 210px;
        width: 100%
    }

    .main .back-header .navbar .dropdown-menu .vcard .content .box img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .main .back-header .navbar .dropdown-menu .vcard .content .box .play {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .main .back-header .background-box .header-slider.owl-theme .owl-nav {
        position: absolute;
        bottom: 65px;
        right: 160px;
    }

    .main .back-header .background-box .header-slider.owl-theme .owl-nav button {
        width: 40px;
        font-size: 32px;
        color: white
    }

    .main .back-header .background-box .header-slider.owl-theme .owl-nav button span {
        color: white;
        font-size: 50px;
    }

    .main .back-header .background-box .header-slider.owl-theme .owl-nav button:hover {
        background-color: transparent;
        /* border: 1px solid white */
    }

    .main .back-header .navbar .dropdown-menu .vcard .content .box .play button {
        border: none;
        border-radius: 100%;
        font-size: 30px;
        width: 60px;
        height: 60px;
        padding: 9px 14px 9px 20px;
        color: white;
        background-color: rgba(95, 95, 95, 0.31)
    }

    .main .back-header .navbar .dropdown-menu .vcard .content p {
        padding: 16px 15px;
        min-height: unset
    }

    .main .back-header .navbar .dropdown-menu .vcard .content .box .time {
        position: absolute;
        right: 8px;
        bottom: 10px;
        font-size: 12px;
        background-color: #FFFCF6;
        padding: 1px 7px;
    }

    .main .back-header .navbar .dropdown-menu .vcard .btn-vm-primary {
        margin-top: 25px;
        max-width: 100%;
        padding: 4px 15px;
        width: 100%;
    }

    .main .back-header .navbar .dropdown-toggle::after {
        content: none;
    }

    .main .back-header .f-header {
        height: 40px;
        /* background-color: bisque; */
        position: relative;
        z-index: 4;
    }

    /* .main .back-header {
    height: 100%;
} */

    .main .back-header .logo-maroc-box {
        height: 0;
    }

    .main .back-header .logo-maroc {
        height: 125px;
        width: 125px;
        /* margin-top: 2px; */
        -o-object-fit: contain;
        object-fit: contain;
        /* background-color: #463032; */
        /* position: absolute; */
        /* margin-bottom: 40px; */
        -webkit-transition-duration: .2s;
        -o-transition-duration: .2s;
        transition-duration: .2s;
        max-width: unset;
        position: relative;
        top: -20px
    }

    .main .back-header .tube-video {
        position: absolute;
        top: 0px;
        height: 660px;
        overflow: hidden;
        width: 100%;
        z-index: -1;
    }

    .main .back-header .tube-video .tube {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
    }

    .main .back-header .social-medias .icon,
    .social-medias .icon {
        color: #463032;
        height: 32px;
        width: 32px;
        display: inline-block;
        font-size: 13px;
        border-radius: 15px;
        text-align: center;
        line-height: 22px;
        margin: 0px 2px;
        padding-top: 2px;
        background-color: white;
    }

    .main .back-header .social-medias .icon:hover,
    .social-medias .icon:hover,
    .main .social-media-box .social-medias .icon:hover {
        color: white;
        background-color: #463032;
    }

    .main .back-header .social-medias {
        padding: 5px 16px
    }

    header .ic-search {
        background-color: white;
        color: #463032;
        padding: 9px 15px;
        margin-top: 12px;
        font-size: 25px
    }

    .main .back-header .nos-plans {
        margin-top: 34px;
    }

    .tube-video .logo-box {
        position: absolute;
        bottom: 0;
        width: 100%
    }

    .main .back-header .background-box {
        position: absolute;
        top: 0px;
        overflow: hidden;
        width: 100%;
        z-index: 1;
        height: 100%;
    }

    .main.home .back-header .background-box {
        pointer-events: none
    }

    .main.blog .back-header .background-box {
        height: 100%;
        background-color: white
    }

    .main.blog .back-header {
        height: 930px;
    }

    .main.blog .back-header .background-box {
        padding-top: 140px;
    }

    .main .blog .back-header .background-box {
        height: 130px;
        background-color: white;
        box-shadow: 0px 5px 14px -7px rgba(0, 0, 0, 0.62);
        -webkit-box-shadow: 0px 5px 14px -7px rgba(0, 0, 0, 0.62);
        -ms-box-shadow: 0px 5px 14px -7px rgba(0, 0, 0, 0.62);
    }

    .main.blog .back-header .navbar-dark .navbar-nav .nav-link {
        color: #453032
    }

    .main .back-header .background-box .tube {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: scale(1.4);
        -ms-transform: scale(1.4);
        transform: scale(1.4);
        /* pointer-events: none */
    }

    /* adds some margin below the link sets  */

    .navbar .dropdown-menu div[class*="col"] {
        margin-bottom: 1rem;
    }

    .navbar .dropdown-menu {
        border: none;
    }

    .main .blog {
        position: relative;
        margin-top: 40px;
        z-index: 1;
        background: -webkit-linear-gradient(rgba(241,235,230,0),#F1EBE6);
        background: -webkit-linear-gradient(rgba(241,235,230,0),#F1EBE6);
        background: -o-linear-gradient(rgba(241,235,230,0),#F1EBE6);
        background: linear-gradient(rgba(241,235,230,0),#F1EBE6);
    }
    .main .blog-detail > .contenu {
        background: -webkit-linear-gradient(rgba(241,235,230,0),rgba(241,235,230,60%));
        background: -webkit-linear-gradient(rgba(241,235,230,0),rgba(241,235,230,60%));
        background: -o-linear-gradient(rgba(241,235,230,0),rgba(241,235,230,60%));
        background: linear-gradient(rgba(241,235,230,0),rgba(241,235,230,60%));
        padding-bottom: 100px;
    }

    .main .back-header .background-box .blog {
        height: 100%;
        width: 100%
    }

    .main .back-header .background-box .blog img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .main .back-header .background-box .blog .back {
        height: 100%;
        width: 100%
    }

    .main .mjumbotron {
        /* padding: 350px 0; */
        position: relative;
        /* margin-bottom: 45px; */
        height: 100%;
        background-image: url(../images/blogback.svg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 0px -80px;
    }

    .main .back-header .mjumbotron h1 {
        font-size: 127px;
        font-family: mustache_brush_script;
        text-transform: capitalize;
        color: #c5c4c3;
        margin-top: -60px;
        text-align: center;
        margin-left: 0
    }

    .main .mjumbotron .box-1,
    .main .mjumbotron .box-1,
    .main .mjumbotron .box-2,
    .main .mjumbotron .box-3,
    .main .mjumbotron .box-4,
    .main .mjumbotron .box7,
    .main .mjumbotron .box9 {
        position: absolute;
        box-shadow: 0px 7px 42.14px 0.86px rgba(153, 47, 2, 0.2);
        -webkit-box-shadow: 0px 7px 42.14px 0.86px rgba(153, 47, 2, 0.2);
        -ms-box-shadow: 0px 7px 42.14px 0.86px rgba(153, 47, 2, 0.2);
    }

    .main .mjumbotron .box-5,
    .main .mjumbotron .box-10 {
        position: absolute;
        bottom: 0
    }

    .img-cover {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .main .mjumbotron .box-5 img {
        /* box-shadow: 0px 0px 69px 0px #8080804a; */
    }

    .main .mjumbotron .box-1 .content .title {
        font-size: 14px;
        font-family: tomatoes;
        display: block;
        text-align: center;
        padding: 14px 0 5px 0;
        color: #515050
    }

    .main .mjumbotron .box-3 .content .title {
        font-size: 17px;
        font-family: pacifico;
        display: block;
        text-align: center;
        padding: 14px 0 5px 0;
        color: #515050
    }

    .main .mjumbotron .box-4 .content .title {
        font-size: 17px;
        font-family: pacifico;
        display: block;
        padding: 10px 0 0 30px;
        color: #515050;
        font-weight: 700
    }

    .main .mjumbotron .box-4 .content .ic-maroc {
        height: 100px;
        width: 100px;
        margin-left: 25px;
        -o-object-fit: contain;
        object-fit: contain;
    }

    .main .mjumbotron .box-1 .content p {
        font-size: 10px;
        display: block;
        text-align: center;
        padding: 0px 5px;
    }

    .main .mjumbotron .box-3 .content p {
        font-size: 14px;
        display: block;
        text-align: center;
        padding: 0px 5px;
    }

    .main .mjumbotron .box-3 img {
        width: 100%;
        height: 80%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .main .mjumbotron .box-4 img {
        width: 100%;
        height: 45%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .main .mjumbotron .back {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
    }

    .btn-navigation {
        text-transform: uppercase;
        background-color: #B01A14;
        color: white;
        font-size: 16px;
        padding: 4px 20px;
        cursor: pointer;
    }

    .main .mjumbotron .box-1 {
        width: 200px;
        height: 154px;
        bottom: 255px;
        left: 10%;
        z-index: 1;
        background-color: white;
        border: 8px solid white;
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    .main .mjumbotron .box-2 {
        width: 230px;
        height: 220px;
        top: 40px;
        left: calc(50% - 140px);
        transform: rotate(10deg);
        z-index: 1;
        background-color: white;
        border: 8px solid white;
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        -o-transform: rotate(10deg);
    }

    .main .mjumbotron .box-3 {
        width: 190px;
        height: 280px;
        top: 90px;
        right: 50px;
        z-index: 1;
        background-color: white;
    }

    .main .mjumbotron .box-4 {
        width: 190px;
        height: 280px;
        top: 155px;
        right: -58px;
        z-index: 1;
        background-color: white;
    }

    .main .mjumbotron .box9,
    .main .mjumbotron .box7 {
        width: 100%;
        height: 60px;
        background-image: url("../images/smajli-landing.png");
        background-size: contain;
        background-repeat: no-repeat
    }

    .main .mjumbotron .box7 {
        width: 200px;
        top: 120px;
        left: 25%;
        z-index: 1;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .main .mjumbotron .box-5 {
        width: 100px;
        height: 120px;
        top: 155px;
        left: 15%;
        z-index: 1;
    }

    .cadre {
        padding: 10px;
        background-image: url(../images/cadre.png);
        background-size: cover;
        background-position: center
    }

    .cadre {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .main .mjumbotron .box-7 img {
        z-index: 2;
    }

    .main .mjumbotron .box-6 .cadre,
    .main .mjumbotron .box-7 .cadre {
        z-index: -1;
    }

    .main .mjumbotron .box-6 {
        height: 125px;
        width: 85px;
        position: absolute;
        bottom: 255px;
        right: 19%;
        padding: 6px;
        transform: rotate(15deg);
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.11);
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.11);
        z-index: 1;
        -webkit-transform: rotate(15deg);
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -o-transform: rotate(15deg);
    }

    .main .mjumbotron .box-7 {
        bottom: 255px;
        right: 20%;
        height: 125px;
        width: 85px;
        position: absolute;
        padding: 6px;
        z-index: 2;
        background: white;
    }

    .main .mjumbotron .box9 {
        width: 200px;
        bottom: 255px;
        right: 29%;
        z-index: 1;
        transform: scale(-1);
        /* background-color: white; */
        -webkit-transform: scale(-1);
        -moz-transform: scale(-1);
        -ms-transform: scale(-1);
        -o-transform: scale(-1);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .main .mjumbotron .box-5 .title span {
        position: absolute;
        top: 63px;
        left: 50px;
        font-size: 24px;
        /* width: 34px; */
        line-height: 1;
        text-align: center;
        font-weight: 700;
        background-color: white;
        border-radius: 100%;
        /* width: 50px; */
        padding: 7px 17px;
        -webkit-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.11);
        box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.11);
        /* display: block; */
    }

    .main .mjumbotron .box-5 .box-img img {
        height: 100%;
        width: 100%;
        z-index: 2;
    }

    .main .mjumbotron .box-5 .box-img {
        position: absolute;
        top: 0;
        height: 90%;
        width: 90%;
        padding: 6px;
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.11);
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.11);
    }

    .main .mjumbotron .box-5 .box-img .cadre {
        /* width: 100%;
   height: 90%; */
        z-index: -1;
    }

    .main .mjumbotron .box-5 .title {
        height: 100%;
    }

    .main .mjumbotron .box-5 .title span small {
        font-size: 15px;
    }

    #onmt-gallery-get-video-form .single_video {
        background-color: #F5F6FA;
        height: 554.8px;
        margin: 25px 0px;
        position: relative;
        overflow: hidden;
        box-shadow: 0px 3px 10px -3px rgba(0, 0, 0, 0.251);
        -webkit-box-shadow: 0px 3px 10px -3px rgba(0, 0, 0, 0.251);
        -ms-box-shadow: 0px 3px 10px -3px rgba(0, 0, 0, 0.251);
    }

    .main .blog .blog-card img,
    #onmt-gallery-get-video-form .single_video img {
        width: 100%;
        object-fit: cover;
        height: 260px;
    }
    .main .blog .blog-card {
        background-color: #ffffff;
        height: 554.8px;
        margin: 25px 0px;
        border: none;
        border-radius: 0px;
        position: relative;
    }
    .main .blog .blog-card .content {
        padding: 40px
    }
    .main .blog .blog-card .blog-card-img-overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 40px;
    }

    .main .blog .blog-card .content .body h2,
    #onmt-gallery-get-video-form .single_video .video-title {
        font-size: 17px;
        font-weight: 700;
        overflow: hidden;
    }

    .main .blog .blog-card .content .body p {
        font-size: 15px;
        overflow: hidden;
        margin: 0;
        color: #6a6a6a;
    }

    .main .blog .blog-card .content .body {
        min-height: 170px;
        margin-bottom: 0px;
        margin-top: 20px;
        background-color: transparent
    }

    .main .blog.blog-detail .city,
    .main .blog.blog-detail .cat,
    .main .blog .blog-card .cat {
        padding: 8px 18px;
        border-radius: 110.5px;
        background-color: #B01A14;
        color: #FFFFFF;
        font-family: 'Assistant SemiBold';
        font-size: 16px;
        letter-spacing: 0;
        line-height: 21px;
        text-align: center;
        background-image: url(../images/tag.png);
        background-position-x: -240px;
        background-position-y: -75px;
        background-repeat: no-repeat;
        display: inline-block;
        /* margin-top: 10px; */
    }

    .main .blog .catcard .nbr {
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        padding-top: 16px;
        height: 53px;
        width: 40px;
        font-family: 'Assistant SemiBold';
        border-radius: 110.5px;
        background-color: #B01A14;
        color: #FFFFFF;
        font-size: 20px;
        letter-spacing: 0;
        line-height: 24px;
        background-image: url(../images/tag.png);
        background-position-x: -240px;
        background-position-y: -75px;
    }
    .main .blog .catcard .nbr.nbr370,
    .main .blog .blog-card .nbr370 {
        background-color: #B01A14;
    }
    .main .blog.blog-detail .nbr373,
    .main .blog.blog-detail .nbr543,
    .main .blog .catcard .nbr.nbr373,
    .main .blog .catcard .nbr.nbr543,
    .main .blog .blog-card .nbr373,
    .main .blog .blog-card .nbr543 {
        background-color: #B01A14;
    }
    .main .blog.blog-detail .nbr371,
    .main .blog.blog-detail .nbr374,
    .main .blog .catcard .nbr.nbr371,
    .main .blog .catcard .nbr.nbr374,
    .main .blog .blog-card .nbr371,
    .main .blog .blog-card .nbr374{
        background-color: #004746;
    }
    .main .blog.blog-detail .nbr545,
    .main .blog .catcard .nbr.nbr545,
    .main .blog .blog-card .nbr545 {
        background-color: #018380;
    }
    .main .blog.blog-detail .nbr544,
    .main .blog.blog-detail .nbr376,
    .main .blog.blog-detail .nbr372,
    .main .blog .catcard .nbr.nbr544,
    .main .blog .catcard .nbr.nbr376,
    .main .blog .catcard .nbr.nbr372,
    .main .blog .blog-card .nbr544,
    .main .blog .blog-card .nbr376,
    .main .blog .blog-card .nbr372 {
        background-color: #1C2E55;
    }
    .main .blog.blog-detail .nbr369,
    .main .blog .catcard .nbr.nbr369,
    .main .blog .blog-card .nbr369 {
        background-color: #DFA587;
    }

    .main .blog .blog-card .card-title {
        color: #FFFFFF;
        font-family: "merriweather";
        font-size: 22px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 24px;
        margin-top: 120px;
        position: absolute;
        bottom: 310px;
    }

    .main .blog .blog-card .content .date {
        font-size: 13px;
        color: #868686
    }

    .main .blog .blog-card .content .footer a {
        color: #CA5210;
        font-size: 13px
    }

    .main .blog .blog-card .content .footer .social-btns a {
        color: #181818
    }

    .main .blog .catcard {
        margin-bottom: 15px
    }


    .main .blog .catcard .cat {
        color: #1A1A1A;
        font-family: 'Assistant Regular';
        font-size: 18px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 24px;
    }

    .main .blog .catcard .cat h4{
        color: #1A1A1A;
        font-size: 18px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 24px;
    }
    .main .blog .follow-us .btn-social,
    .main .recompenses .follow-us .btn-social {
        height: 66px;
        width: 192.3px;
        position: relative;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto
    }

    .main .blog .follow-us .btn-social .back,
    .main .recompenses .follow-us .btn-social .back {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 0%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.12);
        -webkit-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s;
    }

    .main .blog .follow-us .btn-social:hover .back,
    .main .recompenses .follow-us .btn-social:hover .back {
        width: 100%;
        border-radius: 0;
    }

    .main .blog .follow-us .btn-social .icon,
    .main .recompenses .follow-us .btn-social .icon {
        font-size: 20px;
        color: white
    }

    .main .blog .follow-us .btn-social.facebook,
    .main .recompenses .follow-us .btn-social.facebook {
        background-color: #3B5998
    }

    .main .blog .follow-us .btn-social.twitter,
    .main .recompenses .follow-us .btn-social.twitter {
        background-color: #55ACEE
    }

    .main .blog .follow-us .btn-social.youtube,
    .main .recompenses .follow-us .btn-social.youtube {
        background-color: #F61C0D
    }

    .main .blog .follow-us .btn-social.instagram,
    .main .recompenses .follow-us .btn-social.instagram {
        background-color: #D13767
    }

    .main .blog .follow-us .btn-social.pinterest,
    .main .recompenses .follow-us .btn-social.pinterest {
        background-color: #c9353d
    }
    .block-temoignage{
        background-color: #5C190F;
        background-image: url(../images/patterns-temoignage.png);
        background-repeat: no-repeat;
        background-size: 100%;
        padding-top: 200px;
    }
    .main .eventpage {
        padding-bottom: 50px
    }

    .main .eventpage .calander {
        background-image: url(../images/calendar.svg);
        background-repeat: no-repeat;
        background-position: center 0px;
        background-size: 46%;
        padding-top: 30px;
    }

    .main .eventpage .event {
        background-color: white;
        -webkit-box-shadow: 0px 2px 5px 0px rgba(161, 161, 161, 1);
        -moz-box-shadow: 0px 2px 5px 0px rgba(161, 161, 161, 1);
        box-shadow: 0px 2px 5px 0px rgba(161, 161, 161, 1);
    }

    .main .eventpage .event .info {
        padding-right: 20px;
        padding-left: 10px;
    }

    .main .eventpage .event .socialshare .icon {
        font-size: 22px
    }

    .main .eventpage .event .socialshare .btn-social {
        padding: 0 10px
    }

    .main .eventpage .event img {
        /* height: 100%; */
        width: auto;
        max-width: 100%;
    }

    .main .eventpage .event .info .date {
        font-size: 33px;
        font-weight: bold;
        margin-top: 2px;
        display: block;
        /* text-transform: uppercase; */
        color: #252525;
    }

    .main .eventpage .event .info .cate {
        font-size: 21px;
        margin-top: 20px;
        margin-bottom: 20px;
        display: block;
        font-style: italic;
        color: #252525;
    }

    .main .eventpage .event .info .disc {
        font-size: 18px;
        color: #444444;
        overflow: auto;
        max-height: 200px;
    }

    .main .eventpage .event .info .disc p {
        /* margin-bottom: 0px; */
        padding-right: 20px;
    }

    .main .eventpage .event .info .disc p:last-child {
        margin-bottom: 0px
    }

    .main .eventpage .event .info .share {
        /* padding: 25px 5px 0 140px; */
    }

    .main .eventpage .event .info .share .social {
        height: 45px;
        width: 45px;
        margin: 0 10px;
        position: relative;
        overflow: hidden;
    }

    .main .eventpage .event .info .share .social::after {
        height: 0;
        width: 44px;
        content: "";
        /* border-bottom: 1px solid; */
        position: absolute;
        bottom: 0;
        box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.569);
        -webkit-box-shadow: 0px 0px 7px 2px hsla(0, 0%, 0%, 0.569);
        -ms-box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.569);
    }

    .main .eventpage .event .info .share .social a {
        font-size: 24px;
        color: white;
        height: 90%;
        width: 90%;
        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;
        border-radius: 4px;
        position: absolute;
        top: 15px;
        left: 2px;
    }

    .main .eventpage .event .info .share .social a:hover {
        top: 8px
    }

    .main .eventpage .event .info .share .social.fb a {
        background-color: #3B5998
    }

    .main .eventpage .event .info .share .social.twitter a {
        background-color: #2BA9E1
    }

    .main .eventpage .event .info .share .social.mail a {
        background-color: #B72731
    }

    .main .eventpage .event .info .share .social.in a {
        background-color: #007BB6
    }

    .main .eventpage .next-event {
        height: 233px;
        position: relative;
        margin-top: 54px;
        margin-bottom: 30px
    }

    .main .eventpage .next-event .title {
        position: absolute;
        top: 47px;
        left: 49.5%;
        z-index: 2;
        color: white;
    }

    .main .eventpage .next-event .item {
        margin: 0
    }

    .main .eventpage .next-event .item .content {
        background-color: #463032;
        width: 55%;
        padding: 127px 40px 20px 52px;
        color: white;
        /* display: flex; */
        display: block;
        justify-content: space-between;
        flex-direction: column
    }

    .main .eventpage .next-event .item .content h4 {
        font-size: 22px;
        margin-bottom: 27px
    }

    .main .eventpage .next-event .item .content span {
        font-size: 16px;
        color: #e9e9e9;
        margin-right: 20px
    }

    .main .eventpage .next-event .owl-theme .owl-dots {
        text-align: center;
        position: absolute;
        -webkit-tap-highlight-color: transparent;
        top: 210px;
        width: 100%;
        display: none
    }

    .main .eventpage .next-event .item img {
        /*  width: 45%; */
        height: 249px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .main .eventpage .next-event .owl-carousel {}

    .main .eventpage .next-event .owl-carousel .owl-nav {
        color: white;
        font-size: 34px;
    }

    .main .eventpage .next-event .owl-carousel .owl-nav button {
        padding: 0px 13px 7px 14px !important;
        line-height: 1;
        background-color: rgba(0, 0, 0, 0.141);
    }

    .filter .group-controls {
        background-color: white;
        padding: 28px 20px 0px 20px;
        /* min-width: 190px; */
        -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
    }

    .filter .checkbox-group {
        width: 100%;
        background: white;
        margin-bottom: 30px;
        padding: 17px 50px 10px 18px;
        -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
    }

    .filter .col-lg-2dot4 {
        padding: 0 2px
    }

    .filter .col-lg-2dot4:nth-child(2) {
        padding-left: 15px
    }

    .filter .col-lg-2dot4:nth-child(6) {
        padding-right: 15px
    }

    .filter .checkbox-group .custom-control {
        padding: 10px 36px;
        /* min-width: 206px; */
        /* flex: auto */
    }

    .filter .checkbox-group .checkbox {
        justify-content: space-between;
        display: flex
    }

    .filter .checkbox-group .checkbox label {
        font-size: 21px;
        font-weight: 500;
    }

    .filter .group-controls.btn {
        background-color: #B01A14;
        padding: 23px 40px;
        border-radius: 0;
        width: 100%;
        color: white;
        display: flex;
        font-size: 21px;
        text-align: center;
        text-align: -webkit-center;
    }

    .filter .group-controls label,
    .filter .lblcat {
        color: #252525;
        font-size: 21px;
        text-transform: uppercase;
        line-height: 1;
        padding: 0;
        margin: 0;
        font-weight: 500;
    }

    .main .events .items-box {
        background-color: transparent;
        margin-bottom: 10px
    }

    .filter .group-controls input,
    .filter .group-controls select {
        border: none;
        color: #252525;
        font-size: 18px;
        /* padding: 10px 0; */
        outline: none;
        width: 100%;
        height: 46px;
        margin-top: 4px
    }

    .filter .group-controls input,
    .filter .group-controls select {
        box-shadow: none;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
    }

    .filter .group-controls button {
        background-color: transparent;
        color: white;
        font-size: 21px;
        border: none;
        text-transform: uppercase
    }

    .main .events .event-card {
        background-color: white;
        height: 420px;
        margin: 20px 0px;
        position: relative;
        overflow: hidden;
        box-shadow: 0px 3px 10px -5px rgba(0, 0, 0, 0.251);
        -webkit-box-shadow: 0px 3px 10px -5px rgba(0, 0, 0, 0.251);
        -ms-box-shadow: 0px 3px 10px -5px rgba(0, 0, 0, 0.251);
    }

    .main .events .event-card img {
        width: 100%;
        height: 265px;
    }

    .main .events .event-card .back {
        background-color: white;
        height: 100px;
        position: absolute;
        width: 120%;
        -webkit-transform: rotate(7deg);
        -ms-transform: rotate(7deg);
        transform: rotate(7deg);
        top: 231px;
        left: -20px;
    }

    .main .events .event-card .content {
        position: absolute;
        width: 100%;
        position: absolute;
        padding: 10px 25px;
        height: 152px;
    }

    .main .events .event-card .content .body {
        background-color: transparent
    }

    .main .events .event-card .content .cat,
    .main .events .event-card .content .date {
        color: #6a6a6a;
        font-size: 16px;
    }

    .main .events .event-card .content .date {
        text-transform: capitalize;
    }

    .main .events .event-card .content .body h2 {
        font-size: 17px;
        font-weight: 700;
        overflow: hidden;
    }

    .main .events .event-card .content .body .hr {
        background-image: url(../images/hr.png);
        padding: 10px 0px;
        background-repeat: no-repeat;
        background-position: -12px -8px;
    }

    .main .events .btn-vm-primary {
        padding: 4px 20px
    }

    .main .home {
        overflow: hidden;
    }

    .background {
        background-image: url('../images/background.png');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .main .home .not-miss .img1,
    .main .home .not-miss .img2,
    .main .home .not-miss .img3,
    .main .home .not-miss .img4,
    .main .home .not-miss .img5 {
        overflow: hidden;
    }

    .main .home .not-miss .img1 {
        height: 232px;
    }

    .main .home .not-miss .img2 {
        height: 286px;
    }

    .main .home .not-miss .img3 {
        height: 530px;
    }

    .main .home .not-miss .img4 {
        height: 280px;
    }

    .main .home .not-miss .img5 {
        height: 235px;
    }

    .main .home img {
        object-fit: cover;
    }

    /* -------------------TEST----------------------- */

    .not-miss .box-1 {
        /* margin-top: 36px; */
        /* width: 415px; */
        height: 255px;
        position: relative;
        overflow: hidden;
        width: 100%;
        -webkit-clip-path: polygon(0 25%, 100% 15%, 100% 100%, 0 100%);
        clip-path: polygon(0 25%, 100% 15%, 100% 100%, 0 100%);
    }

    .not-miss .box-2 {
        /* width: 376px; */
        height: 300px;
        position: relative;
        overflow: hidden;
        width: 100%;
        -webkit-clip-path: polygon(10% 0, 100% 0, 100% 93%, 10% 100%);
        clip-path: polygon(10% 0, 100% 0, 100% 93%, 10% 100%);
    }

    .not-miss .box-3 {
        /* margin-top: 18px; */
        height: 566px;
        -webkit-clip-path: polygon(0 7%, 100% 3%, 100% 93%, 0 97%);
        clip-path: polygon(0 7%, 100% 3%, 100% 93%, 0 97%);
        position: relative;
    }

    .not-miss .box-3 img {
        /* height: 527px; */
        /* margin-top: 4px; */
        -o-object-fit: fill;
        object-fit: fill;
        width: 100%;
    }

    .main .home .not-miss .box-4 {
        /* max-width: 90%; */
        height: 300px;
        position: relative;
        margin-top: 0px;
        overflow: hidden;
        -webkit-clip-path: polygon(0 5%, 90% 0, 90% 100%, 0% 100%);
        clip-path: polygon(0 5%, 90% 0, 90% 100%, 0% 100%);
        padding: 0;
    }

    .main .home .not-miss .box-5 {
        margin: 0;
        /* width: 415px; */
        height: 255px;
        position: relative;
        overflow: hidden;
        padding: 0;
        -webkit-clip-path: polygon(0 0%, 100% 0%, 100% 75%, 0 86%);
        clip-path: polygon(0 0%, 100% 0%, 100% 75%, 0 86%);
        overflow: hidden;
    }

    .main .home .not-miss .box-6 {
        margin-top: 19px;
        /* margin-right: 10px; */
        /* width: 400px;
    height: 265px; */
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 100%;
    }

    .main .home .not-miss .box-7 {
        margin-top: 0;
        /* margin-right: 10px; */
        /* width: 400px;
    height: 242px; */
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 44%;
    }

    .not-miss .box-3 .back-title {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 60%;
    }

    .main .home .not-miss .box-6 img {
        width: 100%
    }

    .main .home .not-miss .box-7 img {
        width: 100%;
        height: 100%;
    }

    .main .home .not-miss .box-1 {}

    .main .home .not-miss .box-1 img {
        width: 100%
    }

    .main .home .not-miss .box-2 img {
        width: 100%;
        height: 100%;
    }

    .main .home .not-miss .box-3 img {
        width: 100%;
        height: 100%;
    }

    .main .home .not-miss .box-4 img {
        width: 100%;
        height: 100%;
    }

    .main .home .not-miss .box-5 img {
        width: 100%;
    }

    .main .home .not-miss .cat-title {
        position: absolute;
        font-size: 18px;
        padding: 7px 19px;
        z-index: 2;
    }

    .main .home .inf-prat img {
        width: 100%;
        height: 100%;
    }

    .main .home .back-header .logo-box {
        pointer-events: all
    }

    .main .home .not-miss .box-1 .cat-title {
        top: 80px;
        background-color: rgba(255, 255, 255, 0.89);
        z-index: 2;
    }

    .main .home .not-miss .box-2 .cat-title {
        left: 0;
        top: 70px;
        z-index: 2;
        background-color: rgba(255, 255, 255, 0.89);
    }

    .main .home .not-miss .box-3 .cat-title {
        left: 0px;
        top: 80px;
        z-index: 2;
        background-color: rgba(157, 22, 56, 0.839);
        color: white;
    }

    .main .home .not-miss .box-3 .cc-title {
        position: absolute;
        left: 0;
        width: 100%;
        top: 120px;
        font-size: 100px;
        font-family: kaushan;
        padding: 7px 19px;
        text-align: center;
        color: white;
        line-height: 100px;
    }

    .main .home .not-miss .box-3 .s-title {
        position: absolute;
        left: 0;
        width: 100%;
        bottom: 115px;
        font-size: 40px;
        /* background-color: #ffffffe3; */
        padding: 7px 19px;
        color: white;
        text-align: center;
    }

    .main .home .not-miss .box-4 .cat-title {
        left: 0px;
        top: 80px;
        background-color: rgba(29, 101, 173, 0.859);
        color: white;
        z-index: 2;
    }

    .main .home .not-miss .box-5 .cat-title {
        top: 33px;
        background-color: rgba(255, 255, 255, 0.89);
        z-index: 2;
    }

    .not-miss .box-4 h3.title {
        width: 90%
    }

    .not-miss .title {
        position: absolute;
        color: white;
        font-size: 24px;
        /* bottom: 42px !important; */
        padding: 0px 25px;
        /* height: 73px; */
        z-index: 2;
        /* width: 100%; */
    }

    .not-miss .title::before,
    .info-p .title::before,
    .not-miss .box-3 .s-title::before,
    .main>.city .cnd-pages .cnd-page .simg .content h4::before,
    .main .cnd-pages .cnd-page .gimg .content h4::before,
    .main>.city .art .content h4::before,
    .main>.city .nav-go li a::before,
    .blog.blog-detail .endroits-card a::before {
        content: "";
        position: absolute;
        bottom: -4px;
        width: 0%;
        height: 2px;
        background-color: #5C190F;
        -webkit-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s;
    }

    .main>.city .nav-go li a {
        position: relative;
    }
    .main>.city   h2.pg {
        margin: 0 auto;
    }

    .main>.city .nav-go li:hover a::before,
    .blog.blog-detail .endroits-card .info .read-plus:hover a::before {
        width: 80%;
    }

    .not-miss .box-3 .s-title::before {
        bottom: 10px
    }

    .not-miss .box .back-title,
    .info-p .box .back-title,
    .not-miss .box-3 .back-title {
        -webkit-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s
    }

    .not-miss .box-1 .title {
        bottom: 10px;
    }

    .not-miss .box-2 .title {
        bottom: 30px;
        left: 10%;
        padding: 0;
    }

    .not-miss .box-4 .title {
        bottom: 10px;
        left: 0px;
    }

    .not-miss .box-5 .title {
        bottom: 75px;
        left: 0px;
    }

    .not-miss .back-title {
        height: 70%;
        /* background-color: rgba(0, 0, 0, 0.49); */
        background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.72)));
        background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.72));
        background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.72));
        background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.72));
        position: absolute;
    }

    .not-miss .box-1 .back-title {
        left: -5px;
        bottom: 0px;
        width: 102%;
        z-index: 1;
        /* transform: rotate(-1deg); */
    }

    .not-miss .box-2 .back-title {
        left: 0px;
        bottom: 0px;
        width: 100%;
        z-index: 1;
        /* transform: rotate(-2deg); */
    }

    .not-miss .box-4 .back-title {
        left: 0px;
        bottom: 0px;
        width: 100%;
        z-index: 1;
    }

    .not-miss .box-5 .back-title {
        left: 0px;
        bottom: 0px;
        width: 100%;
        z-index: 1;
        /* transform: rotate(-2deg); */
    }

    .not-miss .title:hover {
        text-decoration: none
    }

    .main .home .video-box {
        /* height: fit-content; */
        background-color: #f5f6fa;
        position: relative;
    }

    .main .home .video-box #poster {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        -o-object-fit: cover;
        object-fit: cover
    }

    .main .home .video-box #video,
    .main .home .video-box #player-mm {
        width: 100%;
        height: 635px;
        background-color: black
    }

    .main .home .video-box .btns-box {
        /* position: absolute; */
        /* top: 23%; */
        width: 100%;
        z-index: 1;
    }

    .main .home .video-box .info-box {
        position: absolute;
        width: 100%;
        bottom: 0%;
        color: white;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 40px 0;
        z-index: 2
    }

    .main .home .video-box .info-box .tag {
        font-size: 28px;
        font-style: italic;
        margin-top: 10px
    }

    .main .home .video-box .info-box .title {
        font-size: 38px
    }

    .main .home .video-box #btn-play {
        border-radius: 100%;
        border: none;
        font-size: 106px;
        padding: 7px 30px 7px 50px;
        background-color: rgba(255, 255, 255, 0.322);
        color: white;
        -webkit-transition-duration: 0.2s;
        -o-transition-duration: 0.2s;
        transition-duration: 0.2s;
        outline: none
    }

    .main .home .video-box #btn-play:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

    .main .home .video-box .info-box .tt-videos {
        margin-top: 80px;
    }

    .main .home .videotheque .tt-videos {
        display: block;
        width: fit-content;
        margin: auto;
        margin-top: 20px;
    }

    .main .home .event-box {
        /* background-color: #f5f6fa00 */
        padding: 12px 0px 40px 0px;
        /* background-image: url(../images/event.png); */
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        margin-top: -18px
    }

    .main .home .event-box .owl-filter {
        margin-left: -15px;
        margin-right: -15px
    }

    .main .home .event-box .un-list {
        padding: 0 60px
    }

    .main .home .event-box .owl-carousel.owl-drag .owl-item {
        /* padding: 8px */
    }

    .main .home .event-box .event-selected {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        border-bottom: 2px solid #E44D26;
        padding: 2px 18px 2px 6px;
        color: #E44D26;
        position: relative;
        font-size: 14px;
        z-index: 2;
    }

    .main .home .event-box .event-back {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        z-index: 2;
        display: none;
    }

    .main .home .event-box .event-selected::after {
        content: "";
        position: absolute;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f078";
        margin: 5px;
        font-size: 10px;
        top: 1px;
        right: 0px
    }

    .main .home .event-box .un-list li {
        font-size: 20px;
        -webkit-touch-callout: none;
        /* iOS Safari */
        -webkit-user-select: none;
        /* Safari */
        /* Konqueror HTML */
        -moz-user-select: none;
        /* Firefox */
        -ms-user-select: none;
        /* Internet Explorer/Edge */
        user-select: none;
        /* Non-prefixed version, currently
                                        supported by Chrome and Opera */
    }

    .main .home .event-box .un-list .tab-event {
        border-bottom: 2px solid #676969;
        cursor: pointer;
    }

    .main .home .event-box .un-list .tab-event:hover {
        border-bottom: 7px solid #676969;
        cursor: pointer;
        margin-bottom: -5px;
    }

    .main .home .event-box .un-list .tab-event.active {
        border-bottom: 7px solid #E44D26;
        margin-bottom: -5px;
        cursor: default;
        color: #E44D26;
    }

    .main .home .event-box .un-list .tab-event.active:hover {
        border-bottom: 7px solid #E44D26;
        margin-bottom: -5px;
    }

    .main .home .event-box .events .event .owl-carousel .owl-stage-outer .owl-theme .owl-dots .owl-dot:last-child() {
        display: none
    }

    .main .home .event-box .events {
        padding: 60px 0px 10px 0px;
        /* min-height: 684.6px */
        margin-right: -15px;
        margin-left: -15px
    }

    .main .home .events .event .owl-dots {
        margin: 0px 0 20px;
    }

    .ecard {
        background-color: white;
        margin-bottom: 30px;
        min-height: 170px;
        /* max-width: 310px; */
        position: relative;
        box-shadow: 0px 0px 18px -4px rgba(0, 0, 0, 0.16);
        -webkit-box-shadow: 0px 0px 18px -4px rgba(0, 0, 0, 0.16);
        -ms-box-shadow: 0px 0px 18px -4px rgba(0, 0, 0, 0.16);
    }

    .ecard .img-box {
        padding: 25px 30px 25px 30px;
        border-bottom: dashed 2px #f5f6fa;
        height: 190px;
        z-index: 14;
    }

    .ecard .img-box img {
        height: 100%;
    }

    .ecard .img-box::after {
        border-bottom-left-radius: 20px;
        border-top-left-radius: 20px;
        right: 0;
        box-shadow: inset 5px 0px 5px 0px rgba(0, 0, 0, 0.09);
        -webkit-box-shadow: inset 5px 0px 5px 0px rgba(0, 0, 0, 0.09);
        -ms-box-shadow: inset 5px 0px 5px 0px rgba(0, 0, 0, 0.09);
    }

    .ecard .img-box::after,
    .ecard .img-box::before {
        content: "";
        position: absolute;
        padding: 20px 10px;
        background-color: #F6F7FB;
        top: 170px
    }

    .ecard .img-box::before {
        background-color: #F6F7FB;
        border-bottom-right-radius: 20px;
        border-top-right-radius: 20px;
        left: 0;
        box-shadow: inset -5px 0px 5px 0px rgba(0, 0, 0, 0.09);
        -webkit-box-shadow: inset -5px 0px 5px 0px rgba(0, 0, 0, 0.09);
        -ms-box-shadow: inset -5px 0px 5px 0px rgba(0, 0, 0, 0.09);
    }

    .ecard .info::after,
    .ecard .info::before {
        content: "";
        position: absolute;
        padding: 18px 5px;
        background-color: #F6F7FB;
        top: -18px
    }

    .ecard .info::before {
        left: -10px
    }

    .ecard .info::after {
        right: -10px
    }

    .ecard .date-cat {
        min-width: 220px;
        padding-top: 35px;
        padding-bottom: 20px;
        border-left: 10px solid #E44D26
    }

    .ecard .date-cat .date {
        font-size: 26px;
        text-align: center;
        padding: 0px 25px;
        margin-top: 15px;
        font-weight: bold;
    }

    .ecard .info .cat {
        text-align: center;
        width: 100%;
        display: block;
        font-size: 15px;
        color: #2d2d2d;
        margin: 0
    }

    .ecard .info {
        /* margin: 20px 0px; */
        padding: 30px 20px 20px 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        height: 200px;
    }

    .ecard .info .title {
        font-size: 18px;
        color: #252525;
        flex: 1;
        font-weight: bold;
        text-align: center;
        -webkit-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s
    }

    .ecard:hover .info .title {
        color: #D24D13;
        /* height: 65px; */
    }

    .ecard .info .city {
        font-size: 15px;
        color: #2d2d2d;
        /* margin: 0; */
        font-weight: bold;
        /* width: 90px; */
        display: block;
        text-align: center
    }

    .ecard .info .date {
        color: #5b5b5b;
        font-size: 15px;
        text-align: center;
        margin: 7px 0;
        text-transform: capitalize;
    }

    .main .home .voyage-box .vcard {
        position: relative;
        height: 560px;
        margin: 0px 5px;
        box-shadow: 0px 10px 30px -3px rgba(135, 135, 135, 0.769);
        -webkit-box-shadow: 0px 10px 30px -3px rgba(134, 134, 134, 0.769);
        -ms-box-shadow: 0px 10px 30px -3px rgba(134, 134, 134, 0.769);
        overflow: hidden;
    }

    .main .home .voyage-box .vcard img {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 100%;
        width: 100%;
        z-index: 0;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        -webkit-transition-duration: 0.4s;
        -o-transition-duration: 0.4s;
        transition-duration: 0.4s
    }

    @media (min-width: 768px) {
        .main .home .voyage-box .vcard:hover img {
            transform: scale(1.1);
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
        }

        .main .home .voyage-box .vcard:hover .lcard {
            /* transform: scale(1.1); */
            opacity: 1;
            pointer-events: all
        }

        .main .home .voyage-box .vcard:hover .title {
            /* transform: scale(1.1); */
            opacity: 0;
        }
    }

    .main .home .voyage-box .vcard .content {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 100%;
        width: 100%;
        z-index: 1;
    }

    .main .home .voyage-box .vcard .ncard {
        padding: 35px 30px 40px 30px;
        position: relative;
        -webkit-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s
    }

    .main .home .voyage-box .vcard .lcard {
        /* background-color: rgba(18, 15, 19, 0.5); */
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        padding: 20px 30px;
        opacity: 0;
        pointer-events: none;
        -webkit-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s;
        margin: 0
    }

    .main .home .voyage-box .vcard .ncard .cat {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        background-color: rgba(255, 255, 255, 0.78);
        color: #463032;
        font-size: 18px;
        padding: 5px 29px;
    }

    .main .home .voyage-box .vcard .ncard .cat {
        padding: 5px 29px;
        position: relative;
        z-index: 2;
        left: -30px;
    }

    .main .home .voyage-box .vcard .lcard .info {
        color: #f3f3f3
    }

    .main .home .voyage-box .vcard .lcard .info .ftitle {
        font-size: 22px;
        font-weight: 700;
        margin: 30px 0 50px 0;
        display: block
    }

    .main .home .voyage-box .vcard .ncard .title {
        font-size: 22px;
        font-weight: 700;
        display: block;
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        color: white;
        min-height: 200px;
        background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(black));
        background-image: -webkit-linear-gradient(transparent, black);
        background-image: -o-linear-gradient(transparent, black);
        background-image: linear-gradient(transparent, black);
        padding: 20px 30px;
        -webkit-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s
    }

    .main .home .voyage-box .vcard .lcard .info .stitle {
        font-size: 16px;
        display: block;
        min-height: 145px;
    }

    .main .home .voyage-box .vcard .lcard .btn-vm-primary.small {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        margin-top: 40px
    }

    .bx-wrapper .bx-pager.bx-default-pager a:hover,
    .bx-wrapper .bx-pager.bx-default-pager a.active,
    .bx-wrapper .bx-pager.bx-default-pager a:focus {
        border: 1px solid #FD5B18;
        background-color: #f5f6fa;
        transform: scale(1.6);
        -webkit-transform: scale(1.6);
        -moz-transform: scale(1.6);
        -ms-transform: scale(1.6);
        -o-transform: scale(1.6);
    }

    .bx-wrapper .bx-pager.bx-default-pager a {
        background: #565656;
    }

    .bx-wrapper {
        -webkit-box-shadow: unset;
        box-shadow: unset;
        border: none;
        background: transparent;
    }

    .bx-wrapper .bx-pager {
        height: 50px;
        padding-top: 12px;
    }

    .main .home .voyage-box {
        padding: 0px 0px 30px 0;
        background-color: white;
        background-image: url(../images/autourvoyagebackground.png);
        background-size: 60%;
    }

    /* .not-miss .back-title {
    height: 80px;
    background-color: #0000007d;
    position: absolute;
} */

    .main .home .info-p .back-title {
        background-color: transparent;
        position: absolute;
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.848)));
        background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.848));
        background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.848));
        background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.848));
        height: 60%;
        width: 100%;
        bottom: 0
    }

    .main .home .info-p img {
        width: 100%;
        height: 100%;
    }

    .main .home .info-p .box-4 .back-title {
        bottom: 0px;
        height: 60%;
        left: 0%;
        width: 100%;
    }

    .main .home .info-p .box-6 .back-title {
        bottom: 0px;
        height: 60%;
        left: 0px;
        width: 100%;
        z-index: 1;
        /* transform: rotate(-1deg); */
    }

    .main .home .info-p .box-6 .back-title .title {
        bottom: 80px;
    }

    .main .home .info-p .box-6:hover .back-title {
        height: 100%;
    }

    .main .home .info-p .box-1,
    .main .home .info-p .box-2,
    .main .home .info-p .box-4,
    .main .home .info-p .box-5,
    .main .home .info-p .box-6,
    .main .home .info-p .box-3 {
        position: relative;
        overflow: hidden;
        height: 100%;
        width: 100%
    }

    .main .home .info-p .box-1 .title,
    .main .home .info-p .box-2 .title,
    .main .home .info-p .box-3 .title {
        bottom: 10px !important
    }

    .main .home .info-p .box-3 .back-title {
        bottom: 10px;
        left: 0px;
        bottom: 0px;
        width: 100%;
        z-index: 1;
        /* transform: rotate(-1deg); */
    }

    .main .home .info-p .box-1 {
        -webkit-clip-path: polygon(0 18%, 100% 12%, 100% 100%, 0% 100%);
        clip-path: polygon(0 18%, 100% 12%, 100% 100%, 0% 100%);
    }

    .main .home .info-p .box-2 {
        -webkit-clip-path: polygon(0 12%, 100% 6%, 100% 100%, 0% 100%);
        clip-path: polygon(0 12%, 100% 6%, 100% 100%, 0% 100%);
        height: 273px;
    }

    .main .home .info-p .box-3 {
        -webkit-clip-path: polygon(0 6%, 90% 0, 90% 100%, 0% 100%);
        clip-path: polygon(0 6%, 90% 0, 90% 100%, 0% 100%);
    }

    .main .home .info-p .box-4 {
        -webkit-clip-path: polygon(10% 0, 100% 0, 100% 94%, 10% 100%);
        clip-path: polygon(10% 0, 100% 0, 100% 94%, 10% 100%);
        margin-top: 15px
    }

    .main .home .info-p .box-5 {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 82%, 0 88%);
        clip-path: polygon(0 0, 100% 0, 100% 82%, 0 88%);
        margin-top: 15px
    }

    .main .home .info-p .box-6 {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 76%, 0 82%);
        clip-path: polygon(0 0, 100% 0, 100% 76%, 0 82%);
        margin-top: 15px
    }

    .main .home .info-p .title {
        position: absolute;
        color: white;
        font-size: 22px;
        padding: 0px 25px;
        /* height: 73px; */
        z-index: 2;
        width: 100%;
        bottom: 75px;
    }

    /* .main .home .info-p .title:hover::after {
    content: "";
    position: absolute;
    left: 25px;
    width: calc(100% - 50px);
    border-bottom: 3px solid rgb(255, 255, 255);
    bottom: 20px;
} */

    .main .home .info-p .box-4 .title {
        bottom: 25px
    }

    .main .home .info-p .box-5 .title {
        bottom: 70px
    }

    .main .home .se-setuer {
        position: relative;
        height: 840px;
    }

    .main .home .se-setuer .map-search .f-search {
        width: 100%;
        max-width: 354px;
    }

    .main .home .se-setuer .map-search .accordion {
        padding: 10px 30px 50px 30px;
        background-color: white;
        background-image: url(../images/mapsearchbackground.png);
        background-repeat: no-repeat;
        position: absolute;
        background-size: cover;
        width: 100%;
        max-width: 456px;
        top: -9px;
    }

    @media (min-width: 768px) {
        .main .home .se-setuer .map-search .accordion::after {
            position: absolute;
            top: 0;
            right: -10px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            width: 0;
            height: 0;
            content: "";
            border-bottom: .3em solid #8e8e8e;
            border-right: .3em solid transparent;
            border-top: .3em solid transparent;
            border-left: .3em solid #8e8e8e;
        }

        .main .home .se-setuer .map-search .accordion::before {
            position: absolute;
            top: 0;
            left: -10px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            width: 0;
            height: 0;
            content: "";
            border-bottom: .3em solid #8e8e8e;
            border-right: .3em solid #8e8e8e;
            border-top: .3em solid transparent;
            border-left: .3em solid transparent;
        }
    }

    .main .home .se-setuer .map-search .f-search .card {
        border: none;
        background: none;
    }

    .main .home .se-setuer .map-search .f-search .title {
        color: #252525;
        font-size: 16px;
        text-transform: uppercase;
        padding: 15px 0px;
        margin-bottom: 5px;
        font-weight: 600;
    }

    .main .home .se-setuer .map-search .f-search .card .card-header {
        border: none;
        background: transparent;
        padding: 5px 0px;
    }

    .main .home .se-setuer .map-search .f-search .card .card-header button {
        background-color: #F6F6F6;
        color: #717171;
        font-size: 21px;
        padding: 8px 15px;
    }

    .main .home .se-setuer .map-search .f-search .card .card-header button .icon {
        color: #B01A14
    }

    .main .home .se-setuer .map-search .f-search .card .card-body {
        padding: 20px 15px !important
    }

    .main .home .se-setuer .map-search .f-search .card .card-body a {
        color: #515151;
        font-size: 20px;
        margin: 6px 0px
    }

    .main .home .se-setuer .map-search .f-search .card .card-body a.active {
        color: #D44F18;
    }

    .main .home .se-setuer #map {
        height: 100%;
        position: absolute;
        top: 0px;
        width: 100%
    }

    .main .home .se-setuer .map-search {
        height: 0;
        z-index: 1;
        position: relative;
    }

    /* adds some margin below the link sets  */

    .main .home .navbar .dropdown-menu div[class*="col"] {
        margin-bottom: 1rem;
    }

    .main .home .navbar .dropdown-menu {
        border: none;
    }

    .not-miss .box-1 img,
    .not-miss .box-2 img,
    .not-miss .box-3 img,
    .not-miss .box-4 img,
    .not-miss .box-5 img {
        height: 100%;
    }

    /* breakpoint and up - mega dropdown styles */

    @media (max-width: 1199.98px) {
        .main .back-header .background-box .tube {
            -webkit-transform: scale(1.3);
            -ms-transform: scale(1.3);
            transform: scale(1.3);
        }

        .main .back-header .mjumbotron h1 {
            font-size: 120px;
        }

        .main .mjumbotron .box-1 {
            left: 5%;
            width: 170px;
            height: 134px;
        }

        .main .mjumbotron .box-3 {
            right: 0;
            width: 168px;
            height: 250px;
        }

        .main .mjumbotron .box-4 {
            width: 168px;
            height: 250px;
            right: -80px;
        }

        .main .mjumbotron .box-5 {
            width: 90px;
            height: 110px;
            left: 12%;
        }

        .main .mjumbotron .box7 {
            width: 180px;
            top: 118px;
            left: 21%;
        }

        .main .mjumbotron .box9 {
            width: 180px;
            right: 32%;
        }

        .main .mjumbotron .box-2 {
            width: 200px;
            height: 190px;
            left: calc(50% - 89px);
        }

        .not-miss .box-1 {
            /* margin-top: 36px; */
            /* width: 415px; */
            height: 235px;
        }

        .not-miss .box-2 {
            /* width: 376px; */
            height: 260px;
        }

        .not-miss .box-3 {
            /* margin-top: 18px; */
            height: 512px;
        }

        .main .home .not-miss .box-4 {
            /* max-width: 90%; */
            height: 260px;
        }

        .not-miss .box-5 {
            margin: 0;
            /* width: 415px; */
            height: 240px;
        }

        .not-miss .title {
            font-size: 20px
        }

        .main .home .video-box #video,
        .main .home .video-box #player-mm {
            width: 100%;
            height: 535px;
            background-color: black
        }
    }

    .background-box {
        /* background-color: rgb(100, 100, 100) */
    }

    .main>.city .nav-go ul {
        height: 70px;
        background-color: #FEFEFE;
        /* background-image: url(../images/nav-go-backgroung.png); */
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        /* position: relative;
    top: -60px; */
        box-shadow: 0px 6px 19px -2px rgba(76, 76, 76, 0.2);
        -moz-box-shadow: 0px 6px 19px -2px rgba(76, 76, 76, 0.2);
        -webkit-box-shadow: 0px 6px 19px -2px rgba(76, 76, 76, 0.2);
    }

    .main>.city .nav-go li {
        padding: 22px 10px;
    }

    .main>.city nav.breadcrumb-nav {
        margin-top: 70px;
    }

    nav.breadcrumb-nav {
        text-align: center;
        margin-top: 30px;
    }

    .breadcrumb {
        margin: 0;
        padding: 0;
        display: inline-block;
    }

    .main>.city .nav-go {
        margin-top: -165px;
        z-index: 2;
        transform: translateY(-85px);
        -webkit-transform: translateY(-85px);
        -moz-transform: translateY(-85px);
        -ms-transform: translateY(-85px);
        -o-transform: translateY(-85px);
    }

    .main >.city .nav-go li a {
        font-size: 14px;
        color: #5C190F;
        cursor: pointer;
        font-family: "Assistant SemiBold";
        font-weight: 600;
        letter-spacing: 1px;
        line-height: 18px;
        text-align: center;
        text-transform: uppercase;
    }

    .main>.city .nav-go li:hover a {
        color: #B01A14
    }

    .main>.city .disc-city-bloc {
        background: url(../images/patterns-middle.png);
        background-repeat: no-repeat;
        background-position-x: 100%;
    }

    .main>.city .disc-city {
        padding-bottom: 100px;
        margin-top: 120px;
    }

    .main>.city .disc-city .disc {
        height: 453px;
        padding: 10px 10px 10px 0;
    }

    .main>.city .disc-city .populaire {
        background-color: rgb(212, 212, 212);
        /* background-image: url(../images/jamaalfna.png); */
        height: 100%;
        position: relative;
    }

    div::-webkit-scrollbar {
        width: 5px;

    }

    /* Track */

    div::-webkit-scrollbar-track {
        background: #F2F2F2;
    }

    /* Handle */

    div::-webkit-scrollbar-thumb {
        background: #5D5D5D;
		border-radius: 20px ;
    }

    .historys_text div::-webkit-scrollbar-track {
        background:transparent;
    }


    /* Handle on hover */

    div::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

    div.wbox::-webkit-scrollbar {
        width: 4px;
    }

    div.wbox::-webkit-scrollbar-track {
        background: rgb(58, 24, 25);
    }

    div.wbox::-webkit-scrollbar-thumb {
        background: black;
    }

    div.wbox::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

    .main>.city .disc-city .populaire {
        height: 453px;
    }

    .main>.city .disc-city .populaire .content {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
        padding: 23px 30px
    }

    .main>.city .disc-city .populaire .content .title {
        position: relative;
        max-height: 143px;
    }

    .main>.city .disc-city .populaire .content .title span {
        position: absolute;
        top: 70px;
        left: 50px;
        font-size: 20px;
        z-index: 1;
        width: 34px;
        line-height: 1;
        text-align: center;
        font-weight: 700;
        color: #B01A14;
        font-family: "Assistant Bold";
    }

    .main>.city .disc-city .populaire .content .title span small {
        font-size: 15px;
    }

    .main>.city .disc-city .populaire .img-corner {
        position: absolute;
        top: -57px;
        right: -45px;
        width: 107px;
        height: 132px;
        z-index: 4;
    }

    .main>.city .disc-city .populaire .content .title img {}

    .main>.city .disc-city .populaire .content .title h3 {
        color: white;
        /* height: 100%; */
        margin: 0;
        height: -webkit-fit-content;
        height: fit-content;
        height: -moz-fit-content;
        padding: 20px 0px;
        font-size: 40px;
        /* font-weight: 600; */
        max-width: 210px;
        font-family: "merriweather";
    }

    .main>.city .disc-city .populaire .content .topx {
        list-style: decimal;
        margin-left: 40px;
        padding: 0px;
        list-style: none;
        counter-reset: li;
        margin-top: 70px;
    }

    .main>.city .disc-city .populaire .content .topx li {
        counter-increment: li;
        color: white;
        -webkit-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s
    }

    .main>.city .disc-city .populaire .content .topx li:hover {
        /* color: #D5531D;
    text-shadow: 3px 3px 4px black; */
    }

    .main>.city .disc-city .populaire .content .topx li::before {
        content: counter(li);
        display: inline-block;
        width: 1em;
        font-size: 24px;
        margin-left: -1em
    }

    .main>.city .disc-city .populaire .content .topx li:hover::before {}

    .main>.city .disc-city .populaire .content .topx a {
        color: inherit;
        font-size: 24px;
        -webkit-transition-duration: 0s;
        -o-transition-duration: 0s;
        transition-duration: 0s
    }

    .main>.city .disc-city .populaire .content .topx a:hover {
        /* color: inherit; */
    }

    .main>.city .cnd {
        margin: -36px 0 0 0;
        background-color: #FEFEFE;
        background-image: url(../images/nav-go-backgroung.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .main>.city .cnd a {}

    .main>.city .cnd .tab-cnd {
        padding: 14px 0px;
        color: #252525;
        font-size: 24px;
        cursor: pointer;
        -webkit-transition: background-color .3s;
        -o-transition: background-color .3s;
        transition: background-color .3s;
    }

    .main>.city .cnd .tab-cnd:hover {
        background-color: rgba(255, 75, 0, 0.42);
    }

    .main>.city .cnd .tab-cnd.actived {
        background-color: rgba(255, 76, 0, 0.722);
        top: -10px;
        margin-bottom: -10px;
        color: white;
        font-size: 35px;
        font-family: "Assistant SemiBold";
    }

    .main>.city .cnd a:hover {
        color: #B01A14;
        font-size: 24px;
    }

    .main>.city .cnd .tab-cnd:last-of-type::after {
        content: none !important;
    }

    .main>.city .cnd .tab-cnd:last-of-type::before {
        left: -9px !important;
    }

    .main>.city .cnd .tab-cnd:first-of-type::before {
        content: none !important;
    }

    .main>.city .cnd .tab-cnd:first-of-type::after {
        right: -9px !important;
    }

    .main>.city .cnd .tab-cnd.actived::after {
        position: absolute;
        top: 1px;
        right: -9px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 0;
        height: 0;
        content: "";
        font-size: 16px;
        border-bottom: .3em solid #bf4a18;
        border-right: .3em solid transparent;
        border-top: .3em solid transparent;
        border-left: .3em solid #bf4a18;
    }

    .main>.city .cnd .tab-cnd.actived::before {
        position: absolute;
        top: 1px;
        left: -9px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 0;
        height: 0;
        content: "";
        font-size: 16px;
        border-bottom: .3em solid #bf4a18;
        border-right: .3em solid #bf4a18;
        border-top: .3em solid transparent;
        border-left: .3em solid transparent;
    }

    .main .pg,
    .node-type-illustration .escale .field-items h2,
    .node-type-destination .escale .field-items h2 {
        color: #B01A14;
        font-family: "merriweather";
        font-size: 40px;
        letter-spacing: 0;
        line-height: 42px;
        text-align: center;
       text-transform: uppercase;
        padding-top: 60px;
        padding-bottom: 60px;
        margin: 0;
    }

    .main>.city .cnd-pages {
        padding: 30px 0px 50px 0
    }

    .main>.city .cnd-pages .cnd-page .simg,
    .main>.city .cnd-pages .cnd-page .gimg {
        position: relative;
        overflow: hidden;
    }

    .main>.city .cnd-pages .cnd-page .simg:hover img,
    .main>.city .cnd-pages .cnd-page .gimg:hover img {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
    }

    .main>.city .cnd-pages .cnd-page .simg img {
        height: 332px;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .main>.city .cnd-pages .cnd-page .gimg img {
        height: 664px;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .main>.city .cnd-pages .cnd-page .simg .content {
        height: 100%;
        width: 101%;
        position: absolute;
        top: 0;
        left: 0;
        padding: 50px 30px;
        background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.745)));
        background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.745));
        background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.745));
        background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.745));
    }

    .endr-back {
        background: linear-gradient(180deg, #F1EBE6 0%, rgba(241,235,230,0) 100%);
    }

    .main .cnd-pages .cnd-page .gimg .content {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.745)));
        background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.745));
        background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.745));
        background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.745));
        padding: 60px 45px
    }

    .main>.city .cnd-pages .cnd-page .simg .content h4 {
        color: white;
        font-size: 22px;
        text-transform: capitalize;
        position: relative;
    }

    .main .cnd-pages .cnd-page .gimg .content h4 {
        color: white;
        font-size: 30px;
        text-transform: capitalize;
        position: relative;
        -webkit-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s
    }

    .main .slider-card-zoom {
        background-image: url(../images/autourvoyagebackground.png);
        background-size: 60%;
        background-position: center;
    }
    .main .slider-card-zoom .owl-carousel.slider-card {
        display: block;
    }

    .slider-card-zoom {
        /* margin: 0 0 25px 0px; */
        padding: 20px 0;
    }

    .slider-card-zoom .slider-card .item {
        height: 400px;
        background-color: red;
        -webkit-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s
    }

    .slider-card-zoom .slider-card .item img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .slider-card-zoom .owl-carousel.slider-card .owl-stage-outer {
        overflow: unset;
        /* background-image: url(../images/autourvoyagebackground.png);
    background-size: contain;
    background-position: center; */
        padding: 20px 0px 40px 0
    }

    .slider-card-zoom .owl-item .item.center {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
    }

    .slider-card-zoom .slider-card .item .content {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.745)));
        background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.745));
        background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.745));
        background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.745));
        padding: 24px 30px
    }

    .slider-card-zoom .slider-card .item .content h4 {
        color: white;
        text-transform: uppercase
    }

    .main>.city .art img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .main>.city .art .gimg {
        position: relative;
    }

    .h-290 {
        height: 290px;
    }

    .h-500 {
        height: 500px;
    }

    .mb-60 {
        margin-bottom: 60px;
    }

    .h-220 {
        height: 220px;
    }

    .main>.city .art .simg {
        position: relative;
    }

    .main>.city .art .content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.745)));
        background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.745));
        background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.745));
        background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.745));
        padding: 40px 30px
    }

    .main>.city .art .content h4 {
        position: relative;
        color: #FFFFFF;
        font-family: "merriweather";
        font-size: 22px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 24px;
    }

    .main>.city .events .evcard .cdate {
        max-width: 70px;
        width: 100%
    }

    .main>.city .events .evcard .cdate span {
        font-size: 17px;
        display: block;
        width: 54px;
        background-color: white;
        border-radius: 15px;
        padding: 10px;
        text-align: center;
        font-weight: 700;
        color: #B01A14;
        box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.29);
        -moz-box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.29);
        -webkit-box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.29);
    }

    .main>.city .events .evcard .content {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .main>.city .events .evcard .content .cat,
    .main>.city .events .evcard .content .date {
        font-size: 16px;
        color: #8c8c8c;
        font-weight: 500
    }

    .main>.city .events .evcard .content h6 {
        font-size: 16px;
        color: #252525;
        -webkit-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s
    }

    .main>.city .events .evcard .content h6:hover {
        color: #B01A14
    }

    .main>.city .events {
        margin-top: 60px
    }

    .main>.city .events hr {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 65px;
    }

    .main>.city .events .evcard {
        padding: 20px 0px
    }

    .main>.city .discover {
        padding-bottom: 80px
    }

    .main>.city .discover .dscard {
        padding: 0px 0px 20px 0;
        -webkit-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s
    }

    .main>.city .discover .owl-carousel .owl-stage-outer {
        overflow: unset
    }

    .main .eventpage .next-event .owl-theme .owl-nav [class*=owl-] {
        font-size: 14px;
        background-color: #f0f0f0;
        padding: 10px 15px !important;
        position: absolute;
        right: 0;
    }

    .main .eventpage .next-event .owl-theme .owl-nav .svg-inline--fa.fa-w-10 {
        color: #463032;
    }

    .main .eventpage .next-event .owl-theme .owl-nav .owl-next {
        bottom: 0
    }

    .main .eventpage .next-event .owl-theme .owl-nav .owl-prev {
        bottom: 42px
    }

    .owl-theme .owl-nav [class*=owl-] {
        background-color: transparent;
        font-size: 32px;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    .owl-theme .owl-nav [class*=owl-]:hover {
        background: transparent;
    }

    @media (min-width:922px) {
        .main>.city .discover .dscard:hover {
            transform: scale(1.05);
            box-shadow: 0 0 15px -1px rgba(0, 0, 0, 0.231);
            -moz-box-shadow: 0 0 15px -1px rgba(0, 0, 0, 0.231);
            -webkit-box-shadow: 0 0 15px -1px rgba(0, 0, 0, 0.231);
            -webkit-transform: scale(1.05);
            -moz-transform: scale(1.05);
            -ms-transform: scale(1.05);
            -o-transform: scale(1.05);
        }
    }

    .main .discover .dscard .back {
        height: 250px;
        position: relative;
    }

    .main>.city .discover .dscard .back img {
        height: 100%;
        width: 100%
    }

    .main>.city .discover .dscard .back .content {
        position: absolute;
        height: 50%;
        width: 100%;
        bottom: 0;
        left: 0;
        background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.745)));
        background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.745));
        background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.745));
        background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.745));
    }

    .main>.city .discover .dscard .back .content h4 {
        margin: 0;
        padding: 30px 40px;
        color: #FFFFFF;
        font-family: "merriweather Medium";
        font-size: 22px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 24px;
    }

    .main>.city .discover .dscard .info {
        /* padding: 0px 20px 10px 60px; */
        position: relative;
        top: 30px;
        left: 40px;
        /* margin: 30px */;
        height: 130px;
        padding-left: 35px;
    }

    .main>.city .discover .dscard .info .progress {
        position: absolute;
        left: 0px;
        top: 5px;
        height: 120px;
        width: 4px;
        overflow: unset;
        margin: 0px 3px;
        background-color: #1A1A1A;
    }

    .main>.city .discover .dscard .info .progress::after {
        content: "";
        font-size: 15px;
        background-color: #fff;
        position: absolute;
        bottom: 0px;
        left: -8px;
        border-radius: 100%;
        box-sizing: border-box;
        height: 20px;
        width: 20px;
        border: 4px solid #B01A14
    }

    .main>.city .discover .dscard .info .progress::before {
        content: "";
        font-size: 15px;
        background-color: #fff;
        position: absolute;
        top: 0px;
        left: -8px;
        border-radius: 100%;
        box-sizing: border-box;
        height: 20px;
        width: 20px;
        border: 4px solid #018380;
    }

    .main>.city .discover .dscard .info .progress .progress-bar {
        background-color: #8A8A8A
    }

    .main>.city .discover .dscard .info .start-city {
        /* position: absolute;
        top: 0;
        left: 10px; */
        color: #1A1A1A;
        font-family: "Assistant Bold";
        font-size: 19px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 24px;
    }

    .main>.city .discover .dscard .info .end-city {
        position: absolute;
        bottom: 0px;
        font-size: 15px;
        color: #3c3c3c;
        color: #1A1A1A;
        font-family: "Assistant Bold";
        font-size: 19px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 24px;
    }

    .main>.city .discover .dscard .info .ic-car {
        position: absolute;
        width: 31px;
        height: 14px;
        background-image: url(../icons/car-icon.png);
        background-repeat: no-repeat;
        top: 0;
        /* left: 39%; */
        font-size: 24px;
        color: #7A7A7A;
        right: 40px;
        /* margin-top: -7px; */
        right: 75px;
    }

    .main>.city .discover .dscard .info span {
        color: #5D5D5D;
        font-family: "Assistant SemiBold";
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 24px;
    }

    .main>.city .img-card .item img {
        height: 100%;
        width: 100%
    }

    .main>.city .img-card .item {
        height: 210px;
        position: relative;
    }

    .main>.city .img-card .backinsta {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-image: -webkit-gradient(linear, left bottom, right top, from(rgba(248, 202, 96, 0.82)), color-stop(rgba(233, 93, 73, 0.859)), color-stop(rgba(197, 22, 106, 0.82)), to(rgba(90, 56, 198, 0.502)));
        background-image: -webkit-linear-gradient(left bottom, rgba(248, 202, 96, 0.82), rgba(233, 93, 73, 0.859), rgba(197, 22, 106, 0.82), rgba(90, 56, 198, 0.502));
        background-image: -o-linear-gradient(left bottom, rgba(248, 202, 96, 0.82), rgba(233, 93, 73, 0.859), rgba(197, 22, 106, 0.82), rgba(90, 56, 198, 0.502));
        background-image: linear-gradient(to right top, rgba(248, 202, 96, 0.82), rgba(233, 93, 73, 0.859), rgba(197, 22, 106, 0.82), rgba(90, 56, 198, 0.502));
        -webkit-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
        opacity: 0;
    }

    .main>.city .img-card .item:hover .backinsta {
        opacity: 1;
    }

    .main>.city .img-card .backinsta span {
        color: white;
        font-size: 90px
    }

    .main>.city .banner {
        position: relative;
        margin: 60px 0 0px;
        padding: 100px 0;
    }

    .main>.city .banner .back {
        background: linear-gradient(90deg, #1c2e55 30%, transparent);
        z-index: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .main>.city .banner h3 {
        color: #FFFFFF;
        font-family: "merriweather";
        font-size: 40px;
        letter-spacing: 0;
        line-height: 35px;
        text-transform: uppercase;
        margin-bottom: 25px;
        background: url(../images/patterns-gold.png);
        background-position: left center;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .main .videotheque .patterns,
    .might-like .patterns {
        height: 140px;
        background-image: url(../images/patterns-videotheque.png);
        background-size: 100%;
        width: 100% !important;
        margin: 0;
        max-width: 100%;
        z-index: 1;
    }

    .main .videotheque .pg {
        font-family: "merriweather";
        font-size: 30px;
        letter-spacing: 0;
        line-height: 42px;
        text-align: center;
        text-transform: uppercase;
        padding-top: 80px;
        padding-bottom: 0px;
        background: url(../images/patterns-gold.png);
        background-position: left center;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .main>.city .banner span {
        font-size: 19px;
        color: white;
        display: initial;
        font-weight: bold;
        font-family: Assistant;
        line-height: 34px;
    }

    .main>.city .banner span:first-child {
        font-weight: normal;
    }

    .main>.city .banner .content {
        position: relative;
        padding: 20px 15px
    }

    .main>.city .banner img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        top: 0;
        left: 0;
        position: absolute;
        z-index: 0;
    }

    /*
.main > .city .back-header  .background-box .header-slider .item{
    height: 720px;
}

.main > .city .back-header  .background-box .header-slider .item img{
    height: 100%;
    object-fit: cover
} */

    .main>.city .back-header hr {
        width: 150px;
        margin: 56px 25px 0 120px;
        border-top: 3px solid #ffffff;
        display: none
    }

    .main>.city .back-header .logo-box {
        /* top: 45%; */
        height: -webkit-fit-content;
        height: fit-content;
        height: -moz-fit-content;
        z-index: 2;
        pointer-events: none;
    }

    .main>.city .back-header .background-box .header-slider.owl-theme .owl-dots .owl-dot span {
        background-color: transparent !important;
        border: 2px solid white !important;
        height: 18px;
        width: 18px;
        -webkit-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s
    }

    .main>.city .back-header .background-box .header-slider.owl-theme .owl-dots .owl-dot.active span {
        transform: scale(1.4);
        border: 3px solid #B01A14 !important;
        background-color: transparent !important;
        -webkit-transform: scale(1.4);
        -moz-transform: scale(1.4);
        -ms-transform: scale(1.4);
        -o-transform: scale(1.4);
    }

    /* .main > .city .back-header  .background-box .header-slider.owl-theme .owl-dots .owl-dot.active span::after{
   content: "__";

   color: white
} */

    .main>.city .back-header .background-box .video-box .s-video {
        height: 100%;
        widows: 100%
    }

    .main>.city .back-header .background-box .video-box {
        height: 100%;
        widows: 100%;
        position: relative;
    }

    .main>.city .back-header .background-box .video-box .btns-box {
        position: absolute;
        top: 30%;
        width: 100%
    }

    .main>.city .back-header .background-box .video-box .btns-box .btn-play {
        border: none;
        background-color: rgba(255, 255, 255, 0.38);
        color: white;
        border-radius: 100%;
        font-size: 50px;
        padding: 8px 20px 8px 28px;
        cursor: pointer;
    }

    .main>.city {
        background-color: white
    }

    .videotheque {
        margin-top: 55px;
        padding: 0;
        background-color: #1C2E55;
        padding: 1px 0 50px 0
    }

    .videotheque .box-videos {
        /* height: 510px; */
        /* overflow: hidden; */
    }

    .videotheque .box-videos button:hover {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        cursor: pointer;
    }

    .videotheque #player-city {
        position: fixed;
        top: 0px;
        width: 100%;
        height: 100vh;
        z-index: 100;
        background-color: rgba(24, 24, 24, 0.827)
    }

    .videotheque .gvideo {
        height: 510px;
        background-color: red;
        position: relative;
    }

    .videotheque .back {
        background-color: rgba(0, 0, 0, 0.0)
    }

    .videotheque img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        top: 0;
        left: 0;
        position: absolute
    }

    .videotheque .gvideo .content {
        max-width: 480px;
        position: absolute;
        bottom: 100px
    }

    .videotheque .gvideo button.play {
        background-image: url(../icons/play-button.svg);
        padding: 50px;
        background-color: transparent;
        border: none;
        margin-bottom: 40px;
    }

    .vidiotheque .single_video div.play {
        background-image: url(../icons/play-button.svg);
        padding: 50px;
        background-color: transparent;
        border: none;
        display: block;
        margin: auto;
        position: absolute;
        top: 30%;
        left: 38%;
        z-index: 1;
    }

    .videotheque .gvideo .content .title {
        font-size: 25px;
        color: white;
        padding: 0 15px;
        text-shadow: 0px 0px 3px #2e0607;
    }


    .videotheque .pvideos .pvideo {
        background-color: rgb(255, 174, 0);
        position: relative;
        height: 100%;
    }

    .videotheque .pvideos .btn-nav {
        width: 100%
    }

    .videotheque .pvideos .videos-box::-webkit-scrollbar {
        width: 0px;
    }

    .videotheque .pvideos .prev,
    .videotheque .pvideos .next {
        position: absolute;
        border: none;
        background-color: #b9b9b9;
        color: white;
        width: 100%;
        /*         font-size: 36px;
        padding: 11px 0; */
        font-size: 20px;
        padding: 0;
    }

    .videotheque .pvideos .prev {
        /* top: -75px; */
        top: 0px;
        z-index: 1;
    }

    .videotheque .pvideos .next {
        /* bottom: -75px; */
        bottom: 0px;
        z-index: 1;
    }

    .videotheque .pvideos .pvideo:not(:last-child) {
        margin-bottom: 19px
    }

    .videotheque .pvideos {
        /* height: 510px; */
        position: relative;
    }

    .videotheque .pvideos .videos-box-slider {
        margin-top: 15px
    }

    .videotheque .pvideos .pvideo .content {
        position: absolute;
        bottom: 35px;
        max-width: 100%;
    }

    .videotheque .pvideos .pvideo button {
        height: 80px;
        width: 60px;
        background-image: url(../icons/play-button.png);
        background-color: transparent;
        border: none;
        margin-top: -40px;
        cursor: pointer;
        position: absolute;
        top: 50%;
    }

    .videotheque .pvideos .pvideo .content span.title {
        font-size: 18px;
        color: white;
        text-shadow: 0px 0px 3px #2e0607;
        font-family: "merriweather";
        font-weight: 500;
    }

    .videotheque .pvideos .pvideo .content h3.title {
        font-size: 25px;
        color: white;
        text-shadow: 0px 0px 3px #2e0607;
        font-family: "merriweather Medium";
        font-weight: 500;
    }

    .information_pratique_bloc {
        background-color:#fff;
        background: url(../images/IP_pattern.png) no-repeat #fff top center !important;
        background-size: 100%;
    }
    .information_pratique_bloc .slider-card {
        /* max-width: 85%; */
        margin: 0 auto;
    }
    .information_pratique_bloc .slider-card .item {
        margin-bottom: 50px;
        height: 250px;
        /* width: 155px;    */
    }

    .information_pratique_bloc .slider-card .item .card-image {
        background: radial-gradient(circle, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
        transition: transform .2s;
        border-radius: 174px;
    }

    .information_pratique_bloc .slider-card .item .card-text {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #FFFFFF;
        font-family: "merriweather";
        font-size: 25px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 24px;
        text-align: center;
    }

    .destinations_proximite-block {
        background-color: #004746;
    }

    .destinations_proximite-block .patterns {
        height: 140px;
        background-image: url(../images/patterns-green.png);
        background-repeat: no-repeat;
        background-size: 100%;
        width: 100% !important;
        margin: 0;
        max-width: 100%;
    }

    .instagram-header {
        margin-top: 100px;
        margin-bottom: 50px;
    }

    .instagram-header h2 {
        color: #B01A14;
        font-family: "merriweather";
        font-size: 30px;
        letter-spacing: 0;
        line-height: 35px;
        text-align: center;
        text-transform: uppercase;
    }

    #popup-close,
    #tpages-close {
        position: absolute;
        top: 10px;
        right: 24px;
        z-index: 2;
        color: #f5f5f5;
        background-color: transparent;
        border: none;
        font-size: 32px;
        cursor: pointer;
        padding: 0 14px;
    }

    #popup-close:hover,
    #tpages-close:hover {
        background-color: rgba(0, 0, 0, 0.19)
    }

    /* .main .plage .back-header  .background-box .header-slider .item {
    height: 720px;
}

.main .plage .back-header  .background-box .header-slider .item img {
    height: 100%;
    object-fit: cover
} */

    .owl-carousel .owl-item img {
        height: 100%;
        width: auto;
    }

    .main .plage .back-header hr {
        width: 150px;
        margin: 56px 25px 0 120px;
        border-top: 3px solid #ffffff;
    }

    .main .plage .back-header .logo-box {
        top: 45%;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        z-index: 2;
        pointer-events: none;
    }

    .main .plage .back-header .background-box .header-slider .owl-dots {
        position: absolute;
        bottom: 82px;
        left: 160px;
    }

    .main .plage .back-header .background-box .header-slider.owl-theme .owl-dots .owl-dot span {
        background-color: transparent;
        border: 2px solid white;
        height: 18px;
        width: 18px;
        -webkit-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s
    }

    .main .plage .back-header .background-box .header-slider.owl-theme .owl-dots .owl-dot.active span {
        transform: scale(1.4);
        border: 3px solid #B01A14;
        -webkit-transform: scale(1.4);
        -moz-transform: scale(1.4);
        -ms-transform: scale(1.4);
        -o-transform: scale(1.4);
    }

    /* .main .plage .back-header  .background-box .header-slider.owl-theme .owl-dots .owl-dot.active span::after{
   content: "__";

   color: white
} */

    .main .back-header .background-box .header-slider.owl-theme .owl-nav {
        position: absolute;
        bottom: 65px;
        right: 160px;
    }

    .main .back-header .background-box .header-slider.owl-theme .owl-nav button {
        width: 40px
    }

    .main .back-header .background-box .header-slider.owl-theme .owl-nav button span {
        color: white;
        font-size: 50px;
    }

    .main .back-header .background-box .header-slider.owl-theme .owl-nav button:hover {
        background-color: transparent;
        /* border: 1px solid white */
    }

    .main .plage .back-header .background-box .video-box .s-video {
        height: 100%;
        widows: 100%
    }

    .main .plage .back-header .background-box .video-box {
        height: 100%;
        widows: 100%;
        position: relative;
    }

    .main .plage .back-header .background-box .video-box .btns-box {
        position: absolute;
        top: 30%;
        width: 100%
    }

    .main .plage .back-header .background-box .video-box .btns-box .btn-play {
        border: none;
        background-color: rgba(255, 255, 255, 0.38);
        color: white;
        border-radius: 100%;
        font-size: 50px;
        padding: 8px 20px 8px 28px;
        cursor: pointer;
    }

    .main .plage .card-img {
        height: 370px;
        position: relative;
        margin: 40px 0
    }

    .main .plage .card-img .back {
        height: 190px;
        background-color: #C34811;
        width: 100%;
        position: unset
    }

    .main .plage .card-img img {
        height: 100%;
        width: calc(100% - 50px);
        position: absolute;
        top: 0;
        left: 25px;
    }

    .main .plage .card-img .pavillon-bleu {
        position: absolute;
        top: unset;
        right: 45px;
        height: 50px;
        width: 55px;
        left: unset;
        bottom: 20px;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

    .main .plage .card-info {
        height: 100%;
        padding-left: 125px;
    }

    .main .plage .order-2 .card-info {
        padding-left: 0;
        padding-right: 125px;
    }

    .main .plage h2.title {
        font-family: "merriweather Medium";
        color: #1A1A1A;
        font-size: 22px;
        letter-spacing: 0;
        line-height: 30px;
    }

    .main .plage .card-info p {
        color: #1A1A1A;
        font-family: Assistant;
        font-size: 18px;
        letter-spacing: 0;
        line-height: 30px;
    }

    .main .plage .btn-vm-primary.more {
        padding: 13px 58px;
        font-size: 16px;
        margin-top: 50px;
        margin-bottom: 50px
    }

    .main .plage .pg {
        color: #221e1e;
        font-family: merriweather;
        font-size: 28px;
        margin-top: 50px;
    }

    .main .plage .lcard,
    .main .blog-detail .lcard {
        height: 550px;
        margin: 30px 0;
        position: relative;
        overflow: hidden;
    }
    .main .blog-detail .lcard:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

    .main .plage .lcard img,
    .main .blog-detail .lcard img {
        height: 100%;
        width: initial;
    }

    .main .plage .lcard .content,
    .main .blog-detail .lcard .content{
        position: absolute;
        overflow: hidden;
        top: 0;
        width: 100%;
        height: 100%;
        padding: 40px;
        -webkit-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s;
        background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.733)), to(transparent));
        background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.733), transparent);
        background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.733), transparent);
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.733), transparent);
    }

    .main .plage .lcard .content:after,
    .main .blog-detail .lcard .content:after {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.314)), to(rgba(0, 0, 0, 0.502)));
        background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.314), rgba(0, 0, 0, 0.502));
        background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.314), rgba(0, 0, 0, 0.502));
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.314), rgba(0, 0, 0, 0.502));
        -webkit-transition: opacity 0.5s ease-out;
        -o-transition: opacity 0.5s ease-out;
        transition: opacity 0.5s ease-out;
        z-index: 0;
        opacity: 0;
    }
    .main .blog-detail .lcard .content .title{
        position: initial;
    }

    .main .plage .activites-bloc,
    .main .shopping .activites-bloc{
        background-color: #5C190F;
        padding-bottom: 70px;
    }
    .autres-articles {
        background-color: #1C2E55;
        padding-bottom: 70px;
    }


    .main .shopping .activites-bloc .patterns,
    .main .plage .activites-bloc .patterns{
        background-image: url(../images/patterns-temoignage.png);
        background-repeat: no-repeat;
        height: 140px;
        background-size: 100%;
    }
    .autres-articles .patterns{
        background-image: url(../images/patterns-videotheque.png);
        background-repeat: no-repeat;
        height: 140px;
        background-size: 100%;
    }

    .main .shopping .activites-bloc h2.title,
    .main .plage .activites-bloc h2.title,
    .autres-articles h2.title{
        color: #FFFFFF;
        font-family: "merriweather";
        font-size: 40px;
        letter-spacing: 0;
        line-height: 45px;
        text-align: center;
        padding-top: 70px;
        padding-bottom: 0px;
        width: 60%;
        margin: 0 auto;
        /* text-transform: lowercase;*/
    }

    .unesco-popup .all-imgs {
        display: none;
    }

    .media-popup,
    .unesco-popup {
        position: fixed;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        padding: 0 15px;
        z-index: 50;
        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;
        opacity: 0;
        pointer-events: none;
    }

    .media-popup .mback,
    .unesco-popup .mback {
        position: absolute;
        height: 100%;
        width: 100%;
        background-color: rgb(37, 38, 40);
        opacity: 0.89;
        z-index: 1;
    }

    .media-popup .media-box,
    .unesco-popup .media-box {
        height: 80%;
        width: 100%;
        max-width: 1006px;
        margin: 0 15px;
        position: relative;
        z-index: 5;
    }

    .media-popup .btn-nav,
    .unesco-popup .btn-nav {
        position: absolute;
        z-index: 4;
        color: white;
        height: 130px;
        width: 80px;
        cursor: pointer;
        /* background-color: black; */
    }

    .media-popup .btn-nav.btn-prev,
    .unesco-popup .btn-nav.btn-prev {
        left: 0px;
    }

    .media-popup .btn-nav.btn-next,
    .unesco-popup .btn-nav.btn-next {
        right: 0;
        transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        -moz-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        -o-transform: scaleX(-1);
    }

    .media-popup .btn-nav::after,
    .media-popup .btn-nav::before,
    .unesco-popup .btn-nav::after,
    .unesco-popup .btn-nav::before {
        content: "";
        width: 80px;
        height: 4px;
        background-color: rgba(255, 255, 255, 0.212);
        position: absolute;
        transition-duration: .6s
    }

    .media-popup .btn-nav::after,
    .unesco-popup .btn-nav::after {
        left: 0px;
        transform: rotate(-45deg);
        top: 35px;
    }

    .media-popup .btn-nav::before,
    .unesco-popup .btn-nav::before {
        left: 0px;
        transform: rotate(45deg);
        top: 90px;
    }

    .media-popup .btn-nav:hover::after,
    .media-popup .btn-nav:hover::before,
    .unesco-popup .btn-nav:hover::after,
    .unesco-popup .btn-nav:hover::before {
        background-color: rgba(255, 255, 255, 0.644);
    }

    .media-popup .media-box .tube,
    .unesco-popup .media-box .tube {
        height: 100%;
        width: 100%
    }

    .media-popup .media-box .tube iframe,
    .unesco-popup .media-box .tube iframe {
        height: 100%;
        width: 100%
    }

    .media-popup .media-box .mbox,
    .unesco-popup .media-box .mbox {
        /* background-color: black; */
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        position: relative;
        top: -100%;
        -webkit-transition-duration: .2s;
        -o-transition-duration: .2s;
        transition-duration: .2s
    }

    .media-popup .media-box .info,
    .unesco-popup .media-box .info {
         /* flex: 1; */
         background-color: white;
         padding: 10px 30px;
         -webkit-transition-duration: .2s;
         -o-transition-duration: .2s;
         transition-duration: .2s;
    }

    .media-popup .media-box .owl-carousel .owl-nav button.owl-next,
    .media-popup .media-box .owl-carousel .owl-nav button.owl-prev,
    .unesco-popup .media-box .owl-carousel .owl-nav button.owl-next,
    .unesco-popup .media-box .owl-carousel .owl-nav button.owl-prev {
        position: absolute;
        top: 40%;
        font-size: 62px;
        color: white;
    }

    .media-popup .media-box .owl-carousel .owl-nav button.owl-next,
    .unesco-popup .media-box .owl-carousel .owl-nav button.owl-next {
        right: 0
    }

    .media-popup .media-box .owl-carousel .owl-nav button.owl-prev,
    .unesco-popup .media-box .owl-carousel .owl-nav button.owl-prev {
        left: 0;
    }

    .media-popup .media-box .info .title,
    .unesco-popup .media-box .info .title {
        color: #252525;
        font-size: 20px
    }

    .media-popup .media-box .info .socialshare,
    .unesco-popup .media-box .info .socialshare {
        margin: 0
    }

    .media-popup .media-box .info .socialshare .btn-social .icon,
    .unesco-popup .media-box .info .socialshare .btn-social .icon {
        font-size: 20px;
        padding: 0 5px
    }

    .media-popup.show,
    .unesco-popup.show {
        opacity: 1;
        pointer-events: all;
        -webkit-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s
    }

    .media-popup.show .media-box .mbox,
    .unesco-popup.show .media-box .mbox {
        top: 0%;
        height: 0;
    }

    .media-popup.show .media-box .mbox .img-box,
    .unesco-popup.show .media-box .mbox .img-box {
        height: 100%;
        width: 100%;
    }

    .media-popup.show .media-box .mbox .img-box img,
    .unesco-popup.show .media-box .mbox .img-box img {
        height: 100%;
        width: 100%;
    }

    .media-popup.show .media-box .info,
    .unesco-popup.show .media-box .info {
        /* bottom: 0%; */
    }

    .media-popup.show .media-box .popup-card {
        display: flex;
        flex-direction: column;
        height: 80vh;
    }

    .media-card {
        height: 390px;
        background-color: rgb(255, 255, 255);
        -webkit-box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.04);
        box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.04);
        margin: 30px 0;
        overflow: hidden;
        transition-duration: .3s;
        cursor: pointer;
    }

    .media-card:hover {
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.22)
    }

    .media-card img {
        width: 100%;
        height: 280px;
    }

    .media-card .info {
        width: 100%;
        padding: 25px 30px;
        position: relative;
    }

    .media-card .info::after {
        content: "";
        height: 80px;
        width: 120%;
        background-color: rgb(255, 255, 255);
        z-index: 1;
        position: absolute;
        top: -20px;
        left: -36px;
        transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -o-transform: rotate(5deg);
    }

    .media-card .info .title {
        font-size: 18px;
        color: rgb(37, 37, 37);
        font-weight: 600;
        position: relative;
        z-index: 2;
    }

    .mediatheque form .filter .col-12:nth-child(1) {
        padding-left: 15px;
        padding-right: 2px;
    }

    .mediatheque form .filter .col-12:nth-child(2) {
        padding-right: 15px;
        padding-left: 2px;
    }

    .page-link {
        background-color: transparent;
        border: none;
        font-size: 18px;
        color: rgb(37, 37, 37);
    }

    .page-item.next .page-link {
        background-color: #D7561E;
        border-radius: 0;
        color: white;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    .page-link:hover {
        z-index: 2;
        color: rgb(245, 122, 70);
        text-decoration: none;
        background-color: #e9ecef;
        border-color: #dee2e6;
    }

    .page-item.active .page-link {
        color: #fff;
        background-color: rgb(245, 122, 70);
        border-color: rgb(245, 122, 70);
    }

    .endroits-slider .owl-stage-outer {
        /* margin-left: -430px */
    }

    .center .endroits-card::after {
        /* transition-duration: .4s; */
        width: 100%;
        left: 0;
        opacity: 1;
    }

    .endroits-card {
        position: relative;
        background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
        box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.11);
        -moz-box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.11);
        -webkit-box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.11);
        /* height: 370px; */
        margin: 40px 0 40px 0;
        height: 500px;
    }

    .endroits-card img {
        height: 260px;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .endroits-card .info {
        height: 120px;
        padding: 25px 30px;
        z-index: 3;
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    .endroits-card .item-overlay {
        position: absolute;
        height: 100%;
        width: 100%;
        background: linear-gradient(45deg, #00000033, transparent);
        z-index: 1;
    }
    .endroits-card .cat {
        position: absolute;
        top: 40px;
        left: 40px;
        color: #FFFFFF;
        font-family: "Assistant Bold";
        font-size: 16px;
        letter-spacing: 0;
        line-height: 21px;
        text-align: center;
        /* background: #1C2E55; */
        padding: 10px 30px;
        border-radius: 110px;
        background-image: url(../images/tag.png);
        background-position-x: -50px;
        background-position-y: -75px;
        z-index: 1;
    }

    .endroits-card .info .title {
        font-size: 14px;
        color: #FFFFFF;
        font-size: 22px;
        font-family: "merriweather";
        font-weight: 500;
        margin-top: 10px;
        position: absolute;
        bottom: 40px;
        width: 270px;
        letter-spacing: 0;
        line-height: 24px;
    }

    .moment .pubbox {
        height: 320px;
        margin-left: 30px;
        position: relative;
    }

    .moment .title {
        font-size: 20px;
        color: #1f0703;
        text-transform: uppercase;
        margin-left: 30px;
        margin-bottom: 20px
    }

    .moment .pubbox .pub {
        height: 100%;
        width: 100%
    }

    .moment .pubbox img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .moment .pubbox .pub .info {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.471);
        padding: 30px 45px
    }

    .moment .pubbox .pub .info .percent {
        font-size: 97px;
        color: white;
        display: block;
        line-height: 1.345;
    }

    .moment .pubbox .pub .info .disc {
        font-size: 29px;
        color: white;
        text-transform: uppercase;
        display: block;
        line-height: 1.345;
    }

    .moment .pubbox .passport {
        position: absolute;
        left: -30px;
        bottom: 20px;
        height: 95px;
        width: 53px
    }

    .main .blog.blog-detail {
        background-image: url(../images/patterns-middle.png);
        background-repeat: no-repeat;
        background-position-x: -40%;
        background-position-y: 50%;
    }

    .blog-detail .cat{
        margin-right: 25px;
    }

    .blog-detail .date{
        text-transform: uppercase;
        font-size: 14px;
        font-family: "Assistant SemiBold";
        color: #1A1A1A;
        margin-top: 10px;
        margin-right: 20px;
    }

    .blog-detail .share-article {
        color: #B01A14;
        font-family: 'merriweather';
        font-size: 22px;
        margin-top: 40px;
    }

    .blog-detail  .socialshare {
        margin-top: 5px;
        margin-bottom: 40px;
    }

    .blog-detail .socialshare .btn-social .icon {
        color: #5C190F;
        margin: 15px 12px 25px 5px;
        font-size: 19px;
    }

    .blog-detail .socialshare .btn-social.whatsapp .icon {

    }

    .blog-detail .socialshare .btn-social .icon:hover {
        color: inherit;
    }

    article .img-post {
        margin-top: 20px;
        margin-bottom: 30px
    }

    article .img-post.small {
        /* height: 260px; */
        width: 50%;
        max-width: 390px;
        margin-bottom: 5px;
        margin-left: 15px;
    }

    .blog-detail .endroits-card .info {
        /* padding: 0 */
        padding: 10px 30px;
    }

    .blog-detail .endroits-card .info .title {
        font-size: 17px
    }

    .blog-detail .endroits-card .info .read-plus {
        margin-top: 18px;
        color: #CA5210
    }

    .blog-detail .endroits-card img {
        height: 240px;
    }

    .g-title {
        position: relative;
        background-color: white;
        margin-bottom: 32px;
    }

    .g-title hr {
        position: absolute;
        top: 0px;
        z-index: 1;
        width: 100%;
        border-top: 2px solid #B01A14;
    }

    .g-title span {
        position: relative;
        z-index: 2;
        color: #252525;
        font-size: 22px;
        text-transform: uppercase;
        background-color: inherit;
        padding: 0 20px
    }

    .comments-box .luc {
        font-size: 20px;
        border-bottom: 1px solid #B01A14
    }

    .comments-box .ident select {
        border: none;
        font-size: 20px;
    }

    .comments-box {
        /* margin-top: 15px */
        margin-bottom: 50px
    }

    .comments-box .nbr-comment {
        background-image: url(../images/ic-comment.png);
        background-repeat: no-repeat;
        background-size: auto;
        display: block;
        padding: 5px 8px 0 8px;
        background-position: center;
        color: white;
        font-size: 14px;
    }

    .comments-box .ident select:focus {
        outline: none
    }

    .comments-box .ident {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        border-bottom: 1px solid #BEBEBE
    }

    .comments-box .prfl-img {
        height: 80px;
        width: 80px;
        -o-object-fit: cover;
        object-fit: cover;
        border: 1px solid #959595
    }

    .comments-box textarea {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-left: 30px
    }

    .geo {
        padding: 20px 0;
    }

    .text-justify-center p {
        font-size: 18px;
        text-align: justify;
        /* text-align-last: center; */
        /*  margin: 0; */
    }

    .gbox1 .filtre {
        margin: 80px 0px;
        position: relative;
        height: 400px;
    }

    .gbox1 .filtre .atlas {
        height: 100%;
    }

    .gbox1 .filtre .atlas .line {
        /* height: 100%; */
        /* width: 100%; */
        position: absolute;
        right: 0;
        top: 200px
    }

    .gbox1 .filtre .atlas .fbtns,
    .hbox1 .filtre .fbtns {
        height: 100%;
        width: 100%;
    }

    .gbox1 .filtre .atlas .fbtns .fbtn {
        position: absolute;
        padding: 1px 8px 1px 0;
        -webkit-transition-duration: .2s;
        -o-transition-duration: .2s;
        transition-duration: .2s;
        cursor: pointer;
        border-bottom-left-radius: 35px;
        border-top-left-radius: 35px
    }

    .gbox1 .filtre .atlas .fbtns .fbtn img,
    .hbox1 .filtre .fbtns .fbtn img {
        height: 55px;
        width: 55px;
        margin-right: 15px;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 100%;
        overflow: hidden;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
    }

    .gbox1 .filtre .atlas .fbtns .fbtn .title,
    .hbox1 .filtre .fbtns .fbtn .title {
        font-size: 18px;
        color: rgb(42, 42, 42);
        font-weight: 600
    }

    .gbox1 .filtre .atlas .fbtns .fbtn .hight,
    .hbox1 .filtre .fbtns .fbtn .hight {
        font-size: 18px;
        color: #7d7d7d;
        /* margin-left: 15px */
    }

    .gbox1 .filtre .atlas .fbtns .fbtn .hight::before {
        content: "";
        background-image: url(../icons/arowupdown.png);
        background-size: contain;
        height: 20px;
        margin-bottom: -4px;
        width: 10px;
        margin-right: 5px;
        display: inline-block;
        background-repeat: no-repeat;
    }

    .hbox1 .filtre .fbtns .fbtn .hight::before {
        content: "";
        background-image: url(../icons/holorge.png);
        background-size: contain;
        height: 16px;
        margin-bottom: -2px;
        width: 18px;
        display: inline-block;
        background-repeat: no-repeat;
    }

    .gbox1 .filtre .atlas .fbtns .fbtn:hover {
        -webkit-box-shadow: 0 0 9px -3px rgba(0, 0, 0, 0.51);
        box-shadow: 0 0 9px -3px rgba(0, 0, 0, 0.51);
    }

    .hbox1 .filtre .fbtns .fbtn:hover {
        -webkit-box-shadow: 0 0 9px -3px rgba(0, 0, 0, 0.51);
        box-shadow: 0 0 9px -3px rgba(0, 0, 0, 0.51);
    }

    .gbox1 .filtre .atlas .fbtns .fbtn.fbtn-1 {
        left: 15px;
        bottom: 80px;
    }

    .gbox1 .filtre .atlas .fbtns .fbtn.fbtn-2 {
        left: calc(50% - 50px);
        top: 80px
    }

    .gbox1 .filtre .atlas .fbtns .fbtn.fbtn-3 {
        right: 15px;
        bottom: 80px
    }

    .hbox1 .filtre .fbtns .fbtn {
        position: absolute;
        padding: 1px 8px 1px 0;
        -webkit-transition-duration: .2s;
        -o-transition-duration: .2s;
        transition-duration: .2s;
        cursor: pointer;
        border-bottom-left-radius: 35px;
        border-top-left-radius: 35px
    }

    .hbox1 .filtre .fbtns .fbtn.fbtn-1 {
        left: 15px;
        bottom: 60px;
        background-color: white
    }

    .hbox1 .filtre .fbtns .fbtn.fbtn-2 {
        left: 13%;
        top: 75px
    }

    .hbox1 .filtre .fbtns .fbtn.fbtn-3 {
        left: 28%;
        bottom: 30px
    }

    .hbox1 .filtre .fbtns .fbtn.fbtn-4 {
        left: calc(50% - 80px);
        top: 30px
    }

    .hbox1 .filtre .fbtns .fbtn.fbtn-5 {
        right: 28%;
        bottom: 40px
    }

    .hbox1 .filtre .fbtns .fbtn.fbtn-6 {
        right: 15%;
        top: 15px
    }

    .hbox1 .filtre .fbtns .fbtn.fbtn-7 {
        right: 15px;
        bottom: 30px
    }

    .gbox1 .filtre .atlas .line img {
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: 100%;
        object-position: 100%;
    }

    .back {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
    }

    .h-slider .back,
    #decouvrir-cover .back {
        /* background-image: linear-gradient(to right, #101010d9, #fdfdfd3b); */
        background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.65) 35%, rgba(0, 0, 0, 0.65) 39%, rgba(0, 0, 0, 0) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.65) 35%, rgba(0, 0, 0, 0.65) 39%, rgba(0, 0, 0, 0) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(0, 0, 0, 0.65) 35%, rgba(0, 0, 0, 0.65) 39%, rgba(0, 0, 0, 0) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=1);
        /* IE6-9 */
    }

    .back img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .gbox1 .filtre .back img {
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: 0;
        object-position: 0
    }

    .gbox1 .filtre .f-title {
        text-align: center;
        font-size: 28px;
        font-size: merriweather;
        /* font-style: italic; */
        padding: 0 15px
    }

    .geo .fbox-info h2.title {
        font-size: 22px;
        font-weight: 600;
        font-family: merriweather;
        position: relative;
    }

    .gimgs .gimg .info .title::before,
    .se_nourir .back .title::before {
        content: "";
        position: absolute;
        bottom: -4px;
        width: 0%;
        left: 0;
        height: 2px;
        background-color: #B01A14;
        -webkit-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s;
    }

    .gimgs .gimg:hover .info .title::before,
    .se_nourir .sn_img:hover .back .title::before {
        width: 80px;
    }

    .gbox1 .fbox-info .disc {
        font-size: 18px;
        color: rgb(56, 56, 56);
        line-height: 1.333;
    }

    .gimgs {
        max-width: 515px;
    }

    .gimgs .gimg {
        max-width: 245px;
        float: left;
        position: relative;
        cursor: pointer;
    }

    .gimgs .gimg.gimg-1 {
        height: 400px;
        margin-right: 25px
    }

    .gimgs .gimg.gimg-2 {
        margin-bottom: 25px
    }

    .gimgs .gimg.gimg-2,
    .gimgs .gimg.gimg-3 {
        height: 187.5px;
    }

    .gimgs .gimg img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .gimgs .gimg .back,
    .se_nourir .back {
        bottom: 0;
        top: unset;
        height: 50%;
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.03)), to(rgba(0, 0, 0, 0.57)));
        background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.57));
        background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.57));
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.57));
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        padding: 30px 20px
    }

    .gimgs .gimg .info .title,
    .se_nourir .back .title {
        font-size: 22px;
        font-family: merriweather;
        color: rgb(255, 255, 255);
        position: relative;
    }

    .gbox2,
    .gbox3 {
        margin-top: 140px;
    }

    .gbox3 {
        margin-bottom: 20px
    }

    .gbox2 .gimgs .gimg.gimg-2,
    .gbox3 .gimgs .gimg.gimg-2 {
        margin-bottom: 0;
        height: 400px;
    }

    .histoire .hbox .filtre {
        height: 300px;
        /* background-color: #dfdfdf; */
        position: relative;
        min-width: 1400px
    }

    .histoire .hbox .filtre .line {
        width: 100%;
        position: absolute;
        left: 0;
        /* top: 0 */
    }

    .histoire .hbox .filtre .line img {
        width: 100%
    }

    .histoire .hbox .himg .info {
        height: 235px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: flex-end;
        -ms-flex-align: flex-end;
        align-items: flex-end;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-start;
        background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.52)), to(rgba(0, 0, 0, 0.050)));
        background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.52), rgba(0, 0, 0, 0.050));
        background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.52), rgba(0, 0, 0, 0.050));
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.52), rgba(0, 0, 0, 0.050));
    }

    .histoire .hbox .hcontent {
        margin: 0 -30px;
        margin-top: 100px;
        margin-bottom: 20px
    }

    .histoire .hbox .hcontent .col {
        padding: 0 7.5px
    }

    .histoire .hbox .hcontent .himg .info .title {
        font-size: 28px;
        color: white
    }

    .histoire .hbox .hinfo .title {
        /* font-size: 33px; */
        font-size: 22px;
        color: #252525;
        font-family: merriweather;
        font-weight: 600;
        display: block;
    }

    .histoire .hbox .hinfo {
        padding: 0;
        /* max-height: 235px */
    }

    .histoire .hbox .hinfo h2{
        color: #221e1e;
        font-family: "Assistant Regular";
        font-size: 21px;
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .histoire .hbox .hinfo .disc {
        color: #252525;
        max-height: 209px;
        overflow: auto;
        padding-right: 10px;
    }
    .histoire .hbox .card{
        background-color: #018380;
        color: #FFFFFF;
        border-radius: 134px;
        width: 160px;
        margin: 0 auto;
        height: 220px;
    }
    .histoire .hbox .card-body{
        padding: 40px 10px;
        text-align: center;
    }
    .histoire .border-right-dashed{
        border-right: 2px dashed #004746;
        opacity: 0.3;
    }
    .histoire .hbox .card .card-title{
        font-family: "merriweather";
        font-size: 22px;
      /*  text-transform: lowercase;*/
        text-align: center;
    }
    .histoire .hbox .card .card-text{
        font-family: "Assistant Regular";
        font-size: 16px;
        color: #FFFFFF;
        margin-top: .75rem;
    }

    .histoire .hbox .card .card-text span{
        display: block;
        text-align: center;
    }

    .histoire .hbox .hcontent .himg img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    @media(min-width: 992px) {

        .main .plage .lcard .content:hover {
            background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.314)), to(rgba(0, 0, 0, 0.502)));
            background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.314), rgba(0, 0, 0, 0.502));
            background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.314), rgba(0, 0, 0, 0.502));
            background-image: linear-gradient(to top, rgba(0, 0, 0, 0.314), rgba(0, 0, 0, 0.502));
        }

        .main .plage .lcard .content:hover:after {
            opacity: 1;
        }

        .main .plage .lcard .content:hover .title {
            top: 0px;
        }

        .main .plage .lcard .content:hover .s-title {
            top: 0px;
        }

        .main .plage .lcard .content:hover .scity {
            top: 0px;
            opacity: 0;
            pointer-events: none
        }
    }

    .main .plage .lcard .content .title {
        font-family: 'merriweather Medium';
        font-size: 24px;
        color: white;
        position: relative;
        top: 50px;
        z-index: 1;
        -webkit-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s;
    }

    .main .plage .lcard .content .s-title {
        font-size: 18px;
        color: white;
        font-weight: lighter;
        font-family: 'merriweather';
        position: relative;
        top: 100px;
        position: relative;
        z-index: 1;
        -webkit-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s;
    }

    .main .plage .lcard .content .scity {
        font-family: 'merriweather Medium';
        font-size: 22px;
        color: white;
        position: relative;
        top: 50px;
        z-index: 1;
        -webkit-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s;
    }

    .main .shopping .back-header hr {
        width: 150px;
        margin: 55px 25px 0 120px;
        border-top: 3px solid #ffffff;
    }


    .main .shopping .back-header .background-box .video-box .s-video {
        height: 100%;
        widows: 100%
    }

    .main .shopping .back-header .background-box .video-box {
        height: 100%;
        widows: 100%;
        position: relative;
    }

    .main .shopping .back-header .background-box .video-box .btns-box {
        position: absolute;
        top: 30%;
        width: 100%
    }

    .main .shopping .back-header .background-box .video-box .btns-box .btn-play {
        border: none;
        background-color: rgba(255, 255, 255, 0.38);
        color: white;
        border-radius: 100%;
        font-size: 50px;
        padding: 8px 20px 8px 28px;
        cursor: pointer;
    }

    .main .shopping .card-img {
        height: 520px;
        position: relative;
        margin: 30px 0
    }

    .main .shopping .title {

    }

    .main .shopping .card-img .back {
        height: 190px;
        background-color: #C34811;
        width: 100%
    }

    .main .shopping .card-img img,
    .bg_voyage {
        height: 100%;
        width: 100%;
        max-width: 410px;
        object-fit: cover
    }

    .bg_voyage {
        max-width: initial;
    }

    .main .shopping .card-img .pavillon-bleu {
        position: absolute;
        top: 0;
        right: 25px;
        height: 89px;
        width: 99px;
        left: unset
    }

    .main .shopping .card-info {
        max-height: 520px;
        margin: 15px 0;
        overflow: auto;
    }

    .main .shopping .card-info h2 {
        font-family: "Assistant Regular";
    }

    .main .shopping .card-info p {

    }

    .main .shopping .card-info a {
        text-align: end
    }

    /* .main .shopping .btn-vm-primary.more {
    padding: 13px 58px;
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 30px
} */

    .main .shopping .pg {
        color: #221e1e;
        font-size: 28px;
        margin-top: 50px;
        margin-bottom: 35px
    }

    .main .shopping .shop .sh-card {
        height: 500px;
        position: relative;
    }

    .main .shopping .shop .sh-card img {
        height: 100%;
        width: 100%;
    }

    .main .shopping .shop .sh-card .content {
        height: 40%;
        width: 100%;
        position: absolute;
        bottom: 0;
        background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
        background-image: -webkit-linear-gradient(bottom, rgb(0, 0, 0), rgba(0, 0, 0, 0));
        background-image: -o-linear-gradient(bottom, rgb(0, 0, 0), rgba(0, 0, 0, 0));
        background-image: linear-gradient(0deg, rgb(0, 0, 0), rgba(0, 0, 0, 0));
        padding: 25px 40px
    }

    .main .shopping .shop .sh-card .content .address,
    .main .shopping .shop .sh-card .content .phone {
        font-size: 18px;
        color: white;
        margin: 0
    }

    .main .shopping .shop .sh-card .content .title {
        font-size: 24px;
        color: white;
        font-weight: bold;
        text-transform: uppercase
    }

    .lcard {
        height: 480px;
        margin: 30px 0;
        padding: 0;
        position: relative;
        max-width: 100%;
    }

    .lcard img {
        height: 100%;
        width: 100%
    }

    .lcard .content {
        position: absolute;
        /* overflow: hidden; */
        bottom: 0;
        width: 100%;
        height: 40%;
        padding: 15px 20px;
        -webkit-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s;
        background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.733)), to(transparent));
        background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.733), transparent);
        background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.733), transparent);
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.733), transparent);
    }

    /* .lcard .content:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to top, #00000050, #00000080);
    transition: opacity 0.5s ease-out;
    z-index: 0;
    opacity: 0;
}

.lcard .content:hover:after {
    opacity: 1;
} */
    /*
.lcard .content:hover {
    background-image: linear-gradient(to top, #00000050, #00000080);
} */

    .lcard .content .title {
        font-size: 24px;
        color: white;
        position: relative;
        top: 50px;
        z-index: 1;
        -webkit-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s;
    }

    .lcard .content .cat {
        font-size: 22px;
        color: white;
        position: relative;
        top: 0px;
        z-index: 1;
        -webkit-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s;
    }

    .lcard .content .cat::after {
        content: "";
        position: absolute;
        bottom: -4px;
        left: 0;
        width: 0%;
        height: 2px;
        background-color: #5C190F;
        -webkit-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s;
    }

    .owl-theme.shop .owl-nav.disabled+.owl-dots {
        margin-top: 30px
    }

    .escale {
        padding-top: 0px
    }

    .escale .events-slider {
        /* padding-top: 20px */
        margin-bottom: 0
    }

    .escale .events-slider.owl-carousel .owl-stage-outer {
        padding-top: 50px
    }

    .escale .ecard .img-box::before {
        background-color: white;
    }

    .escale .ecard .img-box::after,
    .escale .ecard .img-box::before,
    .escale .ecard .info::after,
    .escale .ecard .info::before {
        background-color: white
    }

    .escale .ecard {
        transition-duration: .3s
    }

    .escale .ecard:hover {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
    }

    .escale .escal-slider .city-name {
        margin-top: 55px;
        padding-left: 93px
    }

    .escale .escal-list .escal-slider {
        margin-top: 8%;
    }

    .escale .escal-list .escal-slider:first-child{
        margin-top: 15px;
    }

    .escale .escal-slider.escal-slider-2 {
        margin-top: 55px;
        margin-bottom: 50px
    }

    .marker-position-img .info span {
        color: #252525;
        font-size: 13px;
        font-weight: bold
    }

    .marker-position-img .info span::before {
        content: "";
        display: inline-block;
        height: 25px;
        width: 25px;
        background-size: contain;
        background-repeat: no-repeat;
        margin-right: 10px;
        transform: translateY(8px);
        -webkit-transform: translateY(8px);
        -moz-transform: translateY(8px);
        -ms-transform: translateY(8px);
        -o-transform: translateY(8px);
    }

    .marker-position-img .info span.distance::before {
        background-image: url(../icons/ic-distance.png);
    }

    .marker-position-img .info span.vehicle::before {
        background-image: url(../icons/ic-hourge-black.png);
        transform: translateY(8px) scale(0.8);
        -webkit-transform: translateY(8px) scale(0.8);
        -moz-transform: translateY(8px) scale(0.8);
        -ms-transform: translateY(8px) scale(0.8);
        -o-transform: translateY(8px) scale(0.8);
    }

    .e-slider {
        padding: 5px 55px 30px 55px;
        position: relative;
    }

    .e-slider .img-box {
        position: unset;
    }

    .e-slider .img-box .item {
        height: 585px;
        position: relative;
    }

    .escal-list{
        position: relative;
    }

    .escal-list::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 7%;
        /* left: -37%; */
        /* z-index: -1; */
        background: url(../images/carte.svg) no-repeat;
        background-position-x: center;
        background-size: auto 100%;
        left: 4%;
    }
    .page-node-987 .escal-list::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 4%;
        /* left: -37%; */
        /* z-index: -1; */
        background: url(../images/carte.svg) no-repeat;
        background-position-x: center;
        background-size: auto 97%;
        left: 22%;
    }
    .fill-title {
        position: absolute;
        bottom: 0;
        width: 100%;
        font-family: merriweather;
        font-size: 28px;
        padding: 25px 30px;
        color: white;
        /* background-image: linear-gradient(to top, rgba(0, 0, 0, 0.65), transparent); */
    }

    .fill-title {
        top: 0;
        width: 100%;
        font-family: unset;
        font-size: 16px;
        padding: 15px;
        color: white;
        background-color: rgba(0, 0, 0, 0.188);
        display: flex;
        align-items: center;
        justify-content: center;
        text-transform: uppercase;
        text-align: center
    }

    .e-slider .img-box .item img {
        height: 100%;
    }

    .e-slider .owl-carousel .owl-nav button,
    .e-slider .owl-carousel .owl-nav button {
        position: absolute;
        height: 50px;
        width: 50px;
        border: none;
        background-color: #E8E8E8;
        font-size: 24px;
        padding: 0;
        top: 39%;
        color: white;
        display: flex;
        justify-content: center
    }

    .e-slider .owl-carousel .owl-nav button:hover {
        background-color: rgb(204, 204, 204);
    }

    .e-slider .owl-carousel .owl-nav button.owl-prev {
        left: 0
    }

    .e-slider .owl-carousel .owl-nav button.owl-next {
        right: 0
    }

    .e-slider .img-princip {
        height: 250px;
        width: 330px;
        position: absolute;
        background-color: #069e6c;
        bottom: 0;
        right: 0;
        border: 8px solid white;
        box-shadow: 0.695px 3.939px 23.52px 0.48px rgba(188, 188, 188, 0.33);
    }

    .events-slider {
        margin-bottom: 30px
    }

    .events-slider.owl-carousel .owl-stage-outer {
        padding: 0px 30px 10px 30px;
        margin: -20px -20px -10px -30px
    }

    /* .art {
        margin-top: 60px
    } */

    /* breakpoint and up - mega dropdown styles */

    @media screen and (min-width: 992px) {
        .lcard:hover .content .cat::after {
            width: 80px;
        }

        /* remove the padding from the navbar so the dropdown hover state is not broken */
        .navbar {
            padding-top: 0px;
            padding-bottom: 0px;
        }

        /* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
        .navbar .nav-item {
            padding: .5rem .5rem;
            margin: 0 .25rem;
        }

        /* makes the dropdown full width  */
        .navbar .dropdown {
            position: static;
            flex: auto
        }

        .navbar .dropdown-menu {
            width: 100%;
            left: 0;
            right: 0;
            /*  height of nav-item  */
            top: 45px;
        }

        /* shows the dropdown menu on hover */
        .navbar .dropdown:hover .dropdown-menu,
        .navbar .dropdown .dropdown-menu:hover {
            display: block !important;
        }

        .navbar .dropdown-menu {
            border: 1px solid rgba(0, 0, 0, .15);
            background-color: #fff;
        }
    }

    .main footer {
        background-image: url(../images/autourvoyagebackground.png);
        background-size: 60%;
        background-position: center
    }

    .main.blog footer {
        margin-top: -180px
    }

    .main footer .f-footer {
        padding: 25px 0px
    }

    .main footer .f-footer .content.col-lg-2dot4 {
        width: unset;
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset
    }

    .main footer .f-footer .content ul {
        margin: 0;
        padding: 0;
    }

    .main footer .f-footer .content ul li {
        list-style: none;
        margin: 5px 0;
    }

    .main footer .copy-right hr {
        margin: 0px;
        width: 100%;
        border-top: 1px solid #00000030;
        max-width: 1114px;
    }

    .main footer .copy-right p {
        margin: 24px 0;
    }

    /* adds some margin below the link sets  */

    .navbar .dropdown-menu div[class*="col"] {
        margin-bottom: 1rem;
    }

    .navbar .dropdown-menu .m-infopratique div[class*="col"] {
        margin-bottom: 0;
    }

    .navbar .dropdown-menu {
        border: none;
    }

    .pagination li a {
        position: relative;
        display: block;
        padding: .5rem .75rem;
        margin-left: -1px;
        line-height: 1.25;
        color: #007bff;
        background-color: #fff;
        border: 1px solid #dee2e6;
        background-color: transparent;
        border: none;
        font-size: 18px;
        color: rgb(37, 37, 37);
    }

    .pagination .next {
        padding: 0;
        background-color: transparent;
    }

    .pagination .next a {
        background-color: #D7561E;
        border-radius: 0;
        color: white;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    .page-link:hover {
        z-index: 2;
        color: rgb(245, 122, 70);
        text-decoration: none;
        background-color: #e9ecef;
        border-color: #dee2e6;
    }

    .pagination li a:hover {
        z-index: 2;
        color: rgb(245, 122, 70);
        text-decoration: none;
        background-color: #e9ecef;
        border-color: #dee2e6;
    }

    .pagination .next a:hover {
        background-color: #ec6b33;
        color: white
    }

    .item-list {
        background-color: #F6F7FB;
        margin-bottom: 0;
        padding-bottom: 15px
    }

    /* breakpoint and up - mega dropdown styles */

    @media screen and (min-width: 992px) {

        /* remove the padding from the navbar so the dropdown hover state is not broken */
        .navbar {
            padding-top: 0px;
            padding-bottom: 0px;
        }

        /* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
        .navbar .nav-item {
            padding: .5rem .5rem;
            margin: 0 .25rem;
        }

        /* makes the dropdown full width  */
        .navbar .dropdown {
            position: static;
        }

        .navbar .dropdown-menu {
            width: calc(100%);
            top: 45px;
            max-width: 1380px;
            margin: auto;
        }

        /* shows the dropdown menu on hover */
        .navbar .dropdown:hover .dropdown-menu,
        .navbar .dropdown .dropdown-menu:hover {
            display: block !important;
        }

        .navbar .dropdown-menu {
            border: 1px solid rgba(0, 0, 0, .15);
            background-color: #fff;
        }

        .not-miss .box:hover .title::before,
        .info-p .box:hover .title::before {
            width: 80px;
        }

        .info-p .box:hover .back-title {
            height: 70%;
        }

        .not-miss .box-3:hover .back-title,
        .not-miss .box:hover .back-title {
            height: 80%;
        }

        .main .home .info-p .box-4:hover .back-title {
            height: 100%;
        }

        .not-miss .box-3:hover .s-title::before,
        .main>.city .cnd-pages .cnd-page .simg .content:hover h4::before,
        .main .cnd-pages .cnd-page .gimg .content:hover h4::before,
        .main>.city .art .content:hover h4::before {
            width: 80px;
        }
    }

    .main footer {
        background-image: url(../images/autourvoyagebackground_2.png);
        background-size: cover;
        background-position: center
    }

    .main footer .f-footer {
        padding: 25px 0px
    }

    .main footer .f-footer .content .title {
        font-size: 18px;
        color: #252525;
        /* margin-bottom: 35px; */
        min-height: 50px;
        margin-top: 20px;
        font-weight: 700
    }

    .main footer .f-footer .content .title .icon {
        font-size: 16px;
        margin: 0 5px;
        -webkit-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s;
        display: none
    }

    .rotate180 {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }

    .main footer .f-footer .content ul {
        margin: 0;
        padding: 0;
    }

    .main footer .f-footer .content ul li {
        list-style: none;
        margin: 5px 0;
    }

    .main footer .f-footer .content ul li a {
        color: #252525;
        font-size: 16px;
        cursor: pointer;
    }

    .main footer .f-footer .content ul li a:hover {
        color: #d5531d;
        font-size: 16px
    }

    .main footer .copy-right hr {
        margin: 0px;
        width: 100%;
        border-top: 1px solid #00000030;
        max-width: 1114px;
    }

    .main footer .copy-right .social-medias .icon {
        font-size: 18px;
        height: 35px;
        width: 35px;
        border-radius: 25px;
        line-height: 22px;
        padding-top: 7px;
    }

    .main footer .copy-right p {
        margin: 24px 0;
    }

    .main .social-media-box {
        background-color: #F6F6F6;
        font-family: futurabtlight, 'sans-serif';
        padding: 17px 0
    }

    .main .social-media-box .tenez {
        color: #252525;
        font-size: 18px;
        font-weight: 600;
        margin: 0;
        text-align: center;
    }

    .main .social-media-box .f-mail {
        width: 100%;
        max-width: 285px;
    }

    .main .social-media-box .f-mail .box {}

    .main .social-media-box .f-mail .box input {
        font-size: 14px;
        padding: 21px 30px;
        border-radius: 0;
        border: none;
    }

    .main .social-media-box .f-mail .box input:focus {
        outline: none !important;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

    .main .social-media-box .f-mail .box button {
        border-radius: 0;
        background-color: #d5531d;
        color: white;
    }

    .main .social-media-box .social-medias .icon {
        color: #252525;
        font-size: 20px;
        height: 38px;
        width: 38px;
        border-radius: 100%;
        padding: 10px 9px 10px 8px;
        background-color: white;
    }

    /* ------------------------------------------------------------------ */

    .breadcrumb {
        background-color: transparent;
        margin-bottom: 0
    }

    .breadcrumb-item+.breadcrumb-item::before {
        display: inline-block;
        padding-right: .5rem;
        color: #515151;
        content: "|";
    }

    .breadcrumb .breadcrumb-item a {
        color: #1A1A1A;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 18px;
    }

    .breadcrumb-item.active {
        color: #131313;
    }

    .back-img {
        background-image: url(../images/autourvoyagebackground.png);
        background-size: contain;
        background-position: center;
    }

    .vm-htag {
        font-size: 29px;
        text-transform: uppercase;
        background: -webkit-linear-gradient(61deg, #F8CA60, #C5166A);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .btn-face {
        font-size: 18px;
        background-color: #3B5998;
        color: white;
        padding: 15px 52px !important;
        margin: 15px;
        margin-left: 0;
        text-transform: uppercase;
    }

    .btn-face svg{
        margin: 0px 5px !important;
    }

    .btn-face:hover {
        background-color: #4d6db1;
        color: white;
    }

    .btn-visit {
        background-color: #B01A14;
        color: white;
        padding: 15px 40px !important;
        margin: 15px;
        font-size: 15px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-right: 0;
    }
    .btn-visit .icon {
        background-image: url(../icons/visit-site-icon.png) ;
        width: 17px;
        height: 17px;
        display: inline-block;
        transform: translateY(20%);
        margin: 0px 5px !important;

    }

    .btn-visit:hover {
        background-color: #f0703a;
        color: white;
    }

    .summary {
        position: absolute;
        top: 780px;
        left: 0px;
        z-index: 3;
    }

    .summary.fixed {
        position: fixed;
        top: 140px;
        left: 0;
    }

    .summary ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .summary ul li {
        display: block;
        position: relative;
        margin: 5px 0px;
        cursor: pointer;
        overflow: hidden;
        color: #454545;
        -webkit-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s;
        background-color: white;
        min-width: 160px;
    }

    .summary ul li.active,
    .summary ul li:hover {
        width: 100%
    }

    .summary ul li .icon {
        height: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-right: 10px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .summary ul li .icon span {
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        width: 2.5px;
        height: 40px;
        display: block;
        background-color: black;
        -webkit-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s
    }

    .summary ul li a {
        color: #2e2e2e;
        font-size: 16px;
        font-weight: bold;
        display: block;
        height: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        /* pointer-events: none; */
    }

    .summary ul li.active a,
    .summary ul li:hover a {
        /* width: 160px; */
        width: max-content;
    }

    /* .summary ul li:hover .icon span {
    height: 26px;
} */

    .img-cadre {
        background-image: url(../images/imgcadre.png);
        height: 100%;
        width: 100%
    }

    .grey-back {
        background-color: #F6F7FB
    }

    #go-to-top {
        display: none;
        /* opacity: 0; */
        z-index: 3;
        position: fixed;
        bottom: 50px;
        right: initial;
        left: 20px;
        font-size: 16px;
        color: white;
        background-color: #D54D16;
        border: none;
        /* padding: 10px; */
        border-radius: 100%;
        /* box-shadow: 0px 5px 6px 2px rgba(169, 49, 0, 0.561);
    -webkit-box-shadow: 0px 5px 6px 2px rgba(169, 49, 0, 0.561);
    -ms-box-shadow: 0px 5px 6px 2px rgba(169, 49, 0, 0.561);  */
        -webkit-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s;
        width: 30px;
        height: 30px;
        padding: 0;

        align-items: center;
        justify-content: center;
    }

    #go-to-top.visible {
        display: block;
        display: flex;
            /* opacity: 1; */
    }

    #go-to-top .svg-inline--fa.fa-w-14 {
        width: 15px;
    }

    #go-to-top:hover {
        transform: scale(1.1);
        background-color: #e6602b;
        /*box-shadow: 0px 10px 6px 2px rgba(169, 49, 0, 0.561) */
        ;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
    }

    .custom-radio .custom-control-label::before {
        border-radius: 0px;
        border: 1px solid;
        background-color: transparent;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
    }

    .custom-radio .custom-control-input:checked~.custom-control-label::before {
        background-color: #B01A14;
    }

    .custom-control-input:active~.custom-control-label::before {
        background-color: #ffc9b1;
    }

    .custom-radio .custom-control-input:checked~.custom-control-label::after {
        background-image: none;
        background-color: white;
        height: 6px;
        width: 6px;
        left: -19px;
        top: 9px;
    }

    /* the shadow; displayed while the element is in focus */

    .custom-radio .custom-control-input:focus~.custom-control-label::before {
        box-shadow: none;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        border: 1px solid #B01A14;
    }

    .navbar-show {
        left: 0px !important
    }

    .nav-div-mobile #nav-div-mobile-back {
        background-color: rgba(0, 0, 0, 0.55);
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        width: 100%;
        pointer-events: none;
        opacity: 0;
        transition-duration: .3s
    }

    .nav-div-mobile.show #nav-div-mobile-back {
        pointer-events: all;
        opacity: 1
    }

    .nav-div-mobile {
        position: fixed;
        top: 0;
        left: 0;
        display: none;
        z-index: 3;
        width: 100%
    }

    .btn-group .dropdown-item {
        font-size: 12px
    }

    .main .back-header .f-header {
        /* height: 0; */
    }

    .main .home .back-header .logo-box {
        /* top: unset; */
        /* bottom: 0; */
        top: 44%;
        left: 0
    }

    .body {
        background-color: white;
    }

    /* .main.home .back-header  .inspiration form button {
    font-size: 18px;
    padding: 8px 30px;
} */
    /* .main.home .back-header  .inspiration h2 {
    font-size: 42px;
} */
    /* .main.home .back-header  .inspiration form select {
    font-size: 18px;
    min-width: 300px;
} */

    .dtitle {
/*        padding-top: 50px;
        padding-bottom: 30px; */
    }

    .ecard .date-cat {
        min-width: 120px;
        border-left: 5px solid #E44D26;
        padding-top: 22px;
        padding-bottom: 10px;
    }

    /* .ecard .info {
    padding: 20px 15px 0px 15px;
    margin: 10px 0px;
} */

    .main footer .f-footer .content .accordion {
        width: 100%
    }

    .main footer .f-footer .content .card {
        background-color: transparent;
        border: none;
        width: 100%
    }

    .main footer .f-footer .content .card .card-header {
        background-color: transparent;
        border: none;
        padding: 0
    }

    .main footer .f-footer .content .card .card-header .btn-link {
        color: inherit;
        padding: 0;
        font-size: 16px;
        font-weight: bold;
        position: relative;
    }

    .main footer .f-footer .content .card .card-header .btn-link:hover {
        text-decoration: none
    }

    .main footer .f-footer .content .card .card-body {
        padding: 0
    }

    .main footer .f-footer .content .title {
        text-transform: uppercase;
        min-height: unset
    }

    .main footer .f-footer .content .card .card-header .btn-link::after {
        position: absolute;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f078";
        margin: 5px;
        font-size: 12px;
        top: 0px;
        left: 100%;
    }

    .owl-theme .owl-dots .owl-dot.active span,
    .owl-theme .owl-dots .owl-dot:hover span {
        border: 2px solid #FFFFFF;
        background-color: #B01A14;
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
    }

    .temoignage {
        padding-top: 20px
    }

    .temoignage .bloggers {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .temoignage .videotheque {
        margin-bottom: 45px;
    }

    .shop-city {
        margin-bottom: 30px;
    }

    .unesco .post {
        margin-top: 30px
    }

    /* .unesco .post p:not(:last-child) {
        margin-bottom: 50px
    } */

    .multi-slider {
        height: 680px;
        width: 100%;
        position: relative;
        overflow: hidden;
    }

    .multi-slider .silder-1,
    .multi-slider .silder-2 {
        /* height: 456px; */
        width: 70%;
        position: absolute
    }

    .multi-slider .silder-1 {
        top: 0;
        left: 0;
    }

    .multi-slider .silder-2 {
        bottom: 0;
        right: 0;
        z-index: 1;
    }

    .slider-small-card {
        /* height: 660px; */
        width: 100%;
        max-width: 460px;
        float: left;
        margin-right: 60px;
        overflow: hidden;
        margin-bottom: 40px;
        margin-top: 25px;
    }

    .slider-small-card .owl-stage-outer {
        /* margin-left: -10px */
    }

    .slider-small-card .img-card {
        flex: 1;
        height: 150px;
        box-shadow: 0px 0px 55.86px 1.14px rgba(0, 115, 208, 0.09);
        cursor: pointer;
        position: relative;
        margin: 0
    }

    .show-more {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.562);
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        font-size: 22px;
        opacity: 0;
        transition-duration: .3s
    }

    .show-more:hover {
        opacity: 1;
    }

    .slider-small-card .img-card:not(:last-child) {
        margin-right: 15px
    }

    .slider-small-card .img-card:hover {
        opacity: 0.7;
        transition: 0.4s;
    }

    .slider-small-card .mcard {
        height: 485px;
        position: relative;
        margin-bottom: 25px;
        box-shadow: 0px 0px 12.74px 0.26px rgba(0, 0, 0, 0.11);
        overflow: hidden;
        margin-right: 0 !important;
    }

    .mcard .img-cover {
        object-position: 12% 0;
    }

    .slider-small-card .socialshare {
        position: absolute;
        top: 0;
        width: 100%;
        padding: 10px 15px;
        background-color: rgba(255, 255, 255, 0.5);
        margin-top: 0;
        display: flex;
        justify-content: flex-end;
        transform: translateY(-50px);
        transition-duration: .3s
    }

    .slider-small-card .mcard:hover .socialshare {
        transform: translateY(0px);
    }

    .slider-small-card .socialshare .icon {
        font-size: 18px
    }

    .slider-small-card .mcard .info span {
        text-align: center
    }

    .slider-small-card .mcard .info {
        position: absolute;
        bottom: 0;
        left: 0;
        top: unset;
        height: 40%;
        width: 100%;
        background-image: linear-gradient(180deg, rgba(15, 15, 15, 0), rgba(0, 0, 0, 0.493));
        color: white;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        padding: 30px 20px;
        font-size: 24px
    }

    .owl-theme.owl-carousel.double-card .owl-nav {
        position: absolute;
        top: -95px;
        right: 20px;
        display: flex;
        width: 120px;
        justify-content: space-between;
    }

    .owl-theme.owl-carousel.double-card .owl-nav button.owl-next,
    .owl-theme.owl-carousel.double-card .owl-nav button.owl-prev {
        background-color: #E7E8E8;
        font-size: 22px;
        color: white;
        padding: 10.5px 20.13px !important;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    .owl-theme.owl-carousel.double-card .owl-nav button.owl-next:hover,
    .owl-theme.owl-carousel.double-card .owl-nav button.owl-prev:hover {
        background-color: rgb(218, 218, 218);
    }

    /*-----------------Facebook commet form-------------------------------*/

    #u_0_0 {
        width: 100% !important;
    }

    ._517h,
    ._59pe:focus,
    ._59pe:hover {
        background-color: transparent !important;
        border: none !important;
        font-size: 20px !important;
        color: #252525 !important;
        font-family: ubuntu !important;
    }

    ._pup {
        display: none
    }

    ._3-8_:focus {
        outline: none
    }

    .orange-table {
        margin-top: 85px;
    }

    .orange-table table thead {
        background-color: #B01A14;
        font-weight: normal
    }

    .orange-table table thead th,
    .orange-table table thead td {
        font-weight: normal;
        font-size: 23px;
        text-align: center;
        color: white
    }

    .table-bordered td,
    .table-bordered th {
        border: 2px solid rgb(231, 231, 231);
        font-size: 20px;
        color: rgb(79, 79, 79);
    }

    .orange-table .title {
        font-size: 28px;
        font-family: "merriweather";
        color: rgb(0, 0, 0);
        font-style: italic;
        margin-bottom: 15px;
        font-weight: 600;
    }

    .infopratique .discr {
        margin-bottom: 80px;
    }

    @media (min-width: 1280px) {
        .information_pratique_bloc .slider-card {
            max-width: 85%;
        }
    }

    /*-----------------Facebook commet form-------------------------------*/
    @media (max-width: 1400px) {
        .main .plage .lcard .content .scity{
            font-size: 20px;
        }
        .main .plage .lcard .content .title{
            font-size: 22px;
        }
        .main .plage .lcard .content .s-title{
            font-size: 16px;
        }
    }
    @media (max-width: 1199.98px) {
        .block-temoignage{
            background-size: auto;
        }
        .main>.city .banner .back {
            background-position: left;
        }

        .e-slider::before {
            right: calc(25% - 9px);
        }

        .endroits-slider .owl-stage-outer {
            /* margin-left: -200px */
        }

        .main .back-header .navbar-dark .navbar-nav .nav-link {
            padding: 0;
            font-size: 16px
        }

        .ecard .date-cat {
            min-width: 170px;
        }

        .ecard .date-cat .date {
            font-size: 17px;
        }

        .ecard .info .title {
            font-size: 16px;
        }

        .ecard .info .city {
            font-size: 12px
        }

        .filter .checkbox-group .custom-control {
            padding: 6px 30px;
            min-width: 130px;
        }

        .filter .checkbox-group {
            padding: 5px 50px;
        }

        .filter .group-controls input,
        .filter .group-controls select {
            font-size: 14px;
            height: 30px;
        }

        .filter .group-controls label {
            font-size: 18px;
        }

        .filter .group-controls.btn {
            padding: 18px 40px;
        }

        .main>.city .nav-go li a {
            font-size: 17px;
        }

        .main .home .expr .group2 {
            max-width: 380px;
        }

        .main .back-header .navbar .dropdown-menu .m-experiance .row .ncard:nth-child(1) {
            left: 2%
        }

        .main .back-header .navbar .dropdown-menu .m-experiance .row .ncard:nth-child(2) {
            left: 22%
        }

        .main .back-header .navbar .dropdown-menu .m-experiance .row .ncard:nth-child(3) {
            left: 40%
        }

        .main .back-header .navbar .dropdown-menu .m-experiance .row .pcard:nth-child(4) {
            right: 21%
        }

        .main .back-header .navbar .dropdown-menu .m-experiance .row .pcard:nth-child(5) {
            right: 2%
        }

        .main .back-header .navbar .dropdown-menu .m-experiance .row .pcard:nth-child(6) {
            right: 21%;
        }

        .main .back-header .navbar .dropdown-menu .m-experiance .row .pcard:nth-child(7) {
            right: 2%;
            bottom: 0px;
        }

        .main .back-header .navbar .dropdown-menu .m-voyagesurmesure .pcard:nth-child(1) {
            left: 2%;
        }

        .main .back-header .navbar .dropdown-menu .m-voyagesurmesure .pcard:nth-child(2) {
            left: calc(22% - 10px);
            top: 100px;
        }

        .main .back-header .navbar .dropdown-menu .m-voyagesurmesure .pcard:nth-child(3) {
            left: 40%;
            top: 100px;
        }

        .main .back-header .navbar .dropdown-menu .m-voyagesurmesure .pcard:nth-child(4) {
            left: 2%;
        }

        .main .back-header .navbar .dropdown-menu .m-voyagesurmesure .pcard:nth-child(5) {
            left: calc(22% - 10px);
        }

        .main .back-header .navbar .dropdown-menu .m-voyagesurmesure .pcard:nth-child(6) {
            left: 40%;
        }

        .main .back-header .navbar .dropdown-menu .m-voyagesurmesure .pcard:nth-child(7) {
            right: 21%;
        }

        .main .back-header .navbar .dropdown-menu .m-voyagesurmesure .pcard:nth-child(8) {
            right: 2%;
        }

        .main .back-header .navbar .dropdown-menu .m-voyagesurmesure .pcard:nth-child(9) {
            right: 21%;
        }

        .main .back-header .navbar .dropdown-menu .m-voyagesurmesure .pcard:nth-child(10) {
            right: 2%;
        }
    }

    @media (max-width: 1062px) {
        .btn-vm-primary {
            font-size: 15px;
            padding: 12px 24px;
        }

        .main .home .video-box .info-box .tt-videos {
            margin-top: 50px;
        }

        .main .home .video-box #btn-play {
            font-size: 80px;
            padding: 7px 22px 7px 42px;
        }

        .main .home .video-box .info-box .tag {
            font-size: 20px;
        }

        .main .home .video-box .info-box .title {
            font-size: 28px;
        }
    }

    .main .back-header .background-box .header-slider .owl-dots {
        position: absolute;
        bottom: 82px;
        left: 160px;
    }
    .menu_icon_play {
        top: 29%;
        left: 12%;
    }
    @media (max-width: 991.98px) {
        .main>.city .art .h-290.gimg {
            height: 220px;
        }

        .slider-card-zoom .slider-card .item {
            height: 360px;
        }

        .geo {
            padding: 40px 0;
        }

        .gimgs {
            margin-top: 20px;
        }

        .gbox2,
        .gbox3 {
            margin-top: 60px;
        }

        .media-popup .media-box .info .title,
        .unesco-popup .media-box .info .title {
            margin-bottom: 15px;
            display: inline-block
        }

        .unesco .post {
            margin-top: 30px;
        }

        .histoire .hbox .hinfo .title {
            font-size: 24px;
        }

        .histoire .hbox .hcontent {
            margin-top: 0px;
        }

        .histoire .hbox .hinfo .disc {
            max-height: unset;
            overflow: unset;
        }

        .main .shopping .title,
        .main .shopping .pg {
            font-size: 24px;
        }

        .main .eventpage .next-event .item .content {
            padding: 140px 20px 20px 20px;
            height: 249px;
        }

        .main .eventpage .next-event .title {
            left: 47%;
        }

        .main .eventpage .event .info .disc {
            max-height: 100%;
            overflow: unset
        }

        .main .home .event-box .un-list .tab-event:hover {
            border-bottom: 1px solid #676969;
            margin-bottom: 0px;
        }

        .main .home .event-box .un-list .tab-event.active:hover {
            border-bottom: none;
            margin-bottom: 0px;
        }

        .main .mjumbotron {
            background-image: none
        }

        .bloggers .b-back {
            background-image: none
        }

        .main .mjumbotron .box7,
        .main .mjumbotron .box9 {
            display: none
        }

        .main .blog .cats {
            margin-top: 0
        }

        .main>.city .events .evcard:last-child {
            display: none
        }

        .main .back-header .background-box {
            pointer-events: all
        }

        .main .home .info-p .box-1 {
            height: 252px;
        }

        .main .home .info-p .box-2 {
            height: 272px;
        }

        .main .home .info-p .box-3 {
            height: 290px;
            -webkit-clip-path: polygon(0% 10%, 100% 10%, 100% 90%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 0% 100%);
        }

        .main .home .info-p .box-4 {
            height: 245px;
            -webkit-clip-path: polygon(0% 0, 100% 0, 100% 90%, 0% 100%);
            clip-path: polygon(0% 0, 100% 0, 100% 90%, 0% 100%);
        }

        .main .home .info-p .box-5 {
            height: 300px;
            margin-top: -14px;
            -webkit-clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
            clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
        }

        .main .home .info-p .box-6 {
            height: 290px;
            margin-top: -40px;
            -webkit-clip-path: polygon(0% 10%, 100% 0%, 100% 90%, 0 100%);
            clip-path: polygon(0% 10%, 100% 0%, 100% 90%, 0 100%);
        }

        .main .home .info-p .box-3 .title {
            bottom: 30px !important;
        }

        .main .home .info-p .box-4 .back-title {
            left: 0;
            width: 100%;
        }

        .main .home .info-p .box-6 .back-title {
            bottom: 00px;
        }

        .main .home .info-p .title {
            font-size: 18px;
        }

        .main .home .info-p .title {
            bottom: 30px;
        }

        .main .home .info-p .box-4 .title {
            bottom: 30px
        }

        .main .home .info-p .box-5 .title {
            bottom: 30px
        }

        .art {
            margin-top: 30px
        }

        .main>.city .events {
            margin-top: 30px;
        }

        .videotheque .gvideo {
            height: 360px;
        }

        .videotheque .gvideo .content button {
            margin-bottom: 15px;
        }

        .videotheque .gvideo .content .title {
            font-size: 18px
        }

        .main>.city .disc-city .disc {
            padding: 0
        }

        .main>.city .disc-city .populaire .content .topx {
            margin-left: 40px
        }

        .main>.city {
            margin-top: -40px
        }

        .main>.city .disc-city .disc {
            height: auto;
        }

        .slider-card-zoom .slider-card .item .content h4 {
            font-size: 18px;
        }

        .main>.city .disc-city {
            padding-bottom: 30px;
            margin-top: 40px;
        }

        .videotheque {
            margin-top: 43px;
            padding-bottom: 30px
        }

        .main .home .event-box .events {
            padding: 30px 0px 10px 0px;
            margin-top: 20px
        }

        .main .home .event-box .un-list {
            position: absolute;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            z-index: 2;
            top: -4px;
            background-color: white;
            /*border: 1px solid;*/
            border-radius: 2px;
            box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.278);
            -webkit-box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.278);
            -ms-box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.278);
            display: none;
        }

        .main .home .event-box .un-list .tab-event {
            border-bottom: 1px solid #cacbcb;
        }

        .main .home .event-box .un-list .tab-event.active {
            border-bottom: 1px solid #cacbcb;
            margin-bottom: -5px;
            cursor: default;
            color: #e44d26
        }

        .main .home {
            margin-top: -50px;
        }

        .main .back-header.seconder {
            height: 0;
        }

        .filter .checkbox-group {
            padding: 15px 19px 10px;
        }

        .main .eventpage .event .info {
            padding-right: 15px;
            padding-left: 15px;
        }

        /* remove the padding from the navbar so the dropdown hover state is not broken */
        .navbar {
            padding-top: 0px;
            padding-bottom: 0px;
        }

        /* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
        .navbar .nav-item {
            padding: .5rem .5rem;
            margin: 0 .25rem;
        }

        /* makes the dropdown full width  */
        .navbar .dropdown {
            position: static;
        }

        .navbar .dropdown-menu {
            width: 100%;
            left: 0;
            right: 0;
            /*  height of nav-item  */
            top: 45px;
        }

        /* shows the dropdown menu on hover */
        .navbar .dropdown:hover .dropdown-menu,
        .navbar .dropdown .dropdown-menu:hover {
            display: block !important;
        }

        .navbar .dropdown-menu {
            border: 1px solid rgba(0, 0, 0, .15);
            background-color: #fff;
        }

        .main .home .event-box {
            padding: 20px 0px 20px 0px;
            background-image: none;
        }

        .main .home .event-box .container {
            max-width: 100%;
        }

        .main .home .event-box .owl-stage-outer {
            /* margin-left: -30px */
        }

        .h-slider .logo-box h1::after,
        .main .back-header h1::after {
            content: none
        }

        .h-slider .background-box .backimg img {
            height: 600px;
        }

        /* .main .home .not-miss .box-3 {
        height: 410px !important;
    }

    .main .home .not-miss .box-2{
        width: 100%;
        height: 190px;
    }
    .not-miss .box-2 .back-title {
        bottom: -5px;
    }

    .main .home .not-miss .box-4{
        padding-right: 8px;

        margin-top: 20px;
    }
    .not-miss .box-4 .back-title {
        width: 98%
    }
    .not-miss .box-5 {
        padding-left: 8px;
        margin-top: 20px;

    }

    .not-miss .box-5 .back-title {
        left: 0px;
        bottom: 0px;
        width: 100%;
        /* transform: rotate(-4deg);
    } */
        .main .home .not-miss .box-4 {
            -webkit-clip-path: polygon(0 7%, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(0 7%, 100% 0, 100% 100%, 0% 100%);
        }

        .not-miss .box-2 {
            -webkit-clip-path: polygon(0% 0, 100% 0, 100% 93%, 0% 100%);
            clip-path: polygon(0% 0, 100% 0, 100% 93%, 0% 100%);
        }

        .not-miss .box-5 {
            -webkit-clip-path: polygon(0 0%, 100% 0%, 100% 85%, 0 93%);
            clip-path: polygon(0 0%, 100% 0%, 100% 85%, 0 93%);
        }

        .not-miss .box-1 {
            -webkit-clip-path: polygon(0 16%, 100% 8%, 100% 100%, 0 100%);
            clip-path: polygon(0 16%, 100% 8%, 100% 100%, 0 100%);
        }

        .main .home .not-miss .box-2 .cat-title {
            left: 0%;
            top: 50px;
            z-index: 2;
        }

        .main .home .not-miss .box-1 .cat-title {
            top: 65px;
        }

        .main .home .not-miss .box-4 .cat-title {
            top: 65px;
        }

        .not-miss .box-3 {
            /* margin-top: 18px; */
            height: 566px;
            -webkit-clip-path: polygon(0 7%, 100% 0%, 100% 93%, 0 100%);
            clip-path: polygon(0 7%, 100% 0%, 100% 93%, 0 100%);
            clip-path: polygon(0 7%, 100% 0%, 100% 93%, 0 100%);
            margin-bottom: 10px
        }

        .not-miss .box-2 .title {
            left: 0
        }

        .main .home .video-box #video,
        .main .home .video-box #player-mm {
            width: 100%;
            height: 435px;
            background-color: black
        }

        .main .home .voyage-box .vcard {
            height: 460px;
            margin: 0px 5px;
        }

        .main .home .voyage-box {
            padding: 0px 0
        }

        .main .blog .follow-us .btn-social {
            width: 250px;
        }

        .e-slider::before {
            display: none
        }

        .e-slider {
            padding: 0
        }

        .e-slider .img-princip {
            height: 195px;
            width: 220px;
        }

        .escale .escal-slider .city-name {
            margin-top: 0px;
            padding-left: 30px;
            transform: translateY(65px);
            -webkit-transform: translateY(65px);
            -moz-transform: translateY(65px);
            -ms-transform: translateY(65px);
            -o-transform: translateY(65px);
        }

        .escale .escal-slider.escal-slider-1 {
            margin-top: -40px;
        }

        .marker-position-img .info {
            padding: 0 175px 0 220px;
        }

        .escale .escal-slider.escal-slider-2 {
            margin-top: 0px;
            margin-bottom: 30px;
        }

        .e-slider .img-box .item {
            height: 400px;
            margin-top: 15px;
        }

        .bottom-title,
        .fill-title {
            font-size: 22px;
        }

        .fill-title {
            font-size: 14px
        }

        .h-slider .logo-box h1,
        .main .back-header h1 {
            font-size: 60px;
            width: 100%;
            text-align: center;
            margin-left: 0
        }

        .main .shopping .card-img img {
            max-width: unset;
        }

        .main .back-header .mjumbotron h1 {
            margin-top: -170px;
        }

        .main.blog .back-header {
            height: 500px;
        }

        .endroits-slider .owl-stage-outer {
            /* margin-left: -115px */
        }

        .instagram-imgs .instaimg .incard {
            max-width: 120px;
        }

        .main.home .back-header .logo-box {
            /* top: unset */
        }

        .main .back-header .background-box .header-slider.owl-theme .owl-nav {
            bottom: 10px;
            right: 30px;
        }

        .main>.city .back-header .background-box .header-slider .owl-dots {
            bottom: 25px;
            left: 40px;
        }

        .dtitle span {
            margin: 0px 0 40px;
        }

        .ecard {
            min-height: 130px;
        }

        .ecard .info .city {
            font-size: 12px
        }

        .ecard .date-cat .cat {
            font-size: 15px
        }

        .ecard .info .title {
            /* font-size: 14px; */
        }

        .ecard .date-cat .date {
            font-size: 16px;
            padding: 0 10px;
        }

        .main .home .back-header .logo-box {
            top: 28%;
        }

        .ecard .date-cat {
            min-width: 120px;
        }

        .ecard .date-cat .date {
            font-size: 15px;
        }

        .main #nav-div {
            display: none
        }

        .btn-vm-primary.small {
            font-size: 12px
        }

        .main .home .voyage-box .vcard .lcard .info .ftitle {
            font-size: 16px
        }

        .main .home .voyage-box .vcard .lcard .info .stitle {
            font-size: 14px;
            min-height: 120px
        }

        .summary {
            display: none !important
        }

        .nav-div-mobile {
            position: fixed;
            top: 0;
            left: 0;
            display: block !important
        }


        .header {
            display: block;
            margin: 0 auto;
            width: 100%;
            max-width: 100%;
            -webkit-box-shadow: none;
            box-shadow: none;
            background-color: white;
            position: fixed;
            height: 60px !important;
            /* overflow: hidden; */
            z-index: 10;
            box-shadow: 0px 1px 7px -2px rgba(0, 0, 0, 0.478);
            -webkit-box-shadow: 0px 1px 7px -2px rgba(0, 0, 0, 0.478);
            -ms-box-shadow: 0px 1px 7px -2px rgba(0, 0, 0, 0.478);
        }

        .main {
            margin: 0 auto;
            display: block;
            height: 100%;
            margin-top: 0px;
        }

        .main Inner {
            display: table;
            height: 100%;
            width: 100%;
            text-align: center;
        }

        .main Inner div {
            display: table-cell;
            vertical-align: middle;
            font-size: 3em;
            font-weight: bold;
            letter-spacing: 1.25px;
        }

        .main .back-header hr {
            display: none
        }

        .main .back-header h1 {
            text-align: center;
            font-size: 60px;
        }

        #sidebarMenu {
            height: 100%;
            position: fixed;
            left: -22px;
            width: 290px;
            /* overflow: auto; */
            margin-top: 0px;
            z-index: 14;
            transform: translateX(-270px);
            -webkit-transition: -webkit-transform 250ms ease-in-out;
            transition: -webkit-transform 250ms ease-in-out;
            -o-transition: transform 250ms ease-in-out;
            transition: transform 250ms ease-in-out;
            transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
            background-color: white;
            -webkit-transform: translateX(-270px);
            -moz-transform: translateX(-270px);
            -ms-transform: translateX(-270px);
            -o-transform: translateX(-270px);
        }
        .nav-div-mobile.show #sidebarMenu{
            left: 0px;
        }
        .sidebarMenuInner {
            margin: 0;
            padding: 0;
            border-top: 1px solid rgba(255, 255, 255, 0.10);
        }

        .sidebarMenuInner li {
            list-style: none;
            color: #fff;
            text-transform: uppercase;
            font-weight: bold;
            padding: 20px;
            cursor: pointer;
            border-bottom: 1px solid rgba(255, 255, 255, 0.10);
        }

        .sidebarMenuInner li span {
            display: block;
            font-size: 14px;
            color: rgba(255, 255, 255, 0.50);
        }

        .sidebarMenuInner li a {
            color: #fff;
            text-transform: uppercase;
            font-weight: bold;
            cursor: pointer;
            text-decoration: none;
        }

        .nav-div-mobile.show #sidebarMenu {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }

        /* input[type="checkbox"]:checked~#sidebarMenu {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    } */
        input[type=checkbox] {
            -webkit-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            display: none;
        }

        .sidebarIconToggle {
            -webkit-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            cursor: pointer;
            position: absolute;
            z-index: 99;
            height: 100%;
            width: 100%;
            top: 0;
            right: -50px;
            height: 60px;
            width: 50px;
            padding: 20px 15px;
            background-color: white;
        }

        .spinner {
            -webkit-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            position: absolute;
            height: 3px;
            width: 100%;
            background-color: #252525;
            border-radius: 8px;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            -ms-border-radius: 8px;
            -o-border-radius: 8px;
        }

        .horizontal {
            -webkit-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            position: relative;
            float: left;
            margin-top: 3px;
        }

        .diagonal.part-1 {
            position: relative;
            -webkit-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            float: left;
            border-radius: 8px;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            -ms-border-radius: 8px;
            -o-border-radius: 8px;
        }

        .diagonal.part-2 {
            transition: all 0.3s;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            position: relative;
            float: left;
            margin-top: 3px;
            border-radius: 8px;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            -ms-border-radius: 8px;
            -o-border-radius: 8px;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
        }

        input[type=checkbox]:checked~.sidebarIconToggle>.horizontal,
        .horizontal-close {
            -webkit-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            opacity: 0;
        }

        input[type=checkbox]:checked~.sidebarIconToggle>.diagonal.part-1,
        .part-1-close {
            -webkit-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            transform: rotate(135deg);
            margin-top: 8px;
        }

        input[type=checkbox]:checked~.sidebarIconToggle>.diagonal.part-2,
        .part-2-close {
            -webkit-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            transform: rotate(-135deg);
            margin-top: -9px !important;
            -webkit-transform: rotate(-135deg);
            -moz-transform: rotate(-135deg);
            -ms-transform: rotate(-135deg);
            -o-transform: rotate(-135deg);
        }

        .nav-div-mobile #sidebarMenu #accordion .card {
            border: none;
            border-radius: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
        }

        .nav-div-mobile #sidebarMenu #accordion .card button {
            width: 100%;
            height: 100%;
            text-align: left;
            padding: 15px 10px;
            color: #252525;
            position: relative;
            font-size: 12px
        }

        .nav-div-mobile .header img {
            /* position: absolute; */
            width: 50px;
            height: 50px;
            /* right: 10px; */
            /* top: 5px; */
            /* background: #463032; */
        }

        .nav-div-mobile .header .btn-group {
            position: absolute;
            right: 0px;
            top: 13px
        }

        .nav-div-mobile .search {
            height: 60px;
            width: 65%;
            /* position: absolute; */
            max-width: 400px;
            left: 60px;
            top: 6px;
        }

        .nav-div-mobile .search form {
            width: 100%;
            height: 100%;
        }

        .nav-div-mobile .search form label {
            font-size: 20px;
            position: absolute;
            left: 5px;
            top: 10px;
            z-index: 1;
            transition: 0.5s ease;
            -webkit-transition: 0.5s ease;
            -moz-transition: 0.5s ease;
            -ms-transition: 0.5s ease;
            -o-transition: 0.5s ease;
        }

        .nav-div-mobile .search form .txtsearch {
            background-color: white;
            border: none;
            position: absolute;
            left: 5px;
            width: 94%;
            height: 30px;
            padding: 3px 5px;
            -webkit-transition-duration: 0.3s;
            -o-transition-duration: 0.3s;
            transition-duration: 0.3s;
            border-bottom: 1px solid #808080a2;
        }

        .nav-div-mobile .search form .txtsearch:focus {
            outline: none
        }

        .nav-div-mobile .search form .txtsearch.active {
            border-bottom: 1px solid #808080a2;
            width: 94%;
            padding-right: 40px;
        }

        .nav-div-mobile .search form .btncancel {
            background-color: transparent;
            border: none;
            position: absolute;
            right: 14px;
            width: 30px;
            height: 30px;
            font-size: 22px;
            opacity: 0;
            z-index: -1;
            top: 7px;
            cursor: pointer;
            color: #7c7c7c;
        }

        .nav-div-mobile .search form label.active {
            /* left: calc(100% - 31px); */
            /* right: 17px;
        left: unset; */
            pointer-events: none;
            opacity: 0;
        }

        .nav-div-mobile .search form .btncancel.active {
            opacity: 1 !important;
            -webkit-transition-delay: 0.3s;
            -o-transition-delay: 0.3s;
            transition-delay: 0.3s;
            z-index: 1;
        }

        .nav-div-mobile .search form label:focus {
            font-size: 20px;
            position: absolute;
            right: 5px;
            top: 10px;
        }

        .nav-div-mobile #sidebarMenu #accordion .card button.btn.btn-link {
            font-weight: bold
        }

        .nav-div-mobile #sidebarMenu #accordion .card button.btn.btn-link.collapsed {
            font-weight: normal
        }

        .nav-div-mobile #sidebarMenu #accordion .card button.btn.btn-link.collapsed::after {
            transform: scale(1);
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
        }

        .nav-div-mobile #sidebarMenu #accordion .card button.btn.btn-link::after {
            position: absolute;
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            content: "\f067";
            top: 15px;
            right: 15px;
            -webkit-transition-duration: 0.3s;
            -o-transition-duration: 0.3s;
            transition-duration: 0.3s;
            border: none;
            font-size: 12px;
            color: #6a6a6a;
            transform: scale(0.1);
            -webkit-transform: scale(0.1);
            -moz-transform: scale(0.1);
            -ms-transform: scale(0.1);
            -o-transform: scale(0.1);
        }

        .nav-div-mobile #sidebarMenu #accordion .card button.btn.btn-link.collapsed::before {
            transform: scale(0.1);
            -webkit-transform: scale(0.1);
            -moz-transform: scale(0.1);
            -ms-transform: scale(0.1);
            -o-transform: scale(0.1);
        }

        .nav-div-mobile #sidebarMenu #accordion .card button.btn.btn-link::before {
            position: absolute;
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            content: "\f068";
            top: 15px;
            right: 15px;
            -webkit-transition-duration: 0.3s;
            -o-transition-duration: 0.3s;
            transition-duration: 0.3s;
            border: none;
            font-size: 12px;
            color: #6a6a6a;
            transform: scale(1);
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
        }

        .nav-div-mobile #sidebarMenu #accordion {
            overflow: auto;
            height: calc(100% - 100px);
        }

        .nav-div-mobile #sidebarMenu #accordion .card button:hover {
            text-decoration: none
        }

        .nav-div-mobile #sidebarMenu #accordion .card .card-header {
            padding: 0
        }

        .nav-div-mobile #sidebarMenu #accordion .card .card-body {
            padding: 0 !important
        }

        .nav-div-mobile #sidebarMenu #accordion .card .card-body .card .card-header button {
            background-color: white;
            padding-left: 25px
        }

        .nav-div-mobile #sidebarMenu #accordion .card .card-body h5 {
            margin: 0
        }

        .nav-div-mobile #sidebarMenu #accordion .card .card-body h5 a {
            color: #252525;
            padding: 15px 15px 15px 51px;
            display: block;
            border-bottom: 1px solid #00000020;
            font-size: 12px
        }
        .nav-div-mobile #sidebarMenu #accordion-decouvrirmaroc  h5 a,
        .nav-div-mobile #sidebarMenu #accordion-experiance h5 a,
        .nav-div-mobile #sidebarMenu  #accordion-destination  h5 a{
            padding-left: 30px !important;
        }
        .nav-div-mobile #sidebarMenu #accordion-decouvrirmaroc .card .card-body  h5 a,
        .nav-div-mobile #sidebarMenu #accordion-experiance .card .card-body  h5 a,
        .nav-div-mobile #sidebarMenu  #accordion-destination .card .card-body  h5 a{
            padding: 15px 15px 15px 51px !important;
        }
        .main footer .f-footer .content .title .icon {
            display: inline-block
        }

        .btn-langue {
            /* padding: 8px; */
            font-size: 12px;
            margin-right: 0;
        }

        /* .btn-langue::after {
        border-top: 0;
        border-right: .3em solid transparent;
        border-bottom: .3em solid;
        border-left: .3em solid transparent;
    } */
        .main>.city .disc-city .populaire .content {
            padding: 20px 20px
        }

        .main>.city .disc-city .populaire .content .title h3 {
            font-size: 22px
        }

        .main>.city .disc-city .populaire .content .topx a {
            font-size: 20px
        }

        .main>.city .cnd .tab-cnd.actived {
            font-size: 28px
        }

        .main>.city .cnd-pages .cnd-page .gimg {
            height: 400px;
        }

        .main>.city .cnd-pages .cnd-page .simg {
            height: 200px;
        }

        .main .pg {
            color: #221e1e;
            font-family: merriweather;
            font-size: 28px;
            margin-top: 30px;
            margin-bottom: 20px;
            padding-top: 0;
        }

        .owl-dots {
            /* display: none */
        }

        .slider-card-zoom {
            margin: 0px 0
        }

        .slider-card-zoom .owl-carousel.slider-card .owl-stage-outer {
            padding: 20px 0
        }

        .main>.city .cnd-pages {
            padding: 10px 0
        }

        .main>.city .discover {
            padding-bottom: 10px;
        }

        .slider-card-zoom .slider-card .owl-dots .owl-dot span {
            height: 7px;
            width: 7px
        }

        .slider-card-zoom .slider-card .owl-dots .owl-dot.active span {
            border: 1px solid #FF4B00;
            background-color: #FF4B00;
        }

        .owl-theme .owl-dots .owl-dot span {
            height: 10px;
            width: 10px;
        }

        .filter .checkbox-group .custom-control {
            padding: 10px 25px;
            min-width: 82px;
        }

        .filter .checkbox-group .custom-control-label {
            font-size: 14px
        }

        .filter .group-controls input,
        .filter .group-controls select {
            padding: 0px 20px;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1
        }

        .filter .group-controls label {
            font-size: 16px;
        }

        .filter .group-controls {
            padding: 5px 20px;
            margin-bottom: 10px;
        }

        .main .eventpage {
            padding-top: 10px
        }

        .filter .checkbox-group {
            margin-bottom: 10px
        }

        .filter .group-controls.btn {
            padding: 2px 40px;
        }

        .main .events .items-box {
            /* background-color: white */
        }

        .main .events .event-card {
            background-color: white
        }

        .main .events .event-card .back {
            background-color: white
        }

        .main .plage .lcard {
            height: 380px;
        }

        .main .plage .lcard .content {
            padding: 15px;

            padding-bottom: 100px;
        }

        .main .plage .lcard .content .title {
            font-size: 22px;
        }

        .main .plage .lcard .content .scity {
            font-size: 16px;
        }

        .main .shopping .card-info {
            margin: 0
        }

        .main .shopping .shop .sh-card {
            height: 400px;
        }

        .main .shopping .shop .sh-card .content {
            padding: 15px 20px;
        }

        .main .shopping .shop .sh-card .content .title {
            font-size: 20px;
        }

        .main .shopping .shop .sh-card .content .address,
        .main .shopping .shop .sh-card .content .phone {
            font-size: 14px;
        }

        .main .shopping .shop.owl-carousel .owl-stage-outer {
            margin-left: -40px
        }

        .lcard {
            height: 220px;
        }

        .lcard .content {
            padding: 15px
        }

        .main .eventpage .event .info .date {
            border-right: none
        }

        .main footer .f-footer .content ul li a {
            color: #252525;
            font-size: 16px
        }

        .main .back-header .f-header {
            display: none
        }

        .main footer .f-footer .content.col-lg-2dot4 {
            -webkit-box-flex: 1;
            -ms-flex: auto;
            flex: auto
        }

        .filter {
            margin-top: 10px
        }

        .filter .col-lg-2dot4 {
            padding: 0 15px
        }
    }

    .element-invisible,
    #edit-submit--3 {
        display: none
    }

    #edit-search-block-form--4 {
        background-color: white;
        border: none;
        position: absolute;
        left: 5px;
        top: 10px;
        width: 94%;
        height: 30px;
        padding: 3px 5px;
        -webkit-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
        border-bottom: 1px solid #808080a2;
        border-radius: 0;
    }
    .righ-tabs .tabs {
        top: 15%;
    }
    @media (max-width: 767.98px) {

        .bloger-slide.slick-slider .slick-slide{
            padding: 30px !important;
            margin: 0 10px !important;
        }
        .righ-tabs .tabs .tbtn,
        .righ-tabs .tabs .sharbtn {
            border-bottom: none;
            border-right: 1px solid #ffc0a4;
        }

        .home .videotheque .videos-box-slider .owl-item img{
            height: 100%;
        }
        .main .home .info-p .box-1:before {
            height: 42px !important;
        }

        .main .home .events .owl-carousel .owl-item.active {
            padding-left: 25px;
        }

        .main .home .events .owl-carousel .owl-stage-outer {
            margin-left: -25px;
        }

        .moment .pubbox {
            margin-left: 0px;
        }

        .moment .pubbox .passport {
            display: none;
        }

        .slider-small-card .mcard {
            height: 360px;
        }

        .unesco .post p:not(:last-child) {
            margin-bottom: 20px;
        }

        .slider-small-card {
            margin-right: 0px;
            margin-bottom: 15px;
        }

        .media-popup .media-box .info .title,
        .unesco-popup .media-box .info .title {
            font-size: 14px;
        }

        .media-popup .media-box .info,
        .unesco-popup .media-box .info {
            padding: 5px 0px;
        }

        .main .shopping .card-info p {
            font-size: 14px;
        }

        .lcard,
        .main .plage .lcard, .main .blog-detail .lcard {
            margin-bottom: 0;
            height: 380px;
        }

        .lcard .content .title {
            font-size: 22px;
        }

        .main .blog-detail .lcard:hover {
            -webkit-transform: initial;
            -ms-transform: initial;
            transform: initial;
        }

        .main .shopping .title,
        .main .shopping .pg {
            font-size: 18px;
        }

        .main .shopping .card-img {
            height: 400px;
        }

        .bloggers .temoignage-card .card-item {

        }
        .blog-detail .cat{
            margin-top: 10px;
        }
        .bloggers .temoignage-card .disc p {
            font-size: 18px;
            padding :0px !important;
        }

        .main>.city .banner {
            /* margin: 40px 0 20px 0; */
        }

        .main .home .info-p .box-4 .title {
            bottom: 15px
        }

        .main .home .info-p .box-1 {
            height: 180px;
        }

        .main .home .info-p .box-2 {
            height: 180px;
        }

        .main .home .info-p .box-3 {
            height: 200px;
        }

        .main .home .info-p .box-3 .title {
            /* bottom: 20px !important; */
        }

        .main .home .info-p .box-1 .title {
            /* bottom: -6px !important; */
        }

        .main .home .info-p .title {
            bottom: 15px !important;
        }

        .main .home .info-p .box-4 {
            height: 165px;
        }

        .main .home .info-p .box-5 {
            margin-top: -5px;
            height: 180px;
        }

        .main .home .info-p .box-6 {
            margin-top: -25px;
            height: 200px;
        }

        .main .home .event-box .events {
            padding: 0px 0px 10px 0px;
        }



        .owl-theme.owl-carousel.double-card .owl-nav {
            top: -78px;
            right: 0px;
        }

        .slider-small-card .mcard .info {
            font-size: 18px;
            padding: 15px
        }

        .multi-slider .silder-1 {
            top: 0;
            width: 40%;
            z-index: 2;
            left: 0;
        }

        .multi-slider .silder-2 {
            width: 85%;
        }

        .silder-1 .slider-small-card .mcard .info {
            font-size: 11px;
            padding: 10px 5px
        }

        .silder-1 .slider-small-card .mcard {
            height: 180px;
            border: 4px solid white
                /* width: 60%; */
        }

        .silder-2 .slider-small-card .mcard {
            height: 400px;
            /* width: 80%; */
        }

        .multi-slider {
            height: 466px;
        }

        .media-card .info {
            padding: 25px 15px;
        }

        .maxw-sm-100 {
            max-width: 100% !important;
        }

        .geo {
            padding: 30px 0;
        }

        .lcard .content .cat {
            /* font-size: 16px; */
        }

        .gimgs .gimg .back {
            padding: 15px 15px;
        }

        .gbox2,
        .gbox3 {
            margin-top: 40px;
        }

        .gimgs .gimg {
            max-width: 240px;
        }

        .main .eventpage .event img {
            height: 360px;
        }

        .main .eventpage .event .info .date {
            font-size: 22px;
        }

        .main .eventpage .event .info .cate {
            font-size: 18px;
        }

        .bloggers .owl-carousel .owl-stage-outer {
            margin-left: 0;
        }

        .h-slider .background-box .backimg img {
            height: 370px;
        }

        .bloggers .owl-carousel .owl-stage-outer {
            margin: 0
        }

        .main .home .not-miss .box-1,
        .main .home .not-miss .box-2,
        .main .home .not-miss .box-3,
        .main .home .not-miss .box-4,
        .main .home .not-miss .box-5 {
            /* -webkit-clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%); */
            /* clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%); */
            -webkit-clip-path: polygon(0 7%, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(0 7%, 100% 0, 100% 100%, 0% 100%);
            margin: 0px !important;
            height: 200px;
            max-width: 100%;
        }

        .main .home .not-miss .box-3 {
            -webkit-clip-path: polygon(0 7%, 100% 0, 100% 93%, 0% 100%);
            clip-path: polygon(0 7%, 100% 0, 100% 93%, 0% 100%);
        }

        .main .home .info-p .box-4 .back-title {
            left: 0;
            width: 100%;
        }

        .main .home .info-p .title {
            height: 50px;
            font-size: 13px
        }

        .h-slider .logo-box h1.small {
            font-size: 24px;
        }

        .main .blog .follow-us .btn-social {
            width: 180px;
        }

        .escale .btn-vm-primary {
            margin-top: 0px;
            margin-left: 0px;
        }

        .e-slider .owl-carousel .owl-nav button,
        .e-slider .owl-carousel .owl-nav button {
            display: none;
        }

        .escale .escal-slider .city-name {
            margin-top: 20px;
            padding-left: 30px;
            transform: translateY(60px);
            -webkit-transform: translateY(60px);
            -moz-transform: translateY(60px);
            -ms-transform: translateY(60px);
            -o-transform: translateY(60px);
        }

        .e-slider .img-princip {
            display: none
        }

        .marker-position-img .info {
            padding: 0 80px 0 130px;
        }

        .main.blog .back-header {
            height: 300px;
        }

        .main .back-header .mjumbotron h1 {
            font-size: 60px;
            margin-top: -120px
        }

        .endroits-slider .owl-stage-outer {
            margin-left: 0px
        }

        .instagram-imgs .instaimg {
            min-height: 280px;
            max-width: 470px;
        }

        .instagram-imgs .instaimg .incard {
            max-width: 145px;
        }

        .mediatheque form .filter .col-12:nth-child(1) {
            padding-right: 15px;
        }

        .mediatheque form .filter .col-12:nth-child(2) {
            padding-left: 15px;
        }

        .main .back-header .nos-plans {
            width: 100%;
        }

        .main .home .back-header .logo-box {
            top: -8%;
        }

        .main .back-header .inspiration form {
            width: 100%;
            padding: 0 30px
        }

        .main.home .back-header .inspiration form select {
            font-size: 15px;
            min-width: 100%;
            background-position-y: 12px;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        }

        .main.home .back-header .inspiration form button {
            font-size: 13px;
            padding: 8px 6px;
            display: none;
        }

        .main.home .back-header .inspiration h2 {
            font-size: 30px !important;
            text-shadow: 2px 2px 4px #000000;
        }



        .main .back-header .inspiration {
            padding-bottom: 20px;
        }

        .main .home .not-miss .box-4 .cat-title {
            background-color: rgba(255, 255, 255, 0.89);
            color: inherit;
        }

        .main .home .not-miss .box-4 {
            height: 200px !important;
        }

        /* .main .home {
            margin-top: -120px;
        } */

        .main.home .back-header .inspiration h2 {
            margin-bottom: 10px;
        }

        .main .back-header .background-box {
            height: 430px;
        }

        .main .back-header .background-box .header-slider .item {
            height: 430px;
        }

        .main .back-header .background-box .header-slider .item img {
            height: 100%;
        }

        .main .back-header .inspiration {
            margin-bottom: 0px;
            /* margin-top: 220px; */
        }

        .main .home .owl-carousel.manquer .owl-stage-outer {
            margin-left: -55px
        }

        .main .home .not-miss .slide {
            margin-top: 5px
        }

        .main .home .not-miss .box-2 .back-title {
            bottom: 0px;
        }

        /* .main .home .not-miss .box-1, .main .home .not-miss .box-2, .main .home .not-miss .box-4, .main .home .not-miss .box-5 {
        margin: 0px !important;
        height: 200px;
        max-width: 100%;
    } */
        .main .home .not-miss .box-1 img,
        .main .home .not-miss .box-2 img,
        .main .home .not-miss .box-4 img,
        .main .home .not-miss .box-5 img {
            width: 100%;
            height: 100%;
        }

        .main .home .not-miss .box-1 .cat-title,
        .main .home .not-miss .box-2 .cat-title,
        .main .home .not-miss .box-4 .cat-title,
        .main .home .not-miss .box-5 .cat-title {
            top: 30px
        }

        .main .home .not-miss .box-5 .back-title {
            left: 0px;
            bottom: 0px;
            transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
        }

        .main .home .not-miss .title {
            bottom: 15px
        }

        .main .home .not-miss .box-2 .back-title {
            bottom: 0px;
        }

        .main .home .not-miss .box-1 {}

        .main .home .not-miss .box-2 {}

        .main .home .not-miss .box-3 {
            height: 340px;
        }

        .main .home .not-miss .box-3 .cc-title {
            font-size: 47px;
            line-height: 42px;
        }

        .main .home .not-miss .box-3 .s-title {
            bottom: 35px;
            font-size: 28px;
        }

        .main .home .not-miss .box-4 {}

        /* .main .home .event-box .un-list {
        position: absolute;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        z-index: 2;
        top: -4px;
        background-color: white;
        /*border: 1px solid;

        border-radius: 2px;
        box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.278);
        -webkit-box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.278);
        -ms-box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.278);
        display: none;
    }
    .main .home .event-box .un-list .tab-event {
        border-bottom: 1px solid #cacbcb;
    }
    .main .home .event-box .un-list .tab-event.active {
        border-bottom: 1px solid #cacbcb;
        margin-bottom: -5px;
        cursor: default;
        color: #e44d26
    } */
        .main .home .event-box .un-list li {
            font-size: 16px;
        }

        .main .home .voyage-box .vcard .lcard {
            padding: 20px 30px 20px 30px;
        }

        .main .home .voyage-box .vcard .lcard .info .ftitle {
            font-size: 14px;
            margin: 0px 0 30px 0;
        }

        .main .home .voyage-box .vcard .lcard .info .stitle {
            font-size: 12px;
        }

        .main .home .voyage-box .vcard .ncard .title {
            font-size: 16px;
            padding: 50px 20px 20px 20px;
        }

        .main .home .voyage-box .vcard .ncard {
            padding: 20px 20px 40px 20px;
        }

        .main .home .voyage-box .vcard .ncard .cat {
            font-size: 14px;
        }

        .main .home .voyage-box {
            padding: 20px 0
        }

        .main .home .se-setuer .map-search .f-search {
            max-width: 100%;
            margin-top: 25px
        }

        .main .home .se-setuer .map-search .accordion {
            position: unset;
            margin-top: 0px;
            /* margin-bottom: 20px; */
            max-width: 100%;
        }

        .main .home .se-setuer .map-search {
            height: unset;
            padding: 0
        }

        .main .home .se-setuer {
            height: auto
        }

        .main .back-header .background-box .header-slider .item {
            height: 430px;
        }

        .main .back-header .background-box .header-slider.owl-theme .owl-nav {
            bottom: 10px;
            right: 0px;
        }

        .main .back-header .background-box .header-slider.owl-theme .owl-nav button span {
            font-size: 30px
        }

        .main .back-header .background-box .header-slider.owl-theme .owl-nav button {
            width: 30px;
        }

        .main .back-header .background-box .header-slider .owl-dots {
            display: none
        }

        .main .back-header h1 {
            font-size: 60px;
            text-align: center
        }

        .main .back-header .logo-box {
            /* top: 45% */
        }

        .main.home .back-header .logo-box {
            /* top: 0%;
        left: 0; */
            margin-bottom: 50px
        }

        .main .back-header .nos-plans {
            margin: 0
        }

        .main>.city .cnd .tab-cnd {
            font-size: 20px
        }

        .main>.city .cnd-pages .cnd-page .simg .content h4 {
            font-size: 18px
        }

        .filter .checkbox-group .custom-control {
            min-width: 100%;
        }

        .main .shopping .shop.owl-carousel .owl-stage-outer {
            margin-left: -60px;
        }

        .main .shopping .shop-city.owl-carousel .owl-stage-outer {
            /* margin-left: -40px; */
        }

        .main .eventpage .next-event .item img {
            width: 100%;
        }

        .main .eventpage .next-event .item .content {
            width: 100%;
            height: 150px;
            padding: 55px 40px 20px 15px;
        }

        .main .eventpage .next-event .title {
            top: 64%;
            left: 30px;
        }

        .main .eventpage .next-event .owl-carousel .owl-nav {
            top: 226px;
            left: unset;
            right: 5px;
        }

        .main .eventpage .next-event {
            margin-bottom: 240px;
        }

        .main .eventpage .next-event .owl-theme .owl-dots {
            display: block
        }

        .main .eventpage .event .info .share {
            padding: 0
        }

        .main .eventpage .event .info .disc {
            padding: 0px;
        }

        .main footer .f-footer .content ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .main footer .f-footer .content .title {
            text-align: center
        }

        .main footer .f-footer .content ul li a {
            font-size: 14px;
        }

        .main .home .info-p .title {
            padding: 0 15px
        }

        /* .main .home .info-p .title {
        bottom: 0 !important
    } */
        .main .home .se-setuer .map-search .f-search .card .card-header button {
            font-size: 18px
        }

        .main .home .se-setuer .map-search .f-search .card .card-body a {
            font-size: 16px
        }

        .main .home .se-setuer .map-search .accordion {
            padding-left: 15px;
            padding-right: 15px
        }

        .dtitle {
            padding-top: 60px;
            padding-bottom: 10px;
            padding-right: 15px;
            padding-left: 15px;
        }

        .h-slider .background-box .item {
            height: 450px;
            /* width: 100%; */
        }

        .h-slider .background-box .owl-nav [class*=owl-] {
            font-size: 24px
        }

        .h-slider .background-box .owl-nav {
            position: absolute;
            bottom: 10px;
            right: 20px;
        }

        .h-slider .logo-box {
            /* left: 20%; */
            margin-top: -20px;
        }

        .h-slider .logo-box h1 {
            font-size: 42px;
        }

        @media (max-width: 575.98px) {

            .se_deplace div#TGV,
            .se_deplace div#Autocar {
                margin-right: 5px;
                max-width: 49%;
            }

            .main.home .back-header .background-box {
                pointer-events: auto;
            }

            .main .back-header .background-box .tube {
                -webkit-transform: scale(1.9) !important;
                -ms-transform: scale(1.9) !important;
                transform: scale(1.9) !important;
            }

            .main>.city .art .h-290.gimg {
                height: 200px;
                padding-right: 0px !important;
                /* margin-top: 1rem; */
            }

            .gimgs {
                max-width: 290px;
            }

            .gbox2 .gimgs .gimg.gimg-2,
            .gbox3 .gimgs .gimg.gimg-2 {
                margin-bottom: 0;
                height: 300px;
            }

            .gimgs .gimg .info .title {
                font-size: 14px;
            }

            .gimgs .gimg {
                max-width: 140px;
            }

            .gimgs .gimg.gimg-1 {
                height: 300px;
                margin-right: 10px;
            }

            .gimgs .gimg.gimg-2,
            .gimgs .gimg.gimg-3 {
                height: 137.5px;
            }

            .main .events .event-card .content {
                padding: 10px 15px;
            }

            .main .blog .follow-us .btn-social {
                width: 180px;
            }

            .instagram-imgs .instaimg .incard {
                max-width: 118px;
                ;
            }

            .marker-position-img .marker-img {
                width: 50px;
                height: 70px;
                transform: translateY(30px);
                -webkit-transform: translateY(30px);
                -moz-transform: translateY(30px);
                -ms-transform: translateY(30px);
                -o-transform: translateY(30px);
            }

            .escale .escal-slider .city-name {
                margin-top: 20px;
                padding-left: 30px;
                transform: translateY(20px);
                -webkit-transform: translateY(20px);
                -moz-transform: translateY(20px);
                -ms-transform: translateY(20px);
                -o-transform: translateY(20px);
            }

            .marker-position-img .info {
                padding: 0 37px 0 60px;
            }

            .main .home .video-box #btn-play {
                font-size: 50px;
                padding: 7px 16px 6px 28px;
            }

            .main .home .video-box .info-box .tag {
                font-size: 14px;
                margin-top: 10px;
            }

            .main .home .video-box .info-box .title {
                font-size: 16px;
                text-align: center
            }

            .main .home .video-box .info-box .tt-videos {
                font-size: 12px;
                padding: 8px 16px;
                margin-top: 40px !important;
            }

            .main .home .video-box #video {
                width: 100%;
                height: 335px;
                background-color: black
            }

            .main .home .events .owl-carousel .owl-stage-outer {
                /* margin-left: -25px; */
            }

            .ecard .date-cat {
                padding-top: 10px;
            }

            .ecard .info {
                padding: 30px 10px 10px 10px;
            }

            .ecard .date-cat {
                min-width: 104px;
            }

            .ecard .date {
                font-size: 14px;
            }

            .ecard .info .title {
                /* font-size: 13px; */
                margin-bottom: 20px
            }

            .ecard .cat {
                font-size: 13px
            }

            .main .home .voyage-box .owl-carousel .owl-stage-outer {
                margin-left: -15px
            }

            .main .home .voyage-box .vcard {
                /* height: 400px; */
                margin: 0px 5px;
            }

            .main .social-media-box .tenez {
                font-size: 13px
            }

            .main footer .copy-right p {
                font-size: 13px;
            }

            .main>.city .cnd .tab-cnd {
                font-size: 14px;
            }

            .main>.city .cnd .tab-cnd.actived {
                font-size: 16px !important
            }

            .art {
                margin-top: 10px;
            }

            .videotheque {
                margin-top: 10px;
            }

            .videotheque #goto4 {
                padding-top: 10px;
            }

            .main>.city .cnd-pages .cnd-page .gimg {
                height: 300px;
            }

            .main>.city .cnd-pages .cnd-page .simg {
                height: 130px;
            }

            .main>.city .cnd-pages .cnd-page .gimg .content {
                padding: 25px
            }

            .main>.city .cnd-pages .cnd-page .simg .content {
                padding: 15px 25px;
            }

            .main .slider-card-zoom {
                margin: 15px 0
            }

            .main .slider-card-zoom .owl-carousel.slider-card .owl-stage-outer {
                padding: 15px 0;
                /* margin-left: -35px; */
            }

            .main>.city .art .content {
                padding: 10px 20px;
            }

            .main>.city .art .content h4 {
                font-size: 18px;
            }

            .main .events .evcard {
                padding: 15px 0px;
            }

            .main>.city .banner h3 {
                font-size: 32px;
            }

            .main>.city .banner span {
                font-size: 16px;
            }

            .main>.city .banner .content {
                padding: 20px 10px;
            }

            .main>.city .events .evcard {
                padding: 10px 2px
            }
            .main .discover .dscard .back {
                height: 230px;
            }

            #go-to-top {
                z-index: 10;
                bottom: 90px;
                right: 20px;
                font-size: 14px;
            }

            .main>.city .events .evcard .content .cat,
            .main>.city .events .evcard .content .date {
                font-size: 14px
            }

            .main>.city .events .evcard .content h6 {
                font-size: 14px
            }

            .main>.city .events .evcard .cdate span {
                font-size: 14px
            }

            .main .events .event-card .content .body h2 {
                font-size: 16px
            }

            .main .events .event-card .content .cat,
            .main .events .event-card .content .date {
                font-size: 13px
            }

            .main .plage .card-img {
                height: 225px;
            }

            .main .plage .card-img .back {
                height: 140px;
            }

            .main .plage .card-img .pavillon-bleu {
                height: 60px;
                width: 70px;
            }

            .main .plage h2.title {
                font-size: 20px;
                padding-top: 10px !important;
            }

            .main .plage .order-2 .card-info{
                padding-right: 0px;
            }

            .main .plage .order-2 .card-info .card-btn,
            .main .plage .card-info  .card-btn{
                text-align: center;
            }
            .main .eventpage .next-event .item .content {
                padding: 70px 15px 20px 15px;
            }

            .main .eventpage .next-event .item .content h4 {
                font-size: 16px;
                margin-bottom: 20px
            }

            .main .eventpage .next-event .title {
                font-size: 16px;
            }

            .main .eventpage .next-event .item .content span {
                font-size: 11px;
                color: #e9e9e9
            }

            .not-miss .title {
                padding: 5px 15px;
                font-size: 16px;
            }

            .main .home .not-miss .cat-title {
                font-size: 14px;
                padding: 5px 15px;
            }
        }
    }

    /*-----------------------------------------------------------------------------------

    Template Name:
    Template URI:
    Description: T
    Author:
    Author
    Version: 1.0

-----------------------------------------------------------------------------------



/* Base CSS */

    .alignleft {
        float: left;
        margin-right: 15px;
    }

    .alignright {
        float: right;
        margin-left: 15px;
    }

    .aligncenter {
        display: block;
        margin: 0 auto 15px;
    }

    .filter-item .item {
        -o-transition: .8s;
        transition: .8s;
        -webkit-transition: .8s;
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform: translateX(0);
        opacity: 1;
        padding: 15px 15px
    }

    .filter-item .item.__loading {
        opacity: 0;
        -ms-transform: translateX(40px);
        transform: translateX(40px);
        -webkit-transform: translateX(40px);
    }

    .panel .wbox {
        height: 420px;
        padding: 0 20px;
        overflow: auto
    }

    .widget {
        margin: 0 0 80px;
    }

    .widget .title {
        font-style: italic;
        text-align: center;
        font-family: Merriweather, sans-serif;
        font-size: 42px;
        font-weight: 300;
        margin: 0 0 40px;
        position: relative;
        z-index: 1;
        overflow: hidden;
        color: #fff;
    }

    .widget .title:after {
        background-color: #fff;
        content: '\a0';
        position: absolute;
        width: 113px;
        top: 50%;
        overflow: hidden;
        height: 1px;
        margin-left: 5%;
    }

    .widget .title:before {
        background-color: #fff;
        content: '\a0';
        position: absolute;
        width: 113px;
        top: 50%;
        overflow: hidden;
        height: 1px;
        margin-left: -23%;
    }

    .widget .heure {
        text-align: center;
        font-size: 48px;
        font-weight: 500;
        margin-bottom: 0;
        line-height: 48px;
        color: white
    }

    .widget div {
        /* border-bottom: 1px solid #fff; */
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .widget div p {
        font-size: 18px;
        margin-bottom: 20px;
        color: white
    }

    .close {
        font-size: 26px;
        line-height: 26px;
        color: #fff !important;
        text-shadow: none;
        filter: alpha(opacity=100);
        opacity: 1;
        display: block;
    }

    .close:focus {
        color: #fff;
        text-decoration: none;
        cursor: pointer;
        filter: alpha(opacity=100);
        opacity: 100;
    }

    .close:hover {
        color: #fff;
        text-decoration: none;
        cursor: pointer;
        filter: alpha(opacity=100);
        opacity: 100;
    }

    .sidenav .panel {
        display: none;
    }

    @media only screen and (min-width:320px) and (max-width:767px) {
        .widget>div {
            text-align: left;
        }

        .widget>div p {
            font-size: 15px;
        }

        .widget .title:after {
            display: none;
        }

        .widget .title:before {
            display: none;
        }

        .widget p.decalage {
            background: 0 0;
        }
    }

    .sidenav .panel {
        display: block;
        position: absolute;
        top: 25px;
        width: 84%;
    }

    .widget p.decalage {
        padding-right: 30px;
        color: white
    }

    .widget div p.widget-sec-title {
        font-size: 26px;
        margin: 0;
        color: #fff;
    }

    .widget-sec-title {
        font-family: Ubuntu, sans-serif;
        font-weight: 500;
        font-style: normal;
        line-height: 1.1;
    }

    .widget-cities {
        font-family: Ubuntu, sans-serif;
        font-weight: 500;
        font-style: normal;
        line-height: 1.1;
        margin-top: 0;
        margin-bottom: 25px;
        padding-bottom: 10px;
        color: #fff;
        border-bottom: 1px solid #fff;
        font-size: 22px;
        display: flex;
        justify-content: space-between
    }

    .widget-cities .right {
        float: right;
    }

    @media only screen and (max-width:425px) {
        .widget-cities {
            font-size: 14px;
        }

        .main .shopping .card-img .bg_img {
            width: 320px;
        }
    }

    @media only screen and (max-width:767px) {
        .widget div {
            width: 100%;
        }
    }

    @media only screen and (max-width:767px) and (min-width:320px) {
        .widget div p.widget-sec-title {
            font-size: 18px;
        }
    }

    .sidenav .panel {
        display: none;
    }

    @media only screen and (min-width:320px) and (max-width:767px) {
        .widget>div {
            text-align: left;
        }

        .widget .title:after {
            display: none;
        }

        .widget .title:before {
            display: none;
        }
    }

    .sidenav .panel {
        display: block;
        position: absolute;
        top: 25px;
        width: 84%;
    }

    .widget .accueil-map-contenu {
        border: 0;
    }

    .widget .accueil-map-contenu .ville-map {
        border: 0;
    }

    .ville-map {
        position: absolute;
        font-size: 12px;
        font-weight: bold;
        text-transform: capitalize;
    }

    .ville-map-nom {
        font-family: "Merriweather, sans-serif";
        cursor: default;
        position: absolute;
        margin-top: -15px;
        text-transform: capitalize;
        left: -46px;
        top: 59px;
        z-index: 999999;
        width: 110px;
        text-align: center;
        color: #3f3f3f;
        font-size: 15px;
    }

    .accueil-map-contenu {
        position: relative;
        clear: both;
    }

    @media only screen and (max-width:767px) {
        .ville-map {
            display: none;
        }
    }

    @media only screen and (max-width:767px) {
        .widget div {
            width: 100%;
        }
    }

    .panel {
        margin-bottom: 0;
        background-color: transparent;
        border: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .sidenav .panel {
        display: none;
    }

    @media only screen and (min-width:320px) and (max-width:767px) {
        .widget>div {
            text-align: left;
        }

        .panel.lieu .widget>div {
            text-align: center;
        }

        .widget .title:after {
            display: none;
        }

        .widget .title:before {
            display: none;
        }
    }

    .sidenav .panel {
        display: block;
        position: absolute;
        top: 25px;
        width: 84%;
    }

    @media only screen and (max-width:767px) {
        .widget div {
            width: 100% !important;
            text-align: center;
        }
    }

    #ui-datepicker-div {
        width: 300px !important;
    }

    #onmt-gallery-get-gallery-form .filter .group-controls {
        padding: 0;
    }

    #onmt-gallery-get-gallery-form .filter .group-controls#edit-submit-galerie {
        padding: 6px 0;
    }

    #onmt-gallery-get-gallery-form .form-item-destinations.form-type-select {
        width: 100%;
    }

    #onmt-gallery-get-gallery-form .form-item-destinations.form-type-select,
    #onmt-gallery-get-gallery-form .filter .group-controls select {
        margin: 0;
    }

    .idees_voyage,
    .listing_destination,
    .main .plage .experience-bloc {
        padding-top: 20px;
        /* display: inline-block; */
        width: 100%;
        background-image: url(../images/patterns-bottom.png),url(../images/patterns-middle.png);
        background-repeat: no-repeat, no-repeat;
        background-position-x: center, 150%;
        background-position-y: 102%, 15%;
    }

    .main .plage .experience-bloc {
        padding-bottom: 70px;
    }

    .page-taxonomy-term-77 .main .plage .experience-bloc .experiences > .container{
        padding: 0;
    }


    .main .shopping .experience-bloc {
        padding-top: 20px;
        /* display: inline-block; */
        width: 100%;
        background-image: url(../images/patterns-middle.png);
        background-repeat:  no-repeat;
        background-position-x: 150%;
        background-position-y: 15%;
    }

    /*sk style*/
    /* conseils pratiques */
    .page-plages {
        background-color: #f1ebe64a;
        padding-bottom: 60px;
        background-image: url(../images/patterns-pratiques.png);
        background-position-x: 164%;
        background-position-y: 56%;
        background-size: 60%;
        background-repeat: no-repeat;
    }
    .page-plages .conseils_pratiques {
        margin-top: 60px;
    }

    .conseils_pratiques .modal-content h3 {
        text-transform: uppercase;
    }
    .conseils_pratiques .conseils_icon {
        margin: 40px auto;
    }
    .conseils_pratiques .wrap {
        display: block;
        padding: 30px;
        margin: 0 0 30px;
        text-align: center;
        cursor: pointer;
        background-color: #fff;
        height: 500px;
        box-sizing: content-box;
    }

    .conseils_pratiques .wrap span {
        font-family: "merriweather";
        color: #B01A14;
        font-size: 20px;
        margin: 0 0 10px;
        display: block;
        text-align: center;
        min-height: 60px;
    }

    .conseils_pratiques .wrap:hover {
        background-color: #B01A14;
    }
    .conseils_pratiques .wrap:hover span,
    .conseils_pratiques .wrap:hover p,
    .conseils_pratiques .wrap:hover i {
        color: #fff;
    }

    .conseils_pratiques .modal-content {
        padding: 15px 40px 130px;
        background-image: url(../images/patterns-brown.png);
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: 120%;

    }

    .conseils_pratiques .icons {
        background-image: url(../images/sprites.png);
        background-repeat: no-repeat;
        display: block;
        margin: 30px auto 60px;
        width: 64px;
        height: 64px;
    }

    .conseils_pratiques .conseils_icon.climats {
        width: 66px; height: 66px;
        background-position: -96px -188px;
    }

    .conseils_pratiques .wrap:hover i.climats  {
        background-position: -10px -188px;
    }

    .conseils_pratiques .conseils_icon.formalites {
        width: 69px; height: 69px;
        background-position: -99px -10px;
    }
    .conseils_pratiques .wrap:hover i.formalites  {
        background-position: -10px -10px;
    }

    .conseils_pratiques .conseils_icon.office {
        width: 69px; height: 69px;
        background-position: -99px -99px;
    }
    .conseils_pratiques .wrap:hover i.office  {
        background-position: -10px -99px;
    }

    .conseils_pratiques .conseils_icon.vocabulaire {
        width: 66px; height: 66px;
        background-position: -268px -188px;
    }
    .conseils_pratiques .wrap:hover i.vocabulaire  {
        background-position: -182px -188px;
    }

    .conseils_pratiques .calendrier {
        width: 52px; height: 64px;
        background-position: -82px -352px;
    }
    .conseils_pratiques .wrap:hover i.calendrier  {
        background-position: -10px -352px;
    }

    .conseils_pratiques .cœur {
        width: 64px; height: 58px;
        background-position: -356px -178px;
    }
    .conseils_pratiques .wrap:hover i.cœur  {
        background-position: -10px -274px;
    }

    .conseils_pratiques .dollar {
        width: 64px; height: 73px;
        background-position: -188px -10px;
    }
    .conseils_pratiques .wrap:hover i.dollar  {
        background-position: -272px -10px;
    }

    .conseils_pratiques .communication {
        width: 64px; height: 64px;
        background-position: -188px -103px;
    }
    .conseils_pratiques .wrap:hover i.communication  {
        background-position: -272px -103px;
    }

    .conseils_pratiques .planete {
        width: 64px; height: 64px;
        background-position: -356px -94px;
    }
    .conseils_pratiques .wrap:hover i.planete  {
        background-position: -356px -10px;
    }

    .page_title {
        position: absolute;
        margin: auto;
        top: 0;
        bottom: 0;
        height: fit-content;

        color: #FFFFFF;
        font-family: "merriweather";
        font-size: 60px;
        letter-spacing: 1.6px;
        text-align: center;
      /*  text-transform: lowercase; */
        width: 70%;
        right: 0;
        left: 0;
    }

    .center-intro {
        font-family: 'Ubuntu';
        text-align: center;
    }

    .center-intro .container {
        font-weight: 400;
        color: #4c3537;
        max-width: 830px;
        margin: 0 auto;
    }

    .center-intro h2 {
        font-style: normal;
        font-family: 'Ubuntu';
        font-size: 32px;
        margin: 0 0 20px;
    }

    #decouvrir-cover {
        margin-bottom: 65px;
        position: relative;
    }

    #decouvrir-cover img {
        width: 100%;
        height: 660px;
    }

    .summary ul.sticky_nav {
        text-align: center;
        padding: 10px;
        border-bottom-right-radius: 20px;
        border-top-right-radius: 20px;
    }

    .summary ul.sticky_nav li:nth-child(3):hover,
    .summary ul.sticky_nav li.active:nth-child(3) {
        /* width: 230px; */
    }

    .summary ul.sticky_nav li .hgoto {
        height: 13px;
        color: #1A1A1A;
        font-family: Assistant;
        font-size: 10px;
        font-weight: bold;
        letter-spacing: 0.71px;
        line-height: 13px;
        text-transform: uppercase;
    }

    .summary ul.sticky_nav li.active .hgoto,
    .summary ul.sticky_nav li:hover .hgoto
    {
        color: #B01A14;
    }

    .summary ul.sticky_nav li .icon {
        margin-left: 0px;
    }

    .summary ul.sticky_nav li.active .icon,
    .summary ul.sticky_nav li:hover .icon {
        /* margin-left: 5px;
        margin-right: 15px; */
        height: 80px;
    }

    .summary ul.sticky_nav {
        position: relative;
    }

    .summary ul li .icon span.void_sticky_nav_span {
        margin-top: 5px;
        height: 40px;
        /* background: #B01A14;
        border: 1px solid #B01A14; */
        margin-top: 0px;
        z-index: 1;
    }


    .summary ul li.active .icon span.void_sticky_nav_span,
    .summary ul li:hover .icon span.void_sticky_nav_span {
        height: 80px;
        background: #B01A14;
        border-color: #B01A14;
        margin-top: 0;
        z-index: 1;
    }

    #bc-to .breadcrumb .breadcrumb-item {
        /* border-left: 1px solid #515151; */
        position: relative;
        padding-right: 15px;
        color: #1A1A1A;
        font-family: "Assistant";
        font-size: 14px !important;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 18px;
        display: inline-block;
        text-transform: uppercase;
    }

    #bc-to .breadcrumb .breadcrumb-item img {
        width: 5px;
        height: 5px;
        top: -1px;
        position: relative;
        right: -13px;
    }
    #bc-to .breadcrumb .breadcrumb-item:last-child img {
        display: none;
    }

    #bc-to .breadcrumb .breadcrumb-item+.breadcrumb-item::before,
    #bc-to .breadcrumb .breadcrumb-item:last-child::after {
        content: none;
    }

    .main .eventpage .event .info .date {
        font-weight: 600;
        text-transform: capitalize;
    }

    .main .eventpage .event .info .date small {
        font-size: 33px;
        font-weight: 600;
    }

    .main .eventpage .event .info .disc p {
        letter-spacing: 0.5px;
    }

    .main .eventpage .event .socialshare .btn-social.facebook {
        padding-left: 0;
    }

    .recompense-card {
        border: 1px solid rgb(160, 160, 160);
        height: 650px;
    }

    .recompense-card p {
        font-size: 16px;
        color: rgb(106, 106, 106);
        line-height: 1.2;
        text-align: justifyLeft;
    }

    .recompense-card .title {
        font-size: 22px;
        color: rgb(37, 37, 37);
        line-height: 1.2;
    }

    .recompense-card .ref {
        font-size: 20px;
        color: rgb(213, 78, 19);
        line-height: 1.2;
        text-align: justifyLeft;
    }

    .recompense-icon {
        border-radius: 50%;
        background-color: rgb(213, 78, 19);
        position: absolute;
        top: -40px;
        right: 16px;
        width: 62px;
        height: 62px;
    }

    .bloggers .temo-reco .disc::before {
        top: 120px;
        left: 50px !important;
    }

    .bloggers .temo-reco .avatar-container {
        margin-bottom: 20px
    }

    .bloggers .temo-reco .avatar {
        height: 75px;
        width: 75px;
        position: absolute;
        top: -12px;
        overflow: hidden;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        border: 2px solid #1d1d1d;
        padding: 2px;
        margin: auto;
        left: 0;
        right: 0;
    }

    .bloggers .temo-reco .avatar img {
        width: 100%;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
    }

    .bg_img_destin {
        background-position: top;
        background-size: cover;
        background-repeat: no-repeat;
        height: 330px;
        width: 100%;
    }

    .pd0 {
        padding: 0;
    }

    .pre_destination {
        padding-left: 100px;
        padding-top: 30px;
    }

    .pre_destination p {
        text-align: justify;
        font-family: Assistant;
        font-size: 18px;
    }

    .pre_destination h2 {
        font-size: 28px;
        font-weight: 600;
        letter-spacing: 1px;
        margin-bottom: 20px;
        line-height: 40px;
        font-weight: 500;
    }

    .destination_title h4 {
        font-size: 25px;
        margin-bottom: 15px;
    }

    .listing_destination .destination-item{
        padding-bottom: 60px;
    }

    .pre_destination p a {
        color: rgb(69, 70, 75);
    }

    /*guide*/

    .page-guides .telechargements .top-wrap .telecharger {
        font-size: 14px;
        letter-spacing: 1px;
    }

    .page-guides .telechargements .accordion {
        margin: 0 0 50px
    }

    .page-guides .telechargements .brochure {
        transition: all .3s
    }

    .page-guides .telechargements .brochure .info {
        max-width: 290px;
		top: 30%;
		position: absolute;
    }

    .page-guides .telechargements .brochure:hover .top-wrap .telecharger {
        opacity: 1;
        visibility: visible
    }

    .page-guides .telechargements .brochure .big-title {
        font-size: 22px;
        margin: 10px 0 20px
    }

    .page-guides .telechargements .top-wrap {
        width: 100%;
        margin-right: 0;
    }

    .page-guides .telechargements .top-wrap:hover img {
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }

    .page-guides .telechargements .top-wrap p {
        margin-bottom: 0
    }

    .page-guides .telechargements .top-wrap .telecharger {
        position: absolute;
        width: auto;
        padding: 0 25px;
        height: 40px;
        line-height: 40px;
        opacity: 0;
        visibility: hidden;
        top: 50%;
        margin-top: -20px;
        right: 0;
        left: 0;
        margin: 0 auto;
        max-width: 180px
    }

    .page-guides .telechargements .top-wrap .telecharger:hover {
        background: #d44f18;
        color: #fff
    }

    .page-guides .info {
        width: 100%;
        padding: 20px 0px 35px 0px
    }

    .page-guides .info p {
        font-weight: 300
    }

    .page-guides .info a {
        color: #4c3537
    }

    .page-guides .info a:focus {
        color: #4c3537
    }

    .page-guides .info a:hover {
        color: #4c3537
    }

    .page-guides .top-wrap {
        position: relative;
        width: 305px;
        overflow: hidden
    }

    .page-guides .top-wrap p {
        font-weight: 300;
        background-color: #4c3537;
        font-size: 20px;
        color: #fff;
        line-height: 60px;
        padding-left: 25px
    }

    .page-guides .top-wrap:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1);
		z-index: 999;
    }

    .page-guides .top-wrap img {
        max-width: 100%;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s
    }

    .page-guides .ombre {
        background: rgba(0, 0, 0, .25);
        width: 659px;
        margin: 0 auto;
        border-radius: 50px;
        -webkit-box-shadow: 0 0 26px 0 rgba(0, 0, 0, .5);
        -moz-box-shadow: 0 0 26px 0 rgba(0, 0, 0, .5);
        box-shadow: 0 0 26px 0 rgba(0, 0, 0, .5)
    }

    .page-guides .carousel-item {
        min-height: 595px
    }

    .page-guides .top-wrap {
        position: relative;
        width: 305px;
        overflow: hidden;
    }

    .page-guides h3 {
        /* font-family: Ubuntu,sans-serif; */
        color: #fff;
        font-weight: 500;
        font-style: normal;
    }

    .page-guides .owl-item a {
        display: block;
        overflow: hidden;
    }

    .page-guides .btn-orange {
        background: #d44f18;
        color: #f4f0ed;
        border: 0;
        border-radius: 0;
        font-weight: 600;
        text-transform: uppercase;
    }

    .page-guides h1 {
        font-family: Ubuntu, sans-serif;
        color: #4c3537;
        font-weight: 500;
        font-style: normal;
        margin: 0 0 20px;
        font-style: italic;
        font-family: merriweather, sans-serif;
        font-weight: 300;
        font-size: 60px;
    }

    .listing_destination .breadcrumb {
        padding: 15px 0;
    }

    /*situer*/

    #map_situer .cities {
        display: block;
    }

    #map_situer .cities.card_1 {
        display: block;
    }

    #map_situer .morocco {
        position: absolute;
        top: 250px;
        right: 230px;
        font-weight: 900;
    }

    #map_situer {
        height: 100%;
        text-align: right;
        background-color: #46bcec;
        position: relative;
        background-image: url('/sites/all/themes/custom/onmt_theme/assets/images/map_1.png');
        background-repeat: no-repeat;
        background-position: right top;
    }

    #map_situer img.img_maps {
        height: 100%;
    }

    #map_situer .situer_imgs {
        position: absolute;
        z-index: 1;
        max-width: 20px;
        max-height: 20px;
    }

    #map_situer .maps_span {
        position: absolute;
        z-index: 0;
    }

    #map_situer .Chefchaouen {
        top: 142px;
    right: 204px;
    }

    #map_situer .maps_span.Chefchaouen {
        top: 162px;
        right: 180px;
    }

    #map_situer .Errachidia-Midelt-Merzouga {
        top: 305px;
        right: 180px;
    }

    #map_situer .maps_span.Errachidia-Midelt-Merzouga {
        right: 80px;
        top: 330px;
    }

    #map_situer .Taroudant {
        top: 368px;
        right: 352px;
    }

    #map_situer .maps_span.Taroudant {
        right: 330px;
        top: 385px;
    }

    #map_situer .Azilal {
        top: 300px;
        right: 270px;
    }

    #map_situer .maps_span.Azilal {
        top: 320px;
    }

    #map_situer .Ifrane {
        top: 230px;
        right: 216px;
    }

    #map_situer .maps_span.Ifrane {
        right: 178px;
        top: 230px;
    }

    #map_situer .Ouarzazate-Zagora-Tinghir {
        top: 350px;
        right: 255px;
    }

    #map_situer .maps_span.Ouarzazate-Zagora-Tinghir {
        right: 170px;
        top: 370px;
    }

    #map_situer .Tangier {
        top: 108px;
        right: 239px;
    }

    #map_situer .maps_span.Tangier {
        right: 263px;
    }

    #map_situer .Tetouan {
        top: 126px;
    right: 226px;
    }

    #map_situer .maps_span.Tetouan {
        top: 126px;
        right: 246px;
    }

    #map_situer .Essaouira-Mogador {
        top: 321px;
        right: 408px;
    }

    #map_situer .maps_span.Essaouira-Mogador {
        top: 306px;
        right: 420px;
    }

    #map_situer .Jadida-Mazagan {
        top: 243px;
        right: 361px;
    }

    #map_situer .maps_span.Jadida-Mazagan {
        top: 228px;
    }

    #map_situer .Casablanca {
        top: 215px;
        right: 314px;
    }

    #map_situer .maps_span.Casablanca {
        top: 200px;
        right: 320px;
    }

    #map_situer .Oujda-Saidia {
        top: 160px;
        right: 85px;
    }

    #map_situer .maps_span.Oujda-Saidia {
        top: 140px;
    right: 70px;
    }

    #map_situer .Dakhla {
        bottom: 120px;
        right: 674px;
    }
    #map_situer .maps_span.Dakhla{
        bottom: 140px;
    }
    #map_situer .Safi {
        top: 275px;
        right: 382px;
    }

    #map_situer .maps_span.Safi {
        top: 265px;
    right: 400px;
    }

    #map_situer .Hoceima {
        top: 130px;
        right: 160px;
    }

    #map_situer .maps_span.Hoceima {
        top: 113px;
        right: 140px;
    }

    #map_situer .Agadir-Taghazout {
        top: 376px;
        right: 403px;
    }

    #map_situer .maps_span.Agadir-Taghazout {
        top: 358px;
        right: 410px;
    }

    #map_situer .Fez {

    top: 203px;
    right: 198px;

    }

    #map_situer .maps_span.Fez {
        top: 200px;
        right: 175px;
    }

    #map_situer .Meknes {
        top: 197px;
        right: 226px;
    }

    #map_situer .maps_span.Meknes {
        top: 214px;
        right: 230px;

    }

    #map_situer .Rabat {
        top: 197px;
        right: 280px;
    }

    #map_situer .maps_span.Rabat {
        top: 185px;
    }

    #map_situer .Marrakech {
        top: 309px;
    right: 340px;
    }

    #map_situer .maps_span.Marrakech {
        top: 327px;
        right: 317px;
    }

    .maps_span {
        text-shadow: 0px 0px 2px #fff;
        font-weight: 600;
        font-size: 12px;
        color: #424242;
    }

    /*general*/

    .btn-vm-blue {
        background-color: #3B5998;
        color: #FFFFFF;
        font-family: "Assistant SemiBold";
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 1px;
        line-height: 18px;
        text-align: center;
        padding: 15px 25px;
        border-radius: 30px;
        position: relative;
    }

    .btn-vm-blue::before
    {
        content: "\A";
        border-style: solid;
        border-width: 9px 6px 9px 1px;
        border-color: #0000 #3B5998 #0000 #0000;
        position: absolute;
        left: -5px;
    }

    .btn-vm-blue::after
    {
        content: "\A";
        border-style: solid;
        border-width: 9px 1px 9px 6px;
        border-color: #0000 #0000 #0000 #3B5998;
        position: absolute;
        right: -5px;
    }

    .btn-vm-blue:hover
    {
        background-color: #3B5998;
    }

    .unesco .even .rtejustify strong,
    .escale .even .rtejustify strong {
        font-size: 22px;
        color: #252525;
        font-family: "merriweather";
        font-weight: 600;
    }

    .view-events .events #edit-body-value,
    .view-events .events .filter .col-lg-2dot4 .group-controls input {
        border-bottom: 1px solid #dddddd75;
    }

    .view-events .events .filter .col-lg-2dot4 .group-controls div,
    .view-events .events .filter .col-lg-2dot4 .group-controls input {
        width: 100%;
        max-width: 100%;
    }

    .view-events .events .filter .col-lg-2dot4 .group-controls .form-type-textfield,
    .view-events .events .filter .col-lg-2dot4 .group-controls .form-item-field-event-destination-tid {
        margin-top: 0;
        margin-bottom: 10px;
    }

    .view-events .events .filter .group-controls input,
    .view-events .events .filter .group-controls select {
        height: 25px;
    }

    .view-events .events .filter .group-controls button,
    .view-events .events .filter .group-controls.btn {
        height: 100%;
    }

    .escale .even .rtejustify strong {
        margin-bottom: 15px;
        display: block;
    }

    .escale .escal-slider .e-slider .fill-title {
        font-size: 18px;
        font-weight: 600;
    }

    .disc-city #goto1 iframe {
        display: none;
    }

    .main .back-header .navbar .dropdown-menu .m-infopratique .col-md-4 .icard {
        height: 460px;
        cursor: pointer;
    }

    .main .back-header .navbar .dropdown-menu #block-block-5 .dcard {
        margin-top: 44px;
    }

    .addthis-smartlayers.addthis-smartlayers-desktop {
        display: none;
    }

    .infos_popups #modalplanete473 td {
        padding: 20px;
    }

    .infos_popups .modal-dialog {
        max-width: 60%;
    }

    .infos_popups .modal-header {
        display: block;
        color: #B01A14;
        border-color: #B01A14;
        padding: 1.5rem 1.5rem;
    }
    .infos_popups .modal-body {
        padding-top: 1.5rem;
    }


    .infos_popups #modalcalendrier480 td p {
        margin: 0;
    }

    .choose_cat {
        margin: 15px 0;
    }

    .choose_cat .lblcat,
    .exposed_events .group-controls label {
        text-transform: initial;
    }

    .view-events .events .filter .group-controls.btn {
        margin: 0;
        border: 0;
    }

    .choose_cat .lblcat {
        font-size: 25px;
    }

    .exposed_events .custom-radio .custom-control-input:checked~.custom-control-label::after {
        top: 13px;
    }

    .exposed_events .custom-control-label::before {
        top: 0.5rem;
        border-color: #878787;
    }

    .view-id-events.view-display-id-i18n_page_1 .events .contaoner {
        margin-top: 40px;
    }

    .not-front.not-logged-in.no-sidebars.page-user form.user-login {
        padding-top: 200px;
        width: max-content;
        margin: 0 auto;
        max-width: 100%;
    }

    .not-front.not-logged-in.no-sidebars.page-user #center #squeeze #tabs-wrapper ul.tabs.primary {
        text-align: center;
        list-style: none;
    }

    .not-front form.user-login label.control-label {
        text-align: left;
        display: block;
    }

    .order-1 .populaire .topx li {
        font-family: 'merriweather', sans-serif;
        font-size: 22px;
        letter-spacing: 1px;
        letter-spacing: 0;
        line-height: 24px;
        margin-bottom: 15px;
    }

    .page-node.node-type-event .region.region-content {
        background: #f6f7fb;
    }

    .node-type-destination .main>.city .disc-city .populaire .content {
        padding-right: 10px;
    }

    .node-type-destination .main >.city #goto1 {
        padding-right: 70px;
    }

    .node-type-destination .main >.city .field-items .pg,
    .node-type-destination .main >.city .field-items h3 {
        position: absolute;
        top: -140px;
        width: calc(200% - 30px);
        margin: 0;
        padding: 0;
        color: #B01A14;
        font-family: "merriweather";
        font-size: 40px;
        letter-spacing: 0;
        line-height: 42px;
        text-align: center;
       text-transform: uppercase;
        padding-top: 60px;
        padding-bottom: 60px;
        margin: 0;
    }

    .node-type-destination .main >.city .field-items p {
        color: #1A1A1A;
        font-family: Assistant;
    }

    .page-plages .conseils_pratiques .modal-header button.close span {
        color: #B01A14;
        font-size: 40px;
    }

    /* orange table */

    .page-plages .conseils_pratiques table {
        border: 1px solid #dee2e6;
        width: 100%;
        margin-bottom: 1rem;
        color: #212529;
    }

    .page-plages .conseils_pratiques table thead {
        background-color: #B01A14;
    }

    .page-plages .conseils_pratiques table thead th {
        color: #fff;
    }

    .page-plages .conseils_pratiques table td,
    .page-plages .conseils_pratiques table th {
        border: 2px solid rgb(231, 231, 231);
        font-size: 16px;
        color: rgb(79, 79, 79);
        padding: .75rem;
        vertical-align: top;
    }

    .page-plages .conseils_pratiques table td p {
        margin: 0;
    }

    h2.h2,
    .page-node-203 .unesco h2 {
        color: #221e1e;
        font-family: "Assistant SemiBold";
        font-size: 28px;
        margin-top: 21px;
        margin-bottom: 20px;
    }

    /* .main .back-header .navbar .dropdown-menu .ncard .overlay_menu_img {
        position: relative;
         overflow: hidden;
        margin-bottom: 20px;
    } */

    .main .back-header .navbar .dropdown-menu .ncard .overlay_menu_img .back {
        background: #0000005e;
    }

    .main .back-header .navbar .dropdown-menu .dcard {
        margin-top: 44px;
    }

    .blog-detail .endroits-card a {
        display: block;
    }

    .blog.blog-detail .endroits-card a {
        position: relative;
        color: #B01A14;
        font-size: 17px;
        font-weight: 600;
    }

    .page-node-955 .gimgs .gimg,
    .endroits-slider .endroits-card,
    .blog-detail .endroits-card {
        overflow: hidden;
    }

    .page-node-955 .gimgs .gimg img,
    .endroits-slider .endroits-card img,
    .page-guides .top-wrap img,
    .blog-detail .endroits-card img {
        transform: scale(1);
        transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
    }

    .page-node-955 .gimgs .gimg img,
    /* .endroits-slider .endroits-card img:hover, */
    .page-guides .top-wrap a:hover img

    /* .blog-detail .endroits-card a:hover img */
        {
        transform: scale(1.1);
    }

    .main>.city .art .simg:nth-child(3) {
        padding-right: 0 !important;
    }

    .escale-contenu{
        background-image: url(../images/patterns-middle.png);
        background-repeat: no-repeat;
        background-position-x: 170%;
        background-position-y: center;
        padding-bottom: 60px;
    }

    .idee_voyage_tours{
        background-image: -webkit-linear-gradient(0deg, rgba(241,235,230,0) 0%, #F1EBE6 100%), url(../../images/patterns-menu.png);
        background-image: -o-linear-gradient(0deg, rgba(241,235,230,0) 0%, #F1EBE6 100%) , url(../../images/patterns-menu.png);
        background-image: linear-gradient(0deg, rgba(241,235,230,0) 0%, #F1EBE6 100%) , url(../../images/patterns-menu.png);
        background-repeat: no-repeat;
        background-position-x: -30%;
        background-position-y: 26%;
    }

    .idee_voyage_tours .btn-vm-primary{
        background-color: #FFFFFF;
        color: #B01A14;
        margin-top: 15px;
    }

    .idee_voyage_tours .card{
        background-color: #B01A14;
        color: #FFFFFF;
        border-radius: 134px;
        width: 220px;
        margin: 0 auto;
        height: 380px;
    }

    .idee_voyage_tours .bloc-vile-name h1{
        opacity: 0.6;
        color: #FFFFFF;
        font-family: "merriweather";
        font-size: 120px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 100px;
        text-align: center;
       /* text-transform: lowercase; */
    }
    .idee_voyage_tours .escal-slider:last-child .bloc-vile-name h1{
        color: #F1EBE6;
    }
    .idee_voyage_tours .card .card-title{
        font-family: "merriweather";
        font-size: 22px;
       /*  text-transform: lowercase; */
        margin-top: .75rem;
        text-align: center;
    }
    .idee_voyage_tours .card .card-text{
        font-family: "Assistant Light";
        font-size: 14px;
        color: #FFFFFF;
    }
    .idee_voyage_tours .card .vehicle img{
        width: 28px;
        margin-bottom: 3px;
    }
    .idee_voyage_tours .card .distance img{
        width: 28px;
    }
    .block-circle {
        text-align: center;
        vertical-align: middle;
    }
    .bloc-img-distination .bottom-title{
        font-family: "Assistant Regular";
        font-size: 18px;
        margin-top: 10px;
    }
    .bloc-img-distination img{
        width: 100%;
    }
    .circle {
        background: #FFFFFF;
        border-radius: 200px;
        color: #B01A14;
        height: 70px;
        font-weight: bold;
        width: 70px;
        display: table;
        margin: 20px auto 0px;
    }
    .circle p {
        vertical-align: middle;
        display: table-cell;
        font-family: "merriweather Medium";
        font-size: 18px;
        line-height: 25px;
        color: #B01A14;
        text-align: center;
    }
    .idee_voyage_tours .btn-vm-primary:hover{
        background-color: #B01A14;
        color: #FFFFFF;
    }
    .idee_voyage_tours .escal-slider:last-child .e-slider::after {
        content: none;
    }

    /* VIDEO PAGE */

    .body.mediatheque {
        background-color: #f6f7fb;
    }

    #onmt-gallery-get-video-form .vidiotheque .thumb img {
        max-width: 100%;
        -webkit-clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0 83%);
        clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0 83%);
    }

    #onmt-gallery-get-video-form .form-select {
        color: #252525;
        font-size: 18px;
        text-transform: uppercase;
        line-height: 1;
        padding: 20px;
        margin: 0;
        font-weight: 500;
        border: 0;
        -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
        border-radius: unset;
        height: auto;
    }

    #onmt-gallery-get-video-form .form-item {
        margin: 0;
    }

    #onmt-gallery-get-video-form .filter {
        margin: 40px 0 30px;
    }

    #onmt-gallery-get-video-form #edit-submit-galerie {
        padding: 10px 50px;
        background-color: #B01A14;
        color: white;
        font-size: 18px;
        -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
        border-radius: 0;
        text-transform: uppercase;
        font-weight: 500;
    }

    #onmt-gallery-get-video-form .single_video {
        height: auto;
        padding-bottom: 30px;
    }

    #onmt-gallery-get-video-form .single_video .video-title {
        margin-top: 10px;
        display: block;
        padding: 0 20px;
        min-height: 50px;
    }

    /*Videotheque model*/

    .vidiotheque .modal {
        background: #000000b3;
    }

    .vidiotheque .modal .close {
        margin: 20px 20px 0 0;
    }

    .vidiotheque .modal.show .modal-dialog {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 80%;
        max-width: 80%;
    }

    .vidiotheque .modal-body {
        text-align: center;
    }

    .vidiotheque .modal-body iframe {
        width: 100%;
        height: 580px;
    }

    .vidiotheque .modal-content {
        background: transparent;
        border: 0;
    }

    #edit-result .btn-vm-primary,
    #onmt-gallery-get-gallery-form .pagination li.first {
        background-color: transparent;
        padding: 0;
    }

    #edit-result .pagination li.btn-vm-primary.active,
    #edit-result .pagination li.active a,
    #onmt-gallery-get-gallery-form .pagination li.active a {
        background-color: #D24D13;
    }

    #edit-result .pagination li.active a,
    #onmt-gallery-get-gallery-form .pagination li.active a {
        color: #fff;
    }

    .page-node-990 .unesco h1 {
        color: #221e1e;
        font-family: merriweather;
        font-size: 35px;
        margin-top: 21px;
        margin-bottom: 20px;
        font-weight: 600;
    }

    .page-node-990 .unesco h3 {
        color: #221e1e;
        font-family: merriweather;
        font-size: 22px;
        font-weight: 500;
        margin: 20px 0;
    }

    .page-user .user-login .form-actions .form-submit {
        background: #B01A14;
        border: 0;
        border-radius: 0;
        color: #fff;
        margin: 30px 0;
    }

    .page-node-990 h2.h2 {
        margin-top: 40px;
    }

    .btn-vm-primary {
        padding: 4px 20px;
    }

    form.simplenews-subscribe.f-mail input#edit-mail {
        margin: 0;
    }

    .blogger_temoignage .modal-dialog {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
        position: absolute;
        width: 60%;
        -webkit-box-shadow: 0px 0px 25px -3px rgba(0, 0, 0, 0.18);
        box-shadow: 0px 0px 25px -3px rgba(0, 0, 0, 0.18);
        border: none;
        border-bottom: 7px solid #FFB8AF;
        padding: 0;
        background: transparent;
    }

    .blogger_temoignage .modal-content {
        border-radius: 0;
        border: 0;
        background: transparent;
    }

    .blogger_temoignage .modal-body {
        padding: 0;
    }

    .blogger_temoignage .bloggers .disc p::after {
        content: '”';
        position: absolute;
        font-size: 58px;
        color: #3b3b3b;
        line-height: 0;
        right: -20px;
        bottom: 0;
    }

    .blogger_temoignage {
        background: #000000c7;
    }

    .blogger_temoignage .close {
        font-size: 40px;
        margin: 30px 30px 0 0;
    }

    .blogger_temoignage .temoignage-card {
        padding: 0;
    }

    .blogger_temoignage .temoignage-card .card {
        width: 100%;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .blogger_temoignage .temoignage-card .card .avatar {
        left: 50%;
        transform: translateX(-50%);
        top: -37px;
        background: white;
    }

    .bloggers .bloger-slide .item .temoignage-card .disc p {
        max-height: 116px;
        overflow: hidden;
        padding: 0px 20px;
    }

    .node-type-megagabarit .unesco .post h3 {
        margin: 15px 0;
        font-size: 24px;
    }

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

    #onmt-gallery-get-gallery-form .bg_img {
        height: 280px;
    }

    .listing_destination h3 {
        color: #B01A14;
        font-family: "merriweather";
        font-size: 40px;
        margin-top: 40px;
        margin-bottom: 40px;
        font-weight: 400;
        /* text-transform: lowercase; */
        text-align: center;
    }

    .pre_destination h2,
    .pre_destination h1 {
        margin: 0;
        font-size: 25px;
        margin-bottom: 15px;
        font-family: "merriweather";
        font-weight: 500;
    }

    .exposed_events .date-date {
        background-image: url(../images/calendar.png);
        background-repeat: no-repeat;
        background-position: right 10px;
        background-size: 15px;
    }

    .righ-tabs .tabs .sharbtn.share_icon.mobile_shareicon {
        display: none;
    }

    .infopratique h3 {
        font-size: 25px;
    }

    .infopratique h2 {
        margin-top: 40px;
    }

    .telechargements {
        padding-top: 40px;
    }

    /*clip path*/

    .main .home .not-miss .box,
    .main .home .not-miss .box-3 {
        clip-path: none;
    }

    .main .home .not-miss .box-3 {
        width: 100%;
    }

    .main .home .not-miss .box-2,
    .main .home .not-miss .box-4 {
        max-width: 90%;
    }

    .main .home .not-miss .box:before,
    .main .home .not-miss .box-3:before {
        content: "";
        position: absolute;
        top: -10px;
        width: 110%;
        height: 26px;
        background-color: #fff;
        transform: rotate(-3deg);
        right: 0;
    }

    .main .home .not-miss .box-2:before,
    .main .home .not-miss .box-5:before {
        content: none;
    }

    .main .home .not-miss .box-3:before {
        height: 37px;
    }

    .main .home .not-miss .box:after,
    .main .home .not-miss .box-3:after {
        content: "";
        position: absolute;
        background-color: #fff;
        transform: rotate(-3deg);
        width: 105%;
        bottom: -13px;
    }

    .main .home .not-miss .box-3:after {
        height: 40px;
        left: 0px;
    }

    .main .home .not-miss .box-1:before {
        height: 62px;
        right: -2px;
    }

    .main .home .not-miss .box-4.box:before {
        top: -20px;
        height: 27px;
        transform: rotate(-2deg);
        right: -2px;
    }

    .main .home .not-miss .box-5:after {
        height: 60px;
        left: -1px;
        z-index: 2;
    }

    .main .home .not-miss .box-2:after {
        height: 23px;
        left: -1px;
        z-index: 2;
    }

    /*clip cards*/

    .owl-carousel.shop-city .owl-item .lcard img {
        width: 100%;
        object-fit: cover;
        height: -webkit-fill-available;
    }

    .lcard.lcard-2::after,
    .main>.city .discover .dscard-2 .back::after {
        transform: rotate(-2deg);
        top: initial;
        bottom: -22px;
    }

    .lcard.lcard-1::after,
    .main>.city .discover .dscard-1 .back::after {
        transform: rotate(-2deg);
        top: initial;
        bottom: -9px;
        height: 20px;
    }

    .lcard.lcard-3:before,
    .main>.city .discover .dscard-3 .back::before {
        top: -4px;
        width: 102%;
        height: 10px;
    }

    .lcard.lcard-3:after,
    .main>.city .discover .dscard-3 .back::after {
        top: initial;
        bottom: -11px;
        height: 30px;
    }

    .main>.city .discover .dscard {
        overflow: hidden;
        height: 440px;
        background-color: #FFFFFF;
    }

    /*end clip cards*/
    /*bloc infos*/

    .main .home .info-p .box-1,
    .main .home .info-p .box-2,
    .main .home .info-p .box-3,
    .main .home .info-p .box-6,
    .main .home .info-p .box-5,
    .main .home .info-p .box-4 {
        clip-path: none;
    }

    .main .home .info-p .col-6 {
        overflow: hidden;
    }

    .main .home .info-p .box-1:before,
    .main .home .info-p .box-2:before,
    .main .home .info-p .box-3:before {
        content: "";
        position: absolute;
        top: -10px;
        width: 110%;
        background-color: transparent;
        transform: rotate(-3deg);
        right: -1px;
    }

    .main .home .info-p .box-1:before {
        height: 64px;
    }

    .main .home .info-p .box-2:before {
        height: 42px;
    }

    .main .home .info-p .box-3:before {
        height: 20px;
        top: -10px;
    }

    .main .home .info-p .box-3 img,
    .main .home .info-p .box-4 img {
        max-width: 90%;
    }

    .main .home .info-p .box-3 .back-title {
        max-height: 90%;
    }

    .main .home .info-p .box-3 {
        max-width: 90%;
    }

    .main .home .info-p .box-6:after,
    .main .home .info-p .box-5:after,
    .main .home .info-p .box-4:after {
        content: "";
        position: absolute;
        background-color: transparent;
        transform: rotate(-3deg);
        width: 102%;
        bottom: 4px;
        right: -3px;
        z-index: 2;
    }

    .main .home .info-p .box-6:after {
        height: 75px;
    }

    .main .home .info-p .box-5:after {
        height: 53px;
    }

    .main .home .info-p .box-4:after {
        height: 55px;
        bottom: -45px;
    }

    .main .home .info-p .box-4 {
        text-align: right;
        max-width: 90%;
    }

    .display_table {
        display: table;
        height: 100%;
        width: 100%;
    }

    .display_table_cell {
        display: table-cell;
        vertical-align: middle;
    }

    .page-informations-pratiques-evenements-au-maroc .main .events .event-card img {
        transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
    }

    .page-informations-pratiques-evenements-au-maroc .main .events .event-card:hover img {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
    }

    .main .home .info-p .col-6:nth-child(4n) {
        height: 420px;
    }

    .page-guides .navigation {
        margin-bottom: 20px;
        display: inline-block !important;
        width: 100%;
    }

    /*animation learn more */

    .button {
        position: relative;
        padding: 10px;
        border: none;
        background-color: transparent;
        cursor: pointer;
        outline: none;
    }

    .button.type1::after,
    .button.type1::before {
        content: '';
        display: block;
        position: absolute;
        width: 20%;
        height: 20%;
        border: 2px solid;
        transition: all 0.6s ease;
        border-radius: 2px;
    }

    .button.type1::after {
        bottom: 0;
        right: 0;
        border-top-color: transparent;
        border-left-color: transparent;
        border-bottom-color: #B01A14;
        border-right-color: #B01A14;
    }

    .button.type1::before {
        top: 0;
        left: 0;
        border-bottom-color: transparent;
        border-right-color: transparent;
        border-top-color: #B01A14;
        border-left-color: #B01A14;
    }

    .button.type1:hover:after,
    .button.type1:hover:before {
        width: 100%;
        height: 100%;
    }

    .pre_destination .see_more_D {
        margin-top: 30px;
    }

    .escale .escal-slider .city-name h3 {
        margin: 0;
    }

    /* End of animation learn more */

    .main .eventpage .event .socialshare .icon {
        transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
    }

    .main .eventpage .event .socialshare .icon:hover {
        transform: scale(1.2);
        color: #040404;
    }

    .infos_popups .wrap p {
        min-height: 90px;
    }

    .infos_popups .modal-content h2 {
        margin: 30px 0;
        font-size: 22px;
    }

    .infos_popups .modal-content h3 {
        font-size: 20px;
        color: #B01A14 !important;
    }
    .infos_popups #modaloffice486 .modal-content h3 {
        color: initial !important;
        font-size: 22px;
    }
    .infos_popups #modaloffice486 .modal-content p span {
        color: #5C190F !important;
        font-family: "Assistant SemiBold" !important;
    }
    .infos_popups #modaloffice486 .modal-content p {
        font-family: "Assistant Regular" !important;
    }

    .autres_exper .shop-city img {
        height: 100%;
        width: auto;
    }

    /*404*/

    .page-node-70 .main .back-header.seconder {
        position: relative;
    }

    .page_404 {
        padding-top: 80px;
        margin-bottom: 100px;
    }

    .page_404 .display_table {
        width: 50%;
        margin: 0 auto;
    }

    .page_404 .image_404 {
        text-align: center;
        margin-bottom: 50px;
    }

    .page_404 .image_404 img {
        max-width: 100%;
    }

    .page_404 .text_404 {
        margin-bottom: 45px;
        text-align: center;
    }

    .page_404 .text_404 p {
        color: #2b2b2d;
        font-size: 20px;
    }

    .page_404 .button_404 {
        text-align: center;
    }

    .page_404 .button_404 a {
        font-size: 16px;
        padding: 15px 35px;
        font-weight: 600;
    }

    .page-node-70 #nav-div {
        top: 38px;
        -webkit-box-shadow: 0px 10px 7px -10px rgba(0, 0, 0, 0.62);
        -ms-box-shadow: 0px 10px 7px -10px rgba(0, 0, 0, 0.62);
        box-shadow: 0px 10px 7px -10px rgba(0, 0, 0, 0.62);
    }

    .page-node-70 .main .back-header .navbar-dark .navbar-nav .nav-link {
        text-shadow: none;
        color: #252525;
    }

    .page_CG {
        margin-top: 30px;
    }

    /*contacteznous*/

    .contactezNous h1 {
        margin: 70px 0 70px 0;
        text-align: center;
    }

    .contactezNous label.control-label {
        font-size: 16px;
        font-weight: 600;
    }

    .contactezNous .webform-component--civility #edit-submitted-civility {
        padding-left: 15px;
        display: inline-block;
        width: 100%;
    }

    .contactezNous .webform-component--civility #edit-submitted-civility .form-item-submitted-civility.form-type-radio {
        width: auto;
        float: left;
        margin-right: 90px;
    }

    .contactezNous .webform-component--civility #edit-submitted-civility .form-item-submitted-civility.form-type-radio label.control-label {
        font-weight: 500;
    }

    .contactezNous .webform-component--first-name,
    .contactezNous .webform-component--last-name,
    .contactezNous .webform-component--e-mail,
    .contactezNous .webform-component--phone-numbre,
    .contactezNous .webform-component--city,
    .contactezNous .webform-component--country,
    .contactezNous .webform-component--delegation-concernee {
        width: 50%;
        float: left;
        margin-bottom: 35px;
    }

    .contactezNous .webform-component--first-name,
    .contactezNous .webform-component--e-mail,
    .contactezNous .webform-component--city {
        padding-right: 23px;
    }

    .contactezNous .webform-component--last-name,
    .contactezNous .webform-component--phone-numbre,
    .contactezNous .webform-component--country {
        padding-left: 23px;
    }

    .contactezNous #edit-submitted-message {
        width: 100%;
    }

    .contactezNous #edit-submitted-e-mail,
    .contactezNous #edit-submitted-country,
    .contactezNous #edit-submitted-delegation-concernee,
    .contactezNous #edit-submitted-message {
        display: block;
        width: 100%;
        height: calc(1.5em + .75rem + 2px);
        padding: .375rem .75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: .25rem;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }

    .contactezNous #edit-submitted-message {
        height: 140px;
    }

    .contactezNous .webform-component--adresse,
    .contactezNous .webform-component--subject,
    .contactezNous .webform-component--message,
    .contactezNous .webform-component--i-agree,
    .contactezNous .form-actions {
        display: inline-block;
        width: 100%;
        margin-bottom: 35px;
    }

    .contactezNous #edit-submitted-country {
        margin-top: .25rem;
    }

    .contactezNous #edit-submitted-i-agree {
        float: left;
    }

    .contactezNous .div_agreement #edit-submitted-i-agree,
    .contactezNous .div_agreement .description {
        float: left;
    }

    .contactezNous .webform-component--i-agree {
        margin-bottom: 10px;
        margin-top: 35px;
    }

    .contactezNous .webform-component--message {
        margin: 0;
    }

    .contactezNous .div_agreement p {
        font-size: 16px;
        text-align: justify;
    }

    .contactezNous .captcha .form-item-captcha-response {
        float: left;
        width: 40%;
        margin-right: 30px;
    }

    .contactezNous .captcha {
        display: inline-block;
        width: 100%;
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .contactezNous .captcha img {
        margin-top: 14px;
    }

    .contactezNous .form-actions button {
        padding: 10px 46px;
    }

    .contactezNous span.form-required {
        color: #d24d13;
    }

    /*checkbox style*/

    .contactezNous .webform-component--i-agree input[type=checkbox] {
        position: relative;
        height: auto;
        margin: 0;
        width: auto;
        opacity: 1;
        display: block;
    }

    .contactezNous .webform-component--i-agree input[type=checkbox]:checked:before {
        content: '';
        display: inline-block;
        vertical-align: text-top;
        width: 18px;
        height: 18px;
        background: #B01A14;
        border: 0;
    }

    .contactezNous .webform-component--i-agree input[type=checkbox]:checked:after {
        content: '';
        position: absolute;
        left: 4px;
        top: 8px;
        background: #f7f7f7;
        width: 1.5px;
        height: 2px;
        box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
        transform: rotate(45deg);
    }

    .contactezNous .webform-component--i-agree input[type=checkbox]:before {
        content: '';
        position: absolute;
        width: 18px;
        height: 18px;
        z-index: 0;
        border: 1px solid #A9ABAE;
        border-radius: 1px;
        -webkit-transition: .2s;
        -moz-transition: .2s;
        -o-transition: .2s;
        -ms-transition: .2s;
        transition: .2s;
        background: #fff;
        left: 0;
    }

    .contactezNous .webform-component--i-agree input[type=checkbox] {
        margin: 0 auto;
        width: 15px;
    }

    /*end of checkbox contacteznous*/
    /*Radio button check style*/

    .contactezNous .form-radio {
        height: 20px;
        width: 20px;
        position: relative;
        margin-right: 10px;
    }

    .contactezNous .form-radio:after {
        content: '\00D7';
        display: block;
        background: white;
        pointer-events: none;
        font-size: 15px;
        position: absolute;
        top: 0;
        left: 0;
        height: 20px;
        width: 20px;
        color: transparent;
        transition: .25s all ease-in-out;
        border-radius: 3px;
        line-height: 15px;
        background-position: 0 15px;
        background-repeat: no-repeat;
        background-size: 15px 15px;
        border-width: 2px;
        border-style: solid;
        border-color: transparent;
    }

    .contactezNous .form-radio:after {
        border-radius: 50%;
    }

    .contactezNous .form-radio:checked:after {
        background-color: #ffffff;
        background-position: 0 0;
        /* width: 2px; */
    }

    .contactezNous .form-radio:after {
        border-color: #000;
    }

    .contactezNous .form-radio:checked:before {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        background: #000;
        border-radius: 50%;
        z-index: 2;
        left: 5px;
        top: 5px;
    }

    /*End of Radio button style*/

    .contactezNous .div_agreement .description {
        margin-left: 10px;
    }

    .page-node-65.node-type-webform #sidebarMenu .svg-inline--fa {
        display: none;
    }

    /*end of contacteznous*/

    #telechargements .guide .brochure {
        padding: 10px 20px;
        float: left;
		text-align: center;
    }

    #telechargements .bloc {
        display: inline-block;
        width: 100%;
    }

    .page-idees-de-voyage .listing_destination .pre_destination .display_table_cell {
        font-size: 18px;
        color: rgb(69, 70, 75);
        line-height: 1.688;
    }

    .histoire.images_experiences .hbox,
    .histoire.images_experiences .hbox .hcontent {
        display: inline-block;
        width: 100%;
    }

    .histoire.images_experiences .hbox .hcontent {
        margin: 0;
    }

    .histoire.images_experiences .hbox .hcontent .col {
        float: left;
    }

    .clearfix {
        clear: both;
    }

    .escale .owl-carousel.shop-city .owl-item .lcard img {
        width: 100%;
    }

    .page-node-293.node-type-illustration .escale h3 {
        margin: 15px 0;
        font-size: 25px;
    }

    .page-node-293.node-type-illustration .escale .field-items h2 {
        font-size: 30px;
    }

    /*se_nourir*/

    .se_nourir h2 {
        margin-top: 40px;
    }


    .se_nourir h3.title {
        font-size: 22px;
        font-family: "Assistant SemiBold";
    }

    .se_nourir .sn_img {
        max-width: 47.9%;
        float: left;
        position: relative;
    }

    .se_nourir .sn_img.img_1 {
        height: 400px;
        margin-right: 15px;
    }

    .se_nourir .sn_img.img_2,
    .se_nourir .sn_img.img_3 {
        height: 192px;
        margin-bottom: 15px;
    }

    .se_nourir .sn_img.img_2_1 {
        height: 400px;
    }

    .se_nourir .sn_img.img_3 {
        margin-bottom: 0px;
    }

    .se_nourir.se_deplace .territoire .sn_img.img_3 {
        margin-right: 15px;
    }

    .se_nourir .sn_img img {
        height: 100%;
        width: 100%;
        background-image: url(../images/patterns-mobile-white.png);
        background-repeat: no-repeat;
        background-position-x: center;
        background-position-y: bottom;
        background-size: auto;
        transform: scale(1);
        transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
    }

    .sn_img.img_first .fill-title:after {
        content: '';
        background-image: url(../images/patterns-white.png);
        background-repeat: no-repeat;
        background-position-x: center;
        background-position-y: bottom;
        background-size: 180%;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
    }

    .se_nourir .img_first {
        max-width: 100%;
    }

    .se_nourir .back {
        padding: 0;
    }

    .se_nourir .back .title {
        bottom: 15px;
        left: 15px;
    }
    .unesco {
        background: url(../images/patterns-middle.png), url(../images/patterns-middle.png);
        background-repeat: no-repeat, no-repeat;
        background-position: 160% 30%, -70% bottom;
        padding-bottom: 40px;
    }
    .page-node-242 .unesco {
        background: url(../images/patterns-middle.png);
        background-repeat: no-repeat ;
        background-position: 160% 30%;
        padding-bottom: 40px;
    }
    .style-gastronomie h2{
        margin: 20px 0 !important;
        padding: 0 !important;
        font-size: 22px !important;
        font-family: 'Assistant Regular' !important;
        color: #000 !important;
        text-align: left !important;
        text-transform: initial !important;
        line-height: initial !important;
    }

    .style-gastronomie .img-title h3{
        margin: 0px 13px !important;
        font-size: 25px !important;
        font-family: 'merriweather';
        padding-left: 30px;
    }


    .gastro-slide.owl-carousel {
        margin: 40px 0;
    }
    .style-gastronomie .bloc-text{
        position: absolute;
        right: 25px;
        top: 50%;
        height: fit-content;
        max-height: 420px;
        width: 600px;
        transform: translateY(-50%);
        background: #fff;
        opacity: 0.86;
        z-index: 1;
        overflow: auto;
        padding: 25px !important;
    }
    .style-gastronomie .order-2 .bloc-text{
        left: 25px;
    }
    .style-gastronomie .bloc-img{
        height: 787px;
        height: 460px;
        position: relative;

    }

    .style-gastronomie .bloc-img img{
        height: 100%;
        width: 100%;
        /* object-fit: cover;
        -webkit-filter: brightness(0.7);
                filter: brightness(0.7); */
    }
    .style-gastronomie .owl-dots{
        position: absolute;
        left: calc(66.6% - 135px);
        bottom: 5px;
        z-index: 2;
        width: 90px;
    }
    .style-gastronomie .order-2 .owl-dots{
        right: 40px;
        left: auto;
    }


    .style-gastronomie .bloc-img .img-title {
        position: absolute;
        left: 0;
        text-align: left;
        bottom: 0;
        padding-left: 40px;
        color: #fff;
        width: 100%;
    padding: 73px 0px 10px 0px;
    background-image: linear-gradient(#00000000, #000000ab);
    }
    .style-gastronomie .owl-prev, .style-gastronomie .owl-next  {
        position: absolute;
        top: 50%;
        height: 130px;
        width: 74px;
        transform: translateY(-50%);
        background-size: contain !important;
        background-repeat: no-repeat !important;
        display: none !important;
    }
    .style-gastronomie .order-1 .owl-next {
        display: block !important;
        background-image: url(../icons/player-next.png) !important;
        right: 0;
    }
    .style-gastronomie .order-2 .owl-prev {
        display: block !important;
        background-image: url(../icons/player-prev.png) !important;
        left: 0;
    }
    .style-gastronomie .owl-next span, .style-gastronomie .owl-prev span  {
        display: none;
    }

    .unesco .post {
        margin-top: 20px;
        /* padding: 0; */
    }

    .might-like {
        background: #1C2E55;
    }

    .main .home .not-miss .box-4 {
        height: 293px;
        margin-bottom: 15px !important;
    }

    .histoire .hbox .himg{
        position: relative;
    }

    .histoire .hbox .himg img{
        width: 100%;
        height: 320px;
        object-fit: cover;
    }

    .histoire .hbox .himg .info span {
        color: #FFFFFF;
        padding: 30px 30px;
        text-align: center;
        line-height: 30px;
        font-size: 24px;
        font-family: "Assistant Regular";
    }

    .se_nourir.discover_m .sn_img,
    .se_nourir.exp_m .sn_img.img_first {
        float: none;
        overflow: hidden;
        height: 100%;
    }

    .se_nourir.discover_m .d-flex,
    .se_nourir.discover_m .description {
        margin-bottom: 70px;
    }
    .se_nourir.discover_m .d-flex:last-child,
    .se_nourir.discover_m .description:last-child {
        margin-bottom: 0px;
    }

    .se_nourir.discover_m .fill-title {
        font-size: 18px;
        font-weight: 600;
        letter-spacing: 2px;
    }

    .se_nourir.discover_m .pl-30,
    .se_nourir.exp_m .pl-30 {
        padding-left: 20px;
    }

    .node-type-megagabarit .unesco .post .se_nourir.discover_m h3,
    .page-node-293.node-type-illustration .escale .field-items .se_nourir h3 {
        margin-top: 0;
        line-height: 35px;
    }

    .se_nourir.discover_m .sn_img.hover_img:hover img {
        transform: scale(1.1);
    }

    .page-node-293 .se_nourir {
        padding: 0;
    }

    .page-node-293.node-type-illustration .escale .field-items .se_nourir h2,
    .page-node-241.node-type-megagabarit .unesco .field-items .se_nourir.exp_m h2,
    .page-node-292.node-type-illustration .se_nourir h2 {
        margin: 40px 0;
    }

    .page-node-293.node-type-illustration .text-justify-center p {
        text-align: left;
    }

    .se_nourir.exp_m .sn_img:hover .back .title::before,
    .se_nourir.exp_m .back .title::before {
        left: 10px;
    }

    .se_nourir.exp_m .back .title {
        left: 0;
        padding: 10px;
    }

    .se_nourir.exp_m .order-0.pd0,
    .se_nourir.discover_m .order-0.pd0,
    .se_nourir.discover_m .pl-0,
    .se_nourir.exp_m .pl-0 {
        padding-right: 20px;
    }

    .blog.blog-detail .moment {
        display: none;
    }

    .m-title {
        padding-left: 0;
    }

    .main .back-header .logo-box .nos-plans {
        display: none;
    }

    .main .back-header .background-box .tube {
        -webkit-transform: scale(1.7);
        -ms-transform: scale(1.7);
        transform: scale(1.7);
    }

    .main .back-header {
        height: 530px;
    }

    .main .back-header .navbar .dropdown-menu .vcard .content .box {
        overflow: hidden;
    }

    .main>.city .discover.comment_venir .dscard .info .ic-car img {
        max-width: 30px;
        margin-top: 3px;
    }

    .main>.city .discover.comment_venir .dscard .info .progress-bar {
        display: none;
    }

    .main>.city .discover.comment_venir .dscard .d-flex.justify-content-between {
        justify-content: initial !important;
        display: block !important;
        margin-top: 0 !important;
        position: absolute;
        top: 32%;
    }

    .main>.city .discover.comment_venir .dscard .d-flex.justify-content-between span{
        display: block;
    }

    .videos-box.slick-slider .slick-slide {
        float: none;
        display: inline-block;
        vertical-align: middle;
        margin: 0 15px;
        background-color: white;
        transition: all 0.3s ease;
        height: 360px;
        text-align: center;
    }

    .videos-box.slick-slider .slick-slide > div,
    .bloger-slide.slick-slider .slick-slide > div{
        width: 100%;
        height: 100%;
    }

    .videos-box.slick-slider .slick-slide.slick-current,
    .videos-box.slick-slider .slick-slide.slick-center {
        height: 420px;
    }
    .bloger-slide.slick-slider .slick-slide.slick-current,
    .bloger-slide.slick-slider .slick-slide.slick-center {
        height: 304px;
    }
    .slick-dots {
        display: flex;
        justify-content: center;
        margin: 0;
        padding: 1rem 0;
        list-style-type: none;
        margin-top: 10px;
    }
    .slick-dots li {
        margin: 0 0.25rem;
    }
    .slick-dots button {
        display: block;
        width: 1rem;
        height: 1rem;
        padding: 0;
        border: none;
        border-radius: 100%;
        text-indent: -9999px;
        border: 2px solid #88898B;
        background-color: #88898B;
    }
    .slick-dots li.slick-active button {
        border-color: #FFFFFF;
        background: #B01A14;
    }

    /*somone media*/

    .page-guides .telechargements .top-wrap img {
        height: 395px;
		border-radius: 45%;
    }

    /* .dcard.chefchaouen,
    .blog-card,
    .endroits-card{
        -webkit-transition-duration: 0.2s;
        -o-transition-duration: 0.2s;
        transition-duration: 0.2s;
    }

    .dcard.chefchaouen:hover,
    .blog-card:hover,
    .endroits-card:hover{
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    } */

    .addthis_button_facebook .fa-facebook-f:hover {
        color: #3b5998;
    }

    .addthis_button_twitter .fa-twitter:hover {
        color: #1DA1F2;
    }

    @media (max-width: 1318px) {
        .main .back-header .navbar-dark .navbar-nav .dropdown-menu .container {
            max-width: 1280px;
            padding-left: 5px;
            padding-right: 5px
        }

        .main .back-header .navbar-dark .navbar-nav .dropdown-menu {
            left: 0;
            width: 100%;
            overflow: hidden;
        }

        .main .back-header .navbar .dropdown-menu .m-decouvrirmaroc p {
            text-align: left;
        }

        .main .back-header .navbar .dropdown-menu .ncard img {
            width: auto;
        }

        .main .back-header .navbar .dropdown-menu .ncard {
            overflow: hidden;
        }
    }

    @media (min-width: 1318px) {
        .main .back-header .navbar-dark .navbar-nav .dropdown-menu .container {
            max-width: 1536px;
            padding-left: 70px;
            padding-right: 70px
        }
    }

    /*sk media*/

    @media (max-width: 1200px) and (min-width:992px) {

        .main .back-header .navbar .dropdown-menu .vcard .btn-vm-primary,
        .main .back-header .navbar .dropdown-menu .bcard .btn-vm-primary {
            max-width: 100%;
            font-size: 14px;
        }

        .main .back-header .navbar .dropdown-menu .bcard h3,
        .main .back-header .navbar .dropdown-menu .ncard h3,
        .main .back-header .navbar .dropdown-menu .vcard h3 {
            font-size: 16px;
        }
    }

    @media (max-width: 1200px) and (min-width:768px) {
        .listing_destination .container {
            max-width: 90%;
            padding: 0;
        }
    }

    @media (max-width: 1280px) {
        .e-slider .img-box .item{
            height: 500px;
            overflow: hidden;
        }
        .e-slider .img-box .item img{
            width: 100%;
            height: auto;
        }
        .h-slider .background-box{
            height: 500px;
            width: 100%;
            overflow: hidden;
        }
        .h-slider .background-box .item{
            height: 500px;
        }
    }
    @media (max-width: 1200px) {
        .btn-vm-primary {
            font-size: 20px;
        }

        .main.home .back-header .inspiration h2 {
            font-size: 50px;
        }

        .contactezNous h1 {
            margin: 20px 0 40px 0;
        }

        #suggestion_modal .modal-content{
            background: none;
            max-width: 100%;
            width: 100%;
        }
        #suggestion_modal .vos_suggestions{
            width: 100%;
            background-color: #ffffff;
            transform: none;
            padding: 50px;
        }
        #suggestion_modal .modal-header{
            width: 100%;
        }
    }

    @media (max-width: 1199px) {
        .blog.blog-detail .container {
            padding: 0;
            max-width: 95%;
        }

        .blog-detail .socialshare .btn-social.whatsapp .icon {
            font-size: 20px;
        }

    }

    @media (max-width: 1199px) and (min-width:767px) {
        #onmt-gallery-get-video-form .single_video .video-title {
            height: 75px;
        }
    }

    @media(max-width: 992px) and (min-width:768px) {
        .information_pratique_bloc .slider-card {
            max-width: 100%;
        }
        #map_situer {
            display: none !important;
        }

        .main .home .se-setuer {
            height: 600px;
        }

        .main .home .se-setuer .map-search .accordion {
            left: 50%;
            transform: translate(-50%);
        }
    }

    @media(max-width: 992px) {

        .node-type-destination .main>.city .disc-city .populaire .content {
            position: relative;
            padding: 20px;
        }

        .page-guides .telechargements .top-wrap .telecharger {
            max-width: 100%;
            width: 90%;
            font-size: 12px;
            padding: 0;
        }
        .e-slider .img-box .item{
            height: 400px;
        }
        .e-slider .img-box .item img{
            width: auto;
            height: 100%;
            min-width: 100%;
        }
    }

    @media(max-width: 991px) {
        .listing_recompenses {
            padding-top: 20px;
        }

        .se_nourir .col-12 {
            display: flex;
            flex-direction: column;
        }

        .se_nourir .col-12>div:last-of-type {
            order: 1;
            margin-bottom: 20px;
        }

        .se_nourir .col-12>div:first-of-type {
            order: 2;
        }

        .medinas .col-12>div:last-of-type {
            order: 2;
            margin-bottom: 20px;
        }

        .medinas .col-12>div:first-of-type {
            order: 1;
        }
        .se_nourir .col-12>div:last-of-type .sn_img:first-child .back .title::before,
        .geo .gbox1 .gimgs .gimg-1 .info .title::before,
        .geo .gbox2 .gimgs .gimg-1 .info .title::before,
        .geo .gbox3 .gimgs .gimg-1 .info .title::before{
            width: 80px;
        }
        .se_nourir .col-12>div:last-of-type .sn_img.nothover .back .title::before,
        .geo .gbox1 .gimgs .gimg.nothover .info .title::before,
        .geo .gbox2 .gimgs .gimg.nothover .info .title::before ,
        .geo .gbox3 .gimgs .gimg.nothover .info .title::before  {
            width: 0;
        }
        .geo .flep-blok,
        .geo .flep-blok-r {
            display: flex;
            flex-direction: column;
        }

        .geo .flep-blok>div:last-of-type {
            order: 1;
            margin-bottom: 20px;
        }

        .geo .flep-blok>div:first-of-type {
            order: 2;
        }

        .geo .flep-blok-r>div:last-of-type {
            order: 2;
        }

        .geo .flep-blok-r>div:first-of-type {
            order: 1;
            margin-bottom: 20px;
        }

        .geo .fbox-info h2.title {
            display: none;
        }

        .se_nourir.discover_m .order-0.pd0 {
            padding-right: 0;
        }

        /*ADD CAROUSEL IN MOBILE*/
        .histoire.images_experiences .hbox .hcontent {
            display: block !important;
            padding: 15px;
        }

        .histoire.images_experiences,
        .blog.blog-detail .m-title {
            padding: 0;
        }

        .art.pd0 {
            padding-right: 15px;
            padding-left: 15px;
        }

        .essentials .owl-dots.disabled,
        .essentials .owl-nav.disabled,
        .images_experiences .owl-dots.disabled,
        .images_experiences .owl-nav.disabled {
            display: none;
        }

        .essentials .owl-item,
        .images_experiences .owl-item {
            float: left;
        }

        .histoire.images_experiences .hbox .hcontent .col {
            width: 100%;
            max-width: 100%;
            padding: 0;
        }

        .main>.city .art .simg,
        .main>.city .art .h-290.gimg {
            width: 100%;
            max-width: 100%;
            /* height: 220px; */
        }

        /* END ADD CAROUSEL IN MOBILE*/
        /*se_nourir*/
        /* .se_nourir .d-flex {
            display: block !important;
        } */
        .unesco .post {
            margin-top: 30px;
        }

        .se_nourir .col-12,
        .se_nourir .col-md-12 {
            display: inline-block;
            width: 100%;
        }

        .se_nourir .texte {
            /* text-align: justify; */
            margin-bottom: 20px;
        }


        .main .shopping .title.d-lg-none {
            display: none !important;
        }

        .main .shopping .card-info h2.d-lg-block {
            /* display: block !important; */
            margin-top: 20px;
        }

        .main .shopping .card-img {
            margin: 0;
        }


        .page-plages .conseils_pratiques table td,
        .page-plages .conseils_pratiques table th {
            font-size: 14px;
            word-break: break-word;
        }

        .infos_popups .modal-dialog {
            max-width: 95%;
        }

        .node-type-destination .container {
            max-width: 100%;
        }

        .node-type-destination .owl-carousel .owl-stage {
            padding: 0 !important;
        }

        .main #goto3 .slider-card-zoom {
            margin-top: 60px;
        }

        .btn-visit {
            margin-left: 0;
        }

        .main .eventpage .event img {
            width: 100%;
            height: auto;
        }

        .main .back-header .nos-plans,
        .filter-item.event .owl-stage {
            margin: 0 auto;
        }

        .h-slider .logo-box {
            margin: 0;
        }

        .h-slider .logo-box h1 {
            margin: 0;
            padding: 0;
        }

        .histoire .hbox .hcontent .col {
            margin-bottom: 10px;
        }

        #views-exposed-form-events-i18n-page-1 .filter.exposed_events .group-controls.d-flex {
            display: block !important;
        }

        .at-share-dock-outer.addthis-smartlayers.addthis-smartlayers-mobile {
            display: none;
        }

        .main .home .not-miss .box-3:after {
            bottom: -19px;
        }

        .main .home .info-p .col-6:nth-child(4n) {
            height: auto;
        }

        .main .home .info-p .box-1:before {
            right: -10px;
        }

        .main .home .info-p .box-3,
        .main .home .info-p .box-4 {
            max-width: 100%;
        }

        .main .home .not-miss .box-3:before {
            height: 40px;
            top: -19px;
            right: -25px;
        }

        .main .home .not-miss .box-3 {
            overflow: hidden;
        }

        .main .home .info-p .box-3:after {
            content: "";
            position: absolute;
            background-color: #f6f7fb;
            transform: rotate(-3deg);
            width: 102%;
            bottom: -10px;
            right: -3px;
            z-index: 2;
            height: 30px;
        }

        .main .home .info-p .box-6:after {
            height: 20px;
            bottom: -10px;
        }

        .main .home .info-p .box-5:after {
            height: 20px;
            bottom: -10px;
        }
        .row.d-none.d-lg-block{
            display: block !important;
        }
        #bc-to .breadcrumb .breadcrumb-item{
            padding-right: 20px;
        }
        #bc-to .breadcrumb .breadcrumb-item::after{
            right: 5px;
        }
        .breadcrumb-item+.breadcrumb-item {
            padding-left: 0;
        }
        .breadcrumb{
            padding-bottom: 0;
        }
    }

    @media(max-width: 768px) {
        .histoire{
            margin-bottom: 4rem;
        }
        .histoire .border-right-dashed{
            border: none;
        }
        .escal-slider h5.block-card{
            margin: 2.5rem!important;
        }
        .conseils_pratiques .modal-content{
            padding: 15px 20px 130px;
            background-size: auto;
        }
        .conseils_pratiques .wrap{
            height: auto;
        }

        .bloger-slide.slick-slider .slick-slide {
            height: auto !important;
        }
        .main .blog .last-articles {
            margin-bottom: 40px;
        }
        .blog-contenu{
            background-image: url(../images/patterns-mobile-white.png);
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: bottom;
            background-size: auto;
        }
        .main .plage .activites-bloc h2.title,
        .main .shopping .activites-bloc h2.title,
        .autres-articles h2.title{
            width: auto;
            font-size: 30px;
        }
        .blog-detail article p img{
            width: 100%;
            height: auto;
        }
        .se_nourir.discover_m .pl-30,
        .se_nourir.exp_m .pl-30 {
            padding-left: 0;
        }

        .main footer .f-footer .content .title {
            font-size: 16px;
        }

        .righ-tabs .tabs .tbtn,
        .righ-tabs .tabs .shar-box ,
        .righ-tabs .tabs .suggestion{
            width: 25%;
            display: inline-block !important;
            position: relative;
            float: left;
            text-align: center;
        }
        .righ-tabs .tabs .suggestion{
            border-right: 1px solid #ffc0a4;
            border-bottom: none;
            display: none !important;
        }
        .righ-tabs .tabs .shar-box{
            border-bottom: none;
        }
        .right-fixed-box.show,
        .righ-tabs .tabs .sharbtn,
        .right-fixed-box.show .righ-tabs {
            width: 100%;
        }

        .righ-tabs .tabs .shar-box {
            position: absolute;
            bottom: 0;
            right: 0;
        }

        .righ-tabs .tabs {
            left: 0%;
            display: block;
            width: 100%;
            bottom: 0;
            position: fixed;
            z-index: 11;
            top: initial;
        }
        .annonce{
            top: 30%;
        }
        .annonce .titre,
        .annonce .text_annonce span.body,
        .annonce .text_annonce span.ville{
            font-size: 14px;
        }
        .tpages .panel .widget img {
            max-width: 100%;
            height: auto !important;
        }

        .righ-tabs .tpages {
            padding: 0 10px;
        }

        .widget .title {
            font-size: 30px;
        }

        .widget .heure {
            font-size: 40px;
        }

        .panel .wbox {
            height: 52vh;
        }

        .righ-tabs .tabs .sharbtn {
            display: none;
        }

        .righ-tabs .tabs .sharbtn.share_icon {
            display: flex;
        }

        .righ-tabs .tabs .shar-box:hover {
            transform: none;
        }

        .show_sharbtn .fa_sharbtn {
            display: -ms-flexbox !important;
            display: flex !important;
            transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -ms-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
        }

        .widget div.accueil-map-contenu {
            text-align: center;
        }

        .righ-tabs .tabs .sharbtn.share_icon {
            display: none;
        }

        .righ-tabs .tabs .sharbtn.share_icon.mobile_shareicon {
            display: -ms-flexbox !important;
            display: flex !important;
        }
        .media-popup .media-box, .unesco-popup .media-box{
            height: 60%;
        }
        .listing_destination h3 {
            margin: 40px 0 20px;
            padding: 0 15px;
            font-size: 30px;
        }
        .h-slider .background-box .patterns,
        .main .videotheque .patterns,
        .destinations_proximite-block .patterns,
        .main .plage .activites-bloc .patterns,
        .main .shopping .activites-bloc .patterns,
        .autres-articles .patterns,
        .might-like .patterns {
            height: 110px;
            background-size: cover;
        }


        .h-slider .owl-stage-outer::after{
            background-size: inherit;
        }


        .node-type-destination .h-slider .logo-box h1,
        .node-type-destination .main .back-header h1,
        .h-slider .logo-box h1 {
            font-size: 35px;
            max-width: 100%;
            line-height: 40px;
            letter-spacing: 0.8px;
        }

        .main .pg,
        .main .videotheque .pg {
            color: #B01A14;
            font-family: "merriweather";
            font-size: 30px;
            margin-top: 0;
            line-height: 35px;
            padding-top: 60px;
            padding-bottom: 40px;
        }

        .endroits-card , .essentials_imgs {
            margin: 0;
            padding: 0;
            height: 380px;
        }

        .endroits-card .info .title {
            bottom: 10px;
        }

        .essentials_imgs .bg_img {
            height: 100%;
        }

        .node-type-destination .main >.city .field-items .pg {
            top: -408px;
            width: initial;
            color: #B01A14;
            left: 0;
            right: 0;
            padding: 0 15px;
        }
        .main>.city .disc-city .disc p {
            font-size: 18px
        }

        .main>.city .disc-city-bloc {
            background: url(../images/patterns-bottom.png);
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: 106%;
            background-size: 200%;
        }
        .h-slider .background-box,
        .h-slider .background-box .backimg img,
        .h-slider .background-box .item img,
        .h-slider .background-box .item,
        #decouvrir-cover img {
            height: 520px;
        }

        .order-1 .populaire .topx li {
            font-size: 20px;
            margin-bottom: 5px;
        }

        .btn-face,
        .btn-visit {
            font-size: 14px;
            width: 50%;
            text-align: center;
            display: block;
            margin: 10px auto;
        }
        .main>.city .banner span {
            font-size: 19px;
        }
        .main>.city .banner .buttons {
            text-align: center;
            margin-top: 40px;
        }

        .videos-box.slick-slider .slick-slide.slick-current, .videos-box.slick-slider .slick-slide.slick-center {
            height: 200px;
        }
        .videos-box.slick-slider .slick-slide {
            height: 180px;
        }
        .videos-box.slick-slider .slick-track  {
            height: auto !important;
        }

        .videotheque .pvideos .pvideo button {
            width: 40px;
            background-size: contain;
            background-repeat: no-repeat;
        }
        .videotheque .pvideos .pvideo .content h3.title {
            font-size: 20px;
            font-family: "merriweather";
        }

        .videotheque .pvideos .pvideo .content{
            transform: translateY(50%);
        }
        .main>.city .discover .dscard .info .progress{
            width: 4px;
        }
        .main>.city .discover .dscard .info .progress::before, .main>.city .discover .dscard .info .progress::after {
            left: -8px;
        }

        .main>.city .discover .dscard .back .content h4 {
            padding: 20px 40px;
        }

        .style-gastronomie h2 {
            padding: 0 24px;
        }
        .gastro-slide.owl-carousel  {
            margin: 0;
        }
        .style-gastronomie .bloc-text {
            position: initial;
            transform: initial;
            padding: 15px !important;
            height: auto;
            max-height: initial;
        }
        .style-gastronomie .bloc-img {
            height: 280px;
        }
        .style-gastronomie .owl-dots {
            top: 235px;
            right: 25px;
            left: auto;
        }
        .style-gastronomie .img-title h3 {
            margin: 10px 0px !important;
        }

        .owl-theme .owl-dots .owl-dot span{
            margin: 5px 5px;
        }

        .escale-contenu {
            background-image: none;
        }

    }

    @media(min-width: 768px) {
        .at-share-dock-outer.addthis-smartlayers.addthis-smartlayers-mobile {
            display: none;
        }

        #block-block-2 .videotheque {
            margin-top: 0;
        }

        #block-block-2 .videotheque .box-videos {
            padding: 70px 0 0 0;
        }
    }

    @media(max-width: 767.98px) {
        .page_404 .button_404 a{
            display: inline-block;
            font-size: 10px;
        }
        .histoire.images_experiences .hbox .hcontent {
            overflow: hidden;
            padding: 0;
        }

        .page-plages #decouvrir-cover .page_title {
            font-size: 30px;
        }

        .conseils_pratiques .wrap span {
            font-size: 16px;
        }

        .main .shopping .title.d-lg-none {
            display: block !important;
        }

        .main .shopping .container .row .col-12 {
            width: 100%;
            max-width: 100%;
            flex: none;
        }

        .main .shopping .card-img {
            margin-top: 20px;
        }

        .main .shopping .card-img .bg_img {
            width: 420px;
            margin: 0 auto;
        }

        .contactezNous .container {
            max-width: 95%;
        }

        .contactezNous .form-actions button {
            font-size: 16px;
        }

        .btn-vm-primary {
            font-size: 16px;
        }

        .listing_destination .d-flex {
            display: block !important;
        }
        .listing_destination .navigation .d-flex {
            display: flex !important;
        }

        .listing_destination .container {
            max-width: 100%;
        }

        .pre_destination,
        .main .plage .order-2 .card-info{
            padding-left: 10px;
        }
        .main .plage .card-info {
            padding-left: 10px;
        }

        .pre_destination .see_more_D,
        .main .plage .card-btn{
            text-align: center;
        }

        .listing_destination .destination-item {
            padding-right: 0px;
            padding-left: 0px;
            padding-bottom: 20px;
        }

        .idees_voyage, .listing_destination, .main .plage .experience-bloc {
            background-image: url(../images/patterns-bottom.png);
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: 102%;
        }
        .pre_destination h2 {
            margin-bottom: 20px;
        }

        .histoire .hbox .hcontent .himg .info .title {
            font-size: 22px;
        }

        p {
            font-size: 16px;
        }

        #onmt-gallery-get-video-form .single_video .video-title {
            height: auto;
        }

        #onmt-gallery-get-video-form #edit-submit-galerie {
            width: 30%;
            padding: 0;
        }

        #onmt-gallery-get-video-form .form-item-destinations {
            width: 70%;
            float: left;
        }

        .main .back-header .inspiration form {
            padding: 0;
        }

        .h-slider .logo-box h1 {
            font-size: 50px;
        }

        .page-node-242 .unesco .slider-small-card {
            max-width: 100%;
            width: 100%;
        }
        #suggestion_modal form .infos_sugg .form-item {
            flex: none;
            width: 100%;
            margin-right: 0;
        }
        #suggestion_modal form .captcha label{
            margin: 0;
            margin-bottom: 10px;
        }
        #suggestion_modal form .captcha img{
            max-width: 300px;
            width: auto;
            margin: 0;
            order: initial;
        }
        #suggestion_modal .modal-dialog {
            max-width: 90%;
            margin: 0 auto;
        }
        #suggestion_modal .vos_suggestions .title{
            font-size: 25px;
        }
        #suggestion_modal .vos_suggestions .sugg_pre{
            font-size: 14px;
        }
        #suggestion_modal .emojis{
            margin-bottom: 20px;
        }
    }



    @media(max-width: 667px) {
        .main .home .not-miss .box-3:before {
            height: 30px;
            right: -3px;
        }
    }

    @media(max-width: 600px) {
        .h-slider .logo-box h1 {
            font-size: 45px;
        }
        .covid-link{
            margin-left: -200px !important;
        }
    }

    @media (max-width: 575.98px) {
        .histoire.images_experiences .hbox .hcontent {
            padding: 15px;
        }

        .conseils_pratiques .wrap span,
        .infos_popups p {
            min-height: auto;
        }

        /*se_nourir*/
        .se_nourir .sn_img.img_1,
        .se_nourir .sn_img.img_2_1 {
            height: 192px;
        }

        .se_nourir .sn_img.img_3 {
            width: 100%;
            max-width: 100%;
        }

        .se_nourir .back .title {
            font-size: 20px;
        }

        /* end se_nourir*/
        .page-guides .telechargements .top-wrap img {
            width: 100%;
        }

        .page-guides .telechargements .brochure .info,
        .page-guides .telechargements .top-wrap {
            max-width: 100%;
            width: 350px;
            margin: 0 auto;
        }

        .contactezNous .webform-component--first-name,
        .contactezNous .webform-component--last-name,
        .contactezNous .webform-component--e-mail,
        .contactezNous .webform-component--phone-numbre,
        .contactezNous .webform-component--city,
        .contactezNous .webform-component--country,
        .contactezNous .webform-component--delegation-concernee {
            width: 100%;
            padding: 0;
        }

        .contactezNous .captcha .form-item-captcha-response {
            width: 100%;
            margin-right: 0;
        }

        .contactezNous .captcha {
            margin-top: 10px;
        }

        .contactezNous .captcha img {
            margin-top: 0;
            margin-bottom: 30px;
        }

        .contactezNous .webform-component--civility #edit-submitted-civility {
            padding-left: 0;
        }

        .page-plages .conseils_pratiques table td,
        .page-plages .conseils_pratiques table th {
            font-size: 12px;
        }

        .order-1 .populaire .topx li {
            font-size: 20px;
        }

        .node-type-destination .main>.city .disc-city .populaire .content {
            padding: 10px;
        }

        h2.h2,
        .page-node-203 .unesco h2 {
            font-size: 25px;
        }


    }

    @media(max-width: 480px) {
        .h-slider .logo-box h1 {
            font-size: 40px;
        }
    }

    @media(max-width: 425px) {

        .main>.city nav.breadcrumb-nav {
            margin-top: 20px;
        }

        .node-type-destination .main>.city .disc-city .populaire {
            margin-top: 80px;
            height: 290px;
        }

        .main>.city .disc-city .populaire .content .topx {
            margin-left: 30px;
            margin-top: 20px;
        }

        .node-type-destination .main >.city #goto1 {
            padding-right: 15px;
        }

        .main>.city .disc-city .populaire .content .title {
            max-height: 90px;
        }
        .main>.city .disc-city .populaire .content .title img {
            width: 73px;
        }
        .main>.city .disc-city .populaire .content .title span {
            top: 45px;
            left: 26px;
            font-size: 14px;
        }

        .se_nourir .sn_img {
            max-width: 49%;
        }

        .se_nourir .img_first {
            max-width: 100%;
        }

        .se_nourir .sn_img.img_1 {
            margin-right: 5px;
        }

        .se_nourir .sn_img.img_2,
        .se_nourir .sn_img.img_3 {
            margin-bottom: 5px;
        }

        .se_nourir .back .title {
            font-size: 18px;
        }

        .se_nourir .col-md-12 {
            padding: 0px;
        }
    }

    @media(max-width: 375px) {

        .main>.city nav.breadcrumb-nav {
            margin-top: 20px;
        }

        .main .eventpage .next-event .item .content {
            height: 190px;
        }

        .contactezNous .webform-component--civility #edit-submitted-civility .form-type-radio:nth-child(2n) {
            margin: 0;
        }

        .page-guides .telechargements .brochure .info,
        .page-guides .telechargements .top-wrap {
            width: 300px;
        }

        .se_nourir .sn_img.img_1,
        .se_nourir .sn_img.img_2_1,
        .se_nourir .sn_img.img_2,
        .se_nourir .sn_img.img_3 {
            height: 150px;
        }

        .se_nourir .back .title {
            left: 10px;
            font-size: 14px;
        }
    }

    .e-slider .owl-nav svg {
        display: block;
        margin: auto;
    }

    .vidiotheque .single_video {
        cursor: pointer;
        transition: transform .5s;
    }

    .vidiotheque .single_video:hover {
        -ms-transform: scale(1.1);
        /* IE 9 */
        -webkit-transform: scale(1.1);
        /* Safari 3-8 */
        transform: scale(1.1);
    }
    .home #block-block-2 .videotheque .info-box.grey-back{
        background: transparent;

    }
    .listing_destination h1{
        margin: 0;
        font-size: 22px;
        margin-bottom: 15px;
        font-family: 'merriweather';
        font-weight: 500;
        letter-spacing: 1px;
    }
    /* ANNONCE */
    .annonce {
        position: fixed;
        right: 0;
        background: #fff;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        width: 500px;
        text-align: center;
        z-index: 999;
        top: 48%;
        box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
        animation: cssAnimation 0s 5s forwards;
        opacity: 0;
        transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
      }

      @keyframes cssAnimation {
        to   { opacity: 1; }
      }
    .annonce .text_annonce {
        width: 56%;
        padding: 20px;
    }

    .annonce .img_annonce {
        width: 44%;
        overflow: hidden;
    }

    .annonce .img_annonce img {
        max-height: 280px;
        height: 280px;
        overflow: hidden;
    }

    .annonce .text_annonce span {
        display: block;
    }

    .annonce .titre {
        font-family: ubuntu, 'sans-serif' !important;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        color: #372728;
        margin-bottom: 20px;
    }

    .annonce .text_annonce span.body {
        font-weight: 400;
        font-size: 18px;
        color: #372728;
        text-align: center;
    }

    .annonce .text_annonce span.body .bold {
        font-weight: bold;
        display: initial;
    }

    .annonce .text_annonce span.ville {
        font-weight: 600;
        text-transform: uppercase;
        color: #B01A14;
        margin: 10px 0 30px 0;
        text-align: center;
    }

    .annonce .decouvrir .link {
        text-transform: uppercase;
        background: #B01A14;
        color: #fff;
        padding: 7px 20px;
    }


    .annonce .close_annonce{
        position: absolute;
        right: 10px;
        cursor: pointer;
        color: #fff;
        font-weight: 700;
        font-size: 16px;
    }

    .programmation_aerienne #accordion_programmation_aerienne .btn-programmation-aerienne{
        background-color: #fff;
        border-radius: 0;
        -webkit-box-shadow: 0px 0px 13px -4px rgba(185, 198, 202, 1);
        -moz-box-shadow: 0px 0px 13px -4px rgba(185, 198, 202, 1);
        box-shadow: 0px 0px 17px -4px rgba(185, 198, 202, 1);
        cursor: auto;
    }
    .programmation_aerienne #accordion_programmation_aerienne .btn-programmation-aerienne .icone-arrow-bottom{
       cursor: pointer;
    }
    .programmation_aerienne #accordion_programmation_aerienne .title{
        color: #13293d;
        font-size: 18px;
    }
    .programmation_aerienne #accordion_programmation_aerienne .btn-programmation-aerienne img{
        height: 90px;
    width: auto;
    padding: 0 !important;
    max-width: 90%;
    }
    .programmation_aerienne #accordion_programmation_aerienne .navigation {
        margin-top: 50px;
    }
    @media (max-width:767px) {
        #decouvrir-cover img{
            height: 350px;
            width: auto;
        }
    }
    .programmation_aerienne .single-programmation-aerienne .modal .close{
        color: #B01A14 !important;
    }
    .programmation_aerienne .single-programmation-aerienne .modal table,
    .programmation_aerienne .single-programmation-aerienne .table td,
    .programmation_aerienne .single-programmation-aerienne .table th{
        border: 2px solid #e9f0f4;
    }
    .programmation_aerienne .single-programmation-aerienne .table th{
        background-color: #B01A14;
        color: #ffffff;
    }
    .programmation_aerienne .single-programmation-aerienne .table th span{
        font-size: 16px !important;
        background-color: transparent !important;
    }
    .programmation_aerienne .single-programmation-aerienne .table td{
        font-size: 15px;
        color: #4f4f4f;
    }
    .programmation_aerienne .single-programmation-aerienne .modal .prg_title{
        color: #13293d;
        font-size: 18px;
        font-weight: 700;

    }
    .programmation_aerienne .single-programmation-aerienne .modal{
        max-width: 80%;
        left: 50%;
        transform: translateX(-50%);
    }

    @media (max-width: 575.98px) {
        .annonce{
            width: 90%;
            max-width: 90%;
        }
        .annonce .text_annonce span,
        .annonce .text_annonce span.body,
        .annonce .text_annonce span.ville
        .annonce .decouvrir .link{
            font-size: 12px;
        }
        .annonce .img_annonce img{
            height: 100% !important;
            max-height: initial;
        }
    }

    #box-nav .navbox1 ul li:first-child a.nav-link,
    #box-nav .navbox2 ul li:nth-child(2) a.nav-link{
        pointer-events: none;
        cursor: default;

    }

    #cookies-eu-banner{
        background-color: #B01A14;
        padding: 10px 40px;
        position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99999;
      }
      #cookies-eu-banner .title_cookies{
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        margin: 0;
      }
      #cookies-eu-banner  .pre_cookies{
        color: #ffffff;
        font-size: 16px;
        margin: 0;
      }
      #cookies-eu-banner  .pre_cookies a{
        color: #ffffff;
        font-weight: 600;
        font-size: 15px;
      }
      #cookies-eu-banner  input{
        border: none;
        padding: 5px 15px;
        color: #B01A14;
        background: #ffffff;
        font-size: 16px;
        font-weight: 500;
        margin-left: 20px;
      }
      #cookies-eu-banner  button#cookies-eu-accept{
        margin: 0 20px;
      }
      .bloggers .bloggerinfo .name{
      }
      .bloggers .bloggerinfo .state{
        min-height: 16px;
        display: block;
      }
     .bloger-slide .owl-nav svg:not(:root).svg-inline--fa{
        color: rgb(233, 96, 37);
      }

      /* INSTAGRAM BLOCK */
      .clearfix{
          clear: both;
      }
    .temoignage_instagram .signature_partage span {
        font-size: 36px;
        color: #d44f18;
        font-family: Signature;
        font-weight: 600;
    }

    .temoignage_instagram .signature_partage {
        display: flex;
        margin-top: 50px;
    }

    .temoignage_instagram .signature_partage button {
        border: 0;
        color: #ffffff;
        background-color: #d44f18;
        font-family: ubuntu;
        font-size: 22px;
        padding: 5px 30px;
        margin-left: auto;
        order: 2;
    }



    .temoignage_instagram .single_insta {
        -webkit-box-shadow: 1px 1px 10px -2px rgba(150, 150, 150, 0.75);
        -moz-box-shadow: 1px 1px 10px -2px rgba(150, 150, 150, 0.75);
        box-shadow: 1px 1px 10px -2px rgba(150, 150, 150, 0.75);
    }

    .temoignage_instagram .single_insta .img_name {
        padding: 13px 20px;
    }

    .temoignage_instagram .single_insta .img_name img {
        max-width: 63px;
        max-height: 63px;
        border-radius: 50%;
        border: 2px solid;
        padding: 3px;
        margin-right: 10px;
    }

    .temoignage_instagram .single_insta .img_name span {
        font-family: ubuntu;
        font-weight: 500;
        color: #252525;
        font-size: 26px;
    }

    .temoignage_instagram .single_insta .pre_insta {
        padding: 30px 20px;
    }

    .temoignage_instagram .single_insta .pre_insta p {
        font-family: lato;
        font-weight: 500;
        color: #808080;
        font-size: 14px;
        margin: 0;
        display: inline;
    }

    .temoignage_instagram .single_insta .img_insta img {
        width: 100%;
        height: auto;

    }

    .temoignage_instagram .grid-sizer,
    .temoignage_instagram .single_insta.item {
        width: 30%;
        margin-bottom: 50px;
    }
    .temoignage_instagram .single_insta  .owl-theme .owl-dots .owl-dot span{
        width: 10px;
        height: 10px;
    }
    #text_more {
        display: none;
    }
    .temoignage_instagram .single_insta .pre_insta .show_text_more {
        border: 0;
        background-color: transparent;
        outline: none;
        color: #d44f18;
        font-size: 14px;
        font-family: lato;
    }
  /* POP UP POST INSTA */

  #soumettre_post_insta .modal-header .close {
    padding: 0;
    margin: 0;
    display: inline-block;
    width: 100%;
}

#soumettre_post_insta .modal-header .close span {
    color: #d44f18;
    font-family: ubuntu;
    font-weight: 600;
    font-size: 50px;
    float: right;
}

#soumettre_post_insta .modal-header {
    padding: 0;
    padding-right: 20px;
    border: none;
    padding-top: 20px;
}

#soumettre_post_insta .modal-content {
    border-radius: 0;
}

#soumettre_post_insta .modal-content .title {
    font-family: ubuntu;
    font-weight: bold;
    font-style: italic;
    font-size: 19px;
    color: #000000;
    padding: 0 20px;
    display: block;
    margin-bottom: 25px;
}

#soumettre_post_insta .modal-content .modal-body {
    padding-top: 0;
}

#soumettre_post_insta .modal-content form {
    padding: 0 20px;
}

#soumettre_post_insta .modal-content form label {
    font-size: 18px;
    font-family: ubuntu;
    font-weight: 500;
    margin-bottom: 20px;
}

#soumettre_post_insta .modal-content form span.form-required {
    color: #fe0000;
}

#soumettre_post_insta .modal-content form input.form-control {
    margin-bottom: 20px;
}

#soumettre_post_insta .modal-content form .webform-component--first-name {
    width: 40%;
    margin-right: 20px;
}

#soumettre_post_insta .modal-content form .webform-component--e-mail {
    width: 60%;
}

#soumettre_post_insta .modal-dialog {
    width: 50%;
    max-width: 50%;
}

#soumettre_post_insta .captcha input {
    width: 190px;
    order: 3;
    margin-left: auto;
}

#soumettre_post_insta .captcha img {
    max-width: 145px;
    height: auto;
    margin: 0 40px;
}

#soumettre_post_insta .captcha {
    margin-top: 30px;
}

#soumettre_post_insta .form-actions {
    text-align: center;
    margin: 30px 0;
}

#soumettre_post_insta .form-actions button {
    color: #ffffff;
    background-color: #d44f18;
    font-family: ubuntu;
    font-size: 22px;
    padding: 5px 50px;
}

#soumettre_post_insta .msg_envoye p {
    font-family: ubuntu;
    font-size: 18px;
    color: #a5a5a5;
    max-width: 60%;
    margin: 0 auto;
    text-align: center;
}
/* icon covid  start */

.covid-link{
    height: 60px;
    width: 200px;
    margin-left: -180px;
    position: relative;
}
.covid-link a.covid{
    height: 60px;
    width: 240px;
    background: #B01A14;
    display: block;
    opacity: .7;
    text-align: center;
    overflow: hidden;
}

.covid-link a.covid h6{
    color: white;
    font-size: 16px;
    margin-top: 9px;
    margin-bottom: 2px;
}
.covid-link a.covid p{
    color: white;
    font-size: 11px;
}

.covid-link a.covid:hover{
    opacity: 1;
}



.covid-link a.covid::before{
    position: absolute;
    right: 200px;
    content: "";
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-right: 20px solid #B01A14;
}

/* icon covid  end */
/* CHATBOT ICON */

#engt-container.engt-acquire .engt-launcher-button{
    background-size: 50px 50px !important;
    bottom: -30px;
}
#engt-container .engt-launcher-button{
    width: 50px !important;
    height: 50px !important;
}
  /* SUGGESTION TABS ICON  */

#suggestion_modal .modal-dialog {
    max-width: 75%;
}

#suggestion_modal .modal-content {
    border: none;
    height: 850px;
    width: 80%;
    background-image: url(../images/instagram/enveloppe_ouvert.png);
    background-color: transparent;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: top center;
    margin: 0 auto;
    max-width: 870px;
}

#suggestion_modal .modal-header {
    border: none;
    width: 80%;
    margin: 0 auto;
    padding-right: 0;
}

#suggestion_modal .modal-header .close span {
    font-weight: bold;
    font-size: 50px;
}

#suggestion_modal .vos_suggestions {
    width: 60%;
    margin: 0 auto;
    transform: scale(0.9);
    padding: 0;
    background: transparent;
    position: relative;
}

#suggestion_modal .vos_suggestions .title {
    color: #B01A14;
    font-size: 30px;
    font-family: ubuntu;
    display: block;
    margin-bottom: 10px;
}

#suggestion_modal .vos_suggestions .sugg_pre {
    color: #000000;
    font-size: 16px;
    line-height: 19px;
    font-family: ubuntu;
}

#suggestion_modal .vos_suggestions .sugg_pre a {
    font-family: ubuntu;
    font-weight: bold;
    margin-left: 6px;
    color: rgb(230, 87, 68);
}

#suggestion_modal .emojis span img {
    max-width: 35px;
    max-height: 35px;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    cursor: pointer;
}

#suggestion_modal .emojis span img.nothover {
    display: block;
}

#suggestion_modal .emojis span img.hover {
    display: none;
}

#suggestion_modal .emojis span:hover img.nothover {
    display: none;
}

#suggestion_modal .emojis span:hover img.hover {
    display: block;
}

#suggestion_modal .emojis span:nth-child(2) {
    margin: 0 40px;
}

#suggestion_modal .text_emojis span {
    display: block;
    text-align: center;
    margin-top: 15px;
    font-size: 14px;
    color: #000000;
    font-family: ubuntu;
}

#suggestion_modal form label {
    font-size: 12px;
    font-family: ubuntu;
    font-weight: 500;
    margin-bottom: 10px;
    color: #000000;
}

#suggestion_modal form .infos_sugg .form-item {
    flex: 1 1 0;
    width: 0;
    margin-right: 10px;
}

#suggestion_modal form .infos_sugg .form-item:last-child {
    margin-right: 0px;
}

#suggestion_modal form input,
#suggestion_modal form textarea {
    max-width: 100%;
}

#suggestion_modal form textarea {
    margin-bottom: 5px;
    height: 60px;
    resize: none;
}

#suggestion_modal form .captcha input {
    width: 170px;
}

#suggestion_modal form .captcha label {
    margin: 0;
    margin-left: 30px;
    margin-right: 10px;
}

#suggestion_modal form .captcha img {
    max-width: 80px;
    height: auto;
    order: 3;
    margin-left: auto;
    margin-right: 50px;
}

#suggestion_modal form .captcha {
    margin: 20px 0;
}

#suggestion_modal form .form-actions {
    text-align: center;
    margin: 40px 0;
}

#suggestion_modal form .form-actions button {
    color: #ffffff;
    background-color: #d44f18;
    font-family: ubuntu;
    font-size: 14px;
    padding: 3px 30px;
}

#suggestion_modal .enveloppe_bottom {
    position: absolute;
    width: 130%;
    left: -15%;
    bottom: -232px;
    height: 600px;
    z-index: 0;
}

 /*ENVOI SUGGESTION POP UP*/
 #envoi_suggestion_modal .modal-content {
    background: transparent;
    border: 0;
}

#envoi_suggestion_modal .modal-header {
    border: 0;
}

#envoi_suggestion_modal .modal-body {
    height: 450px;
    background-image: url(../images/instagram/enveloppe_ferme.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

#envoi_suggestion_modal .envoi_suggestion span {
    display: block;
    text-align: center;
    font-family: ubuntu;
    font-weight: 500;
    color: #ffffff;
    margin: 20px 0 30px;
    font-size: 28px;
    line-height: 30px;
}

#envoi_suggestion_modal .envoi_suggestion p {
    font-family: ubuntu;
    color: #ffffff;
    text-align: center;
    margin: 0;
    font-size: 15px;
    line-height: 20px;
    width: 80%;
    margin: 0 auto;
}


#envoi_suggestion_modal .modal-dialog {
    max-width: 45%;
}

.envoi_suggestion {
    width: 55%;
    margin: 0 auto;
}
#engt-container .engt-launcher-enabled{
    bottom: 60px !important;
    right: 0 !important;
}
#envoi_suggestion_modal .modal-header .close span {
    font-weight: bold;
    font-size: 50px;
}
.right-fixed-box{
    z-index: 99;
}
.main .home .not-miss .box, .main .home .not-miss .box-3,
.main .home .info-p .col-6{
    z-index: 1;
}
.main .home .event-box,.annonce{
    display: none;
}
.m-destination .overlay_menu_img{
    height: 170px;
    width: 100%;
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    text-align: center;
    margin-bottom: 20px;
}
.main .back-header .navbar .dropdown-menu .m-destination .ncard .overlay_menu_img h3{
    color: #ffffff;
    opacity: 1;
    z-index: 2;
    font-size: 16px;
    width: 100%;
}
.main .back-header .navbar .dropdown-menu .m-decouvrirmaroc p{
    font-size: 18px;
}
.videotheque .pvideos .prev svg, .videotheque .pvideos .next svg{
    transform: rotate(180deg);
}
.videotheque .pvideos .prev{
    top: initial;
    bottom: 0;
}
.videotheque .pvideos .next{
    bottom: initial;
    top: 0;
}



/*css ajouté pour les pages covid*/
/* Media Queries*/
@media screen and (min-width: 600px) {

#covid-welcome-bach-page .row{
    display: flex;
    align-items: center;
}

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

    #covid-welcome-bach-page #covid-page-menu{
        display: none
    }


    .covid-link{
        margin-left: -200px !important;
    }

    #covid-welcome-bach-page .col-md-6 img {
        margin: 0px !important;
        margin-bottom: 15px !important;
        max-width: 100% !important;
        height: auto !important;
    }

    .stayhome-page .view-stayhome-main-video-main {
        padding: 15px !important;
    }

    .video-js {
        width: 310px;
        height: 180px;
    }

    .stayhome-page .modal-dialog {
        margin: 35% auto 0 !important;
    }
    #stayhome-banner-pane img,
    #covid-middle-banner-pane img
    {
        width: 200% !important;
        margin: auto;
        height: auto;
        margin-left: -50%;
        min-height: 200px;;
    }
    #covid-middle-banner-pane img
    {
        width: 100%;
    }
    .blog-details--main img {
        width: 100% !important;
        height: 100% !important;
    }
    .newsroom-details--share--links {
        width: 100%;
    }
    .newsroom--item {
        width: 90%;
    }
    .blog-listing--main .blog-listing--item {
        overflow: auto;
    }
    .blog-listing--main .blog-listing--item img {
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .blog-details--category--share {
        display: block !important;
    }
    newsroom-details--share--links {
        width: 100% !important;
    }
    newsroom-details--share--links ul {
        display: flex !important;
        width: 100% !important;
        justify-content: flex-end !important;
    }
    .newsroom-details--share--links a {
        margin-left: 10px !important;
    }
}

@media screen and (max-width: 800px) {
    .newsroom--item {
        /*        left: inherit !important;*/
    }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {

    .navbar-default .navbar-nav>li {
        padding: 42px 0 0 !important;
        margin-left: 0 !important;
    }
    .navbar-default .navbar-nav>li>a {
        padding: 22px 15px 36px !important;
        font-size: 14px;
    }
    #rechercher a {
        padding-left: 15px;
    }
}

@media only screen and (max-width: 1400px) and (min-width: 1200px) {
    .carousel {
        height: 500px;
    }
    .almaghreb {
        bottom: 25px;
    }
    #inspirerMoi {
        bottom: 222px;
    }
}

@media screen and (max-width: 1400px) {
    .newsroom--item {
        width: 30%;
    }
}

@media screen and (max-width: 990px) {
    .h_blog {
        color: #4c3537 !important;
    }
}

@media screen and (max-width: 991px) {
    .newsroom--item {
        width: 45%;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .carousel {
        height: 320px;
    }
    .almaghreb {
        bottom: 95px;
    }
    #inspirerMoi {
        bottom: 295px;
    }
}

@media screen and (max-width: 608px) {
    .newsroom--item {
        width: 95%;
    }
}

@media screen and (max-width: 320px) {
    .blog-details--header,
    .newsroom-details .wrap {
        padding: 50px 15px;
    }
    .blog-details--category--share {
        margin: 0 !important;
    }
    .newsroom-details--share {
        padding: 0;
        justify-content: center;
    }
    .newsroom-details--share ul {
        text-align: center;
    }
    .newsroom-details--share--links a {
        margin-left: 5px;
        margin: 0 5px !important;
    }
    .newsroom-details--share {
        flex-direction: column;
        height: auto;
        padding: 10px 0;
    }
    .newsroom-details--share span {
        display: block;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 600px) {
    .famous_dist_title:after {
        background: none;
    }
    .famous_dist_title:before {
        background: none;
    }
    .map {
        /*  margin-left: 0;  */
        max-width: 100%;
        padding-top: 0px;
    }
    .destination_filter {
        width: auto;
        position: relative;
        background-repeat: repeat;
        left: 0px;
    }
    .map_checkbox ul>li {
        width: 183px;
    }
    .map_checkbox ul>li label {
        font-size: 13px;
    }
    .icons_space:before {
        height: 29px;
    }
    .destination_filter .form-type-textfield {
        width: 80%!important;
    }
}

@media only screen and (min-width: 601px) and (max-width: 767px) {
    .map {
        /*  margin-left: 0;  */
        max-width: 100%;
        padding-top: 0px;
    }
    .destination_filter {
        width: auto;
        position: relative;
        background-repeat: repeat;
        left: 0px;
    }
    .map_checkbox ul>li label {
        font-size: 14px;
    }
    .famous_dist_title:before {
        background: none;
    }
    .famous_dist_title:after {
        background: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .map {
        padding-top: 0px !important;
    }
    .destination_filter {
        width: auto;
        position: relative;
        background-repeat: repeat;
        left: 0;
        top: 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .famous_dist_title:before {
        left: 2%;
    }
    .famous_dist_title:after {
        right: 2%;
    }
    .destination_filter {
        width: 450px;
        position: absolute;
        top: 0;
        left: 0px;
        z-index: 1;
        padding: 15px 25px;
    }
    .filter_title {
        font-size: 17px;
    }
    .map input {
        width: 100%;
    }
    .dest_dropdown {
        padding: 5px;
        margin-bottom: 1px;
        width: 90%;
    }
    .map_checkbox ul>li label {
        font-size: 14px;
    }
    .map_checkbox ul>li {
        width: 187px;
    }
    .destination_filter {
        width: 429px;
    }
    .filter_title {
        padding: 14px 0px;
    }
}

div#pixlee_container iframe {
    height: 400px!important;
}

.destination_filter .btn-brown {
    position: relative;
    color: #4c3537;
    width: 45px;
    overflow: hidden;
    vertical-align: middle;
}

.destination_filter .form-type-textfield {
    width: 88%;
    display: inline-block;
}

.destination_filter .btn-brown:before {
    content: url(../images/icons/search.png);
    display: block;
    position: absolute;
    top: 10px;
    left: 15px;
}

.destination_filter .btn-brown:hover {
    background: #463032 !important;
    color: #463032 !important;
}

.destination_filter .btn-brown:focus {
    background: #463032 !important;
    color: #463032 !important;
}

.contactezNous form input[type=checkbox]:not(old) {
    opacity: 1!important;
    width: 40px;
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
}

/* covid page start */

#covid-welcome-bach-page h2{
    font-size: 23px;
    margin: 0 auto;
    margin-bottom: 20px;
    font-family: "Assistant SemiBold";
    color: #221e1e;
    font-weight: 500;
    color: #221e1e;
}
#covid-welcome-bach-page h3{
    font-size: 24px;
    color: #221e1e;
}
#covid-welcome-bach-page h2 strong{
    font-weight: 500;
}
#covid-welcome-bach-page p{
    font-size:16px;
    text-align: initial;
    font-weight: 500;
    color: #070707;
}

#covid-welcome-bach-page h2.first_title{
    color: #221e1e;
    font-weight: 100;
    font-size: 30px;
}

#covid-welcome-bach-page .col-md-6 img{
    margin: 20px;
    max-width: 85%;
    height: auto;
}

#covid-welcome-bach-page .col-md-6 a{
    color: #B01A14;
}

#covid-welcome-bach-page .col-md-6 a.btn.btn-orange{
    font-weight: bold;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 14px;
    width: max-content;
    margin: 0 auto;
    display: block;
    padding: 10px 25px;
    outline: none;
    margin-top: 20px;
}



#covid-welcome-bach-page .row{
    padding-top: 20px;
    padding-bottom: 20px;
}

#covid-welcome-bach-page #covid-page-menu ul{
    background-color: white;
    padding: 30px;
    margin-top: -104px;
    -webkit-box-shadow: 0px 5px 10px -7px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 5px 10px -7px rgba(0,0,0,0.75);
    box-shadow: 0px 5px 10px -7px rgba(0,0,0,0.75);
    text-align: center;
    font-size: 16px;
}

#covid-welcome-bach-page #covid-page-menu ul li{
    display: inline;
    padding: 15px;
}

#covid-welcome-bach-page .btn-orange{
    background: #d44f18;
    color: #f4f0ed;
    border: 0;
    border-radius: 0;
    width: 400px;
    margin: 0;
    display: block;
}
.panels-flexible-2 .panels-flexible-region,
#covid-middle-banner-pane img{
    width: 100%;
}
#covid-menu-element-2 .row,
#covid-menu-element-4 .row,
.panel-pane.pane-custom.pane-5 .row,
.panel-pane.pane-custom.pane-7 .row,
.panel-pane.pane-custom.pane-9 .row,
.panel-pane.pane-custom.pane-11 .row{
    direction: rtl;
}
#covid-menu-element-2 .row .col-md-6:nth-child(2),
#covid-menu-element-4 .row .col-md-6:nth-child(2),
.panel-pane.pane-custom.pane-5 .row .col-md-6:nth-child(2),
.panel-pane.pane-custom.pane-7 .row .col-md-6:nth-child(2),
.panel-pane.pane-custom.pane-9 .row .col-md-6:nth-child(2),
.panel-pane.pane-custom.pane-11 .row .col-md-6:nth-child(2){
    direction: ltr;
}
#covid-menu-element-2 .row .col-md-6:first-child,
#covid-menu-element-4 .row .col-md-6:first-child,
.panel-pane.pane-custom.pane-5 .row .col-md-6:first-child,
.panel-pane.pane-custom.pane-7 .row .col-md-6:first-child,
.panel-pane.pane-custom.pane-9 .row .col-md-6:first-child,
.panel-pane.pane-custom.pane-11 .row .col-md-6:first-child{
    text-align: right;
}
#stayhome-banner-pane .bg-stayhome-mobile img.cover_wlcm_back{
    width: 100% !important;
    height: auto;
    max-height: 630px;
}
#covid-welcome-bach-page #covid-page-menu .row{
    padding: 0;
}
#covid-welcome-bach-page #covid-page-menu nav{
    text-align: center;
    margin-top: -60px;
    margin-bottom: 40px;
}
#covid-welcome-bach-page #covid-page-menu nav ul{
    padding: 30px 10px;
    width: auto;
    display: inline-block;
    margin: 0;
}
#covid-welcome-bach-page #covid-page-menu nav ul li a{
    font-family: lato;
    font-weight: 600;
    font-size: 18px;
}
#covid-welcome-bach-page .col-md-6 img {
    margin: 0 ;
}
#stayhome-banner-pane #decouvrir-cover{
    margin: 0;
}
/* covid page end */
.media-popup .media-box .tube video{
    width: 100%;
    height: 100%;
}
.main>.city .events{
    display: none;
}
.logged-in .righ-tabs .tabs{
    bottom: -270px;
}
/* AS SOON AS POSSIBLE */
.stayhome-page .pane-title
{
    text-align: center;
}

.stayhome-page .bloc-videos-stayhome .views-field .field-content{
    text-align: center;
}
.stayhome-page .bloc-videos-stayhome .views-field .field-content img,
.stayhome-page .bloc-videos-stayhome .views-field .field-content a{
    margin: auto;
}

.slick-slider {
    width: 100%;
    background-color: transparent;
}
.videos-box.slick-slider .slick-track {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    height: 500px;
    justify-content: center;
}
.bloger-slide.slick-slider .slick-track {

    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    height: 304px;
    justify-content: center;

}
.bloger-slide.slick-slider .slick-slide {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px;
    background-color: white;
    transition: all 0.3s ease;
    height: 266px;
    padding: 50px;
}

#myVideosModal .modal-content{
    background-color: transparent;
    border: none;
    box-shadow: none;
    text-align: center;
}

#cboxTitle{
    opacity: 0;
}

#stayhome-banner-pane img,
#covid-middle-banner-pane img
{
    width: 100%;
}

.stayhome-page video{
    object-fit: cover;
}
.stayhome-page .video-js:hover .vjs-big-play-button {
    background-color: #e9e9e9;
}

.stayhome-page .video-js .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-left: -1em;
    margin-top: -1em;
    width: 2em;
    height: 2em;
    line-height: 2em;
    border: none;
    border-radius: 50%;
    font-size: 3.5em;
    background-color: rgb(252, 252, 252);
    color: rgb(27, 27, 27);
    -webkit-transition: border-color .4s,outline .4s,background-color .4s;
    -moz-transition: border-color .4s,outline .4s,background-color .4s;
    -ms-transition: border-color .4s,outline .4s,background-color .4s;
    -o-transition: border-color .4s,outline .4s,background-color .4s;
    transition: border-color .4s,outline .4s,background-color .4s;
}
.panels-flexible-region-1-center,
.panels-flexible-region-3-center,
.panels-flexible-region-3-un_voyage_au_del___des_fronti__res
{
    width: 100%;
}


.stayhome-page .view-stayhome-main-video-main {
    padding: 50px 80px 80px 80px;
    background: #f7f7f7;
}

.stayhome-page .view-stayhome-main-video-main .video-js {
    margin: auto;
    margin-top: 40px;
}

.stayhome-page .vjs-poster {
    background-size: cover;
    background-position: inherit;
  }


.stayhome-page .stayhome-video-element .titleImage {
    padding: 15px;
  }

.stayhome-page .stayhome-video-element .titleImage img{
    max-width: 150px;
  }

.stayhome-page .stayhome-video-element .play-button {
    position: absolute;
    margin-left: auto !important;
    margin-right: auto !important;
    left: 0;
    right: 0;
    text-align: center;
    width: 60px;
    top: 29%;
  }

.stayhome-page .stayhome-video-element .posterImage {
    overflow: hidden;
    height: 280px;
  }

.stayhome-page .stayhome-video-element .posterImage img {
    -webkit-transform: skewY(8deg);
    transform: skewY(6deg);
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
    height: 100%;
    width: auto;
    min-width: 100%;
  }

.stayhome-page .section-title{
    font-size: 25px;
  }

  #colorbox{
      position: fixed !important;
  }
  #stayhome-banner-pane img{
    width: auto;
    height: 630px;
    min-width: 100%;
  }
  .stayhome-page .texte_asap p{
    margin: 50px 0 45px;
    color: #543f40;
    font-size: 18px;

  }
 .stayhome-page .panels-flexible-region-1-text_and_description{
    width: 100%;
  }
  .stayhome-page .view-stayhome-main-video-main .video-js{
    height: 600px;
    width: auto;
    max-width: 90%;
  }
  #slick-views-stay-home-beyond-borders-block-2{
    max-width: 80%;
    margin: 0 auto;
  }
  .stayhome-page .stayhome-video-element{
    background-color: rgb(255, 255, 255);
    box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.11);
    -webkit-box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.11);
    margin-bottom: 0px;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    cursor: pointer;
  }
  .stayhome-page .stayhome-video-element:hover{
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  .stayhome-page #slick-views-stay-home-outstanding-block-1-1 .stayhome-video-element .posterImage img{
      max-height: 280px;
}
.stayhome-page #slick-views-stay-home-outstanding-block-1-1 .stayhome-video-element .posterImage{
    height: 280px;
}
.stayhome-page #slick-views-stay-home-outstanding-block-1-1{
    max-width: 80%;
    margin: 0 auto;
}
.stayhome-page .stayhome-video-element .titleImage img{
    height: 40px;
    width: auto;
}
#slick-views-stay-home-beyond-borders-block-2 .slick-arrow.slick-prev:after{
    content: "\f104";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
}
#slick-views-stay-home-beyond-borders-block-2 .slick-arrow.slick-next:after{
    content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
}
#myVideosModal .modal-dialog{
    width: auto !important;
    max-width: 700px !important;
    margin: 13% auto 0;
}
#covidModal .modal-dialog{
    width: auto !important;
    max-width: 900px !important;
    margin: 8% auto 0;
}
#myVideosModal .modal-header,
#covidModal .modal-header {
    border: none;
    padding: 0;
    position: relative;
}
#myVideosModal .modal-header .close{
    padding: 0;
    opacity: 1;
    position: absolute;
    right: -50px;
    top: -50px;
}
#myVideosModal .modal-header .close span {
    font-size: 50px;
}
#covidModal .modal-content{
    background-color: transparent;
    border: none;
}
.meteomaroccarte{
    margin: 0 auto;
    position: relative;
}
.meteomaroccarte .ville-map.tanger{
    top: 0;
    right: 145px;
}
.meteomaroccarte .ville-map.oujda{
    top: 15px;
    right: 20px;
}
.meteomaroccarte .ville-map.laayoune{
    bottom: 180px;
    left: 40px;
}
.meteomaroccarte .ville-map.rabat{
    top: 40px;
    right: 170px;
}
.meteomaroccarte .ville-map.casablanca{
    top: 55px;
    right: 190px;
}
.meteomaroccarte .ville-map.safi{
    top: 130px;
    right: 255px;
}
.meteomaroccarte .ville-map.agadir{
    top: 180px;
    right: 250px;
}
.meteomaroccarte .ville-map.fes{
    top: 46px;
    right: 110px;
}
.meteomaroccarte .ville-map.marrakech{
    top: 114px;
    right: 200px;
}
.meteomaroccarte .ville-map.ouarzazate{
    top: 160px;
    right: 82px;
}

.meteomaroccarte .ville-map.jadida{
    top: 80px;
    right: 220px;
}
.meteomaroccarte .ville-map.taza{
    top: 38px;
    right: 74px;
}
.meteomaroccarte .ville-map.azilal{
    top: 114px;
    right: 104px;
}

#covidModal a:hover{
    background-color: #f0703a !important;
}
#covidModal .img_covidModal{
    border: #636363 1px solid;;text-align:center;max-width:100%;width:100%;height:400px;background-size: 100% 100%;
    position: relative;
}
#covidModal .link_covidModal a{
    text-decoration: none;font-family: Ubuntu,sans-serif;text-transform: uppercase;
    font-size: 13px;font-weight: 600;line-height: 35px;padding: 0 10px;
    text-align: center;background: #d44f18;color: #f4f0ed;border: 0;border-radius: 0;margin: 10px auto 0;display: inline-block;

}
#covidModal .link_covidModal{
    position: absolute;
    width: 100%;
    bottom: 0;
}
#stayhome-banner-pane img{
    max-height: 100%;
}
#stayhome-banner-pane .backimg{
    height: 100%;
}

.main .back-header .navbar .dropdown-menu .dcard.chefchaouen{
    margin-top: -3px;
}
.main .home .info-p .box:after,
.main .home .info-p .box:before{
    background-color: #ffffff !important;
}
.main .back-header .navbar .dropdown-menu .m-decouvrirmaroc .ncard img:hover{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.main .back-header .navbar .dropdown-menu .m-decouvrirmaroc #block-block-1 .dcard,
.main .back-header .navbar .dropdown-menu .m-blog .bcard,
.main .back-header .navbar .dropdown-menu .dcard,
.main .back-header .navbar .dropdown-menu .ncard {
    overflow: hidden;
}
.main .back-header .navbar .dropdown-menu .m-decouvrirmaroc #block-block-1 .dcard:hover img,
.main .back-header .navbar .dropdown-menu .m-blog .bcard:hover img,
.main .back-header .navbar .dropdown-menu .vcard .content .box:hover img,
.main .back-header .navbar .dropdown-menu .dcard:hover img,
.main .back-header .navbar .dropdown-menu .m-blog .ncard img:hover{
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

@media (max-width: 1200px) {
    #suggestion_modal .modal-content{
        background-image: none;
    width: 100%;
    height: auto;
    }
    #suggestion_modal .modal-header{
        width: 100%;
    }
    #suggestion_modal .modal-body{
        background-color: #ffffff;
    }
    #suggestion_modal .vos_suggestions{
        width: 100%;
        transform: initial;
        padding: 50px;
    }
    #suggestion_modal form .captcha img{
        order: 0;
        margin-left: 20px;
    }
    #envoi_suggestion_modal .modal-dialog{
        max-width: 60%;
        height: 100%;
        margin: 0 auto;
    }
    #envoi_suggestion_modal .modal-content{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    #envoi_suggestion_modal .modal-body{
        height: auto;
        background-image: none;
        background-color: #eb5514;
        padding: 30px;
    }
    .envoi_suggestion{
        width: 100%;
    }
}
@media (max-width: 1400px) and (min-width:992px){
    .main .plage .lcard .content .s-title{
        top: 50px;
    }
    .main .plage .lcard .content{
        padding-bottom: 110px;
    }
}
@media (max-width: 1199.98px){
    .temoignage_instagram .grid-sizer{

        width: 0;
    }
    .temoignage_instagram .single_insta.item{
        box-shadow: none;
    }
    .temoignage_instagram .single_insta.item .caption {
        -webkit-box-shadow: 1px 1px 10px -2px rgba(150, 150, 150, 0.75);
        -moz-box-shadow: 1px 1px 10px -2px rgba(150, 150, 150, 0.75);
        box-shadow: 1px 1px 10px -2px rgba(150, 150, 150, 0.75);
        padding-bottom: 30px;
    }
    .temoignage_instagram .single_insta .img_insta{
        display: block;
        height: 250px;
        overflow: hidden;
    }
    #text_more {
        display: inline-block;
    }
    .temoignage_instagram .single_insta .pre_insta p{
        display: inline-block;
    }
    .temoignage_instagram .single_insta .pre_insta{
        height: 200px;
        overflow-y: scroll;
    }
    .temoignage_instagram .single_insta .pre_insta .show_text_more{
        display: none;
    }
}
@media (max-width: 992px) {
    .temoignage_instagram .single_insta .img_name img{
        max-width: 50px;
        max-height: 50px;
    }
    .temoignage_instagram .single_insta .img_name span{
        font-size: 16px;
    }
    .temoignage_instagram .signature_partage button{
        order: initial;
        margin: 20px auto;
        min-width: 180px;
        display: block;
        padding: 10px 20px;
        font-size: 18px;
    }
    .temoignage_instagram .signature_partage span{
        font-size: 30px;
        display: block;
        text-align: center;
    }
    .temoignage_instagram .signature_partage {
        display: block;
    }
    .stayhome-page .stayhome-video-element .posterImage{
        height: 200px;
    }
    .stayhome-page .stayhome-video-element .play-button{
        width: 40px;
    }
    .stayhome-page .stayhome-video-element .titleImage img {
        height: auto;
        width: auto;
    }
    #engt-container.engt-acquire .engt-launcher-button{
        bottom: 20px;
    }
    .main .plage .lcard .content .s-title{
        top: 50px;
    }
}
@media (max-width: 767px) {
    #suggestion_modal form .infos_sugg .form-item{
        width: 100%;
    }
    #suggestion_modal form .captcha label{
        margin: 0;
        margin-bottom: 20px;
    }
    #suggestion_modal form .captcha input,
    #suggestion_modal form .captcha img{
        display: inline;
    }
    #suggestion_modal .vos_suggestions{
        padding: 20px 30px;
    }
    #suggestion_modal .vos_suggestions .sugg_pre{
        font-size: 14px;
    }
    #suggestion_modal .vos_suggestions .title{
        font-size: 20px;
    }
    #envoi_suggestion_modal .modal-dialog{
        max-width: 90%;
    }
    .e-slider .img-box .item{
        height: 300px;
    }
    .e-slider .img-box .item img{
        width: auto;
        height: 100%;
        min-width: 100%;
    }
}
@media (max-width: 575.98px) {
    #suggestion_modal form .captcha img{
        margin: 0;
    }
    #envoi_suggestion_modal .envoi_suggestion span{
        font-size: 24px;
    }
    #envoi_suggestion_modal .envoi_suggestion p{
        font-size: 14px;
    }
    .temoignage_instagram .single_insta.item .caption{
        padding-bottom: 0;
    }
    .temoignage_instagram .single_insta .pre_insta {
        height: auto;
        overflow-y: unset;
    }
    .videotheque .pvideos .pvideo .content button{
        padding: 20px;
        margin-bottom: 5px;
    }

}

@media (max-width: 480px) {

    #covidModal .img_covidModal{
        height: 300px;
        background-size: cover;
        background-position: right;
    }
    #covidModal .link_covidModal a{
        font-size: 10px;
    line-height: 22px;
    }

    #covidModal .modal-dialog{
        margin: 25% auto 0;
    }
    #suggestion_modal form .captcha img{
        max-width: 135px;
    }
    #suggestion_modal .emojis span img{
        max-width: 25px;
        max-height: 25px;
    }

    .btn-face, .btn-visit {
        width: 70%;
    }
}
@media (max-width: 425px) {

    .owl-carousel .owl-item img {
        height: 100%;
        width: 100%;
        min-width: 100%;
    }
    .main .plage .lcard .content {
        padding-bottom: 70px;
    }
}
@media (max-width: 375px) {
    #covidModal .img_covidModal{
        height: 200px;
    }
    #covidModal .modal-dialog{
        margin: 25% auto 0;
    }
}
@media screen and (orientation: landscape) {

    /*
    disabled => mantis ticket N° : 1224
    .righ-tabs .tpages{
        transform: scale(0.5);
    } */
}
.topBarCovid
{
    text-align: center;
    padding: 10px;
    color: white !important;
    background-color: #5C190F;
    height: 45px;
    font-size: 15px !important;
}
.topBarCovid p
{
    margin: 0;
    color: white !important;
    font-size: 15px !important;
}

.topBarCovid a
{
    color: white !important;
    font-size: 15px !important;
}
.i18n-fr .back-header.content{
    margin-top:45px
}


@media (max-width: 991.98px){

    .i18n-fr .nav-div-mobile {
        margin-top: 45px;
    }

    .topBarCovid
    {
        font-size: 12px !important;
    }

    .topBarCovid p
    {
        font-size: 12px !important;
    }

    .topBarCovid a
    {
        font-size: 12px !important;
    }
}

/* .home .donotmiss {
	background: linear-gradient(180deg, #B01A14 0%, #B01A14 100%);
} */


/* SK STYLE */

.block_experience .filters span.active::before{
    /* content: '\25B2'; */
    content: "";
    width: 10px;
    height: 7px;
    background-image: url(../images/arrow-up.png);
    position: absolute;
    left: 50%;
    bottom: 7px;
    transform: translateX(-50%);
    font-size: 10px;
}

.block_experience .is_mobile{
    display: none;
}
.visitmorocco_originals .media-popup.show #popup-close{
    top: -60px;
}
.visitmorocco_originals #popup-close:hover{
background-color: 0;
}
.vo_block_destination .miniature{
    overflow: hidden;
}
.vo_block_destination .miniature img{
    width: 100%;
    height: 380px;
    object-fit: fill;
}
.vo_block_destination .miniature .back{
    background-color: #00000017;
}
.vo_block_destination  .miniature {
    position: relative;
}
.vo_block_destination .miniature button{
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../icons/play-button.png);
    background-color: transparent;
    border: none;
    cursor: pointer;
    width: 100%;
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;

    
}

/* CENTER SLIDER */
.visitmorocco_originals .owl-item .item {
    transform: translate3d(0, 0, 0); 
 
    margin: 0 -48px;
  }
 
 .visitmorocco_originals .owl-item .item  {
     -webkit-transition: 0.3s;
     -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
     box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
     -o-transition: 0.3s;
     transition: 0.3s;
     -webkit-transform: scale(0.80);
     -ms-transform: scale(0.80);
     transform: scale(0.80);
 }
 
 .visitmorocco_originals .owl-item.center .item  {
     -webkit-transform: scale(1.15);
     -ms-transform: scale(1.15);
     transform: scale(1.15);
 }
 .visitmorocco_originals.container {
    max-width: 90%;
}
.visitmorocco_originals .owl-item.active.center {
    z-index: 1;
}
.visitmorocco_originals .owl-carousel .owl-item{
    z-index: 0;
}
.block_destination{
    padding: 25px 0 35px 0;
}
.visitmorocco_originals h2{
    text-align: center;
    margin-bottom: 50px;
    color: #ffffff;
    font-weight: 500;
    font-size: 37px !important;
}
.visitmorocco_originals .owl-theme .owl-dots .owl-dot.active span, 
.visitmorocco_originals .owl-theme .owl-dots .owl-dot:hover span{
    border: 2px solid #B01A14;
    background-color: #ffffff;
    opacity: 1;
}
.visitmorocco_originals .owl-theme .owl-dots .owl-dot span {
    height: 15px;
    width: 15px;
    background-color: #B01A14;
    border: 2px solid #B01A14;
    opacity: 0.5;
}
.visitmorocco_originals .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 50px;
}
.visitmorocco_originals .body_iframe.hidden{
display: none;
}
.visitmorocco_originals .body,
.visitmorocco_originals .body p{
    height: 100%;
}
.visitmorocco_originals .body iframe{
    height: 100%;
    width: 100%;
}
.visitmorocco_originals .media-popup.show #popup-close svg{
   font-size: 20px;
}
.block_experience {
    background: #004746;
    padding: 50px 0;
}
.block_experience .readmore {
    text-align: center;
    margin-top: 40px;
}
.block_experience .readmore  a{
    text-transform: uppercase;
    display: none;
}
.block_experience .readmore  a.all{
display: block;
}
.block_experience .dtitle{
    padding: 0;
    margin-bottom: 55px;
}

.block_experience .dtitle h2{
    margin: 0;
}

.block_experience .filters{
       text-align: center;
    margin-bottom: 37px;
}

.block_experience .filters span {
    color: #ffffff;
    padding: 20px;
    cursor: pointer;
    position: relative;
}

.block_experience .readmore a.btn-vm-primary{
    display: none;
}

.block_experience .readmore a.btn-vm-primary.all{
    display: inline;
}

.block_experience .readmore a.btn-vm-primary.loadLess{
display: none;
}
.block_experience .readmore a.btn-vm-primary.loadLess.all{
    display: inline;
}
.block_experience .readmore a.btn-vm-primary.loadMore{
    display: none;
}
.block_experience .readmore a.btn-vm-primary.loadMore.all{
    display: inline;
}
.vo_block_destination .media-popup .mback{
    background-color: rgb(0,0, 0,.4);
}

.vist_original_breadcrumb.container .breadcrumb-item+.breadcrumb-item::before{
    content: none;
}




/* FILTER */
/*  Needed for filters */

.hide { /* You can play with the seconds to change the "animation" */
    animation: hide .3s ease 0s 1 normal forwards;
    transform-origin: center;
  }
  .show { /* You can play with the seconds to change the "animation" */
      animation: show .3s ease 0s 1 normal forwards;    
      transform-origin: center;
  }
  
  @keyframes hide {
    0%{
      transform: scale(1);        
    }
    100% {
      transform: scale(0);        
      width: 0;
      height: 0;
      margin: 0;
    }
  }
  @keyframes show {
    0%{
      transform: scale(0);     
      width: 0;
      height: 0;
      margin: 0;   
    }
    100% {
      transform: scale(1);    
    }
  }
  /*  // Needed for filters */

 .block_experience  .destinations .destination{
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    width: 33.333333%;
    float: left;
    padding: 15px;
    display: none;
  }
  .block_experience  .destinations{
    display: inline-block;
    width: 100%;
    min-height: 400px;
  }
  .block_experience .destinations .destination.hide {
    padding: 0;
}
.block_experience .filters select{
    width: 170px;
    height: 40px;
    line-height: 40px;
    padding: 5px;
    border-radius: 50px;
    color: gray;
}
.block_experience .filters select.show_terms,
.block_experience .filters .show_select.hidden_terms
{
    display: none;
}
.block_experience .filters .show_terms,
.block_experience .filters select.show_select.hidden_terms
{
    display: inline;
}
.vo_block_destination .miniature img {
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
  }
  
  .vo_block_destination .miniature:hover img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
  }
  .vist_original_breadcrumb .breadcrumb .breadcrumb-item a {
    font-weight: 400;
    margin-right: 10px;
}
.vist_original_breadcrumb .breadcrumb .breadcrumb-item {
    font-weight: 400 !important;
    display: inline-block;
}
.vist_original_breadcrumb .breadcrumb{
    display: block;
    width: 100%;
    text-align: center;
}
.vist_original_breadcrumb .breadcrumb .breadcrumb-item:last-child img{
    display: none;
}
.vist_original_breadcrumb.container{
    max-width: 90%;
    
    margin-bottom: 40px;

}
.vist_original_breadcrumb nav.breadcrumb-nav {
    text-align: left;
    margin: 0;
}
.block_destination{
    background-image: url(../images/bg_destins.jpg);
    background-repeat: no-repeat;
    background-position: top 30px right;
    background-size: contain;

}
.block_destination .visitmorocco_originals h2{
    color: #5C190F;
}
.h-slider.bg_originals .background-box {
    height: 630px;
overflow: hidden;
}
  /* SK RESPONSIVE */
  .visitmorocco_originals .owl-nav{
    position: absolute;
    top: 42%;
    width: 100%;
    transform: translateY(-50%);
    margin: 0;
  }
  .visitmorocco_originals .owl-nav button {
    height: 50px;
    width: 30px;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    position: absolute;
    
  }
  .visitmorocco_originals .owl-nav button span{
    z-index: 9;    display: none;
  }
  .visitmorocco_originals .owl-nav button.owl-prev {
   left: -20px;
    background-image: url(../images/owl-prev.png) !important;
  }
  .visitmorocco_originals .owl-nav button.owl-next {
   right: -20px;
    background-image: url(../images/owl-next.png) !important;
  }
  .h-slider.bg_originals .logo-box h1{
    line-height: 50px;
  }
  @media (max-width: 1200px) {
    .block_experience .vo_block_destination .miniature img{
        height: 330px;
    }
  }
  @media (max-width: 992px) {
    .visitmorocco_originals .owl-item .item {
        transform: none;
        margin: 10px;
        width: 100%;
    }
    .vo_block_destination .miniature img{
        height: 330px;
    }
    .block_experience .destinations .destination{
        flex: 0 0 50%;
        max-width: 50%;
    }
  
    .block_experience .destinations{
        min-height: initial;
    }
}
@media (max-width: 765.99px) {
    .vist_original_breadcrumb .breadcrumb{
        text-align: center;
    }
    .vist_original_breadcrumb .breadcrumb .breadcrumb-item{
        padding-left: 10px;
        margin-bottom: 10px;
    }
    .block_experience .destinations .destination{
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
    .block_experience .filters .show_terms{
        display: none;
    }
    .block_experience .filters select.show_terms{
        display: inline;
    }
}
@media (max-width: 425px) {
    .block_experience .vo_block_destination .miniature img {
        height: 230px;
    }
    .vo_block_destination .miniature button{
        background-size: 30px;
    }
    .visitmorocco_originals .owl-item.center .item {

        transform: scale(1);
        margin: 0;
    }
    .vo_block_destination .miniature img {
        height: 250px;
    }
}
@media (max-width: 425px) {
    .block_experience .vo_block_destination .miniature img {
        height: 200px;
    }

}
/* Style close search */
.close_x_search {
    position: absolute;
    right: 0;
    top: 4px;
    cursor: pointer;
}
.container-inline {
    position: relative;
}
.close_x_search svg {
    color: #808080;
    font-size: 30px;
}
.close_x_search svg:hover {
    color: #fff;
    opacity: 1;
}
button#edit-cancel {
    display: none;
}
/* My style 23/01/2023 page football */
.background-box .owl-carousel .owl-item img {
    width: 100%;
}
.page-morocco-land-of-football .outer {
    margin: 0 auto;
    max-width: 800px;
}

.page-morocco-land-of-football #owl-carousel .item {
    height: 470px;
    position: relative;
    margin: 2px;
    color: #FFF;
    border-radius: 3px;
    text-align: center;
}

.page-morocco-land-of-football #thumbs .item {
    background: #C9C9C9;
    height: 160px;
    line-height: 70px;
    padding: 0px;
    margin: 2px;
    color: #FFF;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
}

/* .page-morocco-land-of-football #thumbs .item h1 { font-size: 18px; } */
.page-morocco-land-of-football #thumbs .current .item {
    background: #FF5722;
}

.page-morocco-land-of-football .owl-theme .owl-nav [class*='owl-'] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.page-morocco-land-of-football .owl-theme .owl-nav [class*='owl-'].disabled:hover {
    background-color: #D6D6D6;
}

.page-morocco-land-of-football #owl-carousel.owl-theme {
    position: relative;
}

.page-morocco-land-of-football #owl-carousel.owl-theme .owl-next,
#owl-carousel.owl-theme .owl-prev {
    background: #333;
    width: 22px;
    line-height: 40px;
    height: 40px;
    margin-top: -20px;
    position: absolute;
    text-align: center;
    top: 50%;
}

.page-morocco-land-of-football #owl-carousel.owl-theme .owl-prev {
    left: 10px;
}

.page-morocco-land-of-football #owl-carousel.owl-theme .owl-next {
    right: 10px;
}

.page-morocco-land-of-football #thumbs.owl-theme .owl-next,
#thumbs.owl-theme .owl-prev {
    background: #333;
}

.page-morocco-land-of-football .outer button {
    background: transparent !important;
}

.page-morocco-land-of-football #owl-carousel.owl-theme img {
    width: 100%;
    object-fit: cover;
}

.page-morocco-land-of-football .media-popup.show #popup-close_pop {
    top: 0;
    right: 0;
    position: absolute;
    z-index: 2;
    color: #f5f5f5;
    background-color: transparent;
    border: none;
    font-size: 32px;
    cursor: pointer;
    padding: 0 14px;
}

.page-morocco-land-of-football #thumbs .item img {
    width: 100%;
    height: 100%;
}

.page-morocco-land-of-football .mbackclose {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgb(37, 38, 40);
    opacity: 0.89;
    z-index: 1;
}

.page-morocco-land-of-football .media-popup .media-box,
.page-morocco-land-of-football .unesco-popup .media-box {
    height: auto;
}

.page-morocco-land-of-football .click_gallery>.img--left-container img {
    max-width: 100%;
    height: auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-morocco-land-of-football .show--hv {
    padding: 10px 10px;
    opacity: 0;
    position: absolute;
    bottom: 36px;
    display: block;
    right: 29px;
    transition: all .3s ease-in-out;
    background-color: white;
}

.page-morocco-land-of-football .camera--show-cat:hover+.show--hv {
    opacity: 1;
    z-index: 99;
}

.page-morocco-land-of-football .camera--show-cat {
    transition: all .9s ease-in-out;
    width: 40px;
    height: 20px;
    position: absolute;
    right: 15px;
    bottom: 6px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 27px;
    opacity: 0.9;
    object-fit: contain;
    z-index: 9;
}

.page-morocco-land-of-football .click_gallery {
    cursor: pointer;
}

.page-morocco-land-of-football .click_gallery:hover .img--left-container::after {
    opacity: 1;
}

.page-morocco-land-of-football .click_gallery>.img--left-container::after {
    content: "";
    font-weight: 900;
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(../images/morocco_of_football/camera.png);
    transform: translate(-50%, -50%);
    z-index: 2;
    display: block;
    width: 128px;
    height: 83px;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.2;
    transition: all .9s ease-in-out;
}

.page-morocco-land-of-football .main .social-media-box .f-mail .box button {
    background-color: transparent;
}

.page-morocco-land-of-football #covid-page-menu ul li {
    flex: 1 1 auto !important;
    text-align: center;
    padding: 17px 10px;
}

.page-morocco-land-of-football #covid-page-menu ul {
    height: 70px;
    background-color: #FEFEFE;
    background-image: url(../images/morocco_of_football/nav-go-backgroung.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    top: -60px;
    box-shadow: 0px 6px 19px -2px rgba(76, 76, 76, 0.2);
    -moz-box-shadow: 0px 6px 19px -2px rgba(76, 76, 76, 0.2);
    -webkit-box-shadow: 0px 6px 19px -2px rgba(76, 76, 76, 0.2);
    width: 100% !important;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0px;
    padding: 0px !important;
    flex-wrap: wrap !important;
    z-index: 1;
}

.page-morocco-land-of-football .panels-flexible-3 .panels-flexible-row {
    padding: 0 0 0 0;
}

.page-morocco-land-of-football #covid-middle-banner-pane img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-morocco-land-of-football .slider-card-zoom {
    padding: 0;
}

.page-morocco-land-of-football .panel-pane.pane-custom.pane-6+.panel-separator {
    margin: 0;
}

.page-morocco-land-of-football .panels-flexible-region-3-text_and_description,
.page-morocco-land-of-football .panels-flexible-region-3-des_exp__riences_exceptionnelles {
    width: 100%;
}

.outer .owl-carousel .owl-stage-outer {
    direction: initial;
}

.page-morocco-land-of-football .nav-scrolled {
    background-color: #5C190F;
}

.page-morocco-land-of-football .panel-pane .pane-content .row--inverse-right .right--img .img--left-container {
    width: 53vw;
    position: relative;
    right: 100%;
    left: 45vw;
    margin-left: -50vw;
    margin-right: -50vw;
    height: 800px;
    z-index: 2;
}

.page-morocco-land-of-football .panel-pane .pane-content .left--img .img--left-container {
    width: 53vw;
    position: relative;
    left: 100%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    height: 800px;
    z-index: 2;
}

.page-morocco-land-of-football .rouge_pattern {
    height: 140px !important;
    background: url(../images/morocco_of_football/rouge--bg.png) #004746 !important;
    background-size: auto;
    background-size: auto 100% !important;
    margin: 0;
    max-width: 100%;
    z-index: 1;
}

.page-morocco-land-of-football .panel-pane .pane-content .row--inverse .col-md-pull-6.col-md-6,
.page-morocco-land-of-football .panel-pane .pane-content .row--inverse-right .col-md-pull-6.col-md-6 {
    align-content: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.page-morocco-land-of-football .panels-flexible-region-3-des_exp__riences_exceptionnelles-inside {
    background-color: #F1EBE6;
    padding: 0px 0;
}
.row--inverse {
    padding-top: 50px;
}
.page-morocco-land-of-football .click_gallery:last-child {
    margin-bottom: 0;
}

.page-morocco-land-of-football .click_gallery {
    margin-bottom: 40px;
}

.page-morocco-land-of-football .row--inverse {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.page-morocco-land-of-football .row--inverse-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    flex-direction: row-reverse;

}

.page-morocco-land-of-football .img--like {
    height: 480px;
    max-width: 730px;
    margin: 50px auto;
    position: relative;
}

.page-morocco-land-of-football .img--like img {
    height: 100%;
    width: 100%;
}

.page-morocco-land-of-football .para--like {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}

.page-morocco-land-of-football .para--like p {
    color: #fff;
}

.page-morocco-land-of-football .button-icon {
    height: 80px;
    width: 60px;
    background-image: url(../images/morocco_of_football/player--btn.png);
    background-color: transparent;
    border: none;
    margin-top: -40px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    bottom: 0;
}

.page-morocco-land-of-football .iframe--popup {
    text-align: center;
}

.page-morocco-land-of-football .col_popup {
    margin: auto;
}

.img--stade {
    height: 498px;
}

#popup-close_pop svg:first-child {
    display: none;
}

.page-morocco-land-of-football div#covid-menu-element-1 {
    margin-top: 80px;
}

.page-morocco-land-of-football div#covid-menu-element-1 {
    position: relative;
}

.page-morocco-land-of-football .pane-8::after {
    background-image: url(../images/patterns-middle.png);
    background-repeat: no-repeat;
    background-position-x: 0;
    background-position-y: 0;
    content: '';
    height: 1000px;
    width: 790px;
    position: absolute;
    top: -154px;
    left: -20%;
    z-index: 0;
    content: "";
}
.right--img:after {
    opacity: 1.7;
    transition: all .9s ease-in-out;
    background-image: url(../images/patterns-middle.png);
    background-repeat: no-repeat;
    height: 1000px;
    width: 790px;
    position: absolute;
    bottom: -21%;
    left: 0;
    z-index: 1;
    transform: translate(50%, 48%);
    content: "";
    z-index: 0;
}
.page-morocco-land-of-football #owl-carousel.owl-theme .owl-nav img {
    transform: scale(1.8);
}
.page-morocco-land-of-football .row--inverse .text--image-sc {
    margin-left: 13%;
    color: #252525;
    overflow: auto;
    padding-right: 36px;
    height: 680px;
    display: block;
    margin-top: -30px;
}
.page-morocco-land-of-football .row--inverse-right .text--image-sc {
    margin-right: 13%;
    color: #252525;
    overflow: auto;
    padding-right: 36px;
    height: 680px;
    display: block;
    margin-top: -30px;
}
.page-morocco-land-of-football .iframe--popup iframe {
    width: 100%;
    height: 580px;
}
.page-morocco-land-of-football .img--like:hover {
    overflow: hidden;
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    overflow: hidden;
}
.page-morocco-land-of-football .col_popup .media-box {
    width: 80%;
    max-width: 80%;
}
.img--like {
    cursor: pointer;
    transition: transform .5s;
}
.right--img{
    position: relative;
}
.text--image-sc p {
    text-align: inherit;
}
.page-morocco-land-of-football  .panel-pane.pane-block.pane-block-18 {
    z-index: 2;
    position: relative;
}
.page-morocco-land-of-football div#foot-menu-element-1 {
    position: relative;
}
.m-destination .overlay_menu_img {
    height: 80px !important;
}
.page-morocco-land-of-football #covid-page-menu ul li a {
    color: #5C190F;
    position: relative;
}
.page-morocco-land-of-football #covid-page-menu ul li a.section:before {
    content: "";
    position: absolute;
    bottom: -4px;
    width: 0%;
    height: 2px;
    background-color: #5C190F;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}
.page-morocco-land-of-football #covid-page-menu ul li:hover a:before {
    width: 80%;
}

.page-morocco-land-of-football #covid-page-menu ul li:hover a {
    color: #B01A14;
}
/*
.main .back-header .navbar-dark .navbar-nav .dropdown-menu .container img {
    height: 80px;
}
*/
html[lang='ar'] .page-morocco-land-of-football #covid-page-menu ul {
    direction: rtl;
}

.page-morocco-land-of-football li > a.language-link {
    display: none;
}
.page-morocco-land-of-football li > a.language-link[lang="fr"] {
    display: block;
}

.page-morocco-land-of-football li > a.language-link[lang="en"] {
    display: block;
}
/* copyright */
.left--img .container-tooltip.position-absolute {
    z-index: 30;
    right: 39px;
    bottom: 6px;
}
.left--img .container-tooltip.position-absolute i {
    color: #fff;
    font-size: 30px;
}
.right--img .container-tooltip.position-absolute i {
    color: #fff;
    font-size: 30px;
}
.left--img .container-tooltip.position-absolute svg {
    color: #fff;
    font-size: 30px;
}
.right--img .container-tooltip.position-absolute svg {
    color: #fff;
    font-size: 30px;
}
.right--img .container-tooltip.position-absolute i{
    color: #fff;
    font-size: 30px;
}
.right--img .container-tooltip.position-absolute {
    z-index: 30;
    right: 39px;
    bottom: 6px;
}
   .left--img .container-tooltip .tooltip-copyright {
        right: 10px;
        bottom: 52px;
        background-color: #fcfaf5;
        min-width: 160px;
        padding: 10px;
        opacity: 0;
        z-index: 30;
        font-family: "Assistant Regular";
        -webkit-transition: opacity .3s ease-in-out;
        transition: opacity .3s ease-in-out;
    }

    .left--img span.tooltip-copyright.position-absolute.text-center {
        color: #000000;
        right: 10px;
        bottom: 52px;
        background-color: #fcfaf5;
        min-width: 160px;
        padding: 10px;
        opacity: 0;
        z-index: 30;
        font-family: "Assistant Regular";
        -webkit-transition: opacity .3s ease-in-out;
        transition: opacity .3s ease-in-out;
    }
    .left--img .container-tooltip.position-absolute i + span {
        opacity: 1;
    }

    .left--img span.tooltip-copyright.position-absolute.text-center:before {
        content: "";
        position: absolute;
        right: 8px;
        bottom: -15.5px;
        border-style: solid;
        border-width: 8px;
        border-color: #fcfaf5 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    }

    .left--img .container-tooltip.position-absolute i:hover + span,
    .left--img .container-tooltip.position-absolute svg:hover + span,
    .right--img .container-tooltip.position-absolute i:hover + span,
    .right--img .container-tooltip.position-absolute svg:hover + span {
        opacity: 1;
    }
    .right--img span.tooltip-copyright.position-absolute.text-center {
        color: #000000;
        right: 10px;
        bottom: 52px;
        background-color: #fcfaf5;
        min-width: 160px;
        padding: 10px;
        opacity: 0;
        z-index: 30;
        font-family: "Assistant Regular";
        -webkit-transition: opacity .3s ease-in-out;
        transition: opacity .3s ease-in-out;
    }
    .right--img span.tooltip-copyright.position-absolute.text-center:before {
        content: "";
        position: absolute;
        right: 8px;
        bottom: -15.5px;
        border-style: solid;
        border-width: 8px;
        border-color: #fcfaf5 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    }
    .right--img #owl-carousel .item .container-tooltip.position-absolute {
        z-index: 30;
        right: 22px;
        bottom: 6px;
    }
    .left--img #owl-carousel .item .container-tooltip.position-absolute {
        z-index: 30;
        right: 22px;
        bottom: 6px;
    }
    .compagne-btn{
        top: -20px;
    }
@media (max-width: 991px) {
    .front .main>.city .back-header .logo-box .btn-vm-primary {
        z-index: 99;
    }
    .main .back-header .background-box .tube {
        width: 100% !important;
        transform: scale(1.4) !important;
    }
    .left--img .container-tooltip.position-absolute,
    .right--img .container-tooltip.position-absolute {
        right: 10px;
    }
    .page-morocco-land-of-football #owl-carousel .item {
        height: 202px;
    }
    .row--inverse-right > .col-md-push-6.col-md-6 {
        padding: 0;
    }
    .page-morocco-land-of-football .pane-8::after,.right--img:after{
        display: none;
    }
    .page-morocco-land-of-football .row--inverse .text--image-sc {
        margin-left: 0;
    }
    .page-morocco-land-of-football .row--inverse-right .text--image-sc {
        margin-right: 0;
        margin-top: 40px;
    }
    .page-morocco-land-of-football .iframe--popup iframe {
        height: 202px;
    }
    .iframe--popup iframe {
        height: auto;
    }
    .page-morocco-land-of-football .row--inverse,
    .page-morocco-land-of-football .row--inverse-right {
        display: block;
    }

    .page-morocco-land-of-football .click_gallery {
        width: 100%;
        max-width: 100%;
    }

    .page-morocco-land-of-football .panel-pane .pane-content .row--inverse .col-md-pull-6.col-md-6,
    .page-morocco-land-of-football .panel-pane .pane-content .row--inverse-right .col-md-pull-6.col-md-6 {
        max-width: 100%;
    }

    .page-morocco-land-of-football .panel-pane .pane-content .left--img .img--left-container,
    .page-morocco-land-of-football .panel-pane .pane-content .row--inverse-right .right--img .img--left-container {
        width: 100%;
        left: 0;
        right: 0;
        margin-left: 0;
        margin-right: 0;
        height: auto;
        z-index: 2;
    }

    .page-morocco-land-of-football #covid-page-menu ul {
        display: none;
    }

    .page-morocco-land-of-football .click_gallery>.img--left-container::after,
    .page-morocco-land-of-football .click_gallery>.img--right-container::after {
        width: 55px;
        height: 45px;
    }

    .page-morocco-land-of-football .img--like {
        height: auto;
        max-width: 100%;
        margin: 50px 15px;
    }

    .page-morocco-land-of-football .rouge_pattern {
        height: 110px !important;
        background-size: cover;
    }

}
@media (min-width: 768px){
    .btn_covid:hover {
        width: 248px;
    }
}