.box-content a:hover {
     color: #000
 }

 :focus {
     outline: 0 !important
 }

 .reset {
     clear: both
 }

 a {
     text-decoration: none !important;
     color: #7d7c7c
 }

 a:hover {
     text-decoration: none !important;
     color: #333
 }

 ::-webkit-input-placeholder {
     color: #333;
 }

 :-moz-placeholder {
     color: #333;
     opacity: 1;
 }

 ::-moz-placeholder {
     color: #000;
     opacity: 1;
 }

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

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

 ::placeholder {
     color: #333;
 }

 .bookbg ::-moz-placeholder,
 .bookbg :-ms-input-placeholder,
 .bookbg :-moz-placeholder,
 .bookbg ::-webkit-input-placeholder {
     color: #fff !important
 }

 #scrl::-webkit-scrollbar {
     width: 2px;
     background-color: #000
 }

 #scrl::-webkit-scrollbar-thumb {
     background-color: #ccc;
     border-radius: 10px
 }

 ul {
     padding: 0;
     margin: 0
 }

 .more:after {
     content: "\f0da";
     transition: all .25s;
     opacity: 0;
     margin-left: -.5em;
     font-family: FontAwesome
 }

 .more:hover:after {
     opacity: 1;
     margin-left: .4em
 }

 .p2 {
     padding: 2px
 }

 .p5 {
     padding: 5px
 }

 .p8 {
     padding: 8px
 }

 @-webkit-keyframes fadeIn {
     0% {
         opacity: 0
     }

     to {
         opacity: 1
     }
 }

 @keyframes fadeIn {
     0% {
         opacity: 0
     }

     to {
         opacity: 1
     }
 }

 .fadeIn {
     -webkit-animation-name: fadeIn;
     animation-name: fadeIn
 }

 @-webkit-keyframes fadeInDown {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 @keyframes fadeInDown {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 .fadeInDown {
     -webkit-animation-name: fadeInDown;
     animation-name: fadeInDown
 }

 @-webkit-keyframes fadeInLeft {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 @keyframes fadeInLeft {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 .fadeInLeft {
     -webkit-animation-name: fadeInLeft;
     animation-name: fadeInLeft
 }

 @keyframes fadeInRight {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 .fadeInRight {
     -webkit-animation-name: fadeInRight;
     animation-name: fadeInRight
 }

 .fadeInRightBig {
     -webkit-animation-name: fadeInRightBig;
     animation-name: fadeInRightBig
 }

 @-webkit-keyframes fadeInUp {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 @keyframes fadeInUp {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 .fadeInUp {
     -webkit-animation-name: fadeInUp;
     animation-name: fadeInUp
 }

 .header {
     width: 100%;
     float: left;
     z-index: 99;
     position: relative;
     height: 0;
     -webkit-transition: height .5s;
     -moz-transition: height .5s;
     transition: all .4s ease-in-out
 }

 .cbp-af-header.cbp-af-header-shrink {
     height: 65px;
     top: 0
 }

 .cbp-af-header {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 999;
     transition: all .4s ease-in-out
 }

 .cbp-af-header.cbp-af-header-shrink .header {
     background: #333332;
     height: 58px
 }

 .cbp-af-header.cbp-af-header-shrink .nav-menu>li>a {
     color: #fff !important;
     height: 58px;
     font-size: 1.125em;
     padding: 0px 13px 0px 10px;
     line-height: 58px;
 }

 .cbp-af-header.cbp-af-header-shrink .menubars {
     background: 0 0;
     padding: 0;
     height: 58px;
     transition: all .4s ease-in-out
 }

 .cbp-af-header.cbp-af-header-shrink .submenu-indicator-chevron {
     border-color: #fff #fff #fff transparent;
     margin-top: 18px;
 }

 .cbp-af-header.cbp-af-header-shrink .top__contact {
     display: none
 }

 .menubars {
     border-radius: 3px;
     padding-right: 0;
     padding-left: 0
 }

 .logo {
     display: inline-block;
     float: left;
     transition: all .4s ease-in-out;
     background-repeat: no-repeat;
     position: absolute;
     top: 0px;
 }

 .cbp-af-header.cbp-af-header-shrink .logo {
     background-repeat: no-repeat;
     margin: 0;
     transition: all .4s ease-in-out
 }

 .navbar-fixed {
     position: fixed;
     z-index: 999 !important
 }

 nav {
     width: 100%
 }

 .navigation {
     width: 100%;
     display: table;
     position: relative;
     font-family: inherit;
 }

 .navigation * {
     box-sizing: border-box;
     -webkit-tap-highlight-color: transparent
 }

 .navigation-fixed-wrapper {
     width: 100%;
     left: 0;
     z-index: 19998;
     will-change: opacity
 }

 .navigation-fixed-wrapper.fixed {
     position: fixed !important;
     -webkit-animation: fade .5s;
     animation: fade .5s
 }

 @keyframes fade {
     from {
         opacity: .999
     }

     to {
         opacity: 1
     }
 }

 .navigation-fixed-wrapper .navigation {
     margin-right: auto;
     margin-left: auto
 }

 .navigation-fixed-placeholder {
     width: 100%;
     display: none
 }

 .navigation-fixed-placeholder.navigation-fixed-placeholder.visible {
     display: block
 }

 .nav-toggle,
 .navigation-hidden .nav-header {
     display: none
 }

 .navigation-hidden {
     width: 0 !important;
     height: 0 !important;
     margin: 0 !important;
     padding: 0 !important;
     position: absolute;
     top: -9999px
 }

 .nav-header {
     float: left
 }

 .nav-brand:focus,
 .nav-brand:hover {
     color: #70798b
 }

 .navigation-portrait .nav-brand {
     font-size: 18px;
     line-height: 48px
 }

 .nav-logo>img {
     height: 48px;
     margin: 11px auto;
     padding: 0 15px;
     float: left
 }

 .nav-logo:focus>img {
     outline: initial
 }

 .sexy-menu.detached {
     z-index: 999;
     width: 100%;
     position: fixed;
     background: #fff;
 }

 .navigation-portrait .nav-logo>img {
     height: 36px;
     margin: 6px auto 6px 15px;
     padding: 0
 }

 .navigation-portrait .nav-toggle {
     display: block
 }

 .navigation-portrait .nav-menus-wrapper {
     width: 320px;
     height: 100%;
     top: 0;
     left: -400px;
     position: fixed;
     background: #eb2828;
     z-index: 20000;
     -webkit-overflow-scrolling: touch;
     -webkit-transition-duration: .8s;
     transition-duration: .8s;
     -webkit-transition-timing-function: ease;
     transition-timing-function: ease;
     padding-bottom: 100px;
 }

 .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right {
     left: auto;
     right: -400px
 }

 .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open {
     left: 0
 }

 .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open {
     left: auto;
     right: 0
 }

 .nav-menus-wrapper-close-button {
     width: 30px;
     height: 40px;
     margin: 10px 7px;
     display: none;
     float: right;
     color: #fff;
     font-size: 26px;
     cursor: pointer
 }

 .navigation-portrait .nav-menus-wrapper-close-button {
     display: block
 }

 .nav-menu {
     margin: 0;
     padding: 0;
     line-height: normal;
     font-size: 0;
     float: right;
 }

 .navigation-portrait .nav-menu {
     width: 100%;
     height: 100vh;
     padding-bottom: 300px;
     overflow-y: scroll;
     overflow-x: hidden;
 }

 .nav-menu.nav-menu-centered {
     text-align: center
 }

 .nav-menu.nav-menu-centered>li {
     float: none
 }

 .nav-menu>li {
     display: inline-block;
     float: left;
 }

 .navigation-portrait .nav-menu>li {
     width: 100%;
     position: relative;
     border-top: solid 1px #ffffff29
 }

 .navigation-portrait .nav-menu>li:last-child {
     border-bottom: none;
 }

 .nav-menu+.nav-menu>li:first-child {
     border-top: none
 }

 body.about .nav-menu>li a.about,
 body.fog .nav-menu>li a.fog,
 body.services .nav-menu>li a.services,
 body.testimonials .nav-menu>li a.testimonials,
 body.contact .nav-menu>li a.contact,
 body.home .nav-menu>li a.home,
 body.gallery .nav-menu>li a.gallery,
 body.rooms .nav-menu>li a.rooms,
 body.activities .nav-menu>li a.activities,
 body.facilities .nav-menu>li a.facilities,
 body.ayurveda .nav-menu>li a.ayurveda,
 body.places .nav-menu>li a.places,
 body.booknow .nav-menu>li a.booknow,
 body.kakkadampoyil .nav-menu>li a.kakkadampoyil,
 body.contacts .nav-menu>li a.contacts {
     color: #eb2828
 }

 .navigation-portrait .nav-menu>li>a,
 .navigation-portrait li.header-phone a {
     width: 100%;
     height: auto;
     border: 0 !important;
     padding: 12px 0px 12px 15px !important;
     margin: 0 !important;
     transition: all .4s ease-in-out
 }

 .nav_active {
     color: #ffffff !important
 }

 li.active>a {
     color: #fff;
     background: #941473
 }

 .nav-menu>li>a>[class*=ion-],
 .nav-menu>li>a>i {
     width: 18px;
     height: 16px;
     line-height: 16px;
     -webkit-transform: scale(1.4);
     -ms-transform: scale(1.4);
     transform: scale(1.4)
 }

 .nav-menu>li>a>[class*=ion-] {
     width: 16px;
     display: inline-block;
     -webkit-transform: scale(1.8);
     -ms-transform: scale(1.8);
     transform: scale(1.8)
 }

 .navigation-portrait .nav-menu.nav-menu-social {
     width: 100%;
     text-align: center
 }

 .nav-menu.nav-menu-social>li {
     text-align: center;
     float: none;
     border: none !important
 }

 .navigation-portrait .nav-menu.nav-menu-social>li {
     width: auto
 }

 .nav-menu.nav-menu-social>li>a>.fa {
     font-size: 14px
 }

 .navigation-portrait .nav-menu.nav-menu-social>li>a {
     padding: 15px
 }

 .submenu-indicator {
     margin-left: 6px;
     margin-top: 5px;
     float: right;
     -webkit-transition: all .3s;
     transition: all .3s
 }

 .navigation-portrait .submenu-indicator {
     width: 54px;
     height: 44px;
     margin-top: 0;
     position: absolute;
     top: 0;
     right: 0;
     text-align: center;
     z-index: 20000
 }

 .nav-menu2 .submenu-indicator-chevron {
     border-color: transparent #fff #fff transparent;
 }

 .nav-dropdown .submenu-indicator-chevron {
     border-color: transparent #fff #fff transparent;
 }

 .submenu-indicator-chevron {
     border-color: transparent #fff #fff transparent;
     height: 6px;
     width: 6px;
     display: block;
     border-style: solid;
     border-width: 0 1px 1px 0;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     -webkit-transition: border .3s;
     transition: border .3s
 }

 .navigation-portrait .submenu-indicator-chevron {
     position: absolute;
     top: 18px;
     left: 24px
 }

 .nav-menu>.active>a .submenu-indicator-chevron,
 .nav-menu>.focus>a .submenu-indicator-chevron,
 .nav-menu>li:hover>a .submenu-indicator-chevron {
     border-color: #fff #fff #fff #fff
 }

 .navigation-portrait .submenu-indicator.submenu-indicator-up {
     -webkit-transform: rotate(-180deg);
     -ms-transform: rotate(-180deg);
     transform: rotate(-180deg)
 }

 .nav-overlay-panel {
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     position: fixed;
     display: none;
     z-index: 19999
 }

 .no-scroll {
     touch-action: none;
     overflow-x: hidden
 }

 .nav-button,
 .nav-text {
     display: inline-block;
     font-size: 14px
 }

 .navigation-portrait .nav-search-close-button {
     top: 10px;
     right: 14px
 }

 .nav-button {
     margin: 18px 15px 0;
     padding: 8px 14px;
     color: #fff;
     text-align: center;
     border-radius: 4px;
     background-color: #8cc152;
     -webkit-transition: opacity .3s;
     transition: opacity .3s
 }

 .nav-button:focus,
 .nav-button:hover {
     color: #fff;
     text-decoration: none;
     opacity: .85
 }

 .navigation-portrait .nav-button {
     width: calc(100% - 52px);
     margin: 17px 26px
 }

 .nav-text {
     margin: 25px 15px;
     color: #70798b
 }

 .navigation-portrait .nav-text {
     width: calc(100% - 52px);
     margin: 12px 26px 0
 }

 .navigation-portrait .nav-text+ul {
     margin-top: 15px
 }

 .nav-dropdown {
     min-width: 180px;
     margin: 0;
     padding: 0;
     display: none;
     position: absolute;
     z-index: 98;
     white-space: nowrap
 }

 .navigation-portrait .nav-dropdown {
     width: max-content;
     position: static;
     left: 0
 }

 .nav-dropdown .nav-dropdown {
     left: 100%
 }

 .nav-menu>li>.nav-dropdown,
 .nav-menu2>li>.nav-dropdown {
     border-top: solid 1px #333332
 }

 .nav-dropdown>li {
     width: 100%;
     float: left;
     clear: both;
     position: relative;
     text-align: left;
     background: #252525
 }

 .nav-dropdown>li>a {
     width: 100%;
     padding: 10px 30px;
     display: inline-block;
     float: left;
     color: #fff;
     letter-spacing: 1px;
     font-size: 0.938em;
     font-family: 'Brockmann';
     font-weight: 500;
     font-style: normal;
     background: #333332;
     -webkit-transition: color .3s, background .3s;
     transition: color .3s, background .3s;
     border-bottom: 1px solid #666;
     font-size: 1em;
     text-transform: uppercase;
 }

 .nav-dropdown>li a:before {
     position: absolute;
     right: 10px;
     top: 24px;
     width: 0;
     height: 2px;
     z-index: 0;
     content: " ";
     background-color: #333332;
     transition: all .4s ease-in-out;
     -webkit-transition: all .4s ease-in-out
 }

 .nav-dropdown>li a:hover:before {
     width: 15px;
     transition: all .4s ease-in-out;
     -webkit-transition: all .4s ease-in-out
 }

 .nav-dropdown>li:hover {
     transition: all .4s ease-in-out;
     -webkit-transition: all .4s ease-in-out
 }

 .nav-dropdown>li a {
     -webkit-transition: all .4s ease-in-out
 }

 .nav-dropdown>li a:hover {
     -webkit-transition: all .4s ease-in-out;
     padding-left: 30px;
     color: #91C88E;
 }

 .nav-menu>li:hover {
     transition: all .4s ease-in-out
 }

 .nav-dropdown.nav-dropdown-left {
     right: 0
 }

 .nav-dropdown>li>.nav-dropdown-left {
     left: auto;
     right: 100%
 }

 .navigation-landscape .nav-dropdown.nav-dropdown-left>li>a {
     text-align: right
 }

 .navigation-portrait .nav-dropdown>li>a {
     padding: 12px 15px 12px 15px
 }

 .navigation-portrait .nav-dropdown>li>ul>li>a {
     padding-left: 50px
 }

 .navigation-portrait .nav-dropdown>li>ul>li>ul>li>a {
     padding-left: 70px
 }

 .navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>a {
     padding-left: 90px
 }

 .navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>ul>li>a {
     padding-left: 110px
 }

 .nav-dropdown .submenu-indicator {
     right: 10px;
     top: 14px;
     position: absolute
 }

 .navigation-portrait .nav-dropdown .submenu-indicator {
     right: 0;
     top: 0
 }

 .nav-dropdown .submenu-indicator .submenu-indicator-chevron {
     -webkit-transform: rotate(312deg);
     -ms-transform: rotate(312deg);
     transform: rotate(312deg)
 }

 .navigation-portrait .nav-dropdown .submenu-indicator .submenu-indicator-chevron {
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg)
 }

 .nav-dropdown>.focus>a .submenu-indicator-chevron,
 .nav-dropdown>li:hover>a .submenu-indicator-chevron {
     border-color: transparent #ffffff #ffffff transparent
 }

 .navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator {
     left: 10px
 }

 .navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator .submenu-indicator-chevron {
     -webkit-transform: rotate(135deg);
     -ms-transform: rotate(135deg);
     transform: rotate(135deg)
 }

 .nav-dropdown-horizontal {
     width: 100%;
     left: 0;
     background-color: #fdfdfd;
     border-top: solid 1px #f0f0f0
 }

 .nav-dropdown-horizontal .nav-dropdown-horizontal {
     width: 100%;
     top: 100%;
     left: 0
 }

 .navigation-portrait .nav-dropdown-horizontal .nav-dropdown-horizontal {
     border-top: none
 }

 .nav-dropdown-horizontal>li {
     width: auto;
     clear: none;
     position: static
 }

 #kenburns_061,
 .nav-dropdown-horizontal>li>a {
     position: relative
 }

 .navigation-portrait .nav-dropdown-horizontal>li {
     width: 100%
 }

 .nav-dropdown-horizontal .submenu-indicator {
     height: 18px;
     top: 11px;
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg)
 }

 .navigation-portrait .nav-dropdown-horizontal .submenu-indicator {
     height: 42px;
     top: 0;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0)
 }

 .navigation-portrait .nav-dropdown-horizontal .submenu-indicator.submenu-indicator-up {
     -webkit-transform: rotate(-180deg);
     -ms-transform: rotate(-180deg);
     transform: rotate(-180deg)
 }