.row-z-index-1 {
    position: relative;
    z-index: 1;
}
.row-z-index-2 {
    position: relative;
    z-index: 2;
}

.vc-col-inner-pd-0 .vc_column-inner {
    padding: 0!important;
}
.row-box-shadow {
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .11);
}
/*row style*/
.pt-standard {
    padding-top: 60px;
}
.pt-small {
    padding-top: 30px;
}
.pt-large {
    padding-top: 100px;
}
.pb-standard {
    padding-bottom: 60px;
}
.pb-small {
    padding-bottom: 30px;
}
.pb-large {
    padding-bottom: 100px;
}
/*end row style*/

h2.vc_custom_heading {
    font-size: 35px;
    font-weight: 700;
}
h3.vc_custom_heading,
h4.vc_custom_heading{
    font-weight: 700;
}

.wpb_gmaps_widget .wpb_wrapper {
    padding: 0!important;
}

.wpb-js-composer .vc_tta.vc_general .vc_tta-panel {
    margin-bottom: 15px!important;
}

.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
    background: #f1f1f1!important;
    border-color: #f1f1f1!important;
    border-radius: 0!important;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
    background: #fff !important;
    border-radius: 0 !important;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {
    font-weight: 700;
    font-size: 16px;
}

/*sv custom heading*/
.sv-customer-heading {
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
}
.sv-customer-heading .heading-shadow {
    position: absolute;
    width: 100%;
    z-index: 0;
    top: 35px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #f5faee;
    text-transform: uppercase;
    font-size: 100px;
    font-weight: 800;
}
.sv-customer-heading.custom-heading-light .heading-shadow {
    color: rgba(255,255,255,.1);
}
.sv-customer-heading .subheading {
    font-size: 16px;
    color: var(--hili-color);
    font-weight: 700;
    display: inline-block;
    z-index: 1;
    position: relative;
}
.sv-customer-heading .sv-heading-title {
    color: #013e58;
    font-weight: 700;
    position: relative;
    z-index: 1;
}
.sv-customer-heading h2.sv-heading-title {
    font-size: 35px;
}
.sv-customer-heading h3.sv-heading-title {
    font-size: 30px;
}
.sv-customer-heading.center {
    text-align: center;
}
.sv-customer-heading .sv-customer-heading-separator {
    position: relative;
    display: block;
    margin: 10px 0 15px 0;
    width: 50px;
    height: 1px;
    background: var(--hili-color);
}
.sv-customer-heading.center .sv-customer-heading-separator {
    margin: 10px auto 15px auto;
}

.sv-customer-heading.custom-heading-light .sv-heading-title{
    color: #fff;
}
/*end sv custom heading*/

/*intro content*/
.intro-content {

}
.intro-content h2.intro-content-title {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 25px;
}
.intro-content h3.intro-content-title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 25px;
    letter-spacing: 0.01em;
}
.intro-content h4.intro-content-title {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 20px;
    letter-spacing: 0.01em;
}
.intro-content-heading .subheading {
    font-size: 18px;
    color: var(--hili-color);
    margin-bottom: 5px;
    font-weight: 500;
}
.intro-content .thumb-inner {
    position: relative;
}
.intro-content .thumb-inner img {
    border-radius: 3px;
    width: 100%;
    height: auto;
}
.intro-content .thumb-faded-side .thumb-inner::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 30%;
    background-image: linear-gradient(to right, rgba(242,242,242,0) , rgba(242,242,242,1));
}
.intro-content .thumb-faded-side.thumb-right .thumb-inner::after {
    left: 0;
    background-image: linear-gradient(to right, rgba(242,242,242,1), rgba(242,242,242,0));
}
.intro-content .intro-vdo-link {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 38px;
    z-index: 1;
}
.intro-content .intro-vdo-link .play-btn a {
    color: var(--hili-color);
    font-size: 65px;
    line-height: 65px;
    text-decoration: none;
}
.intro-content .intro-vdo-link .play-btn a [class*=fa-] {
    -webkit-transition: all .20s ease-in-out;
    -moz-transition: all .20s ease-in-out;
    -ms-transition: all .20s ease-in-out;
    -o-transition: all .20s ease-in-out;
    transition: all .20s ease-in-out;
}
.intro-content .intro-vdo-link .play-btn a:hover [class*=fa-] {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.intro-content .intro-vdo-link .vdo-desc h2 {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
}
.intro-content .intro-vdo-link .vdo-desc h3 {
    font-size: 18px;
    color: #fff;
}
.intro-content .intro-vdo-link .vdo-desc h3 a {
    color: #fff;
    text-decoration: none;
}
/*end intro content*/

/*sv-iconlink-item*/
.sv-iconlink-item {

}
.sv-iconlink-item .sv-iconlink-item-inner {
    padding:30px 25px;
    position: relative;
    background: var(--hili-color);
    color: #fff;
    -webkit-transition: outline-color .5s ease;
    -moz-transition: outline-color .5s ease;
    -ms-transition: outline-color .5s ease;
    -o-transition: outline-color .5s ease;
    transition: outline-color .5s ease;
    outline:5px solid rgba(242, 92, 27, 0);
}
.sv-iconlink-item .sv-iconlink-item-inner:hover {
    outline:5px solid rgba(242, 92, 27, 0.43);
}
.sv-iconlink-item .sv-iconlink-item-inner .sv-iconlink-icon {
    font-size: 30px;
    margin-bottom: 15px;
}
.sv-iconlink-item .sv-iconlink-item-inner h3 {
    font-size: 22px;
}
.sv-iconlink-item .sv-iconlink-item-inner p {
    font-size: 13px;
}
.sv-iconlink-item .sv-iconlink-item-inner a {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
    left: 0;
    top: 0;
}
/*end sv-iconlink-item*/

/*post carousel*/
.post-grid,
.post-grid-inner {
    position: relative;
    overflow: hidden;
}
.post-grid .thumb {
    background: no-repeat;
    background-size: cover;
    height: 260px;
    position: relative;
}
.post-grid-inner .thumb::after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.5);
    opacity: .3;
    -webkit-transition: opacity 1s cubic-bezier(.29,.22,.11,1);
    -moz-transition: opacity 1s cubic-bezier(.29,.22,.11,1);
    transition: opacity 1s cubic-bezier(.29,.22,.11,1);
}
.post-grid:hover .thumb::after {
    opacity: 1;
}

.post-grid .thumb a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.post-grid .desc {
    padding: 20px 0;
}
.post-grid .desc h3 {
    font-size: 18px;
    font-weight: 700;
}
.post-grid .desc h3 a {
    text-decoration: none;
    color: inherit;
    -webkit-transition: color 1s cubic-bezier(.29,.22,.11,1);
    -moz-transition: color 1s cubic-bezier(.29,.22,.11,1);
    transition: color 1s cubic-bezier(.29,.22,.11,1);
}
.post-grid .desc h3 a:hover {
    color: var(--hili-color);
}
.post-grid .desc .post-date {
    color: var(--hili-color);
    font-weight: 500;
    font-style: italic;
}

/*end post carousel*/

/*testimonial*/

.testimonial-wr {
}

.testimonial-wr .ta-ico {
    font-size: 50px;
    color: #fff;
    text-align: center;
}
.testimonial-wr .testim-name-photo {

}
.testimonial-wr .testim-name-photo-inner {
    border-radius: 50%;
    width: 70px;
    height: 70px;
    overflow: hidden;
    margin-right: 20px;
}
.testimonial-wr .testim-name-photo-inner img{
    width: 100%;
    height: auto;
}
.testimonial-wr .desc .desc-inner {
    padding: 30px;
    background: #fff;
}
.testimonial-wr .desc .testimonial-desc {
    position: relative;
    padding: 15px 0;
    min-height: 175px;
}
.testimonial-wr .testimonial-name {

}
.testimonial-wr .testimonial-name h3 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 700;
}
.testimonial-wr .testimonial-name span {
    color: var(--hili-color);
    font-style: italic;
    font-weight: 700;
}

.bg-dark-testimonial.testimonial-wr .testimonial-name ,
.bg-dark-testimonial.testimonial-wr .desc .testimonial-desc {
    color: #fff;
}

.home-testimonial.owl-theme .owl-nav {
    margin-bottom: 0;
}
.home-testimonial.owl-theme .owl-nav button.owl-next,
.home-testimonial.owl-theme .owl-nav button.owl-prev {
    color: #fff;
    opacity: .7;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 25px;
    height: 45px;
    border-radius: 0;
    background: transparent;
    font-size: 25px;
}
.home-testimonial.owl-theme .owl-nav button.owl-next {
    right: 0;
}
.home-testimonial.owl-theme .owl-nav button.owl-prev {
    left: 0;
}
.home-testimonial.owl-theme .owl-nav button.owl-next:hover,
.home-testimonial.owl-theme .owl-nav button.owl-prev:hover {
    opacity: 1;
}
/*end testimonial*/

/*testimonial list*/
.testimoniallist {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #e8e8e8;
}
.testimonial-list-sm .testimoniallist {
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.testimoniallist:last-child {
    border-bottom: 0;
}
.testimoniallist .thumb .thumb-inner {
    width: 170px;
    height: 170px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 50%;
}

.testimonial-list-sm .testimoniallist .thumb .thumb-inner {
    width: 100px;
    height: 100px;
}

.testimoniallist .desc h3 {
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 5px;
}

.testimonial-list-sm .testimoniallist .desc h3 {
    font-size: 18px;
}

.testimoniallist .desc .gest-details {
    color: var(--hili-color);
    font-style: italic;
    margin-bottom: 15px;
    display: block;
}
.testimonial-list-sm .testimoniallist .desc .gest-details {
    margin-bottom: 5px;
}
.testimonial-list-sm .testimoniallist .desc .desc-text p {
    margin-bottom: 0;
}
/*end testimonial list*/

/*intro grid*/
.sv-introgrid .sv-introgrid-img {
    margin-bottom: 20px;
}
.sv-introgrid .sv-introgrid-desc h3 {
    font-size: 20px;
    font-weight: 700;
}
/*end intro grid*/

/*page banner*/
.header-banner {
    position: relative;
    z-index: 1;
}

.header-banner .banner-img-wrapper {
    height: 450px;
    position: relative;
    background-size: cover;
}
.header-banner .banner-img {
    position: absolute;
    width: 100%;
    height: 100%;
}

.banner-desc {
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 2;
    background: rgba(0, 0, 0, .35);
    padding-top: 60px;
}


.banner-desc .ld-text {
    font-size: 30px;
    margin-bottom: 20px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 700;
}
.banner-desc .ld-text.post-ld-text {
    font-size: 45px;
}
.banner-desc .desc-text {
    font-size: 20px;
    margin-bottom: 30px;
    color: #fff;
}
/*end page banner*/
/*modify page banner*/
.header-banner.home-banner-hili .banner-img-wrapper {
    height: 450px;
}
.header-banner.home-banner-hili .banner-img-wrapper .banner-desc {
    background: rgba(127,167, 64, .7);
}
/*end modify page banner*/

/*slider style*/
.sv-slider {
    background: #000;
}
.sv-slider .item .slider-item {
    /*height: calc(100vh - 100px);
    height: -webkit-calc(100vh - 100px);
    height: -moz-calc(100vh - 100px);
    height: -o-calc(100vh - 100px);
    height: -ms-calc(100vh - 100px);*/
    height: 780px;
    background: center no-repeat;
    background-size: cover;
    position: relative;
}
.sv-slider.home-slider .item .slider-item {
    height: calc(100vh - 44px);
    height: -webkit-calc(100vh - 44px);
    height: -moz-calc(100vh - 44px);
    height: -o-calc(100vh - 44px);
    height: -ms-calc(100vh - 44px);
    min-height: 660px!important;
    background: center no-repeat;
    background-size: cover;
    position: relative;
}

.sv-slider.owl-theme .owl-nav {
    margin-bottom: 0;
    margin-top: 0;
}
.sv-slider.owl-theme .owl-nav button.owl-next,
.sv-slider.owl-theme .owl-nav button.owl-prev {
    color: #fff;
    opacity: .5;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 25px;
    height: 45px;
    border-radius: 0;
    background: transparent;
    font-size: 25px;
}
.sv-slider.owl-theme .owl-nav button.owl-next {
    right: 0;
}
.sv-slider.owl-theme .owl-nav button.owl-prev {
    left: 0;
}
.sv-slider.owl-theme .owl-nav button.owl-next:hover,
.sv-slider.owl-theme .owl-nav button.owl-prev:hover {
    opacity: 1;
}

.slider-parallax-wrapper,
.parallax-slider {
    height: 720px;
    /*height: calc(100vh - 100px);
    height: -webkit-calc(100vh - 100px);
    height: -moz-calc(100vh - 100px);
    height: -o-calc(100vh - 100px);
    height: -ms-calc(100vh - 100px);*/
    width: 100%;
    background: transparent;
    position: relative;
    overflow: hidden;
}

/*animation*/
/*@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}*/

.slider-desc {
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 2;
    background: rgba(0, 0, 0, .2);
}

.slider-desc .ld-text {
    display: none;
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #fff;
    text-shadow: -1px 1px 1px rgb(47, 51, 54);
    text-transform: uppercase;
}
.slider-desc .desc-text {
    display: none;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.5em;
    margin-bottom: 30px;
    color: #fff;
    text-shadow: -1px 1px 1px rgb(47, 51, 54);
}

.slider-desc .desc-text.animate {
    display: block;
    animation: 1s .3s fadeInUp both;
}
.slider-desc .ld-text.animate {
    display: block;
    animation: 1s .1s fadeInUp both;
}

.slider-desc .bn-btn {
    display: none;
}
.slider-desc .bn-btn.animate {
    display: block;
    animation: 1s .5s fadeInUp both;
}
/*end slider style*/

/*sv btn*/
.sv-btn.btn-link-warning {
    color: var(--hili-color);
    padding-right: 0;
    padding-left: 0;
    text-decoration: none;
    font-weight: 600;
    -webkit-transition: all .40s ease-in-out;
    -moz-transition: all .40s ease-in-out;
    -ms-transition: all .40s ease-in-out;
    -o-transition: all .40s ease-in-out;
    transition: all .40s ease-in-out;
}
.sv-btn.btn-link-warning:hover {
    color: #e4970e;
    text-decoration: none;
}
/*end sv btn*/

/*homeroom hili*/
.homeroom-hili .homeroom-hili-thumbnail {
    background-size: cover;
    height: 450px;
    position: relative;
}
.homeroom-hili .homeroom-hili-thumbnail::after {
    content: '';
    position: absolute;
    z-index: 1;
    background-color: rgba(0, 0, 0, .3);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.homeroom-hili .homeroom-hili-thumbnail .hrh-desc {
    position: absolute;
    bottom: 55px;
    width: 100%;
    z-index: 2;
    padding-right: 90px;
    text-align: right;
}

.home-room-box .home-room-box-inner {
    position: relative;
}
.home-room-box .home-room-box-inner::after {
    content: '';
    position: absolute;
    z-index: 1;
    background-color: rgba(0, 0, 0, .3);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.home-room-box .home-room-box-img {
    height: 450px;
    background-size: cover;
}

.home-room-box .home-room-box-desc {
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    z-index: 2;
    text-align: center;
}
.home-room-box .home-room-box-desc h3 {
    color: #fff;
    font-weight: 700;
    font-size: 35px;
}
.home-room-box .home-room-box-desc .room-dt-hili {
    color: #fff;
    margin-right: 15px;
}

.homeroom-hili .owl-theme .owl-nav {
    position: absolute;
    z-index: 2;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
}
.homeroom-hili .owl-theme .owl-nav [class*=owl-] {
    position: absolute;
    top: 0;
    color: #fff;
    outline: none !important;
    background: none !important;
    width: 30px;
    height: 30px;
}
.homeroom-hili .owl-theme .owl-nav [class*=owl-] svg {
    fill: #fff;
    fill-opacity: 50%;
    width: auto;
    height: 100%;
}
.homeroom-hili .owl-theme .owl-nav [class*=owl-]:hover svg {
    fill-opacity: 100%;
}
.homeroom-hili .owl-theme .owl-nav button.owl-prev {
    left: 0;
}
.homeroom-hili .owl-theme .owl-nav button.owl-next {
    right: 0;
}
/*end homeroom hili*/

/*image carousel*/
.image-carousel.owl-theme .owl-nav {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    margin-top: 0;
}
.image-carousel.owl-theme .owl-nav [class*=owl-] {
    padding: 5px;
    border-radius: 50%;
    outline: none !important;
    background: rgba(0, 0, 0, .5);
    width: 38px;
    height: 38px;
}
.image-carousel.owl-theme .owl-nav [class*=owl-] svg {
    width: 25px;
    height: 25px;
    fill: #fff;
}

.image-carousel.owl-carousel .owl-nav button.owl-next {
    float: right;
}
.image-carousel.owl-carousel .owl-nav button.owl-prev {
    float: left;
}
/*end image carousel*/

/*offer grid*/
.offer-grid .offer-grid-inner {
    position: relative;
}
/*.offer-grid .offer-grid-inner::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(0, 0, 0, .3);
}*/
.offer-grid .offer-grid-inner .thumbnail-image img {
    width: 100%;
    height: auto;
    border-radius: 3px;
}
.offer-grid .offer-grid-inner .desc {
    padding: 25px 0;
    text-align: center;
}
.offer-grid .offer-grid-inner .desc h3 {
    font-size: 25px;
    font-weight: 600;
    color: #013e58;

}

.offer-list {
    margin-bottom: 25px;
}
.offer-list .desc h3 {
    font-size: 20px;
    font-weight: 400;
    color: #013e58;
}
/*end offer grid*/

/*roomlist*/
.room-list-item {
    margin-bottom: 50px;
}
.room-list-item .item-thumb .thumbnail-image img {
    width: 100%;
    height: auto;
    border-radius: 3px;
}
.room-list-item .item-desc h3 {
    font-weight: 700;
}
.room-list-item .item-desc h3 a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: all .40s ease-in-out;
    -moz-transition: all .40s ease-in-out;
    -ms-transition: all .40s ease-in-out;
    -o-transition: all .40s ease-in-out;
    transition: all .40s ease-in-out;
}
.room-list-item .item-desc h3 a:hover {
    color: var(--hili-color);
}
.room-list-item .item-desc .item-hili-dt {
    padding: 5px 15px;
    background: #f3f3f3;

}
.room-list-item .item-desc .item-hili-dt span {
    margin-right: 15px;
    color: #585858;
}
.room-list-item .item-desc .item-hili-dt span i {
    color: #8a8a8a;
}
.room-list-item .room-price .num {
    font-size: 30px;
    color: var(--hili-color);
    font-weight: 700;
    display: inline-block;
    position: relative;
    padding-right: 15px;
}
.room-list-item .room-price .num::after {
    content: '';
    display: block;
    height: 30px;
    width: 1px;
    background: #585858;
    position: absolute;
    right: 5px;
    top: 0;
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    transform: rotate(20deg);
}
/*end roomlist*/

/*start media screen*/
@media (max-width: 1200px) {

}

@media (max-width: 1130px) {

}

@media (min-width: 768px) and (max-width: 992px) {

}

@media (max-width: 992px) {
    .sv-customer-heading .heading-shadow {
        font-size: 80px;
    }
}

@media (max-width: 768px) {
    .sv-customer-heading .heading-shadow {
        font-size: 60px;
        top:0;
    }
    .sv-customer-heading h2.sv-heading-title {
        font-size: 30px;
    }
}

@media (max-width: 576px) {
    .sv-customer-heading .heading-shadow {
        display: none;
    }
}

/*end media screen*/