/* The fonts included are copyrighted by the vendor listed below.
*
* Vendor:Typedepot
* License URL:http://www.fontspring.com/fflicense/typedepot
*
* */
/*@font-face {
    font-family: 'BandaBold';
    src: url('../fonts/Banda_bold-webfont.eot');
    src: url('../fonts/Banda_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Banda_bold-webfont.woff') format('woff'), url('../fonts/Banda_bold-webfont.ttf') format('truetype'), url('../fonts/Banda_bold-webfont.svg#BandaBoldBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

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

@font-face {
    font-family: 'BandaSemibold';
    src: url('../fonts/Banda_semi_bold-webfont.eot');
    src: url('../fonts/Banda_semi_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Banda_semi_bold-webfont.woff') format('woff'), url('../fonts/Banda_semi_bold-webfont.ttf') format('truetype'), url('../fonts/Banda_semi_bold-webfont.svg#BandaSemiboldSemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/
@font-face {
    font-family: 'PlayFair';
    src: url('../fonts/PlayfairDisplay-Italic.eot');
    src: url('../fonts/PlayfairDisplay-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/PlayfairDisplay-Italic.woff') format('woff'), url('../fonts/PlayfairDisplay-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

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

/* CSS RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: top;
}

ol, ul {
    list-style: none;
}

a {
    text-decoration: none;
    color: #555555;
}

a, a:hover, a span, a:hover span, a h2, a:hover h2, a h3, a:hover h3 {
    transition: all 0.3s ease 0s;
}

header, footer {
    width: 100%;
}

/* GLOBAL
******************************************************************************************************* */
body {
    font-family: "Manjari", Arial, sans-serif;
    font-size: 13px;
    color: #3f3831;
    margin: 0;
    background: #000000;
}

strong {
    font-weight: bold;
    font-family: 'Manjari';
}

.wrapper {
    margin: 0 auto;
    width: 98%;
    max-width: 1170px;
    position: relative;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

.ipad, .mobile {
    display: none !important;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.full-container {
    width: 100%;
    margin: 0 auto;
    /*padding-top: 105px;*/
    padding-top: 168px;
    position: relative;
}

.tabs-taste-content {
    display: none;
}

.tabs-taste-button h2 {
    cursor: pointer;
}

/* #home .full-container {
	max-width: 1680px;
}
*/
/* BUTTTONS
************************************************************************************************* */
a.btn-beige, div.btn-beige {
    background-color: #dac39c;
    padding: 5px 0 5px 10px;
    display: inline-block !important;
}

a.btn-yellow {
    background-color: #ecb932;
    padding: 5px 0 7px 10px;
    display: inline-block;
}

a.btn-red {
    background-color: #f15b5e;
    padding: 5px 0 7px 10px;
    display: inline-block;
}

a.btn-red span, a.btn-yellow span, a.btn-beige span, div.btn-beige span {
    background: url(../images/arrow-white.png) no-repeat right center;
    color: #ffffff;
    font: bold 0.85em/20px 'Manjari' !important;
    padding: 5px 35px 0 0;
    display: block;
    text-transform: uppercase;
}

a.btn-red:hover {
    background-color: #f46a6e;
}

a.btn-beige:hover, div.btn-beige:hover {
    background-color: #cfb488;
}

a.btn-yellow:hover {
    background-color: #e0b02e;
}

.fancybox-img__wrapper .fancybox-skin {
    border: 20px solid #e85d62;
    background: #e34f54;
    color: #fff;
    padding: 0;
}

.fancybox-img__wrapper .fancybox-skin .fancybox-outer,
.fancybox-img__wrapper .fancybox-skin .fancybox-inner {
    background: transparent;
}

/* HEADER
************************************************************************************************* */
header {
    background: url(../images/header.jpg) repeat-x center bottom;
    height: 173px;
    border-bottom: 10px solid #f15b5f;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}

header .covid-19 {
    background: #f3bb17;
    display: block;
    color: #3f3831;
    padding: 15px 0;
    text-align: center;
    font-size: 15px;
    transition: all 0.3s ease-in-out;
}
header .covid-19:hover {
    color: #fff;
    background: #f15b5e;
}

header a.logo {
    float: left;
    margin: 18px 0 0 15px;
}

header .weather {
    float: left;
    margin: 8px 0 12px;
    color: #ffffff;
    font-size: 0.85em;
    line-height: 13px;
}

header .weather .icon {
    display: inline-block;
    background: url(../images/weather-icon.png) no-repeat;
    width: 15px;
    height: 13px;
}

header .lang {
    float: right;
    margin-top: 7px;
}

header .lang li {
    float: left;
    display: inlline;
    margin-left: 10px;
}

header .lang li a {
    background: url(../images/flags-large.png) no-repeat;
    width: 20px;
    height: 20px;
    display: block;
    text-indent: -9999px;
}

header .lang li.english a {
    background-position: -27px 0;
}

header .lang li.spanish a {
    background-position: -54px 0;
}

header .lang li.german a {
    background-position: -80px 0;
}

header .secondary-nav {
    padding: 37px 12px 0 0;
}

header .secondary-nav li {
    float: left;
    display: inline;
    margin-left: 12px;
    position: relative;
}

header .secondary-nav li a {
    font-size: 0.8em;
    color: #f3bb17;
    display: block;
}

header .secondary-nav li.news a {
    padding-right: 20px;
    background: url("../images/bell-yellow.png") no-repeat right center;
    margin-left: 10px;
}

header .secondary-nav li.news a.active {
    background-image: url("../images/bell-pink.png");
}

header .secondary-nav li a:hover {
    color: #ffffff;
}

header .secondary-nav li .lastest-news {
    position: absolute;
    top: 30px;
    left: -50px;
    background-color: #f8f1df;
    text-align: center;
    padding: 25px 20px;
    z-index: 99;
    width: 250px;
    font: bold 1.2em 'Manjari';
    display: none;
}

header .secondary-nav li .lastest-news .arrow {
    background: url("../images/news-arrow.png") no-repeat;
    position: absolute;
    top: -8px;
    left: 60px;
    width: 16px;
    height: 8px;
}

header .search {
    position: relative;
}

header .search input[type=text] {
    background-color: #544f4a;
    border: 2px solid #37312b;
    text-transform: uppercase;
    color: #ffffff;
    padding: 4px;
}

header .search input[type=image] {
    position: absolute;
    padding: 7px 10px;
    right: 0;
    top: 0;
}

header #primary-nav {
    padding-top: 19px;
}

header #primary-nav li {
    float: left;
    display: inline;
    position: relative;
    margin-left: 15px;
}

.lang-nl header #primary-nav li {
    margin-left: 5px;
}

header #primary-nav li:first-child {
    margin: 0;
}

header #primary-nav li a {
    display: block;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 1.2em;
    padding: 12px 10px;
}

@media (min-width: 1200px) {
    header #primary-nav li a {
        font-size: 1.2em !important;
        padding: 12px 10px !important;
    }
}

header .dl-trigger {
    display: none;
}

/* header #primary-nav li:hover a {
	color: #F3BB17;
}
*/
header #primary-nav li:hover a, header #primary-nav li a.active {
    background: #f15b5f;
    color: #ffffff !important;
}

header #primary-nav li .header {
    display: none;
}

header #primary-nav li ul {
    position: absolute;
    display: none;
    background: #3f3831;
    width: 100%;
    min-width: 150px;
    padding: 10px 0;
}

.lang-nl header #primary-nav li ul {
    min-width: 180px;
}

header #primary-nav li:hover ul {
    display: block;
}

header #primary-nav li ul li {
    float: none;
    display: block;
    margin: 0;
    background: none !important;
}

header #primary-nav li ul li a {
    font-size: 1.1em;
    background: none !important;
    padding: 5px 10px;
    color: #ffffff !important;
}

header #primary-nav li ul li a:hover {
    color: #f15b5f !important;
}

header #primary-nav li ul li ul {
    display: none !important;
}

#side-medias {
    background: #3f3831;
    padding: 5px 0;
    position: fixed;
    top: 158px;
    right: 0px;
    z-index: 9999;
}

#side-medias a.icon, #side-medias .st_sharethis_large {
    background: url(../images/side-social-media-large.png) no-repeat center 5px #3f3831;
    width: 28px;
    height: 27px;
    padding: 5px 10px;
    margin: 5px 0;
    display: block;
    position: relative;
    z-index: 1;
}

#side-medias .music-holder {
    position: relative;
}

#side-medias .player {
    background: #2d2a28;
    color: #ffffff;
    left: 0;
    padding: 3px 6px;
    position: absolute;
    top: 0px;
    width: 37px;
}

#side-medias a.icon:hover, #side-medias .st_sharethis_large:hover, #side-medias .music.active {
    background-color: #2d2a28;
}

#side-medias a.icon.twitter {
    background-position: center -36px;
}

#side-medias a.icon.instagram {
    background-position: center -161px;
}

#side-medias a.icon.youtube-icon {
    background-position: center -203px;
}

#side-medias a.icon.music {
    background-position: center -79px;
}

#side-medias a.icon.google {
    background-position: center -242px;
}

#side-medias .st_sharethis_large {
    background-position: center -123px;
}

#side-medias a.useful-papia {
    display: block;
    width: 28px;
    height: 27px;
    padding: 5px 10px;
    margin: 5px 0;
    background: url(../images/papiamentu.png) no-repeat center center;
    position: relative;
}

#side-medias a.useful-papia span {
    opacity: 0;
    position: absolute;
    width: 193px;
    right: -40px;
    background: #3f3831;
    color: white;
    font-size: 11px;
    padding: 10px;
    transition: right 0.5s ease-in-out;
}

#side-medias a.useful-papia:hover span {
    right: 40px;
    opacity: 1;
    transition: right 0.5s ease-in-out;
}

.slideMenu {
    position: fixed;
    z-index: 10;
    right: 0px;
    top: 426px;
    background: url(../images/home-controller.jpg) repeat left top;
    width: 47px;
    z-index: 9999;
}

.slideMenu ul {
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0;
    right: 0px;
    padding: 4px;
}

.slideMenu ul li a {
    background: #3f3831;
    display: block;
    text-indent: -5000px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-bottom: 5px;
}

.slideUp {
    background: url(../images/up-down-arrows.jpg) no-repeat center 7px;
    width: 15px;
    height: 14px;
    padding: 6px 5px 6px 5px;
    cursor: pointer;
}

.slideDown {
    background: url(../images/up-down-arrows.jpg) no-repeat center -15px;
    width: 15px;
    height: 14px;
    padding: 6px 5px 6px 5px;
    cursor: pointer;
}

.slideMenu ul li a.active {
    background: #f6d99c;
}

.audiojs {
    width: 37px !important;
    height: 24px;
}

.audiojs .play-pause {
    height: 25px !important;
    padding: 0 6px !important;
}

.audiojs .scrubber, .audiojs .time {
    display: none;
}

/* POPUP
**************************************************************************************** */
#newsletter-signup, #statistics {
    border: 20px solid #e85d62;
    background: #e34f54;
    padding: 30px 0;
    text-align: center;
    width: 530px;
}

#newsletter-signup .line, #statistics .line {
    width: 95px;
    height: 1px;
    margin: 0 auto 15px;
    border-bottom: 2px solid #f4b9bb;
}

#newsletter-signup span, #statistics span {
    text-transform: uppercase;
    display: block;
    font-size: 1.3em;
    line-height: 1.5em;
    color: #ffffff;
}

#newsletter-signup h2, #statistics h2 {
    font-size: 4.5em;
    margin: -5px 0 30px;
    color: #ffffff;
}

#statistics ul {
    width: 60%;
    margin: 0 auto;
}

#statistics li a {
    font: 1.4em 'PlayFair';
    color: #ffffff;
    display: block;
    margin-bottom: 10px;
}

#statistics li a:hover {
    color: #ecb932;
}

#newsletter-signup #email-error {
    color: #ffffff;
    font-size: 1.2em;
    width: 70%;
    margin: 0 auto 10px;
}

#newsletter-signup #email-error a {
    color: #ffffff;
}

#newsletter-signup .form-entry {
    text-align: left;
    width: 50%;
    margin: 0 auto 25px;
}

#newsletter-signup .form-entry label {
    display: block;
    color: #ffffff;
    font: 1.2em 'PlayFair';
    margin-bottom: 5px;
}

#newsletter-signup .form-entry input, #newsletter-signup .form-entry select {
    border: 0;
    padding: 5px 10px;
    width: 90%;
}

#newsletter-signup .form-entry select {
    width: 97%;
}

#newsletter-signup .language {
    margin-bottom: 35px;
}

#newsletter-signup .language .title {
    color: #ffffff;
    font: 1.2em 'PlayFair';
    display: inline-block;
}

#newsletter-signup .language label {
    text-transform: uppercase;
    font: bold 1.2em 'Manjari';
    color: #ffffff;
    margin-right: 5px;
}

#newsletter-signup a.btn-yellow {
    margin-bottom: 20px;
}

/* FOOTER
**************************************************************************************** */
footer {
    background: url(../images/footer.jpg) repeat-x top #f5ebcb;
    padding: 32px 0 80px;
}

footer .credit {
    font-style: italic;
    padding: 30px 0;
}

footer .tambourine {
    color: #5a5a5a;
    line-height: 25px;
}

footer .news-flash {
    border-top: 1px solid #f7e0af;
    border-bottom: 1px solid #f7e0af;
    padding: 10px 0;
    margin-bottom: 25px;
}

footer .news-flash .label {
    font: 1em 'PlayFair';
    color: #de4347;
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 15%;
    padding-top: 10px;
}

footer .news-flash .rotate {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 84%;
}

footer .news-flash .rotate strong {
    display: block;
    text-transform: uppercase;
    font: bold 1.1em 'Manjari';
}

footer .news-flash .rotate p {
    font: bold 1em 'Manjari';
}

footer .news-flash .rotate p a {
    padding-left: 20px;
}

footer .nav {
    margin-bottom: 40px;
}

footer .nav li.title {
    text-transform: uppercase;
    font: bold 1.3em 'Manjari';
    padding-bottom: 5px;
}

footer .nav li a {
    display: block;
    margin-bottom: 8px;
    font-size: 1.2em;
}

footer .nav li a:hover {
    color: #de4347;
}

footer .newsletter .title {
    text-transform: uppercase;
    font: bold 1.1em 'Manjari';
    margin-bottom: 5px;
}

footer .newsletter .title:hover {
    color: #de4347;
}

footer .newsletter .form input {
    padding: 8px 12px !important;
    font-size: 1em !important;
}

footer .address p {
    margin-bottom: 25px;
    line-height: 1.5em;
}

footer .address p strong {
    text-transform: uppercase;
    font-size: 1.3em;
}

footer .operators li {
    margin-bottom: 5px;
}

footer .operators li a.title {
    display: inline-block;
    padding-right: 15px;
    background: url(../images/arrow-down.png) no-repeat right center;
    text-transform: uppercase;
    font: bold 1.3em 'Manjari';
}

footer .operators li a:hover {
    color: #de4347;
}

footer .operators li p {
    display: none;
    margin-bottom: 20px;
    line-height: 1.5em;
}

.fancybox-inner iframe {
    width: 856px;
    height: 480px;
    overflow: hidden;
}

/* HOME
**************************************************************************************** */
.mobile-intro {
    display: none;
}

#home .realcation {
    position: absolute;
    top: 310px;
    left: 10%;
    z-index: 10;
}

#home .stitle .realcation {
    position: relative !important;
    margin-left: 0 !important;
    left: 0 !important;
    top: 0 !important;
}

#home .intro {
    position: absolute;
    z-index: 10;
    background-image: url(../images/bg-intro.png);
    text-align: center;
    color: #ffffff;
    font-size: 3.5em;
    line-height: 0.65em;
    padding: 28px 22px 10px;
    right: 20%;
    top: 300px;
}

#home .intro div {
    margin: 10px 0;
}

#home .intro span {
    font-size: 0.35em;
    line-height: 1.5em;
    display: inline-block;
}

#home .intro span.first {
    padding-top: 18px;
    border-top: 2px solid #ffffff;
    line-height: 1em;
    text-transform: uppercase;
    font-size: 0.28em;
}

#home .intro h1 {
    margin: 10px 0;
}

#home .intro .scroll-down {
    background: url(../images/scroll-down.png) no-repeat;
    width: 103px;
    height: 39px;
    margin: 15px auto 0;
    display: block;
}

#home.lang-nl .intro .scroll-down {
    background: url(../images/scroll-down-nl.png) no-repeat;
    width: 113px;
}

#home.lang-es .intro .scroll-down {
    background: url(../images/scroll-down-es.png) no-repeat;
    width: 162px;
}

#slider-container {
    position: relative;
}

#home #slider2 {
    /*height: 717px;*/
}

#home #slider2 .slide {
    /*height: 717px;*/
    /*position: relative;*/
    /*background-size: cover;*/
}

#home #slider2 .slide .img-responsive {
    max-width: 100%;
}

#home #slider2 .slide .uvp {
    position: absolute;
    z-index: 50;
}

#home #slider2 .slide0 .uvp {
    right: 2%;
    top: 20%;
}

#home #slider2 .slide--windsurf .uvp {
    right: 8%;
    top: initial;
    bottom: 10%;
    max-width: 575px;
    width: 100%;
}

#home #slider2 .slide--aa .uvp {
    top: 20%;
    bottom: initial;
    transform: translateX(-50%);
    left: 50%;
    max-width: 750px;
}

#home #slider2 .slide .intro {
    position: absolute;
    z-index: 60;
    width: 465px;
    display: block !important;
}

#home #slider2 .ta {
    position: absolute;
    left: 5%;
    top: 50%;
    z-index: 50;
}

#home #slider2 a.fulllink {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
}

#home #slider {
    height: 717px;
    overflow: hidden;
}

#home #slider .slide {
    width: 100% !important;
    height: 717px !important;
    position: relative;
}

#home #slider .slide img {
    position: absolute;
    left: 50%;
    margin-left: -960px;
}

#slider-container .arrow {
    position: absolute;
    width: 50px;
    height: 70px;
    top: 50%;
    margin-top: -35px;
    z-index: 10;
    cursor: pointer;
}

#slider-container #prev-slide {
    left: 5%;
    background: url(../images/left-arrow.png) no-repeat;
}

#slider-container #next-slide {
    right: 5%;
    background: url(../images/right-arrow.png) no-repeat;
}

/* Slider Car and Flamingo */
.slide-new {
    text-align: center;
}

.slide-new a {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 5%;
    position: relative;
}

.slide-new img {
    width: auto !important;
    max-width: 90% !important;
    top: 40% !important;
    margin: 0 !important;
    left: 0 !important;
    position: relative !important;
}

#home #slider .slide1 img, #home #slider .slide3 img {
    left: initial !important;
    right: 4%;
    position: absolute !important;
}

.slide-new img.first {
    left: -10% !important;
}

#home .slide10 a.fancy-video {
    bottom: 20%;
    display: block;
    z-index: 10;
    right: 15%;
    /*display: block;*/
}

#home .slide10 a.fancy-video span, #home .slide10 a.fancy-video img {
    display: inline-block;
    vertical-align: middle;
    color: white;
    font-size: 22px;
    margin: 0 5px;
}

#home .slide11 a {
    top: 48%;
    left: 60%;
}

#home .slide11 a span, #home .slide11 a img {
    display: inline-block;
    vertical-align: middle;
    color: white;
    font-size: 22px;
    margin: 0 5px;
}

#explorer {
    background: url(../images/home-explorer-bg.jpg) repeat-x;
    height: 420px;
}

#explorer .map {
    padding-top: 180px;
    float: left;
}

#explorer .map img {
    position: absolute;
    z-index: 10;
    top: -85px;
    left: -5px;
    max-width: 40%;
}

#explorer .map a {
    text-align: center;
    padding-top: 55px;
    background: url(../images/explore-icon.png) no-repeat center top;
    color: #ffffff;
    font: 1.5em 'PlayFair';
    display: inline-block;
    position: relative;
    z-index: 11;
}

#explorer .copy {
    width: 50%;
    padding: 80px 30px 0 0;
    float: right;
}

#explorer .copy h3 {
    font: 3em 'PlayFair';
    color: #51afc0;
    margin-bottom: 20px;
}

#explorer p {
    font-size: 1.2em;
    line-height: 1.8em;
    color: #ffffff;
}

#explorer p span.upper {
    color: #90d2de;
    font: 3.2em 'PlayFair';
    float: left;
    margin: -13px 15px 0 0;
}

#explorer p a {
    font: bold 0.9em/2em 'Manjari';
    color: #ffffff;
}

#explorer p a:hover {
    color: #51afc0;
}

#home #diving {
    background: url(../images/homepage-freediving-bg.jpg) no-repeat center right;
    background-size: cover;
    position: relative;
}

#home #diving .wrapper {
    height: 838px;
}

#home #diving .turtle {
    position: absolute;
    z-index: 10;
    bottom: -106px;
    left: 211px;
}

#home #diving .copy {
    width: 450px;
    position: absolute;
    right: 0;
    bottom: 220px;
    text-align: center;
    color: #ffffff;
}

#home #diving .copy .icon {
    width: 95px;
    height: 70px;
    margin: 0 auto 20px;
    border-bottom: 2px solid #a0c6e1;
    background: url(../images/diving-icon.png) no-repeat center top;
}

#home #diving .copy span {
    text-transform: uppercase;
}

#home #diving .copy span, #home #diving .copy p {
    display: block;
    font-size: 1.1em;
    line-height: 1.5em;
}

#home #diving .copy h2 {
    font-size: 3.5em;
    margin: 5px 0 10px;
}

#home #diving .copy h2 a {
    color: #ffffff;
}

#home #diving .copy p a {
    font: bold 0.9em/1.7em 'Manjari';
    color: #ffffff;
}

#home #diving .copy p a:hover {
    color: #f3bb17;
}

#testimonials {
    background: url(../images/home-testimonials-bg.jpg) no-repeat center top;
    background-size: cover;
    height: 420px;
    overflow: hidden;
}

#testimonials .tripadvisor {
    background-image: url(../images/beige-transparency.png);
    float: left;
    width: 53%;
    margin-top: 65px;
    padding: 60px 6% 40px;
    margin-right: 5%;
}

#testimonials .tripadvisor p {
    font-size: 1.3em;
    line-height: 1.5em;
    margin-bottom: 5px;
}

#testimonials .tripadvisor span.by {
    display: block;
    font: 1.1em 'PlayFair';
}

#testimonials .tripadvisor a.read-more {
    font: bold 1.1em 'Manjari';
    padding: 25px 20px 0 0;
}

#testimonials .tripadvisor a.read-more:hover {
    color: #f15b5e;
}

#testimonials .brochure {
    position: relative;
    float: left;
    width: 30%;
    padding-top: 15px;
}

#testimonials .brochure a {
    position: absolute;
    bottom: 60px;
    right: 20px;
}

#home #where-to-stay {
    background: url(../images/rotator_where-to-stay.jpg) no-repeat center;
    background-size: cover;
    height: 850px;
    position: relative;

}

#home #where-to-stay .copy {
    width: 450px;
    position: absolute;
    right: 0;
    top: 300px;
    text-align: center;
    color: #3f3831;
    background: rgba(255, 255, 255, 0.5);
    padding: 30px 15px;
}

#where-to-stay .copy .icon {
    width: 95px;
    height: 70px;
    margin: 0 auto 20px;
    border-bottom: 2px solid #848483;
    background: url(../images/stars-icons.png) no-repeat center top;
}

#where-to-stay .copy span {
    text-transform: uppercase;
}

#where-to-stay .copy span, #where-to-stay .copy p {
    display: block;
    font-size: 1.1em;
    line-height: 1.5em;
    padding-right: 38px;
}

#where-to-stay .copy h2 {
    font-size: 3.5em;
    margin: 5px 0 10px;
}

#where-to-stay .copy h2 a {
    color: #000000;
}

#where-to-stay .copy p a {
    font: bold 1em/1.4em 'Manjari';
    color: #3f3831;
}

#where-to-stay .copy p a:hover {
    color: #f15b5e;
}

#home-categories {
    background: url(../images/home-categories-bg.jpg) no-repeat center;
    background-size: cover;
    height: 350px;
    padding-top: 70px;
}

#home-categories a .thumb {
    position: relative;
    height: 230px;
    overflow: hidden;
}

#home-categories .one_third .thumb .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../images/categories-thumb-mask.png);
    background-size: 100%;
}

#home-categories .one_third h3 {
    color: #ffffff;
    font-size: 2.2em;
    padding: 20px 0;
}

#home-categories .one_third h3 a {
    color: #ffffff;
}

#home-categories .one_third .regatta {
    font-size: 1.5em;
    color: #ffffff;
    display: block;
    margin-top: -17px;
}

#home-categories a:hover h3, #home-categories h3:hover a, #home-categories a:hover .regatta {
    color: #f3bb17;
}

#home-map {
    background: url(../images/home-map.jpg) no-repeat center #031c38;
    overflow: hidden;
    position: relative;
}

#home-map .copy .icon, #home-categories .icon {
    display: none;
}

#home-map .wrapper {
    height: 850px;
}

#home-map .copy {
    width: 400px;
    position: absolute;
    right: 260px;
    top: 400px;
    text-align: center;
    color: #ffffff;
}

#home-map .copy span {
    text-transform: uppercase;
}

#home-map .copy span, #home-map .copy p {
    display: block;
    font-size: 1em;
    line-height: 1.5em;
}

#home-map .copy p {
    width: 85%;
    margin: 0 auto 30px;
}

#home-map .copy h2 {
    font-size: 3.5em;
    margin: 5px 0 10px;
}

#home-map .copy p a {
    font: bold 1em/1.6em 'Manjari';
    color: #ffffff;
}

#home-map .copy p a:hover {
    color: #5da5d8;
}

#home-map .copy .view .label {
    font: bold 1em 'Manjari';
    margin-bottom: 5px;
}

#home-map .copy .view .locations {
    margin: 10px 0 15px;
}

#home-map .copy .view .locations li {
    display: inline-block;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #ffffff;
    color: #5da5d8;
    text-transform: uppercase;
    font: bold 1.2em/0.9em 'Manjari';
    cursor: pointer;
}

.lang-nl #home-map .copy .view .locations li,
.lang-es #home-map .copy .view .locations li {
    font-size: 1.05em;
}

#home-map h2 a {
    color: #ffffff;
}

#home-map .copy .view .locations li.last {
    border: 0;
    margin: 0;
    padding: 0;
}

#home-map .copy .view .locations li.active {
    color: #ffffff;
}

#home-map .copy .view .flights {
    text-align: left;
    padding-left: 100px;
}

#home-map .copy .view .flights li {
    margin-bottom: 5px;
    cursor: pointer;
}

#home-map .copy .view li span {
    width: 15px;
    display: inline-block;
    height: 15px;
    margin-right: 5px;
    background: url(../images/flights-checkbox.png) no-repeat;
    background-position-x: 0;
}

#home-map .copy .view li#direct_flights.active span {
    background-position: -15px 0;
}

#home-map .copy .view li#via_aruba span {
    background-position: 0 -17px;
}

#home-map .copy .view li#via_aruba.active span {
    background-position: -15px -17px;
}

#home-map .copy .view li#via_curacao span {
    background-position: 0 -35px;
}

#home-map .copy .view li#via_curacao.active span {
    background-position: -15px -35px;
}

#home-map .name, #home-map .lines {
    color: #ffffff;
    position: absolute;
}

#home-map .pinpoint {
    position: absolute;
    bottom: 286px;
    left: 280px;
    z-index: 10;
}

#home-map .pinpoint .name {
    text-transform: uppercase;
    font-family: 'Manjari';
    font-weight: bold;
}

#home-map .pinpoint .bonaire {
    top: 90px;
    left: 55px;
    font-size: 1.2em;
}

#home-map .na .direct_flights {
    top: 138px;
    left: 34px;
}

#home-map .na .direct_flights .houston {
    top: 173px;
    left: -34px;
}

#home-map .na .direct_flights .newark {
    top: 35px;
    left: 216px;
}

#home-map .na .direct_flights .atlanta {
    top: 119px;
    left: 65px;
}

#home-map .na .direct_flights .toronto {
    top: 0px;
    left: 190px;
}

#home-map .na .direct_flights .miami {
    top: 230px;
    left: 115px;
}

#home-map .na .via_aruba {
    top: 140px;
    left: 22px;
}

#home-map .na .via_aruba .aruba {
    top: 376px;
    left: 215px;
    font: bold 1.2em 'Manjari'
}

#home-map .na .via_aruba .miami {
    top: 255px;
    left: 105px;
}

#home-map .na .via_aruba .orlando {
    top: 205px;
    left: 105px;
}

#home-map .na .via_aruba .houston {
    top: 210px;
    left: -25px;
}

#home-map .na .via_aruba .charlotte {
    top: 120px;
    left: 105px;
}

#home-map .na .via_aruba .atlanta {
    top: 150px;
    left: 85px;
}

#home-map .na .via_aruba .ny {
    top: 25px;
    left: 145px;
}

#home-map .na .via_aruba .toronto {
    top: -24px;
    left: 115px;
}

#home-map .na .via_aruba .boston {
    top: 0px;
    left: 195px;
}

#home-map .na .via_aruba .philadelphia {
    top: 52px;
    left: 110px;
}

#home-map .na .via_curacao {
    top: 149px;
    left: 164px;
}

#home-map .na .via_curacao .miami {
    top: 215px;
    left: -15px;
}

#home-map .na .via_curacao .charlotte {
    top: 108px;
    left: -35px;
}

#home-map .na .via_curacao .toronto {
    top: -20px;
    left: -26px;
}

#home-map .na .via_curacao .ny {
    top: 22px;
    left: 75px;
}

#home-map .na .via_curacao .curacao {
    top: 383px;
    left: 65px;
    font: bold 1.2em 'Manjari'
}

#home-map .eu .direct_flights {
    top: 15px;
    left: 315px;
}

#home-map .eu .direct_flights .amsterdam {
    top: 15px;
    right: -65px;
}

#home-map .eu .via_aruba {
    top: 15px;
    left: 294px;
}

#home-map .eu .via_aruba .aruba {
    bottom: 5px;
    left: -55px;
    font: bold 1.2em 'Manjari';
}

#home-map .eu .via_aruba .amsterdam {
    top: 25px;
    right: -75px;
}

#home-map .eu .via_aruba .london {
    top: 35px;
    right: 45px;
}

#home-map .eu .via_curacao {
    top: 15px;
    left: 300px;
}

#home-map .eu .via_curacao .curacao {
    bottom: 2px;
    left: -68px;
    font: bold 1.2em 'Manjari';
}

#home-map .eu .via_curacao .amsterdam {
    top: 15px;
    right: 25px;
}

#home-map .eu .via_curacao .berlin {
    top: 15px;
    right: -65px;
}

#home-map .la .direct_flights {
    top: 338px;
    left: -18px;
}

#home-map .la .direct_flights .mexico {
    top: 138px;
    left: -15px;
}

#home-map .la .direct_flights .houston {
    top: -25px;
    left: 15px;
}

#home-map .la .via_aruba {
    bottom: 0;
    left: 184px;
}

#home-map .la .via_aruba .aruba {
    top: -22px;
    left: 60px;
    font: bold 1.2em 'Manjari';
}

#home-map .la .via_aruba .panama {
    top: 23px;
    left: -46px;
}

#home-map .la .via_aruba .ecuador {
    top: 112px;
    left: -36px;
}

#home-map .la .via_aruba .colombia {
    top: 106px;
    left: 74px;
}

#home-map .la .via_aruba .venezuela {
    top: 47px;
    left: 124px;
}

#home-map .la .via_aruba .guyana {
    top: 60px;
    left: 194px;
}

#home-map .la .via_aruba .suriname {
    top: 90px;
    left: 254px;
}

#home-map .la .via_aruba .peru {
    bottom: 30px;
    left: 4px;
}

#home-map .la .via_aruba .chile {
    bottom: 50px;
    left: 75px;
}

#home-map .la .via_aruba .argentina {
    bottom: 40px;
    left: 195px;
}

#home-map .la .via_aruba .brazil {
    bottom: 60px;
    left: 277px;
}

#home-map .la .via_curacao {
    bottom: 77px;
    left: 185px;
}

#home-map .la .via_curacao .curacao {
    top: -21px;
    left: 52px;
    font: bold 1.2em 'Manjari';
}

#home-map .la .via_curacao .panama {
    top: 15px;
    left: -48px;
}

#home-map .la .via_curacao .venezuela {
    top: 39px;
    left: 112px;
}

#home-map .la .via_curacao .suriname {
    top: 50px;
    left: 257px;
}

#home-map .la .via_curacao .medellin {
    top: 218px;
    left: 240px;
}

#home-map .la .via_curacao .bogota {
    top: 120px;
    left: 30px;
}

#home-map .la .via_curacao .guyana {
    top: 73px;
    left: 165px;
}

#connect {
    background: url(../images/home-testimonials-bg.jpg) no-repeat center top;
    background-size: cover;
    height: 350px;
    padding-top: 70px;
}

#connect .social-medias {
    background: url(../images/beige-transparency.png);
}

#connect .social-medias .bird {
    background: url(../images/home-social-media-bg2.jpg) no-repeat center / 95% auto;
    padding: 50px 98px 0 0;
    height: 220px;
    text-align: right;
}

#connect .social-medias .bird h4 {
    font: 1.8em/1.2em 'PlayFair';
    color: #3f3831;
    margin-bottom: 10px;
}

#connect .social-medias .bird li {
    display: inline-block;
    margin-left: 2px;
}

#connect .social-medias .bird li a, #connect .social-medias .bird li span.st_sharethis_large {
    background: url(../images/sm-icons.png) no-repeat;
    width: 52px;
    height: 52px;
    display: block;
    text-indent: -9999px;
    cursor: pointer;
}

.stButton {
    display: none !important;
}

header #primary-nav li ul li.dl-back {
    display: none;
}

#connect .social-medias .bird li a.twitter {
    background-position: -59px 0;
}

#connect .social-medias .bird li a.instagram {
    background-position: -118px 0;
}

#connect .social-medias .bird li span.st_sharethis_large {
    background-position: -235px 0;
}

#connect .social-medias .bird li a.youtube-icon {
    background-position: -296px 0;
}

#connect .social-medias .bird li a.google {
    background-position: -177px 0;
}

#connect .hash {
    padding-top: 15px;
    font-size: 1.4em;
    color: #3f3831;
}

#connect .newsletter {
    background: url(../images/beige-transparency.png);
    height: 240px;
    padding-top: 30px;
}

#connect .newsletter .signup {
    background: url(../images/home-signup-bg2.jpg) no-repeat center top;
    height: 180px;
    padding: 34px 0 0 70px;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 1.3em;
}

#connect .newsletter .form {
    background-color: #ffffff;
    position: relative;
    width: 277px;
    margin: 0 auto;
}

.newsletter .form input[type=text] {
    width: 180px;
}

.newsletter .form input[type=text], .newsletter .form input[type=submit] {
    background-color: #ffffff;
    border: 0;
    padding: 10px 15px;
    color: #f3bb17;
    font-size: 1.2em;
    float: left;
}

/* INTERNAL PAGES
**************************************************************************************** */
#content {
    background: url(../images/internal-bg.jpg) no-repeat center top #e5d4ad;
    background-size: 100% auto;
    padding: 70px 0 50px;
    min-height: 260px;
}

#image-gallery #content, #media-gallery #content {
    padding: 25px;
}

#content h1 {
    font-size: 3.1em;
    margin-bottom: 30px;
}

#content .content {
    float: left;
    width: 82%;
}

#content .copy {
    padding: 40px;
    background: url(../images/beige-transparency.png);
    -moz-box-shadow: 2px 2px 5px 5px #d9cbae;
    -webkit-box-shadow: 2px 2px 5px 5px #d9cbae;
    box-shadow: 2px 2px 5px 5px #d9cbae;
}

#content .copy .inset {
    margin-top: 10px;
    margin-bottom: 25px;
}

#content .copy .inset.full {
    width: 100%;
}

#content .copy .inset.left {
    float: left;
    margin-right: 35px;
    max-width: 60%;
}

#content .copy .inset.right {
    float: right;
    margin-left: 35px;
    max-width: 60%;
}

#content .copy h1, #content .copy .headline {
    font: 4em/1.2em 'PlayFair';
    margin-bottom: 15px;
    text-align: center;
    background: url(../images/subtitle-line.png) no-repeat center bottom;
    padding-bottom: 15px;
}

#content .copy h2 {
    font: bold 2em 'Manjari';
    margin-bottom: 10px;
}

#content .copy h2.img-subtitle {
    background: #f2b319;
    display: inline-block;
    margin: -45px auto 30px;
    padding: 7px 30px;
    text-transform: uppercase;
    color: #ffffff;
    font: 1.5em 'Manjari';
}

#content .copy h3 {
    font: bold 1.3em 'Manjari';
    margin-bottom: 5px;
    text-transform: uppercase;
}

#content .copy h4 {
    font: bold 1.5em 'Manjari';
    margin-bottom: 5px;
    color: #f15b5e;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

#content .copy p {
    margin-bottom: 20px;
    font-size: 1.3em;
    line-height: 1.6em;
}

#content .copy p.intro {
    width: 78%;
    margin: 0 auto;
    font: 1.8em 'PlayFair';
    margin-bottom: 50px;
    text-align: center;
}

#content .copy p a,
#content .copy ul.list li a {
    font-family: 'Manjari';
    font-weight: bold;
    text-decoration: underline;
}

#content .copy p a:hover, #content .copy ul.list li a:hover {
    color: #f15b5f;
}

#content .copy ul.list, #content .copy ul.medals {
    margin-bottom: 20px;
}

#content .copy ul.list li {
    font-size: 1.3em;
    line-height: 1.6em;
    margin-bottom: 5px;
    padding-left: 10px;
    background: url("../images/arrow-right-small.png") no-repeat left 6px;
    float: none;
    display: block;
    width: auto;
}

ul.facts ul.list li {
    font: bold 1.1em/1.4em 'Manjari' !important;
}

#content .copy ul.list li ul {
    padding: 10px 0;
}

#content .copy ul.list li ul li {
    font-size: 1em;
}

#content .copy ul.list li .header {
    display: none;
}

#content .copy ul.medals li {
    font-size: 1.3em;
    margin-bottom: 5px;
    padding: 1px 0 3px 30px;
    background: url("../images/medals-icons.png") no-repeat;
    float: none;
    display: block;
    width: auto;
}

#content .copy ul.medals li.silver {
    background-position: 0 -27px;
}

#content .copy ul.medals li.gold {
    background-position: 0 -54px;
}

#content .copy ul.medals li.platinum {
    background-position: 0 -81px;
}

#content .copy table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

#content .copy th {
    background-color: #e9dbbe;
    padding: 4px 10px;
    text-align: left;
}

#content .copy td {
    padding: 4px 10px;
}

#content .copy .color td {
    background-color: #f2e9d6;
}

#content .copy td a:hover {
    color: #f15b5f;
}

.side-nav {
    width: 13%;
    padding-right: 5%;
    float: left;
    text-align: right;
    padding-top: 80px;
}

.lang-nl .side-nav {
    padding-right: 2.5%;
    width: 15.5%;
}

#about-bonaire .side-nav, #news-flash .side-nav {
    padding-top: 0;
}

.side-nav .header {
    font: 1.4em 'PlayFair';
    padding-bottom: 10px;
    margin-bottom: 5px;
    background: url(../images/side-nav-underline.png) no-repeat right bottom;
}

.side-nav li a {
    display: block;
    font: bold 1.3em 'Manjari';
    padding-bottom: 10px;
    margin-bottom: 5px;
    background: url(../images/side-nav-underline.png) no-repeat right bottom;
}

.side-nav li a:hover, .side-nav li.active a, .side-nav .header a:hover {
    color: #f15b5e;
}

.side-nav li ul {
    display: none;
    padding: 0 0 10px 0;
    margin: 10px 0;
    background: url(../images/side-nav-underline.png) no-repeat right bottom;
}

.side-nav li.active ul {
    display: block;
}

.side-nav li ul li a {
    color: #555555 !important;
    background: none;
    padding: 0;
    font-size: 1em;
    margin-bottom: 2px;
}

.side-nav li ul li a:hover, .side-nav li ul li.active a {
    color: #f15b5e !important;
}

#vacation-deals .side-nav {
    width: 16%;
    padding-right: 2%;
}

#vacation-deals .side-nav .holder {
    position: relative;
}

#vacation-deals .side-nav .header {
    background: url(../images/filter-bg.png) no-repeat;
    padding: 5px 0 5px 10px;
    text-align: left;
    cursor: pointer;
    margin: 0;
}

#vacation-deals .side-nav ul {
    display: none;
    position: absolute;
    background-color: #e9dcbb;
    padding: 5% 8%;
    width: 82%;
    z-index: 10;
    top: 35px;
}

#vacation-deals .side-nav .list {
    background: url(../images/filter-arrow.png) no-repeat right center #e9dcbb;
    overflow: hidden;
    max-width: 182px;
}

#vacation-deals .side-nav select {
    background: none;
    padding: 5% 8%;
    width: 130%;
    border: 0;
}

.bonaire-culinary-team #content .copy h2 {
    margin-bottom: 20px;
    display: inline-block;
    margin-right: 15px;
    padding-top: 2.5px;
}

/* Toggle Content
**************************************************************************************** */
.toggle-nav {
    text-align: center;
    margin-bottom: 30px;
}

.toggle-nav.fixed {
    /*position: fixed;*/
    z-index: 10;
    background: #f6efdb;
    padding: 10px;
}

.toggle-nav li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-right: 5px;
    padding-right: 8px;
    border-right: 2px solid #555555;
    margin-bottom: 15px;
}

.toggle-nav li.last, .toggle-nav li:last-child {
    border: 0;
    padding: 0;
    margin: 0;
}

.toggle-nav li a {
    text-transform: uppercase;
    font: bold 1.2em/1em 'Manjari';
}

.toggle-nav li a:hover, .toggle-nav li a.current {
    color: #f15b5f;
}

.toggle-content {
    display: none;
}

.awards .toggle-nav {
    padding-top: 20px;
}

.awards .toggle-nav li a {
    font-size: 1em;
}

/* Where To Stay
**************************************************************************************** */
/*#where-to-stay .hotels-resorts {*/
/*float: left;*/
/*width: 64%;*/
/*}*/
/*#where-to-stay .left-categories {*/
/*float: left;*/
/*width: 36%;*/
/*}*/
/*#where-to-stay .hotels-resorts, #where-to-stay .villas, #where-to-stay .apartments, #where-to-stay .boutique-hotels {*/
/*display: block;*/
/*position: relative;*/
/*}*/
/*#where-to-stay .hotels-resorts img, #where-to-stay .villas img, #where-to-stay .apartments img, #where-to-stay .boutique-hotels img {*/
/*width: 100%;*/
/*}*/

#where-to-stay .hotels-resorts,
#where-to-stay .villas,
#where-to-stay .apartments,
#where-to-stay .boutique-hotels {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    float: left;
    height: 350px;
    width: 50%;
    position: relative;
}

#where-to-stay .hotels-resorts {
    background-image: url('../images/hotels-resorts.jpg');
    background-position: top center;
}

#where-to-stay .villas {
    background-image: url('../images/villas.jpg');
}

#where-to-stay .apartments {
    background-image: url('../images/apartments.jpg');
}

#where-to-stay .boutique-hotels {
    background-image: url('../images/boutique-hotels.jpg');
    background-position: left bottom;
}

#where-to-stay .hotels-resorts h2, #where-to-stay .villas h2, #where-to-stay .apartments h2, #where-to-stay .boutique-hotels h2 {
    font-size: 2.2em;
    color: #ffffff;
    position: absolute;
}

#where-to-stay .hotels-resorts h2,
#where-to-stay .villas h2 {
    bottom: 5%;
    left: 5%;
}

#where-to-stay .apartments h2,
#where-to-stay .boutique-hotels h2 {
    top: 5%;
    left: 5%;
}

/*#where-to-stay .villas h2 {*/
/*bottom: 5%;*/
/*left: 5%;*/
/*}*/
/*#where-to-stay .apartments h2 {*/
/*top: 5%;*/
/*left: 5%;*/
/*}*/

/*#where-to-stay .boutique-hotels h2 {*/
/*bottom: 5%;*/
/*left: 5%;*/
/*}*/

/* #where-to-stay .hotels-resorts:hover h2 {
	left: 18%;
}
*/
#where-to-stay .hotels-resorts:hover h2, #where-to-stay .villas:hover h2, #where-to-stay .apartments:hover h2, #where-to-stay .boutique-hotels:hover h2 {
    color: #f3bb17;
}

#where-to-stay .intro {
    width: 60%;
    margin-right: 10%;
    margin-bottom: 40px;
}

#where-to-stay .intro p {
    font-size: 1.5em;
    line-height: 1.5em;
}

#where-to-stay .vacation-deals {
    position: relative;
}

#where-to-stay .vacation-deals a {
    position: absolute;
    right: 10%;
    bottom: 13%;
}

#where-to-stay .listing li, #activities-events .listing li, #vacation-deals .listing li, #diving .listing li, #dining .listing li {
    float: left;
    display: inline;
    width: 45%;
    margin: 0 10% 30px 0;
}

#where-to-stay .listing li.last, #activities-events .listing li.last, #vacation-deals .listing li.last, #diving .listing li.last, #dining .listing li.last {
    margin-right: 0;
}

#where-to-stay .listing li img, #activities-events .listing li img, #vacation-deals .listing li img, #diving .listing li img, #dining .listing li img {
    width: 100%;
    margin-bottom: 10px;
}

#where-to-stay .listing li h3, #activities-events .listing li h3, #vacation-deals .listing li h3, #diving .listing li h3, #dining .listing li h3 {
    font: bold 1.5em 'Manjari';
    margin-bottom: 10px;
    text-transform: none;
}

.listing.operators li h3 {
    border-bottom: 1px solid #3f3831;
    padding-bottom: 5px;
}

#vacation-deals .listing li h3 span {
    display: block;
    font: 0.7em 'Manjari';
    color: #f15b5f;
    padding-top: 3px;
}

#where-to-stay .listing li p, #activities-events .listing li p, #vacation-deals .listing li p {
    padding: 0 25px 10px 0;
    font-size: 1em;
    margin: 0;
}

.listing.operators li div, .listing.operators li a {
    font-size: 1.2em;
    line-height: 1.6em;
    padding-left: 20px;
    width: 100%;
    display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */
    display: flex;
    align-items: center;
}

.listing li a:hover {
    color: #f3bb17;
}

.listing li .phone {
    background: url(../images/icon_phone.png) no-repeat left center;
}

.listing li .phone a {
    padding-left: 0 !important;
    line-height: 1;
    flex: 1;
    -webkit-flex: 1;
}

.listing li .website {
    background: url(../images/icon_website.png) no-repeat left 6px;
    display: block;
}

.listing li .email {
    background: url(../images/icon_email.png) no-repeat left center;
}

.listing li .tripadvisor {
    background: url(../images/icon_tripadvisor.png) no-repeat left center;
    display: block;
}

.listing.operators li a {
    display: block;
    white-space: pre-line;
}

#business .social {
    float: left;
    margin-right: 20px;
}

#business .social a, #business .social .st_sharethis_large {
    display: block;
    float: left;
    display: inline;
    margin-right: 10px;
    background: url(../images/business-social-icons.png) no-repeat;
    width: 35px;
    height: 35px;
    text-indent: -9999px;
}

#business .social a.twitter {
    background-position: -47px 0;
}

#business .social .st_sharethis_large {
    background-position: -92px 0;
}

#business .social a.tripadvisor {
    background-position: -138px 0;
}

#business .social .stLarge {
    background: none !important;
}

#business .website {
    float: left;
    display: inline;
    color: #f15b5e;
    text-align: right;
    padding-right: 40px;
    font: 1.4em/1em 'Manjari';
    text-transform: uppercase;
    background: url(../images/arrow-pink.png) no-repeat right center;
}

#business .website:hover {
    color: #3f3831;
}

#slider {
    position: relative;
}

#diving #slider .rotate {
    width: 100%;
    height: 620px !important;
    overflow: hidden;
}

#diving #slider .rotate img {
    width: 100% !important;
    min-height: 720px;
}

#business #slider, #activities-events #slider {
    height: 600px;
    overflow: hidden;
}

#business #slider .slide, #activities-events #slider .slide {
    height: 600px;
    width: 100%;
}

body#where-to-stay #business #slider {
    /*height: 700px !important;*/
}

#business #slider .rotate img, #activities-events #slider .rotate img {
    margin-top: -80px;
    width: 100% !important;
    height: auto !important;
}

#slider .arrow {
    position: absolute;
    width: 50px;
    height: 70px;
    top: 50%;
    margin-top: -35px;
    z-index: 10;
    cursor: pointer;
}

#slider #prev {
    left: 5%;
    background: url(../images/left-arrow.png) no-repeat;
}

#slider #next {
    right: 5%;
    background: url(../images/right-arrow.png) no-repeat;
}

#business .map, #poi .map {
    margin: 0 0 40px 30px;
    width: 50%;
    max-width: 400px
}

#business .map {
    margin-top: 30px;
    text-align: center;
}

#business .map a {
    background-color: #f15b5f;
    color: #ffffff;
    font-size: 1.3em;
    padding: 15px 20px;
}

#business.bonaire-beach .map a,
#business.bonaire-dive-sites .map a,
#business.sightseeing .map a {
    background-color: transparent;
    color: transparent;
    padding: 0;
}

#business .map #myMap, #poi .map #myMap {
    width: 100%;
    height: 235px !important;
}

#business .map img, #poi .map img {
    width: 100%;
}

#business .map.left {
    margin: 0 30px 40px 0;
}

#business .business_info {
    font: bold 1.2em 'Manjari';
    margin-bottom: 20px;
    padding: 30px 0;
    border-top: 1px solid #e5d4ad;
    border-bottom: 1px solid #e5d4ad;
}

#business .amenities ul, #business .facilities ul {
    list-style: disc;
}

#business .amenities li, #business .facilities li {
    margin: 0 0 8px 12px;
    font: bold 1.1em 'Manjari';
    display: list-item;
}

#business .bottom-info, #activities-events .bottom-info {
    padding-top: 50px;
}

#business .bottom-info .widgets, #activities-events .bottom-info .widgets {
    position: relative;
    min-height: 470px;
    width: 35%;
}

#business .bottom-info .widgets .dining, #activities-events .bottom-info .widgets .dining {
    position: absolute;
    right: 0;
    top: -50px;
    z-index: 2;
}

#business .bottom-info .widgets .activities, #activities-events .bottom-info .widgets .activities {
    position: absolute;
    top: 180px;
    right: 60px;
    z-index: 1;
}

#business .specials-wrapper {
    padding: 2px;
    background: #f9f2e0; /* Old browsers */
    background: -moz-linear-gradient(top, #f6efdb 0%, #eee4cd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f2e0), color-stop(100%, #eee4cd)); /* Chrome, Safari4+ */
    background: -webkit-linear-gradient(top, #f6efdb 0%, #eee4cd 100%); /* Chrome10+, Safari5.1+ */
    background: -o-linear-gradient(top, #f6efdb 0%, #eee4cd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f6efdb 0%, #eee4cd 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f6efdb 0%, #eee4cd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6efdb', endColorstr='#eee4cd', GradientType=0); /* IE6-9 */
}

#business .specials-wrapper .inner {
    background-color: #f9f5e7;
    padding: 25px;
    position: relative;
}

#business .specials-wrapper .inner h3 {
    color: #f15b5f;
    text-transform: none;
    font-size: 1.6em;
    margin-bottom: 10px;
}

#business .specials-wrapper .inner h4 {
    font: bold 1.6em 'Manjari';
    text-transform: uppercase;
    margin-bottom: 15px;
}

#business .specials-wrapper .inner p {
    font-size: 1.1em;
    line-height: 1.4em;
}

#business .specials-wrapper .inner .exp {
    position: absolute;
    right: 30px;
    bottom: 30px;
    font-size: 0.9em;
}

#business #specials-nav {
    padding-top: 10px;
    text-align: center;
}

#business #specials-nav a {
    display: inline-block;
    margin: 0 5px;
    background: url(../images/dots.png) no-repeat;
    background-position: 0 bottom;
    width: 14px;
    height: 14px;
    text-indent: -9999px;
}

#business #specials-nav a.activeSlide {
    background-position: 0 0;
}

/*Tour Operators - hide Portugal*/
#activities-events.europe #content .copy h4:nth-of-type(11) {
    display: none;
}

/* RESPONSIVE
**************************************************************************************** */
#diving .controls {
    background-color: #3f3831;
    height: 81px;
    padding-top: 20px;
    overflow: hidden;
}

#diving .controls .dive-gallery {
    font-size: 2em;
    line-height: 1em;
    color: #ffffff;
    text-align: right;
    float: left;
    margin-right: 15px;
}

#diving .controls .bx-wrapper {
    position: relative;
}

.bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    display: block;
}

.bx-controls-direction a.bx-prev {
    left: -20px;
    background: url(../images/diving-gallery-left.png) no-repeat;
}

.bx-controls-direction a.bx-next {
    right: -40px;
    background: url(../images/diving-gallery-right.png) no-repeat;
}

#diving .controls #dive-gallery-thumbs {
    overflow: hidden;
    height: 58px;
}

#diving .controls #dive-gallery-thumbs li {
    float: left;
    display: inline;
    margin: 0 5px;
    width: 100px;
    overflow: hidden;
}

#diving .intro {
    width: 60%;
    margin-right: 10%;
    margin-bottom: 40px;
}

#diving .intro h1 {
    margin-bottom: 10px;
}

#diving .intro h2 {
    font-size: 2.5em;
    margin-bottom: 20px;
}

#diving .intro h2 span {
    display: block;
    font-size: 0.6em;
}

#diving .intro p {
    font-size: 1.2em;
    line-height: 1.5em;
    margin-bottom: 15px;
}

#diving .intro p a {
    font-family: 'Manjari';
    font-weight: bold;
}

#diving .vacation-deals {
    position: relative;
}

#diving .vacation-deals a {
    position: absolute;
    right: 10%;
    bottom: 13%;
}

#diving .top20 {
    float: left;
    width: 63%;
}

#diving .dive-operators {
    float: left;
    width: 37%;
    overflow: hidden;
}

#diving .top20, #diving .dive-operators {
    display: block;
    position: relative;
}

#diving .dive-operators {
    overflow: hidden;
}

#diving .top20 img, #diving .dive-operators img {
    width: 100%;
}

#diving .top20 h2 {
    background: url(../images/enter-rock.png) no-repeat right bottom;
    font-size: 2.2em;
    color: #ffffff;
    position: absolute;
    bottom: -73px;
    left: 4%;
    padding: 0 220px 125px 0;
}

#diving .dive-operators h2 {
    font-size: 2.2em;
    color: #ffffff;
    position: absolute;
    bottom: 5%;
    left: 5%;
}

#diving .bottom {
    background: url(../images/bg-diving-bottom.jpg) repeat-x center;
    height: 330px;
    padding-top: 90px;
}

#diving .bottom .intro {
    width: 70%;
}

#diving .bottom .intro h2 {
    color: #ffffff;
}

#diving .bottom .intro p {
    color: #ffffff;
    font-size: 1.2em;
}

#diving .bottom .intro ul {
    margin-bottom: 30px;
}

#diving .bottom .intro li {
    display: inline-block;
    margin-right: 15px;
}

#diving .bottom .intro li img {
    height: 60px;
}

#diving .bottom .intro a.view-all {
    color: #f3bb17;
    font: bold 1.1em 'Manjari';
}

#diving .bottom .intro a.view-all:hover {
    color: #ffffff;
}

#diving .top20:hover h2, #diving .dive-operators:hover h2 {
    color: #f3bb17;
}

#poi .listing-intro, #activities-events .listing-intro {
    margin-bottom: 40px;
}

#poi .listing-intro h2 {
    padding-top: 10px;
    font-size: 2em;
}

#poi .listing-intro .description p, #activities-events .listing-intro .description p {
    padding-top: 15px;
}

#poi .listing li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 22%;
    margin: 0 3.5% 50px 0;
}

#poi .listing li.last {
    margin-right: 0;
}

#poi .listing li img {
    width: 100%;
    margin-bottom: 10px;
}

#poi .listing li h3 {
    font: bold 1.5em 'Manjari';
    margin-bottom: 10px;
}

#poi .listing li p {
    padding: 0 0 10px 0;
    font-size: 1em;
    margin: 0;
}

.operators-list li {
    margin: 0 0 8px 12px;
    font: 1.1em 'Manjari';
    list-style: disc;
}

.download {
    padding-right: 45px;
    background: url(../images/arrow-brown.png) no-repeat right center;
    font: bold 1.4em/1.1em 'Manjari';
    text-align: right;
}

.dive-guide {
    clear: right;
    padding: 15px 0;
    font: bold 1.4em/1.1em 'Manjari';
}

#poi-bottom-banners {
    padding-top: 50px;
}

#poi-bottom-banners .thumb {
    position: relative;
}

#poi-bottom-banners img {
    max-width: 100%;
}

#poi-bottom-banners a {
    position: absolute;
    bottom: 15px;
    right: 20px;
}

/* Ambassadors
**************************************************************************************** */
#ambassadors .listing li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 30%;
    margin: 0 3% 30px 0;
}

#ambassadors .listing li img {
    width: 100%;
    margin-bottom: 20px;
}

#ambassadors .listing li h3 {
    font-size: 1.2em !important;
}

#ambassadors .listing li p {
    font-size: 1em !important;
}

#ambassadors li.young-am {
    background: none !important;
}

#ambassadors p.young-am {
    font-size: 1em;
    font-style: italic;
}

/* Useful facts
**************************************************************************************** */
.facts li {
    float: left;
    display: inline;
    background: #f9f2e0; /* Old browsers */
    background: -moz-linear-gradient(top, #f6efdb 0%, #eee4cd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f2e0), color-stop(100%, #eee4cd)); /* Chrome, Safari4+ */
    background: -webkit-linear-gradient(top, #f6efdb 0%, #eee4cd 100%); /* Chrome10+, Safari5.1+ */
    background: -o-linear-gradient(top, #f6efdb 0%, #eee4cd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f6efdb 0%, #eee4cd 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f6efdb 0%, #eee4cd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6efdb', endColorstr='#eee4cd', GradientType=0); /* IE6-9 */
    margin: 0 9% 35px 0;
    width: 45%;
    padding: 2px;
    position: relative;
    z-index: 1;
}

.facts li.full {
    width: 99%;
    margin-right: 0;
}

.facts li .in {
    background-color: #faf5e7;
    padding: 35px 45px 20px 100px;
    background-repeat: no-repeat;
    background-position: 25px 35px;
}

#content .copy .facts p {
    font: bold 1.1em/1.4em 'Manjari';
}

#content .copy .facts p a {
    display: block;
    color: #f15b5f;
}

.facts li.right {
    margin-right: 0;
}

.facts li .expanded {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    background: #f9f2e0; /* Old browsers */
    background: -moz-linear-gradient(top, #f6efdb 0%, #eee4cd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f2e0), color-stop(100%, #eee4cd)); /* Chrome, Safari4+ */
    background: -webkit-linear-gradient(top, #f6efdb 0%, #eee4cd 100%); /* Chrome10+, Safari5.1+ */
    background: -o-linear-gradient(top, #f6efdb 0%, #eee4cd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f6efdb 0%, #eee4cd 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f6efdb 0%, #eee4cd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6efdb', endColorstr='#eee4cd', GradientType=0); /* IE6-9 */
    padding: 2px;
    min-width: 99%;
    overflow: hidden;
}

.facts li .expanded .close {
    position: absolute;
    bottom: -21px;
    right: 20px;
    width: 21px;
    height: 21px;
    background: url(../images/facts-close.png) no-repeat;
    cursor: pointer;
}

.facts li .expanded .in {
    color: #faf5e7;
}

.facts #location .in {
    background-image: url(../images/icon_location.png);
}

.facts #time_zone .in {
    background-image: url(../images/icon_time_zone.png);
}

.facts #temperature .in, .facts #biodegradable .in {
    background-image: url(../images/icon_temperature.png);
}

.facts #languages_poppulation .in {
    background-image: url(../images/icon_language.png);
}

.facts #airlines .in {
    background-image: url(../images/icon_airlines.png);
}

.facts #currency .in {
    background-image: url(../images/icon_currency.png);
}

.facts #electricity .in {
    background-image: url(../images/icon_electricity.png);
}

.facts #religion .in {
    background-image: url(../images/icon_churches.png);
}

.facts #medical .in {
    background-image: url(../images/icon_medical.png);
}

.facts #emergency_numbers .in {
    background-image: url(../images/icon_emergency.png);
}

.facts #immigration .in {
    background-image: url(../images/icon_visas.png);
}

.facts #education .in {
    background-image: url(../images/Icon-Education.png);
}

.facts #working-bonaire .in {
    background-image: url(../images/Icon-WorkingBonaire.png);
}

.facts #buying-building .in {
    background-image: url(../images/Icon-BuyingBuilding.png);
}

.facts #investing .in {
    background-image: url(../images/Icon-Investing.png);
}

.facts #banking .in {
    background-image: url(../images/Icon-Banking.png);
}

.facts #diving_emergencies .in {
    background-image: url(../images/Icon-DivingEmergency.png);
}

.facts #volunteer .in {
    background-image: url(../images/Icon-Volunteer.png);
}

.facts #animal_shelter .in {
    background-image: url(../images/Icon-AnimalShelter.png);
}

.facts #airport_parking .in {
    background-image: url(../images/Icon-AirlineParking.png);
}

.facts #taxes .in {
    background-image: url(../images/Icon-Taxes.png);
}

.facts #cycle_bonaire .in {
    background-image: url(../images/Icon-CycleBonaire.png);
}

.facts #watertaxi .in {
    background-image: url(../images/Icon-WaterTaxi.png);
}

.facts #tipping .in {
    background-image: url(../images/Icon-Tipping.png);
}

.facts #car_rental .in {
    background-image: url(../images/Icon-CarRental.png);
}

.facts #drinking_water .in {
    background-image: url(../images/Icon-DrinkingWater.png);
}

.facts #cruise_schedule .in {
    background-image: url(../images/Icon-CruiseSchedule.png);
}

.facts #caribbean_sports .in {
    background-image: url(../images/Icon-CaribbeanSports.png);
}

.facts #internet_cafe .in {
    background-image: url(../images/Icon-InternetWifi.png);
}

.facts #television .in {
    background-image: url(../images/Icon-Television.png);
}

.facts #telecommunications .in {
    background-image: url(../images/Icon-Telecommunications.png);
}

.facts #transportation .in {
    background-image: url(../images/Icon-Transportation.png);
}

.facts #shopping_hours .in {
    background-image: url(../images/Icon-Shopping.png);
}

.facts #personal_safety .in {
    background-image: url(../images/icon_safety.png);
}

.facts #rentals .in {
    background-image: url(../images/icon-BicycleRental.png);
}

.facts #nature_fee .in, .facts #nature_awareness .in {
    background-image: url(../images/icon-NatureFee.png);
}

.facts #living .in {
    background-image: url(../images/icon-Living.png);
}

.facts #papiamentu .in {
    background-image: url(../images/icon-Living.png);
}

.facts #island_live .in {
    background-image: url(../images/icon-IslandLiving.png);
}

.facts #helpdesk .in {
    background-image: url(../images/Icons-HelpDesk.png);
}

.facts #friends-of-nature .in {
    background-image: url(../images/icon-NatureFee.png);
}

/* VACATIONS DEALS
**************************************************************************************** */
.deals li {
    margin-bottom: 25px;
}

.deals li img {
    float: left;
    width: 46%;
}

.deals li .border {
    padding: 0 2px 2px 0;
    background: #f9f2e0; /* Old browsers */
    background: -moz-linear-gradient(top, #f6efdb 0%, #eee4cd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f2e0), color-stop(100%, #eee4cd)); /* Chrome, Safari4+ */
    background: -webkit-linear-gradient(top, #f6efdb 0%, #eee4cd 100%); /* Chrome10+, Safari5.1+ */
    background: -o-linear-gradient(top, #f6efdb 0%, #eee4cd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f6efdb 0%, #eee4cd 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f6efdb 0%, #eee4cd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6efdb', endColorstr='#eee4cd', GradientType=0); /* IE6-9 */
    float: left;
    width: 53.7%;
}

.deals li .border .inner {
    background-color: #f9f5e7;
    min-height: 170px;
    padding: 15px 20px;
    position: relative;
}

.deals li .border .inner h2 {
    color: #f15b5f;
    margin-bottom: 5px !important;
    font: bold 1.1em 'Manjari' !important;
}

.deals li .border .inner h3 {
    font: bold 1.5em 'Manjari' !important;
    margin-bottom: 10px !important;
}

.deals li .border .inner p {
    font-size: 0.9em !important;
    line-height: 1.4em !important;
    margin-bottom: 10px !important;
}

.deals li .border .inner .exp {
    position: absolute;
    right: 20px;
    bottom: 20px;
    font-size: 0.8em;
    text-transform: uppercase;
}

/* SEARCH
**************************************************************************************** */
.search-result li {
    margin-bottom: 25px;
}

.search-result li img {
    float: left;
    max-width: 46%;
}

.search-result li .border {
    padding: 0 2px 2px 0;
    background: #f9f2e0; /* Old browsers */
    background: -moz-linear-gradient(top, #f6efdb 0%, #eee4cd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f2e0), color-stop(100%, #eee4cd)); /* Chrome, Safari4+ */
    background: -webkit-linear-gradient(top, #f6efdb 0%, #eee4cd 100%); /* Chrome10+, Safari5.1+ */
    background: -o-linear-gradient(top, #f6efdb 0%, #eee4cd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f6efdb 0%, #eee4cd 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f6efdb 0%, #eee4cd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6efdb', endColorstr='#eee4cd', GradientType=0); /* IE6-9 */
    float: left;
    width: 53.7%;
}

.search-result li .border .inner {
    background-color: #f9f5e7;
    min-height: 170px;
    padding: 15px 20px;
    position: relative;
}

.search-result li a, .search-result li .border .inner div {
    font-size: 1.2em;
    line-height: 1.6em;
    padding-left: 20px;
    display: block;
}

.search-result li p {
    font-size: 1.1em;
    line-height: 1.4em;
}

.search-result li h3 {
    border-bottom: 1px solid #3f3831;
    padding-bottom: 5px;
    font-size: 1.3em;
    margin-bottom: 5px;
}

/* FORMS
**************************************************************************************** */
#form .form-entry,
#formContact .form-entry {
    margin-bottom: 10px;
}

#form .form-entry.two-lines,
#formContact .form-entry.two-lines {
    margin-bottom: 15px;
}

#form .form-entry label,
#formContact .form-entry label {
    text-align: right;
    float: left;
    width: 150px;
    padding: 5px 15px 5px 0;
    font: bold 1.1em 'Manjari';
}

#form .form-entry label.error,
#formContact .form-entry label.error {
color: #f15b5e;
}

#form .form-entry.two-lines label,
#formContact .form-entry.two-lines label {
    width: auto;
    float: none;
    text-align: left;
    display: block;
}

#form .form-entry input[type=text], #form .form-entry select, #form .form-entry textarea,
#formContact .form-entry input[type=text], #formContact .form-entry select, #formContact .form-entry textarea {
    background-color: #fcf8ea;
    padding: 10px;
    border: 1px solid #fcf8ea;
    width: 50%;
    font-size: 1.1em;
    color: #6a593e;
}

#form .form-entry input[type=text].small,
#formContact .form-entry input[type=text].small {
    width: 15%;
}

#form .form-entry select,
#formContact .form-entry select {
    height: 39px;
}

#form .star-rating,
#formContact .star-rating {
    float: left;
    position: relative;
}

#form .star-rating .star-rating__stars,
#formContact .star-rating .star-rating__stars {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    cursor: pointer;
}

#form .star-rating .star-rating__stars:last-of-type,
#formContact .star-rating .star-rating__stars:last-of-type {
    position: static;
}

#form .star-rating .star-rating__stars:nth-of-type(1),
#formContact .star-rating .star-rating__stars:nth-of-type(1) {z-index: 5;}
#form .star-rating .star-rating__stars:nth-of-type(2),
#formContact .star-rating .star-rating__stars:nth-of-type(2) {z-index: 4;}
#form .star-rating .star-rating__stars:nth-of-type(3),
#formContact .star-rating .star-rating__stars:nth-of-type(3) {z-index: 3;}
#form .star-rating .star-rating__stars:nth-of-type(4),
#formContact .star-rating .star-rating__stars:nth-of-type(4) {z-index: 2;}
#form .star-rating .star-rating__stars:nth-of-type(5),
#formContact .star-rating .star-rating__stars:nth-of-type(5) {z-index: 1;}

#form .star-rating .star-rating__stars input,
#formContact .star-rating .star-rating__stars input {
    position: absolute;
    top: 13px;
    right: 16px;
    opacity: 0;
}

#form .star-rating .star-rating__stars .icon,
#formContact .star-rating .star-rating__stars .icon {
    float: left;
    color: transparent;
    font-size: 30px;
    margin-right: 10px;
}

#form .star-rating .star-rating__stars:last-of-type .icon,
#formContact .star-rating .star-rating__stars:last-of-type .icon {
    color: rgba(0, 0, 0, 0.6);
}

#form .star-rating:not(:hover) .star-rating__stars input:checked ~ .icon,
#form .star-rating:hover .star-rating__stars:hover input ~ .icon,
#formContact .star-rating:not(:hover) .star-rating__stars input:checked ~ .icon,
#formContact .star-rating:hover .star-rating__stars:hover input ~ .icon {
    color: #f3bb17;
}

#form .star-rating .star-rating__stars input:focus:not(:checked) ~ .icon:last-child,
#formContact .star-rating .star-rating__stars input:focus:not(:checked) ~ .icon:last-child {
    color: rgba(0, 0, 0, 0.6);
    text-shadow: 0 0 5px #f3bb17;
}

#formContact .operator-form.border-top {
    margin-top: 30px;
    padding-top: 30px;
    position: relative;
}

#formContact .operator-form.border-top::before {
    background-color: rgba(0, 0, 0, 0.1);
    content: '';
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 75%;
}

a.btnSubmit {
    font-size: 1.4em;
    padding: 10px 0 12px 15px;
}

.errorMsg {
    margin-bottom: 20px;
    font: bold 1.2em 'Manjari';
    color: #f15b5e;
}

.error {
    border-color: #f15b5e !important;
}

#thankyou {
    font: bold 1.4em 'Manjari';
    margin-bottom: 20px;
    color: #f15b5e;
}

.realcation-content {
    background: url(../images/realcaption-bg-content.png) no-repeat left top;
    height: 732px;
    padding-left: 250px;
    padding-right: 50px;
    padding-top: 40px;
}

.realcation-content h1 {
    font: 2.5em 'Manjari' !important;
    padding-top: 40px !important;
    margin-bottom: 50px !important;
    background: url(../images/camera-icon.png) no-repeat center top !important;
}

.realcation-content h1 span {
    display: block;
    font: italic 0.9em 'PlayFair';
}

.realcation-content h1 strong {
    font: bold 1.8em 'Manjari' !important;
    text-transform: uppercase;
    background: url("../images/subtitle-line.png") no-repeat center bottom;
    padding-bottom: 20px;
}

.realcation-content p span {
    color: #f15b5f;
}

.realcation-content p strong {
    font-family: 'Manjari';
    font-weight: bold;
}

.contest-social li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 20px;
}

.contest-social li a {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../images/contest-social.png) no-repeat;
}

.contest-social li a.twitter {
    background-position: -54px 0;
}

.contest-social li a.instagram {
    background-position: -104px 0;
}

/* EVENTS CALENDAR
**************************************************************************************** */
.subnav {
    margin-bottom: 30px;
}

.subnav li {
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #3f3831;
    display: inline-block;
    *display: inline;
    zoom: 1;
    line-height: 1em;
    height: 18px;
}

.subnav li:last-child {
    border: 0;
}

.subnav li a {
    color: #3f3831;
    font: bold 1.1em 'Manjari';
    text-transform: uppercase;
}

.subnav li a:hover, .subnav li a.active {
    color: #f15b5e;
}

#events .subnav.fixed {
    position: fixed;
    z-index: 10;
    background: #f6efdb;
    padding: 10px;
}

#events .subnav li {
    margin-right: 15px;
    padding-right: 15px;
}

#events .subnav li a {
    font-size: 1.2em;
}

#events h2 {
    text-transform: uppercase;
    font: bold 2.5em 'Manjari' !important;
    margin-bottom: 15px !important;
}

#events h3 {
    padding: 15px 20px;
}

.events-list {
    padding: 2px;
    background: #f9f2e0; /* Old browsers */
    background: -moz-linear-gradient(top, #f6efdb 0%, #eee4cd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f2e0), color-stop(100%, #eee4cd)); /* Chrome, Safari4+ */
    background: -webkit-linear-gradient(top, #f6efdb 0%, #eee4cd 100%); /* Chrome10+, Safari5.1+ */
    background: -o-linear-gradient(top, #f6efdb 0%, #eee4cd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f6efdb 0%, #eee4cd 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f6efdb 0%, #eee4cd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6efdb', endColorstr='#eee4cd', GradientType=0); /* IE6-9 */
    margin-bottom: 30px;
}

.events-list .inner {
    background-color: #f9f5e7;
    padding: 25px;
    position: relative;
}

.events-list .event {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #eee4cd;
}

.events-list .event.last {
    margin: 0;
    padding: 0;
    border: 0;
}

.events-list .event .date {
    float: left;
    display: inline;
    width: 6%;
    color: #f15b5f;
    text-transform: uppercase;
    font-size: 1.3em;
    line-height: 1.4em;
}

.next-year {
    font: bold 1.3em 'Manjari';
}

.events-list .event .date span {
    display: block;
    font-family: 'Manjari';
    font-weight: bold;
}

.events-list .event .date .day {
    font-size: 1.8em;
}

.events-list .event .description {
    float: left;
    display: inline;
    width: 90%;
}

.events-list .event .description h4 {
    /*font: bold 1.3em 'Manjari' !important;*/
    color: #3f3831 !important;
}

.events-list .event .description h4 span {
    display: block;
    color: #f15b5e;
    font-size: 85%;
}

.events-list .event .description p {
    font-size: 1em;
}

.events-download {
    padding: 5px 0 3px 30px;
    background: url(../images/calendar.png) no-repeat left center;
    font: bold 1.2em 'Manjari';
}

.events-download:hover {
    color: #f15b5f;
}

/* DIVE CALENDAR
**************************************************************************************** */
#diving.events-calendar .datepicker-single-month .ui-datepicker-header {
    background-color: #e9e0c8;
    color: #f15b5f;
    font: bold 2em 'Manjari';
    padding: 14.5px 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}

#diving.events-calendar .datepicker-single-month .ui-datepicker-header .ui-datepicker-prev,
#diving.events-calendar .datepicker-single-month .ui-datepicker-header .ui-datepicker-next {
    background: center center no-repeat;
    background-size: 15px 26px;
    display: block;
    height: 60px;
    width: 66px;
    position: absolute;
    top: 0;
}

#diving.events-calendar .datepicker-single-month .ui-datepicker-header .ui-datepicker-prev {
    background-image: url('../images/diving/arrow-left.png');
    border-right: 1px solid #cfc29f;
}

#diving.events-calendar .datepicker-single-month .ui-datepicker-header .ui-datepicker-next {
    background-image: url('../images/diving/arrow-right.png');
    border-left: 1px solid #cfc29f;
    right: 0;
}

#diving.events-calendar .datepicker-single-month .ui-datepicker-header .ui-datepicker-prev span,
#diving.events-calendar .datepicker-single-month .ui-datepicker-header .ui-datepicker-next span {
    position: absolute;
    display: block;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

#diving.events-calendar .datepicker-single-month .ui-datepicker-calendar thead th {
    background-color: transparent;
    font: bold 1.154em 'Manjari';
    padding: 20px 0;
    text-align: center;
}

#diving.events-calendar .datepicker-single-month .ui-datepicker-calendar tbody {
    border: 1px solid #cfc29f;
}

#diving.events-calendar .datepicker-single-month .ui-datepicker-calendar tbody tr {
    border-bottom: 1px solid #cfc29f;
}

#diving.events-calendar .datepicker-single-month .ui-datepicker-calendar tbody tr td {
    border-right: 1px solid #cfc29f;
    height: 100px;
    padding: 10px;
    width: 100px;
    /*text-align: right;*/
}

#diving.events-calendar .datepicker-single-month .ui-datepicker-calendar tbody tr:last-of-type,
#diving.events-calendar .datepicker-single-month .ui-datepicker-calendar tbody tr td:last-of-type {
    border-bottom: none;
}

#diving.events-calendar .datepicker-single-month .ui-datepicker-calendar tbody tr td.ui-datepicker-unselectable {
    /*opacity: 0.2;*/
}

#diving.events-calendar .datepicker-single-month .ui-datepicker-calendar tbody tr td.active-event {
    transition: all .3s ease-in-out;
}

#diving.events-calendar .datepicker-single-month .ui-datepicker-calendar tbody tr td.active-event:hover,
#diving.events-calendar .datepicker-single-month .ui-datepicker-calendar tbody tr td.active-event.ui-datepicker-current-day {
    background-color: #e9e0c8;
}

#diving.events-calendar .datepicker-single-month .ui-datepicker-calendar tbody tr td.active-event span {
    display: inline-block;
    font-family: 'Manjari';
    font-weight: bold;
    margin-top: 10px;
    padding-left: 10px;
    position: relative;
    text-align: left;
}

#diving.events-calendar .datepicker-single-month .ui-datepicker-calendar tbody tr td.active-event span::after {
    background: #f15b5f;
    border-radius: 50%;
    content: '';
    display: block;
    height: 5px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 5px;
}

#diving.events-calendar .datepicker-single-month .ui-datepicker-calendar tbody tr td a.ui-state-default,
#diving.events-calendar .datepicker-single-month .ui-datepicker-calendar tbody tr td span.ui-state-default {
    display: block;
    text-align: right;
}

#diving.events-calendar .datepicker-single-month .ui-datepicker-calendar tbody tr td.active-event span.ui-state-default::after {
    display: none;
}

#diving.events-calendar .item-event {
    padding: 2px;
    background: #f9f2e0; /* Old browsers */
    background: -moz-linear-gradient(top, #f6efdb 0%, #eee4cd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f2e0), color-stop(100%, #eee4cd)); /* Chrome, Safari4+ */
    background: -webkit-linear-gradient(top, #f6efdb 0%, #eee4cd 100%); /* Chrome10+, Safari5.1+ */
    background: -o-linear-gradient(top, #f6efdb 0%, #eee4cd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f6efdb 0%, #eee4cd 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f6efdb 0%, #eee4cd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6efdb', endColorstr='#eee4cd', GradientType=0); /* IE6-9 */
    margin-bottom: 30px;
}

#diving.events-calendar .item-event .inner {
    background-color: #f9f5e7;
    padding: 25px;
    position: relative;
    display: flex;
}

#diving.events-calendar .item-event .item-event__date {
    color: #f15b5f;
    flex-basis: 15%;
    font: bold 2em 'Manjari';
    text-align: center;
    text-transform: uppercase;
    width: 15%;
}

#diving.events-calendar .item-event .item-event__date span,
#diving.events-calendar .item-event .item-event__info span {
    display: block;
}

#diving.events-calendar .item-event .item-event__info {
    flex-basis: 85%;
    width: 85%;
}

#diving.events-calendar .item-event .item-event__info span {
    font: bold 1.3em 'Manjari';
    margin-bottom: 10px;
}

#diving.events-calendar .item-event .item-event__info p {
    font-size: 1em;
}

#diving.events-calendar .item-event .close {
    position: absolute;
    top: 15px;
    right: 15px;
    height: 20px;
    width: 20px;
    color: transparent;
    background: url('../images/diving/close.png') center center no-repeat;
}

#diving.events-calendar .item-event .btn-beige span {
    margin-bottom: 0;
}

/* NEWS FLASH
**************************************************************************************** */
.flash {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #eee4cd;
}

.flash.last {
    margin: 0;
    padding: 0;
    border: 0;
}

.tags {
    padding-top: 20px;
    border-top: 1px solid #e4dbc6;
}

.tags strong {
    font: bold 1.2em 'Manjari';
    font-weight: normal;
}

.tags a {
    color: #f15b5f;
    font-size: 1.2em;
}

#wallpapers .inset span {
    display: block;
    font: bold 1.2em/1.8em 'Manjari';
    color: #f15b5f;
}

.text_mobile {
    display: none;
    font-size: 12px;
    color: #333333;
    text-align: left;
}

/* OTHERS
**************************************************************************************** */
.participants ul {
    margin-bottom: 30px;
}

.participants ul li {
    font-size: 1.1em;
    line-height: 1.8em;
    margin: 0;
}

#vacation-deals #content .copy h1 {
    font-size: 3em;
    margin-bottom: 40px;
}

#loginform p {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: 10px;
}

.loading {
    background: url("../images/loading.gif") no-repeat scroll center 250px #e5d4ad;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 10;
    opacity: 0.8;
}

/* RESPONSIVE
**************************************************************************************** */
.one_half, .two_third, .one_third, .one_fourth {
    float: left;
}

.one_half {
    width: 48%;
    margin-right: 4%;
}

.one_third {
    width: 30.3333%;
    margin-right: 4.5%;
}

.two_third {
    width: 65%;
    margin-right: 4.5%;
}

.one_fourth {
    width: 22%;
    margin-right: 4%;
}

.one_half:last-child, .two_third:last-child, .one_third:last-child, .one_fourth:last-child {
    margin-right: 0;
}

/*bvc*/
ul.bvc_list {
    width: 40%;
    display: inline-block;
    margin: 10px 3% 10px 3%;
}

ul.bvc_list li {
    margin: 15px 0 15px 10px;
    position: relative;
    width: 100%;
    font-size: 15px;
    display: block;
}

ul.bvc_list li.title {
    margin: 30px 0;
}

ul.bvc_list li.title::before {
    content: " ";
    position: absolute;
    width: 40px;
    height: 2px;
    background: #f3bb17;
    clear: both;
    bottom: -5px;
}

/*  Mobile additions */
.show_desk {
    display: block !important;
}

.show_mobile {
    display: none !important;
}

.social_mobile {
    position: absolute;
    width: 85%;
    z-index: 2;
    height: 30px;
    top: 30px;
    right: 15%;
    overflow: hidden;
}

.social_mobile .header-social {
    width: 100%;
    display: inline-block !important;
    text-align: right;
}

.social_mobile .header-social a {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 0 1px;
    background-image: url(../images/side-social-media-large.png);
    background-size: 25px auto;
}

.social_mobile .header-social a.facebook {
    background-position: 0px 0px;
}

.social_mobile .header-social a.twitter {
    background-position: 0px -37px;
}

.social_mobile .header-social a.instagram {
    background-position: 0px -147px;
}

.social_mobile .header-social a.youtube-icon {
    background-position: 0px -184px;
}

.social_mobile .header-social a.google {
    background-position: 0px -220px;
}

/**** Cruise Landing Page  *******/

body#cruise .side-nav {
    width: 15%;
    padding-right: 3%;
}

body#cruise .side-nav .title {
    font: 18px/1.2em 'PlayFair';
    text-align: right;
    position: relative;
    display: inline-block;
    padding-bottom: 15px;
}

body#cruise .side-nav .title::after {
    content: " ";
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 7px;
    height: 1px;
    background: #f15b5e;
}

body#cruise #content .copy h1 {
    margin-bottom: 40px;
}

body#cruise #content .copy h2 {
    margin-top: 50px;
}

body#cruise #content .copy h2, body#cruise #content .copy h3 {
    font: bold 32px 'Manjari';
}

body#cruise .block {
    background: #faf5e7;
    padding: 30px;
    margin: 40px 20px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
}

body#cruise #content .copy h3 {
    text-transform: capitalize;
    margin-bottom: 20px;
}

body#cruise .half {
    display: inline-block;
    vertical-align: top;
    width: 45%;
}

body#cruise .half:nth-child(2) {
    margin-right: 5%;
}

body#cruise .half .item a {
    color: #f15b5e;
    padding: 5px 25px 5px 0;
    font-family: inherit;
}

body#cruise .half:nth-child(2) a {
    background: url(../images/icon-doc.svg) no-repeat right center;
    background-size: 18px auto;
}

body#cruise .half:nth-child(3) p:last-child a {
    background: url(../images/icon-file.svg) no-repeat right center;
    background-size: 18px auto;
}

body#cruise .section .title {
    display: inline-block;
    text-align: center;
    width: 90%;
    font: bold 17px 'Manjari';
    margin: 20px;
    text-transform: uppercase;
    position: relative;
}

body#cruise .section p a {
    color: #f15b5e;
    font-family: inherit;
}

body#cruise .section .title::before, body#cruise .section .title::after {
    content: " ";
    position: absolute;
    width: 35%;
    height: 1px;
    background: #e5d7b5;
    top: 8px;
}

body#cruise .section .title::before {
    left: 0;
}

body#cruise .section .title::after {
    right: 0;
}

body#cruise .wrap .news {
    width: 90%;
    margin-bottom: 40px;
    margin-top: 20px;
}

body#cruise .wrap .news .name {
    text-transform: uppercase;
    font-size: 18px;
    position: relative;
    padding-bottom: 10px;
}

body#cruise .wrap .news .name::after {
    content: " ";
    position: absolute;
    width: 30px;
    left: 0;
    bottom: 10px;
    height: 1px;
    background: #f15b5e;
}

body#cruise .wrap .news .name span {
    text-transform: capitalize;
    font-size: 13px;
}

.prev-page {
    text-align: center;
    margin: 0 0 20px 0;
}

.prev-page .btn-red span {
    background: url(../images/arrow-white-prev.png) no-repeat left center;
    padding-right: 10px;
    padding-left: 30px;
}

body#cruise .reg-form {
    padding: 30px;
    width: 660px;
    background: #f15b5e;
    min-height: 370px;
}

body#cruise .reg-form h3 {
    text-align: center;
    color: white;
    margin: 30px 0;
}

body#cruise #cruiselpcontact {
    width: 260px;
}

body#cruise .reg-form .title {
    text-align: center;
    font: bold 22px 'Manjari';
    position: relative;
    text-transform: uppercase;
    color: white;
}

body#cruise .reg-form form {
    margin: 20px 0 0 0;
}

body#cruise .reg-form .form-entry {
    display: block;
    margin: 10px 0;
    width: 100%;
    max-width: 260px;
}

body#cruise .reg-form .form-entry label {
    display: block;
    margin-bottom: 0px;
    color: white;
}

body#cruise .reg-form .form-entry input[type=text], body#cruise .reg-form .form-entry textarea {
    width: 96%;
    border: 1px solid white;
    padding: 5px;
    color: white;
    background: transparent;
}

body#cruise .reg-form input[type=submit] {
    background: white;
    color: #f15b5e;
    text-transform: uppercase;
    border: none;
    font: bold 14px 'Manjari';
    padding: 8px 20px;
}

body#cruise .reg-form .more {
    background: white;
    color: #f15b5e;
    margin: 10px 0 20px 0;
    display: inline-block;
    padding: 7px 15px;
    text-transform: uppercase;
    font-size: 10px;
}

body#cruise .reg-form .employee_block {
    display: inline-block;
    width: 40%;
    vertical-align: top;
    margin: 20px 5% 20px 0;
}

body#cruise .reg-form .sec {
    color: white;
    margin: 10px 0;
    font-size: 14px;
}

ul.two-columns li {
    display: inline-block;
    vertical-align: top;
    width: 40%;
    margin-right: 5%;
    margin-bottom: 10px;
    font-size: 1.3em;
}

ul.two-columns li a:hover {
    color: #f15b5e;
}

.links {
    margin: 40px auto 20px auto;
    text-align: center;
    width: 95%;
}

.links a {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
    width: 30%;
    cursor: pointer;
}

.links a:nth-child(3n + 2) {
    margin: 0 3%;
}

.links a img {
    max-width: 100%;
}

.links a span {
    color: black;
    margin-top: 15px;
    display: block;
}

/*Log in page*/
.log-in-block {
    margin: 40px auto;
    width: 400px;
    text-align: center;
}

.log-in-block #frmLogin .field {
    width: 100%;
    margin-bottom: 20px;
}

.log-in-block #frmLogin .field label {
    display: inline-block;
    vertical-align: bottom;
    margin-right: 10px;
    font: bold 14px 'Manjari';
    text-align: right;
}

.log-in-block #frmLogin .field input {
    display: inline-block;
    vertical-align: bottom;
    width: 200px;
    border: none;
    background: transparent;
    border-bottom: 1px solid #f15b5e;
}

.log-in-block #frmLogin .login, .log-in-block .down {
    background: #f15b5e;
    color: white;
    text-transform: uppercase;
    display: inline-block;
    margin: 20px 0;
    font-size: 14px;
    padding: 10px 30px;
}

/* Tablets */
@media only screen and (min-width: 768px) and (max-width: 1199px) {
    header .wrapper > div.right {
        width: 80%;
    }
}

@media only screen and (max-width: 1090px) {
    body {
        font-size: 12px;
    }

    .desktop {
        display: none;
    }

    header #primary-nav li {
        margin-left: 0px;
    }

    #home-categories a h3 {
        font-size: 1.8em;
    }

    #home-map .copy {
        right: 150px;
    }

    #business #slider .rotate img, #activities-events #slider .rotate img {
        margin: 0;
        height: 100% !important;
        width: auto !important;
    }

    #content h1 {
        font-size: 2.5em;
    }

    .side-nav {
        padding-right: 2%;
        width: 16%;
    }

    #business .bottom-info .widgets .dining, #activities-events .bottom-info .widgets .dining {
        top: 0;
    }

    #business .bottom-info .widgets img, #activities-events .bottom-info .widgets img {
        width: 200px;
    }
}

/* Tablet portraid view only */
@media only screen and (max-width: 945px) {
    .no-portrait, .bottom-info .widgets {
        display: none !important;
    }

    header a.logo {
        margin: 20px 0 0 10px;
    }

    header a.logo img {
        width: 150px;
    }

    header #primary-nav li a {
        padding: 12px 8px;
    }

    #explorer .map img {
        top: -25px;
    }

    #home-map .copy {
        right: 30px;
    }

    #home-map .pinpoint {
        left: 70px;
    }

    #home-map .na .direct_flights {
        left: -175px;
    }

    #home-map .na .via_aruba {
        left: 64px;
    }

    #home-map .na .via_curacao {
        left: 54px;
    }

    #home-map .eu .direct_flights {
        left: 205px;
    }

    #home-map .eu .via_aruba {
        left: 175px;
    }

    #home-map .eu .via_curacao {
        left: 190px;
    }

    #home-map .la .direct_flights {
        left: -128px;
    }

    #home-map .la .via_aruba {
        left: 74px;
    }

    #home-map .la .via_curacao {
        left: 75px;
    }

    #poi .listing li {
        width: 29%;
        margin-right: 3.5% !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    header #primary-nav li a {
        font-size: 14px !important;
    }

    #home #slider2 .slide--windsurf .uvp {
        max-width: 475px;
    }
}

@media screen and (max-width: 972px) {
    header a.logo {
        float: left;
        margin: 31px 0 0 8px;
        width: 132px;
    }

    header a.logo img {
        width: 100%;
    }

    header .secondary-nav li a {
        font-size: 11px;
    }
}

@media screen and (max-width: 946px) {
    header a.logo {
        float: left;
        margin: 31px 0 0 8px;
        width: 132px;
    }

    header a.logo img {
        width: 100%;
    }

    header #primary-nav li a {
        font-size: 16px;
        padding: 12px 10px;
    }

    header .secondary-nav li a {
        font-size: 11px;
    }
}

@media screen and (max-width: 899px) {
    header #primary-nav li a {
        font-size: 14px;
        padding: 12px 8px;
    }
}

@media screen and (max-width: 797px) {
    header #primary-nav li a {
        font-size: 13px;
        padding: 12px 5px;
    }
}

@media screen and (max-width: 749px) {
    .no-mobile {
        display: none;
    }

    .mobile-intro {
        display: block;
        text-align: center;
        padding-top: 20px;
    }

    .mobile-intro span {
        display: block;
        font-size: 1.2em;
    }

    .mobile-intro span.first {
        text-transform: uppercase;
    }

    .mobile-intro span.second {
        font-size: 2.5em;
    }

    .two_third {
        width: 100%;
        margin-right: 0%;
    }

    .one_third {
        width: 80%;
        margin: 0 auto;
    }

    #slider-container #slider img {
        width: 100% !important;
        height: auto !important;
    }

    #content {
        padding-top: 50px;
        background: url("../images/internal-bg-mobile.jpg") no-repeat scroll center top / 100% auto #f7efdb;
    }

    body#diving #content {
        padding-top: 30px;
    }

    body#diving .vacation-deals img {
        width: 100%;
    }

    #diving .intro {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 40px;
    }

    #diving .intro p {
        padding: 15px;
    }

    #diving .top20, #diving .dive-operators {
        width: 100%;
    }

    #diving .top20 img, #diving .dive-operators img {
        width: 100%;
        opacity: 0.8;
    }

    #diving .controls .dive-gallery {
        font-size: 1.4em;
        float: inherit;
        text-align: center;
        margin: 0px;
        margin-bottom: 8px;
    }

    #slider .rotate img {
        width: 100%;
    }

    #diving .bottom {
        height: 565px;
        padding-top: 30px;
        background-repeat: repeat;
    }

    #diving .bottom .intro li {
        display: inline-block;
        margin-right: 0%;
        margin-left: 0%;
        text-align: center;
        width: 46%;
        margin-bottom: 10px;
    }

    #diving .bottom .intro {
        width: 100%;
    }

    #diving .bottom .intro h2 {
        text-align: center;
    }

    #diving .bottom .intro li img {
        height: 60px;
    }

    #diving .top20 h2, #diving .dive-operators h2 {
        left: 0;
        width: 100%;
        bottom: 5%;
        z-index: 99;
        text-align: center;
        top: inherit;
        padding: 0;
        background: rgba (0, 0, 0, 0.5) !important;
    }

    #diving .controls {
        background-color: #3f3831;
        height: 96px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    /* Dive Calendar */
    #diving.events-calendar .datepicker-single-month .ui-datepicker-header {
        font-size: 1.5em;
        padding: 19.5px 0;
    }

    #diving.events-calendar .datepicker-single-month .ui-datepicker-calendar tbody tr td {
        height: auto;
        padding: 5px;
    }

    #diving.events-calendar .item-event .inner {
        display: block;
    }

    #diving.events-calendar .item-event .item-event__date {
        flex-basis: initial;
        margin-bottom: 10px;
        text-align: left;
        width: auto;
    }

    #diving.events-calendar .item-event .item-event__date span,
    #diving.events-calendar .item-event .item-event__info span {
        display: initial;
    }

    #diving.events-calendar .item-event .item-event__info {
        flex-basis: initial;
        width: auto;
    }

    #diving.events-calendar .item-event .btn-beige {
        width: initial;
    }

    #diving.events-calendar .item-event .btn-beige span {
        display: block;
    }
    /* End Dive Calendar */

    #content .content {
        float: left;
        width: 100%;
        margin-top: 12px;
    }

    #where-to-stay .listing li, #activities-events .listing li, #vacation-deals .listing li, #diving .listing li, #dining .listing li {
        display: block;
    }

    #content h1 {
        text-align: center;
    }

    .side-nav {
        width: 100%;
        position: relative;
        margin-top: -58px !important;
        text-align: center;
        padding: 10px 0px 10px 0 !important;
        left: 0;
        z-index: 100;
    }

    .side-nav ul li {
        margin-left: 0;
    }

    .side-nav ul li:last-child {
        margin-left: 0;
    }

    #vacation-deals .side-nav .holder {
        margin: 5px -65px 0 10px;
    }

    #vacation-deals .side-nav .header {
        width: 200px !important;
        position: relative;
        padding: 0 0 0 5px;
        background: none;
    }

    .side-nav .header {
        text-transform: uppercase;
        font-family: Helvetica;
        font-size: 1.2em;
        padding: 0;
        height: 31px;
        background: none;
        position: fixed;
        right: 0;
    }

    .side-nav .header a {
        background: #f15b5f !important;
        color: #ffffff !important;
        padding: 10px 30px 10px 12px;
        display: inline-block;
        float: right;
    }

    .side-nav .header a:after {
        position: absolute;
        right: 7px;
        top: -3px;
        color: #ffffff;
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg);
        height: 42px;
        font-family: 'icomoon';
        speak: none;
        -webkit-font-smoothing: antialiased;
        content: "\e000";
        line-height: 51px;
        font-size: 12px;
    }

    .side-nav .dl-submenu {
        display: none;
        margin: 50px 0 0 0;
    }

    #where-to-stay .vacation-deals img {
        width: 100%;
    }

    .toggle-nav li {
        border-right: 0px solid #555555;
        line-height: 30px;
        text-align: center;
    }

    .facts li .in {
        background-color: #faf5e7;
        padding: 77px 20px 1px 20px;
        background-repeat: no-repeat;
        background-position: center 15px;
    }

    .facts li {
        width: 100%;
    }

    .header-social {
        display: none;
    }

    footer .operators li.to-m,
    footer .operators li {
        display: block;
        text-align: center;
    }

    #side-medias.footer-medias {
        position: relative;
        background: none;
        top: inherit;
        right: inherit;
        width: 100%;
        text-align: center;
    }

    #side-medias.footer-medias a.icon, #side-medias.footer-medias .st_sharethis_large {
        background-color: transparent;
    }

    #side-medias.footer-medias a.icon, #side-medias.footer-medias .st_sharethis_large {
        display: inline-block;
    }

    #side-medias.footer-medias .music-holder {
        display: inline-block;
    }

    #side-medias .player, .audiojs {
        background: transparent;
        -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0);
        -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0);
        -o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0);
        box-shadow: 1px 1px 8px rgba(0, 0, 0, 0);
    }

    .audiojs .play {
        background: none;
    }

    header #primary-nav li:hover a, header #primary-nav li a.active {
        background: #3f3831;
        color: #ffffff !important;
    }

    footer .two_third {
        display: none;
    }

    .side-nav li a {
        background: none;
        margin-bottom: 0;
        padding: 10px 0;
        border-bottom: 1px solid #dacdae;
    }

    .side-nav ul li ul li a {
        padding: 10px 0;
    }

    footer .one_third {
        width: 100%;
    }

    #where-to-stay a.btn-beige {
        width: 43%;
    }

    a.btn-beige {
        width: 43%;
    }

    #where-to-stay .copy a.btn-beige span {
        margin-bottom: 0;
    }

    /*#where-to-stay .hotels-resorts {*/
    /*float: left;*/
    /*width: 100%;*/
    /*}*/
    /*#where-to-stay .left-categories {*/
    /*float: left;*/
    /*width: 100%;*/
    /*}*/
    #where-to-stay .intro {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 40px;
    }

    body#where-to-stay #content {
        padding-top: 30px;
    }

    /*#where-to-stay .hotel-resorts h2, #where-to-stay .villas h2, #where-to-stay .apartments h2 {*/
    /*bottom: 3%;*/
    /*left: 0;*/
    /*width: 100%;*/
    /*text-align: center;*/
    /*top: inherit;*/
    /*}*/
    #where-to-stay .hotels-resorts,
    #where-to-stay .villas,
    #where-to-stay .apartments,
    #where-to-stay .boutique-hotels {
        height: 200px;
        width: 100%;
    }

    #where-to-stay .hotels-resorts h2,
    #where-to-stay .villas h2,
    #where-to-stay .apartments h2,
    #where-to-stay .boutique-hotels h2 {
        bottom: 5%;
        left: 5%;
        top: initial;
    }

    /* HOME Sections */
    #home #explorer, #home #testimonials {
        display: none;
    }

    #home .intro {
        display: none;
    }

    #home #where-to-stay, #home #diving, #home #home-categories, #home #home-map {
        float: left;
        width: 49%;
        height: 160px;
        background: none;
    }

    body#home {
        background: url(../images/internal-bg.jpg) no-repeat center top #e5d4ad
    }

    #home-map .pinpoint {
        display: none;
    }

    #home-map .countries {
        display: none;
    }

    #home-categories a .thumb .mask, #home-categories a .thumb {
        display: none;
    }

    #home #where-to-stay::after, #home #diving::after, #home-map::after {
        position: absolute;
        width: 101%;
        height: 100%;
        background: rgba(0, 0, 0, 0);
        display: table;
        content: "";
        line-height: 0;
        left: 0;
        top: 0;
    }

    #where-to-stay .copy span, #where-to-stay .copy p {
        padding: 0
    }

    #home #diving .copy h2, #home #where-to-stay .copy h2 {
        font-size: 2.8em;
    }

    #home #where-to-stay .wrapper, #home #home-categories .wrapper, #home #home-map .wrapper, #home #diving .wrapper {
        height: 236px;
    }

    #home #diving .copy .icon, #where-to-stay .copy .icon, #home-categories .icon, #home-map .copy .icon {
        border: 0 !important;
        margin: 0 auto !important;
        height: 45px;
    }

    #home #diving .copy .icon {
        background-image: url(../images/diving-icon-mobile.png);
    }

    #where-to-stay .copy .icon {
        background-image: url(../images/stars-icon-mobile.png);
    }

    #home-map .copy .icon {
        width: 95px;
        margin: 0 auto;
        background: url(../images/get-here-icon-mobile.png) no-repeat center;
        display: block;
    }

    #home #where-to-stay .copy, #home #diving .copy, #home-map .copy, #home-categories .copy {
        position: relative;
        width: 80%;
        bottom: inherit;
        top: 12%;
        z-index: 99;
        color: #000000;
        right: inherit;
        margin: auto;
        background: #fbf5e9;
        padding: 5%;
        min-height: 125px;
    }

    #home-categories .icon {
        width: 95px;
        margin: 0 auto;
        background: url(../images/calendar-icon-mobile.png) no-repeat center;
        display: block;
    }

    #home #where-to-stay .copy p, #home #diving .copy p, #home-map .copy p {
        display: none;
    }

    #home #diving .copy span, #home #where-to-stay .copy span, #home-map .copy span {
        display: none;
    }

    #home-map .view {
        display: none;
    }

    #home-map .name.bonaire {
        display: none;
    }

    #home-categories {
        padding: 0;
    }

    #home #home-categories .wrapper {
        margin-top: 0%;
    }

    #home-categories .bon-events {
        width: 100%;
        float: none;
        position: relative;
    }

    .business-social {
        float: none;
        display: block;
        clear: both;
        height: 40px;
        margin-bottom: 20px;
    }

    .TA_selfserveprop, .widSSP {
        width: 100% !important;
    }

    #home #home-map {
        padding-top: 25px;
    }

    .bx-viewport {
        width: 100% !important;
    }

    .bx-controls-direction a {
        display: none;
    }

    body#vacation-deals a.btn-beige {
        width: 50%;
    }

    #poi-bottom-banners .one_third {
        width: 100%;
        margin-bottom: 10px;
    }

    #poi .listing li {
        width: 100%;
        margin-right: 3.5% !important;
    }

    .slideMenu {
        display: none;
    }

    #connect {
        display: none;
    }

    footer {
        width: 100%;
        float: left;
        padding-bottom: 20px;
    }

    .bon-activities {
        display: none;
    }

    .bon-dining {
        display: none;
    }

    #home-categories .one_third h3 {
        text-align: center;
        color: #000000;
        font-size: 1.6em;
        padding: 5px 0 10px;
    }

    #home-map .copy {
        top: 0;
    }

    #connect .social-medias .bird li a.twitter {
        background-position: -35px 0;
    }

    #connect .social-medias .bird li a.instagram {
        background-position: -69px 0;
    }

    #connect .social-medias .bird li a.youtube-icon {
        background-position: -138px 0;
    }

    #connect .social-medias .bird li span.st_sharethis_large {
        background-position: -104px 0;
    }

    #connect .hash {
        text-align: center;
    }

    #connect .social-medias .bird ul {
        text-align: center;
        margin-top: 70px;
    }

    #connect .newsletter {
        width: 100%;
        height: 160px;
        padding-top: 0px;
    }

    #connect .social-medias .bird li a, #connect .social-medias .bird li span.st_sharethis_large {
        width: 30px;
        height: 30px;
        background-size: cover;
    }

    #home footer {
        padding: 82px 0 20px;
    }

    #connect .newsletter .signup {
        -webkit-background-size: 70%;
        background-size: 70%;
        height: 230px;
        padding: 0;
        text-align: center;
        padding-top: 20px;
    }

    #connect .social-medias .bird {
        padding: 20px 0 0 0;
    }

    #connect .social-medias .bird h4 {
        text-align: center;
    }

    #where-to-stay .listing li, #activities-events .listing li, #vacation-deals .listing li, #diving .listing li, #dining .listing li {
        width: 100%;
    }

    .deals li {
        width: 100%;
    }

    .deals li img {
        width: 100%;
    }

    .deals li .border {
        width: 100%
    }

    .text_mobile {
        display: block;
    }

    /* inner pages */
    #content .content {
        margin: 50px 0 0 0;
    }

    #content .copy h1, #content .copy .headline {
        font: 2.6em/1.1em 'PlayFair';
    }

    #business .map, #poi .map {
        width: 100%;
    }

    #content .copy {
        padding: 15px;
        background: none;
        box-shadow: none;
    }

    #content .copy p.intro {
        width: 90%;
        font: 1.4em 'PlayFair';
    }

    #content .copy p {
        font-size: 1.2em;
        line-height: 1.4em;
    }

    #business #slider .rotate img, #activities-events #slider .rotate img {
        margin: 0;
        height: auto !important;
        width: 100% !important;
    }

    #business #slider, #activities-events #slider {
        height: auto;
        overflow: hidden;
        height: 160px;
    }

    #business #slider .slide, #activities-events #slider .slide {
        height: 160px;
    }

    .one_half {
        width: 100%;
        margin-right: 0%;
    }

    body#diving .side-nav, #where-to-stay.apartments .side-nav, #where-to-stay.villas .side-nav, #where-to-stay.hotels-resorts .side-nav {
        margin-top: -40px !important;
    }

    header .lang {
        float: right;
        width: 120px;
        margin-right: -3px;
    }

}

.center-text {
    text-align: center;
}

/* MENU RESPONSIVE FOR MOBILE */
@media screen and (max-width: 767px) {
    header .secondary-nav, header .weather {
        display: none;
    }

    header .search {
        display: none;
    }

    header .right {
        float: right;
        margin-right: 30px;
    }

    header {
        background: url(../images/header.jpg) repeat-x center top;
        height: 65px;
        border-bottom: 3px solid #f15b5f;
    }

    .full-container {
        padding-top: 50px;
    }

    header a.logo {
        float: left;
        margin: 5px 0 0 7px;
        width: 104px;
        position: relative;
        z-index: 10;
    }

    header #primary-nav li a {
        border-bottom: 1px solid #5e5348
    }

    .show_mobile {
        display: block !important;
        right: 53px;
    }

    li.show_mobile {
        right: 0;
    }

    #home #slider2 {
        display: none;
    }

    #home #slider2 .slide {
        /*height:600px;*/
    }

    #home #slider2 .slide10 {
        background-image: url(../slide10_mobile.jpg) !important;
        background-position: 90% center !important;
    }

    #home #slider2 .slide12 {
        background-image: url(../duikquiz-mobile-version.jpg) !important;
        background-position: 90% center !important;
    }

    #home #slider2 .slide10 a {
        bottom: 10%;
        left: 0;
        right: 0;
        text-align: center;
    }

    #home #slider2 .slide11 {
        background-image: url(../images/slide11_mobile.jpg) !important;
        background-position: center center !important;
    }

    #home #slider2 .slide11 a {
        left: 50%;
    }

    #home #slider2 .slide5 .uvp {
        margin-left: -150px;
    }

    #home #slider2 .slide5 .uvp img {
        width: 300px;
    }

    #home #sliderMobile .slide {
        position: relative;
    }

    #home #sliderMobile .slide .uvp {
        position: absolute;
    }

    #home #sliderMobile .slide .img-responsive {
        max-width: 100%;
    }

    #home #sliderMobile .slide--blue .uvp {
        bottom: 15%;
        left: 5%;
        max-width: 400px;
        width: 70%;
    }

    #home #sliderMobile .slide--windsurf .uvp {
        top: 10%;
        right: 5%;
        max-width: 400px;
        width: 60%;
    }

    #home #sliderMobile .slide--aa .uvp {
        top: 20%;
        transform: translateX(-50%);
        left: 50%;
        max-width: 600px;
        width: 80%;
    }

    header .dl-trigger {
        display: block;
    }

    .dl-menuwrapper {
        width: 100%;
        max-width: 100%;
        position: absolute;
        -webkit-perspective: 1000px;
        perspective: 1000px;
        -webkit-perspective-origin: 50% 200%;
        perspective-origin: 50% 200%;
        top: 18px;
        right: 0px;
        z-index: 1;
    }

    .dl-menuwrapper:first-child {
        margin-right: 100px;
    }

    .dl-menuwrapper button {
        background: url(../images/mobile-menu.png) no-repeat right center;
        background-size: 45px 45px;
        border: none;
        /*padding-right: 60px;*/
        padding-right: 0;
        height: 45px;
        color: #ffffff;
        overflow: hidden;
        position: relative;
        cursor: pointer;
        outline: none;
        float: right;
        margin-top: -7px;
        width: 40px;

    }

    .events-list .event .date {
        width: 16%;
        margin-bottom: 10px;
    }

    #events .subnav.fixed {
        top: 68px !important;
    }

    .events-list .event .description {
        position: relative;
    }

    .dl-menuwrapper ul {
        background: #3f3831;
    }

    /* .dl-menuwrapper button:after {
		content: '';
		position: absolute;
		width: 68%;
		height: 5px;
		background: #fff;
		top: 10px;
		left: 16%;
		box-shadow: 0 10px 0 #fff, 0 20px 0 #fff;
	}
	*/
    .dl-menuwrapper ul {
        padding: 0;
        list-style: none;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .dl-menuwrapper li {
        position: relative;
        width: 100%;
        text-align: center;
    }

    .dl-menuwrapper li a {
        display: block;
        position: relative;
        padding: 15px 20px !important;
        font-size: 16px !important;
        line-height: 20px;
        font-weight: 300;
        color: #ffffff;
        outline: none;
        border-bottom: 1px solid #5e5348
    }

    .no-portrait {
    }

    .no-touch .dl-menuwrapper li a:hover {
        background: rgba(255, 248, 213, 0.1);
    }

    .dl-menuwrapper li.dl-back > a {
        padding-left: 30px;
        background: rgba(0, 0, 0, 0.1);
    }

    .dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after {
        position: absolute;
        top: 0;
        line-height: 50px;
        font-family: 'icomoon';
        speak: none;
        -webkit-font-smoothing: antialiased;
        content: "\e000";
    }

    .dl-menuwrapper li.dl-back:after {
        left: 20%;
        color: rgba(212, 204, 198, 0.3);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .dl-menuwrapper li > a:after {
        right: 20%;
        color: rgba(0, 0, 0, 0.15);
    }

    .dl-menuwrapper .dl-menu {
        margin: 0;
        position: absolute;
        width: 100%;
        opacity: 0;
        pointer-events: none;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        top: 50px;
    }

    .dl-menuwrapper .dl-menu.dl-menu-toggle {
        transition: all 0.3s ease;
    }

    .dl-menuwrapper .dl-menu.dl-menuopen {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    /* Hide the inner submenus */
    .dl-menuwrapper li .dl-submenu {
        display: none;
    }

    /* When a submenu is openend, we will hide all li siblings.
	For that we give a class to the parent menu called "dl-subview".
	We also hide the submenu link.
	The opened submenu will get the class "dl-subviewopen".
	All this is done for any sub-level being entered. */
    header #primary-nav li ul {
        padding: 0
    }

    header #primary-nav {
        padding: 0;
        width: 100%;
    }

    header #primary-nav li:hover ul {
        display: none
    }

    .dl-submenu li a {
        text-transform: capitalize !important;
        padding: 7px 20px !important;
    }

    .dl-submenu li.dl-subviewopen ul.dl-submenu li a {
        padding: 10px 20px !important;
    }

    .dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a {
        display: none !important;
    }

    .dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
        display: block !important;
    }

    /* Dynamically added submenu outside of the menu context */
    .dl-menuwrapper > .dl-submenu {
        position: absolute;
        width: 100%;
        top: 50px;
        left: 0;
        margin: 0;
    }

    .dl-menu.dl-animate-out-3 {
        -webkit-animation: MenuAnimOut3 0.4s ease;
        animation: MenuAnimOut3 0.4s ease;
    }

    @-webkit-keyframes MenuAnimOut3 {
        0% {
        }
        100% {
            -webkit-transform: translateZ(300px);
            opacity: 0;
        }
    }
    @keyframes MenuAnimOut3 {
        0% {
        }
        100% {
            -webkit-transform: translateZ(300px);
            transform: translateZ(300px);
            opacity: 0;
        }
    }
    .dl-menu.dl-animate-in-3 {
        -webkit-animation: MenuAnimIn3 0.4s ease;
        animation: MenuAnimIn3 0.4s ease;
    }

    @-webkit-keyframes MenuAnimIn3 {
        0% {
            -webkit-transform: translateZ(300px);
            opacity: 0;
        }
        100% {
            -webkit-transform: translateZ(0px);
            opacity: 1;
        }
    }
    @keyframes MenuAnimIn3 {
        0% {
            -webkit-transform: translateZ(300px);
            transform: translateZ(300px);
            opacity: 0;
        }
        100% {
            -webkit-transform: translateZ(0px);
            transform: translateZ(0px);
            opacity: 1;
        }
    }
    .dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
        -webkit-animation: SubMenuAnimIn3 0.4s ease;
        animation: SubMenuAnimIn3 0.4s ease;
    }

    .dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
        -webkit-animation: SubMenuAnimIn4 0.4s ease;
        animation: SubMenuAnimIn4 0.4s ease;
    }

    .dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
        -webkit-animation: SubMenuAnimIn5 0.4s ease;
        animation: SubMenuAnimIn5 0.4s ease;
    }

    @-webkit-keyframes SubMenuAnimIn3 {
        0% {
            -webkit-transform: translateZ(-300px);
            opacity: 0;
        }
        100% {
            -webkit-transform: translateZ(0px);
            opacity: 1;
        }
    }
    @keyframes SubMenuAnimIn3 {
        0% {
            -webkit-transform: translateZ(-300px);
            transform: translateZ(-300px);
            opacity: 0;
        }
        100% {
            -webkit-transform: translateZ(0px);
            transform: translateZ(0px);
            opacity: 1;
        }
    }
    .dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
        -webkit-animation: SubMenuAnimOut3 0.4s ease;
        animation: SubMenuAnimOut3 0.4s ease;
    }

    @-webkit-keyframes SubMenuAnimOut3 {
        0% {
            -webkit-transform: translateZ(0px);
            opacity: 1;
        }
        100% {
            -webkit-transform: translateZ(-300px);
            opacity: 0;
        }
    }
    @keyframes SubMenuAnimOut3 {
        0% {
            -webkit-transform: translateZ(0px);
            transform: translateZ(0px);
            opacity: 1;
        }
        100% {
            -webkit-transform: translateZ(-300px);
            transform: translateZ(-300px);
            opacity: 0;
        }
    }
    .dl-back {
        display: block;
    }

    /* No JS Fallback */
    .no-js .dl-menuwrapper .dl-menu {
        position: relative;
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }

    .no-js .dl-menuwrapper li .dl-submenu {
        display: block;
    }

    .no-js .dl-menuwrapper li.dl-back {
        display: none;
    }

    .no-js .dl-menuwrapper li > a:not(:only-child) {
        background: rgba(0, 0, 0, 0.1);
    }

    .no-js .dl-menuwrapper li > a:not(:only-child):after {
        content: '';
    }

    #home #diving .copy h2 a {
        color: #000000;
    }

    #home-map .copy h2 {
        font-size: 2.5em;
    }

    #home-map h2 a {
        color: #000000;
    }
}

@media screen and (max-width: 706px) {
    #diving .bottom {
        height: 630px;
    }
}

@media screen and (max-width: 495px) {
    #diving .bottom {
        height: 690px;
    }
}

@media screen and (max-width: 420px) {
    .bonaire-dive-sites .download {
        margin-top: 30px;
    }

    .bonaire-dive-sites #content h1 {
        width: 100%;
        margin-top: -36px;
    }

    #home #diving .copy h2, #home #where-to-stay .copy h2, #home-map .copy h2 {
        font-size: 1.6em;
    }

    header .right .right {
        float: right;
        margin-right: 30px;
        width: 55%;
    }

    #home #slider {
        height: 220px !important;
        overflow: hidden;
    }

    #home #slider .slide img {
        width: auto !important;
        height: 100% !important;
        left: 0;
        margin-left: 0;
    }

    #home #slider .slide-new img {
        height: auto !important;
        width: 80% !important;
    }

    #home #diving .copy span, #where-to-stay .copy span, #home-map .copy span {
        font-size: 0.9em;
        line-height: 1.3em;
        margin-bottom: 23px;
    }

    #business .map, #poi .map {
        display: none;
    }

    #home #slider .slide {
        width: 100% !important;
        height: 220px !important;
        position: relative;
    }

    #home #diving .copy h2 a {
        color: #000000;
    }

    #home-categories .one_third h3 {
        color: #000000;
        font-size: 1.3em;
        padding: 5px;
    }

    #home-map h2 a {
        color: #000000;
    }

    #diving #slider .rotate {
        width: 100%;
        height: 220px !important;
        overflow: hidden;
    }

    #diving .full-container #slider .rotate img {
        width: auto !important;
        min-height: 100% !important;
    }

    #where-to-stay .hotels-resorts h2,
    #where-to-stay .villas h2,
    #where-to-stay .apartments h2,
    #where-to-stay .boutique-hotels h2 {
        bottom: 5%;
        left: 0;
        right: 0;
        text-align: center;
        top: initial;
    }
}

#loginform {
    margin: 50px auto 100px auto;
    padding: 40px;
    background: url(../images/beige-transparency.png);
    -moz-box-shadow: 2px 2px 5px 5px #d9cbae;
    -webkit-box-shadow: 2px 2px 5px 5px #d9cbae;
    box-shadow: 2px 2px 5px 5px #d9cbae;
    width: 46.7%;
}

#loginform form {
    width: 100%;
}

.form-inputs {
    border: 5px solid #f3e9d4;
    border-radius: 4px;
    width: 34%;
    padding-right: 22px;
    margin: 0 auto;
    background: #f3e9d9;
    padding-left: 3px;
    padding-top: 2px;
    padding-bottom: 3px;
}

#loginform a.btnSubmit {
    font-size: 22px;
    padding: 8px 0 8px 15px;
    border-radius: 4px;
    width: 26.5%;
    margin: 20px auto;
    height: 21px;
}

#loginform label {
    display: inline-block;
    width: 100px;
    text-align: right;
    padding: 13px 10px;
}

#loginform input {
    padding: 10px;
    font-size: 14px;
    border: none;
    border-radius: 4px;
    width: 100%;
}

#loginform input#username {
    margin-bottom: 10px;
}

#loginform a.btn-yellow span.nobg {
    background: none;
    padding-right: 20px;
}

#loginform .error {
    color: red
}

#gallerymontage a img {
    height: auto !important;
    min-height: 100%;
}

body.nature .content .copy ul {
    list-style: disc;
    margin-left: 20px;
}

body.nature .content .copy ul li {
    font-size: 1.3em;
    line-height: 1.6em;
}

/* logo dine*/
.dinner-in-box p {
    display: inline-block;
    font-size: 16px !important;
    margin: 0 0 20px 120px !important;
}

@media only screen and (max-width: 972px) {
    .dinner-in-box p {
        margin: 0 0 10px 15px !important;
    }
}

@media only screen and (max-width: 800px) {
    .dinner-in-box p {
        display: block;
        margin: 102px 0 0 30% !important;
    }
}

.dinner-in-box img {
    margin-left: 125px;
}

@media only screen and (max-width: 972px) {
    .dinner-in-box img {
        margin-left: 5px;
    }
}

@media only screen and (max-width: 800px) {
    .dinner-in-box img {
        margin-left: 30%;
        margin-top: 10px;
    }
}

@media (min-width: 768px) {
    #home #sliderMobile {
        display: none;
    }
}

/* FAQ Page.
**************************************************************************************** */
#about-bonaire.FAQ .FAQ_area {
    background: #f9f2e0;
    background: -moz-linear-gradient(top, #f6efdb 0%, #eee4cd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f2e0), color-stop(100%, #eee4cd));
    background: -webkit-linear-gradient(top, #f6efdb 0%, #eee4cd 100%);
    background: -o-linear-gradient(top, #f6efdb 0%, #eee4cd 100%);
    background: -ms-linear-gradient(top, #f6efdb 0%, #eee4cd 100%);
    background: linear-gradient(to bottom, #f6efdb 0%, #eee4cd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6efdb', endColorstr='#eee4cd', GradientType=0);
    margin-bottom: 35px;
    padding: 2px;

}

#about-bonaire.FAQ .FAQ_area .FAQ_block {
    background: #faf5e7;
    padding: 35px 45px;
}

#about-bonaire.FAQ .FAQ_area .FAQ_block h2 {
    border-bottom: 2px solid #f15b5f;
    display: inline-block;
    font: 1.8em 'PlayFair';
    padding-bottom: 10px;
}

#about-bonaire.FAQ .FAQ_area .FAQ_block .faq_accordion {
    background: #faf5e7;
    border: none;
    cursor: pointer;
    font: bold 1.3em 'Manjari';
    padding: 20px;
    outline: none;
    text-align: left;
    text-transform: uppercase;
    transition: 0.4s;
    width: 100%;
}

#about-bonaire.FAQ .FAQ_area .FAQ_block .faq_accordion:hover {
    background: #dfcfae;
}

#about-bonaire.FAQ .FAQ_area .FAQ_block .faq_accordion.active {
    background: #dfcfae;
}

#about-bonaire.FAQ .panel {
    padding: 20px;
    display: none;
    background-color: white;
    overflow: hidden;
}

#about-bonaire.FAQ .FAQ_area .FAQ_block .panel p {
    margin-bottom: 0;
}

#about-bonaire.FAQ .FAQ_area .FAQ_block .panel p a {
    color: #f15b5f;
}

/*-- Dining - Local Recipes Page --*/
.fancybox-recipe__wrapper .fancybox-skin {
    border: 20px solid #e85d62;
    background: #e34f54;
    color: #fff;
    padding: 0;
}

.fancybox-recipe__wrapper .fancybox-skin .fancybox-outer,
.fancybox-recipe__wrapper .fancybox-skin .fancybox-inner {
    background: transparent;
}

.fancybox-recipe__wrapper .fancybox-recipe__inner div {
    padding: 30px;
}

.fancybox-recipe__wrapper .fancybox-recipe__inner img {
    max-width: 100%;
    width: 100%;
    height: auto;
    /* border: 15px solid #fff; */
}

.fancybox-recipe__wrapper .fancybox-recipe__inner h2 {
    font: bold 2em 'Manjari';
    margin-bottom: 15px;
}

.fancybox-recipe__wrapper .fancybox-recipe__inner p,
.fancybox-recipe__wrapper .fancybox-recipe__inner ul {
    margin-bottom: 20px;
    font-size: 1.3em;
    line-height: 1.6em;
}

.fancybox-recipe__wrapper .fancybox-recipe__inner ul {
    list-style: disc;
    margin-left: 30px;
}

.fancybox-recipe__wrapper .fancybox-recipe__inner p a,
.fancybox-recipe__wrapper .fancybox-recipe__inner ul a {
    color: #fff;
    text-decoration: underline;
}


/*-- Learn Papiamentu Page --*/
.learn-papiamentu p strong {
    font-size: 1.5em;
}

.learn-papiamentu table {
    margin-bottom: 50px !important;
}

.learn-papiamentu thead {
    background-color: #e34f54;
    font: bold 1.5em 'Manjari';
    color: #fff;
}

.learn-papiamentu thead td {
    padding: 20px !important;
    border: 1px solid #cfc29f;
    width: 50%;
}

.learn-papiamentu tbody td {
    border: 1px solid #cfc29f;
    padding: 10px 20px !important;
    width: 50%;
    font-size: 1.3em;
}

/*-- BLUE DESTINATIONS RATING SECTION --*/
.blue-destination-ratings {
    display: flex; 
    flex-wrap: wrap;
    margin: 0 -2%;
}

.blue-destination-ratings__item {
    flex: 0 0 29.333333%;
    margin-bottom: 10px;
    max-width: 29.333333%;
    padding: 0 2%;
}

.blue-destination-ratings__item img {
    margin: 20px 0;
    max-width: 200px;
    width: 100%;
}

@media (max-width: 767px) {
    .blue-destination-ratings__item {
        flex: 0 0 100%;
        max-width: 100%;
    }

}