@charset "UTF-8";

/*!
* Theme CSS -
* Based on Twitter Bootsrap 4.3.1
* Author - Antipole - www.antipole.fr
*/

/*------------------------------------------------------*
*-----------------------------------     GENERAL     ----*
*------------------------------------------------------*/

/* To fit rem size in pixel easily */
html {
  font-size: 62.5%;
}

body {
  font-family: 'Roboto Slab', serif;
  font-size: 2rem;
  color: #000;
  overflow-x:hidden;
}

*:focus {
  outline: 0 !important;
}

#boat-main-specs a {
    color: #000;
    text-decoration: underline;
}

/*------------------------------------------------------*
*-----------------------------------     HEADER     ----*
*------------------------------------------------------*/

#header {
  min-height: 140px;
  padding-top: 20px;

}

#logo{ 
  display: block;
  width: 200px;
  height: 100px;
  background-image: url(../images/design/logo-sillage.png);
  background-repeat: no-repeat;
  background-position: center center;
}

/*------------------------------------------------------*
*-----------------------------------     NAVIGATION     ----*
*------------------------------------------------------*/
.navbar{
  padding:0;
}

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

#mainmenu .navbar-nav{
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}

#mainmenu .nav-item:nth-child(1){
  flex-basis: 30%;
}
#mainmenu .nav-item:nth-child(2){
  flex-basis: 40%;
}
#mainmenu .nav-item:nth-child(3){
  flex-basis: 15%;
  color: #BD9A00;
}

.nav-link{
    color: #BD9A00;
    font-size: 2rem;
    text-transform: uppercase;
    padding: 0;
    display: flex;
    align-items:center;
    justify-content: center;
    flex-direction:row;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    cursor: pointer;
}


.nav-link:hover, .nav-link:focus, .nav-link.selected{
    color: #424242;
}

/*.nav-item .nav-link:hover::before {
  color: #9cb1be; #424242 ; 497082
}*/

.nav-item:last-child .nav-link{
    display: inline-block;
}

.nav-item:nth-child(1) .nav-link::before {
  font-family: "sillage";
  content: "\e904";
  display: inline-block;
  font-size: 5rem;
  margin-right:1rem;
}

.nav-item:nth-child(2) .nav-link::before {
  font-family: "sillage";
  content: "\e905";
  display: inline-block;
  font-size: 5rem;
  margin-right:1rem;
}

.nav-item:nth-child(3) .nav-link{
  height: auto;
}

/*------------------------------------------------------*
*-----------------------------------     OPEN/CLOSE BT     ----*
*------------------------------------------------------*/

.navbar-toggler {
  cursor: pointer;
  /*padding: 1rem 0.8rem ;*/
  height: 5rem;
  border: 0.3rem solid #497082 ;
  border-radius: 0;
  cursor: pointer;
}
.navbar-toggler .icon-bar {
  display: block;
  width: 4rem;
  height: 0.3rem;
  border-radius: 0;
  background-color: #9cb1be;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
}
.navbar-toggler .icon-bar+.icon-bar {
  margin-top: 0.5rem;
}
.navbar-toggler:hover .icon-bar:nth-child(2) {
  -webkit-transform: translate(0, -0.2rem);
  -ms-transform: translate(0, -0.2rem);
  -o-transform: translate(0, -0.2rem);
  transform: translate(0, -0.2rem);
}
.navbar-toggler:hover .icon-bar:nth-child(4) {
  -webkit-transform: translate(0, 0.2rem);
  -ms-transform: translate(0, 0.2rem);
  -o-transform: translate(0, 0.2rem);
  transform: translate(0, 0.2rem);
}
.navbar-toggler[aria-expanded="true"] {
  padding-bottom: 1rem;
}
.navbar-toggler[aria-expanded="true"] .icon-bar:nth-child {
  background-color: #9cb1be;
}
.navbar-toggler[aria-expanded="true"] .icon-bar:nth-child(2) {
  width: 4rem;
  -webkit-transform: translate(0, 1.3rem) rotate(45deg);
  -ms-transform: translate(0, 1.3rem) rotate(45deg);
  -o-transform: translate(0, 1.3rem) rotate(45deg);
  transform: translate(0, 0.8rem) rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .icon-bar:nth-child(3), .navbar-toggler[aria-expanded="true"] #logo {
  display: none;
}
.navbar-toggler[aria-expanded="true"] .icon-bar:nth-child(4) {
  width: 4rem;
  -webkit-transform: translate(0, 0) rotate(-45deg);
  -ms-transform: translate(0, 0) rotate(-45deg);
  -o-transform: translate(0, 0) rotate(-45deg);
  transform: translate(0, 0) rotate(-45deg);
}

/*------------------------------------------------------*
*-----------------------------------     HERO - HOMEPAGE     ----*
*------------------------------------------------------*/

#hero {
    position: relative;
    height: calc(100vh - 140px);
    min-height: 500px;
    overflow: hidden;
}

#hero h1{
  font-family: 'Paytone One', sans-serif;
  font-size:5.4vw;
  color: #FFF;
  color: rgba(255, 255, 255, 0.9);
  padding-top: 5%;
 }

 #hero .container{
  position: relative;
  z-index: 2;
 }

#video-overlay {
    background-color: rgba(56, 88, 163, 0.2);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}


#bgvid {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  transform: translateX(-50%) translateY(-50%);
}

/*------------------------------------------------------*
*-----------------------------------     BOAT    ----*
*------------------------------------------------------*/

#boat-main-visual {
    position: relative;
    height: calc(100vh - 140px - 90px);
    min-height: 500px;
    background-position: center center;
    background-size:cover;
}

#boat-main-visual .container {
    height: 100%;
    position: relative;
}

.season-bt{
  position: absolute;
  bottom:10px;
  right: 17px;
}

.season-bt-item{
  color: #FFF;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  float: left;
  margin-left: 2rem;
  cursor: pointer;
}

.season-bt-item span{
  text-align: center;
  padding: 1rem;
}

.season-bt-item span:nth-child(1){
  background-color: rgba(66, 66, 66, 0.85);
  font-size: 2rem;
  display: none;
}
.season-bt-item span:nth-child(2){
  background-color: rgba(66, 66, 66, 0.85);
  font-size: 2rem;
}
.season-bt-item span:nth-child(3){
  background-color: rgba(184, 161, 105, 0.85);
  font-size: 2.2rem;
  font-weight: 600;
}


.popover{
  display: flex;
  flex-direction: column;
  color: #FFF;
  font-family: 'Roboto Slab', serif;
  text-align: center;
  background-color: transparent;
  margin-top: -100px;
}

.arrow{

}
.arrow::before {
    bottom: -0.75rem !important;
    left: -0.75rem;
    border-width: 1.5rem 1.5rem 0 !important;
    border-top-color: rgba(184, 161, 105, 0.85) !important;
}


.arrow::after {

    display: none  !important;
}


.popover-header{
  background-color: rgba(66, 66, 66, 0.85);
  font-size: 2rem;
  font-weight: 400;
  padding: 1rem;
  text-transform: uppercase;
  border: 0;
}
.popover-body{
  background-color: rgba(184, 161, 105, 0.85);
  font-size: 1.5rem;
  padding: 0.5rem 1.2rem 1rem 1.2rem ;
  color: #FFF;
}





#boat-title {
    color: #FFF;
    background-color: #C0AB7A;
    margin:1rem 0;
    font-size: 4rem;
}

.boat-title-container{ display: flex; }

.boat-title-container span:nth-child(1){
  flex-grow: 6;
  padding: 1.6rem 1rem 1.6rem 0 ;
}

.boat-title-container span:nth-child(2), .boat-title-container span:nth-child(3){
    font-size: 2.4rem;
    border-left: 2px solid #FFF;
    border-right: 2px solid #FFF;
    color: #FFF;
    flex-grow: 5;
    padding: 0.5rem;
    text-align: center;
    flex-grow: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.boat-title-container span:nth-child(3) {
    border-left:none;
    background-color: #424242;
}


.boat-title-container span:nth-child(2) div::before{
  font-family: 'sillage';
  content: "\e910";
  font-size: 1.2rem;
  margin-right: 1rem;
  display: inline-block;
  vertical-align: middle; 
}



.boat-title-container span:nth-child(3) div::before{
  font-family: 'sillage';
  content: "\e907";
  font-size: 4.4rem;
  margin-right: 1rem;
  display: inline-block;
  vertical-align: middle;
}

.boat-specs{
  border: 1px solid #8D6D0A;
  width: 100%;
}

#boat-specs-1:nth-child(1){
  border-bottom: none;
}

.boat-specs-desc{
  margin-top: 2rem;
  margin-bottom: 3rem;
  font-size: 2.2rem;
}

.boat-specs-desc p{
  margin:0;
}

.boat-specs-title{
  font-size: 3.2rem;
  border-bottom: 1px solid #8D6D0A;
  padding: 1.2rem 2rem;
}

.boat-specs-content{
  padding: 2rem;
}

.boat-specs-content i{
  font-size: 1.4rem;
  font-style: normal;
}

.boat-specs-content ul{
  margin: 0;
  padding: 0;
  list-style-position: inside;
  list-style-type: circle;
}

#boat-main-specs {
  padding-bottom: 50px;
}


#boat-gallery {
  min-height: 400px;
  background-color: #e8e8e8;
}


#boat-gallery h3 {
    color: #FFF;
    background-color: #C0AB7A;
    line-height: 9.5rem;
    font-size: 4rem;
    margin:0;
}

#map-container h3{
    color: #FFF;
    background-color: #C0AB7A;
    line-height: 9.5rem;
    font-size: 4rem;
    margin:0;
}

#map { height: 500px; }

#boat-gallery > .container{
  padding-top: 75px;
  padding-bottom: 75px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}


.media-thumb:hover{
  opacity: 0.85;
  -webkit-transition: opacity .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  -ms-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out
}

.video-thumb{
  display: block;
  position: relative;
}

.video-thumb div{
  position: absolute;
  top: 0;
  height: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: space-around;
  }

.video-thumb div:before{
  font-family: "sillage";
  content: "\e903";
  font-size: 7.5rem;
  color: #FFF;
  }


.boat-selector{
  display: flex;
  flex-direction: row;
  align-items: stretch;
  align-content: center;
}
.boat-selector a{
  padding: 2rem;
  font-size: 2.4rem;
  line-height: 3rem;
  color: #FFF;
  text-align: center;
  border-bottom: 2px solid #8D6D0A;
  border-top: 2px solid #8D6D0A;
  background-color: #C0AB7A;
  flex-grow: 1;
}

.boat-selector a:first-child{
  text-align: left;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}

.boat-selector a:last-child{
  text-align: right;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}


.boat-selector a > span{
  flex-grow: 3;
}

.boat-selector a.arrows:first-child::before{
  font-family: "sillage";
  content: "\e913";
  font-size: 3.2rem;
  flex-grow: 1;
  /*margin-right: 1.2rem;*/
}

.boat-selector a.arrows:last-child::after{
  font-family: "sillage";
  content: "\e914";
  font-size: 3.2rem;
  flex-grow: 1;
  /*margin-left: 1.2rem;*/
}

.boat-selector a:hover{
  text-decoration:none;
}

.boat-selector a:not(.arrows){
  background-color: #424242;
  border-left: 2px solid #8D6D0A;
  border-right: 2px solid #8D6D0A;
  text-align: center;
}
  


.boat-specs-buttons{
    width: 100%;
}

.boat-specs-buttons > *{
  width: 100%;
  height: 25%;
  margin-bottom: 8.3333%;
  color: #FFF;
  font-size: 2.5rem;
  border-radius: 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 10px 0 20px;
  cursor: pointer;
  color: #FFF !important;
  text-decoration: none !important;
}


.boat-specs-buttons > *:hover{
  color: #FFF;
  text-decoration:none;
}

.book-phone{
    background-color: #C0AB7A;
}

.book-email{
  background-color: #424242;
}
.book-online{
  background-color: #424242;
}

.book-phone::before{
  font-family: 'sillage';
  content: "\e900";
  font-size: 5.1rem;
  margin-right: 1.4rem;
}

.book-email::before{
  font-family: 'sillage';
  content: "\e901";
  font-size: 4.9rem;
  margin-right: 1.4rem;
}


.book-online::before{
  font-family: 'sillage';
  content: "\e902";
  font-size: 4rem;
  margin-right: 1.4rem;
}




/*------------------------------------------------------*
*-----------------------------------     FORMULAIRE     ----*
*------------------------------------------------------*/


.formulaire_formidable {
    background-color: #FFF;
    padding: 3rem;
  text-align: left;
}


.formulaire_formidable label {
    display: none;
}

.formulaire_formidable textarea {
  border: 2px solid #cdcadf;
  background-color: #FFF;
  width: 100%;
  padding: 0.5rem;
  color: #100069;
  font-size: 2rem;
  margin-bottom: 3rem
}

.formulaire_formidable input[type=text], .formulaire_formidable input[type=email] {
  border: 2px solid #cdcadf;
  background-color: #FFF;
  width: 100%;
  padding: 0.5rem;
  color: #100069;
  font-size: 2rem;
  margin-bottom: 3rem
}

.formulaire_formidable [type=submit] {
  border: 2px solid #100069;
  background-color: #100069;
  width: 100%;
  padding: 0.5rem;
  font-size: 2rem;
  color: #ffffff;
  cursor: pointer;
}

.formulaire_formidable input::-webkit-input-placeholder, .formulaire_formidable textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color: #cdcadf;
}
.formulaire_formidable input::-moz-placeholder, .formulaire_formidable textarea::-moz-placeholder { /* Firefox 19+ */
color: #cdcadf;
}
.formulaire_formidable input:-ms-input-placeholder, .formulaire_formidable textarea:-ms-input-placeholder { /* IE 10+ */
color: #cdcadf;
}
.formulaire_formidable input:-moz-placeholder, .formulaire_formidable textarea:-moz-placeholder { /* Firefox 18- */
color: #cdcadf;
}

.formulaire_formidable .saisie_checkbox{
 font-size:1.4rem;
 margin-bottom: 30px
}

.formulaire_formidable .erreur_message{
 display: block;
 color: #C0AB7A;
}

.formulaire_formidable .saisie_checkbox div, .formulaire_formidable .saisie_checkbox p {
    display: inline;
}


/*------------------------------------------------------*
*-----------------------------------     NAVIGATOR    ----*
*------------------------------------------------------*/


#navigator{
  background-image: url(../images/design/sillage2.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  min-height: 1000px;
}

/*------------------------------------------------------*
*-----------------------------------     ADVERT & CAROUSEL     ----*
*------------------------------------------------------*/

#advert {
  min-height: 400px;
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #e8e8e8;
}

#logo-rio{
  display: block;
  width: 275px;
  height: 110px;
  background-image: url(../images/design/logo-rio-fils.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  text-align: center;
  margin: auto;
}


#carousel-advert .carousel-inner {
    border: 5px solid #FFF;
}

#carousel-advert .carousel-caption {
    top: 25px;
    font-size: 2.8rem;
    font-weight: 300;
    line-height: 3rem;
    color: #FFF;
    text-decoration: none;
    padding-bottom: 0;
    height: fit-content;
}
#carousel-advert .carousel-caption:hover, #carousel-advert .carousel-caption:focus {
    color: #FFF;
    text-decoration: none;
}

#carousel-advert .carousel-indicators {
    bottom: 25px;
  }

#carousel-advert .carousel-indicators li {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-right: 5px;
    margin-left: 5px;
    background-color: #fff;
    background-clip: padding-box;
    opacity: 0.6;
    border: 3px solid transparent;
    transition: opacity .6s ease;
}

#carousel-advert .carousel-indicators .active {
    opacity: 1;
}


/*------------------------------------------------------*
*-----------------------------------     Price & Discount list     ----*
*------------------------------------------------------*/


#discount-list{
  padding-top: 200px;
  padding-bottom: 50px;
}

#price-list{
  padding-top: 50px;
  padding-bottom: 50px;
}

.white-label{
  background-image: url(../images/design/label3.svg);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 300px;
  height: 300px;
  margin: 25px auto;
  font-size:2rem;
  line-height: 2.6rem;
  color: #1D1D1B;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 4rem;

}

.white-label span{
  text-align: center;
}

.white-label span:first-child{
  color: #BD9A00;
  font-size: 6rem;
  line-height: 5rem;
}

.white-label span:first-child::after{
  display: block;
  font-size: 1.2rem;
  font-family: "sillage";
  content: "\e911";
}

.blue-label{
  background-image: url(../images/design/label2.svg);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 460px;
  height: 460px;
  margin: 35px auto;
  color: #FFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 5.8rem;
  text-decoration: none;
}

.blue-label:hover, .blue-label:focus{
   text-decoration: none;
   color: #FFF;
}


.blue-label span{
  text-align: center;
}

.blue-label span:first-child{
  color: #FFF;
  font-size: 6.8rem;
  line-height: 7rem;
  padding-bottom: 2rem;
}

.blue-label span:last-child{
  font-size:2.2rem;
  text-decoration: underline;
}



/*------------------------------------------------------*
*-----------------------------------     BOAT LISTING     ----*
*------------------------------------------------------*/


#partner-list {
  padding: 20px 0;

}

.partner {
  /*padding-top: 30px;
  padding-bottom: 30px;
  min-height: 220px;*/
  border:2px solid #BD9A00;
  margin-top: 30px;
  margin-bottom: 30px;
  padding:15%;
  /*background-size: 50% auto ;
  background-repeat: no-repeat;
  background-position: center center;*/
}

/*------------------------------------------------------*
*-----------------------------------     BOAT LISTING     ----*
*------------------------------------------------------*/



.boat-listing{
  padding-top:30px;
  padding-bottom:30px;
}

#listing-rigide{
  background-image: url(../images/design/sillage1.jpg);
  background-size:100%;
  background-repeat: no-repeat;
  background-position: bottom;
}

#listing-semi{
  background-image: url(../images/design/sillage2.png);
  background-size:100%;;
  background-repeat: no-repeat;
  background-position: bottom;
}


#main-content h2{
  color: #FFF;
  background-image: url(../images/design/water.jpg);
  background-position: top center;
  background-size: cover;
  text-align: center;
  line-height: 14rem;
  font-size: 6.4rem;
  margin: 0;
  font-weight: 400;
}

#main-content h2:before{
  display: inline-block;
  margin-right: 2rem;
  font-family: 'sillage';
  content: "\e909";
}


#main-content h3{
  color: #FFF;
  background-color: #C0AB7A;
  text-align: center;
  line-height: 9.5rem;
  font-size: 4rem;
  margin: 0 0 8rem 0;
}

.specialtitle{
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  padding: 1.5rem 0;
  font-size: 3.6rem;
  font-weight: 300;
  margin: 0;
}


.specialtitle2{
  color: #8D6D0A;
  text-align: center;
  padding: 1.5rem 0;
  font-size: 5.4rem;
  font-weight: 300;
  margin: 0;
}



.boat-item{
  text-decoration:none !important;
  color: #22416C;
  display: flex;
 flex-direction: column;
 justify-content: space-between;
  width: 100%;
  margin-bottom: 30px;
  background-color: #FFF;
  position: relative;
}

.boat-item:hover, .boat-item:focus{
  color: #22416C;
}

.boat-item.new-item::before{
  white-space: pre-wrap;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1.3rem;
  padding-top: 3.6rem;
  line-height: 1.8rem;
  color: #FFF;
  text-align: center;
  position: absolute;
  display: block;
  height: 100px;
  width: 100px;
  top: -10px;
  left: 20px;
  background-image:url(../images/design/label.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  /*font-family: 'sillage';
  content: "\e908";
  font-size: 10rem;
  display: block;
  color: #8D6D0A;
  color: #C0AB7A;*/
  }

.boat-visual{
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  min-height: 270px;
  border: 1px solid #8D6D0A;
}

.boat-info{
  border-left: 1px solid #8D6D0A;
  border-right: 1px solid #8D6D0A;
  padding: 0.5rem 1.5rem;
 flex: 1;
}

.boat-info h4{
  font-size: 2.8rem;
}
.boat-info h5{
  font-size: 2rem;
}
.boat-spec{
  display: flex;
}

.boat-spec span{
  font-size: 2.4rem;
  border: 1px solid #8D6D0A;
  color: #FFF;
  flex-grow:5;
  padding: 0.5rem;
  text-align: center;
}

.boat-spec span:first-child{
  background-color: #C0AB7A;
}

.boat-spec span:first-child::before{
  font-family: 'sillage';
  content: "\e910";
  font-size: 1rem;
  display: inline-block;;
  vertical-align: middle;
  margin-right: 1rem;
}
  

.boat-spec span:last-child{
  background-color: #424242;
  border-left: none;
}

.boat-spec span:last-child::before{
  font-family: 'sillage';
  content: "\e907";
  font-size: 3rem;
  display: inline-block;;
  vertical-align: middle;
  margin-right: 1rem;
}


/*------------------------------------------------------*
*-----------------------------------     FOOTER     ----*
*------------------------------------------------------*/


#footer{
  min-height: 260px;
  background-image: url(../images/design/water.jpg);
  background-position: top center;
  background-size: cover;
  font-size:1.7rem;
  color:#FFF;
  padding-top: 70px;
  padding-bottom: 200px;
}

#footer2{
 padding: 15px 0;
 font-size: 1.7rem;
}
#footer2 a{
color: #100069;
}

#footer a{
  color: #FFF;
  text-decoration: underline;
}

#footer a:hover, #footer a:focus{
  text-decoration: none;
}

#footer h3{
  font-size: 2.4rem;
  margin: 0;
  padding: 2rem 0 1.5rem 0 ;
}

#footer ul{
  padding: 0;
  list-style-position: inside;
}

.ig::before{
  display: inline-block;;
  font-family: "sillage";
  content: "\e906";
  font-size: 3.6rem;
  color: #BD9A00;
   }

.fb::before{
  display: inline-block;;
  font-family: "sillage";
  content: "\e912";
  font-size: 3.6rem;
  color: #BD9A00;
  margin-right:1.2rem;
   }


.ea{
  content: url(../images/design/logo-mutuaide.png);
  }
/*------------------------------------------------------*
*-----------------------------------     FONTS     ----*
*------------------------------------------------------*/


@font-face {
  font-family: 'sillage';
  src:  url('../fonts/sillage.eot?tq872');
  src:  url('../fonts/sillage.eot?tq872#iefix') format('embedded-opentype'),
    url('../fonts/sillage.ttf?tq872') format('truetype'),
    url('../fonts/sillage.woff?tq872') format('woff'),
    url('../fonts/sillage.svg?tq872#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'sillage' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-phone:before {
  content: "\e900";
}
.icon-calendar:before {
  content: "\e901";
}
.icon-desktop:before {
  content: "\e902";
}
.icon-play:before {
  content: "\e903";
}
.icon-key:before {
  content: "\e904";
}
.icon-marker:before {
  content: "\e905";
}
.icon-instagram:before {
  content: "\e906";
}
.icon-man:before {
  content: "\e907";
}
.icon-label:before {
  content: "\e908";
}
.icon-boat:before {
  content: "\e909";
}
.icon-arrow:before {
  content: "\e910";
}
.icon-wave:before {
  content: "\e911";
}
.icon-facebook:before {
  content: "\e912";
}
.icon-left:before {
  content: "\e913";
}
.icon-right:before {
  content: "\e914";
}


/*------------------------------------------------------*
*-----------------------------------     RESPONSIVE LAYOUT     ----*
*------------------------------------------------------*/
/* Extra large devices (large desktops) - XL */

/* Large Devices (desktops, less than 1200px) - LG */
@media only screen and (max-width : 1199px) {


}

/* Medium Devices (tablets, less than 992px) - MD */
@media only screen and (max-width : 991px) {
#listing-rigide, #listing-semi{
  background-size: cover;
}


#mainmenu .navbar-nav{
  display: block;
}

#mainmenu .nav-item{
  margin: 1rem 0 1rem 2.4rem  ;
}

.nav-link{
    font-size:1.8rem;
    display: inline-block;
    text-align:left;
}


.nav-item:nth-child(1) .nav-link::before {
  display: none;
}

.nav-item:nth-child(2) .nav-link::before { display: none;}


#boat-specs-1:nth-child(1){
  border-bottom: 1px solid #8D6D0A;
}

.boat-specs{
  margin-bottom: 3rem;
}

.boat-specs-buttons {
  padding-top: 15px;
}

.boat-specs-buttons > *{
  min-height: 100px;
  margin-bottom: 30px;
  padding: 25px;
}


.season-bt-item{
  margin-left: 1rem;
}

.season-bt-item span{
  padding: 0.7rem;
}

.season-bt-item span:nth-child(1){
  font-size: 1.6rem;
}
.season-bt-item span:nth-child(2){
  font-size: 1.6rem;
}
.season-bt-item span:nth-child(3){
  font-size: 1.8rem;
}


}

/* Small Devices (landscape phones, less than 768px) - SM */
@media only screen and (max-width : 767px) {

.season-bt-item span:nth-child(1){
  display: block;
}
.season-bt-item span:nth-child(2){
  display: none;
}

}

/* Extra Small Devices (portrait phones, less than 576px) - XS */ 
@media only screen and (max-width : 575px) {

}