/* Template: Luxury Rio Hotel - HTML responsive template
   Author: payothemes
   Version: 1.0.1
   Created: August 2017
   Description: style default css file
*/


/**********************************
	TABLE OF CONTENTS

01. General Styles
02. Header
03. Navigation
04. Booking
05. Discover
06. Rooms
07. Services
08. Facilities
09. Attractions
10. News
11 .Aminities
12 .Restaurant
13 .Single Room
14 .Contact
15 .Footer
16 .Sidebar
17 .Add later update
**********************************/


/***** General Styles *****/
body {
    font-size: 15px;
    font-family: Montserrat;
    font-weight: 400;
    line-height: 25px;
    color: #303030;
}

img {
    height: auto;
    max-width: 100%;
}

hr.border-separator {
    border-top: 1px dotted #ccc;
}

a {
    color: #1ba47f;
}

a:hover {
    text-decoration: none;
}

h3 {
    font-size: 25px;
    font-family: Montserrat;
    font-weight: 400;
    line-height: 29px;
    color: #252525;
}

/**/
.owl-theme .owl-nav {
    position: absolute;
    top: 0;
    display: none;
    right: 0;
}

.owl-carousel:hover .owl-nav {
    display: block;
}

.owl-carousel .owl-dots,
.owl-carousel .owl-nav {
    line-height: 1;
    text-align: center;
}

.owl-carousel .owl-nav [class*="owl-"] {
    background-color: #f5f5f5;
    border: 2px solid #eee;
    border-radius: 50%;
    color: #262626;
    cursor: pointer;
    font-size: 0;
    height: 42px;
    line-height: 30px;
    transition: all 0.2s ease 0s;
    width: 42px;
    z-index: 200;
    text-align: center;
}

.owl-carousel .owl-prev {
    float: left;
    left: 0;
    margin-left: 0;
}

.owl-carousel .owl-next {
    float: right;
    right: 0;
    margin-right: 0;
}

.owl-carousel .owl-prev::before {
    color: #262626;
    content: "";
    font-family: FontAwesome;
    font-size: 22px;
}

.owl-carousel .owl-next::before {
    color: #262626;
    content: "";
    font-family: FontAwesome;
    font-size: 22px;
}

.owl-carousel .owl-nav [class*="owl-"] i {
    color: #262626;
    font-size: 22px;
    line-height: 42px;
    text-align: left;
}

.owl-carousel .owl-nav [class*="owl-"]:hover i,
.owl-carousel.arrows-dark .owl-nav [class*="owl-"] i,
.owl-carousel.arrows-dark .owl-nav [class*="owl-"]:hover i {
    color: #fff;
}

.owl-carousel .owl-nav [class*="owl-"]:hover {
    background-color: #1ba47f;
    border-color: #1ba47f;
}


/**/
.text-danger {
    color: #a94442;
    font-size: 14px;
    font-weight: 600;
}

.text-success {
    color: #21baa3;
    font-size: 14px;
    font-weight: 600;
}

table {
    width: 100%;
    border-collapse: collapse;
    /* margin: 50px auto 0 0; */
}

tr:nth-of-type(even) {
    background: #252525;
    color: #fff;
    font-weight: 400;

}

tr:nth-of-type(odd) {
    background: #f7f7f7;
    color: #252525;
    font-weight: 400;
}

th {
    background: #252525;
    color: #f5f5f5;
    font-weight: 600;
}

td,
th {
    padding: 10px;
    border: 1px solid #e5e5e5;
    text-align: left;
    font-size: 15px;
}

@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {

    table {
        width: 100%;
    }

    table,
    thead,
    tbody,
    th,
    td,
    tr {
        /* display: block; */
    }

    thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    tr {
        border: 1px solid #ccc;
    }

    /* td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    } */

    /* td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        content: attr(data-column);
        color: #000;
        font-weight: bold;
    } */

}

/***** Header *****/

#header {
    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.15) inset;
}

#header-wrap::before {
    background-color: rgba(4, 16, 33, 0.2);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}



.topbar-transparent::before {
    background-color: rgba(4, 16, 33, 0.2);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#topbar.topbar-transparent {
    border-bottom: 1px solid rgba(4, 16, 33, 0.3)
}

#topbar.topbar-transparent {
    background: rgb(0 0 0 / 50%);
}

#header-background::before {
    background-color: rgba(0, 0, 0, 0.3);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#header-background {
    position: relative;
    background: url('../../images/header.jpg') no-repeat scroll center top / cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/**/

#header-background-slide::before {
    background-color: rgba(0, 0, 0, 0.3);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#header-background-slide {}

/*top bar*/
#topbar .top-menu>li>a {
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    line-height: 25px;
    text-transform: uppercase;
}

#topbar {
    position: relative;
    z-index: 200;
    background-color: #ffffff;
}

#topbar .top-menu {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    float: left;
}

#topbar .top-menu>li {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding-top: 7px;
}

#topbar .top-menu>li>a {
    display: block;
    font-size: 12px;
    font-weight: 500;
    height: 40px;
    margin-right: 16px;
}

#topbar .top-links {
    position: relative;
}

#topbar .social-icons {
    float: right;
    height: 100%;
    overflow: hidden;
}

#topbar .social-icons li,
#topbar .social-icons li a {
    float: left;
    list-style: outside none none;
}

#topbar .social-icons li a {
    border-radius: 0px;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 35px;
    overflow: hidden;
    margin: 0;
}

.topbar-dropdown {
    color: #747474;
    float: left;
    font-size: 13px;
    font-weight: 400;
    position: relative;
}

.topbar-dropdown .title {
    border-left: 1px solid #eeeeee;
    padding: 0 20px;
    cursor: pointer;
    line-height: 40px;
}

.topbar-dropdown .title a {
    color: #747474;
}

.topbar-dropdown .title a:hover {
    text-decoration: underline;
}

.topbar-dropdown .title b {
    font-weight: 600;
}

.topbar-dropdown .title .fa {
    margin-left: 7px;
    position: relative;
    top: -1px;
}

.topbar-dropdown .title .fa:first-child {
    margin-left: 0;
    margin-right: 7px;
}

.topbar-dropdown:first-child .title {
    border-color: transparent;
    padding-left: 0;
    padding-right: 0;
}

.topbar-dropdown .title img,
.topbar-dropdown .list-entry img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
    position: relative;
    top: -1px;
}

.topbar-dropdown .dropdown-list {
    position: absolute;
    width: auto;
    left: 0px;
    top: auto;
    border-radius: 3px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border: solid 1px #eee;
    padding: 0px 16px;
    z-index: 1;
    text-align: left;
    opacity: 0;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transform-origin: 50% 0% 0px;
    -moz-transform-origin: 50% 0% 0px;
    -webkit-transform-origin: 50% 0% 0px;
    -ms-transform-origin: 50% 0% 0px;
    z-index: 1;
    visibility: hidden;
}

.topbar-dropdown:hover .dropdown-list,
.topbar-dropdown:hover .topbar-form {
    opacity: 1;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    visibility: visible;
}

.topbar-dropdown .list-entry {
    line-height: 30px;
    white-space: nowrap;
    display: block;
    color: #747474;
    padding: 2px 0;
    border-top: 1px #f0f0f0 solid;
}

.topbar-dropdown .list-entry:hover {
    color: #222;
}

.topbar-dropdown .list-entry:first-child {
    border-top: none;
}

.topbar-dropdown .topbar-form {
    position: absolute;
    width: 240px;
    padding: 20px 20px 10px 20px;
    right: auto;
    top: 40px;
    border-radius: 3px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border: solid 1px #eee;
    z-index: 1;
    text-align: left;
    opacity: 0;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transform-origin: 50% 0% 0px;
    -moz-transform-origin: 50% 0% 0px;
    -webkit-transform-origin: 50% 0% 0px;
    -ms-transform-origin: 50% 0% 0px;
    visibility: hidden;
}

.topbar-dropdown input {
    margin-bottom: 2px;
}

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

.topbar-dropdown .checkbox {
    display: inline-block;
    margin-bottom: 0;
    margin-top: 0;
    vertical-align: middle;
    margin-top: -12px;
}

.topbar-dropdown.float-right .title {
    padding: 0 0px 0 20px !important;
}

.topbar-dropdown .dropdown-invert.topbar-form {
    left: auto;
    right: -20px;
}

.language-top-bar {
    float: right;
}

.language-top-bar li {
    list-style: none !important;
}

.language-top-bar a {
    color: #fff;
}

#header {
    position: relative;
    width: 100%;
    z-index: 199 !important;
    height: 80px;
    line-height: 80px;
}

#header {
    background-color: rgb(0 0 0 / 50%);
    left: 0;
    right: 0;
    transition: all .4s ease-in-out;
    border-bottom: 1px solid rgba(4, 16, 33, 0)
}

/***** Navigation *****/
#logo img {
    float: left;
}

#logo {
    position: relative;
    z-index: 123;
    padding: 0px;
    padding-top: 5px;
    font: 18px verdana;
    color: #6DDB07;
    float: left;
    width: 230px;
}

#logo a {
    color: #6DDB07;
}

nav {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

#hmenu,
#hmenu ul,
#hmenu ul li,
#hmenu ul li a,
#hmenu #head-mobile {
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#hmenu:after,
#hmenu>ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

#hmenu #head-mobile {
    display: none
}

#hmenu {
    font-family: sans-serif;
    background: transparent
}

#hmenu>ul>li {
    float: left
}

#hmenu>ul>li>a {
    padding: 17px;
    font-size: 12px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #ddd;
    font-weight: 700;
}

#hmenu>ul>li:hover>a {
    color: #f5f5f5;
    transition: all 200ms ease-in 0s;
}

#hmenu>ul>li a {
    color: #f9f9f9;
    display: inline-block;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.1px;
    padding-left: 13px;
    padding-right: 13px;
    text-transform: uppercase;
}

#hmenu ul li.active a {
    color: #fff;
    transition: all 200ms ease-in 0s;
}

#hmenu>ul>li:hover,
#hmenu ul li.active:hover,
#hmenu ul li.active,
#hmenu ul li.has-sub.active:hover {
    background: transparent !important;
    -webkit-transition: background .3s ease;
    -ms-transition: background .3s ease;
    transition: background .3s ease;
}

#hmenu>ul>li.has-sub>a {
    padding-right: 30px
}

#hmenu>ul>li.has-sub>a:after {
    position: absolute;
    top: 22px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #ddd;
    content: ''
}

#hmenu>ul>li.has-sub>a:before {
    position: absolute;
    top: 19px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #ddd;
    content: '';
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease
}

#hmenu>ul>li.has-sub:hover>a:before {
    top: 23px;
    height: 0
}

#hmenu ul ul {
    min-width:160px;
    position: absolute;
    left: -9999px;
    padding:10px;
    padding-top: 7px;
}

#hmenu ul ul li {
    height: 0;
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    background: #333;
    transition: all .25s ease
}

#hmenu ul ul li:hover {}

#hmenu li:hover>ul {
    left: auto
}

#hmenu li:hover>ul>li {
    height: 35px
}

#hmenu ul ul ul {
    margin-left: 100%;
    top: 0
}

#hmenu ul ul li a {
    border-bottom: 1px solid rgba(150, 150, 150, 0.15);
    padding: 11px 15px;
    width: auto;
    font-size: 12px;
    text-decoration: none;
    color: #ddd;
    font-weight: 400;
}

#hmenu ul ul li:last-child>a,
#hmenu ul ul li.last-item>a {
    border-bottom: 0
}

#hmenu ul ul li:hover>a,
#hmenu ul ul li a:hover {
    color: #fff
}

#hmenu ul ul li.has-sub>a:after {
    position: absolute;
    top: 16px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #ddd;
    content: ''
}

#hmenu ul ul li.has-sub>a:before {
    position: absolute;
    top: 13px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #ddd;
    content: '';
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease
}

#hmenu ul ul>li.has-sub:hover>a:before {
    top: 17px;
    height: 0
}

#hmenu ul ul li.has-sub:hover,
#hmenu ul li.has-sub ul li.has-sub ul li:hover {
    background: #363636;
}

#hmenu ul ul ul li.active a {
    border-left: 1px solid #333
}

#hmenu>ul>li.has-sub>ul>li.active>a,
#hmenu>ul ul>li.has-sub>ul>li.active>a {
    border-top: 1px solid #333
}

#hmenu>ul {
    float: right;
}

@media (min-width:980px) {
    .section_title {
        padding-left: 0;
    }

    #hmenu>ul>li a {
        background-color: transparent;
    }

    #hmenu>ul {
        padding-top: 15px;
        padding-left: 0px;
    }
}

@media (max-width:979px) {

    .widget-contact h4,
    .get-in-touch h4,
    .widget-links h4 {
        /* padding-top: 30px; */
    }
}

@media (max-width:979px) {
    #hmenu>ul>li a {
        background-color: #333;
    }

    #hmenu>ul {
        background-color: #333;
        margin-top: 33px;
        padding: 0px;
    }

}

@media screen and (max-width:1000px) {
    .logo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 46px;
        text-align: center;
        padding: 10px 0 0 0;
        float: none
    }

    .logo2 {
        display: none
    }

    nav {
        width: 100%;
    }

    #hmenu {
        width: 100%
    }

    #hmenu ul {
        width: 100%;
        display: none
    }

    #hmenu ul li {
        width: 100%;
        border-top: 1px solid #444
    }

    #hmenu ul li:hover {
        background: #363636;
    }

    #hmenu ul ul li,
    #hmenu li:hover>ul>li {
        height: auto
    }

    #hmenu ul li a,
    #hmenu ul ul li a {
        width: 100%;
        border-bottom: 0
    }

    #hmenu>ul>li {
        float: none
    }

    #hmenu ul ul li a {
    /*padding-left: 25px*/
    }

    #hmenu ul ul li {
        background: #333 !important;
    }

    #hmenu ul ul li:hover {
        background: #363636 !important
    }

    #hmenu ul ul ul li a {
        padding-left: 35px
    }

    #hmenu ul ul li a {
        color: #ddd;
        background: none
    }

    #hmenu ul ul li:hover>a,
    #hmenu ul ul li.active>a {
        color: #fff
    }

    #hmenu ul ul,
    #hmenu ul ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left
    }

    #hmenu>ul>li.has-sub>a:after,
    #hmenu>ul>li.has-sub>a:before,
    #hmenu ul ul>li.has-sub>a:after,
    #hmenu ul ul>li.has-sub>a:before {
        display: none
    }

    #hmenu #head-mobile {
        display: block;
        padding: 23px;
        color: #ddd;
        font-size: 12px;
        font-weight: 700
    }

    .button {
        width: 55px;
        height: 46px;
        position: absolute;
        right: 0;
        top: 18px;
        cursor: pointer;
        z-index: 12399994;
    }

    .button:after {
        position: absolute;
        top: 22px;
        right: 20px;
        display: block;
        height: 4px;
        width: 20px;
        border-top: 2px solid #dddddd;
        border-bottom: 2px solid #dddddd;
        content: ''
    }

    .button:before {
        -webkit-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        position: absolute;
        top: 16px;
        right: 20px;
        display: block;
        height: 2px;
        width: 20px;
        background: #ddd;
        content: ''
    }

    .button.menu-opened:after {
        -webkit-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        top: 23px;
        border: 0;
        height: 2px;
        width: 19px;
        background: #ccc;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .button.menu-opened:before {
        top: 23px;
        background: #ccc;
        width: 19px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    #hmenu .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid #444;
        height: 46px;
        width: 46px;
        cursor: pointer
    }

    #hmenu .submenu-button.submenu-opened {
        background: #262626
    }

    #hmenu ul ul .submenu-button {
        height: 34px;
        width: 34px
    }

    #hmenu .submenu-button:after {
        position: absolute;
        top: 22px;
        right: 19px;
        width: 8px;
        height: 2px;
        display: block;
        background: #ddd;
        content: ''
    }

    #hmenu ul ul .submenu-button:after {
        top: 15px;
        right: 13px
    }

    #hmenu .submenu-button.submenu-opened:after {
        background: #fff
    }

    #hmenu .submenu-button:before {
        position: absolute;
        top: 19px;
        right: 22px;
        display: block;
        width: 2px;
        height: 8px;
        background: #ddd;
        content: ''
    }

    #hmenu ul ul .submenu-button:before {
        top: 12px;
        right: 16px
    }

    #hmenu .submenu-button.submenu-opened:before {
        display: none
    }

    #hmenu ul ul ul li.active a {
        border-left: none
    }

    #hmenu>ul>li.has-sub>ul>li.active>a,
    #hmenu>ul ul>li.has-sub>ul>li.active>a {
        border-top: none
    }
}

/*header text center*/

.header-content {
    padding: 190px 0 250px 0;
}

.header-content p {
    color: #f2f2f2;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    text-transform: uppercase;
}

.header-content h1 {
    color: #f2f2f2;
    font-family: Montserrat;
    font-size: 40px;
    font-weight: 600;
    line-height: 50px;
    text-transform: uppercase;
    padding-bottom: 30px;
}

.btn-rs {
    border-radius: 2px;
    border: 1px solid #f5f5f5;
    background: #f7f7f7;
    padding: 14px 30px;
    transition: all 200ms ease-in 0s;
    color: #041021;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

.btn-rs:hover {
    background: #1ba47f;
    color: #fff;
    transition: all 200ms ease-in 0s;
    border: 1px solid #1ba47f;
}

.btn {
    transition: all 200ms ease-in 0s;
}

.btn:hover {
    background: #1ba47f;
    color: #fff;
    transition: all 200ms ease-in 0s;
    border: 1px solid #1ba47f;
}

/**/

.btn-cta {
    border-radius: 2px;
    border: 1px solid #f5f5f5;
    background: #f7f7f7;
    padding: 14px 30px;
    transition: all 200ms ease-in 0s;
    color: #041021;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    width: max-content;
}

.btn-cta:hover {
    background: #252525;
    color: #fff;
    transition: all 200ms ease-in 0s;
    border: 1px solid #252525;
}


/***** Booking *****/
@media (max-width:560px) {
    #booking-section .form-container {
        padding: 40px 20px;
    }
}

/* @media (min-width:561px) {
    #booking-section .form-container {
        padding: 20px;
    }
} */

@media (min-width:992px) {
    #booking-section .form-container {
        box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.06);
        padding: 30px;
    }
}

#booking-section .form-container {
    margin-top: -90px !important;
}

#booking-section.room_page .form-container {
    margin-top: 20px !important;
}

#booking-section .form-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 100%;
}

#booking-section .form-container h2 span {
    color: #1ba47f;
}

#booking-section .form-container h2 {
    color: #252525;
    font-family: Montserrat;
    font-size: 25px;
    font-weight: 500;
    margin-bottom:0px;
}

#booking-section .form-container div {
    padding-right: 0px;
}

#booking-section .form-container div:last-child {
    padding-right: 15px;
}

#booking-section .content-booking {
    z-index: 3 !important;
    position: relative;
}

#booking-section .form-container {
    background: #fff;
    border-radius: 12px;
    height: 100%;
}

#booking-section .form-container form input {
    border: 2px solid #e1e1e1;
    border-radius: 2px;
    color: #727272 !important;
    font: 400 15px/1.6em "Raleway", sans-serif;
    height: 44px;
/*    margin-top: 20px;*/
    padding-bottom: 6px;
    z-index: 9999;
}

#booking-section .form-container form button {
    background-color: #21baa3;
    border: 2px solid #21baa3;
    border-radius: 2px;
    color: #fff;
    display: block;
    font: 700 15px/1.6em "Raleway", sans-serif;
    margin-top: 21px;
    padding: 8px 53px;
    transition: all 0.3s ease 0s;
    width: 100%;
}

#booking-section .form-container form button:hover {
    background-color: #fff;
    color: #21baa3;
}

#booking-section .form-container form input:-moz-placeholder {
    color: #727272 !important;
    opacity: 0.9;
}

#booking-section .form-container form input::-moz-placeholder {
    color: #727272 !important;
    opacity: 0.9;
}
    #booking-section .form-container label {
        color: #252525;
        font-weight:600;
    }
    /**/
    #bookingform input {
        border: 2px solid #e1e1e1;
        border-radius: 2px;
        color: #bababa !important;
        font: 400 15px/1.6em "Raleway", sans-serif;
        height: 44px;
        margin-top: 20px;
        padding: 10px 15px;
        z-index: 9999;
    }

#bookingform button {
    background-color: #21baa3;
    border: 2px solid #21baa3;
    border-radius: 2px;
    color: #fff;
    display: block;
    font: 700 15px/1.6em "Raleway", sans-serif;
    margin-bottom: 22px;
    margin-top: 20px;
    padding: 8px;
    transition: all 0.3s ease 0s;
    width: 195px;
}

#bookingform button:hover {
    background-color: #fff;
    color: #21baa3;
}

#bookingform input:-moz-placeholder {
    color: #727272 !important;
    opacity: 0.9;
}

#bookingform input::-moz-placeholder {
    color: #727272 !important;
    opacity: 0.9;
}
#booking-section.content-booking .error-messages-book {
    position: absolute;
}

/**/
/***** discover section *****/

#discover.content,
.event_page {
    background: #fff;
    padding: 45px 0px;
}

.title_span h3 {
    color: #252525;
    font-family: Montserrat;
    font-size: 38px;
    font-weight: 600;
    padding: 0 0 15px 0px;
    line-height: 46px;
    text-transform: uppercase;
}

.temple_content img {
    border-radius: 8px;
    box-shadow: 0px 0px 8px #a3a3a3;
}

.blog-section .effect-sadie img {
    border-radius: 8px;
}

/* #discover .single-content {
    padding-top: 9%;
} */

.title_span h3 span {
    color: #1ba47f;
}

.popup-gallery {
    padding-top: 6% 0;
}

.space-bottom-large {
    padding: 15px 0;
}

/**/
#header {
    position: fixed;
}

#header.sticky {
    height: 80px;
    line-height: 80px;
    background: #252525;
    top: 0px;
    left: 0;
    z-index: 99 !important;
}

.popup-gallery img {
    border-radius: 10px;
    box-shadow: 6px 8px 6px #c1c1c1;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.popup-gallery img:hover {
    box-shadow: none;
}

.temple_content {
    padding: 40px 0px;
    box-shadow: 0px 0px 8px #ddd;
}

/***** rooms carousel *****/
.room-image {
    min-height: 178px;
}

.room-image img {
    min-height: 178px;
}

.room-section .col-md-12 {
    padding-left: 0 !important;
}

.section_title {
    text-align: left;
    margin-bottom: 15px;
}

    .section_title h2 {
        color: #1ba47f;
        font-family: Montserrat;
        font-size: 17px;
        font-weight: 500;
        text-transform: uppercase;
    }

    .section_title h3 {
        color: #252525;
        font-family: Montserrat;
        font-size: 23px;
        font-weight: 500;
        text-transform: uppercase;
        padding-top: 0;
        margin-top: 0;
    }

.section_title2 {
    text-align: left;
    padding-left: 14px;
    margin-bottom: 30px;
}

.section_title2 h2 {
    color: #1ba47f;
    font-family: Montserrat;
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
}

.section_title2 h3 {
    color: #252525;
    font-family: Montserrat;
    font-size: 23px;
    font-weight: 500;
    text-transform: uppercase;
    padding-top: 0;
    margin-top: 0;
}

.room-section {
    background: #f8f8f8 none repeat scroll 0 0;
    padding: 45px 0px;
}
.room-price p{
    margin-bottom:0px;
}
.item-room {
    background: #fff;
    padding-bottom: 60px;
    border: 1px solid #eee;
    margin-bottom: 15px;
}

.item-room h2 {
    font-size: 18px;
    font-family: Montserrat;
    font-weight: 600;
    line-height: 25px;
    color: #252525;
    text-transform: uppercase;
    padding: 0 15px;
    margin-top: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.item-room span {
    font-size: 13px;
    font-family: Montserrat;
    font-weight: 600;
    line-height: 25px;
    color: #1ba47f;
    text-transform: uppercase;
    padding-left: 15px;
}

.room-text p {
    padding: 0 15px 0 15px;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    min-height: 125px;
    max-height: 125px;
}
.room-text  h2{
    color: #21baa3;
}

.item-room .room-price {
    font-size: 14px;
    color: #1ba47f;
    font-family: Montserrat;
    font-weight: 600;
    text-align: right;
    line-height: normal;
}

.item-room .room-price span {
    color: #252525;
    text-align: right;
    padding-right: 0;
    padding-left: 0;
}

.item-room .ro-text-two {
    padding: 0 15px;
}
.item-room .room-price .gst-info {
    font-size: 8px;
    color: #252525;
}
.room-book a {
    color: #fff !important;
}

.room-book {
    border-radius: 4px;
    border: 1px solid #1ba47f;
    background: #1ba47f;
    padding: 6px 10px;
    transition: all 200ms ease-in 0s;
    color: #fff !important;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

.room-book:hover {
    background: #252525;
    color: #fff;
    transition: all 200ms ease-in 0s;
    border: 1px solid #252525;
}

/*end*/

/***** services *****/
.padding-0 {
    padding: 0px;
}

section#services-section {
    padding: 45px 0px;
}

.services-box {
    text-align: center;
    margin-top: 10px;
    min-height: 160px;
}

.services-box img {
    width: 50px;
    border: 1px solid #000;
    padding: 8px;
    border-radius: 6px;
}

.services-box h4 {
    font-family: Montserrat;
    font-size: 15px;
    color: #252525;
    font-weight: 600;
    line-height: 25px;
    text-transform: uppercase;
    padding-left: 0px;
    padding-top: 5px;
}

.services-box p {
    font-family: Montserrat;
    font-size: 14px;
    color: #303030;
    font-weight: 400;
    line-height: 20px;
    padding-left: 0px;
}

.services-box hr {
    border-bottom: 1px solid #eeeeee;
    padding: 6px 0;
}

/* #services-section .single-content-left {
    padding: 0px 5% 0px 2%;
} */

#services-section .single-content-right {
    padding: 0px 0 0px 2%;
}

.services-promo-left {
    position: absolute;
    background-color: rgba(57, 176, 144, 0.86);
    padding: 20px;
    width: 250px;
    height: 90px;
    right: 0;
    top: 80px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.services-promo-left {
    color: #fff;
    font-weight: 600;
    font-size: 35px;
    font-family: Montserrat;
    text-align: right;
}

.services-promo-left span {
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    font-family: Montserrat;
    text-align: right;
}

/**/

.services-promo-right {
    background-color: rgba(57, 176, 144, 0.86);
    bottom: 33%;
    height: 90px;
    padding: 20px;
    position: absolute;
    right: 15px;
    width: 250px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.services-promo-right {
    color: #fff;
    font-weight: 600;
    font-size: 35px;
    font-family: Montserrat;
    text-align: right;
}

.services-promo-right span {
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    font-family: Montserrat;
    text-align: right;
}

/***** attractions *****/
.attractions-content {
    background: #f5f5f5;
    height: 100%;
    overflow: hidden;
    padding: 20px;
}

.attractions-content h4::after {
    background: #1ba47f none repeat scroll 0 0;
    content: "";
    display: block;
    height: 2px;
    margin-top: 13px;
    width: 40px;
}

.attractions-content h4 {
    color: #252525;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 20px;
    padding-top: 0;
    text-transform: capitalize;
}

.attractions-btn {
    background: #1ba47f;
    border: 1px solid #1ba47f;
    border-radius: 3px;
    color: #fff;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    line-height: 28px;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
    padding: 10px 20px;
    width: 170px;
    margin-top: 20px;
}

.attractions-btn:hover {
    background: #252525;
    border: 1px solid #252525;
    transition: all 0.5s ease 0s;
    color: #fff;
}

.attractions-btn i {
    font-size: 12px;
    padding-left: 10px;
    transition: all 0.5s ease 0s;
}

.attractions-btn:hover i {
    padding-left: 15px;
    transition: all 0.5s ease 0s;
}

/**/

.item-attractions .col-md-4 {
    padding-left: 0px;
    padding-right: 20px;
}

.item-attractions .col-md-8 {
    padding-left: 0px;
    padding-right: 20px;
}

#attractions1 {
    box-shadow: 0px 0px 8px #ddd;
}

.attractions-section {
    padding: 45px 0px;
}

.item-attractions img {
    max-height: 364px;
    width: 100%;
    object-fit: cover;
}


.services-box-right {
    text-align: center;
}

.services-box-right .col-md-4 {
    margin-bottom: 20px;
}

.services-box-right img {
    margin-bottom: 15px;
}

.services-box-right h4 {
    color: #000;
    font-size: 18px;
    margin-bottom: 0px;
}

/***** grid room *****/
.grid-hotel {}

.grid-hotel figure {
    position: relative;
    float: left;
    overflow: hidden;
    height: auto;
    background: #000;
    text-align: center;
    cursor: pointer;
    border-radius: 12px;
}

.grid-hotel figure::after {
    background-color: rgba(0, 0, 0, 0.3);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.grid-hotel figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 1;
}

.grid-hotel figure h2 span {
    font-size: 15px;
    color: fafafa;
    font-weight: 500;
    text-transform: lowercase;
}

.grid-hotel figure h2 {

    color: #fff;
    font-family: Montserrat;
    font-size: 23px;
    font-weight: 600;
    text-transform: uppercase;

}

.grid-hotel figure figcaption::before,
.grid-hotel figure figcaption::after {
    pointer-events: none;
}

.grid-hotel figure figcaption,
.grid-hotel figure figcaption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.grid-hotel figure figcaption>a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}


.grid-hotel figure p {
    color: #fff;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    line-height: normal;
}

figure.effect-goliath {
    background: #1ba47f;
}

figure.effect-goliath img,
figure.effect-goliath h2 {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}

figure.effect-goliath img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

figure.effect-goliath h2 {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 30px;
    z-index: 9;
}

figure.effect-goliath p {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 30px 15px;
    z-index: 9;
}

figure.effect-goliath p {
    text-transform: none;
    font-size: 14px;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
}

figure.effect-goliath:hover img {
    -webkit-transform: translate3d(0, -80px, 0);
    transform: translate3d(0, -80px, 0);
}

figure.effect-goliath:hover h2 {
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
}

figure.effect-goliath:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/**/


figure.effect-sadie figcaption::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(top, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);
    background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(20, 20, 20, 0.8) 75%);
    content: '';
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
}

figure.effect-sadie a {
    color: #fff
}

figure.effect-sadie h2 {
    position: absolute;
    bottom: -3%;
    left: 3%;
    width: 100%;
    text-align: left;
    color: #fff;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    z-index: 9;
    -webkit-transition: -webkit-transform 0.35s, color 0.35s;
    transition: transform 0.35s, color 0.35s;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

figure.effect-sadie figcaption::before,
figure.effect-sadie p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

figure.effect-sadie p {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px;
    width: 100%;
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    z-index: 9;
}

figure.effect-sadie:hover h2 {
    color: #fff;
    -webkit-transform: translate3d(0, 20%, 0) translate3d(0, 40px, 0);
    transform: translate3d(0, 20%, 0) translate3d(0, 40px, 0);
    display: none;
}

figure.effect-sadie:hover figcaption::before,
figure.effect-sadie:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.popup-gallery .col-md-4 {
    padding-bottom: 25px;
}

@media (min-width:850px) {
    .space-right-double {
        padding-right: 20px;
    }

    .space-right {
        padding-right: 10px;
    }

    .space-left {
        padding-left: 10px;
    }

    /* .space-top {
        padding-top: 25px;
    } */

    .space-bottom {
        padding-bottom: 10px;
    }

    .nospace.container [class^="col"] {
        padding-left: 0;
        padding-right: 8px;
    }
}

@media (max-width:849px) {
    .space-right-double {
        padding-right: 0px;
    }

    .space-right,
    .space-left {
        padding: 0px 15px;

    }

    .space-top {
        padding-top: 0px;
    }

    .space-bottom {
        padding-bottom: 0px;
    }

    .nospace.container [class^="col"] {
        padding-left: 0;
        padding-right: 0px;
        /* padding-bottom: 25px; */
    }
}

/**/

.blog-section {
    padding: 30px 0;
}

.attractions-carousel .owl-stage-outer,
.attractions-carousel2 .owl-stage-outer {
    margin-bottom: 20px;
}

/* padding-bottom and top for image */
.mfp-no-margins img.mfp-img {
    padding: 0;
}

/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
    top: 0;
    bottom: 0;
}

/* padding for main container */
.mfp-no-margins .mfp-container {
    padding: 0;
}


.owl-theme .owl-nav {
    text-align: right;
}

.blog-section {
    border-top: 1px solid #eee;
}

/***** room single *****/

#header-background-room::before {
    background-color: rgba(0, 0, 0, 0.3);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.inner_bg {
    position: relative;
    background: url('../../images/inner-header.jpg') no-repeat scroll bottom center / cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 420px;
    max-height: 420px;
}

.inner_title {
    position: relative;
    bottom: -320px;
}
#header-background-room {
    background: url('../../images/aboutus.png') no-repeat scroll bottom center / cover;
}
/**/
#header-background-contact::before {
    background-color: rgba(0, 0, 0, 0.3);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.inner_bg {
    position: relative;
    /* background: url('../../images/contact-section.jpg') no-repeat scroll bottom center / cover; */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#header-background-contact {
    background: url('../../images/contact.jpg') no-repeat scroll top center / cover;
}

#header-background-temple {
    background: url('../../images/bhimashankar.jpg') no-repeat scroll center center / cover;
}
#header-background-rooms {
    background: url('../../images/inner_rooms.png') no-repeat scroll center center / cover;
}
#header-background-events {
    background: url('http://frugalnova-images.s3.ap-south-1.amazonaws.com/blue-mormon/images/974ff18c-0e7c-4a2f-b0ea-50b9dc29714d.jpeg') no-repeat scroll center center / cover;
}
#header-background-places {
    background: url('../../images/sunrise.jpg') no-repeat scroll center center / cover;
}
/**/
#header-background-restaurant::before {
    background-color: rgba(0, 0, 0, 0.3);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#header-background-restaurant {
    position: relative;
    background: url('../../images/header-restaurant.jpg') no-repeat scroll bottom center / cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/***** restaurant *****/
.restaurant-section .container {
    padding: 0 23%;
}

.restaurant-section {
    position: relative;
    background: url('../../images/rest-bg.jpg') no-repeat scroll bottom center / cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/**/

.page-title {
    /* padding: 100px 4% 50px 4.5%; */
}

.page-title p {
    color: #f2f2f2;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-transform: capitalize;
}

.page-title h1 {
    color: #f2f2f2;
    font-family: Montserrat;
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    text-transform: uppercase;
    padding-bottom: 5px;
    margin-bottom: 0px;
}

.breadcrumb-area {
    background: #f7f7f7 none repeat scroll 0 0;
    height: 155px;
    padding-top: 55px;
}

.breadcrumb-area h1 {
    color: #3d3d3d;
    font-size: 40px;
    font-weight: 700;
    text-transform: capitalize;
}

.breadcrumb-botton-area {
    border-bottom: 1px solid #f0f0f0;
    padding: 13px 0 7px;
}

.breadcrumb-botton-area .left {}

.breadcrumb-botton-area .left ul {
    display: inline-block;
    margin-left: -2px;
    margin-right: -2px;
    overflow: hidden;
    margin: 6px 0 !important;
    padding-left: 0;
}

.breadcrumb-botton-area .left ul li {
    color: #1ba47f;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    margin: 0 2px;
    text-transform: uppercase;
    line-height:20px;
}

.breadcrumb-botton-area .left ul li a {
    color: #3d3d3d;
    transition: all 500ms ease 0s;
}

.breadcrumb-botton-area .left ul li a:hover {
    color: #1ba47f;
}

.breadcrumb-botton-area .right {}

.breadcrumb-botton-area .right a {
    color: #252525;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    transition: all 500ms ease 0s;
}

.breadcrumb-botton-area .right a i {
    display: inline-block;
    padding-right: 10px;
}

.breadcrumb-botton-area .right a:hover {
    color: #252525;
}

#room-single-section .tab {
    padding-top: 40px;
}

#room-single-section {
    padding: 35px 0;
}

#room-single-section h2 {
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 10px;
    line-height: 25px;
    font-size: 17px;
    color: #252525;
    font-family: Montserrat;
    font-weight: 600;
    padding-top: 10px;
}

#room-single-section .single-room-carousel .item-single-room img {
    min-height: 361px;
}

#room-single-section .single-room-carousel .owl-controls {
    margin-top: 10px;
}

.room-extra-service .col-lg-2 {
    border-right: 1px solid #f5f5f5;
    padding: 10px;
}

.center {
    text-align: center;
}

/***** aminities *****/
#aminities-section {
    padding: 85px 0;
}

#aminities-section h2 {
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 10px;
    line-height: 25px;
    font-size: 17px;
    color: #252525;
    font-family: Montserrat;
    font-weight: 600;
}

.room-style-section {
    padding: 45px 0;
}

.contact-section {
    padding: 45px 0;
}

.restaurant-section {
    padding: 45px 0;
}

.space-list {
    margin-bottom: 45px;
}

.contact-text {
    padding: 20px;
    background: #f5f5f5;
    border: 1px solid #efefef;
    border-radius: 3px;
}

.contact-text-right {
    transition: all 500ms ease 0s;
    padding: 20px;
    background: #efefef;
    border: 1px solid #f8f8f8;
    border-radius: 3px;
}

.contact-text-right p {
    color: #999999;
    font-size: 14px;
    font-weight: 400;
    line-height: 27px;
    font-family: Montserrat;
    padding-bottom: 8px;
}

.contact-text-right h2::after {
    background: #252525 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 2px;
    margin-top: 13px;
    width: 60px;
}

.contact-text-right h2 {
    font-size: 18px;
    color: #252525;
    font-family: Montserrat;
    font-weight: 600;
    padding-bottom: 11px;
}

.contact-text-right:hover {
    background: #252525;
    transition: all 500ms ease 0s;
    border: 1px solid #252525;
}

.contact-text-right:hover p {
    color: #f5f5f5;
}

.contact-text-right:hover h2 {
    color: #f5f5f5;
}

.contact-text-right:hover h2::after {
    background: #f5f5f5;
}

.contact-text:hover {
    background: #252525;
    transition: all 500ms ease 0s;
    border: 1px solid #252525;
}

.contact-text:hover p {
    color: #f5f5f5;
}

.contact-text:hover h2 {
    color: #f5f5f5;
}

.contact-text:hover h3 {
    color: #f5f5f5;
}

.contact-text:hover span {
    color: #f5f5f5;
}

.contact-text:hover h2::after {
    background: #f5f5f5;
}

.contact-text h2::after {
    background: #252525 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 2px;
    margin-top: 13px;
    width: 60px;
}

.contact-text h2 {
    font-size: 18px;
    color: #252525;
    font-family: Montserrat;
    font-weight: 600;
}

.contact-info-list h3 {
    color: #252525;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    font-family: Montserrat;
}

.contact-info-list span {
    color: #3d3d3d;
    font-weight: 600;
    text-transform: uppercase;
    font-family: Montserrat;
    font-size: 14px;
}

.contact-info-list {
    list-style: outside none none;
    padding-left: 0;
}


/**/

.tab {
    margin-top: 30px;
}

.tab .nav-tabs {
    border: none;
    border-bottom: 1px solid #e4e4e4;
}

.nav-tabs li a,
.tab .nav-tabs li button {
    padding: 15px 40px;
    border: 1px solid #252525;
    border-top: 2px solid #252525;
    border-right: 0px none;
    background: #252525;
    color: #fff;
    border-radius: 0px;
    margin-right: 0px;
    font-weight: 600;
    transition: all 0.3s ease-in 0s;
}

.nav-tabs li a:hover,
.tab .nav-tabs li button:hover {
    border-bottom-color: #1ba47f;
    border: 1px solid #1ba47f;
    border-top: 2px solid #1ba47f;
    border-right: 0px none;
    background: #1ba47f;
    color: #fff;
}

.nav-tabs li a i {
    display: inline-block;
    text-align: center;
    margin-right: 10px;
}

.nav-tabs li:last-child {
    border-right: 1px solid #ededed;
}

.nav-tabs li.active a,
.nav-tabs li.active a:focus,
.nav-tabs li.active a:hover,
.tab .nav-tabs li .active,
.tab .nav-tabs li .active:focus,
.tab .nav-tabs li .active:hover {
    border-top: 3px solid #1ba47f;
    border-right: 1px solid #d3d3d3;
    margin-top: -15px;
    color: #252525;
    padding: 22px 40px;
}

.tab .tab-content {
    padding: 30px 25px;
    line-height: 22px;
    border-top: 0px solid #ededed;
    border-bottom: 1px solid #ededed;
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
}

.tab .tab-content h3 {
    margin-top: 0;
}

@media only screen and (max-width: 767px) {
    /* .nav-tabs li {
        width: 100%;
        margin-bottom: 10px;
    } */

    .tab .nav-tabs li {
        width: 33.33%;
    }

    .tab .nav-tabs li button {
        padding: 10px;
        width: 100%;
    }

    .tab .nav-tabs li .active,
    .tab .nav-tabs li .active:focus,
    .tab .nav-tabs li .active:hover {
        padding: 5px 10px;
        margin-top: -8px;
    }

    .nav-tabs li a {
        padding: 15px;
    }

    .nav-tabs li.active a,
    .nav-tabs li.active a:focus,
    .nav-tabs li.active a:hover {
        padding: 15px;
        margin-top: 0;
    }
}

/***** form style *****/

/*ask*/
.has-error input {
    border-color: #a94442 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.has-error textarea {
    border-color: #a94442 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

#ContactForm button:hover,
button.booknow:hover {
    background-color: #fff;
    color: #1ba47f;
}

#ContactForm button,
button.booknow {
    background-color: #1ba47f;
    border: 2px solid #1ba47f;
    border-radius: 2px;
    color: #fff;
    display: block;
    font: 700 15px/1.6em "Montserrat", sans-serif;
    margin-top: 20px;
    padding: 12px 30px;
    transition: all 0.3s ease 0s;
    width: 170px;
}

.form-style input[type="button"],
.form-style input[type="submit"] {
    background-color: #1ba47f;
    border: 2px solid #1ba47f;
    border-radius: 2px;
    color: #fff;
    display: block;
    font: 700 15px/1.6em "Montserrat", sans-serif;
    margin-bottom: 22px;
    margin-top: 20px;
    padding: 12px 30px;
    transition: all 0.3s ease 0s;
    width: 170px;
}

.form-style input[type="button"]:hover,
.form-style input[type="submit"]:hover {
    background-color: #fff;
    color: #1ba47f;
}

.form-style {}

.form-style-heading {
    font-weight: bold;
    font-style: italic;
    border-bottom: 2px solid #ddd;
    margin-bottom: 10px;
    font-size: 15px;
    padding-bottom: 3px;
}

.form-style label {
    display: block;
    margin: 0px 0px 15px 0px;
}

.form-style label>span {
    width: 100px;
    font-weight: bold;
    float: left;
    padding-top: 8px;
    padding-right: 5px;
}

.form-style span.required {
    color: red;
}

.form-style .tel-number-field {
    width: 40px;
    text-align: center;
}

.form-style .long {
    width: 120px;
}

.form-style input.input-field {
    width: 100%;

}

#ContactForm input {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    border: 2px solid #e1e1e1;
    box-shadow: 1px 1px 4px #fff;
    -moz-box-shadow: 1px 1px 4px #fff;
    -webkit-box-shadow: 1px 1px 4px #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 7px;
    outline: none;
    color: #727272;
    font-size: 14px;
    font-family: Montserrat;
    font-weight: 500;
    height: 45px;
}

#ContactForm textarea {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    border: 2px solid #e1e1e1;
    box-shadow: 1px 1px 4px #fff;
    -moz-box-shadow: 1px 1px 4px #fff;
    -webkit-box-shadow: 1px 1px 4px #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 7px;
    outline: none;
    color: #727272;
    font-size: 14px;
    font-family: Montserrat;
    font-weight: 500;
    height: 200px;
}

.form-control::-moz-placeholder {
    color: #727272;
}

.form-style input.input-field,
.form-style .tel-number-field,
.form-style .textarea-field,
.form-style .select-field {

    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    border: 2px solid #e1e1e1;
    box-shadow: 1px 1px 4px #fff;
    -moz-box-shadow: 1px 1px 4px #fff;
    -webkit-box-shadow: 1px 1px 4px #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 7px;
    outline: none;
    color: #bababa;
    font: 400 15px/1.6em "Raleway", sans-serif;
}

.form-style .input-field:focus,
.form-style .tel-number-field:focus,
.form-style .textarea-field:focus,
.form-style .select-field:focus {}

.form-style .textarea-field {
    height: 100px;
    width: 100%;
}

.form-style .success {
    background: #D8FFC0;
    padding: 5px 10px 5px 10px;
    margin: 0px 0px 5px 0px;
    border: none;
    font-weight: bold;
    color: #2E6800;
    border-left: 3px solid #2E6800;
}

.form-style .error {
    background: #FFE8E8;
    padding: 5px 10px 5px 10px;
    margin: 0px 0px 5px 0px;
    border: none;
    font-weight: bold;
    color: #FF0000;
    border-left: 3px solid #FF0000;
}

/**** *Service *****/
.service-box {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    perspective: 1000px;
    -webkit-perspective: 1000px;
}

.service-icon {
    width: 100%;
    height: 220px;
    padding: 20px;
    text-align: center;
    transition: all .5s ease;
}

.service-content {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    width: 100%;
    height: 220px;
    padding: 20px;
    text-align: center;
    transition: all .5s ease;
    background-color: #252525;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    -webkit-transform: translateY(110px) rotateX(-90deg);
    -moz-transform: translateY(110px) rotateX(-90deg);
    -ms-transform: translateY(110px) rotateX(-90deg);
    -o-transform: translateY(110px) rotateX(-90deg);
    transform: translateY(110px) rotateX(-90deg);
}

.service-box .service-icon .front-content {
    position: relative;
    top: 80px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.service-box .service-icon .front-content i {
    font-size: 28px;
    color: #fff;
    font-weight: normal;
}

.service-box .service-icon .front-content h3 {
    font-size: 15px;
    color: #fff;
    text-align: center;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.service-box .service-content h3 {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-family: Montserrat;
}

.service-box .service-content p {
    font-size: 14px;
    color: #f7f7f7;
    margin: 0;
    font-family: Montserrat;
    font-weight: 400;
}

.yellow {
    background-color: #ffc000;
}

.orange {
    background-color: #fc7f0c;
}

.red {
    background-color: #e84b3a;
}

.grey {
    background-color: #252525;
}

.dark-blue {
    background-color: #3d4493;
}

.sky-blue {
    background-color: #20a2b7;
}

.purple {
    background-color: #7e0cfc;
}

.service-box:hover .service-icon {
    opacity: 0;
    -webkit-transform: translateY(-110px) rotateX(90deg);
    -moz-transform: translateY(-110px) rotateX(90deg);
    -ms-transform: translateY(-110px) rotateX(90deg);
    -o-transform: translateY(-110px) rotateX(90deg);
    transform: translateY(-110px) rotateX(90deg);
}

.service-box:hover .service-content {
    opacity: 1;
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
}

/**/

.single-testimonial-item {
    margin-bottom: 50px;
}

.single-testimonial-item .testimonial {
    border: 2px solid #eee;
    display: block;
    padding: 17px 18px 20px;
    position: relative;
    transition: all 500ms ease 0s;
}

.single-testimonial-item .testimonial::before {
    border-left: 20px solid #eee;
    border-right: 16px solid transparent;
    border-top: 16px solid transparent;
    bottom: -27px;
    content: "";
    height: 15px;
    left: 0;
    position: absolute;
    transform: rotate(88deg);
    transition: all 500ms ease 0s;
    width: 15px;
}

.single-testimonial-item .testimonial p {
    font-size: 14px;
    font-style: italic;
    line-height: 26px;
    font-weight: 400;
    margin: 0;
}

.single-testimonial-item .client-info {
    margin-top: 30px;
}

.single-testimonial-item .client-info .img-box img {
    border-radius: 100%;
    border: 1px solid #eee;
    background: #f7f7f7;
}

.single-testimonial-item .client-info .img-box {
    border: 2px solid transparent;
    transition: all 500ms ease 0s;
    width: 80px;
}

.single-testimonial-item .client-info .img-box,
.single-testimonial-item .client-info .title-box {
    display: table-cell;
    vertical-align: top;
}

.single-testimonial-item .client-info .title-box {
    padding-left: 20px;
}

.single-testimonial-item .client-info .title-box h4 {
    color: #252525;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 4px;
    text-transform: uppercase;
}

.single-testimonial-item .client-info .title-box p {
    color: #1ba47f;
    margin: 0;
}

.single-testimonial-item:hover p {
    color: #fff;
    transition: all 500ms ease 0s;
}

.single-testimonial-item:hover .testimonial {
    border-color: #1ba47f;
    background: #1ba47f;
    transition: all 500ms ease 0s;
}

.single-testimonial-item:hover .testimonial::before {
    border-left-color: #1ba47f;
    transition: all 500ms ease 0s;
}

/**/

.services-v2 {
    background-color: #fff;
    margin-bottom: 30px;
    padding: 20px;
    transition: all 500ms ease 0s;
    border: 2px solid #eee;
}

.services-v2 h4 {
    text-align: center;
    transition: all 500ms ease 0s;
    margin-bottom: 0px;
}

.services-v2 span {
    color: #000;
    display: block;
    text-align: center;
    font-weight: 600;
}

.services-v2 a {
    text-align: center;
    color: #1ba47f;
    font-weight: 600;
    font-size: 20px;
    transition: all 500ms ease 0s;
}

.services-v2 p {
    text-align: center;
    color: #6b6b6b;
    font-weight: 400;
    font-size: 14px;
    transition: all 500ms ease 0s;
    margin-bottom: 0px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.services-v2 i {
    text-align: center;
    color: #1ba47f;
    font-size: 27px;
    border: 1px solid #eee;
    border-radius: 100%;
    padding: 15px;
    width: 60px;
    height: 60px;
    margin: 0 auto 10px auto;
    display: block;
    transition: all 500ms ease 0s;
}

.services-v2:hover p,
.services-v2:hover a,
.services-v2:hover h4,
.services-v2:hover span {
    color: #fff;
    transition: all 500ms ease 0s;
}

.services-v2:hover i {
    background: #fff;
    border: 1px solid #fff;
    transition: all 500ms ease 0s;
}

.services-v2:hover {
    background-color: #1ba47f;
    transition: all 500ms ease 0s;
    border: 2px solid #1ba47f;
}

.icon {
    text-align: center;
    width: 65px;
    height: 65px;
    padding: 8px;
    border: 2px solid #92e0ff;
    border-radius: 50%;
    margin: auto;
    margin-bottom: 10px;
    background: #e4f7ff;
}

.services-v2:hover .icon {
    background: #fff;
}

.seasonal .title_span h3,
.temple_timing .title_span h3,
.significant .title_span h3 {
    font-size: 26px;
}

section.temple_timing table {
    margin-top: 0px;
}

section.temple_timing table tr:nth-child(even) td {
    background: #fff;
    color: #000;
}

.list_no a {
    color: #000;
}

.list_no ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.list_no ul li {
    font-size: 18px;
    font-family: 'Montserrat';
    font-weight: 500;
    color: #000;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

.list_no ul li i {
    color: #1ba47f;
    font-size: 22px;
    vertical-align: middle;
    margin-right: 5px;
}

section.seasonal {
    box-shadow: 0px 0px 8px #ddd;
}

.significant .card:hover {
    box-shadow: 0px 0px 10px #4c4c4c;
}

.significant .card-title {
    font-size: 18px;
    font-family: Montserrat;
    font-weight: 600;
    line-height: 25px;
    color: #252525;
    text-transform: uppercase;
    margin-top: 12px;
    margin-bottom: 3px;
}

.significant .card-body span {
    color: #fff;
    position: absolute;
    top: -18px;
    font-weight: 600;
    left: 0px;
    right: 0px;
    margin: auto;
    width: max-content;
    background: #1ba47f;
    padding: 6px 18px;
    box-shadow: 0px 0px 6px #4c4c4c;
    border-radius: 25px;
}

.significant img.card-img-top {
    min-height: 270px;
    max-height: 270px;
    object-fit: cover;
}

.significant p.card-text {
    line-height: 24px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 70px;
}

/**/

.list-items .list-item h3 {
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    text-transform: none;
    font-family: Montserrat;
    color: #252525;
}

.list-items .list-item {
    border-bottom: 1px dotted #ccc;
}

.list-items .list-item span {
    font-size: 15px;
    font-weight: 600;
    font-family: Montserrat;
    color: #252525;
    line-height: 80px;
}

.list-items .list-item p {
    font-size: 14px;
    font-weight: 400;
    font-family: Montserrat;
    color: #6b6b6b;
    margin-top: 5px;
}

.list-items .list-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

/**/

#aboutus.content {
    background: #fff;
    padding: 35px 0px;
}

#aboutus.content h3 {
    color: #252525;
    font-family: Montserrat;
    font-size: 25px;
    font-weight: 600;
    padding: 0 0 5px 0px;
    line-height: 36px;
    text-transform: uppercase;
}

/* #aboutus .single-content {
    padding-right: 5%;
} */

#aboutus.content h3 span {
    color: #1ba47f;
}

.our_profile img {
    width: 400px;
    height: 400px;
    border-radius: 50%;
    border: 8px solid #1ba47f;
    margin-bottom: 20px;
    margin-top: 0px;
    object-fit: cover;
}

.our_profile {
    position: relative;
}

/**/
.padding-space {
    margin-top: 30px;
}

.vegas-animation-kenburns {
    animation: kenburns ease-out;
}

@keyframes kenburns {
    0% {
        transform: scale(1.5);
    }

    100% {
        transform: scale(1);
    }
}

/**/

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 99;
}

#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}

#return-to-top:hover i {
    color: #fff;
    top: 5px;
}

#cta {
    background: #1ba47f;
    padding: 40px 0;
}

#cta h4 {
    font-size: 15px;
    font-family: Montserrat;
    font-weight: 600;
    text-transform: uppercase;
    color: #f5f5f5;
    line-height: 25px;
}

@media (min-width:850px) {
    #cta h4 {
        text-align: left;
    }

    .text-right {
        margin: auto 0 auto auto;
        display: block;
    }
}

@media (max-width:849px) {
    #cta h4 {
        text-align: center;
    }

    .text-right {
        margin: auto;
        display: block;
    }
}

/***** Sidebar *****/
.sidebar-right {
    background-color: #fff;
    margin-bottom: 30px;
    border: 1px solid #eee;
    padding: 30px;
}

.sidebar-right h2::after {
    background: #252525 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 2px;
    margin-top: 13px;
    width: 60px;
}

.sidebar-right h2 {
    color: #252525;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.readmore {
    font-weight: 600;
}

.readmore::after {
    content: "\f0da";
    display: inline-block;
    font-family: FontAwesome;
    font-weight: 400;
    margin-left: 10px;
    max-width: 10px;
    width: 10px;
    transition: all 0.3s ease;
}

.readmore:hover::after {
    margin-left: 15px;
    transition: all 0.3s ease;
}

/**/

.sidebar-right ul {
    padding-left: 0px;
    margin-left: 0;
    list-style: none;
}

.sidebar-right li a {
    color: #6b6b6b;
    font-size: 15px;
    font-weight: 600;
    font-family: Montserrat;
    line-height: 27px;
    text-transform: capitalize;
    transition: all 0.3s ease;
}

.sidebar-right ul a::before {
    background: #e1e1e1 none repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 2px;
    margin-right: 12px;
    transition: all 0.15s ease-out 0s;
    vertical-align: middle;
    width: 8px;
    transition: all 0.3s ease;
}

.sidebar-right ul a:hover {
    color: #252525;
    transition: all 0.3s ease;
    padding-left: 5px;
}

.sidebar-right ul a:hover::before {
    margin-right: 8px;
    transition: all 0.3s ease;
    width: 12px;
}


/***** footer *****/
footer {
    background: #1e1e1e none repeat scroll 0 0;
    position: relative;

}

.footer-wrapper {
    background: #1e1e1e none repeat scroll 0 0;
    position: relative;
}

.footer-pad {
    padding-top: 40px;
}

/* .footer-b-pad {
    padding-bottom: 1.8em;
    padding-top: 1.8em;
} */

.footer-top {
    overflow: hidden;
    position: relative;
}

.widget.about-us-widget p {
    color: #797979;
    font: 400 1.0715em/1.5em "Montserrat", sans-serif;
    margin-bottom: 0px;
    margin-top: 1em;
    padding: 0;
}

.widget.about-us-widget a {
    color: #1ba47f;
    margin-top: 1.4em;
}

.widget.about-us-widget a:hover {
    color: #fff;
}

.widget.about-us-widget ul {
    margin: 0;
    padding: 0;
}

.widget.about-us-widget ul li:first-child {
    padding-left: 0;
}

.widget.about-us-widget ul li {
    display: inline-block;
    list-style: outside none none;
    padding: 10px 9px;
}

.widget.about-us-widget ul li a {
    color: #7c7c7c;
    font-size: 1.5em;
    padding: 0;
}

.widget.about-us-widget ul li a:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #1ba47f;
}

.widget-contact h4,
.get-in-touch h4,
.widget-links h4 {
    color: #fff;
    font: 600 18px/17px "Montserrat", sans-serif;
    margin-bottom: 24px;
    margin-top: 0;
    text-transform: uppercase;
}

.widget-contact h4::after,
.get-in-touch h4::after,
.widget-links h4::after {
    background: #1ba47f none repeat scroll 0 0;
    content: "";
    display: block;
    height: 2px;
    margin-top: 13px;
    width: 40px;
}

.widget-contact-list ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.widget-contact-list ul li a {
    color: #797979;
    font: 400 1.0715em/2.3em "Montserrat", sans-serif;
    text-transform: capitalize;
    display: block;
}

.widget-contact-list ul li a:hover {
    color: #1ba47f;
}

.widget.get-in-touch ul {
    margin: 0;
    padding: 0;
}

.widget.get-in-touch ul li {
    display: table;
    list-style: outside none none;
    padding-right: 11px;
    width: 100%;
    text-align: left;
}

.widget.get-in-touch ul li i {
    color: #7b7b7b;
    float: left;
    font-size: 25px;
    line-height: 18px;
    padding-top: 13px;
    width: 34px;
}

.widget.get-in-touch ul li .fleft {
    color: #7b7b7b;
    float: left;
    font: 400 1.0715em/1.5em "Montserrat", sans-serif;
    padding: 0.5em 0;
    width: calc(100% - 34px);
}

.widget.get-in-touch ul li .fleft.location_address b {
    text-transform: uppercase;
}

.widget.get-in-touch ul li i.fa-map-marker {
    padding-top: 15px;
}

.widget.get-in-touch ul li i.fa-phone {
    font-size: 21px;
    line-height: 30px;
}

.widget.get-in-touch ul li i.fa-envelope-o {
    font-size: 18px;
    line-height: 24px;
}

.footer-copy {
    border-top: 1px solid #323232;
    overflow: hidden;
    padding: 10px 0px;
    position: relative;
}

.footer-copy p {
    color: #919191;
    font: 400 1.0715em/1.5em "Montserrat", sans-serif;
    margin: 0;
    padding: 0;
}

.footer-copy p a {
    color: #919191;
}

.footer-copy p a:hover {
    color: #fff;
}

/*update new stuff*/
#header.header-white {
    border-bottom: 1px solid #eee !important;
}

.header-white #header-wrap::before {
    background: #fff !important;
}

.header-white #hmenu ul ul li a {
    color: #fff !important;
}

#topbar-white.topbar-transparent::before {
    background: #fff !important;
}

#topbar-white .language-top-bar a {
    color: #252525 !important;
    line-height: 33px;
}

#topbar-white.topbar-transparent {
    border-bottom: 1px solid #f5f5f5;
}

@media (min-width:1024px) {
    .header-white #hmenu>ul>li a {
        color: #252525 !important;
    }
}

#topbar-white .top-menu>li>a {
    color: #252525;
    font-size: 13px;
    font-weight: 600 !important;
    line-height: 33px;
    text-transform: uppercase;
    font-family: Montserrat;
}

#topbar-white {
    position: relative;
    z-index: 200;
    background-color: #ffffff;
}

#topbar-white .top-menu {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    float: left;
}

#topbar-white .top-menu>li {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding-top: 7px;
}

#topbar-white .top-menu>li>a {
    display: block;
    font-size: 12px;
    font-weight: 500;
    height: 40px;
    margin-right: 16px;
}

#topbar-white .top-links {
    position: relative;
}

#topbar-white .social-icons {
    float: right;
    height: 100%;
    overflow: hidden;
}

#topbar-white .social-icons li,
#topbar-white .social-icons li a {
    float: left;
    list-style: outside none none;
}

#topbar-white .social-icons li a {
    border-radius: 0px;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 35px;
    overflow: hidden;
    margin: 0;
}

/*end*/
.item-attractions {
    align-items: center;
}

/* video section of home page start */
.home-videos {
    max-height: 608px;
}

.home-videos video {
    min-width: 100%;
    min-height: 100%;
    max-height: 608px;
    object-fit: cover;
    object-position: center center;
}

.event_page .card-box {
    transition: .5s;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
}

.event_page .card-box:before {
    position: absolute;
    width: 0;
    height: 2px;
    background: #1ba47f;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: '';
    z-index: 3;
    transition: all 0.4s ease-out;
}

.event_page .card-box:hover:before {
    width: 100%;
}

.event_page .card {
    transition: .5s;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
}

    .event_page .card::before {
        display: none;
    }

.event_page .card img {
    min-height: 320px;
    max-height: 320px;
    object-fit: cover;
    transition: .5s;
}

.event_page .card-body {
    background: #fff;
}

a.card-title {
    font-size: 20px;
    font-weight: 600;
    font-family: 'Montserrat';
    color: #1ba47f !important;
}

.event_page .card-box:hover img,
.event_page .card-box:hover .card::before {
    transform: scale(1.05);
}
.event_page .card:active::before {
    transform: scale(0); /* Removes the dark overlay effect on click */
}
.event_page .col-md-4 {
    padding-bottom: 25px;
}

.place-attractions {
    background: #fff;
    box-shadow: 0px 0px 8px #b5b5b5;
}

.place-attractions .attractions-content h4 {
    font-size: 24px;
}

.place-attractions .img-responsive-attractions {
    max-height: 405px;
    object-fit: cover;
    width: 100%;
    transition: .5s;
}

.place-attractions:hover .img-responsive-attractions {
    transform: scale(1.2);
}

.places-section .place-attractions:last-child {
    margin-bottom: 0px !important;
}


section.temple-visit {
    box-shadow: 0px 0px 8px #ddd;
    background: #f8f8f8;
}

section.temple-visit img {
    border-radius: 8px;
    box-shadow: 0px 0px 8px #a3a3a3;
}

.temple-visit h3 {
    font-size: 26px;
    padding-bottom: 0px;
    line-height: normal;
}

#header-background-temple .title_span h3 {
    line-height: 30px;

}

.tab .nav-tabs>li .active,
.tab .nav-tabs>li .active:focus,
.tab .nav-tabs>li .active:hover {
    border-right: 1px solid #d3d3d3;
    border-left: 1px solid #d3d3d3;
    background-color: #fff;
    border-bottom-color: transparent;
}

.booking-form label {
    font-size: 15px;
    color: #252525;
    font-family: Montserrat;
    font-weight: 600;
    padding-top: 10px;
}

.booking-form .modal-content {
    min-width: 1080px;
}

    .booking-form .modal-content .col-md-12{
        padding:0px 15px !important;
    }
    .booking-form .form-control {
        padding: 7px;
        outline: none;
        color: #727272;
        font-size: 14px;
        font-family: Montserrat;
        font-weight: 500;
        height: 45px;
        border: 1px solid #000;
    }

.booking-form textarea {
    resize: none;
    min-height: 80px;
    max-height: 80px;
    overflow: hidden;
    overflow-y: auto;
}

.booking-form .modal-footer .btn {
    margin-top: 0px !important;
}

    .booking-form .modal-footer .btn:hover {
        border-width: 2px;
    }

.booking-form .modal-footer .btn-secondary {
    display: block;
    font: 700 15px / 1.6em "Montserrat", sans-serif;
    margin-top: 20px;
    padding: 12px 30px;
    transition: all 0.3s ease 0s;
    width: 170px;
    border-radius: 0px;
}

    .booking-form .modal-footer .btn-secondary:hover {
        background: transparent;
        color: #6c757d;
        border: 2px solid #6c757d;
        border-radius: 2px;
    }

.modal_header {
    box-shadow: inset 0px 0px 8px #c3c3c3;
}

    .modal_header h5 {
        font-size: 22px;
        font-family: Montserrat;
        font-weight: 600;
        color: #252525;
    }

    .modal_header p {
        font-size: 14px;
    }

    .modal_header img {
        height: 160px;
        width: 100%;
        object-fit: cover;
        margin-bottom: 4px;
    }

.qrScan h5 {
    color: #252525;
    font-family: Montserrat;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0px;
    font-size: 25px;
}

    .qrScan h5 span {
        color: #1ba47f;
    }

.qrScan {
    margin: 10px auto;
    text-align: center;
    width: 98%;
}
    .qrScan p {
        font-size: 20px;
        margin-bottom: 10px;
        color: #252525;
        font-family: Montserrat;
        font-weight: 500;
    }
        .qrScan p span {
            color: #1ba47f;
        }

    .qrScan img {
        border: 3px solid #1ba47f;
        border-radius: 15px;
        padding: 15px;
        margin-top: 10px;
    }
.video-title {
    color: #252525;
    font-family: Montserrat;
    font-size: 25px;
    font-weight: 600;
    padding: 0 0 5px 0px;
    line-height: 36px;
    text-transform: uppercase;
}
    .video-title span {
        color: #1ba47f;
    }
    @media(max-width:1199px) {
        #hmenu > ul > li a {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 13px;
    }
    #discover.content h3,
    .temple_content h3,
    .temple-section .title_span h3 {
        font-size: 34px;
        line-height: normal;
    }

    .room-image img {
        min-height: 208px;
    }

    #booking-section .form-container form button {
        padding: 8px;
/*        margin-top: 10px;*/
    }

    #booking-section .form-container form input {
/*        margin-top: 10px;*/
    }

    .event_page .card img {
        min-height: 240px;
        max-height: 240px;
    }

    .place-attractions .img-responsive-attractions {
        max-height: 340px;
        object-fit: cover;
    }

    #logo {
        width: 180px;
        padding: 7px 0px;
    }
    .our_profile img {
        height:350px;
    }
    .booking-form .modal-content {
        min-width: 980px;
    }
    #header {
        height: 70px;
        line-height: 70px;
    }
 }

@media(max-width:991px) {
    #discover.content {
        padding: 35px 0px;
    }

    .temple_content {
        padding: 30px 0px;
    }

    #booking-section .form-container form button {
/*        margin-top: 10px;*/
    }

    #header-background-slide {
        height: 450px !important;
    }

    #booking-section .form-container {
        padding: 20px;
        box-shadow: 0px 0px 8px #ddd;
    }

    .header-content {
        padding: 160px 0 150px 0;
    }

    .header-content p {
        margin-bottom: 0px;
        font-size: 16px;
    }

    .header-content h1 {
        font-size: 30px;
        padding-bottom: 0px;
    }

    #discover .single-content br {
        display: none;
    }

    #discover.content h3,
    .temple_content h3 {
        text-align: center;
        font-size: 30px;
    }

    .section_title h2 {
        font-size: 20px;
    }

    .section_title h3 {
        font-size: 24px;
    }

    .room-image img {
        min-height: 234px;
    }

    .content-hotel.booking.template img {
        max-height: 450px;
        object-fit: cover;
        margin-bottom: 20px;
    }

    .widget-contact h4,
    .get-in-touch h4,
    .widget-links h4 {
        font: 600 15px / 17px "Montserrat", sans-serif;
        margin-top: 0;
/*        margin-bottom: 8px;*/
    }
    .about-us-widget{
        margin-bottom:10px;
    }

    .footer-pad .widget {
        padding: 0px 8px;
    }

    .widget.get-in-touch ul li .fleft {
        padding: 0px;
    }

    .widget.get-in-touch ul li i {
        padding-top: 4px;
    }

    .widget.get-in-touch ul li i.fa-map-marker {
        padding-top: 8px;
    }

    .widget-contact-list ul li a {
        line-height: 30px;
    }

    .our_profile img {
        width: 300px;
        height: 300px;
    }

    #aboutus.content h3 {
        text-align: center;
    }

    .padding-space {
        margin-top: 0px;
    }

    #ContactForm {
        margin-bottom: 30px;
    }

    .event_page .card img {
        min-height: 160px;
        max-height: 160px;
    }

    a.card-title {
        font-size: 17px;
    }

    .place-attractions .img-responsive-attractions {
        min-height: 300px;
    }

    .place-attractions .attractions-content h4 {
        font-size: 20px;
    }

    .btn-cta {
        padding: 12px 10px;
    }

    .significant img.card-img-top {
        min-height: 170px;
        max-height: 170px;
    }

    .significant .card-body {
        padding: 10px;
    }

    .significant .card-body span {
        font-size: 12px;
    }

    .significant .card-title {
        font-size: 15px;

    }

    .seasonal .title_span h3,
    .temple_timing .title_span h3,
    .significant .title_span h3 {
        font-size: 24px;
        line-height: normal;
    }

    .temple-section .title_span h3 {
        font-size: 28px;
        line-height: normal;
    }

    .room-extra-service {
        margin: 20px 0px;
    }
    .booking-form .modal-content {
        min-width: 680px;
    }
    .qrScan {
        width: 80%;
    }
}

@media(max-width:767px) {
    .vegas-transition-fade, .vegas-transition-fade2{
        opacity:1 !important;
    }
    .breadcrumb-botton-area .left ul li {
        line-height: 30px;
    }
    #booking-section .form-container form input {
        margin-bottom: 10px;
    }
    .header-content h1 {
        font-size: 20px;
        line-height: 30px;
    }

    .section_title h2 {
        font-size: 16px;
    }

    .section_title h3 {
        font-size: 20px;
    }

    #discover.content h3,
    .temple_content h3 {
        font-size: 24px;
    }

    .popup-gallery img {
        margin-bottom: 30px;
        height: auto;
    }

    .popup-gallery .space-bottom-large {
        display: none;
    }

    .room-section .row,
    .services .row {
        margin: 0px;
    }

    .room-image img {
        min-height: 175px;
    }

    section#services-section,
    .room-section,
    .attractions-section {
        padding: 25px 0px;
    }

    .services-box-right .col-md-6:not(:last-child) {
        margin-bottom: 20px;
    }

    .item-attractions img {
        max-height: 214px;
    }

    .footer-pad .widget {
        padding: 0px 15px;
    }

    .footer-pad {
        padding-top: 20px;
    }

    .page-title h1 {
        font-size: 24px;
        padding-bottom: 0px;
    }

    .page-title p {
        margin-bottom: 0px;
    }

    .inner_bg {
        min-height: 320px;
        max-height: 320px;
    }

    .inner_title {
        bottom: -220px;
    }

    .contact-text {
        margin-bottom: 30px;
    }

    #maps iframe {
        height: 400px;
    }

    .popup-gallery .col-md-4 {
        padding-bottom: 0px;
    }

    .event_page .card img {
        min-height: 240px;
        max-height: 240px;
    }

    .place-attractions .img-responsive-attractions {
        min-height: 240px;
        border-radius: 0px !important;
        border-bottom-left-radius: 3px !important;
        border-bottom-right-radius: 3px !important;
    }

    .place-attractions .attractions-content {
        padding: 15px 0px;
    }

    #cta {
        padding: 20px 0;
    }

    .breadcrumb-botton-area {
        padding: 5px 0 0px;
    }

    .breadcrumb-botton-area .left ul {
        margin: 0px !important;
    }

    #room-single-section .single-room-carousel .item-single-room img {
        min-height: 262px;
    }

        .booking-form .modal-content {
            min-width: 100%;
        }

        .booking-form .modal-footer .btn {
            width: 150px;
        }

}

/**/