  #app a, .section-terms a {
        color: #000 !important;
    }

    @media (max-width: 767px) {
        .nav-tabs {
            border-bottom: 2px dashed #555 !important;
            margin-bottom: 20px;
            padding-bottom: 20px;
        }
        .nav-tabs>li>a, .nav-tabs>li>a:focus, .nav-tabs>li>a:hover {
            color: #555;
        }
    }
  
    .animatedheight-inner h2 a {
        color: #4a4443 !important;
    }
.home-mobileboxoverviews-overview{padding-bottom: 100px;}
.overview-bg{background: #ebebeb;padding: 20px 10px;}
.roomtype_div-amenities .amenities-icons {
    border: 1px solid #000000;
    margin-bottom: 20px;
    padding: 10px 10px 0;
}

.roomtype_div-amenities .amenities-icons {
    border: 1px solid #000000;
    margin-bottom: 20px;
    padding: 10px 10px 0;
}

.amenities-icons ul li figure {
    padding: 12px;
}
.amenities-icons ul li figure img {
    margin-bottom: 6px;
}

.amenities-icons ul li {
    display: inline-block;
    margin-bottom: 10px;
    text-align: center;
}

.section-padding.PT0 {
    padding-top: 0;
}

/* .fa-wheelchair{font-size:35px !important;margin-right: 5px;}  */
.title{ margin-top: 30px}

.btn-brown {
    background-color: var(--primary);
    border-color: var(--primary);
    color: #ffffff;
}
.btns {
    border-radius: 0;
    padding: 15px 30px !important;
    text-transform: uppercase;
    transition: all 0.2s ease 0s; border: none;
}
#amenities-details {
    padding: 10px;
}
.roomtype_div-amenities .service-list h4 {
    color: #222222;
    text-transform: uppercase;
}
.roomtype_div-amenities .service-list ul {
    -moz-column-count: 3;
    margin-bottom: 25px;
}
.color-white{color:#fff !important;}


.btn-readmore {
    font-size: 18px;
    letter-spacing: 1.2px;
    padding: 16px 26px;
    border-radius:0;
    background:none;border:1px solid var(--primary);
    transition: all .4s;color: var(--primary); text-transform: uppercase; margin-top:10px
}

.btn-readmore:hover, .btn-readmore:focus {
	background: var(--primary-dark); color:#ffffff
}

.btn-readmore::before {
    background: var(--primary);
    border-radius:0;
}

.overview-description-overview{
    overflow: hidden;
    min-height: 330px;
    height: 50px;
    text-align: justify;z-index: 9;
}

.colapsshoecontentlinkdiv-overview,
.colapsshoecontentlinkdiv2-overview {
    text-align: center;
}

.colapsshoecontentlinkdiv2-overview {display: none;}

.hotel-intro {
    background: #ccc;

}

.mobile0verviewinnwerdiv-overview  {
    background: #ccc !important;
}

.d-block {
    display: block; 
    
}

.hotelname__about {
    font-size: .7em;
}

.hotelname {
    color: #5d3e04;
}

.animatedheight-inner-overview {
  
    margin-top: 10px;
    overflow: hidden;
    width: 100%;

}

.animatedheight-inner-overview a {
    color: #444;
}

.colapsshoecontentlinkdiv-overview  {
    bottom: -15px;
    cursor: pointer;
    height: 73px;
    left: 0;
    /* margin: 0 auto; */
    margin: 0 auto 20px auto;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.colapsshoecontentlinkdiv-overview span, .colapsshoecontentlinkdiv2-overview span {
    display: inline-block;
}

.colapsshoecontentlinkdiv2-overview  {
    bottom: -15px;
    cursor: pointer;
    height: 73px;
    left: 0;
    /* margin: 0 auto; */
    margin: 0 auto 20px auto;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1;
}
.animatedheight-inner-overview h2 {
    color: #261315;
    font-size: 22px;
    text-align: left;
}

.imagemarginnew {
    text-transform: uppercase;
}


/* To override default border-color of tabs of overview page */

.overviewbar.nav-tabs>li>a {
    color: #261315;
    border-bottom: 2px solid transparent ;
}

.nav-tabs>li>a:hover {
    border-color: transparent;
}

.nav-tabs.overviewbar {
    display: flex;
    justify-content: center;
}

.nav-tabs {
    border-bottom: none;
}



/* AMENITIES SECTION */

.roomtype_div-amenities  {
    text-align: center;
}

#amenities {
        /* border-bottom: 2px solid; */
        display: inline-block;
        /* margin: 0 auto; */
        padding: 12px 25px;
        /* text-align: center; */
        background: #585555;
        color: #fff;
        border-radius: 100px;
        font-size: 2.3rem;
        text-transform: uppercase;
}


.amenities-icons {
    width: 80%;
    margin: 30px auto;
}

.thumbnail {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
    transition: 0.3s;
    min-width: 40%;
    border-radius: 5px;
  }
 
  .thumbnail-description {
    min-height: 40px;
  }
 
  .thumbnail:hover {
    cursor: pointer;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 1);
  }


.bg-secondary {
    background: #ccc;
}

.amenities-wrapper {
    border: 2px solid blue
}

.amenities__title {
    text-align: center;
}

.amenity-logo {
    font-size: 40px;
    color: #5d3e04;

}

.amenity-logo-wrapper {
    padding: 15px;
    border: 1px solid #5d3e04;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
}

/* ============================ Version 2.0 ============================ */

.no-padding { padding: 0; }
.no-margin { margin: 0; }
.position-left { margin-right: 8px; }
.position-right { margin-left: 8px; }
.section-padding { padding-top: 1% !important; padding-bottom: 1% !important;}

.intro figure {
    width: 400px;
    height: 300px;
    min-height: 250px;
    float: right;
    margin: 0 0 25px 25px;
}

.intro figure img {
    object-fit: cover;
    height: 300px;
    width: 100%;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    -webkit-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    -moz-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.secondary-title {
    margin-top: 15px;
    font-weight: 600;
    font-size: 17px;
}

/* .paragraph, .rich-text p {
    color: #7b7b7b;
    margin-bottom: 20px;
    line-height: 25px;
    text-align: justify
} */

p {
    /*color: #7b7b7b;*/
    margin-bottom: 14px;
    line-height: 25px;
    text-align: justify
}

.section_accessible p{color:#ffffff}
/* .primary-title {
    font-size: 38px;
    text-transform: uppercase;
    line-height: 48px;
    color: #161616;
    margin-top: 0;
    margin-bottom: 20px;
    border-bottom: 3px solid #444;
    display: inline-block;
    padding-bottom: 7px;
} */

.section_accessible .primary-title {
    border: none;
}

.primary-title .fa-wheelchair { font-size: inherit !important;}

ul.li-icon { 
    color: #000;
    line-height: 27px;
    letter-spacing: .5px;
    -webkit-column-count: 2;-moz-column-count: 2;column-count: 2;
    position: relative;
}

ul.li-icon li:before {
    content: '\f054';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 10px;
    vertical-align: top;
    margin-left: -18px;
    margin-right: 11px;
}

ul.li-icon li {
    margin-bottom: 15px;
    padding-left: 30px;
}

.section_accessible {
    background-color: #06518D;    
}

.section_accessible .primary-title, .section_accessible ul.li-icon {
    color: #fff;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.primary-title{font-size: 33px !important;}  
}

@media only screen and (min-width: 768px) {
 
    .nav-tabs-vertical {
        display: table;
        width: 100%;
    }
    
    .nav-tabs-vertical>.nav-tabs {
        border-bottom: 0;
        width: 333px;
        border-left: 1px solid #555;
        padding: 25px 0;
        display: flex;
        flex-direction: column;
    }

    .nav-tabs-vertical>.nav-tabs>li {
        display: block;
        margin-bottom: 4px;
        float: none;
        font-size: 18px;
    }

    .nav-tabs-vertical>.nav-tabs>li.active {
        order: -1;
    }

    .nav-tabs-vertical>.nav-tabs>li>a {
        border-radius: 0 50px 50px 0;
        padding-left: 25px;
        padding-right: 20px;
        color: #555;
        transition: all .3s ease;
    }

    .nav-tabs-vertical>.nav-tabs>li.active>a {
        background-color: #fff;
        border: none !important;
        box-shadow: 0 0 30px #ddd;
        -webkit-box-shadow: 0 0 30px #ddd;
        color: var(--primary);
    }

    .tab-title { 
        font-size: 18px;
        /* opacity: 0; */
        transition: all .3s ease;
    }   

    .nav-tabs-vertical>.nav-tabs>li.active .tab-title, .nav-tabs-vertical>.nav-tabs>li>a:hover .tab-title {
        opacity: 1;
    }

    .nav-tabs-vertical>.nav-tabs>li>a:hover, .nav-tabs-vertical>.nav-tabs>li>a:focus {
        border-color: transparent !important;
    }

    .nav-tabs-vertical>.nav-tabs>li.active>a .tab_icon, .nav-tabs-vertical>.nav-tabs>li>a:hover .tab_icon {
        background-color: var(--primary);
        color: #fff;
    }

    .tab_icon {
        display: inline-block;
        width: 70px;
        height: 70px;
        line-height: 70px;
        font-size: 28px;
        vertical-align: sub;
        border: 1px solid #555;
        border-radius: 50%;
        text-align: center;
        margin-right: 10px;
        transition: all .3s ease;
    }

    .nav-tabs-vertical>.tab-content {
        display: table-cell;
        vertical-align: top;
    }

    .nav-tabs-left>.tab-content {
        padding: 40px 0 25px 30px;
        width: 100%;
    }  
    
}




/* ============================= accordion css =============================  */
.accord-container {
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
    }

    .accordions__container:hover {
        cursor: pointer;
    }

    button {
    border: none;
    background: none;
    font-size: inherit;
    color: inherit;
    font-family: inherit;
    padding: 0;
    cursor: pointer;
    outline: none;
    }

    .accordions__controls {
    display: flex;
    justify-content: flex-end;
    padding-top: 38px;
    padding-bottom: 19px;
    }
    .accordions__control {
    font-weight: 600;
    font-size: 18px;
    color: #00a5a9;
    transition: color .3s ease-in-out;
    }
    .accordions__control:hover, .accordions__control:focus {
    color: #031d3d;
    }

    .accordions__accordion {
		margin: 10px 0;
	}
    .accordions__header {
        font-size: 24px;
        font-weight: 600;
        background-color: var(--primary-dark);
        position: relative;
        color: var(--white);
    }
    .accordions__container {
        display: flex;
         padding:0 35px 0 20px;
    }
    h3.accordions__title {
        position: relative;
        padding: 10px 0;
        padding-right: 38px;
        flex: 1;
        z-index: 1;
		font-size: 24px;
		line-height: 1.42857143;
		font-weight: 600;
        background-color: var(--primary-dark);
        color: var(--white);
        margin: 0;
    }
    h3.accordions__title::after {
        content: '';
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0;
        z-index: 1;
    }
    .accordions__button {
        color: white;
        padding-left: 38px;
        line-height: 1;
        transition: padding .3s ease-in-out;
    }

    .accordions__button::before {
    content: '';
    background-color: var(--primary);
    position: absolute;
    top: 0;
    left: 50%;
    right: 0;
    bottom: 0;
    z-index: 0;
    cursor: pointer;
    transition: background-color .3s ease-in-out, border-color .3s ease-in-out;
    }
    /* .accordions__button:hover {
    padding-right: 38px;
    } */
    .accordions__button:hover::before {
    background-color: var(--primary-light);
    }
    .accordions__button:focus::before {
    background-color: var(--primary-light);
    }
    /* .accordions__button:active, .accordions__button--active {
    padding-right: 38px;
    } */
    .accordions__button:active::before, .accordions__button--active::before {
    background-color: var(--primary-dark) !important;
    /* border-bottom: solid 1px #031730; */
    }
    .accordions__button:active .accordions__icon, .accordions__button--active .accordions__icon {
    transform: rotate(45deg);
    }
    .accordions__icon {
    position: relative;
    z-index: 1;
    transition: transform .3s ease-in-out;
    display: block;
    }
    .accordions__content {
    background-color: white;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 1.2s ease-in-out, opacity .6s ease-in-out .6s, transform .6s ease-in-out .6s;
    transform: translateY(38px);
    }
    .accordions__content--expanded {
    max-height:100%;
    opacity: 1;
    padding-bottom: 20px;
    transform: none;
    }
    .rich-text .table-responsive {
        margin-top: 30px;
    }

    .rich-text .services-title:first-child {
        margin-top: 30px;
    }

    .section-padding.section_accessible {
        padding-top: 2%;
        padding-bottom: 2%;
    }
    
    /* h1.primary-title {
        font-size: 38px!important;
    } */

    

    /* .rich-text {
    font-size: 18px;
    line-height: 32px;
    } */
    /* .rich-text p {
    margin-top: 38px;
    } */
/* ============================= accordion css =============================  */

@media screen and (max-width: 767px) {
    .intro figure {
        float: none;
        margin: 0 0 40px 0;
        width: 100%;
        height: auto;
    }

    .table-responsive>.table-bordered>tbody>tr>td {
        display: block;
        text-align: left;
        padding-left: 30px;
        border: 1px solid #dedede !important;
    }
}

/* ============================ Version 2.0 ============================ */

.services-title {
    font-weight: 600;
    font-size: 16px;
}

/* .services-title {
    display: inline-block;
    border-bottom: 3px solid #444;
    padding-bottom: 6px;
} */

.policy-accordion-data {
    display: block;
}

.policy-disclaimer {
    margin: 40px auto 0 auto;
}

/* 
.policy-accordion-data h3 {
    display: inline-block;
    border-bottom: 3px solid #444;
    padding-bottom: 5px;
}

.policy-accordion-data p {
    display: block;
    margin: 0;
} */
.mobilehumburgerlinks{width: 100%;float: left;padding: 5px 10px;display:none;}
@media screen and (max-width: 767px) {
	.mobilehumburgerlinks{display:block; background: #ccc; margin-bottom: 20px;}
	ul.li-icon { 
    -webkit-column-count: 1;-moz-column-count: 1;column-count: 1;
}
	ul.nav-tabs{display:none; margin-top:10px;}
	.nav-tabs>li{width:100%;}
	ul.mobileshow{display:block;}
	.mobile-menu-service{font-size:40px;}
	.navigationactivetext{font-size: 20px;top: 6px;position: relative;}
	.tab_icon{margin: 0 5px 0 0}
	.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{border:1px solid #ccc; border-radius: 3px}
}

