@charset "UTF-8";
.node-type-boat .node-boat { background-size: 1600px auto; background-position: center top; background-repeat: no-repeat; background-color: #1D2222; }
.node-type-boat .node-boat .texte { width: 96%; max-width: 600px; margin: 0 auto; }
.node-type-boat .node-boat .field-name-field-boat-name { font-family: "Eurostile LT W01 Demi O1391158", Verdana, sans-serif; font-size: 38px; text-transform: uppercase; color: #BAA370; }
.node-type-boat .node-boat .field-name-field-boat-description-mobile, .node-type-boat .node-boat .field-name-field-boat-description { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: rgba(255, 255, 255, 0.9); text-align: justify; }
.node-type-boat .node-boat .field-name-field-boat-description-mobile h2, .node-type-boat .node-boat .field-name-field-boat-description h2 { font-family: "Eurostile LT W01 Demi O1391158", Verdana, sans-serif; font-size: 20px; text-align: left; text-transform: uppercase; line-height: 24px; color: #BAA370; }
.node-type-boat .node-boat .field-name-field-boat-description { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 40px; -webkit-column-gap: 40px; column-gap: 40px; }
.node-type-boat .node-boat .field-name-field-boat-description p, .node-type-boat .node-boat .field-name-field-boat-description .block-awards .block-awards-inner .field-name-field-boat-palmares-awards .field-items .field-item h3, .node-type-boat .node-boat .block-awards .block-awards-inner .field-name-field-boat-palmares-awards .field-items .field-item .field-name-field-boat-description h3 { margin: 0 0 10px; display: inline-block; }
.node-type-boat .node-boat .block-programme { width: 96%; max-width: 960px; margin: 90px auto 0; position: relative; }
.node-type-boat .node-boat .block-programme .field-name-field-boat-programme-titre { font-family: "Eurostile LT W01 Demi O1391158", Verdana, sans-serif; font-size: 30px; line-height: 55px; vertical-align: middle; text-transform: uppercase; color: #BAA370; text-align: center; }
.node-type-boat .node-boat .block-programme .field-name-field-boat-programme-titre .field-item { display: inline-block; border: 1px solid #BAA370; padding: 0 20px; }
.node-type-boat .node-boat .block-programme .field-name-field-boat-programme-images { position: absolute; width: 655px; height: 655px; top: 50px; right: 300px; }
.node-type-boat .node-boat .block-programme .field-name-field-boat-programme-images img { position: absolute; top: 0px; left: 0px; }
.node-type-boat .node-boat .block-programme .field-name-field-boat-programme-images img:nth-of-type(1) { z-index: 1; }
.node-type-boat .node-boat .block-programme .field-name-field-boat-programme-images img:nth-of-type(2) { z-index: 2; }
.node-type-boat .node-boat .block-programme .field-name-field-boat-programme-images img:nth-of-type(3) { z-index: 3; }
.node-type-boat .node-boat .block-programme .field-name-field-boat-programme-images img:nth-of-type(n+4) { z-index: 4; opacity: 1; top: -20px; left: -20px; }
.node-type-boat .node-boat .block-programme .field-name-field-boat-programme-textes { width: 370px; margin-left: calc( 100% - 370px ); padding-top: 60px; }
.node-type-boat .node-boat .block-programme .field-name-field-boat-programme-textes .field-item h3 { min-height: initial; }
.node-type-boat .node-boat .block-programme .field-name-field-boat-programme-textes .field-item p, .node-type-boat .node-boat .block-programme .field-name-field-boat-programme-textes .block-awards .block-awards-inner .field-name-field-boat-palmares-awards .field-items .field-item h3, .node-type-boat .node-boat .block-awards .block-awards-inner .field-name-field-boat-palmares-awards .field-items .block-programme .field-name-field-boat-programme-textes .field-item h3 { margin: 0; }
.node-type-boat .node-boat .block-programme .field-name-field-boat-programme-textes .field-item span, .node-type-boat .node-boat .block-programme .field-name-field-boat-programme-textes .field-item strong { font-family: Verdana; font-weight: bold; color: #BAA370; }
.node-type-boat .node-boat .block-programme .field-name-field-boat-programme-textes .field-item a { color: #BAA370; text-decoration: underline; }
.node-type-boat .node-boat .field-name-field-boat-programme-textes .field-item { padding-left: 28px; background-position: 0px 5px; background-repeat: no-repeat; }
.node-type-boat .node-boat .field-name-field-boat-programme-textes .field-item.pinpoint-grey { background-image: url("../images/boat/boat-pintpoint-grey.png"); }
.node-type-boat .node-boat .field-name-field-boat-programme-textes .field-item.pinpoint-white { background-image: url("../images/boat/boat-pintpoint-white.png"); }
.node-type-boat .node-boat .field-name-field-boat-programme-textes .field-item h2 { display: none; }
.node-type-boat .node-boat .field-name-field-boat-programme-textes .field-item h3 { font-family: "Eurostile LT W01 Demi O1391158", Verdana, sans-serif; font-size: 20px; text-transform: uppercase; line-height: 20px; min-height: 40px; padding-top: 7px; padding-bottom: 10px; color: #BAA370; position: relative; }
.node-type-boat .node-boat .field-name-field-boat-programme-textes .field-item h3:after { content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 26px; background-color: #BAA370; }
.node-type-boat .node-boat .field-name-field-boat-programme-textes .field-item p, .node-type-boat .node-boat .field-name-field-boat-programme-textes .block-awards .block-awards-inner .field-name-field-boat-palmares-awards .field-items .field-item h3, .node-type-boat .node-boat .block-awards .block-awards-inner .field-name-field-boat-palmares-awards .field-items .field-name-field-boat-programme-textes .field-item h3 { padding: 0 36px 0 22px; text-align: justify; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; }
.node-type-boat .node-boat .field-name-field-boat-programme-textes .field-item p:before, .node-type-boat .node-boat .field-name-field-boat-programme-textes .block-awards .block-awards-inner .field-name-field-boat-palmares-awards .field-items .field-item h3:before, .node-type-boat .node-boat .block-awards .block-awards-inner .field-name-field-boat-palmares-awards .field-items .field-name-field-boat-programme-textes .field-item h3:before { content: "•"; color: #BAA370; width: 22px; display: inline-block; margin-left: -22px; }
.node-type-boat .node-boat .block-awards { position: relative; margin-top: 100px; width: 100%; height: 0px; padding-bottom: 46.875%; }
.node-type-boat .node-boat .block-awards .block-awards-wrapper { position: absolute; width: 100%; height: 750px; background-image: url("../images/boat/boat-awards-background.png"); background-size: 1600px auto; background-position: center top; }
.node-type-boat .node-boat .block-awards .block-awards-inner { display: table; width: 100%; height: 100%; }
.node-type-boat .node-boat .block-awards .block-awards-inner .block-awards-inner-inner { height: inherit; height: 100%; min-height: 100%; display: table-cell; vertical-align: middle; -moz-box-sizing: border-box; }
.node-type-boat .node-boat .block-awards .block-awards-inner .field-name-field-boat-palmares-awards { position: relative; }
.node-type-boat .node-boat .block-awards .block-awards-inner .field-name-field-boat-palmares-awards .field-items { text-align: center; }
.node-type-boat .node-boat .block-awards .block-awards-inner .field-name-field-boat-palmares-awards .field-items .field-item { display: inline-block; vertical-align: top; width: 160px; padding-top: 110px; background-image: url("../images/boat/boat-awards-award.svg"); background-position: top center; background-repeat: no-repeat; }
.node-type-boat .node-boat .block-awards .block-awards-inner .field-name-field-boat-palmares-awards .field-items .field-item p, .node-type-boat .node-boat .block-awards .block-awards-inner .field-name-field-boat-palmares-awards .field-items .field-item h3 { margin: 5px 0 0; color: #BAA370; font-family: "Eurostile LT W01 Demi O1391158", Verdana, sans-serif; font-size: 14px; line-height: 16px; text-transform: uppercase; }
.node-type-boat .node-boat .block-awards .block-awards-inner .field-name-field-boat-palmares-awards .field-items .field-item h3 { font-family: "Eurostile LT W01 Bold O1391146", Verdana, sans-serif; font-size: 26px; font-weight: normal; line-height: 38px; position: relative; }
.node-type-boat .node-boat .block-awards .block-awards-inner .field-name-field-boat-palmares-awards .field-items .field-item h3:after { content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -13px; height: 2px; width: 26px; background-color: #BAA370; }
.node-type-boat .node-boat .block-awards .field-name-field-boat-palmares-textes { position: relative; }
.node-type-boat .node-boat .block-awards .field-name-field-boat-palmares-textes .field-items { text-align: center; }
.node-type-boat .node-boat .block-awards .field-name-field-boat-palmares-textes .field-items .field-item { display: inline-block; vertical-align: top; width: 320px; padding-top: 70px; text-align: left; }
.node-type-boat .node-boat .block-awards .field-name-field-boat-palmares-textes .field-items .field-item h3 { font-family: "Eurostile LT W01 Demi O1391158", Verdana, sans-serif; font-size: 20px; font-weight: normal; text-transform: uppercase; line-height: 36px; color: #BAA370; margin: 0 0 12px; position: relative; }
.node-type-boat .node-boat .block-awards .field-name-field-boat-palmares-textes .field-items .field-item h3:after { content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 26px; background-color: #BAA370; }
.node-type-boat .node-boat .block-awards .field-name-field-boat-palmares-textes .field-items .field-item p, .node-type-boat .node-boat .block-awards .field-name-field-boat-palmares-textes .block-awards-inner .field-name-field-boat-palmares-awards .field-items .field-item h3, .node-type-boat .node-boat .block-awards .block-awards-inner .field-name-field-boat-palmares-awards .field-name-field-boat-palmares-textes .field-items .field-item h3 { padding: 0 36px 0 22px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 16px; color: rgba(0, 0, 0, 0.6); margin: 0; }
.node-type-boat .node-boat .block-awards .field-name-field-boat-palmares-textes .field-items .field-item p:before, .node-type-boat .node-boat .block-awards .field-name-field-boat-palmares-textes .block-awards-inner .field-name-field-boat-palmares-awards .field-items .field-item h3:before, .node-type-boat .node-boat .block-awards .block-awards-inner .field-name-field-boat-palmares-awards .field-name-field-boat-palmares-textes .field-items .field-item h3:before { content: "•"; color: #BAA370; width: 22px; display: inline-block; margin-left: -22px; }
.node-type-boat .node-boat .block-gallery { margin-top: -8.125%; background-size: 1600px auto; background-position: center; background-repeat: no-repeat; background-color: #010101; }
.node-type-boat .node-boat .block-gallery .node-media-gallery { width: 96%; max-width: 960px; padding: 300px 0 160px; margin: 0 auto; font-size: 0; }
@media screen and (min-width: 1024px) and (max-width: 1300px) { .node-type-boat .node-boat .block-gallery .node-media-gallery { padding-top: 250px; } }
.node-type-boat .node-boat .block-gallery .node-media-gallery .field-item { position: relative; display: inline-block; width: 320px; height: 215px; }
.node-type-boat .node-boat .block-gallery .node-media-gallery .field-item:before { background: url("../images/boat/boat-gallery-hover.png"); width: 320px; height: 215px; content: ""; position: absolute; top: 0px; left: 0px; z-index: 1; opacity: 0; pointer-events: none; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.node-type-boat .node-boat .block-gallery .node-media-gallery .field-item:hover:before { opacity: 1; }
.node-type-boat .node-boat .texte-programme-mobile { display: none; /*     .field-name-field-boat-description { */ /*       @include column-count( 1 ); */ /*       @include column-gap( 0px ); */ /*     } */ }
.node-type-boat .node-boat .texte-programme-mobile .field-name-field-boat-image-mobile { display: block; padding-top: 60px; }
.node-type-boat .node-boat .texte-programme-mobile .field-name-field-boat-image-mobile img { max-width: 100%; margin: 0 auto; display: block; }
.node-type-boat .node-boat .texte-programme-mobile .field-name-field-boat-name, .node-type-boat .node-boat .texte-programme-mobile .characteristics, .node-type-boat .node-boat .texte-programme-mobile .description, .node-type-boat .node-boat .texte-programme-mobile .program { border-bottom: 1px solid #BAA370; text-transform: none; }
.node-type-boat .node-boat .texte-programme-mobile .field-name-field-boat-name > h3, .node-type-boat .node-boat .texte-programme-mobile .characteristics > h3, .node-type-boat .node-boat .texte-programme-mobile .description > h3, .node-type-boat .node-boat .texte-programme-mobile .program > h3 { padding: 13px 30px; margin: 0; font-family: "Eurostile LT W01 Demi O1391158", Verdana, sans-serif; font-weight: normal; font-size: 18px; color: rgba(255, 255, 255, 0.9); background-image: url("../images/tab-open.svg"); background-repeat: no-repeat; background-position: calc(100% - 30px) center; background-color: transparent; }
.node-type-boat .node-boat .texte-programme-mobile .field-name-field-boat-name.open > h3, .node-type-boat .node-boat .texte-programme-mobile .characteristics.open > h3, .node-type-boat .node-boat .texte-programme-mobile .description.open > h3, .node-type-boat .node-boat .texte-programme-mobile .program.open > h3 { background-image: url("../images/tab-close.svg"); background-color: #BAA370; color: #FFFFFF; }
.node-type-boat .node-boat .texte-programme-mobile .field-name-field-boat-name .inner, .node-type-boat .node-boat .texte-programme-mobile .characteristics .inner, .node-type-boat .node-boat .texte-programme-mobile .description .inner, .node-type-boat .node-boat .texte-programme-mobile .program .inner { padding: 0 30px; height: auto; max-height: 0px; overflow: hidden; }
.node-type-boat .node-boat .texte-programme-mobile .field-name-field-boat-name .inner > div, .node-type-boat .node-boat .texte-programme-mobile .characteristics .inner > div, .node-type-boat .node-boat .texte-programme-mobile .description .inner > div, .node-type-boat .node-boat .texte-programme-mobile .program .inner > div { padding: 22px 0; }
.node-type-boat .node-boat .texte-programme-mobile .field-name-field-boat-name.open .inner, .node-type-boat .node-boat .texte-programme-mobile .characteristics.open .inner, .node-type-boat .node-boat .texte-programme-mobile .description.open .inner, .node-type-boat .node-boat .texte-programme-mobile .program.open .inner { max-height: 1200px; }
.node-type-boat .node-boat .texte-programme-mobile .field-name-field-boat-name { padding: 21px 30px 16px; text-align: center; }
.node-type-boat .node-boat .texte-programme-mobile .field-name-field-boat-characteristics { font-size: 0; }
.node-type-boat .node-boat .texte-programme-mobile .field-name-field-boat-characteristics .field-item > div { width: 50%; display: inline-block; vertical-align: top; }
.node-type-boat .node-boat .texte-programme-mobile .field-name-field-boat-characteristics p, .node-type-boat .node-boat .texte-programme-mobile .field-name-field-boat-characteristics .block-awards .block-awards-inner .field-name-field-boat-palmares-awards .field-items .field-item h3, .node-type-boat .node-boat .block-awards .block-awards-inner .field-name-field-boat-palmares-awards .field-items .field-item .texte-programme-mobile .field-name-field-boat-characteristics h3 { color: rgba(255, 255, 255, 0.6); font-size: 11px; }
.node-type-boat .node-boat .texte-programme-mobile .field-name-field-boat-characteristics span { color: #BAA370; font-family: "Eurostile LT W01 Demi O1391158", Verdana, sans-serif; font-size: 20px; }
.node-type-boat .node-boat .texte-programme-mobile .field-name-field-boat-programme-textes .field-item { padding: 0; background: none; }
.node-type-boat .node-boat .texte-programme-mobile .field-name-field-boat-programme-textes .field-item p, .node-type-boat .node-boat .texte-programme-mobile .field-name-field-boat-programme-textes .block-awards .block-awards-inner .field-name-field-boat-palmares-awards .field-items .field-item h3, .node-type-boat .node-boat .block-awards .block-awards-inner .field-name-field-boat-palmares-awards .field-items .texte-programme-mobile .field-name-field-boat-programme-textes .field-item h3 { padding-right: 0px; }
.node-type-boat .node-boat .block-gallery-mobile { display: none; line-height: 0; }
.node-type-boat .node-boat .block-gallery-mobile .field-name-field-boat-images-media-gallery { position: relative; }
.node-type-boat .node-boat .block-gallery-mobile .field-name-field-boat-images-media-gallery .flex-control-paging { bottom: 30px; }
.node-type-boat .node-boat .block-gallery-mobile .field-name-field-boat-images-media-gallery figure > a { pointer-events: none; }
.node-type-boat .node-boat .block-gallery-mobile .field-name-field-boat-images-media-gallery img { width: 100%; }

.node-boat .field-name-field-boat-image-mobile { display: none; }
.node-boat .field-name-field-boat-image figure { width: 100%; margin: 0 auto; padding: 0 0 135px; }
.node-boat .field-name-field-boat-image-shadow { position: absolute; top: 0; left: 50%; padding-top: 610px; -moz-transform: translate3d(-50%, 0, 0); -ms-transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); -webkit-perspective: 1000; -webkit-backface-visibility: hidden; }
.node-boat .media-imagemap { width: 510px !important; height: 661px !important; float: none; margin: 0 auto; }
.node-boat .media-imagemap .image-style-homepage-imagemarker { height: 100%; width: 100%; -webkit-backface-visibility: hidden; }
.node-boat .media-imagemap a.bullet { width: 48px; height: 48px; margin-left: -24px; margin-top: -24px; background-image: url("../images/pinpoint-fleet-closed.svg"); background-size: cover; background-position: center center; border-radius: 24px; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.6); position: absolute;     /*&:before{ content:''; position:absolute; width:24px; height:1px; background-color: $dark_gold; top: 23px; left: 11px;
 } &:after{ content:''; position:absolute; width:24px; height:1px; background-color: $dark_gold; top:50%; left:50%; margin-left:-12px; @include transform(rotateZ(90deg)); @include transform-origin(50%, 50%); @include transition(transform 0.3s); }*/ }
.node-boat .media-imagemap a.bullet.active { background-image: url("../images/pinpoint-fleet-opened.svg"); box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.4); }
.node-boat .media-imagemap a.bullet .imagemap-hover-text { margin-top: 50%; border-color: #BAA370; }
.node-boat .media-imagemap a.bullet .imagemap-hover-text .container { color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 20px; pointer-events: none; }
.node-boat .media-imagemap a.bullet .imagemap-hover-text .container div { width: 150px; }
.node-boat .media-imagemap a.bullet .imagemap-hover-text .container p, .node-type-boat .node-boat .media-imagemap a.bullet .imagemap-hover-text .container .block-awards .block-awards-inner .field-name-field-boat-palmares-awards .field-items .field-item h3, .node-type-boat .node-boat .block-awards .block-awards-inner .field-name-field-boat-palmares-awards .field-items .field-item .media-imagemap a.bullet .imagemap-hover-text .container h3 { padding: 0; }
.node-boat .media-imagemap a.bullet .imagemap-hover-text .container span { color: #BAA370; font-family: "Eurostile LT W01 Demi O1391158", Verdana, sans-serif; font-size: 20px; }

.node-type-boat .node-boat .field-name-field-boat-image { padding-top: 60px; }
.node-type-boat .node-boat .field-name-field-boat-image-shadow { padding-top: 650px; -webkit-backface-visibility: hidden; }