@import url(/assets/css/fhmm.css) screen;
@import url(/assets/css/bbpress.css) screen;
@import url(/assets/css/simister.css) screen;
@import url(/assets/css/flexslider.css) screen;
/*fonts*/
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab);
@font-face{font-family:'NovecentowideLightBold'; src:url('/assets/fonts/Novecentowide-DemiBold-webfont.eot'); src:url('/assets/fonts/Novecentowide-DemiBold-webfontd41d.eot?#iefix') format('embedded-opentype'),
url('/assets/fonts/Novecentowide-DemiBold-webfont.woff') format('woff'),
url('/assets/fonts/Novecentowide-DemiBold-webfont.ttf') format('truetype'),
url('/assets/fonts/Novecentowide-DemiBold-webfont.svg#NovecentowideLightBold') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'NovecentowideBookBold';src:url('/assets/fonts/Novecentowide-Bold-webfont.eot');
    src:url('/assets/fonts/Novecentowide-Bold-webfontd41d.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/Novecentowide-Bold-webfont.woff') format('woff'),
    url('/assets/fonts/Novecentowide-Bold-webfont.ttf') format('truetype'),
    url('/assets/fonts/Novecentowide-Bold-webfont.svg#NovecentowideBookBold') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'Lato';font-style:normal;font-weight:400;
    src:url('/assets/fonts/Lato2OFL/Lato-Regular.ttf') format('truetype');}

*{margin:0;padding:0;}
body{
    font-family:'Lato', Arial, Helvetica, sans-serif;
    font-size:14px;line-height:1.8;
    font-weight:400;position:relative;
    color:#83939C;padding:0;margin:0;
    overflow-x:hidden;
    background:#ffffff;
}
html, body{height:100%;width:100%;}
img{height:auto;max-width:100%;}
.social li a,a{
    padding:0;margin:0;
    text-decoration:none;
    -webkit-transition:background-color .2s linear, color .2s linear;
    -moz-transition:background-color .2s linear, color .2s linear;
    -o-transition:background-color .2s linear, color .2s linear;
    -ms-transition:background-color .2s linear, color .2s linear;
    transition:background-color .2s linear, color .2s linear;
}

h1, h2, h3, h4, h5, h6{
    font-family:'Lato', Helvetica, sans-serif;
    font-weight:600;color:#292723;
    margin-bottom:15px;
    text-rendering:optimizeLegibility;
}

ul,ol,dl{margin-bottom:1em;margin-top:1em;}
ul, ol{margin-left:0;}
ul.no-bullet, ol.no-bullet{margin-left:0;}
ul li ul,ul li ol{margin-left:1.25em;margin-bottom:0;}
ol li ul,ol li ol{margin-left:1.25em;margin-bottom:0;}
dl dt{margin-bottom:0.3em;font-weight:bold;}
dl dd{margin-bottom:0.75em;}
audio,video{max-width:100%;height:auto;}
/*iframe,embed
object{max-width:100%;height:1000px;}*/
mark{margin:-8px 2px;}
pre{
    border-top:1px solid #ffc000;
    border-bottom:1px solid #ffc000;
}
p,ul,li,a{
    font-size:15px;
     font-family:'Lato', Helvetica, sans-serif;
}
p{
    color:#4a4c4f;
    font-family:'Lato', Helvetica, sans-serif;
}
/*header*/
body div.wrapper header.header{
    max-height:100%;
    background-color:#002140;
    height:108px;
    align-items: center;
    display:flex;
    align-content:center;
}
header.affix{
    height:72px !important;
    transition: height 0.5s ease;   
}
body div.wrapper header.header .container{
    width:100%;
}
body div.wrapper header.header .container .menus{
    align-content:center !important;
    align-items: center !important;
    display:flex !important;
    justify-content:space-between;
}
body div.wrapper header.header .container .row .col-lg-4{
    align-content: center;
    }
body div.wrapper header.header .container .menus .col-lg-4{
    float:none !important;
}
body div.wrapper header.header .container .row .col-lg-4 .logo{
    text-align:center;
}
body div.wrapper header.header .container .row .col-lg-4 .logo a img{
    width:206px;
    vertical-align:middle;
    transition: width 0.4s ease;
    }
header.affix .container .row .col-lg-4 .logo a img{
    width:130px !important;
    transition: width 0.4s ease;
}
body div.wrapper header.header .container .row .col-lg-4 .img-logo{
    justify-content:center !important;
}
body div.wrapper header.header .container .row .col-lg-4 .reseaux{
    display:flex;
}
body div.wrapper header.header .container .row .col-lg-4 .reseaux a i{
    background-color: #fff;
    border-radius: 50%;
    color:#002140;
}
body div.wrapper header.header .container .row .col-lg-4 .reseaux a + a{
    margin-left:8px;
}
body div.wrapper header.header .container .row .col-lg-4 .reseaux a i.fa-facebook{
    padding: 6px 10px; 
}
body div.wrapper header.header .container .row .col-lg-4 .reseaux a i.fa-instagram{
    padding: 6px 7px;
}
body div.wrapper header.header .container .row .col-lg-4 span{
    float: right;
    color:#fff !important;
}
/*menus*/
body div.wrapper header.header .container .sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #f4f4f5;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 100px;
}
body div.wrapper header.header .container .sidenav .fa-times-circle:before{
    font-size:30px;
}
body div.wrapper header.header .container .sidenav ul,.sidenav ul li{
    background-color: #f4f4f5; 
}
body div.wrapper header.header .container .sidenav ul li{
    border:none !important;
   
}
body div.wrapper header.header .container .sidenav ul li a{
  font-size: 16px;
  color: #292723;
  display: block;
  transition: 0.3s;
  padding:5px;
}

body div.wrapper header.header .container .sidenav li a:hover {
  color: #00baca;
  background-color: #e4e4e5; 
}
body div.wrapper header.header .container .sidenav li {
  position: relative;
padding:0 15px 10px 15px !important;  
}
body div.wrapper header.header .container .sidenav li a::before {
  content: "";
  position: absolute;
  top: 0; 
  left: 15px;
  width:0; 
  height: 2px;
  background-color: #00baca; 
  transition: width 0.5s ease;
}
body div.wrapper header.header .container .sidenav li a:hover::before{
  width: 88%; 
}
body div.wrapper header.header .container .sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
  cursor:pointer;
}
.logo{line-height:90px;margin:0;padding:0;text-shadow:none;}

/*banner video fond*/
body div.wrapper .video-section{
    position: relative;
    height: 95vh;
    overflow: hidden;
    align-content: center;
    background-color:rgba(0,0,0,.3);
}

body div.wrapper .video-section .video-background {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover; 
    transform: translate(-50%, -50%); 
    z-index: -1;
}
body div.wrapper .video-section .boite_bas .row .bs-example-tabs ul#booking-tab{
    margin-top:0 !important;
}
body div.wrapper .video-section .boite_bas .row .bs-example-tabs .tab-content .tab-pane .BEContent #gr-engine #gr-root #gr-form .search-form .segment .form .fields .field .input .fa-calendar,
.segment .form .fields .field .input .fa-calendar{
    display:none;
}
body div.wrapper .video-section .boite_bas .row .bs-example-tabs .tab-content .tab-pane .BEContent #gr-engine #gr-root #gr-form .search-form .segment .form .fields #submitBTN,#submitBTN2{
    padding: 7px 27px;
    vertical-align: middle;
    display: flex;
    align-items: center;
}
#submitBTN3{
  padding: 8px 27px;
   align-items: center;  
}
body div.wrapper .video-section .boite_bas .row .bs-example-tabs .tab-content .tab-pane .BEContent #gr-engine #gr-root #gr-form .search-form .segment .form .fields #submitBTN:hover,#submitBTN2:hover{
    background-color:#00baca;
}
#submitBTN3:hover{
  padding: 8px 27px;
   align-items: center;
   background-color:#00baca;  
}
.searchicon{color:#237DAC;z-index:90;float:right;}
.ico{margin-left:-25px;margin-top:10px;color:#b7b7b7;}
#dmsearch{float:right !important;height:27px;right:0;position:absolute;margin:8px 0 0 0;padding:0;}
.searchicon:before{content:"\f002";border-left:1px solid rgba(255, 255, 255, 0.2);background:none repeat scroll 0 0 rgba(255, 255, 255, 0.3);color:#111;display:block;font-family:'FontAwesome';font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;height:27px;line-height:27px;text-transform:none;width:27px;}
.dmsearch{width:27px;z-index:10;}
.dm-search-container{position:absolute;right:0;height:27px;width:0;overflow:hidden;-webkit-transition:width 200ms;-moz-transition:width 200ms;transition:width 200ms;}
.dmsearch.dmsearch-open .dm-search-container{width:210px;}
.searchicon, input[type=submit].dmsearch-submit{width:27px;height:27px;display:block;position:absolute;right:0;top:0;line-height:27px;text-align:center;cursor:pointer;}
.searchicon{z-index:90;}
.dmsearch.dmsearch-open .searchicon{z-index:1;pointer-events:none;}
input[type=submit].dmsearch-submit{background:transparent;color:transparent;box-shadow:none;border:none;padding:0;border-radius:0;outline:none;z-index:-1;}
.dmsearch.dmsearch-open input[type=submit].dmsearch-submit{z-index:90;}
input[type=text].dmsearch-input{border:none;outline:none;opacity:0;background:#ffffff;border:1px solid #f2f2f2;width:210px;height:27px;margin:0;padding:2px 7px;}
.dmsearch.dmsearch-open input[type=text].dmsearch-input{opacity:1;}
::-webkit-input-placeholder{color:#aaaaaa;}
:-moz-placeholder{color:#aaaaaa;}
::-moz-placeholder{color:#aaaaaa;}
:-ms-input-placeholder{color:#aaaaaa;}
.tab-content{border-top:1px solid #00baca !important;border-top-right-radius:2px;}
.nav-tabs{border-bottom:0px solid #00baca !important;border-top-left-radius:2px;line-height:1.42857;margin-right:0;}
.nav-tabs > li > a{border:1px solid #00baca;line-height:1.42857;margin-right:0;}
.nav-stacked li:last-child{border-bottom:0 solid #efefef !important;}
.nav-stacked > li > a{color:#83939C;border:0 solid #efefef !important;}
.nav-stacked li{border-top:0 solid #efefef !important;border-left:0 solid #efefef !important;border-bottom:1px solid #efefef !important;border-right:0 solid #efefef !important;}
.panel-title:after{content:"\f078";color:#292723;float:right;display:block;font-family:'FontAwesome';font-size:13px;margin-top:-20px;pointer-events:none;position:relative;line-height:20px;text-transform:none;}
.panel-body .title h3{font-size:16px;margin:10px 0 20px;}
.panel-body .form-control{margin-bottom:0;}
.panel-group .panel-heading + .panel-collapse .panel-body,
.panel-default{border:0 solid #FFFFFF !important;box-shadow:0 0 #FFFFFF;background:none;}
.panel-default > .panel-heading{background-color:#FFFFFF;padding:16px;border:1px solid #A9A9A9;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.panel-default > .panel-heading a{font-size:18px;color:#292723;}
.about_skills .progress{height:5px !important;background-color:#dfe5e9;}

#video-parallax{position:relative;display:block;overflow:hidden;width:100%;height:100%;}
#mbYTP_bgndVideo,
#bgndVideo{position:relative;width:100%;height:100%;}
#mbYTP_bgndVideo{margin:0 !important;padding:0 !important;}
.volume:hover{color:#ffffff !important}
.volume{
    bottom:0;
    position:absolute;
    z-index:1;
    right:0;
    width:30px;
    height:30px;
    background:#000000;
    line-height:30px;
    font-size:20px;
    text-align:center;
    color:#ffffff;
    cursor:pointer;
}
/*banner vanta*/
body div.wrapper section.bannerAnimationVanta #banner-animation {
    display:flex;
    align-items: center;
    justify-content:start;
    height:530px;
    width:100%;
    border-top:1px solid #daa40c;
    border-bottom:1px solid #daa40c;
    align-content:center;
}
body div.wrapper section.bannerAnimationVanta #banner-animation .container .row .col-lg-12{
    display:flex;
    justify-content:center;
}
body div.wrapper section.bannerAnimationVanta #banner-animation .container .row .col-lg-12 .btn-discover{
    padding: 30px 35px;
    background-color:rgba(7,61,104,.8);
    color:#fff;
    font-size:32px;
    align-items: center;
    vertical-align: middle;
    border:none !important;
    text-align:center;
}
body div.wrapper section.bannerAnimationVanta #banner-animation .container .row .col-lg-12 .btn-discover:hover{
     background-color:rgba(0,46,77,.8);
}
body div.wrapper section.bannerAnimationVanta #banner-animation .container .row .col-lg-12 .btn-discover,#banner-animation .container .row .col-lg-12 .btn-discover{
    color:#fff;
    font-weight: 300;
    font-size:16px;
    text-transform:uppercase;
}
body div.wrapper section.bannerAnimationVanta #banner-animation .container .row .col-lg-12 .btn-discover h1{
    color:#fff;
    font-weight: 500;
    font-size:50px;
    line-height:1;
    text-transform:capitalize;
    text-shadow: 3px 2px 4px #4e4e4ebf;
    margin-bottom:30px;
}
body div.wrapper section.bannerAnimationVanta #banner-animation .container .row .col-lg-12 .btn-discover p.explore {
    font-weight:600;
    background-color: #ffc000;
    padding: 5px 10px;
    border-radius:4px;
    margin:auto;
    width:150px;
    justify-content:center;
    display:flex;
}
body div.wrapper section.bannerAnimationVanta #banner-animation .container .row .col-lg-12 .btn-discover p.explore:hover{
    font-weight:600;
    background-color:#00baca;
    padding: 5px 10px;
    border-radius:4px;
    margin:auto;
    width:150px;
    justify-content:center;
    display:flex;
}
body div.wrapper section.bannerAnimationVanta #banner-animation .container .row .col-lg-12 .btn-discover p.explore a{
    color:#fff;
    text-align:center;
    font-size:14px;
    letter-spacing:1px;
}
body div.wrapper section.bannerAnimationVanta #banner-animation .container .row .col-lg-12 .btn-discover p.text {
    text-transform:capitalize;
    font-size:19px;
    font-weight:500;
    color:#fff;
}
/*section packages travels*/
body div.wrapper section.packs #myBtnContainer{
    display: flex;
    justify-content: center;
    background-color:#00baca;
}
body div.wrapper section.packs #myBtnContainer .btn, section.packs #myBtnContainer button.active,section.packs #myBtnContainer .hover{
    background-color:#00baca;
    color:#fff;
    }
body div.wrapper section.packs #myBtnContainer .btn {
        background-image: none !important;
        text-transform: uppercase;
    }
body div.wrapper section.packs #myBtnContainer button.active {
    border-bottom: 2px solid #daa40c !important; 
}

body div.wrapper section.packs #myBtnContainer .container .row .col-lg-12 .btn a.more{
    color:#fff;
    text-transform:uppercase;
}
body div.wrapper section.packs #myBtnContainer .container .row .col-lg-12 .active a.more{
    border-bottom:none !important;
}
 /*grid system*/

.row,.row > .column {
    padding: 1px;
}
body div.wrapper section.packs .gridywrap .column {
    float: left;
        width: 33.33%;
    display: none;
    z-index:0 !important;
}
body div.wrapper section.packs .gridywrap .show {
    display: block;
}
body div.wrapper section.packs #myBtnContainer .btn {
    border: none;
    outline: none;
    padding: 12px 16px;
    cursor: pointer;
}
body div.wrapper section.packs #myBtnContainer .btn:hover {
    background-color: #00baca;
}
body div.wrapper section.packs #myBtnContainer .btn.active {
    background-color: #00baca;
    color: white;
}
/*css masonnery*/
/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600);*/
body div.wrapper section.packs .gridywrap div[class*=gridy] {
    background: #eee;
    box-shadow: inset 0 0 0 1px #ddd;
    padding: 15px; 
    float: left;
    position: relative;
}
body div.wrapper section.packs .gridywrap .gridy-1,.gridywrap .gridy-2,.gridywrap .gridy-3 {
    width: 320px;
    overflow: hidden;
}
body div.wrapper section.packs .gridywrap .gridy-1 {width: 100%;}
body div.wrapper section.packs .gridywrap .gridy-2 {width: 100%;}
body div.wrapper section.packs .gridywrap .gridy-3 {width: 100%;}
body div.wrapper section.packs .gridywrap .gridyhe-1 {height: 320px;}
body div.wrapper section.packs .gridywrap .gridyhe-2 {height: 320px;}

/*styling*/
body div.wrapper section.packs .gridywrap .gridimg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width:100%;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    }
body div.wrapper section.packs .gridywrap .gridimg img {
    width: 100%;
   }
body div.wrapper section.packs .gridywrap .gridinfo {
    align-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.4);
    text-align: center;
    transition: all 0.8s;
    z-index:999 !important;
    }
body div.wrapper section.packs .gridywrap .gridinfo h3 {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    }
body div.wrapper section.packs .gridywrap .gridinfo h3:after {
        content: '';
        width: 25px;
        border-top: 4px solid #fff;
        display: block;
        margin: 0 auto;
        margin-top: 25px;
    }
body div.wrapper section.packs .gridywrap .gridinfo .gridmeta {
        transition-delay: 0.10s;
    }
body div.wrapper section.packs .gridywrap .gridinfo .gridmeta p {
    display: inline-block;
    font-size: 13px;
    color: #fff;
    margin-bottom: 15px;
    }
body div.wrapper section.packs .gridywrap .gridinfo .gridmeta p i {
    margin-right: 5px;
    }
body div.wrapper section.packs .gridywrap .gridinfo .gridmeta p.gridwho {
    margin-left: 25px;
    }
body div.wrapper section.packs .gridywrap .gridinfo p.gridexerpt {
    width: 60%;
    margin: 0 auto;
    line-height: 22px;
    margin-bottom: 25px;
    color: #fff;
    transition-delay: 0.5s;
    }

body div.wrapper section.packs .gridywrap .gridinfo * {
        opacity: 0;
        transition: all 0.8s;
    }
body div.wrapper section.packs .gridywrap .gridinfo h3 {
        opacity: 1;
    }
body div.wrapper section.packs .gridywrap .gridinfo .grid-btn {
    color: #fff;
    text-decoration: none;
    margin: 0 auto;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 25px;
    border: 1px solid #fff; 
    display: block;
    overflow: hidden;
    }
body div.wrapper section.packs .gridywrap .gridinfo .grid-btn:hover {
    width: 75px;
    background: rgba(0,0,0,0.3);
    }
body div.wrapper section.packs .gridywrap .gridinfo .grid-btn span {
    opacity: 0;
    display: none;
    transition: opacity 0.8s;
    }
body div.wrapper section.packs .gridywrap .gridinfo .grid-btn:hover span {
    opacity: 1;
    display: inline;
    }
body div.wrapper section.packs .gridywrap .gridinfo .grid-btn:hover i {
    opacity: 0;
    display: none;
    }

body div.wrapper section.packs .gridywrap .gridinfo:hover * {
    opacity: 0.7;
    }
body div.wrapper section.packs .gridywrap .gridinfo:hover p {
    opacity: 1;
    }
body div.wrapper section.packs .gridywrap .gridinfo:hover {
    background: rgba(0,33,64, 0.7);
}
body div.wrapper section.packs .gridywrap .gridinfo:hover h3 {
    margin-top: 70px;
    opacity: 1;
}
body div.wrapper section.packs .gridywrap .gridinfo a.contact,body div.wrapper section.packs .gridywrap .gridinfo a.popup-text{
    margin-top:42px;
    background-color:#002340;
    opacity:1 !important;
    border:none;
    color:#fff;
}
body div.wrapper section.packs .gridywrap .gridinfo a.popup-text:hover{
   color: #002340; 
    background: linear-gradient(45deg, #002340 50%, #00baca 17%); 
    color:#fff;
    border:none;
}
body div.wrapper section.packs .gridywrap a.contact{
    background-color:#002340 !important;
    margin-left:4px;
    margin-right:4px;
    opacity:1 !important;
    padding: 7px 38px 7px 15px;
    color:#fff;
    font-size:14px;
    border-radius:4px;
    letter-spacing:1px;
    z-index:999 !important;
    border:none !important;
    transition: .5s ease;
    position:relative;
}
body div.wrapper section.packs .gridywrap a.contact::after{
    content: "";
    background: #ffbe0a;
    position: absolute;
    top: 6px;
    right:11px;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    width: 20px;
    height: 20px;
    transition: .3s ease;
}
body div.wrapper section.packs .gridywrap a.pack_btn::after{
    content: "";
    background: #fff;
    position: absolute;
    top:9px;
    right: 13px;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    width: 15px;
    height: 15px;
    transition: .2s ease;
    transform:rotate(90deg);
}
body div.wrapper section.packs .gridywrap .sports .gridinfo p.texte{
    color:#fff;
}
a.contact:hover{
    color: #002340; 
    background: linear-gradient(45deg, #002340 50%, #00baca 17%); 
    color:#fff;
    border:none;
    transition: .5s ease;
}
body div.wrapper section.packs .gridywrap .sports .gridinfo a.contact,a.contact{
    text-transform:uppercase;
}
body div.wrapper section.packs .gridywrap .pilgrimage .gridinfo p.price,.gridywrap .pilgrimage .gridinfo p.price a,body div.wrapper section.packs .gridywrap .bests .gridinfo p.price,.gridywrap .bests .gridinfo p.price a{
    color:#fff !important;
    margin:0 !important;
}
body div.wrapper section.packs .gridywrap .pilgrimage .gridinfo p.price,.gridywrap .bests .gridinfo p.price{
    line-height:1.3;
}

body div.wrapper section.packs .gridywrap .europe .gridinfo p.price span, .gridywrap .others .gridinfo p.price span,body div.wrapper section.packs .gridywrap .island .gridinfo p.price span,body div.wrapper section.packs .gridywrap .africa .gridinfo p.price span, 
body div.wrapper section.packs .gridywrap .asie .gridinfo p.price span,body div.wrapper section.packs .gridywrap .india .gridinfo p.price span,body div.wrapper section.packs .gridywrap .bests .gridinfo p.price span,.gridywrap .gridinfo p.price span{
    color:#fff !important;
    font-size:18px;
    font-weight:500;
    opacity:1 !important;
    background-color:rgba(0,0,0,.3);
    padding:5px 15px;
    font-style:italic;
}
body div.wrapper section.packs .gridywrap .column .gridinfo .texte{
    color:#fff;
}
/*section partenaires*/
pre.espace{
    background-color:#ffc000;
    margin:0 !important;
    padding:0 !important;
}
.partenaires>.container-fluid{
    padding-bottom:30px !important;
    padding-top:30px !important;
}
.partenaires .container-fluid>h2{
    text-align:center;
    padding:0 15px;
    margin-bottom:0;
    font-size:40px;
    color: #002340; 
    background-image: linear-gradient(50deg, #002340 50%, #00baca 17%, #ffc000 54%); 
    background-clip: text; 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
}
     .carousel-showmanymoveone {
      .carousel-control {
        width: 4%;
        background-image: none;

        &.left {
          margin-left: 15px;
        }

        &.right {
          margin-right: 15px;
        }
      }

      .cloneditem-1,
      .cloneditem-2,
      .cloneditem-3 {
        display: none;
      }

      .carousel-inner {
        @media all and (min-width: 768px) {
          @media (transform-3d), (-webkit-transform-3d) {
            > .item.active.right,
            > .item.next {
              transform: translate3d(50%, 0, 0);
              left: 0;
            }

            > .item.active.left,
            > .item.prev {
              transform: translate3d(-50%, 0, 0);
              left: 0;
            }

            > .item.left,
            > .item.prev.right,
            > .item.active {
              transform: translate3d(0, 0, 0);
              left: 0;
            }
          }

          > .active.left,
          > .prev {
            left: -50%;
          }

          > .active.right,
          > .next {
            left: 50%;
          }

          > .left,
          > .prev.right,
          > .active {
            left: 0;
          }

          .cloneditem-1 {
            display: block;
          }
        }

        @media all and (min-width: 992px) {
          @media (transform-3d), (-webkit-transform-3d) {
            > .item.active.right,
            > .item.next {
              transform: translate3d(25%, 0, 0);
              left: 0;
            }

            > .item.active.left,
            > .item.prev {
              transform: translate3d(-25%, 0, 0);
              left: 0;
            }

            > .item.left,
            > .item.prev.right,
            > .item.active {
              transform: translate3d(0, 0, 0);
              left: 0;
            }
          }

          > .active.left,
          > .prev {
            left: -25%;
          }

          > .active.right,
          > .next {
            left: 25%;
          }

          > .left,
          > .prev.right,
          > .active {
            left: 0;
          }

          .cloneditem-2,
          .cloneditem-3 {
            display: block;
          }
        }
      }
    }

.container-fluid .row .col-md-12 .carousel .carousel-inner .item .col-md-3{
  border:none !important;
  }

body div.wrapper .partenaires .container-fluid .row .col-md-12 .carousel .carousel-inner .item .col-md-3 a{
  text-align: center;
  margin-top: 5em;
  margin-bottom: 5em;
  height: 125px;
  display: flex;
  justify-content: center;
  vertical-align: middle;
  margin:0;
  border:none !important;
}

body div.wrapper .partenaires .container-fluid .row .col-md-12 .carousel .carousel-inner .item .col-md-3 a img{
  border: none;
  max-height: 83%;
  max-width: 100%;
  align-self:center;
}
 body div.wrapper .carousel-control.left,.carousel-control.right{
    background-image:none !important;
}
body div.wrapper .partenaires .container-fluid .row .col-md-12 .carousel .carousel-control{
    display:flex;
    align-items:center !important;
    font-size:30px;
    justify-content:center;
}
/*section tooltip*/
body div.wrapper section.icones{
    margin-top:1px;
    border-top:1px solid #ffc000;
    border-bottom:1px solid #ffc000;
}
body div.wrapper section.icones .container-fluid{
    padding-top:30px;
     padding-bottom:60px;
}
body div.wrapper section.icones .container-fluid h2{
    text-align:center;
    padding:0 15px;
    margin-bottom:0;
    font-size:40px;
    color: #002340; 
    background-image: linear-gradient(50deg, #002340 50%, #00baca 17%, #ffc000 60%); 
    background-clip: text; 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent;  
}
body div.wrapper section.icones .container-fluid .list-group{
    display: flex;
    justify-content:center;
    margin-bottom:15px !important;
}
body div.wrapper section.icones .container-fluid .list-group .list-group-item{
    position: relative;
    border:none !important;
    background-color:transparent !important;
}
body div.wrapper section.icones .container-fluid .list-group li+li{
    margin-left:30px;
}
body div.wrapper section.icones .container-fluid .list-group .list-group-item .title{
    /*display: none;*/
    position: absolute;
    top: 80px;
    left: 0;
    background-color:transparent;
    padding:5px;
    border-radius:2px;
    box-shadow:0 0 0px rgba(164,129,87, .2);
}
body div.wrapper section.icones .container-fluid .list-group .list-group-item img{
    width:100%;
} 
body div.wrapper section.icones .container-fluid .list-group .list-group-item .title h4{
color:#a48157;
font-size:14px;
text-align: center;
font-weight: 550;
margin-bottom:0 !important;
margin-top:0 !important;
}
/*section page packages*/
body div.wrapper section.page_packages #myBtnContainer{
    display: flex;
    justify-content: center;
    background-color:#00baca;
}
body div.wrapper section.page_packages #myBtnContainer .btn, section.packs #myBtnContainer button.active,section.packs #myBtnContainer .hover{
    background-color:#00baca;
    color:#fff;
    border: 1px solid #cccccc00 !important;
    }
body div.wrapper section.page_packages #myBtnContainer .btn {
        background-image: none !important;
        text-transform: uppercase;
    }
body div.wrapper section.page_packages #myBtnContainer button.active {
    border-bottom: 2px solid #daa40c !important; 
}

body div.wrapper section.page_packages #myBtnContainer .container .row .col-lg-12 .btn a.more{
    color:#fff;
    text-transform:uppercase;
}
body div.wrapper section.page_packages #myBtnContainer .container .row .col-lg-12 .active a.more{
    border-bottom:none !important;
}

body div.wrapper section.page_packages h1{
    text-align:center;
  margin-bottom:0 !important;
  padding:30px 15px;
  font-size: 50px;
 color: #002340; 
 background-image: linear-gradient(50deg, #002340 50%, #00baca 17%, #ffc000 60%); 
 background-clip: text; 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; 
}

body div.wrapper section.page_packages h1 span{
    text-transform:uppercase;
    font-weight:600;
}
body div.wrapper section.page_packages .row {
  margin: 10px -16px;
}

body div.wrapper section.page_packages .row,
body div.wrapper section.page_packages .row > .column {
  padding: 12px;
}

body div.wrapper section.page_packages .column {
  display: none; 
}

body div.wrapper section.page_packages .row:after {
  content: "";
  display: table;
  clear: both;
}

body div.wrapper section.page_packages .container .row .content {
  background-color: white;
  padding: 10px;
}


body div.wrapper section.page_packages .container .row .show {
  display: block;
}


body div.wrapper section.page_packages #BtnContainer .btn {
  border: none;
  outline: none;
  padding: 12px 16px;
  cursor: pointer;
}

body div.wrapper section.page_packages #BtnContainer .btn:hover {
  background-color: #ddd;
}

body div.wrapper section.page_packages #BtnContainer .btn.active {
text-decoration:underline;
color:blue;
}
body div.wrapper section.page_packages .container .row .col-lg-4 h3{
font-size:17px;
 }
body div.wrapper section.page_packages .container .row .col-lg-4 .panel-default .panel-body{
    padding:15px 0 !important;
 }
body div.wrapper section.page_packages .container .row .col-lg-4 .panel-default .image{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
     min-height:380px;
     z-index:0;
    transition: background-size 0.3s ease, transform 0.3s ease;
}

body div.wrapper section.page_packages .container .row .col-lg-4 .panel-default{
     position: relative;
}
.overlayi {
    position: absolute;
    border-radius: 12px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: .5s ease;
    background-color: rgb(0,0,0, 0);
}

body div.wrapper section.page_packages .container .row .col-lg-4 .panel-default:hover .overlayi {
    opacity: 1;
    background-color: rgba(0,0,0, 0.5);
}
body div.wrapper section.page_packages .container .row .col-lg-4 .panel-default p.panel-title:after{
    content:none;
}
body div.wrapper section.page_packages .container .row .col-lg-4 .panel-default .image{
    border-radius:12px;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    -o-border-radius:12px;
    position: relative;
    width: 100%;
    height: 200px;
    background-size: cover;
    background-position: center;
}

body div.wrapper section.page_packages .container .row .col-lg-4 .panel-default .panel-body .hotel{
    margin-top:10px;
    margin-bottom:16px;
}
body div.wrapper section.page_packages .container .row .col-lg-4 .panel-default .panel-body .hotel .price{
text-transform:initial;
font-size:14px;
}
body div.wrapper section.page_packages .container .row .col-lg-4 .panel-default .panel-body .hotel .price a{
    color:#00baca;
}

body div.wrapper section.page_packages .container .row .col-lg-4 .panel-default p.promo>span{
text-transform:uppercase;
 }
body div.wrapper section.page_packages .container .row .col-lg-4 .list-group .list-group-item>span.avis{
    color:#ffc000;
}
body div.wrapper section.page_packages .container .row .col-lg-4 .desc{
    background: rgb(225,192,0);
background: linear-gradient(180deg, rgba(225,192,0,0.2) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
padding:5px 10px 15px 10px;
border-radius:12px;
-webkit-border-radius:12px;
-moz-border-radius:12px;
-o-border-radius:12px;
}
body div.wrapper section.page_packages .container .row .col-lg-4 .desc span:first-child{
    color:#292723;
    font-weight:550;
}
body div.wrapper section.page_packages .container .row .col-lg-4 .prix span{
padding:5px;
}
body div.wrapper section.page_packages .container .row .col-lg-4 .prix span:first-child{
    text-transform:uppercase;
    color:#292723;
    font-weight:550;
    font-size:20px;
}
body div.wrapper section.page_packages .container .row .col-lg-4 .available{
    margin-top:15px;
    display:flex;
}
body div.wrapper section.page_packages .container .row .col-lg-4 .available button{
    border-color:#002340;
}
body div.wrapper section.page_packages .container .row .col-lg-4 .available button + button,
body div.wrapper section.page_packages .container .row .col-lg-4 .available button.contact{
    margin-left:12px;
    transition: .5s ease;
}
body div.wrapper section.page_packages .container .row .col-lg-4 .available button.contact:hover,
.main_events section.events .container .row .col-lg-12 .contents_events .container .row .col-lg-6 button.contact:hover{
    border:none;
    color:#fff;
    transition: .2s ease;
    color: #fff; 
    background: linear-gradient(45deg, #002340 50%, #00baca 17%);
}
body div.wrapper section.page_packages .container .row .col-lg-4 .available button.phone:hover,
body div.wrapper section.page_packages .container .row .col-lg-4 .available button.phone:active,
body div.wrapper section.page_packages .container .row .col-lg-4 .available button.phone:focus{
    background-color:transparent !important;
    border-color:#00baca !important;
}
button:focus, button:active{
    outline: none;
}
body div.wrapper section.page_packages .container .row .col-lg-4 .available button.phone{
   border-color:#00baca;
}
body div.wrapper section.page_packages .container .row .col-lg-4 .available button.phone:hover,
body div.wrapper section.page_packages .container .row .col-lg-4 .available button.phone span a i.couleur{
     border-color:#002340 !important;
     color:#002340 !important;
}
body div.wrapper section.page_packages .container .row .col-lg-4 .available button.phone span a{
    color:#00baca;
}
body div.wrapper section.page_packages .container .row .col-lg-4 .available button.phone span .fa-phone{
    color:#00baca;
    font-size:17px;
}
body div.wrapper section.page_packages .container .row .col-lg-4 .available button.phone span .fa-phone:hover{
    color:#002340;

}
body div.wrapper section.page_packages .container .row .col-lg-4 .available button.contact{
    width:100%;
    position:relative;
    transition: .3s ease;
}
body div.wrapper section.page_packages .container .row .col-lg-4 .available button.contact::after{
    content: "";
    background: #ffbe0a;
    position: absolute;
    top: 4px;
    right: 67px;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    width: 23px;
    height: 23px;
    transition: .2s ease;
}
body div.wrapper section.page_packages .container .row .col-lg-4 .available button.pack_btn::after{
     content: "";
    background: #fff;
    position: absolute;
    top:9px;
    right: 72px;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
     width: 15px;
    height: 15px;
    transform:rotate(90deg);
    transition: .2s ease;
}
body div.wrapper section.page_packages .container .row .col-lg-4 .available button.contact a{
    color:#fff;
}
body div.wrapper section.page_packages .container .row .col-lg-4 .available button.contact,
body div.wrapper section.page_packages .container .row .col-lg-4 .available button.active{
     background-color:#002340;
    color:#fff;
    text-transform:uppercase;
    font-size:14px;
    letter-spacing:1px;
    border-color:#002340;
    transition: .3s ease;
}
/* page contact*/
body div.wrapper section.banner{
    margin-bottom:0;
}
body div.wrapper .main_contact section.contact_form .container-fluid,.main_contact section.banner .container-fluid{
    padding-left:200px;
    padding-right:200px;
}
body div.wrapper .main_contact section.banner{
  background:url(/assets/images/istanbul.jpg) no-repeat left;
  background-size: cover;
  box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.3);
}

body div.wrapper .main_contact section.banner .container-fluid .row h1{
    color:#fff;
    padding-top:400px;
    font-size:50px;
    font-weight:500;
    text-shadow:0 1px 4px rgba(0,33,64, .5);
    margin-left:15px;
    margin-right:15px;
}
body div.wrapper .main_contact section.contact_form{
    padding:145px 15px;
    background:url(/assets/images/triangle_contact_bg.png) repeat left;
  box-shadow: inset 0 0 0 2000px rgba(255, 255, 255, 0.95);
}
body div.wrapper .main_contact section.contact_form .container-fluid .row .col-lg-6{
    padding-left:0;
    padding-right:0;
}
body div.wrapper .main_contact section.contact_form .container-fluid .row .col-lg-6 h2{
    padding:15px 0;
    font-size:50px;
    margin-bottom:0;
    color: #002340; 
    background-image: linear-gradient(50deg, #002340 40%, #00baca 17%, #ffc000 60%); 
    background-clip: text; 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent;
    position:relative;
}

body div.wrapper .main_contact section.contact_form .container-fluid .row .col-lg-6 h3{
    font-size:30px;
    font-weight:500;
    margin-bottom:40px;
    color:#002340;
}
body div.wrapper .main_contact section.contact_form .container-fluid .row .col-lg-6>div{
margin-bottom:15px;
}
body div.wrapper .main_contact section.contact_form .container-fluid .row .col-lg-6 p.phone,
body div.wrapper .main_contact section.contact_form .container-fluid .row .col-lg-6 p.hotline,
body div.wrapper .main_contact section.contact_form .container-fluid .row .col-lg-6 p.adresse,
body div.wrapper .main_contact section.contact_form .container-fluid .row .col-lg-6 p.email{
font-size:17px;
color:#002340;
}
body div.wrapper .main_contact section.contact_form .container-fluid .row .col-lg-6 p.email span a,
body div.wrapper .main_contact section.contact_form .container-fluid .row .col-lg-6 p.phone span a,
body div.wrapper .main_contact section.contact_form .container-fluid .row .col-lg-6 p.hotline span a{
    font-size:17px;
    color:#002340;
}
body div.wrapper .main_contact section.contact_form .container-fluid .row .col-lg-6 p.phone .fa-phone,
body div.wrapper .main_contact section.contact_form .container-fluid .row .col-lg-6 p.email .fa-envelope,
body div.wrapper .main_contact section.contact_form .container-fluid .row .col-lg-6 p.adresse .fa-map-marker,
body div.wrapper .main_contact section.contact_form .container-fluid .row .col-lg-6 p.hotline .fa-phone{
    color:#00baca;
    font-size:20px;
    margin-right:10px;
}
body div.wrapper .main_contact section.contact_form .container-fluid .row .col-lg-6 p.heading-title{
    margin-bottom:1px !important;
    color:#002340;
    font-size:20px;
    font-weight:600;
}
body div.wrapper .main_contact section.contact_form .container-fluid .row .col-lg-6 .phones p.phone span{
    align-content:center;
}

body div.wrapper .main_contact section.contact_form .container-fluid .row .col-lg-6 form.formulaire{
    background-color:rgb(240, 243, 243);
    padding:30px 30px 30px 30px;
    position:absolute;
    top:-215px;
    right:0;
    width:100%;
    z-index:1;
    box-shadow:0 1px 10px rgba(125,126,126,.5);
    border-radius:5px;
}
body div.wrapper .main_contact section.contact_form .container-fluid .row .col-lg-6 form.formulaire .form-group input{
    margin-bottom:35px;
    background-color:#fff !important;
    height:43px;
    font-size:16px;
}
body div.wrapper .main_contact section.contact_form .container-fluid .row .col-lg-6 form.formulaire .form-group textarea{
    margin-bottom:35px;
    background-color:#fff !important;
    font-size:16px;
}
body div.wrapper .main_contact section.contact_form .container-fluid .row .col-lg-6 form.formulaire .recaptcha{
    margin-bottom:20px;
}
body div.wrapper .main_contact section.contact_form .container-fluid .row .col-lg-6 form.formulaire .btn-form{
    color:#fff;
    text-transform:uppercase;
    background-color:#002340;
    border:none;
    padding:5px 35px 5px 15px;
    font-weight:600;
     position:relative;
     font-size:16px;
     transition: .5s ease;
     letter-spacing:2px;
}
body div.wrapper .main_contact section.contact_form .container-fluid .row .col-lg-6 form.formulaire .btn-form::after{
    content: "";
    background: #ffbe0a;
    position: absolute;
    top: 5px;
    right: 10px;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    width: 20px;
    height: 20px;
    transition: .2s ease;
}
body div.wrapper .main_contact section.contact_form .container-fluid .row .col-lg-6 form.formulaire .pack_btn::after{
    content: "";
    background: #fff;
    position: absolute;
    top: 8.2px;
    right: 10px;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    width: 15px;
    height: 15px;
    transition: .3s ease;
    transform:rotate(90deg);
}
body div.wrapper .main_contact section.contact_form .container-fluid .row .col-lg-6 form.formulaire .btn-form:hover{
    color:#fff;
    border:none;
    background: linear-gradient(45deg, #002340 50%, #00baca 17%);
}
body div.wrapper .main_contact section.contact_form .container-fluid .row .col-lg-6 form.formulaire .btn-form .fa-chevron-circle-right{
    display:none;
}

body div.wrapper .main_contact section.map .container-fluid .row iframe{
    border-top:2px solid #ffc000 !important;
    margin:-8px 0;
}
button:focus, button:active {
    outline: none !important;
}
/*page events*/
body div.wrapper .main_events hr.sep,div.main-about-us hr.sep{
    width:10%;
    margin:auto;
}
body div.wrapper .main_events section.intro{
    padding:60px 15px 0 15px;
}
body div.wrapper .main_events section.intro .container .row .col-lg-12 h1{
    font-size:50px;
    text-align:center;
    color: #002340; 
    margin-bottom:30px;
    background-image: linear-gradient(50deg, #002340 50%, #00baca 15%, #ffc000 55%); 
    background-clip: text; 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent;
    position:relative;
}
body div.wrapper .main_events section.intro .container .row .col-lg-12 h1 span{
    text-transform:uppercase;
}
body div.wrapper .main_events section.intro .container .row .col-lg-12 p{
    line-height:1.8;
}
body div.wrapper .main_events section.events .menu_events .container .row .col-lg-12 ul.list-group{
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding-bottom:15px;
    border-bottom:1px solid #ffc000;
    margin-bottom:70px;
}
body div.wrapper .main_events section.events .menu_events .container .row .col-lg-12 .list-group .list-group-item,
body div.wrapper div.main-about-us section.filters .title_filter .container .row .col-lg-12 ul.list-group .list-group-item{
     border:none;
     position:relative;
}

body div.wrapper .main_events section.events .menu_events .container .row .col-lg-12 .list-group .list-group-item a,
body div.wrapper div.main-about-us section.filters .title_filter .container .row .col-lg-12 ul.list-group .list-group-item a{
    font-size:18px !important;
    color:#002340;
    font-weight: 800;
    line-height:1;
    transition: .5s ease;
}
body div.wrapper .menu_events .list-group .list-group-item .image,
body div.wrapper div.main-about-us section.filters .title_filter .container .row .col-lg-12 ul.list-group .list-group-item .image{
display:none;
}
.main_events section.events .menu_events .container .row .col-lg-12 .list-group .list-group-item .image{
    width:100px;
    height:100px;
    position:absolute;
    top:-80px; 
}
body div.wrapper .main_events section.events .menu_events .container .row .col-lg-12 .list-group .list-group-item .image img,
div.main-about-us section.filters .title_filter .container .row .col-lg-12 ul.list-group .list-group-item .image img{
    text-align:center;
}
body div.wrapper .main_events section.events .menu_events .container .row .col-lg-12 .list-group .list-group-item a:hover,
body div.wrapper div.main-about-us section.filters .title_filter .container .row .col-lg-12 ul.list-group .list-group-item a:hover{
   color: #002340;
   background-image: linear-gradient(50deg, #002340 8%, #00baca 66%, #ffc000 80%);
    background-clip: text; 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
    transition: .5s ease; 
}
body div.wrapper .main_events section.events .contents_events .container{
    width:100% !important;
}
body div.wrapper .main_events section.events .contents_events .container .row .col-lg-12{
    padding-bottom:50px;
}

body div.wrapper .main_events section.events .contents_events .container .row .col-lg-12 p{
    color:#83939C;
    line-height:1.8; 
}
body div.wrapper .main_events section.events .contents_events .container .row .col-lg-6 h3{
    text-transform:uppercase;
    margin-bottom:15px;
    color:#f9bd00;
    font-size:22px;
}
body div.wrapper .main_events section.events .contents_events .container .row .col-lg-6 .btn-default{
     background-color:#002340 !important;
    margin-left:4px;
    margin-right:4px;
    opacity:1 !important;
    padding: 7px 40px 7px 15px;
    color:#fff;
    font-size:14px;
    border-radius:4px;
    letter-spacing:1px;
}
body div.wrapper .main_events section.events .contents_events .container .row .col-lg-6 button.contact{
    position:relative;
    margin-top:15px;
    border:none;
    transition: .3s ease;
}
body div.wrapper .main_events section.events .contents_events .container .row .col-lg-6 button.contact:hover{
    color: #002340; 
    background: linear-gradient(45deg, #002340 50%, #00baca 15%); 
    border:none;
}
body div.wrapper .main_events section.events .contents_events .container .row .col-lg-6 button.contact::after{
    content: "";
    background: #ffbe0a;
    position: absolute;
    top: 6px;
    right: 10px;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    width: 20px;
    height: 20px;
    transition: .2s ease;
}
body div.wrapper .main_events section.events .contents_events .container .row .col-lg-6 button.pack_btn::after{
    content: "";
    background: #fff;
    position: absolute;
    top:10px;
    right:16px;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    width: 15px;
    height: 15px;
    transition: .2s ease;
    transform:rotate(90deg);
}
body div.wrapper .main_events section.events .contents_events .ancre,
body div.wrapper div.main-about-us section.filters div.contents .container .ancre{
    display:flex;
    align-content:center;
}
body div.wrapper .main_events hr.sep,div.main-about-us hr.sep{
    margin-top:40px;
    margin-bottom:40px;
}
body div.wrapper .main_events section.events .contents_events .container .row .content{
   padding:30px 15px;
}

body div.wrapper .main_events section.events .contents_events .container .row .img:hover img,
body div.wrapper div.main-about-us section.filters .contents .container .row .img:hover img{
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
    box-shadow:0 1px 10px;
}
body div.wrapper .main_events section.events .contents_events .container .row .col-lg-6 .list-group .list-group-item{
    border:none;
    padding:0;
    background-color:transparent !important;
}
body div.wrapper .main_events section.events .contents_events .container .row .col-lg-6 .list-group .list-group-item .fa-check-square-o{
    color:#ffc000;
}
body div.wrapper .main_events section.events .contents_events .container .row .col-lg-6 img,
body div.wrapper div.main-about-us section.filters .contents .container .row .col-lg-6 img{
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    box-shadow:0 2px 4px;
}


body div.wrapper .main_events section.events .contents_events .container .row .col-lg-6 .btn-default a{
    color:#fff;
    text-transform:uppercase;
    text-decoration: none;
}
button.btn-default a {
    text-decoration: none !important;
}
body div.wrapper .main_events section.who_we_serve{
    padding:30px 15px;
}
body div.wrapper .main_events section.who_we_serve .container .row .col-lg-12 .carousel .carousel-control{
    top:29%;
}
body div.wrapper .main_events section.who_we_serve .container .row .col-lg-12 h2{
    padding-bottom:15px;
    font-size: 40px;
    text-align: center;
    color: #002340;
    margin-bottom: 55px;
    background-image: linear-gradient(50deg, #002340 50%, #00baca 15%, #ffc000 55%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/*page blog*/
body div.wrapper .main_blog .container{
    padding-top:30px;
    padding-bottom:30px;
}
body div.wrapper .main_blog .container h1{
    font-size:50px;
    text-transform:uppercase;
    text-align: center;
    margin-bottom: 0 !important;
    padding: 40px 15px 50px 15px;
    font-size: 50px;
    color: #002340;
    background-image: linear-gradient(50deg, #002340 50%, #00baca 17%, #ffc000 52%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
body div.wrapper .main_blog .container .row{
    padding-bottom:50px;
}
body div.wrapper .main_blog .container .row .col-lg-6{
  position: relative;

}

body div.wrapper .main_blog .container .row .content-text{
    padding:20px;
}
body div.wrapper .main_blog .container .row .content-text h2{
    position:relative;
    margin-left:20px;
    color:#ffc000;
    font-size:22px;
    padding-bottom:30px;
    border-bottom:1px solid #dadada;
}
body div.wrapper .main_blog .container .row .content-text h2::before{
    content:url(/assets/images/icon_partout.png);
    position:absolute;
    top:0;
    left:-20px;

}
body div.wrapper .main_blog .container .row .content-text h2::after{
    content:"";
    width:50%;
    height:2px;
    background:#dadada;
}
body div.wrapper .main_blog .container .row .col-lg-6 .image_overlay{
  display: block;
  width: 100%;
  height: auto;
}
body div.wrapper .main_blog .container .row .img-content img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    box-shadow:0 2px 4px;
}
body div.wrapper .main_blog .container .row .img-content:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
body div.wrapper .main_blog .container .row .col-lg-6 .overlayblog{
    position: absolute;
    top: -9px;
    bottom: 0;
    left: 0;
    right: 0;
    height: 106%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color:rgba(0,35,64,.5);
}

body div.wrapper .main_blog .container .row .col-lg-6:hover .overlayblog{
  opacity: 1;
}

 body div.wrapper .main_blog .container .row .col-lg-6 .overlayblog .content{
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
body div.wrapper .main_blog .container .row .col-lg-6 .overlayblog .content a .fa-link{
    color:#fff;
    font-size:30px;
    padding:20px;
    border:1px solid #fff;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
body div.wrapper .main_blog .container .row .content-text button.btn-blog,
body div.wrapper div.main-about-us section.filters .contents .container .row .col-lg-6 button.btn-about{
    background-color: #002340;
    border:none;
    padding:6px 35px 6px 15px;
    position:relative;
    border-radius:4px;
    transition: .3s ease;
}
body div.wrapper .main_blog .container .row .content-text button.btn-blog::after{
   content: "";
    background: #ffbe0a;
    position: absolute;
    top: 4px;
    right: 9px;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    width: 23px;
    height: 23px;
    transition: .2s ease; 
}
body div.wrapper .main_blog .container .row .content-text button.pack_btn::after{
  content: "";
    background: #fff;
    position: absolute;
    top: 10px;
    right: 11px;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    width: 15px;
    height: 15px;
    transition: .3s ease; 
    transform:rotate(90deg);  
}
body div.wrapper .main_blog .container .row .content-text button.btn-blog a,
body div.wrapper div.main-about-us section.filters .contents .container .row .col-lg-6 button.btn-about a{
    color:#fff;
}
body div.wrapper .main_blog .container .row .content-text button.btn-blog a:hover{
    background-color:transparent;
}
body div.wrapper .main_blog .container .row .content-text button.btn-blog:hover,
div.main-about-us section.filters .contents .container .row .col-lg-6 button.btn-about:hover{
   background:linear-gradient(45deg, #002340 50%, #00baca 17%);
   transition: .5s ease; 
}
/*page about us*/
body div.wrapper div.main-about-us{
    padding-top:50px;
    padding-bottom:50px;
    background-image:url(/assets/images/fond-corporate.jpg);
    background-repeat:no-repeat;
}
body div.wrapper div.main-about-us h1{
  font-size:50px;
    text-align:center;
    color: #002340; 
    margin-bottom:30px;
    background-image: linear-gradient(50deg, #002340 50%, #00baca 15%, #ffc000 55%); 
    background-clip: text; 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
}
body div.wrapper div.main-about-us h1 span{
    text-transform:uppercase;
}

body div.wrapper div.main-about-us section.filters .title_filter .container .row .col-lg-12 ul.list-group{
    display:flex;
    align-items:center;
    justify-content:space-between;
    text-align:center;
    padding-bottom:15px;
    border-bottom:1px solid #ffc000;
    margin-bottom:15px;
}
body div.wrapper div.main-about-us section.filters .title_filter .container .row .col-lg-12 ul.list-group .list-group-item{
    background:transparent !important;
}
body div.wrapper div.main-about-us section.filters .title_filter .container .row .col-lg-12 ul.list-group .list-group-item .image{
    width:100px;
    height:100px;
    position:absolute;
    top:-70px;
    left:25%; 
}

body div.wrapper div.main-about-us section.filters .contents .container .row .col-lg-6 h3{
    text-transform: uppercase;
    margin-bottom: 15px;
    color: #f9bd00;
    font-size: 22px;
}
body div.wrapper div.main-about-us section.filters .contents .container .row .type-event{
    padding:30px 15px;
}
body div.wrapper div.main-about-us section.filters .contents .container .row .col-lg-6 .btn-events{
    margin-top:15px;
    margin-bottom:15px;
}
body div.wrapper div.main-about-us section.filters .contents .container .row .col-lg-6 button.btn-about::after {
    content: "";
    background: #ffbe0a;
    position: absolute;
    top: 6px;
    right: 9px;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    width: 23px;
    height: 23px;
    transition: .2s ease;
}
body div.wrapper div.main-about-us section.filters .contents .container .row .col-lg-6 button.pack_btn::after{
  content: "";
    background: #fff;
    position: absolute;
    top: 12px;
    right: 11px;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    width: 15px;
    height: 15px;
    transition: .2s ease; 
    transform:rotate(90deg);  
}
body div.wrapper div.main-about-us section.media-lists{
    padding:30px 15px;
    border-top:1px solid #ffc000;
    margin-top:30px;
}
body div.wrapper div.main-about-us section.media-lists .container .row .col-lg-6 .media-filters{
    display:flex;
}
body div.wrapper div.main-about-us section.media-lists .container .row .col-lg-6 .media-filters .media-image-filters{
    max-width:64px;
    height:auto;
    margin-right:15px;
}

body div.wrapper div.main-about-us section.media-lists .container .row .col-lg-6 .media-filters .media-body-filters h4{
    margin-top:0 !important;
    font-size:15px;
    color: #002340;
    background-image: linear-gradient(0deg, #002340 50%, #ffc000 50%);
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
body div.wrapper div.main-about-us section.media-lists .container .row .col-lg-6 .media-filters .media-image-filters:hover img{
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    box-shadow:0 2px 4px;
}
body div.wrapper div.main-about-us section.media-lists .container .row .col-lg-6 .media-filters .media-image-filters img{
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    box-shadow:0 2px 4px;
}
body div.wrapper div.main-about-us section.filters .contents .container .ancre{
padding-top:50px;
padding-bottom:50px;
}

/* footer*/
body section.copyright1 .container .row{
    margin:0;
    padding:0;
}
body section.copyright1 .container .row .col-lg-12 p{
    text-align:center;
    color:#fff;
}
body .footer{
    background:url('/assets/images/triangle_footer_bg.png');
}
body .footer1 .container .row .col-lg-4 .contact-widget ul li span, .footer1 .container .row .col-lg-4 .widget ul li{
    color:#fff !important;
}
body .footer1 .container .row .col-lg-4 .widget div ul li a{
    color:#fff;
}
mark,.service-icon .serviceicon:hover i,
.footer1 i,
.footer1 h1,
.footer1 h2,
.social{float:left;}
.social,.callus{line-height:40px;}
.social li{width:40px;height:40px;line-height:40px;text-align:center;list-style:none;border-left:1px solid #f2f2f2;display:inline-block;margin:0;position:relative;padding:0;}
.callus li:last-child,
.social li:last-child{border-right:1px solid #f2f2f2;}
.social li a{font-size:14px}
.social a{color:#9ca5ab;}
.footer1,.rent{background-color:#002340;
    background-image:url('/assets/images/triangle_footer_bg.png') !important;background-repeat:no-repeat;
    padding:35px 0 0 0 !important;
}
.footer1 .form-control{background-color:#363636;border-color:#222222;}
.footer1 .title h3{font-weight:bold;padding:10px 0;font-size:18px;text-transform:none;}
.copyright1{background-color:#00BBC9;min-height:40px;border-bottom:1px solid #f2f2f2;color:#fff;padding:10px 0;font-weight:400;}
.footer-social li{-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px;color:#292723;border:1px solid #888;display:inline-block;font-size:15px;height:40px;line-height:40px;margin:30px 5px 5px;position:relative;text-align:center;width:40px;z-index:5;}
.footer-social li:hover a,
.footer-social li:hover i{color:#ffffff;}
.copyright1 a{color:#fff;font-weight:400;}
.copyright1 a:hover,.copyright1 a:active,.copyright1 a:focus{color:#fff !important;font-weight:400;}
.footerlogo{padding:10px 0; width: 50%;}
.footer-menu ul{list-style:none;list-style-position:outside;float:right;display:inline;margin:5px;}
.footer-menu li{line-height:12px;float:left;padding:0 7px;}
.contact-widget{background-image:url(/assets/images/footer_map.webp);background-size:100%;background-position:top center;background-repeat:no-repeat;}
.cart_list li,
.contact-widget ul li{list-style:none;}
.contact-widget .social{padding-top:10px;border-top:1px solid #3a3a3a !important;}
.contact-widget .social li:last-child{border-right:0 solid #fff;}
.contact-widget .social li{border-left:0 solid #F2F2F2;height:35px;line-height:35px;width:35px;}
.contact-widget i{font-size:15px;padding-right:5px;}
.twitter-widget ul li{display:inline-block;list-style:none;}
.twitter-widget ul li:before{-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px;color:#ffffff;border:1px solid #888;float:left;font-size:12px;height:35px;line-height:35px;margin:5px 10px 5px 0;position:relative;text-align:center;width:35px;z-index:5;font-family:'FontAwesome';content:"\f099";-webkit-font-smoothing:antialiased;}
.tagcloud a{float:left;display:block;margin-bottom:6px;margin-right:6px;padding:5px 10px;color:#83939C !important;text-decoration:none;border:1px solid #f2f2f2;box-shadow:none !important;}
.tagcloud a:hover{background:#232527;border:1px solid inherit;color:#fff !important;text-decoration:none;}
.widget{padding-bottom:20px;margin-bottom:20px;}
.widget .title h3{font-size:18px;color:#ffc000;}
#search_form:after{color:#d9d9d9;font-size:12px;height:35px;line-height:35px;position:absolute;width:35px;right:0;top:0;font-family:'FontAwesome';content:"\f002";}
#sidebar .tabbable{margin-top:20px;}

.check li a{color:#656565;}
.error404 h2{font-size:160px;font-weight:900;line-height:1.3;text-align:center;text-transform:none;margin-bottom:0 !important;padding-bottom:0;}
.error404 h3{margin:0 0 30px;font-size:26px;opacity:0.2;padding-top:0;text-align:center;}
.pricing-box{border:1px solid #a9a9a9;text-align:center;padding:20px;margin:40px 0;-webkit-transition:background-color .4s linear, color .4s linear;-moz-transition:background-color .4s linear, color .4s linear;-o-transition:background-color .4s linear, color .4s linear;-ms-transition:background-color .4s linear, color .4s linear;transition:background-color .4s linear, color .4s linear;}

#map{display:block;position:relative;height:450px;width:100%}
#map img{max-width:inherit}
.map{position:relative}
.infobox img{width:100% !important;}
.map .searchmodule{padding:18px 10px}

.dmtop{background-image:url('/assets/images/arrow.png');background-position:50% 50%;background-repeat:no-repeat;background-color:#111111;z-index:999;width:40px;height:40px;border-radius:0;text-indent:-999px;position:fixed;bottom:-100px;right:25px;cursor:pointer;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;transition:all .7s ease-in-out;overflow:none;}
.dmtop:hover{background-color:#111111 !important;}
.mmodebody .title h1 span,
.popular_items_div .price1,
.bigtitle .last span,
.twitter_widget .lead:before,
.twitter_widget .details a,
.breadcrumb a,
.highlight,
.tp-caption.pacifico3 span,
.tp-caption.small_thin_grey1 span,
.darkwrapper h1 span,
.center-title span,
.price-detail,
.rating i,
.featureslist li:before,
.check li:before,
.product_details li:before,
a.readmore,
.service-box .serviceicon i,
.pricing-box:hover div.price,
.servicesbox .serviceicon,
.copyright1 a:hover,
.copyright1 a:focus,
.tp-caption.big_title,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
#defaultmenu .navbar-nav li a:hover,
.callus span,
.social a:hover,
.panel-default > .panel-heading:hover a,
.panel-default > .panel-heading:hover .panel-title:after,
.footer1 i:hover,
.searchicon:before,
.footer-social li i,
.custom-box .diamondicon i,
a{color:#00baca;}
div.bbp-template-notice, div.indicator-hint,
#bbpress-forums li.bbp-body ul.forum li.bbp-forum-topic-count:hover,
#bbpress-forums li.bbp-body ul.forum li.bbp-forum-reply-count:hover,
.bs-glyphicons li:hover,
.onsale,
.volume:hover,
.tagcloud a:hover,
mark,div.bbp-template-notice.info,
.flex-control-paging li a.flex-active,
.btn-primary,
.twitter-widget ul li:hover:before,
.testimonial_details:hover,
.nav-tabs > li > a:hover,
.custom-box:hover .diamondicon{background-color:#00baca;}
.bigtitle h1:after,
.footer-social li,
.serviceicon:hover,
.custom-box:hover,
.custom-box:hover .serviceicon,
.serviceslist .service-icon .serviceicon,
.post-wrapper-top h2,
.form-control:focus,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.flickr-gallery li:hover,
.panel-default > .panel-heading:hover,
.twitter-widget ul li:before,

div.bbp-template-notice.info,
div.bbp-template-notice, div.indicator-hint,
.tagcloud a:hover,
.flex-control-paging li a,
.flex-control-paging li a.flex-active,
.tp-bullets.simplebullets .bullet:hover,
.tp-bullets.simplebullets .bullet.selected,
.btn-primary{border-color:#00baca;}
.miniicon:after,
.title1 hr:after,
.title hr:after,
.nav .open > a:after,
.nav .open > a:hover:after,
.nav .open > a:focus:after,
.navbar-default .navbar-nav > .active > a:hover:after,
.navbar-default .navbar-nav > .active > a:focus:after,
.navbar-nav > li > a:focus:after,
.navbar-nav > li > a:hover:after{border-top-color:#00baca;}
.dmtop{background-color:#ffc000 !important;}
#onepage .tp-bannertimer{background:rgba(33,194,248,0.8) !important;}
.jtbtn-big2{color:#00baca !important;}
.miniicon:before{border-bottom-color:#00baca;}
.hovicon.effect-1:after{box-shadow:0 0 0 4px #00baca;}
.jtbtn-big{border:1px solid #00baca;}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active{background-color:#232e84;}
.dropdown.icon{color:#FFC000;font-size:2em !important;position:relative;bottom:-6px;}
img.ui-datepicker-trigger{border-radius:3px;border-top-left-radius:0px;border-bottom-left-radius:0px;cursor:pointer;border-left:0px;}
#departure_date_1, #return_date_1,#departure_date,#return_date, #departure_date_multi_1,#departure_date_multi_2,#departure_date_multi_3,#departure_date_multi_4,#departure_date2, #return_date2{border-top-right-radius:0px;border-bottom-right-radius:0px;border-right:0px;}
.fa-calendar{display:none;}
.captita{text-transform:capitalize !important;text-shadow:3px 3px #101010;font-size:32px!important;line-height:1.0em !important;}
.disco{width:225px;margin:auto;}
.post_meta{text-align:justify;}
#cc .contact-widget li{clear:both;}
.WhiteRounded{height:80px;width:80px;}
.WhiteRounded a{margin-top:18px;font-size:16px;font-weight:700;}
.ImageWrapper .StyleSc span:nth-of-type(1){margin:-42px 0 0 -45px;}

.but_center{width:100%;text-align:center;margin:auto;margin-bottom: 60px;}
body > span:first-child{display:none;}

    .ui-autocomplete-loading {
        background: white url("/assets/images/ui-anim_basic_16x16.gif") right center no-repeat;
    }

    .white-popup-block table{
        font-size: 12px;
        width: 100%;
        margin-bottom:10px;
        margin-top:0px;
    }
    .white-popup-block .mybut{
        display: inline-block;
        padding: 6px 6px;
        margin-bottom: 0;
        font-size: 10px;
        font-weight: 700;
        line-height: 1;
        margin-left: 5px;
    }    
    .white-popup-block td{
        padding: 5px 5px;
    }  
    .white-popup-block tr{
        border-bottom: 1px #baca66 solid;
    }  
    .white-popup-block {
        background:#fff;
        padding: 20px 30px;
        text-align: left;
        max-width: 650px;
        margin: 40px auto;
        position: relative;
        transition: all 5s ease-in-out;
    }
    .white-popup {
        position: relative;
        background: #FFF;
        padding: 20px;
        width: auto;
        max-width: 500px;
        margin: 20px auto;
    }
    .popuptext {
        display: table;
    }
    .popuptext p {
        margin-bottom: 10px;
    }
    .popuptext span {
        font-weight: bold;
        float: right;
    }
    /* Popup Text */

    /* Icon CSS */
    .item {
        position: relative;
    }

    .servicesbox .title .doubleline{
        line-height:25px;
    }

.white-popup-block tbody {
    max-height: 450px;
    overflow-y: auto;
    display: block;
}

.white-popup-block.sport{
    max-width: 800px !important;
}
.white-popup-block table{
        font-size: 12px;
        width: 100%;
        margin-bottom:10px;
        margin-top:0px;
    }  

.white-popup-block td{
        padding: 5px 5px;
    }  

.white-popup-block tr{
        border-bottom: 1px #baca66 solid;
    }  

.style11{color: #A48157; font-weight: 700; font-size: 13px;}

/**media query**/

@media screen and (min-width: 640px) {
body div.wrapper section.packs .gridywrap .gridyhe-2 {height: 320px;}
body div.wrapper section.packs .gridywrap {
    width: 100%;
    }
body div.wrapper section.packs .gridywrap .gridy-1 {width: 50%;}
body div.wrapper section.packs .gridywrap .gridy-2 {width: 50%;}
body div.wrapper section.packs .gridywrap .gridy-3 {width: 100%;}
}
@media screen and (min-width: 1024px) {
body div.wrapper section.packs .gridywrap .gridy-1 {width: 33.3%;}
body div.wrapper section.packs .gridywrap .gridy-2 {width: 66.6%;}
body div.wrapper section.packs .gridywrap .gridy-3 {width: 100%;}
body div.wrapper section.packs .gridywrap .gridyhe-2 {height: 640px;}
}

@media screen and (max-width:413px){
    .white-popup-block td {
        padding: 4px 4px; 
    }

    .white-popup-block {
        padding: 20px 15px;
    }
}
@media screen and (max-width:376px){
    .white-popup-block td {
        padding: 4px 3px; 
    }
    .white-popup-block table {
        font-size: 11px;
        width: 100%;
        margin-bottom: 10px;
        margin-top: 0px;
    } 
        .white-popup-block {
        padding: 20px 15px;
    }
}
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
.col-mg-12, .col-md-12, .col-sm-12{
position: none !important;
}
@media screen and (max-height: 575px){
    #rc-imageselect,.g-recaptcha {
          transform:scale(0.80);
         transform-origin:0;
          transform:scale(0.80);
          transform-origin:0 0;
          -webkit-transform:scale(0.80);
          transform:scale(0.80);
         -webkit-transform-origin:0 0;
         transform-origin:0 0;
     }
}
@media(min-width:768px){
    .video-section .container,body div.wrapper .main_events section.events .menu_events .container{
        width:100% !important;
    }
    body div.wrapper .main_events section.events .contents_events .container{
    width:100% !important;
}
}
/* `sm` applies to x-small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    /*btn bkin*/
    #booking .boite_bas .row .btn-bkin {
    background-color: #002340;
    border: none;
    padding: 6px 40px 6px 23px !important;
    position: relative;
    border-radius: 4px;
    transition: .3s ease;
    }
    #booking .boite_bas .row .bkn-div .btn-bkin a {
    color: #fff;
    text-transform: uppercase;
    font-size: 13px !important;
    letter-spacing: 2px;
    font-weight: 600;
    }
    #booking .boite_bas .row .bkn-div .btn-bkin a::after {
    content: "";
    background: #ffbe0a;
    position: absolute;
    top: 8px !important;
    right: 17px !important;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    width: 14px !important;
    height: 14px !important;
    transition: .2s ease;
    }
    body{
        margin:0;
        padding:0;
        cursor:pointer !important;
    }
    body .wrapper header .container .row .col-lg-4 .logo a img{
    width:170px;
    vertical-align:middle;
    }
    
    body .wrapper header .container .row .col-lg-4 .reseaux a + a{
    margin-left:5px;
}
body .wrapper .sidenav li {
  position: relative;
padding:0 15px 10px 15px !important;  
}
body div.wrapper .video-section{
    height:auto !important;
}
body .wrapper .booking .sliderwrapper{
    display:none;
}
body .wrapper .sidenav li a::before {
  content: "";
  position: absolute;
  top: 0; 
  left: 15px;
  width:0; 
  height: 2px;
  background-color: #00baca; 
  transition: width 0.5s ease;
}
body .wrapper .sidenav li a:hover::before{
  width: 88%; 
}
body .wrapper #banner-animation .container .row .col-lg-12 .btn-discover {
    line-height:36px;
    font-size:23px;
    width:100%;
}

body .wrapper .packages-filter .container .row{
    padding:15px;
}
 .packages-filter .container .row .column{
  float: left;
  width: 100%;
  margin:15px 0;
  display: none; 
}
body .wrapper .wrapper .video-section{
    padding:50px 30px 50px 30px;
    align-content: center;
    height:100%;
}
body .wrapper section.icones .container-fluid .list-group{
    display:flex;
    flex-wrap:wrap;
}
body .wrapper section.icones .container-fluid .list-group li+li{
    margin-left:0 !important;
}

body div.wrapper section.icones .container-fluid{
    padding-bottom:30px !important;
}
body div.wrapper section.icones .container-fluid .list-group .list-group-item{
    padding:15px !important;
    margin-bottom:15px;
}
body .wrapper section.icones .container-fluid .list-group .list-group-item .title{
    /*display: none;*/
    position: absolute;
    top: 76px;
    left: 0;
    background-color:transparent !important;
    padding:5px;
    border-radius:2px;
    z-index:1;
    margin:2px;
    box-shadow:0 0 0 rgba(164,129,87, .2) !important;
}
body div.wrapper section.icones .container-fluid .list-group .list-group-item .title h4{
    color:#a48157 !important;
}
body .wrapper section.page_packages .row > .column {
  padding: 0;
}

body .footer1{
    background-image:none !important;
}
body .footer1 .container{
    padding-left:30px;
    padding-right:30px;
}
body .wrapper section.page_packages{
    background-image:none;
    }
body .wrapper .main_contact section.contact_form .container-fluid, .main_contact section.banner .container-fluid{
    padding-left:15px;
    padding-right:15px;
}
body .wrapper .main_contact section.contact_form .container-fluid .row .col-lg-6 form.formulaire{
    position:unset;
}
body .wrapper .main_contact section.contact_form .container-fluid .row .col-lg-6 form.formulaire{
    padding:30px 15px;
}
body .wrapper .main_contact section.contact_form{
    padding:30px 15px;
}
body .wrapper .main_contact section.contact_form .container-fluid .row .col-lg-6 h2{
    margin-left:0;
}
body .wrapper .main_contact section.contact_form .container-fluid .row .col-lg-6 h2:before{
    display:none;
}

body .wrapper .main_events section.events .menu_events .container .row .col-lg-12{
    padding:0;
}
body .wrapper .main_events section.events .menu_events .container .row .col-lg-12  .list-group{
    display:flex;
    align-items:center;
    justify-content:start !important;
    flex-wrap:wrap;
    margin-bottom:5px !important;
}

body .wrapper .main_events section.events .menu_events .container .row .col-lg-12 .list-group .list-group-item a{
    font-size:10px !important;
    text-transform:uppercase;
    color:#fff;
}
body .wrapper .main_events section.events .contents_events .container .row .col-lg-6 img{
    box-shadow:0 2px 4px;
    transition: .5s ease;
    margin-bottom:15px;
    margin-top:15px;
}
body .wrapper div.main-about-us section.filters .title_filter .container .row .col-lg-12 ul.list-group {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-bottom: 15px;
    border-bottom: 1px solid #ffc000;
    margin-bottom:5px;

}
body .wrapper div.main-about-us section.filters .title_filter .container .row .col-lg-12 ul.list-group .list-group-item a {
    font-size: 16px !important;
}
body .wrapper div.main-about-us section.filters .contents .container .row .content .btn-story{
    margin-bottom:15px;
}
body .wrapper div.main-about-us section.filters .contents .container .ancre{
    padding-bottom:15px !important;
    padding-top:15px !important;
}
body .wrapper div.main-about-us hr.sep,.main_events hr.sep{
    margin-top: 20px;
    margin-bottom: 20px;
}
.overlayi{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 58.8%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: rgb(0, 0, 0);
    border-radius: 12px;
    }
    body div.wrapper div.main-about-us section.filters .contents .container .row .type-event {
        padding: 0px 15px;
    }
    body div.wrapper section.page_packages #myBtnContainer .container .row .col-lg-12{
        padding-left:0 !important;
        padding-right:0 !important;
    }
    body div.wrapper .main_events section.events .menu_events .container .row .col-lg-12 .list-group .list-group-item{
        padding: 7px 7px;
    }
    body div.wrapper div.main-about-us section.media-lists .container .row .col-lg-6 .media .media-body h4{
    font-size:12px;
    }
    body div.wrapper div.main-about-us{
        background:none;
    }

}

/* `md` applies to small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
    /*btn bkin*/
    #booking .boite_bas .row .btn-bkin {
    background-color: #002340;
    border: none;
    padding: 6px 40px 6px 23px !important;
    position: relative;
    border-radius: 4px;
    transition: .3s ease;
    }
    #booking .boite_bas .row .bkn-div .btn-bkin a {
    color: #fff;
    text-transform: uppercase;
    font-size: 13px !important;
    letter-spacing: 2px;
    font-weight: 600;
    }
    #booking .boite_bas .row .bkn-div .btn-bkin a::after {
    content: "";
    background: #ffbe0a;
    position: absolute;
    top: 8px !important;
    right: 17px !important;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    width: 14px !important;
    height: 14px !important;
    transition: .2s ease;
    }
    body{
        margin:0;
        padding:0;
        cursor:pointer !important;
    }
    header .container .row .col-lg-4 .logo a img{
    width:170px;
    vertical-align:middle;
    }
    
    header .container .row .col-lg-4 .reseaux a + a{
    margin-left:5px;
}
body .wrapper .sidenav li {
  position: relative;
padding:0 15px 10px 15px !important;  
}

body .wrapper .sidenav li a::before {
  content: "";
  position: absolute;
  top: 0; 
  left: 15px;
  width:0; 
  height: 2px;
  background-color: #00baca; 
  transition: width 0.5s ease;
}
body .wrapper .sidenav li a:hover::before{
  width: 88%; 
}
body .wrapper #banner-animation .container .row .col-lg-12 .btn-discover {
    line-height:36px;
    font-size:23px;
     width:100%;
}
body .wrapper .packages-filter .container .row{
    padding:15px;
}
body .wrapper .packages-filter .container .row .column{
  float: left;
  width: 100%;
  margin:15px 0;
  display: none; 
}
body .wrapper .wrapper .video-section{
    padding:70px 30px 15px 30px;
    align-content: center;
    height:100%;
}
body div.wrapper .video-section{
    height:auto !important;
}
body .wrapper section.icones .container-fluid .list-group{
    display:flex;
    flex-wrap:wrap;
}
body .wrapper section.icones .container-fluid .list-group li+li{
    margin-left:0 !important;
}
body div.wrapper section.icones .container-fluid .list-group .list-group-item{
    padding:15px !important;
    margin-bottom:15px;
}
body .wrapper section.page_packages .row > .column {
  padding: 0;
}

body .footer1{
    background-image:none !important;
    padding-left: 30px;
}
body .footer1 .container{
    padding-left:30px;
    padding-right:30px;
}
body div.wrapper section.icones .container-fluid{
    padding-bottom:30px !important;
}
body .wrapper section.icones .container-fluid .list-group .list-group-item .title{
    /*display: none;*/
    position: absolute;
    top: 76px;
    left: 0;
    background-color:transparent !important;
    padding:5px;
    border-radius:2px;
    z-index:1;
    box-shadow:0 0 0 rgba(164,129,87, .2) !important;
}
body div.wrapper section.icones .container-fluid .list-group .list-group-item .title h4{
    color:#a48157 !important;
}
body .wrapper section.page_packages{
    background-image:none;
    }
body .wrapper .main_contact section.contact_form .container-fluid, .main_contact section.banner .container-fluid{
    padding-left:15px;
    padding-right:15px;
}
body div.wrapper .main_contact section.contact_form .container-fluid .row .col-lg-6 form.formulaire{
    position:unset;
}
body div.wrapper .main_contact section.contact_form .container-fluid .row .col-lg-6 form.formulaire{
    padding:30px 15px;
}
body div.wrapper .main_contact section.contact_form{
    padding:30px 15px;
}
body div.wrapper .main_contact section.contact_form .container-fluid .row .col-lg-6 h2{
    margin-left:0;
}
body div.wrapper .main_contact section.contact_form .container-fluid .row .col-lg-6 h2:before{
    display:none;
}
body div.wrapper .main_events section.events .menu_events .container .row .col-lg-12 .list-group{
    display:flex;
    align-items:center;
    justify-content:start !important;
    flex-wrap:wrap;
    margin-bottom:5px !important;
}
body div.wrapper .main_events section.events .menu_events .container .row .col-lg-12{
    padding:0;
}

body div.wrapper .main_events section.events .menu_events .container .row .col-lg-12 .list-group .list-group-item a{
    font-size:10px !important;
    text-transform:uppercase;
}
body div.wrapper .main_events section.events .contents_events .container .row .col-lg-6 img{
    box-shadow:0 2px 4px;
    transition: .5s ease;
    margin-bottom:15px;
    margin-top:15px;
}
body div.wrapper div.main-about-us section.filters .title_filter .container .row .col-lg-12 ul.list-group {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-bottom: 15px;
    border-bottom: 1px solid #ffc000;
    margin-bottom:5px;

}
body div.wrapper div.main-about-us section.filters .title_filter .container .row .col-lg-12 ul.list-group .list-group-item a {
    font-size: 16px !important;
}
body div.wrapper div.main-about-us section.filters .contents .container .row .content .btn-story{
    margin-bottom:15px;
}
body .wrapper div.main-about-us section.filters .contents .container .ancre{
    padding-bottom:15px !important;
    padding-top:15px !important;
}
div.main-about-us hr.sep,.main_events hr.sep{
    margin-top: 20px;
    margin-bottom: 20px;
}
/*
.boite_bas{
    padding-top:0px;margin-top:-60px;margin-bottom:50px;
}*/
.ui.container{
    margin:0 !important;
    }
    .overlayi{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 58.8%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: rgb(0, 0, 0);
    border-radius: 12px;
    }
    body div.wrapper div.main-about-us section.filters .contents .container .row .type-event {
        padding: 0px 15px;
    }
     .fhmm .dropdown-menu .withoutdesc{
        background:none;}
   .fhmm .nav, .fhmm .collapse, .fhmm .dropup, .fhmm .dropdown{width:100%;}
    .icn-main-container{top:-30px !important;}
    .dm_featured_box_bg{background:none;}
    .dm_featured_box{width:100%;}
    #search_form:after, .header_search, .callusv1{margin-top:0 !important;}
    .fhmm .navbar-nav > li > .dropdown-menu{margin-top:5px;}
    .header.affix .logo-wrapper,
    .tp-banner-container .jtbtn-big,
    .breadcrumb,
    .tp-caption.minidesc,
    .sliderwrapper .btn,
    .sliderwrapper .jtbtn{display:none;}
    .percent{line-height:6.5;}
    .social li:last-child,
    .callus li:last-child,
    .social li,
    .callus li{border:none}
    .footer-menu .menu,
    .copyright1,
    .callus,
    .callus li,
    .social li,
    .social,
    .logo{
    float:none !important;
    clear:both !important;
    text-align:center !important;
    }
    body div.wrapper section.page_packages #myBtnContainer .container .row .col-lg-12{
       padding-left:0 !important;
        padding-right:0 !important;
    }
    body div.wrapper .main_events section.events .menu_events .container .row .col-lg-12 .list-group .list-group-item{
        padding: 7px 7px;
    }
    body div.wrapper div.main-about-us section.media-lists .container .row .col-lg-6 .media .media-body h4{
    font-size:12px;
    }
    body div.wrapper div.main-about-us{
        background:none;
    }

    
}


/* `lg` applies to medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
    /*btn bkin*/
    #booking .boite_bas .row .btn-bkin {
    background-color: #002340;
    border: none;
    padding: 6px 40px 6px 23px !important;
    position: relative;
    border-radius: 4px;
    transition: .3s ease;
    }
    #booking .boite_bas .row .bkn-div .btn-bkin a {
    color: #fff;
    text-transform: uppercase;
    font-size: 13px !important;
    letter-spacing: 2px;
    font-weight: 600;
    }
    #booking .boite_bas .row .bkn-div .btn-bkin a::after {
    content: "";
    background: #ffbe0a;
    position: absolute;
    top: 8px !important;
    right: 17px !important;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    width: 14px !important;
    height: 14px !important;
    transition: .2s ease;
    }
    body{
        margin:0;
        padding:0;
        cursor:pointer !important;
    }
    header .container .row .col-lg-4 .logo a img{
    width:170px;
    vertical-align:middle;
    }
    
    header .container .row .col-lg-4 .reseaux a + a{
    margin-left:5px;
}
.sidenav li{
  position: relative;
padding:0 15px 10px 15px !important;  
}

.sidenav li a::before{
  content: "";
  position: absolute;
  top: 0; 
  left: 15px;
  width:0; 
  height: 2px;
  background-color: #00baca; 
  transition: width 0.5s ease;
}
.sidenav li a:hover::before{
  width: 88%; 
}
body div.wrapper #banner-animation .container .row .col-lg-12 .btn-discover {
    line-height:36px;
    font-size:23px;
     width:100%;
}
.packages-filter .container .row{
    padding:15px;
}
 .packages-filter .container .row .column{
  float: left;
  width: 100%;
  margin:15px 0;
  display: none; 
}
.wrapper .video-section{
    padding:50px 30px 50px 30px;
    align-content: center;
    height:100%;
}
body div.wrapper .video-section{
    height:auto !important;
}
body div.wrapper section.icones .container-fluid .list-group{
    display:flex;
    flex-wrap:wrap;
}
body div.wrapper section.icones .container-fluid .list-group li+li{
    margin-left:0 !important;
}
body div.wrapper section.icones .container-fluid .list-group .list-group-item{
    padding:15px !important;
    margin-bottom:15px;
}
body div.wrapper section.page_packages .row > .column {
  padding: 0;
}
.footer1{
    background-image:none;
}
.footer1 .container{
    padding-left:30px;
    padding-right:30px;
}
body div.wrapper section.icones .container-fluid{
    padding-bottom:30px !important;
}
body div.wrapper section.icones .container-fluid .list-group .list-group-item .title{
    /*display: none;*/
    position: absolute;
    top: 76px;
    left: 0;
    background-color:transparent !important;
    padding:5px;
    border-radius:2px;
    z-index:1;
    box-shadow:0 0 0 rgba(164,129,87, .2) !important;
}
body div.wrapper section.icones .container-fluid .list-group .list-group-item .title h4{
    color:#a48157 !important;
}
body div.wrapper section.page_packages{
    background-image:none;
    }
body div.wrapper .main_contact section.contact_form .container-fluid, .main_contact section.banner .container-fluid{
    padding-left:15px;
    padding-right:15px;
}
body div.wrapper .main_contact section.contact_form .container-fluid .row .col-lg-6 form.formulaire{
    position:unset;
}
body div.wrapper .main_contact section.contact_form .container-fluid .row .col-lg-6 form.formulaire{
    padding:30px 15px;
}
body div.wrapper .main_contact section.contact_form{
    padding:30px 0px;
}
body div.wrapper .main_contact section.contact_form .container-fluid .row .col-lg-6 h2{
    margin-left:0;
}
body div.wrapper .main_contact section.contact_form .container-fluid .row .col-lg-6 h2:before{
    display:none;
}
body div.wrapper .main_events section.events .menu_events .container .row .col-lg-12{
    padding:0;
}
body div.wrapper .main_events section.events .menu_events .container .row .col-lg-12 .list-group{
    display:flex;
    align-items:center;
    justify-content:start !important;
    flex-wrap:wrap;
    margin-bottom:5px !important;
}
body div.wrapper .main_events section.events .menu_events .list-group{
    margin-bottom:5px;
}
body div.wrapper .main_events section.events .menu_events .list-group .list-group-item a{
    font-size:10px !important;
    text-transform:uppercase;
    color:#fff;
}
body div.wrapper .main_events section.events .contents_events .container .row .col-lg-6 img{
    box-shadow:0 2px 4px;
    transition: .5s ease;
    margin-bottom:15px;
    margin-top:15px;
}
body div.wrapper div.main-about-us section.filters .title_filter .container .row .col-lg-12 ul.list-group {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-bottom: 15px;
    border-bottom: 1px solid #ffc000;
    margin-bottom:5px;

}
body div.wrapper div.main-about-us section.filters .title_filter .container .row .col-lg-12 ul.list-group .list-group-item a {
    font-size: 16px !important;
}
body div.wrapper div.main-about-us section.filters .contents .container .row .content .btn-story{
    margin-bottom:15px;
}
body .wrapper div.main-about-us section.filters .contents .container .ancre{
    padding-bottom:15px !important;
    padding-top:15px !important;
}
body div.wrapper div.main-about-us hr.sep,.main_events hr.sep{
    margin-top: 20px;
    margin-bottom: 20px;
}
.overlayi{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60.8%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: rgb(0, 0, 0);
    border-radius: 12px;
    }
    body div.wrapper div.main-about-us section.filters .contents .container .row .type-event {
        padding: 0px 15px;
    }
    body div.wrapper section.page_packages #myBtnContainer .container .row .col-lg-12{
        padding-left:0 !important;
        padding-right:0 !important;
    }
    body div.wrapper .main_events section.events .menu_events .container .row .col-lg-12 ul.list-group{
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding-bottom:15px;
    border-bottom:1px solid #ffc000;
    margin-bottom:70px;
    flex-wrap:wrap;
    }
    body div.wrapper .main_contact section.contact_form .container-fluid{
        padding-left: 30px;
        padding-right: 30px;
    }
    body div.wrapper div.main-about-us section.media-lists .container .row .col-lg-6 .media .media-body h4{
    font-size:12px;
    }
    body div.wrapper div.main-about-us{
        background:none;
    }

}

/* `xl` applies to large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
     body{
        cursor:pointer !important;
     }
    .main_contact section.contact_form .container-fluid, .main_contact section.banner .container-fluid{
    padding-left:15px;
    padding-right:15px;
}
body div.wrapper .main_events section.events .menu_events .container .row .col-lg-12 ul.list-group{
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding-bottom:15px;
    border-bottom:1px solid #ffc000;
    margin-bottom:70px;
    flex-wrap:wrap;
    }
    body div.wrapper .main_contact section.contact_form .container-fluid{
        padding-left: 30px;
        padding-right: 30px;
    }
}

/* `xxl` applies to x-large devices (large desktops, less than 1400px)*/
.m-0 { margin:0!important; }
.m-1 { margin:.25rem!important; }
.m-2 { margin:.5rem!important; }
.m-3 { margin:1rem!important; }
.m-4 { margin:1.5rem!important; }
.m-5 { margin:3rem!important; }

.mt-0 { margin-top:0!important; }
.mr-0 { margin-right:0!important; }
.mb-0 { margin-bottom:0!important; }
.ml-0 { margin-left:0!important; }
.mx-0 { margin-left:0 !important;margin-right:0 !important; }
.my-0 { margin-top:0!important;margin-bottom:0!important; }

.mt-1 { margin-top:.25rem!important; }
.mr-1 { margin-right:.25rem!important; }
.mb-1 { margin-bottom:.25rem!important; }
.ml-1 { margin-left:.25rem!important; }
.mx-1 { margin-left:.25rem!important;margin-right:.25rem!important; }
.my-1 { margin-top:.25rem!important;margin-bottom:.25rem!important; }

.mt-2 { margin-top:.5rem!important; }
.mr-2 { margin-right:.5rem!important; }
.mb-2 { margin-bottom:.5rem!important; }
.ml-2 { margin-left:.5rem!important; }
.mx-2 { margin-right:.5rem!important;margin-left:.5rem!important; }
.my-2 { margin-top:.5rem!important;margin-bottom:.5rem!important; }

.mt-3 { margin-top:1rem!important; }
.mr-3 { margin-right:1rem!important; }
.mb-3 { margin-bottom:1rem!important; }
.ml-3 { margin-left:1rem!important; }
.mx-3 { margin-right:1rem!important;margin-left:1rem!important; }
.my-3 { margin-bottom:1rem!important;margin-top:1rem!important; }

.mt-4 { margin-top:1.5rem!important; }
.mr-4 { margin-right:1.5rem!important; }
.mb-4 { margin-bottom:1.5rem!important; }
.ml-4 { margin-left:1.5rem!important; }
.mx-4 { margin-right:1.5rem!important;margin-left:1.5rem!important; }
.my-4 { margin-top:1.5rem!important;margin-bottom:1.5rem!important; }

.mt-5 { margin-top:3rem!important; }
.mr-5 { margin-right:3rem!important; }
.mb-5 { margin-bottom:3rem!important; }
.ml-5 { margin-left:3rem!important; }
.mx-5 { margin-right:3rem!important;margin-left:3rem!important; }
.my-5 { margin-top:3rem!important;margin-bottom:3rem!important; }

.mt-auto { margin-top:auto!important; }
.mr-auto { margin-right:auto!important; }
.mb-auto { margin-bottom:auto!important; }
.ml-auto { margin-left:auto!important; }
.mx-auto { margin-right:auto!important;margin-left:auto!important; }
.my-auto { margin-bottom:auto!important;margin-top:auto!important; }

.p-0 { padding:0!important; }
.p-1 { padding:.25rem!important; }
.p-2 { padding:.5rem!important; }
.p-3 { padding:1rem!important; }
.p-4 { padding:1.5rem!important; }
.p-5 { padding:3rem!important; }

.pt-0 { padding-top:0!important; }
.pr-0 { padding-right:0!important; }
.pb-0 { padding-bottom:0!important; }
.pl-0 { padding-left:0!important; }                             
.px-0 { padding-left:0!important;padding-right:0!important; }
.py-0 { padding-top:0!important;padding-bottom:0!important; }

.pt-1 { padding-top:.25rem!important; }         
.pr-1 { padding-right:.25rem!important; }                       
.pb-1 { padding-bottom:.25rem!important; }      
.pl-1 { padding-left:.25rem!important; }                            
.px-1 { padding-left:.25rem!important;padding-right:.25rem!important; }
.py-1 { padding-top:.25rem!important;padding-bottom:.25rem!important; }

.pt-2 { padding-top:.5rem!important; }                                              
.pr-2 { padding-right:.5rem!important; }                                
.pb-2 { padding-bottom:.5rem!important; }               
.pl-2 { padding-left:.5rem!important; }                                             
.px-2 { padding-right:.5rem!important;padding-left:.5rem!important; }
.py-2 { padding-top:.5rem!important;padding-bottom:.5rem!important; }

.pt-3 { padding-top:1rem!important; }                               
.pr-3 { padding-right:1rem!important; }             
.pb-3 { padding-bottom:1rem!important; }                
.pl-3 { padding-left:1rem!important; }                              
.py-3 { padding-bottom:1rem!important;padding-top:1rem!important; }
.px-3 { padding-right:1rem!important;padding-left:1rem!important; }

.pt-4 { padding-top:1.5rem!important; }                             
.pr-4 { padding-right:1.5rem!important; }               
.pb-4 { padding-bottom:1.5rem!important; }              
.pl-4 { padding-left:1.5rem!important; }                                
.px-4 { padding-right:1.5rem!important;padding-left:1.5rem!important; }
.py-4 { padding-top:1.5rem!important;padding-bottom:1.5rem!important; }

.pt-5 { padding-top:3rem!important; }   
.pr-5 { padding-right:3rem!important; } 
.pb-5 { padding-bottom:3rem!important; }    
.pl-5 { padding-left:3rem!important; }  
.px-5 { padding-right:3rem!important;padding-left:3rem!important; }
.py-5 { padding-top:3rem!important;padding-bottom:3rem!important; }

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.img-thumbnail {
    padding: 4px !important;
}

.article-title {
    margin-top: 1%;
    font-size:35px;
    color: #002340; 
    background-image: linear-gradient(30deg, #002340 50%, #00baca 20%, #ffc000 55%); 
    background-clip: text; 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent;
    position:relative;
    text-transform: uppercase;
}

.image-container {
    width : 80%;
    padding: 1% 0;
}

.article-image {
    width:100%;
}

.article-content {
    width: 80%;
    font-size: 20px;
    color: #002340;
    text-align: justify;
    padding: 2% 0;
}

a.btn-back-blog {
    margin-top: 1%;
    background-color: #002340;
    color: white;
    padding: .5% 2%;
    border-radius: 5px;
    text-decoration: none;
}

a.btn-back-blog:hover {
    background-color: #00baca;
    color: white;
    padding: .5% 2%;
    border-radius: 5px;
    text-decoration: none;
}

a.btn-back-blog i {
    margin-right: 5%;
}

/*Noouveau règle modifié du 03/02/2025*/

body section.partners .partenaires{
    display:none !important;
}

.icones .container-fluid h2{
    margin-top:0 !important;
}

footer .container .row .col-12 .widget div ul li.advantio{
    list-style:none !important;
    margin-top:10px !important;
}

/*new css*/

#booking .boite_bas .row .btn-bkin{
    background-color: #002340;
    border:none;
    padding:6px 54px 6px 23px;
    position:relative;
    border-radius:4px;
    transition: .3s ease;
}
#booking .boite_bas .row .bkn-div{
    text-align:center;
    display:flex;
    justify-content:center;
    align-content:center;
}
#booking .boite_bas .row .bkn-div .btn-bkin a{
    color:#fff;
    text-transform:uppercase;
    font-size: 32px;
    letter-spacing: 2px;
    font-weight:600;
}
#booking .boite_bas .row .bkn-div .btn-bkin a:active,
#booking .boite_bas .row .bkn-div .btn-bkin a:focus{
    text-decoration:none;
}
#booking .boite_bas .row .bkn-div .btn-bkin a:hover{
    background-color:transparent;
}
#booking .boite_bas .row .bkn-div .btn-bkin:hover{
   background:linear-gradient(45deg, #002340 50%, #00baca 17%);
   transition: .5s ease; 
}
#booking .boite_bas .row .bkn-div .btn-bkin a::after{
   content: "";
    background: #ffbe0a;
    position: absolute ;
    top: 17px;
    right: 19px;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    width: 23px;
    height: 23px ;
    transition: .2s ease; 
}

#booking .boite_bas .row .bkn-div .btn-bkin  a.pack_btn::after{
    content: "";
    background: #fff;
    position: absolute;
    top: 17px;
    right: 19px;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    width: 23px;
    height: 23px;
    transition: .2s ease;
    transform:rotate(90deg);
}