@font-face {
        font-family: GoldenHopes;
        src: url("../fonts/goldenhopes_v2.otf");
}

body{font-family: 'Roboto', sans-serif;background-color:white;color: #646574;padding-top: 30px;}

a {text-decoration:none;color:inherit}
a:hover{text-decoration:none;color:inherit;}
/*p{text-align: justify;}*/
.truc_mail{display:none;}
/*---- Read More ---*/
#more {display: none;}
#flou{
  height: 100px;
  background: linear-gradient(180deg,hsla(0,0%,100%,0) 0,#f6f6f6 100%,#f6f6f6);
  position: relative;
  margin-top: -120px;
}

/*---- END Read More ---*/
:target:before {
  /*Jump over the fixed top*/
  content: "";
  display: block;
  height: 100px;
  margin: -100px 0 0;
}

.golden_txt{font-family:GoldenHopes;color:#a2171a;font-size:50px;line-height :100%}
.golden_txt_s{font-family:GoldenHopes;color:#a2171a;font-size:27px;line-height :100%}
.golden_txt_m{font-family:GoldenHopes;color:#a2171a;font-size:35px;line-height :100%}


.txt_menu_moteur_voile{position:absolute;left:75%;font-family:GoldenHopes;color:#a2171a;font-size:27px;line-height :100%;width:380px;text-align: center;margin-left:-130px;top:33px}
.txt_menu_moteur_voile_medium{position:absolute;left:75%;font-family:GoldenHopes;color:#a2171a;font-size:27px;line-height :100%;width:220px;text-align: center;margin-left:-45px;top:33px}
.txt_menu_moteur_voile_small{font-family:GoldenHopes;color:#a2171a;font-size:27px;line-height :160%;margin-left:25px;}
.navbar{padding-bottom:20px;padding-top:10px;} /*voir ausssi navbar-ligh pour moteur et voile*/



.motte_color{color:#a2171a;}

.ul_bottom_0 ul{padding-top:0px;padding-top:0px;padding-bottom:0px;margin-bottom:0px;}


.top_screen_margin{padding-top:110px;}

li {list-style-image: url("../bootstrap_icons/check2.svg")}
.modal-body li {margin-bottom:0.8rem;}
.p_li li{margin-bottom:0.8rem;}

.navbar li{list-style-image:none}
.carousel li{list-style-image:none}

.modal-header {border-bottom: 2px solid #a2171a}

.bg_grey{background-color: #f0f0f0;}
.bg_gris{background-color: #f7f7f7;}
.bg_blanc{background-color: #FFFFFF;}
.bg_antra{background-color:#3c3d48;}
.bg_motte{background-color:#a2171a;}
.bg_gris_fonce{background-color:#e1e1e1;}
.border-motte{border-color:#e5e5e5;}

.bg_motte_gradient{text-transform:uppercase;background: linear-gradient(to bottom, #c50a11, #9c292d);}


.btn{border-radius:0}
.btn-motte{background-color: #a2171a;color:#f1f1f1;border-color: #a2171a;}
.btn-black{background-color: #3c3d48;color:#f1f1f1}

.badge-mm{background-color: #a2171a;color:#f1f1f1;border-radius:0;font-weight:normal;font-size:.85em}
.badge-mm-black{background-color: #3c3d48;color:#f1f1f1;border-radius:0;font-weight:normal;font-size:.85em}

.h_formulaire{font-weight:normal;color: #a2171a;font-size:1.1rem;}
.display-7{font-size:1.1rem;font-weight: lighter;color:#333333}
.footer_motte{background-color:#3c3d48;width:100%;color:#f1f1f1;font-size:0.8rem;line-height: 1.8;}
.footer_motte a{color:#f1f1f1;text-decoration:none;}

.mm_header_text{position:relative;top:120px;padding-left:3%;font-weight: bold;color:white;font-size:50px;opacity: 90%;text-shadow: #2f2e2e 1px 0 10px;text-align:left;}

.card{border-radius: 0;}
.card-img-top{border-radius: 0;}
.card-title{color:#3c3d48;}
.card-text{color:#6c757d;}
.mm_text_shadow{text-shadow: #2f2e2e 5px 0 10px;}

.mm_text_shadow_atelier{text-shadow: #4d4d4e 5px 0 10px;}

.mm_navbrand{
  width:260px;
}
.mm_dark_color{color:#3c3d48;}


h2 {
    text-align: center;
    /*color: #646574;*/
    /*color:#3c3d48;*/

    color:#3c3d48;
    font-size: 1.5rem;
    font-weight: 300;
    position: relative;
    /*text-transform: uppercase;*/
    text-transform:none;
    margin-bottom: 55px;
    text-transform: uppercase;
}
h2::after {
    content: "";
    display: block;
    width: 97px;
    height: 3px;
    background: #a2171a;
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -47px;
    
}
h3 {
    font-weight: 500;
    color:#3c3d48;
    margin-bottom: 15px;
    font-size: 18px;
}
h3 a{text-decoration:none;color:#3c3d48;}

h4 {
    
    color: #4a4b55;
    text-transform: none;
    
    margin-bottom: 20px;
}

.bi::before {
    display: inline-block;
    content: "";
    vertical-align: -.125em;
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z' clip-rule='evenodd'/></svg>");
    background-repeat: no-repeat;
    background-size: 1rem 1rem;
  }

.section_service{
    background-color:#acacb1;padding:20px;color:white;text-transform: uppercase;

}
.img_zoom {
    transition: transform .2s; /* Animation */
  }
  
.img_zoom:hover {
    transform: scale(1.09); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    cursor: pointer;
  }

  .img_zoombig {
    transition: transform .2s; /* Animation */
  }
  
.img_zoombig:hover {
    transform: scale(1.15); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    cursor: pointer;
  }
  .hover-shadow {
    transition: 0.3s;
  }
  
  .hover-shadow:hover {
    /*border-color: #9c292d;*/
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }

  .cursor {
    cursor: pointer;
  }


.btn_boat_voir_pic{position:relative;margin-top:-50px;margin-right:10px;float:right;}

.boat_card_pic{height:270px;object-fit: cover;overflow:hidden}
.news_card_pic{height:270px;object-fit: cover;overflow:hidden}
.gallery_card_pic{height:270px;object-fit: cover;overflow:hidden}
.location_card_pic{width:100%}



.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23a2171a'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23a2171a'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}


/* Sm */
@media all and (min-width: 576px) {
  .txt_menu_moteur_voile_small{font-family:GoldenHopes;color:#a2171a;font-size:27px;line-height :160%;margin-left:37px;}
  /*.mm_navbrand{width:160px;}*/
  .mm_navbrand{width:280px;}

  .pic_h{height:150px;overflow:hidden;}
  .pic_h_news{height:auto;overflow:hidden;}
  .titre_h{height:50px;overflow:hidden;}
  .titre_h_news{height:30px;overflow:hidden;}
  .text_h{height:100px;overflow:hidden}
  h2{font-size: 1.7rem;}
  .boat_card_pic{height:220px;object-fit: cover;overflow:hidden}
  
  .boat_top_galery_side{height:95px;object-fit: cover;overflow:hidden}
  .boat_top_galery_main{height:190px;object-fit: cover;overflow:hidden}

  .gallery_card_pic{height:178px;object-fit: cover;overflow:hidden}

  .btn_boat_voir_pic{margin-top:-70px;margin-right:20px;}
}	

/* MD */
@media all and (min-width: 768px) {
  /*.mm_navbrand{width:180px;}*/

  .navbar-light{height:auto;} /*pour moteur et voile*/
  .mm_navbrand{width:320px;}
  .card_boat_titre{height:50px;}
  .card_boat_moteur{height:30px;}
  .boat_card_pic{height:200px;}

  .boat_top_galery_side{height:130px}
  .boat_top_galery_main{height:260px}

  .btn_boat_voir_pic{margin-top:-85px;margin-right:65px;}
  .gallery_card_pic{height:245px;object-fit: cover;overflow:hidden}

  .location_card_pic{height:165px;object-fit: cover;overflow:hidden}

}	
/* lg */
@media all and (min-width: 992px) {
  h2{font-size: 2.2rem;}
  body{padding-top: 100px;}
  .top_screen_margin{padding-top:90px;}
  /*.mm_navbrand{width:200px;}*/
  .mm_navbrand{width:320px;}


  .boat_top_galery_side{height:175px}
  .boat_top_galery_main{height:350px}

  .btn_boat_voir_pic{margin-top:-105px;margin-right:10px;}
  .gallery_card_pic{height:216px;object-fit: cover;overflow:hidden}

  /*Jump over the fixed top*/
  :target:before {content: "";display: block;height: 150px;margin: -150px 0 0;}
  .txt_zar_rhea_h{min-height:260px;}

  .location_card_pic{height:225px;object-fit: cover;overflow:hidden}
  
}	

/* XL */
@media all and (min-width: 1200px) {
.boat_card_pic{height:235px;object-fit: cover;overflow:hidden}
.news_card_pic{height:235px;object-fit: cover;overflow:hidden}

.boat_top_galery_side{height:210px}
.boat_top_galery_main{height:420px}
.gallery_card_pic{height:260px;object-fit: cover;overflow:hidden}

.btn_boat_voir_pic{margin-top:-125px;margin-right:31px;}
.txt_zar_rhea_h{min-height:240px;}

.location_card_pic{height:270px;object-fit: cover;overflow:hidden}

}	
/* XXL */
@media all and (min-width: 1400px) {
  .boat_top_galery_side{height:243px}
.boat_top_galery_main{height:486px}
.gallery_card_pic{height:305px;object-fit: cover;overflow:hidden}

.btn_boat_voir_pic{margin-top:-142px;margin-right:53px;}

.location_card_pic{height:315px;object-fit: cover;overflow:hidden}


}	

/*------------------ navbar INDEX --------------*/
.navbar-light{border-color:#dfe0e1;height:50px;}

.nav-item {font-size:0.7rem;padding-bottom:15px;text-transform: uppercase;letter-spacing: .1rem;}

/*----*/
.nav-item a{
  color:#c51a1a;
  color:#3c3d48;
  text-decoration:none;
  position:relative;
  padding:6px 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}    
.nav-item a:after{
  content:'';
  width:0%;
  margin-left:50%;
  /*margin-left:0;*/
  height:3px;
  bottom:0;
  left:0;

  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition:all 0.5s;
  position:absolute;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition:all 0.5s;
}
.nav-item a:hover:after {
  background-color: #a2171a;
  width:60%;
  /*width:20%;*/
 margin-left:20%;
 /*margin-left:0;*/
}

.card-body a::after{content:none!important;}
.card-footer a::after{content:none!important;}
.card-title a{color:#6e6e6e!important;}

/*-----*/
.navbar_motte a{color:#6e6e6e}
.navbar_motte a:hover{color:#a2171a}

.active a{color:#a2171a;text-decoration:none;position:relative;padding:6px 0;-webkit-transition: none;-o-transition: none; transition: none;width:100%}
.active a::after{content:'';background-color: #a2171a;width:100%;margin-left:0;height:2px;bottom:0;left:0;position:absolute; -webkit-transition: none; -o-transition:none; transition:none}
.active a:hover:after {background-color: #a2171a;width:100%;margin-left:0;-webkit-transition: none; -o-transition:none; transition:none} 


  @media all and (min-width: 576px) {
    .navbar {padding-top: 0; padding-bottom: 0; }

    .navbar .nav-link{ padding-top:1rem; padding-bottom:1rem;}
  }


.navbar .navbar-nav .nav-link {
color: #000000;
font-size: 1.1em;
}
.navbar .navbar-nav .nav-link:hover{
color: #808080;
}
@media only screen and (min-width: 992px) {
.navbar {
flex-direction: column;
}

.navbar .nav-item {
padding: 0.5em 1em;
}
}

.dropdown_motte {list-style-type:none;font-size:0.8rem;}
.dropdown_motte a{text-decoration:none;color:#6e6e6e!important}
.dropdown_motte a::after{height:0px!important;color:#6e6e6e!important}

.megamenu{border-top: none;margin-top:-4px!important;}
.w_motte_drop {max-width:800px;}
.navbar-brand {transform: translateX(-50%);left: 50%;position: absolute;top:0px}

@media all and (min-width: 576px) {
.navbar {padding-top: 0; padding-bottom: 0; }
.navbar .has-megamenu{position:static!important;}
.navbar .megamenu{left:0; right:0; width:100%; padding:15px;}
.navbar .nav-link{ padding-top:1rem; padding-bottom:1rem;}
}
/* ============ desktop view ============ */
@media all and (min-width: 992px) {

.navbar .nav-item .dropdown-menu{ display: none;}
.navbar .nav-item:hover .dropdown-menu{ display: block; }
.navbar .nav-item .dropdown-menu{ margin-top:0;}
.dropdown_motte {width:170px;text-align:center;}
.navbar-brand {
transform: none;
left:unset;
top:unset;
position: static;
}

}	
/* ============ desktop view .end// ============ */
@media all and (max-width: 992px) {
.nav-item a:after{margin-left:0;}
.nav-item a:hover:after {width:20%;margin-left:0; }
}

#button_to_top {
display: none; /* Hidden by default */
position: fixed; /* Fixed/sticky position */
bottom: 20px; /* Place the button at the bottom of the page */
right: 30px; /* Place the button 30px from the right */
z-index: 99; /* Make sure it does not overlap */
border: none; /* Remove borders */
outline: none; /* Remove outline */
/*background-color: #9c292d; /* Set a background color */
color: white; /* Text color */
cursor: pointer; /* Add a mouse pointer on hover */
/*padding: 3px; /* Some padding */
border-radius: 10px; /* Rounded corners */
font-size: 18px; /* Increase font size */
opacity: 0.5;
transition: background-color .3s, 
opacity .5s, visibility .5s;
}

#button_to_top:hover {
background-color: #555; /* Add a dark-grey background on hover */
}