#region1pad.xtc-wrapperpad, 
#region1wrap .xtc-wrapper {     max-width: none;}
#region1wrap { display:block !important; }

#logo a { display:block; width:168px; height:100px; background:url('../../../images/logo-online.png') center center / auto no-repeat; }
#logo a.hideTxt { font-size:0; line-height:0; }
#menuwrap .mod-menu { margin:0; padding:0; list-style:none; }
#menuwrap .mod-menu > li { display:inline-block; position:relative; }
#menuwrap .mod-menu > li > a { display:block; padding:18px 14px; color:#555; font-size:16px; text-decoration:none; }
#menuwrap .mod-menu > li > a:hover, #menuwrap .mod-menu > li.active > a { color:#159bd7; }
#menuwrap .mod-menu__toggle-sub { display:none; }
#menuwrap .mod-menu > li > .mod-menu__toggle-sub { display:inline-block; margin:0; padding:0 20px 2px; border:0; background:transparent; color:#555; font:inherit; font-size:18px; line-height:25px; cursor:pointer; }
#menuwrap .mod-menu > li > .mod-menu__toggle-sub .icon-chevron-down { display:none; }
#menuwrap .mod-menu > li:hover > .mod-menu__toggle-sub, #menuwrap .mod-menu > li:focus-within > .mod-menu__toggle-sub { color:#159bd7; }
#menuwrap .mod-menu__sub { display:none; position:absolute; z-index:20; width:max-content; min-width:300px; max-width:calc(100vw - 24px); padding:8px 12px 6px; background:#40abe3; box-shadow:0 0 15px rgba(0,0,0,.2); border-radius:0 0 3px 3px; }
#menuwrap .mod-menu li:hover > .mod-menu__sub, #menuwrap .mod-menu li:focus-within > .mod-menu__sub { display:block; }
#menuwrap .mod-menu__sub li { display:block; }
#menuwrap .mod-menu__sub li > a { display:block; margin:4px 0; padding:7px 8px 7px 22px; color:#fff; font-size:18px; line-height:1.25; text-decoration:none; border-bottom:1px dotted rgba(255,255,255,.35); }
#menuwrap .mod-menu__sub li:last-child > a { border-bottom:0; }
#menuwrap .mod-menu__sub li > a:hover, #menuwrap .mod-menu__sub li > a:focus { color:#fff; background:rgba(0,0,0,.08); }
.mod-languages > p { display:none !important; }
#menu2 { display:flex; align-items:center; justify-content:flex-end; gap:20px; }
#menu2 .mod-custom { order:2; }
#menu2 .mod-custom .floatRight { display:flex; align-items:center; gap:20px; float:none; }
#menu2 .mod-custom .floatRight a { display:flex; align-items:center; margin:0 !important; }
#menu2 .mod-languages { order:1; display:flex; align-items:center; height:30px; }
.mod-languages__list { display:flex !important; align-items:center; justify-content:flex-end; gap:8px; margin:0; padding:0; list-style:none; }
.mod-languages__list li { display:inline-flex !important; align-items:center; height:30px; margin:0; padding:0; }
.mod-languages__list a { display:flex; align-items:center; justify-content:center; width:30px; height:30px; }
.mod-languages__list li:first-child { display:none !important; }
.mod-languages__list img { display:block; width:18px; height:12px; max-width:none !important; object-fit:fill; }
@media (max-width: 767px) { #menuwrap .mod-menu__toggle-sub { display:inline-block; } #menuwrap .mod-menu > li { display:block; } #menuwrap .mod-menu > li > .mod-menu__toggle-sub { width:100%; padding:9px 14px; text-align:left; font-size:16px; line-height:20px; } #menuwrap .mod-menu > li > .mod-menu__toggle-sub .icon-chevron-down { display:inline-block; } #menuwrap .mod-menu__sub { position:static; width:auto; min-width:0; max-width:none; padding:4px 8px; } #menuwrap .mod-menu__sub li > a { font-size:16px; } }
.home-hero { position:relative; width:100%; aspect-ratio:2.2 / 1; overflow:hidden; background:#111; }
.home-slider__slide { position:absolute; inset:0; margin:0; opacity:0; visibility:hidden; transition:opacity .5s ease; }
.home-slider__slide.is-active { opacity:1; visibility:visible; }
.home-slider__slide img { display:block; width:100%; height:100%; object-fit:cover; }
.home-slider__caption { position:absolute; left:24px; bottom:78px; z-index:2; color:#fff; font-size:42px; font-weight:700; text-shadow:2px 2px 3px #333; }
.home-slider__prev, .home-slider__next { position:absolute; top:50%; z-index:3; width:33px !important; height:64px; margin-top:-32px; padding:0 !important; border:0; border-radius:0; color:transparent; background:rgba(0,0,0,.16); font-size:0; line-height:0; cursor:pointer; }
.home-slider__prev { left:0; }
.home-slider__next { right:0; }
.home-slider__prev::before, .home-slider__next::before { content:""; position:absolute; top:24px; width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid transparent; }
.home-slider__prev::before { left:8px; border-right:12px solid rgba(255,255,255,.85); }
.home-slider__next::before { right:8px; border-left:12px solid rgba(255,255,255,.85); }
.home-slider__prev:hover, .home-slider__next:hover { background:rgba(0,0,0,.35); }
#headerwrap { border-top:3px solid #222; }
@media (min-width:768px) {
  #header { position:relative; height:79px; }
  #logo { position:absolute; left:0; top:2px; }
  #menuwrap { position:absolute; left:210px; right:80px; top:34px; width:auto; }
  #menuwrap .mod-menu > li > a { padding:0 14px 2px; font-size:18px; line-height:25px; }
  #menuwrap .mod-menu > li > .mod-menu__toggle-sub { padding:0 14px 2px; font-size:18px; line-height:25px; text-transform:none; }
  #menuwrap .mod-menu > li.item-1000, #menuwrap .mod-menu > li.item-1001 { display:none; }
  #menuwrap .mod-menu > li > a + .mod-menu__toggle-sub { display:none !important; }
  #menuwrap .mod-menu > li > .mod-menu__toggle-sub { padding:0 14px 2px !important; }
  #menuwrap .mod-menu__heading { display:inline !important; padding:0 !important; font:inherit !important; font-weight:400 !important; text-transform:none !important; }
  #menuwrap .mod-menu > li:nth-child(2) > a:after { content:"Lets look at our rooms"; display:block; font-size:10px; line-height:13px; }
  #menuwrap .mod-menu > li:nth-child(3) > a:after { content:"and Services"; display:block; font-size:10px; line-height:13px; }
  #menuwrap .mod-menu > li:nth-child(4) > a:after { content:"Dropbox"; display:block; font-size:10px; line-height:13px; }
  #menuwrap .mod-menu > li:nth-child(5) > a:after { content:"What you need to know"; display:block; font-size:10px; line-height:13px; }
  #menuwrap .mod-menu > li:nth-child(6) > a:after { content:"Book a room now !"; display:block; font-size:10px; line-height:13px; }
}
.contact-address { background:none !important; padding-right:0 !important; position:relative; }
.contact-address:after { content:""; position:absolute; right:0; top:20px; width:200px; height:200px; background:url('../../../images/sbo-melanesian-triple-c-badge-2022.png') center/contain no-repeat; pointer-events:none; }
body.frontpage .contact-address:after { left:calc(100% + 30px); right:auto; top:20px; }
#footerwrap .contact-address { background:none !important; padding-right:0 !important; }
#footerwrap .contact-address:after { display:none; }
.home-map { margin:30px 0 0; }
.home-map .google-maps { width:100%; height:380px; padding-bottom:0 !important; overflow:hidden; }
.home-map .google-maps iframe { display:block; width:100%; height:380px; max-height:none !important; border:0; }
.contact-address { font-size:18px; font-weight:400; }
.contact-address h2 { font-size:28px; line-height:1.25; font-weight:400; }
.booking-button-promo h2 { font-size:30px; line-height:1.2; font-weight:400; }
.booking-button-promo h3 { font-size:24px; line-height:1.3; font-weight:400; }
#home-booking-engine { background:#fff; text-align:center; }
#home-booking-engine .xtc-wrapper { max-width:995px; margin:0 auto; padding:0 15px; }
#home-booking-engine .ibe { width:100%; max-width:995px; margin:0 auto; }
#home-booking-engine iframe { width:100%; max-width:1024px; border:0; }
.local-site #home-booking-engine iframe { display:none; }
.booking-engine-fallback { max-width:995px; margin:0 auto; padding:45px 20px; text-align:center; background:#fff; }
.booking-engine-fallback h2 { margin:0 0 14px; font-size:30px; font-weight:400; }
.booking-engine-fallback p { margin:0 0 24px; font-size:18px; }
.booking-engine-fallback .btn { display:inline-block; padding:14px 28px; border-radius:28px; color:#fff; background:#007993; text-decoration:none; }
#footerwrap { background:#222; color:#fff; padding:42px 0 24px; }
#footerwrap .xtc-wrapper { display:flex; flex-wrap:wrap; align-items:flex-start; gap:40px; }
#footerwrap .footer-contact { flex:0 0 42%; }
#footerwrap .footer-social { flex:1; }
#footerwrap .footer-credit { flex:0 0 100%; text-align:center; margin-top:24px; }
#footerwrap .contact-address { color:#fff !important; }
#footerwrap .contact-address h2 { color:#707070 !important; }
#footerwrap .contact-address.dl-horizontal { background-image:url('../../../images/sbo-melanesian-triple-c-badge-2022.png') !important; background-repeat:no-repeat !important; background-size:200px 200px !important; background-position:center right !important; }
#footerwrap .social { list-style:none; padding:0; margin:0; border-top:1px solid rgba(255,255,255,.15); }
#footerwrap .social li { padding:12px 0; color:#777; }
#footerwrap .social a { color:#777; text-decoration:none; }
@media (max-width:767px) { #footerwrap .xtc-wrapper { display:block; } #footerwrap .footer-social { margin-top:28px; } .home-hero { aspect-ratio:1.45 / 1; } .home-slider__caption { left:16px; bottom:32px; font-size:25px; } .home-slider__prev, .home-slider__next { width:28px !important; height:52px; margin-top:-26px; } .home-slider__prev::before, .home-slider__next::before { top:19px; border-top-width:7px; border-bottom-width:7px; } .home-slider__prev::before { left:6px; border-right-width:10px; } .home-slider__next::before { right:6px; border-left-width:10px; } }


 .booking-button-form input[type=number] {
    -moz-appearance: textfield
}

 .booking-button-form input[type=number]::-webkit-inner-spin-button,
 .booking-button-form input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

 .booking-button-form select {
    -webkit-appearance: none;
    -moz-appearance: none
}

 .booking-button-form .form-group {
    margin: 0 0 15px
}

 .booking-button-form .form-control {
    padding: 0 15px;
    height: 53px
}

 .booking-button-form .form-control-feedback {
    line-height: 51px;
    right: 5px;
    opacity: .9
}

.casamia {font-family: 'Qwigley', cursive, Arial;}



@media (min-width:992px) {
     .booking-button-form .form-group {
        margin: 0
    }
}

 .booking-button-promo {
    padding: 45px 0
}

 .booking-button-promo h2 {
    text-align: center;
    margin: 0 0 10px
}

 .booking-button-promo h3 {
    text-align: center;
    margin: 0 0 40px;
    font-style: italic
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 42.5px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none
}

.form-group-lg .form-control+.form-control-feedback,
.input-group-lg+.form-control-feedback,
.input-group-lg>.form-control+.form-control-feedback,
.input-group-lg>.input-group-addon+.form-control-feedback,
.input-group-lg>.input-group-btn>.btn+.form-control-feedback,
.input-lg+.form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.form-group-sm .form-control+.form-control-feedback,
.input-group-sm+.form-control-feedback,
.input-group-sm>.form-control+.form-control-feedback,
.input-group-sm>.input-group-addon+.form-control-feedback,
.input-group-sm>.input-group-btn>.btn+.form-control-feedback,
.input-sm+.form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.checkbox label,
.has-warning.checkbox-inline label,
.has-warning.radio label,
.has-warning.radio-inline label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede
}

.has-error .form-control-feedback {
    color: #a94442
}

.has-feedback label~.form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}


@media (min-width:768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .form-inline .form-control-static {
        display: inline-block
    }
    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }
    .form-inline .input-group .form-control,
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn {
        width: auto
    }
    .form-inline .input-group>.form-control {
        width: 100%
    }
    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }
    .form-inline .checkbox,
    .form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }
    .form-inline .checkbox label,
    .form-inline .radio label {
        padding-left: 0
    }
    .form-inline .checkbox input[type=checkbox],
    .form-inline .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }
    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}


 .navbar-main .navbar-actions .booking-button-form {
    float: left
}
 .navbar-main .navbar-actions .navbar-booking-btn {
    width: auto;
    padding: 10px;
    margin: 7px 7px 0 0
}

 .navbar-main .navbar-actions .navbar-booking-btn:after {
    content: "";
    margin: 0
}
     .navbar-main .navbar-actions .booking-button-form {
        display: inline
    }
     .navbar-main .navbar-actions .btn-modal {
        width: 55px;
        height: 55px;
        margin: 0 15px 0 0
    }
     .navbar-main .navbar-actions .navbar-booking-btn {
        margin-top: 0;
        padding: 16px 20px
    }
     .navbar-main .navbar-actions .navbar-booking-btn:after {
        content: "";
        margin: 0
    }

 .home-hero-promo .booking-button-promo-inline {
    display: none
}

 .home-hero-promo .booking-button-promo-mobile {
    padding: 30px;
    display: block;
    z-index: 2
}

@media (min-width:768px) {
     .home-hero-promo .hero-main-text.booking-top {
        top: 40%
    }
     .home-hero-promo .hero-main-text.booking-below {
        top: 42%
    }
     .home-hero-promo .hero-main-text.booking-none {
        top: 45%
    }
     .home-hero-promo .hero-sub-text {
        padding: 40px 0
    }
}

   @media (min-width:992px) {
     .home-hero-promo {
        margin: 0
    }
     .home-hero-promo .hero-image {
        position: relative
    }
     .home-hero-promo .hero-image .image-mobile {
        display: none
    }
     .home-hero-promo .hero-image .image-non-mobile {
        display: block
    }
     .home-hero-promo .hero-image .image-non-mobile .carousel-indicators.custom {
        margin-bottom: 95px
    }
     .home-hero-promo .hero-main-text.booking-top {
        top: 25%
    }
     .home-hero-promo .hero-main-text.booking-below {
        top: 35%
    }
     .home-hero-promo .hero-main-text.booking-none {
        top: 42%
    }
     .home-hero-promo .hero-sub-text {
        padding: 40px 0
    }
     .home-hero-promo .booking-button-promo-bar {
        opacity: .7;
        height: 114px;
        display: block;
        z-index: 1;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0
    }
     .home-hero-promo .booking-button-promo-inline {
        display: block;
        padding: 30px;
        z-index: 10;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0
    }
     .home-hero-promo .booking-button-promo-inline .container {
        padding: 0 100px
    }
}

 .booking-button-form input[type=number] {
    -moz-appearance: textfield
}

 .booking-button-form input[type=number]::-webkit-inner-spin-button,
 .booking-button-form input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

 .booking-button-form select {
    -webkit-appearance: none;
    -moz-appearance: none
}

 .booking-button-form .form-group {
    margin: 0 0 15px
}

 .booking-button-form .form-control {
    padding: 0 15px;
    height: 53px
}

 .booking-button-form .form-control-feedback {
    line-height: 51px;
    right: 5px;
    opacity: .9
}

@media (min-width:992px) {
     .booking-button-form .form-group {
        margin: 0
    }
}

 .booking-button-promo {
    padding: 45px 0
}

 .booking-button-promo h2 {
    text-align: center;
    margin: 0 0 10px
}

 .booking-button-promo h3 {
    text-align: center;
    margin: 0 0 40px;
    font-style: italic
}

@media (min-width:1200px) {
     .home-hero-promo .hero-image .image-non-mobile .carousel-indicators.custom {
        margin-bottom: 100px
    }
     .home-hero-promo .hero-main-text.booking-top {
        top: 30%
    }
     .home-hero-promo .hero-main-text.booking-below {
        top: 38%
    }
     .home-hero-promo .hero-main-text.booking-none {
        top: 45%
    }
}
 .room-types-page .room-type .booking-button-panel {
    padding: 20px;
    margin-bottom: 30px
}


 .promotions-page .promotion .booking-button-panel {
    padding: 20px;
    margin-bottom: 30px
}

 .home-hero-promo .booking-button-promo-mobile {
    background-color: #12151e
}

@media (min-width:768px) {
     .home-hero-promo .hero-image .booking-button-promo-bar {
        background-color: #40aff2
    }
}

 .booking-button-promo {
    background-color: #40aff2
}

 .booking-button-promo h2 {
    color: #fff
}

 .booking-button-promo h3 {
    color: #fff
}

 .booking-button-promo .form-control-feedback {
    color: #fff
}

 .booking-button-promo .form-control {
    background-color: #40aff2;
    color: #fff;
    border: 1px solid #fff
}

 .booking-button-promo .form-control::-webkit-input-placeholder {
    color: #fff
}

 .booking-button-promo .form-control::-moz-placeholder {
    color: #fff
}

 .booking-button-promo .btn-primary {
    color: #fff;
    background-color: #007993;
    border: 1px solid #007993
}

 .booking-button-promo .btn-primary:hover {
    background-color: #00647a;
    border-color: #00647a
}

 .standard-promo .standard-promo-divider {
    border: 2px solid #ececec
}

 .room-types-page .room-type .booking-button-panel {
    background-color: #ececec
}


 .promotions-page .promotion .booking-button-panel {
    background-color: #ececec
}

 .events-page .event .booking-button-panel {
    background-color: #ececec
}


@media (min-width:992px) {
    .typography1 .home-hero-promo .hero-image .hero-main-text h1 {
        font-size: 50px
    }
    .typography1 .home-hero-promo .hero-image .hero-main-text h2 {
        font-size: 20px
    }
    .typography1 .booking-button-promo p {
        font-size: 16px
    }
}
.typography1 .booking-button-form .form-control {
    letter-spacing: 1.5px;
    text-transform: none
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.container:after,
.container:before {
    content: " ";
    display: table
}

.container:after {
    clear: both
}

@media (min-width:768px) {
    .container {
        width: 750px
    }
}

@media (min-width:992px) {
    .container {
        width: 970px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.container-fluid:after,
.container-fluid:before {
    content: " ";
    display: table
}

.container-fluid:after {
    clear: both
}

.booking-button-promo .row {
    margin-left: -15px;
    margin-right: -15px
}

.booking-button-promo .row:after,
.booking-button-promo .row:before {
    content: " ";
    display: table
}

.booking-button-promo .row:after {
    clear: both
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    position: relative;
    min-height: 1px;
   /* padding-left: 15px;
    padding-right: 15px*/
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    float: left
}

.col-xs-1 {
    width: 8.3333333333%
}

.col-xs-2 {
    width: 16.6666666667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.3333333333%
}

.col-xs-5 {
    width: 41.6666666667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.3333333333%
}

.col-xs-8 {
    width: 66.6666666667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.3333333333%
}

.col-xs-11 {
    width: 91.6666666667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-pull-1 {
    right: 8.3333333333%
}

.col-xs-pull-2 {
    right: 16.6666666667%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-4 {
    right: 33.3333333333%
}

.col-xs-pull-5 {
    right: 41.6666666667%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-7 {
    right: 58.3333333333%
}

.col-xs-pull-8 {
    right: 66.6666666667%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-10 {
    right: 83.3333333333%
}

.col-xs-pull-11 {
    right: 91.6666666667%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-push-1 {
    left: 8.3333333333%
}

.col-xs-push-2 {
    left: 16.6666666667%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-4 {
    left: 33.3333333333%
}

.col-xs-push-5 {
    left: 41.6666666667%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-7 {
    left: 58.3333333333%
}

.col-xs-push-8 {
    left: 66.6666666667%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-10 {
    left: 83.3333333333%
}

.col-xs-push-11 {
    left: 91.6666666667%
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-offset-0 {
    margin-left: 0
}

.col-xs-offset-1 {
    margin-left: 8.3333333333%
}

.col-xs-offset-2 {
    margin-left: 16.6666666667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.3333333333%
}

.col-xs-offset-5 {
    margin-left: 41.6666666667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.3333333333%
}

.col-xs-offset-8 {
    margin-left: 66.6666666667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.3333333333%
}

.col-xs-offset-11 {
    margin-left: 91.6666666667%
}

.col-xs-offset-12 {
    margin-left: 100%
}

@media (min-width:768px) {
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left
    }
    .col-sm-1 {
        width: 8.3333333333%
    }
    .col-sm-2 {
        width: 16.6666666667%
    }
    .col-sm-3 {
        width: 25%
    }
    .col-sm-4 {
        width: 33.3333333333%
    }
    .col-sm-5 {
        width: 41.6666666667%
    }
    .col-sm-6 {
        width: 50%
    }
    .col-sm-7 {
        width: 58.3333333333%
    }
    .col-sm-8 {
        width: 66.6666666667%
    }
    .col-sm-9 {
        width: 75%
    }
    .col-sm-10 {
        width: 83.3333333333%
    }
    .col-sm-11 {
        width: 91.6666666667%
    }
    .col-sm-12 {
        width: 100%
    }
    .col-sm-pull-0 {
        right: auto
    }
    .col-sm-pull-1 {
        right: 8.3333333333%
    }
    .col-sm-pull-2 {
        right: 16.6666666667%
    }
    .col-sm-pull-3 {
        right: 25%
    }
    .col-sm-pull-4 {
        right: 33.3333333333%
    }
    .col-sm-pull-5 {
        right: 41.6666666667%
    }
    .col-sm-pull-6 {
        right: 50%
    }
    .col-sm-pull-7 {
        right: 58.3333333333%
    }
    .col-sm-pull-8 {
        right: 66.6666666667%
    }
    .col-sm-pull-9 {
        right: 75%
    }
    .col-sm-pull-10 {
        right: 83.3333333333%
    }
    .col-sm-pull-11 {
        right: 91.6666666667%
    }
    .col-sm-pull-12 {
        right: 100%
    }
    .col-sm-push-0 {
        left: auto
    }
    .col-sm-push-1 {
        left: 8.3333333333%
    }
    .col-sm-push-2 {
        left: 16.6666666667%
    }
    .col-sm-push-3 {
        left: 25%
    }
    .col-sm-push-4 {
        left: 33.3333333333%
    }
    .col-sm-push-5 {
        left: 41.6666666667%
    }
    .col-sm-push-6 {
        left: 50%
    }
    .col-sm-push-7 {
        left: 58.3333333333%
    }
    .col-sm-push-8 {
        left: 66.6666666667%
    }
    .col-sm-push-9 {
        left: 75%
    }
    .col-sm-push-10 {
        left: 83.3333333333%
    }
    .col-sm-push-11 {
        left: 91.6666666667%
    }
    .col-sm-push-12 {
        left: 100%
    }
    .col-sm-offset-0 {
        margin-left: 0
    }
    .col-sm-offset-1 {
        margin-left: 8.3333333333%
    }
    .col-sm-offset-2 {
        margin-left: 16.6666666667%
    }
    .col-sm-offset-3 {
        margin-left: 25%
    }
    .col-sm-offset-4 {
        margin-left: 33.3333333333%
    }
    .col-sm-offset-5 {
        margin-left: 41.6666666667%
    }
    .col-sm-offset-6 {
        margin-left: 50%
    }
    .col-sm-offset-7 {
        margin-left: 58.3333333333%
    }
    .col-sm-offset-8 {
        margin-left: 66.6666666667%
    }
    .col-sm-offset-9 {
        margin-left: 75%
    }
    .col-sm-offset-10 {
        margin-left: 83.3333333333%
    }
    .col-sm-offset-11 {
        margin-left: 91.6666666667%
    }
    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media (min-width:992px) {
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left
    }
    .col-md-1 {
        width: 8.3333333333%
    }
    .col-md-2 {
        width: 16.6666666667%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-4 {
        width: 33.3333333333%
    }
    .col-md-5 {
        width: 41.6666666667%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-7 {
        width: 58.3333333333%
    }
    .col-md-8 {
        width: 66.6666666667%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-10 {
        width: 83.3333333333%
    }
    .col-md-11 {
        width: 91.6666666667%
    }
    .col-md-12 {
        width: 100%
    }
    .col-md-pull-0 {
        right: auto
    }
    .col-md-pull-1 {
        right: 8.3333333333%
    }
    .col-md-pull-2 {
        right: 16.6666666667%
    }
    .col-md-pull-3 {
        right: 25%
    }
    .col-md-pull-4 {
        right: 33.3333333333%
    }
    .col-md-pull-5 {
        right: 41.6666666667%
    }
    .col-md-pull-6 {
        right: 50%
    }
    .col-md-pull-7 {
        right: 58.3333333333%
    }
    .col-md-pull-8 {
        right: 66.6666666667%
    }
    .col-md-pull-9 {
        right: 75%
    }
    .col-md-pull-10 {
        right: 83.3333333333%
    }
    .col-md-pull-11 {
        right: 91.6666666667%
    }
    .col-md-pull-12 {
        right: 100%
    }
    .col-md-push-0 {
        left: auto
    }
    .col-md-push-1 {
        left: 8.3333333333%
    }
    .col-md-push-2 {
        left: 16.6666666667%
    }
    .col-md-push-3 {
        left: 25%
    }
    .col-md-push-4 {
        left: 33.3333333333%
    }
    .col-md-push-5 {
        left: 41.6666666667%
    }
    .col-md-push-6 {
        left: 50%
    }
    .col-md-push-7 {
        left: 58.3333333333%
    }
    .col-md-push-8 {
        left: 66.6666666667%
    }
    .col-md-push-9 {
        left: 75%
    }
    .col-md-push-10 {
        left: 83.3333333333%
    }
    .col-md-push-11 {
        left: 91.6666666667%
    }
    .col-md-push-12 {
        left: 100%
    }
    .col-md-offset-0 {
        margin-left: 0
    }
    .col-md-offset-1 {
        margin-left: 8.3333333333%
    }
    .col-md-offset-2 {
        margin-left: 16.6666666667%
    }
    .col-md-offset-3 {
        margin-left: 25%
    }
    .col-md-offset-4 {
        margin-left: 33.3333333333%
    }
    .col-md-offset-5 {
        margin-left: 41.6666666667%
    }
    .col-md-offset-6 {
        margin-left: 50%
    }
    .col-md-offset-7 {
        margin-left: 58.3333333333%
    }
    .col-md-offset-8 {
        margin-left: 66.6666666667%
    }
    .col-md-offset-9 {
        margin-left: 75%
    }
    .col-md-offset-10 {
        margin-left: 83.3333333333%
    }
    .col-md-offset-11 {
        margin-left: 91.6666666667%
    }
    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media (min-width:1200px) {
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
        float: left
    }
    .col-lg-1 {
        width: 8.3333333333%
    }
    .col-lg-2 {
        width: 16.6666666667%
    }
    .col-lg-3 {
        width: 25%
    }
    .col-lg-4 {
        width: 33.3333333333%
    }
    .col-lg-5 {
        width: 41.6666666667%
    }
    .col-lg-6 {
        width: 50%
    }
    .col-lg-7 {
        width: 58.3333333333%
    }
    .col-lg-8 {
        width: 66.6666666667%
    }
    .col-lg-9 {
        width: 75%
    }
    .col-lg-10 {
        width: 83.3333333333%
    }
    .col-lg-11 {
        width: 91.6666666667%
    }
    .col-lg-12 {
        width: 100%
    }
    .col-lg-pull-0 {
        right: auto
    }
    .col-lg-pull-1 {
        right: 8.3333333333%
    }
    .col-lg-pull-2 {
        right: 16.6666666667%
    }
    .col-lg-pull-3 {
        right: 25%
    }
    .col-lg-pull-4 {
        right: 33.3333333333%
    }
    .col-lg-pull-5 {
        right: 41.6666666667%
    }
    .col-lg-pull-6 {
        right: 50%
    }
    .col-lg-pull-7 {
        right: 58.3333333333%
    }
    .col-lg-pull-8 {
        right: 66.6666666667%
    }
    .col-lg-pull-9 {
        right: 75%
    }
    .col-lg-pull-10 {
        right: 83.3333333333%
    }
    .col-lg-pull-11 {
        right: 91.6666666667%
    }
    .col-lg-pull-12 {
        right: 100%
    }
    .col-lg-push-0 {
        left: auto
    }
    .col-lg-push-1 {
        left: 8.3333333333%
    }
    .col-lg-push-2 {
        left: 16.6666666667%
    }
    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-4 {
        left: 33.3333333333%
    }
    .col-lg-push-5 {
        left: 41.6666666667%
    }
    .col-lg-push-6 {
        left: 50%
    }
    .col-lg-push-7 {
        left: 58.3333333333%
    }
    .col-lg-push-8 {
        left: 66.6666666667%
    }
    .col-lg-push-9 {
        left: 75%
    }
    .col-lg-push-10 {
        left: 83.3333333333%
    }
    .col-lg-push-11 {
        left: 91.6666666667%
    }
    .col-lg-push-12 {
        left: 100%
    }
    .col-lg-offset-0 {
        margin-left: 0
    }
    .col-lg-offset-1 {
        margin-left: 8.3333333333%
    }
    .col-lg-offset-2 {
        margin-left: 16.6666666667%
    }
    .col-lg-offset-3 {
        margin-left: 25%
    }
    .col-lg-offset-4 {
        margin-left: 33.3333333333%
    }
    .col-lg-offset-5 {
        margin-left: 41.6666666667%
    }
    .col-lg-offset-6 {
        margin-left: 50%
    }
    .col-lg-offset-7 {
        margin-left: 58.3333333333%
    }
    .col-lg-offset-8 {
        margin-left: 66.6666666667%
    }
    .col-lg-offset-9 {
        margin-left: 75%
    }
    .col-lg-offset-10 {
        margin-left: 83.3333333333%
    }
    .col-lg-offset-11 {
        margin-left: 91.6666666667%
    }
    .col-lg-offset-12 {
        margin-left: 100%
    }
}

table {
    background-color: transparent
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 8px;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover {
    background-color: #f5f5f5
}

table col[class*=col-] {
    position: static;
    float: none;
    display: table-column
}

table td[class*=col-],
table th[class*=col-] {
    position: static;
    float: none;
    display: table-cell
}

.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>thead>tr>td.active,
.table>thead>tr>th.active {
    background-color: #f5f5f5
}

.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr.active:hover>th,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover {
    background-color: #e8e8e8
}

.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr.success>th,
.table>tfoot>tr>td.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>thead>tr.success>th,
.table>thead>tr>td.success,
.table>thead>tr>th.success {
    background-color: #dff0d8
}

.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr.success:hover>th,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover {
    background-color: #d0e9c6
}

.table>tbody>tr.info>td,
.table>tbody>tr.info>th,
.table>tbody>tr>td.info,
.table>tbody>tr>th.info,
.table>tfoot>tr.info>td,
.table>tfoot>tr.info>th,
.table>tfoot>tr>td.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>thead>tr.info>th,
.table>thead>tr>td.info,
.table>thead>tr>th.info {
    background-color: #d9edf7
}

.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr.info:hover>th,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover {
    background-color: #c4e3f3
}

.table>tbody>tr.warning>td,
.table>tbody>tr.warning>th,
.table>tbody>tr>td.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr.warning>td,
.table>tfoot>tr.warning>th,
.table>tfoot>tr>td.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>thead>tr.warning>th,
.table>thead>tr>td.warning,
.table>thead>tr>th.warning {
    background-color: #fcf8e3
}

.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr.warning:hover>th,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover {
    background-color: #faf2cc
}

.table>tbody>tr.danger>td,
.table>tbody>tr.danger>th,
.table>tbody>tr>td.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr.danger>td,
.table>tfoot>tr.danger>th,
.table>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>thead>tr.danger>th,
.table>thead>tr>td.danger,
.table>thead>tr>th.danger {
    background-color: #f2dede
}

.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr.danger:hover>th,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover {
    background-color: #ebcccc
}

.table-responsive {
    overflow-x: auto;
    min-height: .01%
}

@media screen and (max-width:767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }
    .table-responsive>.table {
        margin-bottom: 0
    }
    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>td,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>thead>tr>th {
        white-space: nowrap
    }
    .table-responsive>.table-bordered {
        border: 0
    }
    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .table-responsive>.table-bordered>tfoot>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .table-responsive>.table-bordered>thead>tr>td:first-child,
    .table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0
    }
    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .table-responsive>.table-bordered>tfoot>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .table-responsive>.table-bordered>thead>tr>td:last-child,
    .table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0
    }
    .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .table-responsive>.table-bordered>tfoot>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0
    }
}


input[type=date]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
}


.booking-button-promo .btn-primary {
    color: #fff;
    background-color: #007993!important;
    border: 1px solid #007993;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 30px;
    line-height: 28px;
    padding: 17px 20px;
    width: 100%;
	max-width:236px;
	float:none; margin: auto;
}

@media (min-width:768px) {
.booking-button-promo .btn-primary {
        padding: 15px 20px;
        font-size: 14px
    }
}

.contact-address {font-size:20px;}

.dl-horizontal dd {line-height:30px;}

.bouton .btn-primary {
    color: #fff;
    border: 1px solid #007993;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 30px;
    line-height: 28px;
    padding: 17px 20px;
    width: 100%;
	max-width:236px;
	float:none; margin: auto;
}

#CDSSCROLLINGRAVE.narrow { width:90%!important;}

.jxtc-youtube {    margin: 0px; }



.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
 
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.contact-address.dl-horizontal{background:url(../../../images/sbo-melanesian-triple-c-badge-2022.png) ;
  background-repeat: no-repeat;
  background-size: 200px 200px;
  background-position: center right ;
   }

/* Joomla 6 internal pages: keep the XTC two-column presentation. */
body.innerpage #region3wrap .xtc-wrapper { max-width: 1380px; }
body.innerpage #component { padding: 0 30px 30px 0; }
body.innerpage #right { padding: 0 0 0 24px; }
body.innerpage #right .moduletable { margin: 0 0 30px; }
body.innerpage .inner-newsflash { margin: 0 0 0; }
body.innerpage .inner-newsflash .module { margin: 0; }
body.innerpage .suite-gallery { position: relative; width: 100%; margin: 0 0 0; background: #111; overflow: hidden; }
body.innerpage .suite-gallery__slides { position: relative; aspect-ratio: 1280 / 853; }
body.innerpage .suite-gallery__slide { display: none; position: absolute; inset: 0; margin: 0; }
body.innerpage .suite-gallery__slide.is-active { display: block; }
body.innerpage .suite-gallery__slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
body.innerpage .suite-gallery__prev,
body.innerpage .suite-gallery__next { position: absolute; top: 50%; z-index: 2; width: 40px !important; height: 40px !important; margin-top: -20px; padding: 0 !important; border: 0; border-radius: 50%; color: #fff; background: rgba(0,0,0,.55); font-size: 28px; line-height: 36px; cursor: pointer; text-transform: none; box-shadow: none; }
body.innerpage .suite-gallery__prev { left: 18px; }
body.innerpage .suite-gallery__next { right: 18px; }
body.innerpage .suite-gallery__dots { position: absolute; right: 0; bottom: 14px; left: 0; z-index: 2; margin: 0; text-align: center; }
body.innerpage .suite-gallery__dot { display: inline-block; width: 9px !important; height: 9px !important; margin: 0 4px; padding: 0 !important; border: 1px solid #fff; border-radius: 50% !important; background: transparent !important; cursor: pointer; text-transform: none; box-shadow: none; font-size: 0; line-height: 9px; vertical-align: middle; }
body.innerpage .suite-gallery__dot.is-active { background: #fff !important; }

body.innerpage .com-content-category-blog .page-header h1,
body.innerpage .com-contact > .page-header h1 { margin: 0 0 28px; padding: 0 0 12px; border-bottom: 1px solid #e5e5e5; font-size: 42px; font-weight: 400; }
body.innerpage .com-content-category-blog__items.items-leading { display: block; margin: 0 0 32px; }
body.innerpage .com-content-category-blog__items:not(.items-leading) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 38px 22px; margin: 0; }
body.innerpage .com-content-category-blog__item { min-width: 0; margin: 0; padding: 0; }
body.innerpage .com-content-category-blog__item .item-image,
body.innerpage .com-content-category-blog__item .item-image.left { float: none; margin: 0 0 16px; text-align: center; }
body.innerpage .com-content-category-blog__item .item-image img { display: block; width: 100%; height: auto; margin: 0 auto; }
body.innerpage .com-content-category-blog__item .item-content { display: flex; flex-direction: column; text-align: center; }
body.innerpage .com-content-category-blog__item .page-header { order: -1; margin: 0 0 12px; padding: 0; border: 0; }
body.innerpage .com-content-category-blog__item .page-header h2 { margin: 0; font-size: 24px; font-weight: 400; line-height: 1.25; }
body.innerpage .com-content-category-blog__item .article-info { display: none; }
body.innerpage .com-content-category-blog__item .readmore { margin: 18px 0 0; }
body.innerpage .com-content-category-blog__item .readmore a { color: #168dd0; font-size: 11px; font-weight: 700; text-transform: uppercase; background: none; border: 0; padding: 0; }
body.innerpage .com-content-category-blog__item .readmore a:before { content: "○ "; color: #222; }
body.innerpage .com-content-category-blog__items.items-leading .com-content-category-blog__item .item-content { text-align: center; }
body.innerpage .com-content-category-blog__items.items-leading .com-content-category-blog__item .item-image img { max-height: none; object-fit: cover; }
body.innerpage .com-content-category-blog__items:not(.items-leading) .com-content-category-blog__item:nth-child(1) { grid-column: 1; grid-row: 1; }
body.innerpage .com-content-category-blog__items:not(.items-leading) .com-content-category-blog__item:nth-child(2) { grid-column: 1; grid-row: 2; }
body.innerpage .com-content-category-blog__items:not(.items-leading) .com-content-category-blog__item:nth-child(3) { grid-column: 2; grid-row: 1; }
body.innerpage .com-content-category-blog__items:not(.items-leading) .com-content-category-blog__item:nth-child(4) { grid-column: 2; grid-row: 2; }

body.innerpage .com-contact > .page-header { margin: 0; }
body.innerpage .com-contact__container { position: relative; min-height: 350px; margin: 0 0 18px; padding: 0 16px 18px; border: 1px solid #ddd; border-radius: 4px; overflow: hidden; }
body.innerpage .com-contact__container > h2 { margin: 0 -16px 12px; padding: 14px 16px; border-bottom: 1px solid #ddd; color: #777; font-size: 23px; font-weight: 400; }
body.innerpage .com-contact__thumbnail { float: right; width: 54%; margin: 0 0 0 28px; padding: 4px; }
body.innerpage .com-contact__thumbnail img { display: block; width: 100%; height: auto; }
body.innerpage .com-contact__info { padding: 10px 0 0 105px; }
body.innerpage .com-contact__info .contact-address { min-height: 270px; margin: 0; padding: 0; background: none !important; font-size: 18px; }
body.innerpage .com-contact__info .contact-address:after { display: none; }
body.innerpage .com-contact > h2 { margin: 0; padding: 14px 16px; border: 1px solid #ddd; border-radius: 4px; color: #777; font-size: 23px; font-weight: 400; cursor: pointer; }
body.innerpage .com-contact__form { margin: 0; padding-top: 0; }
body.innerpage .com-contact__form form { margin: 0; border-top: 0; border-radius: 0 0 4px 4px; }

body.innerpage .com-content-article .page-header { margin: 0 0 58px; padding: 20px 30px; background: #000; border: 0; }
body.innerpage .com-content-article .page-header h1 { margin: 0; color: #28a9e8; font-size: 46px; font-weight: 400; line-height: 1.2; }
body.innerpage .com-content-article .article-info { display: none; }
body.innerpage .com-content-article__body { padding: 0 24px 30px; font-size: 18px; line-height: 1.8; }
body.innerpage .com-content-article__body p { margin: 0 0 32px; }
body.innerpage .com-content-article__body p:last-child { margin-bottom: 0; }
body.innerpage .com-content-article .pagenav { margin: 28px 0 0; }
body.innerpage .com-content-article .pagenavigation { display: none !important; }

@media (max-width: 767px) {
  body.innerpage #component { padding: 0 0 24px; }
  body.innerpage #right { padding: 20px 0 0; }
  body.innerpage .com-content-category-blog__items:not(.items-leading) { display: block; }
  body.innerpage .com-content-category-blog__items:not(.items-leading) .com-content-category-blog__item:nth-child(n) { display: block; }
  body.innerpage .com-content-category-blog__item { margin-bottom: 34px; }
  body.innerpage .com-content-category-blog .page-header h1,
  body.innerpage .com-contact > .page-header h1 { font-size: 32px; }
  body.innerpage .com-content-article .page-header { margin-bottom: 30px; padding: 16px 20px; }
  body.innerpage .com-content-article .page-header h1 { font-size: 34px; }
  body.innerpage .com-content-article__body { padding: 0 12px 24px; font-size: 16px; line-height: 1.65; }
  body.innerpage .com-contact__thumbnail { float: none; width: 100%; margin: 0 0 18px; }
  body.innerpage .com-contact__info { padding: 0; }
  body.innerpage .com-contact__info .contact-address { min-height: 0; }
  body.innerpage .suite-gallery__slides { aspect-ratio: 4 / 3; }
}