@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');
}
@font-face {
    font-family: "SourceSansPro";
    src: url('../font/sourcesanspro/SourceSansPro-It.otf');
}
@media (min-width: 1200px) {
    .container {
        max-width: 1280px;
    }
    .container.m-blog .col-md-8 .col-md-4 {
        flex: 0 0 28%;
        max-width: 28%;
    }
}

.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: "SourceSansPro";
    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: "SourceSansPro";
    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-dark .navbar-nav .dropdown-menu > .dropdown_wrapper *:not(.btn-vm-primary, .dcard.chefchaouen h2 span) {
    color: #B01A14;
}
.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%;

}

.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 {
    -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;

    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;
    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;
    border-bottom: solid 2px #a5807e;
}

.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: 100%;
    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: unset;
    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 !important;
    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;
    }
}

footer {
    background-image: none !important;
    background-size: cover;
    background-position: center;
    background-color: #F1EBE6;
}

.main.blog footer {
    margin-top: -180px
}

footer .f-footer {
    padding: 25px 0px
}

footer .f-footer .content.col-lg-2dot4 {
    width: unset;
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset
}

footer .f-footer .content ul {
    margin: 0;
    padding: 0;
}

footer .f-footer .content ul li {
    list-style: none;
    margin: 5px 0;
}

footer .copy-right hr {
    margin: 0px;
    width: 100%;
    border-top: 1px solid #00000030;
    max-width: 1114px;
}

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;
    }
}

footer {
    background-image: url(../images/autourvoyagebackground_2.png);
    background-size: cover;
    background-position: center
}

footer .f-footer {
    padding: 25px 0px
}

footer .f-footer .content .title {
    font-size: 18px;
    color: #252525;
    /* margin-bottom: 35px; */
    min-height: 50px;
    margin-top: 20px;
    font-weight: 700
}

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);
}

footer .f-footer .content ul {
    margin: 0;
    padding: 0;
}

footer .f-footer .content ul li {
    list-style: none;
    margin: 5px 0;
}

footer .f-footer .content ul li a {
    color: #252525;
    font-size: 16px;
    cursor: pointer;
}

footer .f-footer .content ul li a:hover {
    color: #d5531d;
    font-size: 16px
}

footer .copy-right hr {
    margin: 0px;
    width: 100%;
    border-top: 1px solid #00000030;
    max-width: 1114px;
}

footer .copy-right .social-medias .icon {
    font-size: 18px;
    height: 35px;
    width: 35px;
    border-radius: 25px;
    line-height: 22px;
    padding-top: 7px;
}

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;
} */

footer .f-footer .content .accordion {
    width: 100%
}

footer .f-footer .content .card {
    background-color: transparent;
    border: none;
    width: 100%
}

footer .f-footer .content .card .card-header {
    background-color: transparent;
    border: none;
    padding: 0
}

footer .f-footer .content .card .card-header .btn-link {
    color: inherit;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
    position: relative;
}

footer .f-footer .content .card .card-header .btn-link:hover {
    text-decoration: none
}

footer .f-footer .content .card .card-body {
    padding: 0
}

footer .f-footer .content .title {
    text-transform: uppercase;
    min-height: unset
}

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: 100%;
        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;
    }
    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
    }

    footer .f-footer .content ul li a {
        color: #252525;
        font-size: 16px
    }

    .main .back-header .f-header {
        display: none
    }

    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) {
    .blog.blog-detail .contenu .container .col-12 article p img {
        height: auto !important;
    }
    .field-name-body .se_nourir .col-lg-6 p, .field-name-body .discover_m .col-lg-6 p {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    span.ic-car {
        opacity: 0;
    }
    .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;
    }

    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
    }

    footer .f-footer .content .title {
        text-align: center
    }

    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
        }

        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: #FFF;
}

/*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;
    width: 100%;
    height: auto;
}

.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;
    }

    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: 9% 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: relative;
    /* width: 100%; */
    /* bottom: 0; */
    height: 100px;
    background: white;
    text-align: center;
    font-size: larger;
    font-weight: bold;
}
#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 .link_covidModal{ font-size:large; height: 155px;}
#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;
}
/* Recette */
.sn_img.hover_img.img_first {
height: 402px;
}
.sn_img.hover_img.img_first img {
object-fit: cover;
}
.slider-card-zoom {
padding: 0;
}
.block.block-simplenews button#edit-submit {
background-color: transparent;
}
.main .back-header .navbar .dropdown-menu .m-experiance .pcard:nth-child(7), .main .back-header .navbar .dropdown-menu .m-experiance .pcard:nth-child(6) {
top: 270px;
}
.main .back-header .navbar .dropdown-menu #block-block-5 .dcard {
margin-top: 0;
}
.main .back-header .navbar .dropdown-menu .vcard .content .box {
height: auto;
}
.main .back-header .navbar-dark .navbar-nav .dropdown-menu > .dropdown_wrapper *:not(.btn-vm-primary, .dcard.chefchaouen h2 span) .menu_icon_play {
left: auto;
}
.container.m-blog .col-md-8 .row {
display: flex;
justify-content: space-between;
}
.blogger_temoignage .modal-dialog {
border-bottom: 0px solid #FFB8AF;
}
.comment_venir_page + .main>.city .discover .dscard .info .ic-car {
background-image: none;
}
.container.se_nourir.style-gastronomie button {
height: 84px;
}
/* My style 23/01/2023 page football */
.icard h3 {
    text-align: left;
}
.main .back-header .navbar-dark .navbar-nav .dropdown-menu div#block-block-5 *:not(.btn-vm-primary, .dcard.chefchaouen h2 span) {
color: #fff !important;
}
.dcard.chefchaouen h3.d-flex.justify-content-center.flex-column ,
.col-md-6.dm h3.flex-column span{
color: #fff !important;
}
.voyage-box .dtitle .text span {
color: #B01A14;
}
.main .home .se-setuer .map-search .f-search .card .card-header button {
padding: 8px 0;
color: #fff;
background-color: transparent;
}
.main .home .se-setuer .map-search .f-search .card .card-body a {
color: #fff;
}
.main .home .se-setuer h2.pg {
/* text-align: right; */
}
.main .home .se-setuer .map-search .f-search .title {
color: #fff;
}
li.ok {
text-align: left;
}
.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;
}
.style-gastronomie .owl-dots {
    bottom: 0 !important;
    margin-bottom: -8px;
}
}
.se_nourir .owl-nav {
    display: none;
}