@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
body {
    font-family: 'Noto Sans TC', sans-serif;
    /* font-family: 'MicrosoftJhengHeiRegular', sans-serif; */
    font-size: 14px;
}


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

.pagination>.active>a {
    background-color: #417505;
    border-color: #417505;
}

a,
button {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
}

a {
    text-decoration: none;
    /* font-family: 'MicrosoftJhengHeiRegular'; */
    font-size: 14px;
}

a:focus,
a:hover,
a:active {
    outline: 0;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    text-decoration: none;
    color: #000;
}

.h1,
.h2,
.h3,
h1,
h2,
h3,
.h4,
.h4,
.h5,
h5,
h6,
h6 {
    margin-bottom: 0;
    margin-top: 0;
}


/* h1, h2, h2 a, h3, h3 a, h4, h5, h6{ */


/* font-family: 'MicrosoftJhengHeiBold', sans-serif; */


/* } */

h2 {
    font-size: 26px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 13px;
}

a:hover {
    text-decoration: none;
}

ul,
ol {
    margin: 0;
    padding: 0;
    /* padding-left: 30px; */
}

ul li {
    list-style: none;
    /* font-family: 'MicrosoftJhengHeiRegular', sans-serif; */
}

p {
    margin: 0;
    /* font-family: 'MicrosoftJhengHeiRegular', sans-serif; */
    line-height: 1.9em;
    font-size: 16px;
    /* font-weight: 500; */
}

input:focus,
select:focus,
textarea:focus {
    outline: none;
}

.carousel-inner>.active {
    margin-right: -2px;
}

.child-pernt {
    display: table;
    height: 100%;
    width: 100%;
}

.child {
    display: table-cell;
    vertical-align: middle;
}

.btn:focus {
    outline: none;
}

.btn.active,
.btn:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.wrapper {
    overflow: hidden;
}

.datepicker {
    cursor: pointer;
}


/*===========================
       Banner
===========================*/

.inner-banner .image-holder {
    position: relative;
}

.inner-banner .image-holder img {
    height: 775px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

.inner-banner .text-box {
    height: 100%;
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 23px;
    position: absolute;
    top: 0;
    width: 100%;
}

.inner-banner .text-inner .banner-top {
    float: right;
}

.banner-top ul {
    float: left;
    padding: 4px 0;
    margin-right: 22px;
}

.banner-top ul li {
    float: left;
    position: relative;
    padding: 0 6px;
}

.banner-top ul li:after {
    background-color: #fff;
    content: "";
    height: 15px;
    position: absolute;
    right: -1px;
    top: 3px;
    width: 1px;
}

.banner-top ul li:last-child:after {
    display: none;
}

.banner-top ul li a {
    color: #fff;
}

.banner-top .dropdown {
    float: left;
}

.banner-top .dropdown .btn {
    border-radius: 0;
    padding: 4px 14px;
    border: none;
}

.banner-top .dropdown .btn:hover {
    background-color: #fff;
}

.banner-top .caret {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px dashed;
    display: inline-block;
    height: 0;
    vertical-align: middle;
    width: 0;
}

.banner-top .btn-default.active,
.banner-top .btn-default:active,
.open>.dropdown-toggle.btn-default {
    background-color: #fff !important;
}

.banner-top .dropdown-menu {
    text-align: center;
    background-color: #fff;
    border: none;
    border-radius: 0;
    left: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    right: 0;
    min-width: 100%;
    margin: 0;
    padding: 10px 0 0;
}

.banner-top .dropdown-menu li {
    padding: 0;
    float: none;
    border-top: 1px solid #eee;
}

.banner-top .dropdown-menu li:after {
    display: none;
}

.banner-top .dropdown-menu li a {
    color: #000;
    display: block;
    padding: 5px 10px;
}

.banner-hedding {
    padding-top: 238px;
}

.banner-hedding h1 {
    color: #fff;
    font-size: 34px;
}

.banner-hedding h2 {
    color: #fff;
    font-size: 36px;
    margin-left: 50px;
    margin-top: 3px;
}

.inner-banner .owl-theme .owl-controls {
    margin-top: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    width: 100%;
}

.inner-banner .owl-theme .owl-controls .owl-buttons div {
    background: transparent none repeat scroll 0 0;
    border-radius: 0;
    margin: 0;
    opacity: 1;
    padding: 0;
}

.owl-prev {
    position: absolute;
    left: 0;
}

.owl-next {
    position: absolute;
    right: 0;
}


/*===========================
       navigation
===========================*/

.dasktop-manu {
    position: relative;
    z-index: 1000;
}

.dasktop-manu::after {
    background-image: url(../images/curve.png);
    background-repeat: no-repeat;
    background-size: 100% 175px;
    content: "";
    height: 135px;
    left: 0;
    position: absolute;
    top: -100%;
    width: 100%;
    z-index: -999;
}

.inner-navigation {
    padding: 19px 55px 11px 54px;
}

.inner-navigation .left-nave ul li {
    float: left;
    text-align: center;
    margin-right: 50px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.inner-navigation .left-nave ul li.active a {
    color: #91aa24;
}

.inner-navigation .left-nave ul li:hover .image-holder {
    background: url(../images/about_green.png) center center no-repeat;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.inner-navigation .left-nave ul li .image-holder {
    background: url(../images/about_black.png) center center no-repeat;
    width: 35px;
    height: 27px;
    margin: 0 auto 5px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.inner-navigation .left-nave ul li:nth-child(2) .image-holder {
    background: url(../images/news_black.png) center center no-repeat;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.inner-navigation .left-nave ul li:nth-child(2).active .image-holder {
    background: url(../images/news_green.png) center center no-repeat;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.inner-navigation .left-nave ul li:nth-child(2):hover .image-holder {
    background: url(../images/news_green.png) center center no-repeat;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.inner-navigation .left-nave ul li:nth-child(3) .image-holder {
    background: url(../images/room_black.png) center center no-repeat;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.inner-navigation .left-nave ul li:nth-child(3):hover .image-holder {
    background: url(../images/room_green.png) center center no-repeat;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.inner-navigation .left-nave ul li:nth-child(4) .image-holder {
    background: url(../images/activities_black.png) center center no-repeat;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.inner-navigation .left-nave ul li:nth-child(4):hover .image-holder {
    background: url(../images/activities_green.png) center center no-repeat;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.inner-navigation .left-nave ul li:last-child {
    margin-right: 0;
}

.inner-navigation .left-nave ul li a {
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.inner-navigation .left-nave ul li a:hover {
    color: #91aa24;
}

.inner-navigation ul li a span {
    display: block;
}

.inner-navigation .right-nave ul li {
    float: left;
    text-align: center;
    margin-right: 50px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.inner-navigation .right-nave ul li:hover .image-holder {
    background: url(../images/attractions_green.png) center center no-repeat;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.inner-navigation .right-nave ul li .image-holder {
    background: url(../images/attractions_black.png) center center no-repeat;
    width: 35px;
    height: 27px;
    margin: 0 auto 5px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.inner-navigation .right-nave ul li:nth-child(2) .image-holder {
    background: url(../images/location_black.png) center center no-repeat;
}

.inner-navigation .right-nave ul li:nth-child(2):hover .image-holder {
    background: url(../images/location_green.png) center center no-repeat;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.inner-navigation .right-nave ul li:nth-child(3) .image-holder {
    background: url(../images/Q_A_black.png) center center no-repeat;
}

.inner-navigation .right-nave ul li:nth-child(3):hover .image-holder {
    background: url(../images//Q_A_green.png) center center no-repeat;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.inner-navigation .right-nave ul li:nth-child(4) .image-holder {
    background: url(../images/contact_black.png) center center no-repeat;
}

.inner-navigation .right-nave ul li:nth-child(4):hover .image-holder {
    background: url(../images/contact_green.png) center center no-repeat;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.inner-navigation .right-nave ul li a {
    text-transform: uppercase;
    font-size: 14px;
    color: #000;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.inner-navigation .right-nave ul li a:hover {
    color: #91aa24;
}

.inner-navigation .right-nave ul li:last-child {
    margin-right: 0;
}

.inner-navigation .right-nave ul li a span {
    display: block;
}

.logo {
    position: absolute;
    left: 0;
    right: 0;
    top: -35px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 15%;
}

.logo img {
    display: inline-block;
    width: 200px;
}


/*===========================
       Index Sec 2
===========================*/

.heddings {
    text-align: center;
}

.heddings h2 img {
    margin-right: 15px;
}

.heddings h2 {
    font-size: 26px;
}

.index-sec2 {
    background-color: #fcfbee;
    padding-bottom: 30px;
    padding-top: 42px;
}

.index-sec2 .heddings {
    text-align: left;
}

.index-sec2-inner-left {
    margin-top: 30px;
}

.index-sec2-inner-left .text-box {
    width: 400px;
    margin-top: 20px;
    text-align: justify;
    text-justify: inter-ideograph;
}

.tsou-farm-button {
    margin-top: 35px;
}

.tsou-farm-button a {
    background-color: #f5a623;
    color: #fff;
    display: block;
    margin: 0 auto;
    padding: 7px 0;
    text-align: center;
    width: 150px;
}


/*===========================
       Index tree Sec
===========================*/

.index-tree-sec {
    background: url(../images/tree-background.jpg) repeat;
    border-top: 1px solid #f4f3e5;
    position: relative;
}

.index-tree-sec-inner {
    background: url(../images/about_us_divided_line.svg) repeat-x;
    padding: 93px 0 40px;
}

.index-tree-slide {
    margin-top: 60px;
}

.index-tree-slide .owl-theme .owl-controls .owl-buttons div {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 0;
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    margin: 0;
    opacity: 1;
    padding: 0;
}

.index-tree-slide .owl-buttons {
    position: absolute;
    top: 35%;
    transform: translate(0px, -35%);
    -webkit-transform: translate(0px, -35%);
    -moz-transform: translate(0px, -35%);
    -o-transform: translate(0px, -35%);
    width: 100%;
}

.index-tree-slide .owl-buttons .owl-prev {
    position: absolute;
    left: 0;
}

.index-tree-slide .owl-buttons .owl-next {
    position: absolute;
    right: 0;
}

.owl-pagination {
    display: none;
}

.index-tree-slide .owl-theme .owl-controls .owl-page span {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #979797;
    border-radius: 20px;
    display: block;
    height: 16px;
    margin: 5px 7px;
    opacity: 1;
    width: 16px;
}

.index-tree-slide .owl-theme .owl-controls .owl-page.active span,
.index-tree-slide .owl-theme .owl-controls.clickable .owl-page:hover span {
    background-color: #417505;
}

.index-tree-more {
    border: 2px solid transparent;
    border-radius: 10px;
    margin: 0 auto;
    padding: 39px 0;
    text-align: center;
    /* width: 263px; */
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.index-tree-more .image-holder {
    text-align: center;
}

.s_pic {
    height: 200px;
    background-repeat: no-repeat;
    width: 200px;
    margin: 0 auto;
}

.s_group_pic {
    /* height: 129px; */
    /* width: 126px; */
    /* background-position: center center; */
    height: auto;
    max-width: 100%;
}

.s_view_pic {
    height: 174px;
    width: 202px;
}

.s_book_pic {
    /* height: 222px;
    width: 166px; */
    background-position: center center;
}

.index-tree-more .text-box {
    margin-top: 33px;
}

.index-tree-more .text-box h3 {
    text-align: center;
    width: 100%;
    margin: 0 auto 8px;
    color: #8aa516;
    /* margin-left: -28px; */
    /* margin-bottom: 8px; */
}

.index-tree-more .text-box h3 span {
    text-align: left;
    display: inline-block;
}

.index-tree-more .text-box p {
    margin: 0 auto;
    text-align: left;
    /* width: 80%; */
    width: 200px;
    color: #333;
}

.click-green {
    bottom: 0;
    position: absolute;
    right: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.index-tree-more:hover {
    border: 2px solid #91aa24;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.index-tree-more:hover .click-green {
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 1;
    visibility: visible;
}

.index-tree-sec-inner .tsou-farm-button {
    /* margin-top: 70px; */
    margin-top: 20px;
}

.news-tree {
    left: 211px;
    position: absolute;
    top: 40px;
}

.itemTag {
    cursor: pointer;
}


/*===========================
      Form Room Sec
===========================*/

.form-room-sec {
    background: url(../images/rooms-back.jpg) no-repeat;
    background-size: cover;
    padding: 90px 0 130px;
}

.rooms-detail .col-md-3 {
    padding: 0 25px;
}

.rooms-detail {
    margin-top: 121px;
    margin-left: -10px;
    margin-right: -10px;
}

.room-box {
    background-color: rgba(255, 255, 255, 0.9);
    text-align: center;
    border-radius: 10px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: -webkit-box-shadow;
    transition-property: -webkit-box-shadow;
    transition-property: box-shadow;
    transition-property: box-shadow, -webkit-box-shadow;
    -webkit-tap-highlight-color: transparent;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-box-shadow: 0 0 1px transparent;
    box-shadow: 0 0 1px transparent;
    cursor: pointer;
}

.room-box:hover {
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.room-box .image-holder {
    background-color: #c87832;
    border-radius: 50%;
    height: 105px;
    left: 0;
    margin: 0 auto;
    padding: 25px 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: -46px;
    width: 105px;
}

.room-box .text-box {
    padding: 95px 29px 50px;
}

.room-box .text-box h2 {
    color: #9cb23c;
    margin-bottom: 16px;
}

.room-box .text-box p {
    /* text-align: left; */
    text-align: justify;
    text-justify: inter-ideograph;
}


/*===========================
     Map Location 
===========================*/

.multipleHash {
    cursor: pointer;
}

.xp-map-location-inner .col-md-6 {
    padding: 0;
}

.xp-map-location-left {
    padding-top: 90px;
}

.xp-map-location-inner .text-box {
    text-align: center;
    /* margin-top: 40px; */
    margin-top: 20px;
    width: 100%;
}

.xp-map-location-inner .text-box p span {
    text-align: left;
    display: inline-block;
    padding-bottom: 35px;
    margin: 0 16px;
}

.xp-map-location-inner .text-box div {
    color: #417505;
    font-size: 16px;
    border: 1px solid #417505;
    display: inline-block;
    /* padding: 5px 28px; */
    padding: 6px 20px;
    margin: 0 9px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.xp-map-location-inner .text-box a:hover {
    background-color: #417505;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    color: #fff;
}


/* .xp-map-location-inner .text-box p{
    padding-bottom: 35px;
} */


/*===========================
     Footer
===========================*/

footer {
    height: 246px;
    position: relative;
    /* top: -144px; */
    top: -105px;
    margin-bottom: 30px;
}

.footer-bg .image-holder img {
    height: 390px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

.footer-inner {
    bottom: -130px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.footer-inner h3 {
    margin-bottom: 3px;
    font-size: 16px;
}

.footer-inner p {
    font-size: 14px;
}

.footer-inner ul {
    padding: 5px 0;
}

.footer-inner ul li {
    display: inline-block;
    margin: 0 5px
}


/*===========================
       About Us
===========================*/

header {
    height: 97px;
}

.xp-logo {
    height: 97px;
    position: relative;
    z-index: 1;
}

.inner-header .col-md-9 {
    padding-left: 0;
}

.heder-links {
    text-align: right;
    margin-top: 7px;
}

.heder-links ul li {
    display: inline-block;
    margin: 0 5px;
    position: relative;
}

.heder-links ul li:after {
    background-color: #858585;
    content: "";
    height: 15px;
    position: absolute;
    right: -7px;
    top: 3px;
    width: 1px;
}

.heder-links ul li:last-child:after {
    display: none;
}

.heder-links ul li a {
    color: #858585;
}

.inner-page-navigation {
    margin-top: 9px;
    margin-left: -27px;
}

.inner-page-navigation ul li {
    float: left;
    margin-right: 50px;
    text-align: center;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

.inner-page-navigation ul li.active a {
    color: #91aa24;
}

.inner-page-navigation ul li.active .image-holder {
    background: rgba(0, 0, 0, 0) url("../images/about_green.png") no-repeat scroll center center;
}

.inner-page-navigation ul li:nth-child(2).active .image-holder {
    background: rgba(0, 0, 0, 0) url("../images/news_green.png") no-repeat scroll center center;
}

.inner-page-navigation ul li:nth-child(3).active .image-holder {
    background: rgba(0, 0, 0, 0) url("../images/room_green.png") no-repeat scroll center center;
}

.inner-page-navigation ul li:nth-child(4).active .image-holder {
    background: rgba(0, 0, 0, 0) url("../images/activities_green.png") no-repeat scroll center center;
}

.inner-page-navigation ul li:nth-child(5).active .image-holder {
    background: rgba(0, 0, 0, 0) url("../images/attractions_green.png") no-repeat scroll center center;
}

.inner-page-navigation ul li:nth-child(6).active .image-holder {
    background: rgba(0, 0, 0, 0) url("../images/location_green.png") no-repeat scroll center center;
}

.inner-page-navigation ul li:nth-child(7).active .image-holder {
    background: rgba(0, 0, 0, 0) url("../images/Q_A_green.png") no-repeat scroll center center;
}

.inner-page-navigation ul li:nth-child(8).active .image-holder {
    background: rgba(0, 0, 0, 0) url("../images/contact_green.png") no-repeat scroll center center;
}

.inner-page-navigation ul li .image-holder {
    background: rgba(0, 0, 0, 0) url("../images/about_black.png") no-repeat scroll center center;
    height: 27px;
    margin: 0 auto 5px;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    width: 35px;
}

.inner-page-navigation ul li a {
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    font-weight: bold;
}

.inner-page-navigation ul li a:hover span {
    color: #417505;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.inner-page-navigation ul li a span {
    display: block;
}

.inner-page-navigation ul li:hover .image-holder {
    background: rgba(0, 0, 0, 0) url("../images/about_green.png") no-repeat scroll center center;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.inner-page-navigation ul li:nth-child(2) .image-holder {
    background: url(../images/news_black.png) center center no-repeat;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.inner-page-navigation ul li:nth-child(2):hover .image-holder {
    background: url(../images/news_green.png) center center no-repeat;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.inner-page-navigation ul li:nth-child(3) .image-holder {
    background: url(../images/room_black.png) center center no-repeat;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.inner-page-navigation ul li:nth-child(3):hover .image-holder {
    background: url(../images/room_green.png) center center no-repeat;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.inner-page-navigation ul li:nth-child(4) .image-holder {
    background: url(../images/activities_black.png) center center no-repeat;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.inner-page-navigation ul li:nth-child(4):hover .image-holder {
    background: url(../images/activities_green.png) center center no-repeat;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.inner-page-navigation ul li:nth-child(5) .image-holder {
    background: url(../images/attractions_black.png) center center no-repeat;
}

.inner-page-navigation ul li:nth-child(5):hover .image-holder {
    background: url(../images/attractions_green.png) center center no-repeat;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.inner-page-navigation ul li:nth-child(6) .image-holder {
    background: url(../images/location_black.png) center center no-repeat;
}

.inner-page-navigation ul li:nth-child(6):hover .image-holder {
    background: url(../images/location_green.png) center center no-repeat;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.inner-page-navigation ul li:nth-child(7) .image-holder {
    background: url(../images/Q_A_black.png) center center no-repeat;
}

.inner-page-navigation ul li:nth-child(7):hover .image-holder {
    background: url(../images/Q_A_green.png) center center no-repeat;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.inner-page-navigation ul li:nth-child(8) .image-holder {
    background: url(../images/contact_black.png) center center no-repeat;
}

.inner-page-navigation ul li:nth-child(8):hover .image-holder {
    background: url(../images/contact_green.png) center center no-repeat;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.inner-page-navigation ul li:last-child {
    margin-right: 0;
}


/*===========================
       About Banner
===========================*/

.xp-second-banner {
    position: relative;
}

.xp-second-banner-inner .image-holder {
    position: relative;
}

.xp-second-banner-inner .image-holder img {
    width: 100%;
    height: 260px;
    -o-object-fit: cover;
    object-fit: cover;
}

.xp-second-banner-inner .text-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}

.xp-second-banner-inner .text-box h1 {
    color: #fff;
    text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.6);
}

.xp-second-banner-inner .text-box h1 img {
    height: auto !important;
    width: auto !important;
    margin-right: 15px;
    margin-top: 1px;
    /*box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.6);*/
    /*box-shadow: 5px 1px 10px rgb(0, 0, 1);*/
    vertical-align: top;
}


/*===========================
      Breadcrum Sec
===========================*/

.about-back {
    background-color: #fcfbee;
    padding-bottom: 130px;
    margin-bottom: -40px;
}

.breadcrum-sec {
    border-bottom: 1px solid #dedddc;
    padding: 4px 0;
}

.breadcrumb {
    background-color: transparent;
    border-radius: 0;
    list-style: outside none none;
    margin-bottom: 0;
    padding: 0;
}

.breadcrumb li a {
    color: #9b9b9b;
}

.breadcrumb li a img {
    vertical-align: top;
    margin-top: 2px;
}

.breadcrumb>li+li::before {
    color: #ccc;
    content: ">";
    padding: 0 3px 0 1px;
}

.breadcrumb>li+li.active {
    color: #9b9b9b;
}


/*===============
   Orange Tage
=================*/

.orange-tag a {
    background-color: #f5a623;
    border-radius: 50%;
    bottom: -40px;
    display: block;
    height: 69px;
    padding: 13px 0;
    position: absolute;
    right: 30px;
    text-align: center;
    width: 68px;
}

.orange-tag a {
    color: #fff;
}


/*===============
  About Page
=================*/

.about-page {
    padding: 37px 0;
    position: relative;
    z-index: 1;
}

.about-tab-control {
    text-align: center;
    margin-bottom: 53px;
}

.about-tab-control .nav-tabs {
    border-bottom: medium none;
    display: inline-block;
}

.about-tab-control .nav-tabs>li {
    float: left;
    margin: 0 9px;
}

.about-tab-control .nav-tabs>li>a {
    border-radius: 0;
    margin-right: 0;
    border: 1px solid #417505;
    color: #417505;
    display: inline-block;
    font-size: 16px;
    padding: 5px 28px;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

.about-tab-control .nav-tabs>li.active>a,
.about-tab-control .nav-tabs>li.active>a:focus,
.about-tab-control .nav-tabs>li.active>a:hover {
    border: 1px solid #417505;
    color: #fff;
    background-color: #417505;
}

.about-tab-control .nav-tabs li a:hover {
    border: 1px solid #417505;
    color: #fff;
    background-color: #417505;
}

.xp-about-firs .about-image {
    margin: 25px 0;
}

.xp-about-firs .about-image img {
    height: 350px;
    -o-object-fit: cover;
    object-fit: cover;
}

.xp-about-firs-contant .text-box {
    /* width: 980px; */
    text-align: justify;
    text-justify: inter-ideograph;
}

.xp-about-firs-contant .text-box p {
    font-size: 16px;
}

.xp-about-firs-contant .xp-about-firs-colum {
    width: 980px;
    margin: 25px 0 0;
}

.xp-about-firs-contant-box img {
    width: 100%;
}

.xp-about-firs-colum .col-md-4 {
    padding-right: 0
}

#mySelect {
    display: none;
}

.about-tab-control select {
    border: medium none;
    border-radius: 0;
    color: #ffffff;
    font-size: 24px;
    height: 53px;
    margin: 0 auto;
    text-align: center;
    width: 375px;
    background: #417505 url("../images/dropdown-arrow.png") no-repeat scroll 99% center / 35px auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.about-tab-control .mobail-tabss a#mySelect {
    border: medium none;
    border-radius: 0;
    color: #ffffff;
    font-size: 24px;
    height: 53px;
    margin: 0 auto;
    text-align: center;
    width: 375px;
    background: #417505 url("../images/dropdown-arrow.png") no-repeat scroll 99% center / 35px auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.about-tab-control select:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.about-tab-control select option {
    background-color: #ffffff;
    color: #91aa24;
    border-bottom: 1px solid #d6d5d7;
    padding: 0 5px;
}


/*====================
  About Second Tab
======================*/

.about-second-inenr .text-box {
    border-bottom: 2px dashed #417505;
    padding-bottom: 45px;
    text-align: justify;
    text-justify: inter-ideograph;
}

.about-second-gallry {
    margin: 0;
    padding-top: 38px;
    height: 130px;
}

.about-second-gallry ul li {
    float: left;
    /* padding: 5px; */
    margin: 3px;
    width: 19%;
    height: 120px;
    /* width: 218px; */
    overflow: hidden;
    /* max-height: 125px; */
}

.load-more {
    margin-top: 15px;
    text-align: center;
}

.load-more a {
    display: inline-block;
    color: #91aa24;
}

.load-more i {
    background-color: #91aa24;
    border-radius: 50%;
    color: #fff;
    display: block;
    height: 26px;
    margin: 0 auto 6px;
    padding: 6px 0;
    text-align: center;
    width: 26px;
}


/*====================
  About Third Tab
======================*/

.about-third-tab-inner {
    width: 730px;
    margin: 0 auto;
}

.about-third-tab-inner .text-box ul {
    margin: 30px 0;
    padding-left: 30px;
}

.about-third-tab-inner .text-box ul li {
    margin-bottom: 8px;
    list-style: disc;
}

.about-third-table {
    margin-top: 16px;
    padding-bottom: 40px;
    border-bottom: 2px dashed #89a415;
}

.about-third-table table {
    width: 100%;
}

.about-third-table table thead tr th {
    text-align: center;
    border-right: 1px solid #fff;
    background-color: #91aa24;
    padding: 10px 10px 0;
}

.about-third-table table thead tr th:nth-child(4) {
    padding-left: 0;
    padding-right: 0;
}

.about-third-table table thead tr th table thead tr th:nth-child(4) {
    padding-left: 10px;
    padding-right: 10px;
}

.about-third-table table thead tr th table {
    margin-top: 7px;
}

.about-third-table table thead tr th table thead tr th {
    border-top: 1px solid #fff;
    padding-bottom: 8px;
    padding-left: 15px;
    padding-right: 15px;
}

.about-third-table table thead tr th table thead tr th:last-child {
    border-right: none;
}

.about-third-table table tbody tr td {
    text-align: center;
    border: 1px solid #f0f0f0;
    padding: 9px 26px 12px;
}

.about-third-table table tbody tr td:nth-child(4) {
    padding: 0;
}

.about-third-table table tbody tr td:first-child {
    background-color: #e3f0a9;
}

.about-third-table table tbody tr td table tbody tr {
    vertical-align: top;
}

.about-third-table table tbody tr td table tbody tr td {
    border: none;
    border-right: 1px solid #f0f0f0;
    padding: 0;
    padding: 18px 0;
    width: 25px;
    height: 57px
}

.about-third-table table tbody tr td table tbody tr td:nth-child(4) {
    padding: 18px 0;
}

.about-third-table table tbody tr td table tbody tr td:first-child {
    background-color: transparent;
}

.about-third-table table tbody tr td table tbody tr td:last-child {
    border-right: none;
}

.about-third-table table tbody tr td table tbody tr:last-child {
    background-color: transparent;
}

.about-third-table table tbody tr td table tbody tr:last-child td:first-child {
    background-color: transparent;
}

.about-third-table table tbody tr:last-child {
    background-color: #d2d2d2;
}

.about-third-table table tbody tr:last-child td:first-child {
    background-color: #d2d2d2;
}


/*====================
  About four Tab
======================*/

.about-four-tab-inner {
    width: 660px;
    margin: 0 auto;
}

.about-four-box .hedding {
    background-color: #f5a623;
    padding: 19px 0;
    text-align: center;
}

.about-four-box .hedding h2 {
    font-size: 16px;
}

.about-four-box table {
    width: 100%;
}

.about-four-box table thead tr th {
    background-color: #f9dba2;
    padding: 25px 0;
    border-top: 3px solid #fcfbee;
    border-right: 3px solid #fcfbee;
    text-align: center;
}

.about-four-box table tbody tr td {
    text-align: center;
    border-top: 3px solid #fcfbee;
    border-right: 3px solid #fcfbee;
    padding: 18px 10px;
    border-bottom: 3px solid #fcfbee;
}

.about-four-box table tbody tr td:last-child {
    text-align: left;
}

.about-four-box table tbody tr:nth-child(odd) {
    background-color: #fff;
}

.about-four-box table tbody tr:nth-child(even) {
    background-color: #f0f0f0;
}


/*====================
  About Five Tab
======================*/

.aboutp-five-tab .about-four-box .hedding {
    background-color: #b64926;
}

.aboutp-five-tab .about-four-box .hedding h2 {
    color: #fff;
}

.aboutp-five-tab .about-four-box table thead tr th {
    background-color: #fbbaa5;
}

.aboutp-five-tab .about-four-box table tbody tr td {
    color: #b64926;
    font-weight: 700;
}

.aboutp-five-tab .about-four-box table tbody tr td:last-child {
    text-align: center;
}

.aboutp-five-tab .about-four-box table tbody tr:last-child td {
    color: #000;
}


/*===============================
         About News Paage
=================================*/

.about-news-main {
    background: url(../images/tree-background.jpg) repeat;
    background-size: cover;
    padding-bottom: 73px;
    margin-bottom: -40px;
}

about-news-page .about-tab-control {
    margin-bottom: 38px;
}

.about-news-page-inner .index-tree-more {
    margin: 0 auto 37px;
}

.pagination {
    /* margin: 0; */
    margin: 10px auto 0;
    display: block;
    text-align: center
}

.pagination-inner {
    display: inline-block;
}

.pagination ul li {
    float: left;
    margin: 0 6px;
}

.pagination ul li a {
    border: 1px solid #417505;
    border-radius: 5px;
    display: inline-block;
    color: #417505;
    font-size: 16px;
    padding: 3px 5px;
    text-align: center;
}

.pagination ul li a:hover {
    background-color: #417505;
    color: #fff;
}


/*===============================
         About News Detail
=================================*/

.about-news-detail {
    padding-top: 40px;
    padding-bottom: 120px;
}

.about-news-detail-hedding {
    margin-bottom: 32px;
}

.about-news-detail-hedding span {
    display: inline-block;
    background-color: #b62805;
    color: #FFF;
    font-size: 13px;
    padding: 5px 10px;
    margin-right: 10px;
}

.about-news-detail-hedding p {
    display: inline-block;
    color: #9b9b9b;
    font-size: 13px;
}

.about-news-detail-hedding h2 {
    font-size: 31px;
    margin-top: 6px;
}


/*===============================
      Room Page
=================================*/

.dasktop-room-inner .text-box {
    margin-top: 16px;
}

.dasktop-room-inner .text-box h2 {
    border-bottom: 2px solid #86a20e;
    display: inline-block;
    margin-bottom: 13px;
    padding-bottom: 7px;
}


/*===============================
      Room Book Page
=================================*/


/* .dasktop-room-book-hedding {} */

.dasktop-room-book-hedding h2 {
    display: inline-block;
    color: #b62805;
    vertical-align: middle;
    margin-right: 10px;
}

.dasktop-room-book-hedding h2 img {
    width: 34px;
    vertical-align: top;
    margin-top: -8px;
    margin-right: 10px;
}

.dasktop-room-book-hedding p {
    display: inline-block;
    line-height: 20px;
    vertical-align: middle;
}

.dasktop-room-book-hedding p span {
    display: block;
}


/*==================== 
    Room Book inner
=====================*/

.room-booking-inner {
    margin-top: 30px;
}

.room-bookin-box {
    margin-bottom: 20px;
}

.room-bookin-box .col-md-6.no-padding {
    padding-right: 2px;
}

.room-bookin-box .col-md-6.no-padding2 {
    padding-left: 2px;
}

.room-bookin-box .image-holder img {
    width: 100%;
    border-radius: 5px;
    height: 265px;
    -o-object-fit: cover;
    object-fit: cover;
}

.room-bookin-box .text-box {
    background-color: #fff;
    border: 1px solid #b1b1b1;
    border-radius: 5px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: relative;
    min-height: 265px;
}

.room-bookin-box .text-box a {
    /* padding: 48px 60px 55px 50px; */
    padding: 48px 50px;
    display: block;
    color: #000;
}

.room-bookin-box .text-box h3 {
    text-align: center;
    padding-bottom: 16px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.room-bookin-box .text-box p {
    text-align: justify;
    text-justify: inter-ideograph;
}

.click-gray {
    bottom: 0;
    position: absolute;
    right: 0;
}

.room-bookin-box .text-box .click-gray a {
    padding: 0;
}

.click-green-hover {
    bottom: 0;
    position: absolute;
    opacity: 0;
    right: 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.room-bookin-box .text-box .click-green-hover a {
    padding: 0;
}

.room-bookin-box .text-box:hover .click-green-hover {
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.room-bookin-box .text-box:hover h3 {
    color: #91aa24;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.room-bookin-box .text-box:hover {
    border: 1px solid #91aa24;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.room-bookin-box:nth-child(2n+2) .click-gray {
    right: auto;
    left: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.room-bookin-box:nth-child(2n+2) .click-green-hover {
    right: auto;
    left: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.room-home-icon {
    position: absolute;
    right: 20px;
    /* top: -45px; */
    top: -40px;
}


/*==================== 
    Room Detail
=====================*/

.dasktop-room-detail-inner .hedding {
    margin-bottom: 28px;
    text-align: center;
}

.dasktop-room-detail-slide .carousel {
    margin-top: 20px;
}

.dasktop-room-detail-slide .item .thumb {
    width: 32%;
    cursor: pointer;
    margin: 2px;
    float: left;
    border: 2px solid transparent;
    border-radius: 5px;
    height: 75px;
    overflow: hidden;
}

.dasktop-room-detail-slide #thumbcarousel {
    margin-top: 13px;
}

.dasktop-room-detail-slide .item .thumb.active {
    border: 2px solid #91aa24;
    opacity: 0.5;
}

.dasktop-room-detail-slide .item .thumb img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.dasktop-room-detail-slide .item img {
    width: 100%;
    border-radius: 10px;
}

.dasktop-room-detail-slide .thumbnail-controlar {
    display: none;
}

.carousel-control.left img {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 35px;
}

.carousel-control.left {
    left: -45px;
}

.carousel-control.right {
    right: -45px;
}

.carousel-control.right img {
    width: 35px;
}

.carousel-control.left,
.carousel-control.right {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    height: 32px;
    opacity: 1;
    text-shadow: inherit;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: auto;
}

.room-detail-tabs {
    margin-top: 15px;
}

.room-detail-tabs .nav-tabs>li {
    text-align: center;
    width: 33.3%;
}

.room-detail-tabs .nav-tabs>li>a {
    border: 1px solid #c9c9c8;
    margin-right: -1px;
    color: #000;
    position: relative;
}

.room-detail-tabs .nav-tabs li a:hover {
    background-color: #91aa24;
    color: #fff;
    border: 1px solid #91aa24;
}

.room-detail-tabs .nav-tabs li.active a:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #86a20e;
    content: "";
    height: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    width: 0;
    top: 41px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.room-detail-tabs .nav-tabs>li.active>a,
.room-detail-tabs .nav-tabs>li.active>a:focus,
.room-detail-tabs .nav-tabs>li.active>a:hover {
    background-color: #91aa24;
    color: #fff;
    border: 1px solid #91aa24;
}

.room-detail-tabs .tab-content {
    margin-top: 13px;
}

.room-detail-tabs .tab-content ul,
.room-detail-tabs .tab-content ol {
    padding-left: 30px;
}

.room-detail-tabs .tab-content ul li {
    list-style: disc;
}

.room-detail-tabs .group_class ul li {
    /* width: 18%; */
    /* max-height: 125px; */
    margin: 3px;
    overflow: hidden;
    width: 31%;
    max-height: 135px;
}

.room-detail-tabs .nav-tabs>li.active a {
    position: relative;
}

.room-detail-tabs .nav-tabs>li.active a:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #86a20e;
    content: "";
    height: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    top: 41px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    width: 0;
}


/*==================== 
    Dasktop camping
=====================*/

.dasktop-camping .about-tab-control {
    margin-bottom: 35px;
}


/*========================= 
    Dasktop Conferance
==========================*/

.conferance-main {
    background-color: #fcfbee;
}

.conferance-main .about-tab-control {
    margin-bottom: 28px;
}

.dasktop-conferance-inner .text-box {
    margin-bottom: 32px;
}

.dasktop-conferance-inner .text-box p {
    margin: 0 auto;
    /* text-align: center; */
    /* width: 51%; */
    width: 50%;
    text-align: justify;
    text-justify: inter-ideograph;
}

.conferance-inner-box {
    margin-bottom: 30px;
}

.conferance-inner-box .image-holder {
    position: relative;
}

.conferance-inner-box .text-box {
    background-color: #fff;
    border: 2px solid #efeee5;
    bottom: 20px;
    left: 4%;
    padding: 14px 15px;
    position: relative;
    text-align: center;
    width: 92%;
}

.conferance-inner-box .text-box h3 {
    position: relative;
    color: #505050;
    padding-bottom: 11px;
    margin-bottom: 10px;
}

.conferance-inner-box .text-box h3:after {
    position: absolute;
    content: "";
    background-color: #d2d2d2;
    height: 2px;
    width: 41px;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.conferance-inner-box .text-box p {
    margin: 0 auto;
    /* width: 80%; */
    width: 90%;
}

.conferance-inner-box .text-box a {
    color: #f5a623;
    border: 1px solid #f5a623;
    padding: 8px 73px 10px;
    display: inline-block;
    margin-top: 14px;
}

.conferance-inner-box .text-box a:hover {
    background-color: #f5a623;
    color: #fff;
}


/*============================ 
    Dasktop Food Resturent
=============================*/


/* .dasktop-food-resturent .dasktop-conferance-inner {
    width: 800px;
    margin: 0 auto;
} */

.dasktop-food-resturent .conferance-inner-box .text-box {
    background-color: #fcfbee;
    border: medium none;
    bottom: 20px;
    left: 0;
    padding: 14px 15px;
    margin: 0 0 45px 0;
    position: static;
    text-align: center;
    width: 100%;
}

.xp-food-detail-more {
    border-top: 2px solid #979797;
    margin-top: 98px;
    text-align: center;
}

.xp-food-detail-more a {
    background-color: #f5a623;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-top: 35px;
    padding: 17px 70px;
}


/*============================ 
  8 Activity Group Page
=============================*/

.activity-group-colum .activity-group-colum-left .image-holder img {
    width: 100%;
}

.activity-group-colum-right .room-detail-tabs {
    margin-top: 37px;
}

.activity-group-colum-download {
    padding: 8px 15px 16px;
    border-bottom: 1px solid #e2e2e3;
}

.activity-group-colum-download .text-box {
    float: left;
}

.activity-group-colum-download .text-box p {
    color: #b9b9b9;
}

.activity-group-colum-download .text-box span {
    display: block;
    font-size: 16px;
    color: #91aa24;
    font-weight: bold;
}

.activity-group-colum-download .image-holder {
    float: right;
    text-align: center;
    padding: 5px 0 0;
}

.activity-group-colum-download .image-holder img {
    display: inline-block;
    width: 26px;
}

.activity-group-colum-download .image-holder a span {
    display: block;
    color: #000;
    margin-top: 1px;
}

.activity-group-colum-gallery {
    margin-top: 30px;
}

.activity-group-colum-gallery ul li {
    float: left;
    width: 18.9%;
    margin-right: 10px;
}

.activity-group-colum-gallery ul li:last-child {
    margin-right: 0;
}

.activity-group-colum-gallery ul li a img {
    width: 100%;
}


/*============================ 
      9 Attraction Page
=============================*/

.attraction-main-first .image-holder {
    position: relative;
}

.attraction-main-first .image-holder img {
    width: 100%;
}

.attraction-search {
    position: absolute;
    bottom: 0;
    right: 0;
}

.attraction-search i {
    color: #000;
    background-color: rgba(255, 255, 255, 0.8);
    font-size: 28px;
    padding: 10px;
    border-radius: 5px;
}

.attraction-main-second-box {
    position: relative;
    border: 1px solid #dfdee0;
    cursor: pointer;
    border-radius: 0 5px 5px 0;
    margin-bottom: 20px;
}

.attraction-main-second-box .image-holder {
    float: left;
}

.attraction-main-second-box .text-box {
    float: left;
    width: 63.4%;
    background-color: #fff;
    /* padding: 40px 0 40px 25px; */
    padding: 35px 25px;
    height: 174px;
}

.attraction-main-second-box .text-box a {
    color: #828282;
}

.attraction-main-second-box .text-box a h3 {
    margin-bottom: 9px;
}

.attraction-main-second-box:hover {
    border: 1px solid #91aa24;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

.attraction-main-second-box:hover .click-green-hover {
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

.dasktop-attractive-detail .hedding {
    text-align: left;
}

.dasktop-attractive-detail .hedding h2 {
    margin-bottom: 14px;
}

.dasktop-attractive-detail .hedding ul li {
    margin-bottom: 3px;
}

.dasktop-attractive-detail .hedding p {
    margin-top: 8px;
    color: #759a4a;
}

.slide-tittle {
    font-size: 16px;
    font-weight: bold;
    margin-top: 7px;
    text-align: center;
}


/*============================ 
    10 Dasktop Location
=============================*/

.location-main-colum {
    margin-top: 18px;
}

.location-main-box {
    margin-top: 5px;
}

.location-main-box h3 {
    text-align: center;
    background-color: #91aa24;
    color: #fff;
    padding: 12px 0 14px;
    font-size: 16px;
    margin-bottom: 10px;
}

.location-main-box .text-box {
    padding: 0 20px;
}

.location-main-box .text-box span {
    font-size: 16px;
    /* font-weight: 900; */
    display: block;
    margin-bottom: 5px;
}

.location-main-box .text-box .text-inner {
    margin-bottom: 28px;
}

.location-main-box .text-box .text-inner ul {
    padding-left: 30px;
}

.location-main-box .text-box .text-inner ul li {
    /* list-style: inside none disc; */
    list-style: disc;
    margin-bottom: 5px;
    font-size: 16px;
}

.location-main-second {
    max-width: 770px;
    margin: 0 auto;
}

.location-main-second .text-box {
    margin-top: 25px;
}

.location-main-second .text-box span {
    display: inline-block;
    padding-left: 10px;
    vertical-align: top;
    /* width: 83%; */
    font-size: 16px;
    line-height: 28px;
}

.location-main-second .text-box ul {
    padding-left: 30px;
}

.location-main-second .text-box ul li {
    list-style: disc;
}


/*============================ 
    11 Dasktop Q A Page
=============================*/

.dasktop-Q-A-inner .panel-group .panel {
    border: medium none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
    margin-top: 10px;
}

.dasktop-Q-A-inner .panel-heading {
    padding: 0;
}

.dasktop-Q-A-inner .panel-group .panel ol {
    padding-left: 15px;
}

.dasktop-Q-A-inner .panel-group .panel ul {
    padding-left: 22px;
}

.dasktop-Q-A-inner .panel-group .panel ul li {
    margin-bottom: 8px;
    list-style: disc;
}

.dasktop-Q-A-inner .panel-heading a {
    background-color: #91aa24;
    color: #fff;
    display: block;
    font-size: 16px;
    padding: 19px;
}

.dasktop-Q-A-inner .panel-heading a i {
    float: right;
}

.dasktop-Q-A-inner .panel-heading a .fa-chevron-up {
    display: block;
}

.dasktop-Q-A-inner .panel-heading a .fa-chevron-down {
    display: none;
}

.collapsed .fa-chevron-up {
    display: none !important;
}

.collapsed .fa-chevron-down {
    display: block !important;
}


/*================================= 
    12 Dasktop Contact us Page
===================================*/

.contact-us-inner .text-box ul li {
    font-size: 16px;
    margin-bottom: 8px;
}

.contact-us-inner .room-detail-tabs .nav-tabs>li {
    text-align: center;
    width: 20%;
}

.contact-us-inner .room-detail-tabs {
    margin-top: 46px;
}

.contact-us-inner .room-detail-tabs .tab-content {
    margin-top: 33px;
}

.contact-us-table table {
    width: 100%;
}

.contact-us-table table thead tr th {
    background-color: #d8d8d8;
    font-weight: 700;
    text-align: center;
    padding: 12px 10px;
}

.contact-us-table table thead tr th:first-child {
    border-radius: 5px 0 0 5px;
}

.contact-us-table table thead tr th:last-child {
    border-radius: 0 5px 5px 0;
}

.contact-us-table table tbody tr td {
    text-align: center;
    border-bottom: 1px solid #e2e1e2;
    padding: 12px 10px;
}


/* .contact-us-table table tbody tr td.hidden-xs {
    border-bottom: none;
} */

.contact-us-table table tbody tr:last-child {
    border-bottom: 1px solid #e2e1e2;
}

.contact-form .form-group .form-control {
    height: 46px;
    border: 1px solid #b6b6b5;
    border-radius: 0;
    background-color: transparent;
    resize: none;
}

.contact-form .form-group .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.contact-form .form-group label {
    display: block;
    margin-bottom: 7px;
}

.contact-form .form-group label sup {
    color: red;
}

.contact-form .form-group textarea {
    height: 273px !important;
}

.contact-form .form-group p {
    color: #cc0007;
}

.contact-form .form-group input[type="submit"],
.contact-form .form-group input[type="button"] {
    float: right;
    background-color: #f5a623;
    color: #fff;
    display: block;
    margin: 0 auto;
    padding: 7px 0;
    text-align: center;
    width: 150px;
    border: none;
}


/*================================= 
    13 Dasktop Store
===================================*/

.stroe-inner ul li:first-child {
    list-style: none;
}

.stroe-inner ul li {
    list-style: inside none disc;
}

.stroe-inner-table form {
    display: inline-block;
    position: relative;
    margin-bottom: 20px;
}

.stroe-inner-table form input[type="text"] {
    border: 1px solid #b0b0b0;
    border-radius: 5px;
    color: #9f9e9f;
    background-color: transparent;
    height: 38px;
    max-width: 355px;
    min-width: 289px;
    padding-left: 40px;
}

.stroe-inner-table form input[type="submit"] {
    background-color: transparent;
    border: none;
    position: absolute;
    /* left: 0;
    top: 9px; */
    left: 6px;
    top: 9px;
    font-size: 18px;
}

.stroe-inner-table {
    margin-top: 13px;
}

.stroe-inner-table table {
    width: 100%;
}

.stroe-inner-table table thead th {
    background-color: #d8d8d8;
    /* padding: 24px 30px 16px; */
    padding: 15px 30px;
    font-size: 16px;
    text-align: left;
}

.stroe-inner-table table tbody tr td {
    border-bottom: 1px solid #e1e0e2;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    /* padding: 19px 30px 14px; */
    padding: 15px 30px;
}

.stroe-inner-table table tbody tr td ul li {
    list-style: none;
}

.dasktop-stroe-main .pagination {
    margin-top: 40px;
}


/*================================= 
    14 Dasktop Booking
===================================*/

.about-booking-main {
    padding-bottom: 150px;
}

.booking-baner-list {
    text-align: center;
    margin-top: 42px;
}

.booking-baner-list ul {
    display: inline-block;
}

.booking-baner-list ul li {
    float: left;
    margin: 0 72px;
}

.booking-baner-list ul li.active span {
    background-color: #91aa24;
}

.booking-baner-list ul li a {
    color: #fff;
    font-size: 16px;
}

.booking-baner-list ul li a span {
    border: 1px solid #9599a4;
    display: inline-block;
    background-color: #d2d2d2;
    padding: 5px 10px;
    /* margin-right: 10px; */
    margin: 0 5px;
}


/*============================== 
      Hotel Booking Sort
================================*/

.hotel-booking-sort {
    background-color: #91aa24;
    border-bottom: 1px solid #a5a79d;
    border-bottom: 1px solid #a5a79d;
    padding: 18px 0;
}

.hotel-booking-sort-inner .form-group .first-dropdown .dropdown a {
    background-color: #ffffff;
    color: #9b9b9b;
    display: inline-block;
    padding: 8px 10px 9px 12px;
    width: 257px;
}

.hotel-booking-sort-inner .form-group .first-dropdown .dropdown a i {
    font-size: 20px;
    color: #6e6e6e;
    margin-right: 8px;
}

.hotel-booking-sort-inner .form-group .first-dropdown .dropdown .dropdown-menu {
    border-radius: 0;
    width: 100%;
    border: 1px solid #d2d2d2;
    padding: 0;
}

.hotel-booking-sort-inner .form-group .first-dropdown .dropdown .dropdown-menu li {
    border-bottom: 1px solid #d2d2d2;
}

.hotel-booking-sort-inner .form-group .first-dropdown .dropdown .dropdown-menu li:last-child {
    border-bottom: none;
}

.hotel-booking-sort-inner .form-group .first-dropdown .dropdown .dropdown-menu li a {
    color: #4f4f4f;
    display: block;
    font-size: 16px;
    padding-bottom: 9px;
    padding-left: 42px;
    padding-top: 6px;
}

.hotel-booking-sort-inner .form-group .first-dropdown .dropdown .dropdown-menu li a:hover {
    background-color: #d2d2d2;
}

.hotel-booking-sort-inner .form-group .date-picker {
    margin-left: 5px;
    margin-right: 5px;
}

.hotel-booking-sort-inner .form-group .date-picker .datepicker-autoclose {
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #9b9b9b;
    font-size: 16px;
    padding: 9px 10px 8px 39px;
    width: 220px;
    background: #fff url(../images/calender-icon.png) 10px center no-repeat;
    cursor: pointer;
}

.hotel-booking-sort-inner .form-group .date-picker .datepicker-autoclose:nth-child(2) {
    border-left: 1px solid #b4b4b4;
    margin-left: -4px;
    /* width: 49.5%; */
}

.hotel-booking-sort-inner .form-group .second-dropdown a img {
    /* margin-right: 7px;
    margin-top: -4px; */
    position: absolute;
    top: 10px;
}

.hotel-booking-sort-inner .form-group .first-dropdown.second-dropdown a {
    /* padding: 8px 87px 9px 12px; */
    padding: 8px 12px;
    width: 240px;
}

.hotel-booking-sort-inner .form-group .first-dropdown.second-dropdown .dropdown-menu li {
    text-align: center;
    position: relative;
    padding: 7px 10px;
    border-bottom: none;
}

.hotel-booking-sort-inner .form-group .first-dropdown.second-dropdown .dropdown-menu li a {
    background-color: #bababa;
    color: #ffffff;
    display: inline-block;
    float: left;
    font-size: 15px;
    line-height: 0.6;
    /* padding: 2px 4px 6px; */
    padding: 4px;
    width: auto;
}

.hotel-booking-sort-inner .form-group .first-dropdown.second-dropdown .dropdown-menu li a.second {
    right: 9px;
    position: absolute;
}

.hotel-booking-sort-inner .form-group .btn-defult {
    background-color: #f5a623;
    color: #fff;
    text-align: center;
    border: none;
    padding: 8px 70px 9px;
    font-size: 16px;
    margin-left: 8px;
}


/*============================== 
     Booking Room Detail
================================*/

.booking-room-detail {
    padding-bottom: 63px;
    padding-top: 40px;
}

.booking-room-detail h1 {
    text-align: center;
}

.booking-room-colum {
    border: 1px solid #cacaca;
    border-radius: 5px;
    margin-top: 15px;
}

/* .booking-room-colum div h2 ol {
    padding-left: 17px;
    font-size: 16px;
    color: red;
    line-height: 25px;
} */

.booking-room-colum .title {
    /* padding: 5px 11px; */
    padding: 5px 10px;
    background-color: #f0f0f0;
}

.booking-room-colum table {
    width: 100%;
    background-color: #fff;
}

.booking-room-colum table thead tr th {
    background-color: #d2d2d2;
    font-size: 20px;
    /* padding: 6px 13px; */
    padding: 6px 12px;
    font-weight: normal;
    color: #4a4a4a;
}

.booking-room-colum table tbody tr td {
    /* padding: 11px; */
    border-right: 1px solid #cacaca;
    font-size: 16px;
    /* color: #4b4b4b; */
    color: #4a4a4a;
    /* font-weight: 500; */
    line-height: 27px;
}


/* .booking-room-colum table tbody tr.desk_tr td {
    padding: 11px;
} */

.booking-room-colum table tbody tr td.img_td {
    /* width: 270px; */
    width: 260px;
}

.booking-room-colum table tbody tr td img {
    /* height: 201px; */
    /* height: 222px; */
    height: 210px;
    -o-object-fit: cover;
    object-fit: cover;
    /* width: 100%; */
    width: 250px;
    margin: 0 auto;
}

.booking-room-colum table tbody tr td span {
    color: #b62805;
}

.booking-room-colum table tbody tr td strong {
    text-decoration: line-through;
    font-weight: normal;
    display: block;
    color: #4a4a4a;
}

.booking-room-colum table tbody tr td a {
    display: block;
    color: #fff;
    text-align: center;
    background-color: #9b9b9b;
    padding: 4px 0;
    /* margin-bottom: 5px; */
}

.booking-room-colum table tbody tr td a.first-child {
    /* margin-top: 13px; */
    margin-top: 10px;
}

.booking-room-colum table tbody tr td:nth-child(2),
.booking-room-colum table tbody tr td:nth-child(3),
.booking-room-colum table tbody tr td:nth-child(5) {
    vertical-align: top;
}

.fc .fc-toolbar>*>:first-child {
    margin-bottom: -3px;
}

.fc .fc-toolbar .fc-prev-button {
    padding: 0;
    background: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.fc-prev-button span {
    font-size: 10px;
    top: 0 !important;
    line-height: 26px;
    height: 22px;
    margin: 0 0 0 5px !important;
    color: #91AA24;
}

.fc-prev-button span:after {
    content: '◄ 上個月';
}

.fc .fc-toolbar .fc-next-button {
    padding: 0;
    background: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.fc-next-button span {
    font-size: 10px;
    top: 0 !important;
    line-height: 26px;
    height: 22px;
    margin: 0 5px 0 0 !important;
    color: #91AA24;
}

.fc-next-button span:after {
    content: '下個月 ►';
}


/*============================== 
    Hotel-Booking Step2
================================*/

.hotelbooking-step2 {
    padding: 72px 0 30px
}

.hotelbooking-step2-left {
    background-color: #fff;
    border: 1px solid #b1b1b1;
    border-radius: 5px;
    padding: 18px 17px 11px 13px;
}

.hotelbooking-step2-left h3 {
    font-size: 16px;
}

.hotelbooking-step2-left h4 {
    font-size: 16px;
    margin: 16px 0 10px;
}

.hotelbooking-step2-left span {
    display: block;
    border-bottom: 1px dashed #e5e5e5;
    padding-bottom: 16px;
    margin-bottom: 11px;
    color: #b34535;
}

.hotelbooking-step2-left p {
    font-size: 16px;
}

.hotelbooking-step2-left ul {
    border-bottom: 1px solid #b4b4b4;
    padding-bottom: 8px;
    margin-bottom: 12px;
}

.hotelbooking-step2-left ul li {
    font-size: 16px;
    display: inline-block;
    /* margin-right: 35px; */
    margin-right: 30px;
}

.hotelbooking-step2-left strong {
    font-size: 16px;
    text-align: right;
    display: block;
}

.hotelbooking-step2-right .hedding h2 {
    font-size: 18px;
    color: #fff;
    background-color: #91aa24;
    border-radius: 5px;
    border: 1px solid #b2b1b2;
    /* padding: 13px 25px 10px; */
    padding: 10px 15px;
}

.hotelbooking-step2-colum .text-box {
    background-color: #fff;
    border: 1px solid #afafae;
    position: relative;
    height: 264px;
    overflow-x: hidden;
    overflow-y: auto;
}


/* .hotelbooking-step2-colum .text-box .text-inner {
    height: 264px;
    overflow: hidden;
} */

.mCSB_inside>.mCSB_container {
    padding: 14px 0 0 13px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
    right: -7px;
}

.mCSB_scrollTools .mCSB_draggerRail {
    border-radius: 0;
    height: 100%;
    margin: 0 auto;
    width: 9px;
    background-color: #ededed;
    border-left: 1px solid #afafaf;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #d2d2d2;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    height: 40%;
    margin: 10px 8px;
    width: 8px;
    border: 1px solid #c8c8c8;
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #d2d2d2;
}

.check-box {
    /* padding-left: 10px; */
    margin-top: 1px;
}


/* .squaredFour */

.squaredFour {
    width: 20px;
    position: relative;
    margin: 9px 0 7px;
    display: inline-block;
    vertical-align: middle;
}

.squaredFour label {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
    border: 1px solid #aeaead;
    border-radius: 0px;
}

.squaredFour label span {
    display: block;
    font-size: 16px;
    margin: -3px 0 0;
    padding-left: 30px;
    width: 400px;
}

.squaredFour label::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: -moz-use-text-color -moz-use-text-color #ffffff #ffffff;
    -o-border-image: none;
    border-image: none;
    border-style: none none solid solid;
    border-width: medium medium 3px 3px;
    content: "";
    height: 7px;
    left: 3px;
    opacity: 0;
    position: absolute;
    top: 4px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 11px;
}

.squaredFour input[type=checkbox] {
    visibility: hidden;
}

.squaredFour input[type=checkbox]:checked+label:after {
    opacity: 1;
}


/* end .squaredFour */

.hotelbooking-step2-button {
    text-align: right;
}

.hotelbooking-step2-button a {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    background-color: #9b9b9b;
    border-radius: 5px;
    padding: 7px 20px 9px;
}


/*============================== 
    Hotel-Booking Step2 Form
================================*/

.hotelbooking-step2-form,
.hotelbooking-step2-radio {
    margin-top: 37px;
}

.hotelbooking-step2-colum .hedding,
.hotelbooking-step2-form .hedding,
.hotelbooking-step2-radio .hedding {
    margin-bottom: 7px;
}

.hotelbooking-step2-form form {
    margin-top: 15px;
}

.hotelbooking-step2-form .form-group sup {
    color: #b72c0b;
    font-size: 17px;
    left: 2px;
    top: 0;
    /* left: -5px; */
    /* top: 5px; */
}

.hotelbooking-step2-form .form-group {
    margin-bottom: 7px;
}

.hotelbooking-step2-form .form-group label {
    display: inline-block;
    margin-left: 5px;
    /* width: 70px; */
    width: 85px;
    margin-right: 10px;
    color: #9f9f9e;
    text-align: left;
}

.hotelbooking-step2-form .form-group label span {
    display: inline-block;
    float: right;
}

.hotelbooking-step2-form .form-group .form-control {
    border: 1px solid #aeaeae;
    display: inline-block;
    /* background-color: #ededed; */
    -webkit-box-shadow: none;
    box-shadow: none;
    /* width: 85%; */
    width: 645px;
    font-size: 15px;
}

.hotelbooking-step2-form .form-group strong {
    color: #b72c0b;
    /* margin-left: 94px; */
}

.hotelbooking-step2-radio-inner {
    margin-bottom: 12px;
    /* margin-top: 13px; */
    margin-top: 1px;
}


/*===============================
      Radio button Style
===============================*/

.control-group {
    display: block;
    float: none;
}

.hotelbooking-step2-radio-inner label.control {
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 0;
    margin-right: 15px;
    padding-left: 29px;
    position: relative;
}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.control__indicator {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #bcbcbb;
    height: 23px;
    left: 0;
    position: absolute;
    top: 2px;
    width: 23px;
}

.control--radio .control__indicator {
    border-radius: 50%;
}

.control input:checked~.control__indicator {
    background: transparent;
}

.control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}

.control input:checked~.control__indicator:after {
    display: block;
}

.control--checkbox .control__indicator:after {
    left: 8px;
    top: 4px;
    width: 3px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.control--checkbox input:disabled~.control__indicator:after {
    border-color: #7b7b7b;
}

.control--radio .control__indicator:after {
    background: #bcbcbb none repeat scroll 0 0;
    border-radius: 50%;
    height: 15px;
    left: 3px;
    top: 3px;
    width: 15px;
}

.control--radio input:disabled~.control__indicator:after {
    background: #7b7b7b;
}


/*===============================
     Hotel Booking Contact
===============================*/

.hotel-booking-contact {
    padding: 36px 0;
}

.hotel-booking-contact-ineer {
    border: 2px solid #c8c8c7;
    margin-top: 20px;
}

.hotel-booking-contact-ineer .title {
    background-color: #91aa24;
    /* padding: 14px 24px; */
    padding: 15px 30px;
}

.hotel-booking-contact-ineer .title h3 {
    color: #fff;
    font-size: 16px;
}

.hotel-booking-contact-top {
    /* padding: 17px 20px 18px 42px; */
    padding: 15px 30px;
    border-bottom: 1px solid #b7b7b6;
}

.hotel-booking-contact-top h3 {
    color: #000;
    font-size: 20px;
    margin-bottom: 19px;
}

.hotel-booking-contact-top ul li {
    color: #a8a8a7;
    font-size: 16px;
    margin: 10px 0;
    font-weight: 600;
}

.hotel-booking-contact-top ul li span {
    display: inline-block;
    width: 120px;
}

.hotel-booking-contact-mid {
    /* padding: 17px 23px 18px 23px; */
    padding: 30px 30px 10px;
}

.hotel-booking-contact-mid table {
    width: 100%;
}

.hotel-booking-contact-mid table tbody tr td {
    border-bottom: 2px solid #c5c5c4;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    /* padding-bottom: 40px; */
    padding-bottom: 30px;
    padding-left: 21px;
    padding-right: 16px;
}

.hotel-booking-contact-mid table tbody tr td span {
    color: #909090;
    display: block;
    font-size: 15px;
}

.hotel-booking-contact-mid table tbody tr td:last-child {
    font-size: 26px;
    padding-right: 0;
}

.hotel-booking-contact-mid table tbody tr:last-child td {
    border-bottom: none;
    padding-top: 20px;
}

.hotel-booking-contact-last ul {
    /* padding: 17px 20px 18px 42px; */
    padding: 20px 30px 0;
    font-size: 16px;
}

.hotel-booking-contact-last ul li {
    margin-bottom: 20px;
}

.hotel-booking-contact-last ul li div.div1 {
    width: 60px;
    float: left;
    margin-right: 15px;
}

.hotel-booking-contact-last ul li div.div2 {
    margin-left: 28px;
    display: inline-block;
}

.hotel-booking-contact-last ul li div.div3 {
    display: inline-block;
    /* margin-left: 10px; */
}

.hotel-booking-contact .hotelbooking-step2-button {
    text-align: center;
    margin-top: 40px;
}

.hotel-booking-contact .hotelbooking-step2-button a:last-child {
    background-color: #b62805;
}

.hotelbooking-step2-last h1 span {
    font-size: 24px;
    color: #999999;
}


/*===============================
     Light box style
===============================*/

.lb-data .lb-number {
    display: none !important;
}

.lightbox {
    font-weight: 400;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    width: 66%;
    z-index: 10000;
}

.lb-outerContainer {
    width: auto !important;
    height: auto !important;
}

.lightbox .lb-image {
    width: 100% !important;
    height: 100% !important;
}

.lb-data .lb-close {
    background: #4a4a4a url("../images/close.png") no-repeat scroll 8px 6px;
    height: 44px;
    width: 44px;
    position: absolute;
    /* top: -50px; */
    top: -20px;
    right: -20px;
    border: 1px solid #fff;
    opacity: 1;
    border-radius: 50%;
    z-index: 9999;
}

.lb-nav a.lb-next {
    background: #4a4a4a url("../images/next.png") no-repeat scroll 14px 48% / 30px auto;
    border: 1px solid #ffffff;
    border-radius: 50%;
    height: 44px;
    opacity: 1;
    position: absolute;
    right: -60px;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    -webkit-transition: opacity 0.6s ease 0s;
    transition: opacity 0.6s ease 0s;
    width: 44px;
}

.lb-nav a.lb-prev {
    background: #4a4a4a url("../images/prev.png") no-repeat scroll 0 48% / 30px auto;
    /* display: block !important; */
    display: block;
    border: 1px solid #ffffff;
    border-radius: 50%;
    height: 44px;
    opacity: 1;
    position: absolute;
    left: -60px;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    -webkit-transition: opacity 0.6s ease 0s;
    transition: opacity 0.6s ease 0s;
    width: 44px;
}

.mobail-header {
    height: 100px;
}

.mobail-inner-header .nav-icon {
    float: left;
    padding-top: 23px;
    margin-right: 42px;
}

.mobail-inner-header .nav-icon img {
    width: 53px;
}

.mobail-inner-header .mobail-logo {
    float: left;
    height: 100px;
    position: relative;
    z-index: 1;
}

.mobail-inner-header .mobail-dropdown {
    float: right;
    padding: 33px 0;
}

.mobail-dropdown a {
    border-radius: 0;
    background-color: #fff;
    border: 1px solid #555555;
    color: #000;
    padding: 4px 10px;
    display: inline-block;
}

.mobail-header {
    display: none;
}

.mobail-manu {
    display: none;
}


/*===============================
     mobail-menu-style
===============================*/

.mobail-manu {
    background-color: #91aa24;
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    display: none;
    text-align: center;
    padding-top: 34px;
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    padding-bottom: 30px;
}

.mobail-manu.active {
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.cross-icon a {
    display: inline-block;
}

.cross-icon img {
    width: 42px;
}

.menu-languge {
    margin-top: 36px;
}

.menu-languge ul {
    display: inline-block;
}

.menu-languge ul li {
    float: left;
    margin: 0 12px;
}

.menu-languge ul li a {
    color: #fff;
    font-size: 26px;
    border-radius: 50%;
    text-transform: uppercase;
    width: 60px;
    height: 60px;
    display: inline-block;
    padding: 10px 0;
}

.menu-languge ul li a:hover {
    background-color: #fff;
    border-radius: 50%;
    color: #91aa24;
}

.inner-mobail-manu {
    margin-top: 11px;
}


/* .inner-mobail-manu ul li {} */

.inner-mobail-manu ul li a {
    color: #fff;
    font-size: 20px;
    padding: 18px 0;
    position: relative;
    border-bottom: 1px solid #fff;
    display: block;
}

.inner-mobail-manu ul li a span {
    display: inline-block;
}

.inner-mobail-manu ul li a i {
    position: absolute;
    padding-left: 10px;
    padding-top: 5px;
}

.inner-mobail-manu ul li .fa-angle-up {
    display: none;
}

.inner-mobail-manu ul li.active .fa-angle-up {
    display: inline-block;
}

.inner-mobail-manu ul li.active .fa-angle-down {
    display: none;
}

.inner-mobail-manu ul li .sub-manu {
    background-color: #ffffff;
    padding: 7px 0;
    display: none;
}

.inner-mobail-manu ul li .sub-manu ul li a {
    color: #91aa24;
    padding: 15px 0;
}

.mobail-manu-list {
    margin-top: 40px;
}

.mobail-manu-list ul li {
    display: inline-block;
    margin: 0 12px;
    position: relative;
}

.mobail-manu-list ul li:last-child:after {
    display: none;
}

.mobail-manu-list ul li:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 20px;
    background-color: #fff;
    right: -13px;
    top: 5px;
}

.mobail-manu-list ul li a {
    color: #fff;
    font-size: 20px;
}

.mobail-inner {
    height: 90vh;
    overflow-y: auto;
}

.mobail-thumbnail {
    display: none;
}

.contact-us-mobail {
    display: none;
}

.contact-us-mobail .text-box {
    background-color: #fff;
    border: 1px solid #d6d5d7;
    border-radius: 5px;
    padding: 20px;
}

.contact-us-mobail .text-box h3 {
    color: #417505;
    font-size: 20px;
    border-bottom: 2px solid #d6d5d7;
    padding-bottom: 18px;
    margin-bottom: 14px;
}

.hotel-booking-sort-inner .form-group .first-dropdown.mobail-down .dropdown a {
    padding-right: 12px;
    width: 100%;
}

.mobail-down-inner ul li {
    float: left;
    /* width: 33.3%; */
    width: 50%;
    text-align: center;
    position: relative;
    padding: 7px 0;
}


/* .mobail-down-inner ul li:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background-color: #979797;
    right: 20px;
    top: 0;
} */

.mobail-down-inner ul li:last-child:after {
    display: none;
}

.mobail-down-inner ul li strong {
    font-size: 22px;
    font-weight: normal;
}

.mobail-down-inner ul li sup {
    font-size: 14px;
    left: 0;
    position: absolute;
    top: 10px;
}

.mobail-down {
    display: none;
}

.mobail-booking-tbl {
    display: none;
}

/* .mobail-booking-tbl div h2 ol {
    padding-left: 17px;
    font-size: 16px;
    color: red;
    line-height: 25px;
} */

.mobail-booking-tbl-colum {
    background-color: #fff;
    border: 1px solid #d2d2d2;
    margin-bottom: 20px;
}

.mobail-booking-tbl-colum .title {
    padding: 20px
}

.mobail-booking-tbl-colum .title h3 {
    display: inline-block;
}

.mobail-booking-tbl-colum .title span {
    display: inline-block;
    float: right;
    color: #d9d9d9;
    font-size: 16px;
}

.mobail-booking-tbl-colum .image-holder img {
    width: 100%;
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
}

.mobail-booking-tbl-colum .text-box .text-box-inner {
    float: left;
    /* padding-top: 18px;
    padding-left: 40px;
    padding-bottom: 20px;
    padding-right: 10px; */
    padding: 15px;
    width: 100%;
}

.mobail-booking-tbl-colum .text-box .text-box-inner p {
    font-weight: 600;
}

.mobail-booking-tbl-colum ul {
    border-top: 1px solid #d2d2d2;
    padding: 20px;
}

.mobail-booking-tbl-colum ul li {
    font-size: 20px;
}


/* .mobail-booking-tbl-colum ul li:last-child { */


/* color: #0870ba; */


/* } */

.mobail-booking-tbl-colum ul li span {
    float: right;
    font-size: 24px;
}

.mobail-booking-tbl-colum ul li:first-child span {
    color: #4a4a4a;
    text-decoration: line-through;
}


/* .mobail-booking-tbl-colum ul li:last-child span { */


/* color: #b62805; */


/* font-size: 30px; */


/* } */

.mobail-booking-tbl-colum a {
    color: #ffffff;
    display: block;
    /* font-size: 20px; */
    font-size: 15px;
    margin: 0 0 10px 0;
    padding: 7px 0;
    text-align: center;
    /* width: 100%; */
}

.mobail-booking-tbl-colum a.mobile_order {
    font-size: 20px;
    padding: 14px 0;
    width: 100%;
}

.mobail-tabss {
    display: none;
}

.detail-link-button {
    margin-top: 20px
}

.detail-link-button a {
    color: #fff;
    width: 100%;
    text-align: center;
    background-color: #86a20e;
    display: block;
    border-radius: 5px;
    padding: 12px 0;
}

.orange-tag.orange-tag-index a {
    right: 80px;
    top: -110px;
}