@font-face {
    font-family: 'Gisha';
    font-style: normal;
    font-weight: normal;
    src: local('Gisha'), url('../fonts/fonts/gisha.woff') format('woff');
}

@font-face {
    font-family: 'Cinzel-Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Cinzel-Bold'), url('../fonts/fonts/Cinzel-Bold.woff') format('woff');
}

html {
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
caption,
canvas,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
form,
footer,
header,
hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
tt,
table,
tbody,
textarea,
tfoot,
thead,
time,
tr,
th,
td,
u,
ul,
var,
video {
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    font-style: inherit;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    quotes: none;
}

figure {
    margin: 0;
}

:focus {
    outline: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}

legend {
    white-space: normal;
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

button,
input {
    line-height: normal;
}

input,
textarea {
    background-image: -webkit-linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0));
    /* Removing the inner shadow, rounded corners on iOS inputs */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    line-height: 1;
    cursor: pointer;
    /* Improves usability and consistency of cursor style between image-type 'input' and others */
    -webkit-appearance: button;
    /* Corrects inability to style clickable 'input' types in iOS */
    border: none;
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0;
    /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
    -webkit-appearance: textfield;
    /* Addresses appearance set to searchfield in S5, Chrome */
}

input[type="search"]::-webkit-search-decoration {
    /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* Repeatable Patterns
-------------------------------------------------------------- */

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    /*	font-family: "Raleway","Helvetica Neue",sans-serif;*/
    font-family: montserrat, sans-serif;
    /*    font-family: 'Lato', 'Helvetica', sans-serif;*/
    font-weight: 350;
    color: #444444;
    /*    background-color: #f6f9fc;*/
    background-color: #f7fcfc;
    font-size: 14px;
    line-height: 24px;
}

.font-alt {
    font-family: "Roboto Condensed", sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
}

a {
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

a:hover,
a:focus {
    color: #ccc;
    text-decoration: none;
    outline: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

ul,
ol {
    padding: 0;
}

img {
    height: auto;
}

.img-right {
    margin: 0 0 0 50px !important;
    float: right;
}

b,
strong {
    font-weight: 900;
}

.entry-page p {
    margin-bottom: 25px;
}

button {
    border: none;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    font-size: 12px;
    text-transform: uppercase;
    padding: 16px 35px 16px 38px;
    letter-spacing: 1.1px;
    background: #f26522;
    color: #ffffff;
    border-color: #d74c09;
    font-weight: 500;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
    width: 100%;
    border: 1px solid rgba(239, 234, 230, 1);
    padding-left: 15px;
    font-size: 13px;
    outline: none;
    margin-bottom: 30px;
    border-radius: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
    background: #f7f8fa;
    border-color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

textarea {
    width: 100%;
    height: 150px;
    padding: 15px 15px;
}

input[type="checkbox"] {
    display: inline;
}

textarea:-moz-placeholder,
textarea::-moz-placeholder,
input:-moz-placeholder,
input::-moz-placeholder {
    color: #444444;
    opacity: 1;
}

input:-ms-input-placeholder {
    color: #444444;
}

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
    color: #444444;
    opacity: 1;
}


/* bootstrap resetting elements */

.btn {
    background-image: none;
}

textarea,
input[type="text"],
input[type="submit"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
.dropdown-menu,
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
    -webkit-appearance: none;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    color: #202020;
}


/* Header
-------------------------------------------------------------- */

.header {
    background-color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.header .logo {
    width: 100px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin: 35px 0 0 0;
}

.header .logo,
.menu.menu-extra,
.nav-wrap {
    float: left;
    position: relative;
}

.menu.menu-extra {
    text-align: right;
}

.header .logo,
.menu.menu-extra {
    width: 20%;
}

.header .logo a {
    border: 1px solid #333;
    padding: 2px 2px;
    display: inline-block;
}

.nav-wrap {
    width: 60%;
}

.header .logo,
.menu.menu-extra,
.nav-wrap {
    float: left;
    position: relative;
}

#mainnav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#mainnav > ul {
    text-align: center;
}

.menu.menu-extra .widget.widget_search {
    position: absolute;
    width: 100%;
    top: 34px;
}

ol,
ul {
    list-style: none;
}

.bg-light {
    background-color: #fff !important;
}

i {
    margin-right: 10px;
}

.dropdown-item {
    border-top: 1px solid #ddd;
}

.navbar-nav > li {
    font-size: 14px;
}

.dropdown-menu {
    font-size: 13px;
    font-weight: bold;
    text-transform: capitalize;
    padding: 0;
}

.dropdown-menu {
    border-radius: 0;
}

.dropdown-item:hover {
    background: #e2dcd5;
}

.nav-tabs {
    border-bottom: 0px;
    ;
    margin-left: 70px;
}

.nav-tabs.destinasi {
    border-bottom: 1px solid #e2dcd5;
    border-bottom: 0px;
    margin-left: 0px;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs {
    text-transform: uppercase;
    color: #fff;
}

.nav-tabs .nav-item {
    margin-bottom: -1px;
    background-color: #f26522 !important;
    color: #fff;
    margin-left: 2px;
}

.nav-tabs .nav-item a {
    color: #ffffff;
}

.fa.fa-bed i::before {
    color: #ffb20e !important;
}

.fa-bed i::after {
    color: #ffffff !important;
}

.fa.fa-building {
    color: #ffffff !important;
}

.active .fa.fa-building {
    color: #cfac71 !important;
}

.fa.fa-cutlery {
    /*    color: #ffffff !important;*/
}

.active .fa.fa-cutlery {
    color: #cfac71 !important;
}

.tabs-above.tab-bordered .tab-content {
    background-color: #ffffff;
    /*    margin-top: 10px;*/
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
    /*    background-image: radial-gradient(circle 755px at 10.1% 95.3%, rgba(242, 159, 141, 1) 0%, rgba(242, 188, 141, 1) 100.2%);*/
    background-color: antiquewhite;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background-color: #f8f9fa;
}

.nav-tabs .nav-link.active {
    color: #cfac71;
    background-color: #ffffff;
    border-color: none;
    font-weight: 500;
}

.nav-tabs .nav-link {
    border: 0;
}

.nav-tabs .nav-link {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.form-group {
    margin-bottom: 10px;
}

.site-wrapper {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    overflow: hidden;
}

.top {
    position: relative;
    left: 0;
    top: 0;
    padding-bottom: 15px;
    background: moz-linear-gradient(left, #d5ae72 30%, #f2af89 70%);
    background: -webkit-linear-gradient(left, #d5ae72 30%, #f2af89 70%);
    background: linear-gradient(to right, #d5ae72 30%, #f2af89 70%);
    min-height: 50px;
}

.header .header-top .header-phone,
.header .header-top .header-email,
.header .header-top .header-login,
.header .header-top .header-register,
.header .header-top .header-bahasa {
    font-size: 11px;
    padding: 13px 10px;
    color: #fff;
    border-right: 1px solid #eee;
    float: left;
}

.header .header-top .header-phone i,
.header .header-top .header-email i,
.header .header-top .header-login i,
.header .header-top .header-register i,
.header .header-top .header-bahasa i {
    font-size: 16px;
    margin-right: 5px;
    color: #fff;
}

.header .header-top .header-phone a,
.header .header-top .header-email a,
.header .header-top .header-login a,
.header .header-top .header-register a,
.header .header-top .header-bahasa a {
    margin-left: 3px;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
}

.header .header-top .header-login i {
    margin-left: 85px;
}

#pilih-bahasa {
    float: left;
    padding-top: 15px;
    margin-right: 47px;
}

#pilih-bahasa ul li {
    position: relative;
}

#pilih-bahasa ul li a {
    color: #C5C5C5;
}

#pilih-bahasa ul li ul {
    position: absolute;
    left: 0;
    top: 100%;
    width: 200px;
    visibility: hidden;
    opacity: 0;
}

.top .flat-information {
    padding-top: 15px;
}

.top .informasi li {
    display: inline-block;
    margin-right: 20px;
    color: #fff;
}

.top .informasi li a {
    color: #fff;
}

.top .informasi li a.batas {
    border-right: 1px solid #fff !important;
    margin-left: 5px;
}

.top .informasi,
.top .social-links {
    padding-top: 15px;
}

strong {
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
}

.card-text {
    letter-spacing: 2px;
    font-weight: 600;
    padding: 5px;
    color: #212121;
    text-align: center;
}

.top-kiri {
    display: inline-flex;
}

.social-links {
    padding: 0;
    padding-top: 0px;
    margin: 0;
}

.top .social-links a {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    line-height: normal;
    padding: 0 0;
    margin-left: 26px;
}

.social-links a {
    display: inline-block;
    padding: 0 13px;
    /*    line-height: 50px;*/
    font-size: 14px;
    color: #c6b275;
}

.social-links a:hover {
    color: #212121;
}

#cari-hotel {
    clear: both;
}

#cari-hotel .booking-hotel1 {
    width: 100%;
    display: block;
    margin-top: -2.1em;
    z-index: 9;
}

.booking .inside {
    position: absolute;
    top: -43px;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
}

search-tabs-hotel.search-tabs {
    bottom: 0px;
}

.search-tabs {
    width: 100%;
}

.tab-active-booking {
    background-color: #e2dcd5;
}

.title {
    font-family: sans-serif;
    color: #dc2d5e;
    text-align: center;
}

.tabContainer {
    width: 100%;
    height: 250px;
}

.tabContainer .buttonContainer {
    height: 14%;
}

.tabContainer .buttonContainer button {
    height: 100%;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0px 10px 0px 10px;
    font-size: 14px;
    background-color: #f26522;
}

.tabContainer .buttonContainer button:first-child {
    margin-left: 50px;
}

.tabContainer .buttonContainer button:last-child {
    margin-left: 2px;
}

.tabContainer .buttonContainer button:hover {
    background-color: #f26522;
}

.tabContainer .tabPanel {
    height: 100%;
    background-color: #e2dcd5 !important;
    color: white;
    text-align: left;
    padding: 30px;
    box-sizing: border-box;
    font-size: 14px;
    display: none;
    color: #212121;
    border-bottom: 3px solid #c8b682;
    clear: both;
    display: block;
}

.form-control {
    font-size: 12px;
    background: #ced4da border: none;
    line-height: normal;
    border: 1px solid #ced4da;
}

label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 500;
    text-transform: uppercase;
}

.payment-method {
    display: inline-block;
    vertical-align: middle;
}

.icon-tranfer-bank {
    margin-left: 40px;
}

.form-group {
    position: relative;
}

.form-control {
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    line-height: 1.4em;
}

.form-group.form-group-icon-left .form-control {
    padding-left: 32px;
}

.form-group .input-icon {
    position: absolute;
    width: 32px;
    height: 32px;
    line-height: 32px;
    display: block;
    top: 33px;
    left: 5px;
    text-align: center;
    color: #cfac71;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    z-index: 2;
}

.form-group .input-icon.welcome {
    position: absolute;
    width: 32px;
    height: 32px;
    line-height: 32px;
    display: block;
    top: 0px;
}

#welcome-title {
    padding-left: 15px !important;
}

.management-service {
    font-size: 16px;
    margin-bottom: 50px;
}

#welcome-title h2 {
    position: relative;
    font-size: 24px;
    color: #212121;
    margin-bottom: 5px;
}

.bg-brown {
    background-color: #e3dcd6;
}

.work {}

.destinasi-slider {}

.destinasi-slider-image {
    position: relative;
}

.destinasi-slider-image .image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.75);
    height: 100%;
    width: 100%;
    padding: 15px 25px;
    opacity: 0;
    transition: .2s;
}

.destinasi-slider-image .image-overlay i {
    position: absolute;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    font-size: 24px;
    transition: .2s ease;
    padding: 10px;
}

.destinasi-slider-image .image-overlay i:hover {
    font-size: 12px;
}

.destinasi-slider-image .image-overlay a.h4 {
    position: absolute;
    top: 50px;
    color: #fff;
    transition: .2s ease;
    transform: translateY(20px);
    opacity: 0;
    font-size: 12px;
}

.destinasi-slider-image .image-overlay a.h4:hover {
    color: #837034;
}

.destinasi-slider-image .image-overlay p {
    position: absolute;
    bottom: 15px;
    color: #fff;
    transform: translateY(10px);
    opacity: 0;
    transition: .3s ease;
    transition-delay: .1s;
    left: 25%;
}

.destinasi-slider-image:hover .image-overlay {
    opacity: 1;
}

.destinasi-slider-image:hover a.h4,
.destinasi-slider-image:hover p {
    transform: translateY(0);
    opacity: 1;
}

.destinasi-slider .slick-dots {
    padding-left: 0;
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
}

.destinasi-slider .slick-dots li {
    /*  margin: 0 14px;*/
    margin: 0 0px;
}

@media (max-width: 400px) {
    .destinasi-slider .slick-dots li {
        margin: 0 2px;
    }

    .text-divider span {
        background-color: #fff;
        padding: 1em;
        white-space: nowrap;
        font-size: 14px;
        font-weight: bold;
        margin-top: 80px;
    }

    h2 {
        font-size: 18px !important;
    }
}

@media (max-width: 400px) {
    h2.title-hotel {
        margin-top: 20px;
    }

    #intro h2 {
        font-size: 28px !important;
    }
}

@media (max-width: 375px) {
    .ourpromo-slider.owl-carousel .owl-dots {
        bottom: -40px !important;
        width: 100%;
        display: none !important;
    }

    .section-padding4 {
        padding: 10px 0 30px !important;
    }

    .section-padding-offer {
        padding: 0px 0 20px !important;
    }

    .navbar-light .navbar-toggler {
        color: rgba(0, 0, 0, .5);
        border-color: rgba(0, 0, 0, .1);
        background: #fff;
    }
}

@media (max-width: 768px) {
    .about-horison {
        color: #ffffff;
        background: rgba(0, 0, 0, 0.5);
    }

    .about-horison {
        width: 100% !important;
        height: 100%;
    }

    .navbar-light .navbar-toggler {
        color: rgba(0, 0, 0, .5);
        border-color: rgba(0, 0, 0, .1);
        background: #fff;
    }

    #my-nav .navbar-collapse {
        border-color: white;
        background: rgba(255, 255, 255, 1) !important;
        margin-top: 8px !important;
    }

    .about-horison h1 {
        margin-right: 25px;
    }

    .about-horison p {
        margin-right: 25px;
    }

    .about-horison a {
        margin-right: 25px;
    }

    .col {
        padding-right: 0px;
        padding-left: 0px;
    }

    .penawaran1 {
        width: 80% !important;
        padding-right: 30px !important;
    }
}

.destinasi-slider .slick-dots li:first-child {
    margin-left: 0;
}

.destinasi-slider .slick-dots li button {
    height: 2px;
    width: 2px;
    border-radius: 50px;
    color: transparent;
    overflow: hidden;
    border: 0;
    border: 1px solid #c6b275;
    background: transparent;
    outline: 0;
    display: block;
    background-color: #c6b275;
}

.destinasi-slider .slick-dots li button::before {
    display: none;
}

.destinasi-slider .slick-dots li.slick-active button {
    border-color: #fff;
}

h2.our-destination {
    position: relative;
    font-size: 24px;
    color: #212121;
    /*    margin: 45px;*/
    margin-bottom: 45px;
}

.text-divider1 span {
    background-color: #e3dcd6;
    padding: 1em;
}

.our-destination .col-xs-12.col-sm-4.col-md-3 {
    padding: 0;
}

#welcome-title .separator-icon {
    width: 100%;
    height: 9px;
    background: url(../images/title-icon.png) center bottom no-repeat;
}

.text-divider {
    /*margin: 2em 0*/
    ;
    line-height: 0;
    text-align: center;
}

.text-divider span {
    background-color: #fff;
    /*padding: 1em;*/
}

.text-divider:before {
    content: " ";
    display: block;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #f7f7f7;
}


/* End   */


/* Our Destinasi */

#our-destination .col-xs-12.col-sm-4.col-md-3 {
    padding: 0;
}

#our-destination {
    padding-bottom: 70px;
}

.our-destination-wrap {
    position: relative;
}

.our-destination-wrap img {
    width: 100%;
}

.our-destination-wrap .our-destination-inner {
    top: 0;
    background: transparent;
    opacity: .8;
    width: 100%;
    border-radius: 0;
    margin-bottom: 0;
}

.our-destination-wrap .our-destination-inner h3 {
    margin: 10px 0;
}

.our-destination-wrap .our-destination-inner h3 a {
    font-size: 24px;
    color: #fff;
}

.our-destination-wrap .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 0;
    background: #c52d2f;
    color: #fff;
    vertical-align: middle;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
    padding: 30px;
}

.our-destination-wrap .overlay .preview {
    bottom: 0;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    border-radius: 0;
    background: transparent;
    text-align: center;
    color: #fff;
}

.our-destination-wrap:hover .overlay {
    opacity: 1;
}

.hovex {
    position: relative;
    overflow: hidden;
}

.hovex .bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: auto;
    background: rgba(0, 0, 0, .5);
}

.hovex .sw1 {
    display: block;
    padding: 0 15px;
    top: 50%;
    transform: translateY(-50%);
    position: relative;
}

.ctr {
    text-align: center;
}

.hovex h3,
.hovex h5,
.vh-wrap p {
    margin: 8px 0;
}

.hovex h3,
.hovex h5,
.vh-wrap p {
    color: #fff;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
    line-height: normal;
    font-size: 25px;
    font-weight: 200;
}

@media (min-width:768px) {
    navbar-nav li {
        margin-right: 0px;
        font-weight: 600;
        text-transform: uppercase;
        font-size: .75rem;
        font-family: 'Montserrat', sans-serif;
    }

    .navbar-light .navbar-toggler {
        color: rgba(0, 0, 0, .5);
        border-color: rgba(0, 0, 0, .1);
        background: #fff;
    }
}

@media (min-width:768px) {
    .dark-overlay1 {
        position: absolute;
        background-color: rgba(134, 117, 65, 0.7);
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

.photo-block:hover .tour-layer {
    opacity: 1;
}

.photo-block {
    text-align: center;
    color: #fff;
    position: relative;
    width: 100%;
}

.photo-block h3 {
    padding-bottom: 10px;
}

.delay-1 {
    -webkit-transition: all 800ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 800ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 800ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 800ms cubic-bezier(0.23, 1, 0.32, 1);
}

.tour-layer {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

.photo-block {
    text-align: center;
    color: #fff;
}

.photo-block img {
    width: 100%;
    height: auto;
    display: block;
}

.vertical-align {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    width: 100%;
    left: 0px;
}

h4 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.photo-block h4 {
    padding-bottom: 10px;
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    opacity: 0;
}

h5 {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    letter-spacing: 1px;
}

h5.our-promo {
    color: #212121;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px;
    font-family: 'Gisha', 'Helvetica', sans-serif;
}

.p-5 {
    padding: 3rem !important;
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    top: 0;
    filter: alpha(opacity=50);
    border: 1px solid #e3d3c2;
}

p.our-promo {
    color: #ffffff;
    font-size: 14px;
    filter: alpha(opacity=80);
    opacity: 0.8;
    text-align: center;
}

small {
    font-size: 14px;
    font-weight: 500;
    color: #c39b57;
}

.header {
    background-color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.header-top {
    background: moz-linear-gradient(left, #d5ae72 0%, #f2af89 100%);
    background: -webkit-linear-gradient(left, #d5ae72 0%, #f2af89 100%);
    background: linear-gradient(to right, #d5ae72 0%, #f2af89 100%);
    min-height: 50px;
}

.header-top li {
    margin: 0;
    padding-left: 5px;
    border-left: 1px solid #ffffff;
}

.header-top li:first-child {
    border-left: none;
    padding-left: 5px;
}


/*

.dark-overlay {
    background-color: rgb(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 60vh;
}
*/

.dark-overlay1 {
    position: absolute;
    background-color: rgba(134, 117, 65, 0.7);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.heading-facilities {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

#facilities-heading {
    text-align: center;
    color: #fff;
}

#facilities-heading h3 {
    font-size: 0.8rem;
}

#facilities-heading {
    position: relative;
    min-height: 250px;
    background: url("../images/slider4.jpg");
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    text-align: center;
    color: #fff;
}

#facilities-heading .fa {
    font-size: 35px;
    color: #fff;
    clear: both;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .container {
        width: 750px;
    }

    #facilities-heading .fa {
        font-size: 22px;
        color: #fff;
    }

    #facilities-heading h3 {
        font-size: 11px;
    }

    .list-inline-item {
        margin-right: 0px;
    }

    .list-inline-item .px-5 {
        padding-right: 0px !important;
    }

    pl-5,
    .px-5 {
        padding-left: 0rem !important;
    }
}

.mt--30 {
    margin-top: 30px;
}

.dark-overlay {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.heading-diskon {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

#diskon-heading {
    text-align: center;
    color: #fff;
}

#diskon-heading h1 {
    font-size: 1.8rem;
}

#diskon-heading {
    position: relative;
    min-height: 200px;
    background: url("../images/bg-page-diskon.jpg");
    background-repeat: repeat;
    background-attachment: scroll;
    background-attachment: fixed;
    background-repeat: no-repeat;
    text-align: center;
    color: #fff;
}

.holder {
    color: #c6b275;
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 110px;
    border-radius: 50%;
    background: #fff;
    border: solid 2px #ccc;
    text-align: center;
    margin: 15px auto 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

#why-book .holder i {
    color: #d0ac6f;
}

#why-book i {
    margin-right: 0px;
}

#why-book.holder {
    line-height: 110px;
    text-align: center;
    width: 100px;
    height: 100px;
    line-height: 110px;
    border-radius: 50%;
    background: #fff;
    border: solid 2px #ccc;
    text-align: center;
    margin: 15px auto 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

#why-book h5 {
    font-size: 17px;
    color: #916a22;
    margin-bottom: 14px;
    margin-top: 14px;
    text-transform: uppercase;
}

#our-facilities .fa {
    font-size: 35px;
    color: #212121;
}

.topbar-details {
    margin: 15px 0;
}

.topbar-details li {
    list-style: none;
    margin-right: 5px;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
}

.topbar-details li a {
    text-transform: uppercase;
    color: #212121;
}

.topbar-details li a:hover {
    color: #212121;
    font-weight: bolder;
    border-bottom: 0px;
}

.list-inline > li {
    display: inline;
    padding-right: 5px;
    text-transform: uppercase;
    font-size: 12px;
}

.topbar-details a {
    display: inline;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
}

.topbar,
.topbar a,
.topbar p {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    color: #ffffff;
}

.topbar {
    background-color: #222222;
    padding: 0;
    border: 0;
    position: relative;
    min-height: 52px;
    line-height: 50px;
    display: block;
}

#mainNav .navbar-nav > li.nav-item > a.nav-link,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
    font-size: .8rem;
    color: #121212;
}

.navbar-nav li {
    font-weight: 500;
    text-transform: uppercase;
    font-size: .85rem;
    font-family: 'Montserrat', sans-serif;
    color: rgba(0, 0, 0, .5);
}

.navbar-light .navbar-nav .nav-link {
    color: #ffffff;
    float: right;
    font-weight: 400;
    margin-right: 15px;
}

.nav-link-top a {
    color: #212121 !important;
}

.icon-bar {
    background-color: #FF0000 !important;
}

.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link {
    color: #ffffff;
    text-decoration: underline !important;
    font-weight: 800;
}

a.dropdown-item {
    color: rgba(0, 0, 0, .8);
}

.navbar-nav li li {
    font-weight: normal;
    font-size: 14px;
    text-transform: capitalize;
    font-family: 'Montserrat', sans-serif;
}

.nav-item:hover::after {
    width: 100%;
}

#navBarMain {
    float: left;
}

#my-nav {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;
    */
}

#my-nav1 {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    z-index: 3;
    */
}

/*
#my-nav.poshead{
    top: 30px;
}
*/
/*
.destinations{
    background: #f0f3fb;
}
*/
.section-heading h2::before {
    width: 100px;
    bottom: -10px;
    left: 50%;

}

.section-heading h2::before,
.section-heading h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 1px;
    background: #000;
    left: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.section-heading h2 {
    position: relative;
    display: inline-block;
    font-family: "Playfair Display";
    font-size: 40px;
}

.section-heading h2 {
    font-family: "Playfair Display";
    font-size: 40px;
}

.block-13,
.block-14,
.block-15,
.slide-one-item {
    position: relative;

}

.site-section {
    padding: 7em 0;
}

.slider {
    position: relative;
    z-index: 1;
}

.position {
    width: 100%;
    top: -66px;
    left: 0;
    position: absolute;
    z-index: 2;
}

.hotel_booking_table {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#myhorisonslider {
    /*    z-index: -1;*/
}

.carousel-item {
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.carousel-image-1 {
    background: url(../images/slider-top/slider-nayumi.jpg);
    background-size: cover;
    height: 100vh;
}

.carousel-image-2 {
    background: url(../images/slider-top/slider-nayumi.jpg);
    background-size: cover;
    height: 100vh;
}

.carousel-image-3 {
    background: url(../images/slider-top/slider-nayumi.jpg);
    background-size: cover;
    height: 100vh;
}

carousel-inner {
    height: auto;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    width: 100%;
    margin: auto;
    min-height: initial;
}

.fa (color:#fff;
    padding-right:20px;
) .fa a(color:#fff;
    padding-right:20px;

) .fa-facebook-square::before {
    content: "\f082";
}

.fa-twitter-square::before {
    content: "\f081";
}

.social {
    display: inline-block;
    color: #fff;
}

.social ul li {
    display: inline-block;
    margin-left: 15px;
}

.social li a {
    color: #fff;
    font-size: 14px;
    margin-left: 20px;
    border-left: none;
}

.social ul li a {
    color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.social ul li a:hover {
    color: #212121
}

.btn-primary {
    background-image: radial-gradient(circle 1294px at -15.5% 23.8%, rgba(255, 206, 149, 1) 0%, rgba(247, 92, 92, 1) 44.9%, rgba(108, 0, 96, 0.97) 93.8%) !important;
    border-color: #cfac71 !important;
    font-size: 12px;
}

.btn-primary:hover {
    color: #fff;
    background-color: #b99353 !important;
    border-color: #cfac71 !important;
    transition: all 0.4s
}

.btn-secondary {
    background-color: #c6b275 !important;
    border-color: #c6b275;
    font-size: 13px;
}

.divider-bottom {
    border-right: 0px solid #a8a8a8;
    height: 80px;
}

.bdtp {
    border-top: 5px solid #e7c791;
}

.divider-bottom:last-child {
    border-right: 0px;
}

.news-offer {
    padding-top: 30px;
}

.nav-tabs .nav-item {
    margin-bottom: -10px;
    background-color: #cfac71 !important;
    color: #fff;
    margin-left: 2px;
    font-weight: 500;
}

.nav-tabs .nav-item.informasi {
    background-color: #d5ae72 !important;
}

.nav-tabs .nav-item.promo {
    background-color: #d5ae72 !important;
}

.nav-tabs .nav-item.gallery {
    background-color: #d5ae72 !important;
}

.nav-tabs .nav-item.kontak {
    background-color: #d5ae72 !important;
}

.cd-top.cd-top--show {
    visibility: visible;
    opacity: 1;
}

.cd-top.cd-top--fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity: .5;
}

#page-tentang-kami {
    background: url(../images/1511767356_room.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
    border-top: 3px solid #d5ae72;
}

#page-horison-news {
    background: url(../images/berita-kegiatan/bg-news.jpeg) 50% 50%;
    background-size: auto;
    background-size: cover;
    border-top: 3px solid #d5ae72;
}

#page-horison-search-result {
    background: url(../images/search-img.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
    border-top: 3px solid #d5ae72;
}

#page-horison-pematang-asiantar {
    background: url(../images/destinasi-hotel/1510170216_pem-siantar.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
    border-top: 3px solid #d5ae72;
}

#page-horison-ultima-bhuvana-ciawi {
    background: url(../images/ultima-hotel/no-cover.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
    border-top: 3px solid #d5ae72;
}

#page-horison-gallery {
    background: url(../images/gallery-page1.jpg) 30% 70%;
    background-size: auto;
    background-size: cover;
    border-top: 3px solid #d5ae72;
}

#page-ultima-hotel {
    background: url(../images/1512360643_Horison-Ultima-Palembang-Room.jpg) 30% 70%;
    background-size: auto;
    background-size: cover;
    border-top: 3px solid #d5ae72;
}

#page-e-magazine {
    background: url(../images/emagazine/bg-page-title-4.jpg) 30% 70%;
    background-size: auto;
    background-size: cover;
    border-top: 3px solid #d5ae72;
}

#page-horison-karir {
    background: url(../images/karir.jpg) 80% 20%;
    background-size: auto;
    background-size: cover;
    border-top: 3px solid #d5ae72;
}

#page-hotel {
    background: url(../images/book-hotel.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
    /*    border-top: 3px solid #d5ae72;*/
}




#page-meeting-room {
    background: url(../images/meeting-room.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
    display: block;
    position: relative;
    z-index: 120;
}

#page-meeting-room::after {
    background-image: url(../images/dot.png);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

#page-meeting-room-inquiry {
    background: url(../images/meeting-room1.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
    display: block;
    position: relative;
    z-index: 120;
}

#page-meeting-room-inquiry::after {
    background-image: url(../images/dot.png);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

#page-meeting-room-search {
    background: url(../images/meeting-room2.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
    display: block;
    position: relative;
    z-index: 120;
}

#page-meeting-room-search::after {
    background-image: url(../images/dot.png);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

#page-restaurant {
    background: url(../images/restaurant-header.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
    display: block;
    position: relative;
    z-index: 120;
}

#page-restaurant::after {
    background-image: url(../images/dot.png);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

#page-meeting-room-new {
    background: url(../images/meeting-room-header.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
    display: block;
    position: relative;
    z-index: 120;
}

#page-meeting-room-new::after {
    background-image: url(../images/dot.png);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

#page-booking-hotel-header {
    /*    background: url(../images/hotel-booking-header.jpg) 50% 50%;*/
    background: url(../images/header-pematang-siantar1.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
    /*    border-top: 3px solid #d5ae72;*/
    display: block;
    position: relative;
    z-index: 120;
}

#page-booking-hotel-header::after {
    background-image: url(../images/dot.png);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

#page-welcome {
    background: url(../images/slider-top/slider-nayumi.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
    /*    border-bottom: 3px solid #c6b275;*/
}

#page-program-loyalitas {
    background: url(../images/bg-program-loyalitas.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
    border-top: 3px solid #d5ae72;
}

#page-error-404 {
    background: url(../images/typing.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
    border-top: 3px solid #d5ae72;
}

.page-dalam::before {
    background: linear-gradient(to right, rgba(242, 175, 137, 1) 0%, rgba(242, 175, 137, 1) 26%, rgba(242, 175, 137, 0.6) 46%, rgba(242, 175, 137, 0) 64%, rgba(242, 175, 137, 0) 100%);
}

.page-dalam::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.page-dalam {
    color: white;
}

.page-dalam {
    padding: 50px 0px;
    position: relative;
}

.page-dalam h1 {
    font-size: 32px;
    font-weight: normal;
    margin-bottom: 6px;
}

.page-dalam .breadcrumb {
    background: none;
}

.page-dalam .breadcrumb {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    font-weight: 300;
}

.page-dalam .breadcrumb li a {
    color: #212020;
}

.page-dalam .breadcrumb li a {
    text-decoration: none;
}

.page-dalam .breadcrumb > li + li::before,
.page-dalam .breadcrumb li.active {
    color: white;
}

.page-dalam .breadcrumb {
    font-size: 14px;
    font-weight: 300;
}

.breadcrumb > li + li::before {
    padding: 0 5px;
    color: #fff;
    content: "/\00a0";
}

.contact-form-kanan {
    border-top: 0px;
}

.contact-form-kanan {
    padding: 0px 0px 55px;
}

.contact-form-kanan h3 {
    color: #202121;
}

.contact-form-kanan h3 {
    font-size: 25px;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.contact-form-kanan p {
    line-height: 1.4em;
    font-size: 13px;
}

.contact-form-kiri p {
    color: #202121;
}

.contact-form-kiri {
    border-top: 0px;
}

.contact-form-kiri {
    padding: 0px 0px 25px;
}

.contact-form-kiri h3 {
    color: #202121;
}

.contact-form-kiri h3 {
    font-size: 25px;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.contact-form-kiri p {
    line-height: 1.4em;
    /*    font-size: 14px;*/
}

.contact-form-kiri p {
    color: #202121;
}

.contact-form-kiri.info-text ul {
    margin: 0px;
    padding: 0px;
}

.contact-form-kiri.info-text ul li {
    list-style-type: none;
    position: relative;
    margin-bottom: 40px;
}

.contact-form-kiri.info-text ul li .contact-form-kiri.info-text-icon {
    position: absolute;
    left: 0px;
    top: 10px;
}

.contact-form-kiri.info-text ul li .contact-form-kiri.info-text-icon span {
    font-size: 48px;
    line-height: 0.63;
    text-align: left;
    color: #b0914f;
}

.contact-form-kiri.info-text ul li .contact-form-kiri.info-text-right h4 {
    padding-left: 60px;
    text-transform: capitalize;
    font-size: 18px;
}

.contact-form-kiri.info-text ul li .contact-form-kiri.info-text-right p {
    padding-left: 60px;
    text-transform: capitalize;
    font-size: 14px;
}

.contact-form {
    background: #ffffff;
    border: 2px solid #eee;
}

.contact-form {
    padding: 10px 40px 55px;
}

.contact-form h3 {
    color: #202121;
}

.contact-form h3 {
    font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.contact-form p {
    line-height: 1.4em;
    font-size: 13px;
}

.contact-form p {
    color: #202121;
}

.contact-form form {
    margin-top: 40px;
}

.contact-form .form-group input {
    height: 45px;
    padding-left: 40px;
}

.contact-form .form-group .fa {
    color: #a7a9ac;
}

.contact-form .form-group .fa {
    position: absolute;
    top: 14px;
    left: 15px;
    font-size: 18px;
}

.contact-form .form-group textarea {
    padding-left: 40px;
    padding-top: 14px;
    height: 97px;
    border: 1px solid rgba(239, 234, 230, 1);
}

.contact-form button {
    font-size: 16px;
    margin-top: 25px;
}

.btn-orange,
.btn-orange:focus {
    background: #f26522;
    color: white;
}

.left-konten-book-hotel {
    background: #ffffff;
    border: 1px solid #cccccc;
    padding: 25px;
}

.left-konten-book-hotel h1 {
    font-size: 24px;
    margin-bottom: 25px;
}

.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}

.gototop.active {
    opacity: 1;
    visibility: visible;
}

.gototop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.gototop a {
    width: 50px;
    height: 50px;
    display: table;
    background: #f96d00;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.gototop a i {
    height: 50px;
    display: table-cell;
    vertical-align: middle;
}

.maps {
    position: relative;
    border-radius: 3px;
    overflow: hidden;
}

.maps button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.maps button:hover {
    cursor: pointer;
}

.star {
    color: #ff9f43;
}

.misc span {
    font-size: 14px;
    background: #f26522;
    color: white;
    line-height: 1;
    padding: 4.5px 5px;
    border-radius: 5px;
    margin-right: 5px;
}

.col.price {
    text-align: right;
    padding-right: 15px;
    max-width: 25%;
    position: relative;
}

.col.price {
    text-align: right;
}

.our-promo-area {}

.our-promo-area .single-slide:hover .item-padding {
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1)
}

.our-promo-area .single-slide:hover .slide-img .hover-state {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    visibility: visible
}

.our-promo-area .single-slide .item-padding {
    padding: 30px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    background-color: #ffffff;
    border: 0px solid #ddd9d9;
    height: 180px;
}

.penawaran-area {
    background: #ffffff;
}

.penawaran-area .single-slide {
    margin: 0 10px 27px
}

.penawaran-area .single-slide:hover .item-padding {
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1)
}

.penawaran-area .single-slide:hover .slide-img .hover-state {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    visibility: visible
}

.penawaran-area .single-slide .item-padding {
    background: #fff;
    padding: 30px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    border: 1px solid rgba(0, 0, 0, .125);
    height: 240px;
}

.promo-pematang-siantar {
    background: none;
}

.promo-pematang-siantar .single-slide {
    margin: 0 10px 27px
}

.promo-pematang-siantar .single-slide:hover .item-padding {
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1)
}

.promo-pematang-siantar .single-slide:hover .slide-img .hover-state {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    visibility: visible
}

.promo-pematang-siantar .single-slide .item-padding {
    background: #fff;
    padding: 30px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    border: 1px solid rgba(0, 0, 0, .125);
}

@media (max-width: 575.98px) {
    .our-promo-area .single-slide .item-padding {
        padding: 40px 20px;
        margin-bottom: 20px !important;
    }

    .promo-pematang-siantar .single-slide .item-padding {
        padding: 40px 20px
    }
}

.our-promo-area .single-slide .slide-img {
    position: relative;
    overflow: hidden;
    height: 40vh !important;
}

.our-promo-area .single-slide .slide-img .hover-state {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(1, 2, 14, 0.4);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden
}

.our-promo-area .single-slide .slide-img .hover-state i {
    color: #fff;
    font-size: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.ourpromo-slider.owl-carousel .owl-nav {
    display: none
}

.ourpromo-slider.owl-carousel .owl-dots {
    display: block;
    position: absolute;
    bottom: -30px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.ourpromo-slider.owl-carousel .owl-dots .owl-dot {
    width: 15px;
    height: 4px;
    background: #c6d0d4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin: 0 7px
}

.ourpromo-slider.owl-carousel .owl-dots .owl-dot.active {
    background: #f96d00;
}

.promo-pematang-siantar .single-slide .slide-img {
    position: relative;
    overflow: hidden
}

.promo-pematang-siantar .single-slide .slide-img .hover-state {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(1, 2, 14, 0.4);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden
}

.promo-pematang-siantar .single-slide .slide-img .hover-state i {
    color: #fff;
    font-size: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.ourpromo-slider.owl-carousel .owl-nav {
    display: none
}

.ourpromo-slider.owl-carousel .owl-dots {
    display: block;
    position: absolute;
    bottom: -30px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.ourpromo-slider.owl-carousel .owl-dots .owl-dot {
    width: 7px;
    height: 7px;
    background: #ebd4ae;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin: 0 7px
}

.ourpromo-slider.owl-carousel .owl-dots .owl-dot.active {
    background: #9e7734;
}

.offer-slider.owl-carousel .owl-nav {
    display: none
}

.offer-slider.owl-carousel .owl-dots {
    display: block;
    position: absolute;
    bottom: -30px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.offer-slider.owl-carousel .owl-dots .owl-dot {
    width: 15px;
    height: 4px;
    background: #c6d0d4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin: 0 7px
}

.offer-slider.owl-carousel .owl-dots .owl-dot.active {
    background: #f96d00;
}

.section-padding4 {
    padding: 60px 0 80px
}

.section-padding-offer {
    padding: 0px 0 40px
}

.pematang-siantar-padding4 {
    padding: 60px 0 80px;
}

.section-top {
    margin-bottom: 40px
}


.card {
    border: 0px;
}

.card.seasonal {
    border: 1px solid rgba(0, 0, 0, .125);
    margin-bottom: 40px !important;
}

.card.seasonal img {
    width: 100%;
    height: 30vh;
    min-height: 200px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.card.seasonal1 {
    border: 1px solid rgba(0, 0, 0, .125);
    margin-bottom: 10px !important;
    height: 470px;
}

.card.seasonal1 img {
    width: 100%;
    height: 30vh;
    min-height: 200px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.nearby-attraction {
    border: 1px solid rgba(0, 0, 0, .125);
    margin-bottom: 10px !important;
    height: 300px;
}

.nearby-attraction img {
    width: 100%;
    height: 30vh;
    min-height: 200px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.so--featured--offer--container {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(204, 204, 204, 1);
    -moz-box-shadow: 0px 1px 5px 0px rgba(204, 204, 204, 1);
    box-shadow: 0px 1px 5px 0px rgba(204, 204, 204, 1);
}

.card.karir {
    border: 1px solid #eee;
}

.card {
    border-radius: 0em !important;
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(0rem - 1px) !important;
    border-top-right-radius: calc(0rem - 1px) !important;
}

.img-event {
    border-bottom: 5px solid #f96d00;
}

.thumbnail.card.news:hover .img-event img {
    transform: scale(1.1);
}

.thumbnail.card.news .img-event img {
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.thumbnail.card.news .img-event {
    overflow: hidden;
}

.img-event {
    position: relative;
}

.img-ultima {
    border-bottom: 5px solid #d5ae72;
}

.thumbnail.card.ultima1:hover .img-ultima img {
    transform: scale(1.1);
}

.thumbnail.card.ultima1 .img-ultima img {
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.thumbnail.card.ultima1 .img-ultima {
    overflow: hidden;
}

.img-ultima {
    position: relative;
}

#list:hover {
    background-color: antiquewhite;
}

#grid:hover {
    background-color: antiquewhite;
}

.card.news {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    /*    border: 1px solid rgba(0, 0, 0, .125);*/
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    /*    border-radius: .25rem;*/
}

.card.ultima1 {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    /*    border: 1px solid rgba(0, 0, 0, .125);*/
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    /*    border-radius: .25rem;*/
}

.hotel_booking {
    background: #313a45 none repeat scroll 0 0;
    min-height: 94px;
    padding: 26px 10px;
    position: relative;
}

.hotel_booking_area::placeholder {
    color: #aab8ca;
    opacity: 1;
}

.search-hotel {
    margin-bottom: 200px;
}

#hotel-detail {
    position: relative;
    margin: 0 auto;
    top: 0px;
    left: 0px;
    width: 980px;
    height: 480px;
    overflow: hidden;
    visibility: hidden;
}

.block {
    padding: 40px 0;
    transform: translateZ(0);
    overflow: hidden;
}

section {
    position: relative;
}

section header {
    margin-bottom: 10px;
    margin-top: 40px;
}

.upcoming {}

.icons {
    display: table;
    line-height: 0;
    margin-top: 10px;
    padding: 30px 10px;
    text-align: justify;
    width: 100%;
}

.icons {
    line-height: 0;
    text-align: justify;
}

.icons .icon {
    display: table-cell;
    margin-bottom: 7px;
    position: relative;
    text-align: center;
    vertical-align: middle;
}

.icons .icon a {
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    padding: 10px;
}

.container img {
    max-width: 100%;
}

.modal-header {
    /*
    background: moz-linear-gradient(left, #d5ae72 0%, #f2af89 100%);
    background: -webkit-linear-gradient(left, #d5ae72 0%, #f2af89 100%);
    background: linear-gradient(to right, #d5ae72 0%, #f2af89 100%);
    border-bottom: 3px solid #d0ad6f;
*/

    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef !important;
    background-color: antiquewhite;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;

}

.modal-footer {
    background: moz-linear-gradient(left, #d5ae72 0%, #f2af89 100%);
    background: -webkit-linear-gradient(left, #d5ae72 0%, #f2af89 100%);
    background: linear-gradient(to right, #d5ae72 0%, #f2af89 100%);
    border-bottom: 3px solid #d0ad6f;
}

.modal-header h2 {
    font-size: 20px;
    color: #fff;
}

.modal-header .close {
    /*    background-color: antiquewhite;*/
}



.view-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 0;
    margin-bottom: 0;
}

.thumbnail {
    margin-bottom: 30px;
    padding: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.item.list-group-item {
    float: none;
    width: 100%;
    background-color: #fff;
    margin-bottom: 30px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 1rem;
    border: 0;
}

.item.list-group-item .img-event {
    float: left;
    width: 30%;
}

.item.list-group-item .list-group-image {
    margin-right: 10px;
}

.item.list-group-item .thumbnail {
    margin-bottom: 0px;
    display: inline-block;
}

.item.list-group-item .caption {
    float: left;
    width: 100%;
    margin: 0;
}

.item.list-group-item:before,
.item.list-group-item:after {
    display: table;
    content: " ";
}

.item.list-group-item:after {
    clear: both;
}

p.news {
    margin-top: 0;
    margin-bottom: 1rem;
}

.date ul,
.item .date ul {
    font-size: 11px;
}

.date ul li img {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    margin-right: 5px;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 220px;
    color: #fff;
    text-align: center;
}

.date ul {
    display: inline-block;
    list-style: none outside none;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    font-size: 12px;
}

.date ul li a,
.date ul li {
    color: rgb(130, 130, 130);
    letter-spacing: 0.7px;
    transition: all 0.4s ease 0s;
    display: inline-block;
}

.date ul li a span {
    color: #f26522;
    font-weight: 600;
}

h2.news {
    text-transform: capitalize;
    font-size: 18px;
    font-weight: normal;
}

h2.ultima-hotel {
    text-transform: capitalize;
    font-size: 14px;
    font-weight: normal;
}

a {
    color: #9e8a4c;
    text-decoration: none;
    background-color: transparent;
}

a.book-now {
    font-size: 11px;
    background: #ffffff;
    padding: 10px;
    color: #a5925a;
    font-weight: 600;
    border: 1px solid #c4d0d3;
    text-transform: uppercase;
}

a.book-now:hover {
    color: #ffffff;
    background: #d1ad6f;
    border: 1px solid #d1ad6f;
}

a:hover {
    color: #ffb20e;
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #f26522;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.content,
.sidebar {
    margin-top: 40px;
}

.post-thumbnail {
    position: relative;
}

.post-thumbnail img {
    width: 100%;
}

.post-thumbnail .social,
.paragraph-padding .social {
    position: absolute;
    top: 50px;
    margin: 0;
    margin-left: 0px;
    margin-left: -76px;
}

.sidebar .widget {
    margin-bottom: 40px;
}

form.search-form input[type="text"] {
    border: 1px solid #eeeeee;
    padding: 10px;
    color: #999999;
    font-size: 14px;
    text-transform: capitalize;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    outline: none;
    width: 100%;
    margin: 0 !important;
}

form.search-form button {
    font-size: 13px;
    color: #666666;
}

form.search-form button {
    background: transparent;
    border: none;
    position: absolute;
    top: 10px;
    right: 13px;
    padding: 0;
    font-size: 13px;
    color: #666666;
}

form.search-form {
    position: relative;
    margin: 0;
}

.title-section {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 30px;
}

.title-section h1 {
    color: #222222;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 30px;
    margin-bottom: 30px;
    text-transform: capitalize;
    margin-bottom: -1px;
}

.title-section h1 span {
    display: inline-block;
    padding-bottom: 16px;
    padding-right: 5px;
    border-bottom: 2px solid #f26522;
}

.sidebar ul.social-share {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.sidebar ul.social-share li {
    width: 46%;
    float: left;
    list-style: none;
    margin-right: 4%;
    margin-bottom: 10px;
    overflow: hidden;
    background: #fafafa;
}

.sidebar ul.social-share li a.linkedin::after {
    border: 4px solid #0073b1;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-top-color: transparent;
}

.sidebar ul.social-share li a::after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -4px;
    left: 100%;
    width: 0;
    height: 0;
}

.sidebar ul.social-share li a.linkedin {
    background: #0073b1;
}

.sidebar ul.social-share li a {
    display: inline-block;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    float: left;
    width: 40px;
    height: 40px;
    color: #ffffff;
    text-align: center;
    position: relative;
    line-height: 40px;
    font-size: 14px;
    margin-right: 16px;
}

.sidebar ul.social-share li {
    list-style: none;
}

.sidebar ul.social-share li span {
    display: block;
    margin: 0;
    margin-top: 0px;
    color: #999999;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
}

.sidebar ul.social-share li span.number {
    color: #333333;
    margin-top: 5px;
}

.sidebar ul.social-share li a:hover {
    opacity: 0.7;
}

.sidebar ul.social-share li a.facebook::after {
    border: 4px solid #436feb;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-top-color: transparent;
}

.sidebar ul.social-share li a.facebook {
    background: #436feb;
}

.sidebar ul.social-share li a.twitter::after {
    border: 4px solid #43c9eb;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-top-color: transparent;
}

.sidebar ul.social-share li a.twitter {
    background: #43c9eb;
}

.sidebar ul.social-share li a.google {
    background: #f14133;
}

.sidebar ul.social-share li a.google::after {
    border: 4px solid #f14133;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-top-color: transparent;
}

.h1,
h1 {
    font-size: 24px;
    font-family: 'Gisha', 'Helvetica', sans-serif;
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    /*    margin-top: 20px;*/
    margin-bottom: 10px;
    font-family: 'Gisha', 'Helvetica', sans-serif;
    /*    letter-spacing: 1px;*/
}

article p {
    font-family: montserrat, sans-serif;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 20px;
    line-height: 26px;
}

.left-padding {
    padding-left: 30px;
}

.img-news {
    /*    overflow: hidden;*/
    border-bottom: 5px solid #f26522;
}

.img-news img {}

.img-news .place {
    position: absolute;
    padding: 3px 8px;
    color: #fff;
    top: 160px;
    left: 100px;
    font-weight: 400;
    font-size: 13px;
    text-transform: uppercase;
}

.category-place {
    background: #f14133;
}

.blog-sidebar .widget {
    border: 1px solid rgba(0, 0, 0, 0.07);
}

.widget.recent-post {
    padding-bottom: 10px;
}

.widget.recent-post {
    padding: 5px 0px 20px 0px;
    padding-bottom: 30px;
}

.widget .widget-title {
    margin-top: 0;
}

.widget .widget-title {
    font-weight: 600;
    font-size: 24px;
}

.recent-post-item {
    position: relative;
    min-height: 80px;
    padding: 0;
}

.recent-post-item {
    padding: 5px 0;
}

.recent-post-item .thumb {
    position: absolute;
    left: 0;
    top: 15px;
}

.recent-post-item .konten {
    padding-left: 115px;
}

.recent-post-item .konten .time {
    color: #f26522;
    font-size: 12px;
}

.widget .widget-title {
    font-weight: 600;
}

.recent-post-item .konten .title {
    margin-top: 0;
}

.recent-post-item h4 {
    margin: 0;
    margin-top: 0px;
}

.recent-post-item .konten .title a {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
    color: #242424;
    text-align: left;
    text-transform: capitalize;
}

.recent-post-item h4 a {
    font-size: 15px;
    font-weight: 500;
    margin: 0;
    margin-bottom: 0px;
    color: #ff2d55;
    display: inline-block;
}


/* End */


/* Search Result Page */

.post-news {
    display: table;
    margin: 20px 0 30px;
    width: 100%;
}

.post-news img,
.latest-com img {
    display: table-cell;
    vertical-align: middle;
}

.post-news-detail,
.latest-com-detail {
    display: table-cell;
    padding-left: 30px;
    vertical-align: middle;
}

.post-news-detail h3 {
    margin-top: 0;
    font-size: 20px;
}

.post-news .btn-style {
    padding: 6px 15px;
    font-size: 11px;
    margin-top: 15px;
}

.btn-style:hover {
    border: 2px solid #f26522;
    background-color: transparent;
    color: #f26522;
}

.post-news p {
    margin-bottom: 0;
}

.btn-style {
    color: #FFF;
    background-color: #f26522;
    border: 2px solid #f26522;
    border-radius: 30px;
    font-weight: 700;
    padding: 8px 25px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

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

.content-meta {
    font-size: 14px;
    color: #44494b;
}

.content-meta > span {
    padding-right: 1.0714285714285714em;
}

.content-meta > span > a {
    white-space: nowrap;
}

.job-type.contract {
    color: #f26522;
}

.job-type.contract a {
    color: #44494b;
}

.content-meta > span i {
    padding-right: 5px;
}

.error-404-wrapper h4 {
    font-size: 28px;
}

.error-404-wrapper h1 {
    color: #ff5951;
    font-size: 120px;
    line-height: 86px;
    margin-bottom: 60px;
    font-weight: 800;
}

.error-404-wrapper .home-back-button {
    background: #f26522;
    border-radius: 35px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    padding: 0 30px;
    margin: 30px auto;
    text-transform: uppercase;
    -webkit-transition: 0.4;
    transition: 0.4;
}

.error-404-wrapper .home-back-button:hover {
    background: #ff5951;
}

.padding-top-bottom {
    padding: 80px 0;
}

.page-content {
    min-height: 100vh;
}


/*** Responsive
-------------------------------------------*/

@media(min-width:0px) and (max-width:767px) {
    .post-news img {
        width: 100%;
    }

    .post-news-detail {
        padding-left: 0;
        display: inherit;
    }

    .latest-com img {
        width: auto;
    }

    .post-news-detail h3 {
        font-size: 18px;
        margin-top: 15px;
    }

    .header .header-top .header-phone,
    .header .header-top .header-email,
    .header .header-top .header-login,
    .header .header-top .header-register,
    .header .header-top .header-bahasa {
        font-size: 12px;
        padding: 3px 5px;
        color: #fff;
        border-right: 0px solid #eee;
        float: right;
    }

    .header .header-top .header-phone i,
    .header .header-top .header-email i,
    .header .header-top .header-login i,
    .header .header-top .header-register i,
    .header .header-top .header-bahasa i {
        font-size: 10px;
        margin-right: 5px;
        color: #fff;
    }

    .header .header-top .header-login i {
        margin-left: 0px;
    }

    .col-lg-4 .col-md-4 .col-sm-12 .col-xs-12 {
        margin: 0 auto;
    }

    .top-kiri {
        float: right;
    }

    .nav-tabs .nav-item {
        width: 100%;
        margin-left: 0px;
        padding: 5px;
    }

    .nav-tabs {
        margin-left: 0px;
    }

    .nav-tabs .nav-link.active {
        padding-bottom: 20px;
        border-bottom: 1px solid #e2dcd5;
    }

    .modal-header {
        padding: 0.5rem 0.5rem;
        border-bottom: 1px solid #e9ecef;
    }

    .modal-header .close {
        padding: 0.5rem 0.5rem;
        margin: -0.5rem -0.5rem -0.5rem auto;
    }

    .modal-header h2 {
        font-size: 14px;
        color: #fff;
        text-align: center;
    }

    .h1,
    .h2,
    .h3,
    h1,
    h2,
    h3 {
        margin-top: 20px !important;
        margin-bottom: 10px;
        margin-right: 20px;
    }

    p {
        margin-right: 20px;
    }

    .penawaran a,
    .penawaran1 a {
        margin-right: 20px;
    }

    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="inputname"],
    input[type="name"],
    input[type="inputuser"] {
        margin-bottom: 0px;
    }

    .divider-bottom p {
        text-align: center;
        margin-top: 20px;
    }

    .divider-bottom {
        border-right: 0px solid #a8a8a8;
    }

    .header-top {
        text-align: center;
    }

    .header {
        text-align: center;
    }

    .kiri-header {
        text-align: center;
    }

    .center {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .penawaran {
        float: right;
        width: 100% !important;
        text-align: right;
        padding: 30px 0px 30px 30px;
    }

    #intro h2 {
        font-size: 28px !important;
    }

    .penawaran1 {
        float: right;
        width: 100% !important;
        text-align: right;
        padding: 30px 0px 30px 30px;
    }

    .about-horison {
        float: right;
        width: 100% !important;
        text-align: right;
        padding: 30px 0px 30px 30px;
        color: #ffffff;
    }
}

@media(min-width:768px) and (max-width:1199px) {
    .post-news img {
        height: 150px;
        width: 200px;
    }

    .latest-com img {
        width: 60px;
        height: 60px;
    }

    .post-news-detail {
        padding-left: 20px;
    }

    .post-news-detail h3 {
        font-size: 17px;
    }

    .header .header-top .header-phone,
    .header .header-top .header-email,
    .header .header-top .header-login,
    .header .header-top .header-register,
    .header .header-top .header-bahasa {
        font-size: 12px;
        padding: 3px 5px;
        color: #fff;
        border-right: 0px solid #eee;
        float: left;
    }

    .header .header-top .header-phone i,
    .header .header-top .header-email i,
    .header .header-top .header-login i,
    .header .header-top .header-register i,
    .header .header-top .header-bahasa i {
        font-size: 12px;
        margin-right: 5px;
        color: #fff;
    }

    .header .header-top .header-login i {
        margin-left: 0px;
    }

    .social-links a {
        display: inline-block;
        padding: 0 3px;
        line-height: 50px;
        font-size: 12px;
        color: #c6b275;
    }

    .nav-item::after {
        background: none;
    }

    .dropdown-item > .dropdown-menu {
        top: 10px;
        left: 100%;
        margin-top: -27px;
        margin-left: 83px;
        padding: 0;
        border-bottom: 0;
    }

    .dropdown-menu {
        border: 0px solid rgba(0, 0, 0, .15);
        margin-top: 0px;
    }

    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="inputname"],
    input[type="name"],
    input[type="inputuser"] {
        margin-bottom: 0px;
    }

    .modal-header {
        padding: 0.5rem 0.5rem;
        border-bottom: 1px solid #e9ecef;
    }

    .modal-header .close {
        padding: 0.5rem 0.5rem;
        margin: -0.5rem -0.5rem -0.5rem auto;
    }

    .modal-header h2 {
        font-size: 14px;
        color: #fff;
        text-align: center;
    }

    .h1,
    .h2,
    .h3,
    h1,
    h2,
    h3 {
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .dark-overlay1 {
        position: absolute;
        background-color: rgba(134, 117, 65, 0.7);
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .heading-facilities {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
}

@media(min-width:1024px) and (max-width:1199px) {
    .videoWrapper-1 {
        padding-bottom: 63%;
    }

    .owl-dots {
        display: none;
    }
}

#gall-hotel {
    height: 100%;
    position: relative;
    overflow: hidden;
}

.thumb {
    margin-bottom: 30px;
}

.page-top {
    margin-top: 55px;
}

img.zoom {
    width: 100%;
    height: 200px;
    border-radius: 0px;
    object-fit: cover;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}

.transition {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.modal-header {
    border-bottom: none;
}

.modal-title {
    color: #000;
}

.modal-footer {
    display: none;
}

span.required {
    color: #ff0000;
}

.fade-carousel {
    position: relative;
    height: 100vh;
}

.fade-carousel .carousel-inner .item {
    height: 100vh;
}

.fade-carousel .carousel-indicators > li {
    margin: 0 2px;
    background-color: #f39c12;
    border-color: #f39c12;
    opacity: .7;
}

.fade-carousel .carousel-indicators > li.active {
    width: 10px;
    height: 10px;
    opacity: 1;
}


/********************************/


/*          Hero Headers        */


/********************************/

.overlay {
    font-family: "Lato", sans-serif;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: -9999999;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.85);
    overflow-x: hidden;
    transition: 0.5s;
}

.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .75);
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

.hero h1 {
    font-size: 6em;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
    -moz-transition: 2s all ease-in-out .1s;
    -ms-transition: 2s all ease-in-out .1s;
    -o-transition: 2s all ease-in-out .1s;
    transition: 2s all ease-in-out .1s;
}

.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
    -moz-transition: 2s all ease-in-out .1s;
    -ms-transition: 2s all ease-in-out .1s;
    -o-transition: 2s all ease-in-out .1s;
    transition: 2s all ease-in-out .1s;
}

.block__image,
.block__wrapper {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.find-out-more-button {
    display: inline-block;
    background-color: #a2cf8d;
    padding: 12px 18px;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 20px;
    transition: all 0.5s;
}

#page-destinations {
    background: url(../images/destination-header3.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
    display: block;
    position: relative;
    z-index: 120;
}

#page-world-of-horison {
    background: url(../images/world-of-horison-header.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
    display: block;
    position: relative;
    z-index: 120;
}

#page-world-of-horison::after {
    background-image: url(../images/dot.png);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

#page-destinations::after {
    background-image: url(../images/dot.png);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

.page-destinations-dalam::before {
    background: linear-gradient(to right, rgba(23, 19, 19, 1) 0%, rgba(23, 19, 19, 1) 16%, rgba(23, 19, 19, 0.6) 36%, rgba(23, 19, 19, 0) 54%, rgba(23, 19, 19, 0) 100%);
}

.page-destinations-dalam::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.page-destinations-dalam {
    color: white;
}

.page-destinations-dalam {
    padding: 150px 0px;
    position: relative;
}

.page-destinations-dalam h1 {
    font-size: 36px;
    font-weight: normal;
    margin-bottom: 6px;
}

.page-destinations-dalam .breadcrumb {
    background: none;
}

.page-destinations-dalam .breadcrumb {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    font-weight: 300;
}

.page-destinations .breadcrumb li a {
    color: #212020;
}

.page-destinations-dalam .breadcrumb li a {
    text-decoration: none;
}

.page-destinations-dalam .breadcrumb > li + li::before,
.page-destinations-dalam .breadcrumb li.active {
    color: #ffffff;
}

.page-destinations-dalam .breadcrumb {
    font-size: 14px;
    font-weight: 300;
}

#page-loyalty-card {
    background: url(../images/loyalty-card1.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
    display: block;
    position: relative;
    z-index: 120;
}




#page-flassbook {
    background: url(../images/flassbook.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
    display: block;
    position: relative;
    z-index: 120;
}

#page-loyalty-card::after {
    background-image: url(../images/dot.png);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}


#page-jagodetabek {
    background: url(../images/destinasi-hotel/jakarta/skyline-Jakarta-Indonesia.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
    display: block;
    position: relative;
    z-index: -1;
}

#page-jagodetabek::after {
    background-image: url(../images/dot.png);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

#page-ultima-bekasi {
    background: url(../images/destinasi-hotel/jakarta/horison-ultima-bekasi.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
    display: block;
    position: relative;
    z-index: -1;
}



#page-ultima-bekasi::after {
    background-image: url(../images/dot.png);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

/*
#page-jagodetabek::after {
    background-image: url(../images/dot.png);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}
*/

.page-jagodetabek-region h1 {
    font-size: 32px;
    font-weight: normal;
    margin-bottom: 6px;
    position: relative;
    bottom: 0px;
}

#page-flassbook::after {
    background-image: url(../images/dot.png);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

#page-press-room {
    background: url(../images/press-release-header.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
    display: block;
    position: relative;
    z-index: 120;
}

#page-press-room::after {
    background-image: url(../images/dot.png);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

.page-loyalty-card-dalam::before {
    background: linear-gradient(to bottom, rgba(23, 19, 19, 1) 0%, rgba(23, 19, 19, 1) 16%, rgba(23, 19, 19, 0.6) 36%, rgba(23, 19, 19, 0) 54%, rgba(23, 19, 19, 0) 100%);
}

.page-flassbook-dalam::before {
    background: linear-gradient(to right, rgba(23, 19, 19, 1) 0%, rgba(23, 19, 19, 1) 16%, rgba(23, 19, 19, 0.6) 36%, rgba(23, 19, 19, 0) 54%, rgba(23, 19, 19, 0) 100%);
}

.page-loyalty-card-dalam::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.page-flassbook-dalam::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.page-loyalty-card-dalam {
    color: white;
}

.page-flassbook-dalam {
    color: white;
}

.page-loyalty-card-dalam {
    padding: 150px 0px;
    position: relative;
}

.page-flassbook-dalam {
    padding: 150px 0px;
    position: relative;
}

.page-loyalty-card-dalam h1 {
    font-size: 32px;
    font-weight: normal;
    margin-bottom: 6px;
}

.page-flassbook-dalam h1 {
    font-size: 32px;
    font-weight: normal;
    margin-bottom: 6px;
}

.page-loyalty-card-dalam .breadcrumb {
    background: none;
}

.page-flassbook-dalam .breadcrumb {
    background: none;
}

.page-loyalty-card-dalam .breadcrumb {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    font-weight: 300;
}

.page-flassbook-dalam .breadcrumb {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    font-weight: 300;
}

.page-loyalty-card .breadcrumb li a {
    color: #212020;
}

.page-flassbook .breadcrumb li a {
    color: #212020;
}


.page-loyalty-card-dalam .breadcrumb li a {
    text-decoration: none;
}

.page-flassbook-dalam .breadcrumb li a {
    text-decoration: none;
}

.page-loyalty-card-dalam .breadcrumb li a {
    color: #c6b275;
}

.page-flassbook-dalam .breadcrumb li a {
    color: #c6b275;
}

.page-loyalty-card-dalam .breadcrumb > li + li::before,
.page-loyalty-card-dalam .breadcrumb li.active {
    color: #ffffff;
}

.page-flassbook-dalam .breadcrumb > li + li::before,
.page-flassbook-dalam .breadcrumb li.active {
    color: #ffffff;
}

.page-loyalty-card-dalam .breadcrumb {
    font-size: 14px;
    font-weight: 300;
}

.page-flassbook-dalam .breadcrumb {
    font-size: 14px;
    font-weight: 300;
}

.promo-ramadhan {
    background: url(../images/banner-ramadhan2.jpg) 50% 50%;
    background-size: cover;
    min-height: 211px;
    width: 100%;
}

.find-more {
    position: relative;
    bottom: -10px;
    left: 0;
    right: 0;
}

.find-more a {
    color: #ffffff;
}

h2.title-inside {
    font-weight: normal;
    font-size: 30px;
    font-family: 'Cinzel-Bold', 'Helvetica', sans-serif;
}

#page-penawaran {
    background: url(../images/new-adventure-world.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
    min-height: 250px;
    border-image: linear-gradient(to left, #b18435 0%, #e7c791 70%);
    border-image-slice: 1;
    box-sizing: border-box;
    border-bottom: 3px solid #eee;
}

.page-penawaran-dalam::before {
    background: linear-gradient(to left, rgba(23, 19, 19, 1) 0%, rgba(23, 19, 19, 1) 16%, rgba(23, 19, 19, 0.6) 36%, rgba(23, 19, 19, 0) 54%, rgba(23, 19, 19, 0) 100%);
}

.page-penawaran-dalam::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.page-penawaran-dalam {
    color: white;
}

.page-penawaran-dalam {
    position: relative;
}

.penawaran {
    float: right;
    width: 50%;
    text-align: right;
    padding: 45px 0px 30px 30px;
}

.page-penawaran h1 {
    font-size: 32px;
    font-weight: normal;
    margin-bottom: 6px;
    position: absolute;
    right: 0;
    margin-top: 25px;
    padding-bottom: 15px;
}

.page-penawaran p {
    font-size: 18px;
    font-weight: normal;
    text-align: right;
    line-height: 24px;
    position: absolute;
    right: 0;
    padding-top: 30px;
}

#page-penawaran1 {
    background: url(../images/header-sustainable.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
    min-height: 250px;
    border-image: linear-gradient(to left, #b18435 0%, #e7c791 70%);
    border-image-slice: 1;
    box-sizing: border-box;
    border-bottom: 3px solid #eee;
}

.page-penawaran-dalam1::before {
    background: linear-gradient(to left, rgba(23, 19, 19, 1) 0%, rgba(23, 19, 19, 1) 16%, rgba(23, 19, 19, 0.6) 36%, rgba(23, 19, 19, 0) 54%, rgba(23, 19, 19, 0) 100%);
}

.page-penawaran-dalam1::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.page-penawaran-dalam1 {
    color: white;
}

.page-penawaran-dalam1 {
    position: relative;
}

.penawaran1 {
    float: right;
    width: 50%;
    text-align: right;
    padding: 45px 0px 30px 30px;
}

.page-penawaran1 h1 {
    font-size: 32px;
    font-weight: normal;
    margin-bottom: 6px;
    position: absolute;
    right: 0;
    margin-top: 25px;
    padding-bottom: 15px;
}

.page-penawaran1 p {
    font-size: 18px;
    font-weight: normal;
    text-align: right;
    line-height: 24px;
    position: absolute;
    right: 0;
    padding-top: 30px;
}

.page-about-horison1::before {
    background: linear-gradient(to right, rgba(23, 19, 19, 1) 0%, rgba(23, 19, 19, 1) 16%, rgba(23, 19, 19, 0.6) 36%, rgba(23, 19, 19, 0) 54%, rgba(23, 19, 19, 0) 100%);
}

.about-horison {
    float: right;
    width: 45%;
    text-align: right;
    padding: 30px 0px 30px 30px;
}

.konten-wrapper {
    padding-top: 20px;
}

#page-promo-ramadhan {
    background: url(../images/header-promo-ramadhan.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
    display: block;
    position: relative;
    z-index: 120;
}

#page-promo-ramadhan::after {
    background-image: url(../images/dot.png);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}


#page-about-horison1 {
    background: url(../images/about-us-header.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
    display: block;
    position: relative;
    z-index: 120;
}

#page-about-horison1::after {
    background-image: url(../images/dot.png);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

#page-concept {
    background: url(../images/concept-header.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
    background-size: auto;
    background-size: cover;
    display: block;
    position: relative;
    z-index: 120;
}

#page-concept::after {
    background-image: url(../images/dot.png);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

#page-upcoming-development {
    background: url(../images/upcoming-development-header3.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
    display: block;
    position: relative;
    z-index: 120;
}

#page-upcoming-development::after {
    background-image: url(../images/dot.png);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

#page-sustainable-tourism {
    background: url(../images/header-sustainable.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
}

#page-sustainable-tourism::after {
    background-image: url(../images/dot.png);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

#page-csr-horison {
    background: url(../images/press-release-header1.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
    display: block;
    position: relative;
    z-index: 120;
}

#page-horison-peduli-donggala {
    background: url(../images/header-donggala-sigi-palu.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
    display: block;
    position: relative;
    z-index: 120;
}

#page-horison-peduli-donggala::after {
    background-image: url(../images/dot.png);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

#page-csr-horison::after {
    background-image: url(../images/dot.png);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

#page-paket-info {
    background: url(../images/paket-destinasi/snow-world-header.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
    display: block;
    position: relative;
    z-index: 120;
}

#page-destinasi-info {
    background: url(../images/header-destinasi-seminyak.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
    display: block;
    position: relative;
    z-index: 120;
}

#page-destinasi-info::after {
    background-image: url(../images/dot.png);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

#page-destinasi-tasikmalaya {
    background: url(../images/header-tasikmalaya1.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
    display: block;
    position: relative;
    z-index: 120;
}

#page-destinasi-tasikmalaya::after {
    background-image: url(../images/dot.png);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

#page-destinasi-pematang-siantar {
    background: url(../images/header-pematang-siantar.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
    display: block;
    position: relative;
    z-index: 120;
}

#page-destinasi-pematang-siantar::after {
    background-image: url(../images/dot.png);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

#page-destinasi-ratu-serang {
    background: url(../images/experience-slider/header-ratu-serang.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
    display: block;
    position: relative;
    z-index: 120;
}

#page-destinasi-ratu-serang::after {
    background-image: url(../images/dot.png);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

#page-destinasi-bandung {
    background: url(../images/header-bandung.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
    display: block;
    position: relative;
    z-index: 120;
}

#page-destinasi-bandung::after {
    background-image: url(../images/dot.png);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

#page-destinasi-metland {
    background: url(../images/metland-cirebon.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
    display: block;
    position: relative;
    z-index: 120;
}

#page-destinasi-metland::after {
    background-image: url(../images/dot.png);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

#page-destinasi-azza {
    background: url(../images/azza-palembang.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
    display: block;
    position: relative;
    z-index: 120;
}

#page-destinasi-azza::after {
    background-image: url(../images/dot.png);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

#page-destinasi-riss-yogya {
    background: url(../images/riss-yogya-header.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
    display: block;
    position: relative;
    z-index: 120;
}

#page-destinasi-riss-yogya::after {
    background-image: url(../images/dot.png);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

#page-paket-info::after {
    background-image: url(../images/dot.png);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

#page-seasonal-surprises {
    background: url(../images/header-seasonal-surprises-top.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
    display: block;
    position: relative;
    z-index: 120;
}

#page-seasonal-surprises::after {
    background-image: url(../images/dot.png);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

#page-leadership {
    background: url(../images/leadership1.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
    display: block;
    position: relative;
    z-index: 120;
}

#page-leadership::after {
    background-image: url(../images/dot.png);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

.page-about-horison2::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.page-about-horison2::before {
    background: linear-gradient(to left, rgba(226, 220, 213, 1) 0%, rgba(226, 220, 213, 1) 26%, rgba(226, 220, 213, 0.6) 46%, rgba(226, 220, 213, 0) 64%, rgba(226, 220, 213, 0) 100%);
}

#page-about-horison {
    background: url(../images/about-horison1.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
    border-image: linear-gradient(to right, #b18435 0%, #e7c791 70%);
    border-image-slice: 1;
    box-sizing: border-box;
    border-bottom: 3px solid #eee;
}

.page-about-horison::before {
    background: linear-gradient(to right, rgba(23, 19, 19, 1) 0%, rgba(23, 19, 19, 1) 16%, rgba(23, 19, 19, 0.6) 36%, rgba(23, 19, 19, 0) 54%, rgba(23, 19, 19, 0) 100%);
}

.page-about-horison::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.page-about-horison {
    color: white;
}

.page-about-horison {
    padding: 150px 0px;
    position: relative;
}

.page-about-horison h1 {
    font-size: 32px;
    font-weight: normal;
    margin-bottom: 6px;
}

.page-about-horison .breadcrumb {
    background: none;
}

.page-about-horison .breadcrumb {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    font-weight: 300;
}

.page-about-horison .breadcrumb li a {
    color: #c6b275;
}

.page-about-horison .breadcrumb li a {
    text-decoration: none;
}

.page-about-horison .breadcrumb > li + li::before,
.page-about-horison .breadcrumb li.active {
    color: white;
}

.page-about-horison .breadcrumb {
    font-size: 14px;
    font-weight: 300;
}

#page-join-team {
    background: url(../images/join-team2.jpg) 10% 10%;
    background-size: auto;
    background-size: cover;
    display: block;
    position: relative;
    z-index: 120;
}

#page-join-team::after {
    background-image: url(../images/dot.png);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.9;
    z-index: -1;
}

.page-join-team::before {
    background: linear-gradient(to right, rgba(23, 19, 19, 1) 0%, rgba(23, 19, 19, 1) 16%, rgba(23, 19, 19, 0.6) 36%, rgba(23, 19, 19, 0) 54%, rgba(23, 19, 19, 0) 100%);
}

.page-join-team::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.page-join-team {
    color: white;
}

.page-join-team {
    padding: 150px 0px;
    position: relative;
}

.page-join-team h1 {
    font-size: 32px;
    font-weight: normal;
    margin-bottom: 6px;
}

.page-join-team .breadcrumb {
    background: none;
}

.page-join-team .breadcrumb {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    font-weight: 300;
}

.page-join-team .breadcrumb li a {
    color: #c6b275;
}

.page-join-team .breadcrumb li xa {
    text-decoration: none;
}

.page-join-team .breadcrumb > li + li::before,
.page-join-team .breadcrumb li.active {
    color: white;
}

.page-join-team .breadcrumb {
    font-size: 14px;
    font-weight: 300;
}

#page-booking-hotel {
    background: url(../images/payment-method.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
}

#page-booking-hotel1 {
    background: url(../images/book-hotel.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
}

#page-shopping-cart {
    background: url(../images/shopping-cart.jpg) 50% 50%;
    background-size: auto;
    background-size: cover;
}

.page-booking-hotel::before {
    background: linear-gradient(to right, rgba(23, 19, 19, 1) 0%, rgba(23, 19, 19, 1) 16%, rgba(23, 19, 19, 0.6) 36%, rgba(23, 19, 19, 0) 54%, rgba(23, 19, 19, 0) 100%);
}

.page-booking-hotel::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.page-booking-hotel {
    color: white;
}

.page-booking-hotel {
    padding: 150px 0px;
    position: relative;
}

.page-booking-hotel h1 {
    font-size: 32px;
    font-weight: normal;
    margin-bottom: 6px;
}

.page-booking-hotel .breadcrumb {
    background: none;
}

.page-booking-hotel .breadcrumb {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    font-weight: 300;
}

.page-booking-hotel .breadcrumb li a {
    color: #c6b275;
}

.page-booking-hotel .breadcrumb li a {
    text-decoration: none;
}

.page-booking-hotel .breadcrumb > li + li::before,
.page-booking-hotel .breadcrumb li.active {
    color: white;
}

.page-booking-hotel .breadcrumb {
    font-size: 14px;
    font-weight: 300;
}

.destinations ul li a {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #202121;
    line-height: 32px;
}

.destinations ul li a:hover {
    color: #837034;
    transition: all 4ms;
}

/*
.destinations {
    margin-bottom: 50px;
}
*/

h1.destinations {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    margin-top: 20px;
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
}

.nomargin {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

#offering-heading {
    position: relative;
    min-height: 250px;
    background: url("../images/destinations-header.jpg");
    background-repeat: repeat;
    background-size: auto;
    background-size: cover;
    background-position: bottom;
}

#offering-heading .offering-konten {
    text-align: right;
    color: #fff;
    float: right;
    width: 40%;
    margin-top: 40px;
    margin-right: 20px;
}

#offering-heading1 {
    position: relative;
    min-height: 250px;
    background: url("../images/destinations-header1.jpg");
    background-repeat: repeat;
    background-size: auto;
    background-size: cover;
    background-position: bottom;
}

#offering-heading1 .offering-konten {
    text-align: right;
    color: #fff;
    float: right;
    width: 40%;
    margin-top: 40px;
    margin-right: 20px;
}

#intro .carousel-indicators li {
    cursor: pointer;
}

.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 40px;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

#penawaran.list {
    margin: 0 0 62px;
}

#penawaran.list .item {
    margin-bottom: 30px;
}

.list .item {
    position: relative;
}

#penawaran.list .item::before {
    content: "";
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    border: 1px solid #E5E5E5;
    background: #FFF;
    position: absolute;
    top: -6px;
    left: -6px;
}

#penawaran.list .item .imgcontainer {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.list .item img {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
}

.list .item .details {
    width: 380px;
    height: 100%;
    font: 14px/25px 'Open Sans', sans-serif;
    text-align: center;
    letter-spacing: .4px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

#penawaran.list .item .details::before {
    background: #EEE;
}

#penawaran.list .item a {
    color: #000;
}

.list .item a {
    width: 100%;
    height: 100%;
    padding: 40px;
    color: #FFF;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
}

.list .item .details .title {
    margin-bottom: 15px;
    font: bold 25px/30px 'Open Sans', sans-serif;
    text-transform: none;
    letter-spacing: 0;
}

.list .item .details * {
    position: relative;
    z-index: 1;
}

.list .item .details .title span {
    margin-top: 2px;
    font: bold 14px/22px 'Open Sans', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: block;
}

.about-us-page-grid > .row > div {
    padding: 0;
}

.about-us-page-grid > .row {
    margin: 0;
}

.about-us-page-grid_wrapper {
    overflow: hidden;
}

.about-us-page-grid_wrap {
    overflow: hidden;
    position: relative;
}

.about-us-page-grid_wrap .about_img img {
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.about-us-page-grid_wrap .about_img:hover img {
    -webkit-transform: scale(1.19);
    -ms-transform: scale(1.19);
    transform: scale(1.19);
}

.about-us-page-grid_wrap::hover {
    background-color: antiquewhite;
}

.about-us-page-grid_wrap .about-us-page-grid img {
    width: 100% !important;
    height: auto;
}

.about-us-page-grid .block__content {
    width: 100% !important;
    margin-left: unset;
}

.about-us-page-grid .block__container {
    position: absolute;
    right: 1.5rem;
    bottom: 0;
    left: 1.5rem;
    z-index: 1;
}

.about-us-page-grid .block__title {
    font-size: 24px !important;
    font-weight: 600;
    letter-spacing: 0px;
}

.about-us-page-grid .block__title {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100;
}

a .about-us-page-grid .block__title h2 {
    position: relative;
    color: #ffffff;
}

.about-us-page-grid .block__title p {
    display: block;
    opacity: 0.7;
}

.about-us-page-grid_wrap .container {
    position: relative;
    text-align: center;
}

.centered {
    position: absolute;
    /*    top: 50%;*/
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}

.centered a {
    color: #fff !important;
    font-size: 24px;
    text-align: center;
    font-weight: 400;
}

.centered a:hover {
    color: #837034 !important;
}

.centered p {
    color: #c6b275 !important;
    font-size: 16px;
    text-align: center;
}

.centered-1 {
    position: absolute;
    /*    top: 50%;*/
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}

.centered-1 span {
    color: #fff !important;
    font-size: 22px;
    text-align: center;
    font-weight: 400;
}

.centered-1 a:hover {
    color: #837034 !important;
}

.centered-1 p {
    color: #ffffff !important;
    font-size: 14px;
    text-align: center;
}

.about-us-page-grid_wrap:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 50%;
    background-color: rgba(0, 0, 0, 0.2);
    background: linear-gradient(transparent, transparent 1%, black);
    bottom: 0;
}

img.ultima-hotel {
    width: 100%;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    z-index: 10000;
    transition: all 0.2s ease-in-out;
    height: 70px;
    background-color: transparent;
    text-align: center;
    line-height: 40px;
}

.header.active {
    /*    background-color: rgba(0, 0, 0, 0.85);*/
    /*border-bottom: 10px solid transparent;
    border-image: linear-gradient(to right, #b18435 0%, #e7c791 70%);
    border-image-slice: 1;*/

    /*        background: linear-gradient(to right, #ffffff 0%, #e7c791 100%);*/
    background-color: #e7c791;
    box-sizing: border-box;
    /*    border-bottom: 2px solid #cfac71;*/

    /*
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
*/
    /*
    -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.35);
*/
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

.footer-section {
    /*
    background: linear-gradient(to left, #ffffff 0%, #e7c791 100%);
    -webkit-background: linear-gradient(to left, #ffffff 0%, #e7c791 100%);
    -moz-background: linear-gradient(to left, #ffffff 0%, #e7c791 100%);
*/
    /*    background-color: #e7c791;*/
    /*    background-image: radial-gradient(circle 755px at 10.1% 95.3%, rgba(242, 188, 141, 1) 0%, rgba(242, 159, 141, 1) 100.2%);*/
    /*    background: linear-gradient(to right, #ffffff 0%, #e7c791 100%);*/
    background-color: #e7c791;
}

.footer-section-bottom {
    /*    background-image: radial-gradient(circle 755px at 10.1% 95.3%, rgba(242, 188, 141, 1) 0%, rgba(242, 159, 141, 1) 100.2%);*/
    background-color: #c6b275;
}


.no-gutter.row,
.no-gutter.container,
.no-gutter.container-fluid {
    margin-left: 0;
    margin-right: 0;
}

.no-gutter > [class^="col-"] {
    padding-left: 0;
    padding-right: 0;
}

.navbar-brand .logo {
    margin-top: 0px;
    background-image: url(../images/myhorison-logo-new-white.png);
    display: inline-block;
    width: 244px;
    height: 49px;
    background-repeat: no-repeat;
    /*    margin-left: 60px;*/
}

.header.active .navbar-brand .logo {
    margin-top: 0px;
    background-image: url(../images/myhorison-logo-new.png);
    display: inline-block;
    width: 244px;
    height: 49px;
    background-repeat: no-repeat;
}

#main-nav {
    background-color: transparent;
    background-image: none !important;
}

.header .navbar-brand {
    font-weight: 900;
}

.navbar-inverse {
    background-image: none;
    background-color: transparent;
}

.profile-photo {
    width: 95%;
    height: 95%;
    width=500px;
    height=500px;
}

#about-us {
    background-color: #efebea;
}

.full-width {
    width: 100% !important;
}

.no-gutter {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.sub-title {
    font-size: 16px;
    color: #444;
    position: relative;
    top: -80%;
    width: 100%;
}

.sub-title-inside {
    background-color: #fff;
    padding: 5px 10px;
    position: absolute;
    top: -80px;
    left: 40px;
}

.sub-title1 {
    font-size: 16px;
    color: #444;
    position: relative;
    top: -80%;
    width: 100%;
}

.sub-title-inside1 {
    background-color: #fff;
    padding: 5px 10px;
    position: absolute;
    left: 40px;
    top: -40px;
}

.feature-layanan {
    margin-top: 20px;
    margin-bottom: 20px;
}

.feature-layanan-inside {
    background-color: #efebea;
    font-size: 12px;
    padding: 0 5px;
    margin-right: 5px;
    margin-top: 5px;
    float: left;
    font-weight: 500;
}

span.packages {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    background: #c6b275;
    padding: 5px 10px 5px 10px;
}

.booking-inside {
    font-size: 16px;
    display: inline-flex;
    margin-top: 30px;
    margin-bottom: 10px;
    /*    width: 100%;*/
}

.booking-inside1 {
    color: #00A1EE;
    font-size: 16px;
    display: flex;
    margin-top: 140px;
    margin-bottom: 10px;
    width: 100%;
}

/*
.shadow-sm {
    box-shadow: 0 .0rem .0rem rgba(0, 0, 0, .00) !important;
}
*/

p {
    font-weight: normal;
}

p.horison-peduli {
    margin-bottom: 20px;
}

p.footer {
    font-size: 14px;
    font-weight: normal;
}

.profile-photo {
    width: 100%;
    height: auto;
}

.promo-dan-penawaran {
    color: #444;
    font-size: 16px;
    margin-top: 10px;
}

.disc {
    list-style-type: disc;
    list-style-position: inside;
    margin-left: 10px;
    font-size: 16px;
    font-weight: normal;
}

ul.loyalty-card {
    display: block;
    list-style-type: decimal;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
    font-size: 16px;
    font-weight: normal;
}


/* Back to top button */

.back-to-top {
    position: fixed;
    display: none;
    background: #18d26e;
    color: #fff;
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 1;
    font-size: 16px;
    border-radius: 50%;
    right: 15px;
    bottom: 15px;
    transition: background 0.5s;
    z-index: 11;
}

.back-to-top i {
    padding-top: 12px;
    color: #fff;
}

.owl-theme .owl-dots .owl-dot {
    outline: none !important;
}

@media only screen and (max-width: 812px) {
    .navbar-light .navbar-toggler {
        color: rgba(0, 0, 0, .5);
        border-color: rgba(0, 0, 0, .1);
        background: #fff;
    }

    p {
        font-size: 14px;
        font-weight: normal;
    }
}


}

@media only screen and (max-width: 768px) {
    #my-nav .navbar-collapse {
        border-color: white;
        background: rgba(255, 255, 255, 1) !important;
        margin-top: 8px !important;
    }

    #kanal > li > a {
        color: #212121 !important;
    }

    .navbar-collapse {
        margin-top: 5px;
        background: #ffffff !important;
        border-bottom: 1px solid #dedede;
    }

    .header.active #kanal > li > a {
        border-bottom: 1px solid #dedede;
        width: 100%;
        text-align: right;
        margin-right: 25px;
    }

    #main-nav {
        background: #ffffff !important;
    }

    #my-nav.navbar.navbar-expand-lg.navbar-light {
        padding: 0px !important;
        border-image: linear-gradient(to right, #b18435 0%, #e7c791 70%);
        border-image-slice: 1;
        background: linear-gradient(to right, #ffffff 0%, #e7c791 100%);
        padding: 3px;
        box-sizing: border-box;
        border-bottom: 1px solid #eee;
        -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
        height: 75px;
    }

    #kanal > li {
        margin-left: 45px;
        border-bottom: 1px solid #dedede;
    }

    .header.active .navbar-brand .logo {
        padding-left: 15px !important;
        margin-left: 15px !important;
    }

    .navbar-toggler {
        padding-right: 15px !important;
        margin-right: 15px !important;
    }

    .navbar-light .navbar-toggler {
        background-color: #ffffff;
    }

    .navbar-brand .logo {
        margin-left: 15px !important;
        padding-left: 15px !important;
    }

    .navbar-toggler-icon {
        color: #ffffff !important;
    }

    .navbar-light .navbar-nav .nav-link {
        float: right;
        font-weight: 700;
        margin-right: 25px;
    }
}

#kanal > li {
    margin-rightt: 35px !important;
}

#kanal > li > a {
    text-shadow: none;
    line-height: 40px;
    display: inline;
    padding: 0px;
    position: relative;
    text-decoration: none;
}

#kanal > li > a:hover {
    color: #ffb20e;
}

#kanal > li > a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #ffff;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

#kanal > li > a:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.header.active #kanal > li > a:hover {
    color: #212121;
}

.header.active #kanal > li > a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #d1ad6f;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.header.active #kanal > li > a:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

#kanal > li {
    margin-left: 25px;
}

.header.active #kanal > li > a {
    display: inline;
    text-shadow: none;
    color: #000000 !important;
    padding: 0px;
    position: relative;
    text-decoration: none;
}

.gallery-title {
    font-size: .9em;
    text-transform: uppercase;
    font-weight: normal;
    position: absolute;
    display: block;
    width: 100%;
    bottom: 0;
    padding: 1rem;
    color: #fff;
    height: 21%;
    background-color: rgba(0, 0, 0, 0.2);
    background: linear-gradient(transparent, transparent 1%, black);
    background: -webkit-linear-gradient(transparent, transparent 1%, black);
    -webkit-transition: 0.2s background ease-in-out;
    transition: 0.2s background ease-in-out;
}

//* Responsive  *//

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {}

@media(width:992px) {}

/* Medium devices (landscape tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {}

@media (width: 768px) {
    #my-nav .navbar-collapse {
        border-color: white;
        /*        background-color: #e87373 !important;*/
        background: rgba(255, 255, 255, 1) !important;
        margin-top: 8px !important;
    }

    .navbar-light .navbar-toggler {
        margin-right: 15px;
    }

    .navbar-light .navbar-toggler {
        color: rgba(0, 0, 0, .5);
        border-color: rgba(0, 0, 0, .1);
        background: #fff;
    }

    navbar navbar-expand-lg navbar-light {
        background-color: bisque;
    }

    .navbar-light .navbar-nav .nav-link {
        color: #212121;
    }

    .navbar {
        padding: 0px;
    }

    .navbar-brand .logo {
        margin-left: 15px;
    }

    #kanal > li {
        border-bottom: 1px solid #eee;
    }

    .container {
        max-width: 100%;
    }
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .container {
        max-width: 600px;
    }
}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .container {
        max-width: 600px;
    }
}

@media(width:480px) {
    #my-nav .navbar-collapse {
        border-color: white;
        background: rgba(255, 255, 255, 1) !important;
        margin-top: 8px !important;
    }

    .navbar-light .navbar-toggler {
        color: rgba(0, 0, 0, .5);
        border-color: rgba(0, 0, 0, .1);
        background: #fff;
    }
}

@media(width:667px) {
    #my-nav .navbar-collapse {
        border-color: white;
        background: rgba(255, 255, 255, 1) !important;
        margin-top: 8px !important;
    }

    .owl-dots {
        display: none;
    }

    .owl-nav {
        display: none;
    }

    .navbar-light .navbar-toggler {
        color: rgba(0, 0, 0, .5);
        border-color: rgba(0, 0, 0, .1);
        background: #fff;
        margin-right: 15px;
    }

    .header.active #kanal > li > a {
        border-bottom: 1px solid #eee;
    }

    #kanal > li {
        border-bottom: 1px solid #eee;
    }

    navbar navbar-expand-lg navbar-light {
        background-color: bisque;
    }

    .navbar-light .navbar-nav .nav-link {
        color: #212121;
    }

    .navbar {
        padding: 0px;
    }

    .navbar-brand .logo {
        margin-left: 15px;
    }
}

@media(width:800px) {
    #my-nav .navbar-collapse {
        border-color: white;
        background: rgba(255, 255, 255, 1) !important;
        margin-top: 8px !important;
    }

    .navbar-light .navbar-toggler {
        color: rgba(0, 0, 0, .5);
        border-color: rgba(0, 0, 0, .1);
        background: #fff;
    }

    .penawaran1 {
        width: 100%;
    }

    .about-horison {
        width: 100%;
    }

    navbar navbar-expand-lg navbar-light {
        background-color: bisque;
    }

    .navbar-light .navbar-toggler {
        margin-right: 15px;
    }

    .navbar-light .navbar-nav .nav-link {
        color: #212121;
    }

    .navbar {
        padding: 0px;
    }

    .navbar-brand .logo {
        margin-left: 15px;
    }

    #kanal > li {
        border-bottom: 1px solid #eee;
    }
}

@media(width:812px) {
    #my-nav .navbar-collapse {
        border-color: white;
        background: rgba(255, 255, 255, 1) !important;
        margin-top: 8px !important;
    }

    .navbar-light .navbar-toggler {
        color: rgba(0, 0, 0, .5);
        border-color: rgba(0, 0, 0, .1);
        background: #fff;
    }

    navbar navbar-expand-lg navbar-light {
        background-color: bisque;
    }

    .navbar-light .navbar-toggler {
        margin-right: 15px;
    }

    .navbar-light .navbar-nav .nav-link {
        color: #212121;
    }

    .navbar {
        padding: 0px;
    }

    .navbar-brand .logo {
        margin-left: 15px;
    }

    #kanal > li {
        border-bottom: 1px solid #eee;
    }
}

@media(width:736px) {
    #my-nav .navbar-collapse {
        border-color: white;
        background: rgba(255, 255, 255, 1) !important;
        margin-top: 8px !important;
    }

    .navbar-light .navbar-toggler {
        color: rgba(0, 0, 0, .5);
        border-color: rgba(0, 0, 0, .1);
        background: #fff;
    }

    navbar navbar-expand-lg navbar-light {
        background-color: bisque;
    }

    .navbar-light .navbar-toggler {
        margin-right: 15px;
    }

    .navbar-light .navbar-nav .nav-link {
        color: #212121;
    }

    .navbar {
        padding: 0px;
    }

    .navbar-brand .logo {
        margin-left: 15px;
    }

    #kanal > li {
        border-bottom: 1px solid #eee;
    }

    .ourpromo-slider.owl-carousel .owl-dots {
        display: none;
    }

    .section-padding4 {
        padding: 20px 0 30px;
    }

    .owl-dots {
        display: none;
    }
}

@media(width:414px) {
    #my-nav .navbar-collapse {
        border-color: white;
        background: rgba(255, 255, 255, 1) !important;
        margin-top: 8px !important;
    }

    .navbar-light .navbar-toggler {
        color: rgba(0, 0, 0, .5);
        border-color: rgba(0, 0, 0, .1);
        background: #fff;
    }

    navbar navbar-expand-lg navbar-light {
        background-color: bisque;
    }

    .navbar-light .navbar-toggler {
        margin-right: 15px;
    }

    .owl-dots {
        display: none;
    }

    .owl-nav {
        display: none;
    }

    .navbar-light .navbar-nav .nav-link {
        color: #212121;
    }

    .navbar {
        padding: 0px;
    }

    .navbar-brand .logo {
        margin-left: 15px;
    }

    #kanal > li {
        border-bottom: 1px solid #eee;
    }

    .ourpromo-slider.owl-carousel .owl-dots {
        display: none;
    }

    .section-padding4 {
        padding: 20px 0 30px;
    }
}

@media(width:846px) {
    #my-nav .navbar-collapse {
        border-color: white;
        background-color: #e87373 !important;
        background: rgba(255, 255, 255, 1) !important;
        margin-top: 8px !important;
    }

    #kanal > li > a {
        color: #212121;
    }

    #kanal > li {
        border-bottom: 1px solid #eee;
    }
}

@media(width:375px) {
    #my-nav .navbar-collapse {
        border-color: white;
        background: rgba(255, 255, 255, 1) !important;
        margin-top: 8px !important;
    }

    .navbar-light .navbar-toggler {
        color: rgba(0, 0, 0, .5);
        border-color: rgba(0, 0, 0, .1);
        background: #fff;
    }

    .owl-dots {
        display: none;
    }

    navbar navbar-expand-lg navbar-light {
        background-color: bisque;
    }

    .navbar-light .navbar-toggler {
        margin-right: 15px;
    }

    .navbar-light .navbar-nav .nav-link {
        color: #212121;
    }

    .navbar {
        padding: 0px;
    }

    .navbar-brand .logo {
        margin-left: 15px;
    }

    #kanal > li {
        border-bottom: 1px solid #eee;
    }
}

@media(width:360px) {
    #my-nav .navbar-collapse {
        border-color: white;
        background: rgba(255, 255, 255, 1) !important;
        margin-top: 8px !important;
    }

    .navbar-light .navbar-toggler {
        margin-right: 15px;
    }

    .navbar-light .navbar-toggler {
        color: rgba(0, 0, 0, .5);
        border-color: rgba(0, 0, 0, .1);
        background: #fff;
    }

    navbar navbar-expand-lg navbar-light {
        background-color: bisque;
    }

    .owl-dots {
        display: none;
    }

    .owl-nav {
        display: none;
    }

    .navbar-light .navbar-nav .nav-link {
        color: #212121;
    }

    .navbar {
        padding: 0px;
    }

    .navbar-brand .logo {
        margin-left: 15px;
    }

    #kanal > li {
        border-bottom: 1px solid #eee;
    }
}

@media(width:320px) {}

@media(width:740px) {
    .owl-dots {
        display: none;
    }

    .owl-nav {
        display: none;
    }

    #kanal > li > a {
        color: #212121;
    }

    #kanal > li {
        border-bottom: 1px solid #eee;
    }
}

@media (min-width: 411px) and (max-width: 731px) {
    .owl-dots {
        display: none;
    }

    .owl-nav {
        display: none;
    }

    #kanal > li > a {
        color: #212121;
    }

    #kanal > li {
        border-bottom: 1px solid #eee;
    }
}

@media (min-width: 412px) and (max-width: 732px) {
    .owl-dots {
        display: none;
    }

    .owl-nav {
        display: none;
    }

    #kanal > li > a {
        color: #212121;
    }

    #kanal > li {
        border-bottom: 1px solid #eee;
    }
}

@media (min-width: 398px) and (max-width: 991px) {
    .owl-dots {
        display: none;
    }

    .owl-nav {
        display: none;
    }

    #kanal > li > a {
        color: #212121;
    }

    #kanal > li {
        border-bottom: 1px solid #eee;
    }

    #my-nav .navbar-collapse {
        border-color: white;
        background-color: #e87373 !important;
        background: rgba(255, 255, 255, 1) !important;
        margin-top: 8px !important;
    }
}

@media(width:640px) {
    .owl-dots {
        display: none;
    }

    .owl-nav {
        display: none;
    }

    #kanal > li > a {
        color: #212121;
    }

    #kanal > li {
        border-bottom: 1px solid #eee;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .container {
        width: 100%;
    }

    .owl-dots {
        display: none;
    }

    .owl-nav {
        display: none;
    }
}

.carousel-wrap {
    margin: auto;
    position: relative;
}

.owl-carousel .owl-nav {
    overflow: hidden;
    height: 0px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #9e8a4c;
}

.owl-carousel .item {
    text-align: center;
}

.owl-carousel .nav-btn {
    height: 32px;
    position: absolute;
    width: 18px;
    cursor: pointer;
    top: 40%;
}

.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled {
    pointer-events: none;
    opacity: 0.2;
}

.owl-carousel .prev-slide:hover {
    background-position: 0px -36px;
}

.owl-carousel .next-slide:hover {
    background-position: -18px -36px;
}

span.img-text {
    text-decoration: none;
    outline: none;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    cursor: pointer;
    width: 100%;
    font-size: 23px;
    display: block;
    text-transform: capitalize;
}

span.img-text:hover {
    color: #2caae1;
}

#surrounding .destinasi-thumb {
    float: left;
}

#surrounding .destinasi-thumb img {
    height: 150px;
    width: 200px;
    margin-right: 30px;
}

#surrounding .title-destinasi {
    margin-left: 60px;
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 18px;
}

#surrounding .description {
    font-size: 14px;
    margin-left: 60px;
    line-height: 24px;
    margin-bottom: 0;
}

.list-unit img {
    min-height: 329px;
    width: 100%;
}

.destinasi-region {
    padding: 5px;
    margin-bottom: 15px;
    border-bottom: 1px solid #dedede;
}

.destinasi-region p {
    font-size: 16px;
    font-weight: 500;
    color: #212121;
    text-align: right;
    text-transform: uppercase;
}

.b2b-button {
    color: #ffffff;
    font-weight: bold;
    display: inline-block;
}

#page-about-destinasi {
    display: block;
    position: relative;
    z-index: 120;
    top: 0;
    left: 0;
    right: 0;
}

.page-about-destinasi::before {
    background: linear-gradient(to right, rgba(23, 19, 19, 1) 0%, rgba(23, 19, 19, 1) 16%, rgba(23, 19, 19, 0.6) 36%, rgba(23, 19, 19, 0) 54%, rgba(23, 19, 19, 0) 100%);
}

.page-about-destinasi::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.page-about-destinasi {
    color: white;
}

.page-about-destinasi {
    padding: 0px 0px;
    position: relative;
}

.page-about-destinasi h1 {
    font-size: 32px;
    font-weight: normal;
    margin-bottom: 6px;
}

.page-about-destinasi .breadcrumb {
    background: none;
}

.page-about-horison .breadcrumb {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    font-weight: 300;
}

.page-about-destinasi .breadcrumb li a {
    color: #c6b275;
}

.page-about-destinasi .breadcrumb li a {
    text-decoration: none;
}

.page-about-destinasi .breadcrumb > li + li::before,
.page-about-destinasi .breadcrumb li.active {
    color: white;
}

.page-about-destinasi .breadcrumb {
    font-size: 14px;
    font-weight: 300;
}

#page-about-destinasi::after {
    background-image: url(../images/dot.png);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: -100px;
    opacity: 0.9;
    z-index: -1;
}

.patner {
    margin-right: 15px;
    border: 1px solid #212121 !important;
    background: #212121 !important;
}

.patner a {
    color: #ffffff;
}

.image-kiri {
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 3px 57px 0px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}

.image-kiri img {
    height: 280px;
    width: 100%;
}

.kanal-kanan-join-team {
    background-color: #ededed;
}

.text-join-team {
    font-size: 1.1rem;
    font-weight: 400;
}

.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

.mb-2,
.my-2 {
    margin-bottom: 1.3rem !important;
}

.btn-apply-now {
    display: block;
    width: 100%;
}

.btn-outline-custom {
    display: block;
    width: 100%;
}

.btn-outline-custom {
    color: #212529;
    border-color: #cfac71;
}

.btn-outline-custom:hover {
    color: #ffffff;
    background-color: #cfac71;
    border-color: #b99353;
}

.btn-outline-custom a:hover {
    color: #ffffff !important;
}

.box-bg-member-benefit {
    background: #ffffff;
    padding: 20px;
    border: 1px solid #ededed;
}

.pattern-bg {
    background: url(../images/patt.png);
    padding: 40px 0 60px;
    z-index: 121;
}

.pattern-bg .benefit-card {
    margin-top: -90px;
    box-shadow: 6px 10px 20px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 6px 10px 20px rgba(0, 0, 0, .15);
}

.benefit-card {
    position: absolute;
    right: 20px;
    bottom: 20px;
}

.benefit-card {
    position: relative;
    width: 100%;
    float: left;
    overflow: hidden;
    border-radius: 5px;
    z-index: 121;
}

.benefit-card-img {
    position: absolute;
    left: 15px;
    top: 40%;
    min-width: 55%;
    z-index: 10;
    transform: translateY(-50%);
}

.benefit-title h5 {
    font-weight: 500;
    font-size: 28px;
    text-transform: uppercase;
    color: #212121;
    line-height: 28px;
}

img.facilities {
    margin-right: 10px;
    width: 20px;
    height: 20px;
}

.custom-button {
    border: 1px solid #c29f65 !important;
    border-radius: 0px !important;
    background-color: #cfac71 !important;
}

.custom-button-call-center {
    border: 1px solid #c29f65 !important;
    background-color: #cfac71 !important;
}

.call-center {
    vertical-align: center;
    height: 46px;
    border-radius: 5px;
    position: fixed;
    right: 20px;
    bottom: 40px;
    z-index: 9999;
}

.call-center img {
    margin-right: 10px;
}

.info-hotel {
    font-size: 12px;
}

.horisom-destination {
    margin-left: 20px;
    border-right: 0px solid #dedede;
}

img.horison-destination {
    margin-left: 20px;
    vertical-align: middle;
}

.dtHorizontalExampleWrapper {
    margin: 0 auto;
}

#dtHorizontalExample th,
td {
    white-space: nowrap;
    text-align: center;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
    bottom: .5em;
}

.icon-meeting-room {}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/pageLoader.gif) 50% 50% no-repeat rgb(249, 249, 249);
    opacity: .8;
}

#floater {
    top: 50px;
    right: 0px;
    position: absolute;
    font-size: 12px;
    color: #ffffff !important;
    background: #f4962e;
    width: 80px;
    padding: 25px;
    border-radius: 50%;
    -webkit-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
    z-index: 9999;
}

#button-booking {
    position: fixed;
    top: 50%;
    right: -34px;
    cursor: pointer;
    border: 1px solid #ffffff;
    z-index: 9999;
    /*    background: #cfac71;*/
    background-image: radial-gradient(circle 1294px at -15.5% 23.8%, rgba(255, 206, 149, 1) 0%, rgba(247, 92, 92, 1) 44.9%, rgba(108, 0, 96, 0.97) 93.8%);
    border-right: 0;
    width: 105px;
    padding: 10px 0;
    text-align: center;
    /*    border-radius: 5px 0 0 5px;*/
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    box-shadow: 0 3px 15px rgba(0, 0, 0, .1);
    line-height: 1.4;
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: -webkit-transform .6s ease;
    -moz-transition: transform .6s ease;
    -o-transition: -o-transform .6s ease;
    transition: transform .6s ease;
    transform: rotate(-90deg);
    font-weight: normal;
}

.modal-header.enjoy {
    background-image: linear-gradient(to left, rgba(195, 161, 101, 0.9), rgba(255, 255, 255, 0.2));
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom: 1px solid #a5854a;
    display: none;
}

.modal-body.enjoy {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.vericaltext {
    width: 20px;
    word-wrap: break-word;
}

.btntip {
    display: block;
}



#cari-hotel1 .booking-hotel2 {
    width: 100%;
    display: block;
    margin-top: 0em;
    z-index: 9;
}

.modal-open[style] {
    padding-right: 0px !important;
}

.upgrade-room {
    position: fixed;
    backface-visibility: hidden;
    z-index: 999;
    box-shadow: 0 0 15px rgba(0, 0, 0, .5);
    background: #212121;
    border-top-left-radius: 25px !important;
    border-top-right-radius: 25px !important;
}

.upgrade-room-atas-kanan {
    /*    border-radius: 10px;*/
    /*    background: #000000;*/
    background-image: radial-gradient(circle farthest-corner at 10% 20%, rgba(255, 214, 171, 1) 0%, rgba(255, 182, 182, 1) 90%);
    bottom: 0;
    right: 3.5%;
    width: 270px;
}



.upgrade-room_main {
    position: relative;
    padding: 20px 20px 0;
}

.upgrade-room_title {
    margin: 0;
    padding: 0 30px 0 20px;
    font-size: 14px;
    text-transform: none;
    text-align: center;
    line-height: 22px;
}

.fa.upgrade {
    font-weight: 900;
    font-size: 30px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.upgrade-room-book-now {
    padding: 10px 20px 10px 20px;
    text-align: center;
    background: #e7c791;
}

.upgrade-room-book-now a {
    font-size: 20px;
    font-weight: normal;
    color: #ffffff;
}

.upgrade-room-book-now a:hover {
    color: #cfac71;
}


.card-header {
    /*    background-color: rgb(207, 172, 113);*/
    background-image: radial-gradient(circle 1294px at -15.5% 23.8%, rgba(255, 206, 149, 1) 0%, rgba(247, 92, 92, 1) 44.9%, rgba(108, 0, 96, 0.97) 93.8%);
    margin-top: 0px !important;
    border-top-left-radius: 25px !important;
    border-top-right-radius: 25px !important;

}

.card-header .fa {
    transition: .3s transform ease-in-out;
    color: #ffffff;
    font-size: 20px;
}

.card-header .collapsed .fa {
    transform: rotate(180deg);
}

.logo-mgm {
    text-align: center;
}

.ket {
    text-align: center;
    padding-top: 30px;
}

.ket h3 {
    text-align: center;
    line-height: 22px;
}

.form-control.salinan {
    background-color: #ffffff;
    border-bottom: 1px dotted #111111 !important;
    border: 0px;
    margin-bottom: 0px;
}


.caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.caption h3 {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
}


.caption h5 {
    text-align: center;
}

.region {
    position: relative;
    ;
}

.region img ::before {
    content: '';
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    /*  height: 100%;*/
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

#destinasi-pic {
    position: relative;
    border: 0px solid #dedede;
    /*    background: #ffffff;*/
    padding: 0px;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.35);
    /*    transition: transform .2s;*/
}

.caption a {
    color: #fff;
}

.caption a:hover {
    color: #cfac71;
}

#color-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #212121;
    opacity: 0.5;
}

/*
#destinasi-pic:hover {
    transform: scale(1.5);  (150% zoom)
}
*/
.inner {
    overflow: hidden;
}

.inner img {
    transition: all 1.5s ease;
}

.inner:hover img {
    transform: scale(1.5);
}

.sign-in a {
    padding: 3px;
    float: right;
}

.header1 {
    /*    background-color: rgba(0, 0, 0, 0.85);*/
    /*border-bottom: 10px solid transparent;
    border-image: linear-gradient(to right, #b18435 0%, #e7c791 70%);
    border-image-slice: 1;*/
    background: linear-gradient(to right, #ffffff 0%, #e7c791 100%);
    box-sizing: border-box;
    border-bottom: 0px solid #cfac71;
    /*
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
*/
    -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.35);
    height: 120px;
}

.top-nav {
    background-color: transparent;
    height: 40px !important;
}

.top-nav a {
    text-align: right;
    float: right;

}

.jabodetabek-bottom {
    border: 0px solid #dedede;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}

.search-box {
    border-bottom: 1px solid #dedede;
    padding-bottom: 20px;
}

.form-control-date {
    font-size: 12px;
    background: #fff;
    border: none;
    line-height: normal;
    border: 1px solid #ced4da !important;
    border-radius: .25rem;
}

.form-control:focus {
    outline: 0 !important;
    border-color: initial;
    box-shadow: none;
}

.box1-left {
    border: 1px solid #dedede;
    /*    padding: 15px;*/
}

.box1-right {
    border: 1px solid #dedede;
    /*    padding: 15px;*/
}

.card-header-left {
    background-color: antiquewhite;
    padding: 5px 0px 5px 10px;
    text-align: left;
    font-weight: 700;
}

.top_right_cart {
    display: inline-block;
    margin-right: 25px;
}

.top_right_cart_widget {
    display: inline-block;
}

.top_right_cart_widget li {
    list-style: none;
    display: inline-block;
    font-size: 18px;
    color: #111;
    margin-right: 20px;
    cursor: pointer;
}

.top_right_cart_widget li a {
    font-size: 14px;
    font-weight: 500;
    color: #212121 !important;
}

.top_right_cart_widget li a:hover {
    color: #ffb20e !important;
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem;
}

.red {
    background-color: #f44336 !important;
}

.discover-section {
    box-shadow: 0 0.2rem 1.25rem 0 rgba(27, 30, 36, 0.07);
    border: 1px solid #dedede;
/*    border-bottom: 4px solid #cfac71;*/
}

.shd-navbar {
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

.patner {
    margin-right: 15px;
    border: 1px solid #212121 !important;
    border-top-color: rgb(33, 33, 33);
    border-right-color: rgb(33, 33, 33);
    border-bottom-color: rgb(33, 33, 33);
    border-left-color: rgb(33, 33, 33);
    background: #212121 !important;
    background-color: rgb(33, 33, 33);
}

.price-book {
    background-color: #f5f5f5;
    padding: 15px 15px 15px 15px;
}

.starting {
    font-size: 0.9em;
    margin: 0;
    letter-spacing: .0357em;
    color: rgba(0, 0, 0, .54);
}

.fasilitas-hotel {
    display: inline-block;
}

.fasilitas-hotel ul li {
    display: inline-block;
}


#navbar-top {
    background-color: #333;
    /* Black background color */
    position: fixed;
    /* Make it stick/fixed */
    top: 0;
    /* Stay on top */
    left: 0;
    width: 100%;
    /* Full width */
    padding: 5px;
    transition: top 0.3s;
    /* Transition effect when sliding down (and up) */
}

/* Style the navbar links */
#navbar-top a {
    display: inline-block;
    color: white;
    text-align: right;
    float: right;
    padding-right: 15px;
    text-decoration: none;
}

#navbar-top a:hover {
    color: orange;
}


.info_tgl span.tgl {
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    margin-top: 6px;
    left: 5px;
}

.info_tgl p.info {
    float: left;
    padding-left: 28px;
    line-height: 14px;
    padding-top: 6px;
    font-size: 12px;
}

.info_tgl .block1 {
    display: block;
}

.columns {
    float: left;
    min-height: 1px;
    padding: 0 15px;
    position: relative;
}

.check-in {
    font-size: 12px !important;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

.sticky_date_change_single {
    position: fixed;
    z-index: 32;
    top: 0;
    margin-top: 0;
    box-shadow: 0 8px 4px -4px rgba(0, 0, 0, .2);
    -webkit-animation: glidein 0.5s forwards;
    animation: glidein 0.5s forwards;
    border-color: #0078c7;
}

.staying-section {
    background-color: #f5f5f5;
}



.book_room_area {
    position: absolute;
    left: 0px;
    width: 100%;
    bottom: 0px;
    z-index: 7;
}

.book_room_box {
    max-width: 370px;
    background: #e7c791;
    padding: 15px 15px 15px 15px;
    float: right;
    overflow: hidden;
    width: 100%;
}

.book_room_box .book_table_item {
    /*    margin-bottom: 20px;*/
}

.book_room_box .book_table_item .input-append {
    position: relative;
}

.book_room_box .book_table_item .input-append input {
    width: 100%;
    height: 26px;
    border: 1px solid #fff;
    background: transparent;
    padding: 0px 14px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
}


.book_room_box .book_table_item .input-append .add-on {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 17px;
}

.book_room_box .book_table_item .input-append .add-on i {
    color: #fff;
}

.book_room_box .book_table_item .bootstrap-select .dropdown-toggle {
    padding: 0px 20px;
    border-color: #fff;
    border-radius: 0px;
    height: 26px;
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background: transparent;
}

.book_room_box .book_table_item .bootstrap-select {
    width: 100% !important;
}

.book_room_box .book_table_item .bootstrap-select .dropdown-toggle span {
    font-size: 15px;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
}

.book_room_box .book_table_item .bootstrap-select .dropdown-toggle span {
    font-size: 15px;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
}

.book_room_box .book_table_item .bootstrap-select .dropdown-toggle .bs-caret .caret {
    right: 20px;
    color: #fff;
}

.book_room_box .book_table_item:last-child {
    margin-bottom: 0px;
    margin-top: 20px;
}

.book_now_btn_black {
    background: #242424;
    color: #fff;
    line-height: 40px;
    display: inline-block;
    padding: 0px 25px;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    letter-spacing: .28px;
    position: relative;
    z-index: 2;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    text-transform: uppercase;
    text-align: center;
    border: 2px solid #242424;
}

@media (max-width: 767px) {
    .header_top_inner {
        display: none;
    }
}

@media (max-width: 767px) {
    h2 {
        font-size: 14px;
        margin-top: 0px;
        margin-bottom: 0px;
    }


}

/*
div[id^="sticker"][class^="sticky"] {
    position: fixed;
    top: 145px;
    z-index: 1;
    border-color: #0078c7;
}

div[id^="sticker"][class^="sticky"] {
    top: 50px;
}
*/

.header2 {
    background-color: #ddd;
    /*  padding: 30px;*/
    text-align: center;
}

#box-change-search {
    overflow: hidden;
    background-color: #333;
    width: 825px;
}

#box-change-search.sticky {
    position: fixed;
    top: 124px;
    left: 6%;
    z-index: 9999;
}

#box-change-search a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    /*  padding: 14px 16px;*/
    text-decoration: none;
    /*  font-size: 17px;*/
}




#box-change-search a.active {
    background-color: #4CAF50;
    color: white;
}

.box-booking {
    /*    padding: 16px;*/
}

#room-booking.sticky {
    position: fixed;
    top: 124px;
    left: 4.8%;
    width: 90.5%;
    z-index: 9999;
}

.sticky + .box-booking {
}

.bg-top {
    background-color: #212121;
}

.shading {
    border: solid 1px #ddd;
}

.reds {
    color: #FF0000;
}

p.smaller,
span.smaller {
    font-size: 12px;
    margin-bottom: 5px;
}

.labelin {
    font-size: 12px;
    font-weight: 500;
    text-transform: capitalize;
}

.myborder {
    border: 0px 1px 1px 1px;
}

ul.icon-fasilitas {
    margin-left: -20px !important;
}

ul.icon-fasilitas {
    list-style-position: outside;
}

ul.icon-fasilitas li i {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center center;
}

ul.icon-fasilitas li {
    list-style-type: none;
    padding: 5px 5px 5px 5px;
    font-size: 11px;
    line-height: normal;
    /*    border-bottom: solid 1px #ececec;*/
    background-image: none;
}





@media screen and (max-width: 768px) {
    #box-change-search {
        position: static !important;
        width: 100%;
    }
 #room-booking {
        position: static !important;
        width: 100% !important;
    }
    h4 {
        font-size: 14px;
    }

    .address-hotel {
        margin-top: 10px !important;
    }

    .container {
        /*
        padding-left: 0px;
        padding-right: 0px;
*/
    }



    .text-right {
        margin-top: 20px;
    }

    .address-hotel {
        margin-top: 10px;
    }

    .fs-14 {
        text-align: center;
        border-bottom: 1px solid #ddd;
    }
    .rolling-thumb{
        display: none;
    }
}




@media all and (max-width: 600px) {
    #stickytest {
        position: static !important;
    }

    * {
        box-sizing: border-box;
    }

    .horisonpeduli {
        padding: 0px !important;
    }

    .navbar-toggler {
        margin-right: 15px;
    }

    .filter1 {
        border: solid 1px #ddd;
        background: #ffffff;
        color: #FFF;
        padding: 10px;
        position: -webkit-sticky;
        position: sticky;
        top: 124px;
        width: 100% !important;
        z-index: 99;
    }

    .filter1 a {
        font-weight: 400;
        color: #9e8a4c;
    }


    h2 {
        margin-top: 0px !important;
    }

    .py-4 {
        padding: 0px;
    }

    .filter1-inside {
        position: relative;
        top: 0;
    }
}

.filter1 a {
    font-weight: 400;
    color: #9e8a4c;
}



#topbar {
    background: #212121;
    padding: 10px 0;
    font-size: 14px;
    z-index: 99999;
}

#topbar {
    font-size: 14px;
}

#topbar.kanan-links a {
    color: #5c768d;
    padding: 4px 12px;
    display: inline-block;
    line-height: 1px;
    transition: 0.3s;
}



.content {
    position: relative;
/*
    width: 90%;
    max-width: 400px;
*/
    margin: auto;
    overflow: hidden
}

.content .content-overlay {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    height: 99%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s
}

.content:hover .content-overlay {
    opacity: 1
}

.content-image {
    width: 100%
}

/*
img {
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.1);
}
*/

.content-details {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s
}

.content:hover .content-details {
    top: 50%;
    left: 50%;
    opacity: 1
}

.content-details h3 {
    color: #fff;
    font-weight: 500;
    margin-bottom: 0.5em;
}

.content-details p {
    color: #fff;
    font-size: 0.4em
}

.fadeIn-bottom {
    top: 80%
}


#room-booking {
    overflow: hidden;
    border-bottom: 4px solid #cfac71;
}

#room-booking a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    text-decoration: none;
}


#room-booking a.active {
    color: white;
}

.box-booking1 {
}




#box-change-search1.sticky {
    position: fixed;
    top: 124px;
    left: 6%;
    z-index: 9999;
}

.sticky + .box-booking1 {
}