/*----------------------------------------------------
@File: Default Styles
@Author: Rocky Ahmed
@URL: http://wethemez.com
Author E-mail: rockybd1995@gmail.com

This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.
---------------------------------------------------- */
/*=====================================================================
@Template Name: HillTown
@Author: Rocky
@Developed By: Rocky
@Developer URL: http://rocky.wethemez.com
Author E-mail: rockybd1995@gmail.com

@Default Styles

Table of Content:
01/ Variables
02/ predefin
03/ header
04/ button
05/ slider
06/ Contact
07/ feature
08/ service
09/ gallery 
10/ client  
11/ blog 
12/ video 
13/ banner  
14/ event  
15/ room  
16/ resturant 
17/ footer
=====================================================================*/
/*----------------------------------------------------*/
/*font Variables*/
/*Color Variables*/
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,400i,700,700i,900|Montserrat:200,300,400,400i,500,500i,600,700,800,900|Open+Sans:300,400,400i,600,600i,700,800|PT+Sans:400,400i,700,700i|Poppins:300,400,500,600,700");
.col-md-offset-right-1,
.col-lg-offset-right-1 {
  margin-right: 8.33333333%;
}

@font-face {
  font-family: "ralH";
  src: url(../fonts/theme-font/Arial.ttf.woff);
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

a {
  text-decoration: none;
}

a:hover,
a:focus {
  text-decoration: none;
  outline: none;
}

.row.m0 {
  margin: 0px;
}

.p0 {
  padding: 0px;
}

body {
  line-height: 24px;
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  color: #898989;
}

body,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0px;
  padding: 0px;
}

#success {
  display: none;
}

#error {
  display: none;
}

.display_table {
  display: table;
  width: 100%;
}

.display_table_row {
  display: table-row;
}

.display_table_cell {
  display: table-cell;
  float: none !important;
}

iframe {
  border: none;
}

i:before {
  margin-left: 0px !important;
}

/* Main title css
============================================================================================ */
.intro_title h2 {
  font-size: 32px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #489289;
  letter-spacing: 0.96px;
  position: relative;
  padding-bottom: 15px;
}

.intro_title h2 span {
  color: #242424;
}

.intro_title h2:before {
  content: "";
  background: #242424;
  width: 70px;
  height: 1px;
  position: absolute;
  left: 0px;
  bottom: 0px;
}

.intro_title p {
  color: #242424;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  font-size: 16px;
  letter-spacing: 0.48px;
  padding-top: 30px;
}

.left_ex_title h2 {
  font-size: 32px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #489289;
  letter-spacing: 0.96px;
  position: relative;
}

.left_ex_title h2 span {
  color: #242424;
}

.left_ex_title p {
  font-size: 14px;
  color: #a0a0a0;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.42px;
  padding-top: 10px;
}

.left_wh_title h2 {
  font-size: 32px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 0.96px;
  position: relative;
  padding-bottom: 10px;
}

.left_wh_title h2 span {
  color: #242424;
}

.left_wh_title p {
  font-size: 14px;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.42px;
}

.middle_title {
  text-align: center;
  padding-bottom: 45px;
}

.middle_title h2 {
  color: #242424;
  font-family: "Montserrat", sans-serif;
  font-size: 32px;
  font-weight: bold;
  letter-spacing: 0.96px;
  text-transform: uppercase;
  padding-bottom: 12px;
  position: relative;
}

.middle_title h2 span {
  color: #fff;
}

.middle_title h2:before {
  content: "";
  width: 70px;
  background: #000;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 1px;
  bottom: 0px;
  position: absolute;
}

.middle_title p {
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  letter-spacing: 0.48px;
  color: #242424;
  padding-top: 25px;
}

.center_title {
  padding-bottom: 60px;
  text-align: center;
}

.center_title h2 {
  font-size: 32px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #489289;
  letter-spacing: 0.96px;
  position: relative;
  padding-bottom: 10px;
}

.center_title h2 span {
  color: #242424;
}

.center_title p {
  font-size: 16px;
  line-height: 28px;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  color: #242424;
  letter-spacing: 0.48px;
}

.center_title {
  padding-bottom: 60px;
  text-align: center;
}

.center_title h2 {
  font-size: 32px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #489289;
  letter-spacing: 0.96px;
  position: relative;
  padding-bottom: 10px;
}

.center_title h2 span {
  color: #242424;
}

.center_title p {
  font-size: 16px;
  line-height: 28px;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  color: #242424;
  letter-spacing: 0.48px;
}

.center_w_title {
  padding-bottom: 60px;
  text-align: center;
}

.center_w_title h2 {
  font-size: 32px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 0.96px;
  position: relative;
  padding-bottom: 10px;
}

.center_w_title h2 span {
  color: #489289;
}

.center_w_title p {
  font-size: 16px;
  line-height: 28px;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  color: #fff;
  letter-spacing: 0.48px;
  opacity: 0.4;
}

.main_big_title {
  text-align: center;
  padding-bottom: 45px;
}

.main_big_title h2 {
  color: #489289;
  font-family: "Montserrat", sans-serif;
  font-size: 32px;
  font-weight: bold;
  letter-spacing: 0.96px;
  text-transform: uppercase;
  padding-bottom: 15px;
  position: relative;
}

.main_big_title h2 span {
  color: #242424;
}

.main_big_title h2:before {
  content: "";
  width: 70px;
  background: #000;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 1px;
  bottom: 0px;
  position: absolute;
}

.main_big_title p {
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  letter-spacing: 0.225px;
  line-height: 26px;
  color: #898989;
  padding-top: 25px;
}

.resort_title {
  padding-bottom: 15px;
  position: relative;
}

.resort_title:before {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 70px;
  height: 1px;
  background: #000000;
}

.resort_title h2 {
  font-size: 32px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0.96px;
  text-transform: uppercase;
  color: #242424;
  padding-bottom: 10px;
}

.resort_title h2 span {
  color: #489289;
}

.resort_title h5 {
  font-size: 14px;
  color: #a0a0a0;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  letter-spacing: 0.42px;
  text-transform: uppercase;
}

/* Main title css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Header Area css
============================================================================================ */
.main_header_area {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  z-index: 22;
  background: rgba(0, 0, 0, 0.22);
}

.main_header_area.white_menu .header_top {
  background: #fff;
}

.main_header_area.white_menu .header_top .header_top_inner {
  border-bottom: 1px solid #e7e7e7;
}

.main_header_area.white_menu .header_top .header_top_inner .pull-left a {
  color: #242424;
  opacity: 0.6;
}

.main_header_area.white_menu .header_top .header_top_inner .pull-left a:hover {
  color: #489289;
  opacity: 1;
}

.main_header_area.white_menu .header_top .header_top_inner .pull-right .header_social li a {
  color: #242424;
  opacity: 0.6;
}

.main_header_area.white_menu .header_top .header_top_inner .pull-right .header_social li:hover a {
  color: #489289;
}

.main_header_area.white_menu .header_menu {
  background: #fff;
}

.main_header_area.white_menu .header_menu .navbar.navbar-default .nav.navbar-nav > li > a {
  color: #242424;
}

.main_header_area.white_menu .header_menu .navbar.navbar-default .nav.navbar-nav > li:hover > a,
.main_header_area.white_menu .header_menu .navbar.navbar-default .nav.navbar-nav > li.active > a {
  color: #489289;
}

.main_header_area.white_menu .header_menu .navbar.navbar-default .nav.navbar-nav.navbar-right .book_btn .book_now_btn {
  color: #fff;
}

.main_header_area.white_menu .header_menu.affix {
  -webkit-box-shadow: 0px -2px 24px 1px rgba(0, 0, 0, 0.06);
  box-shadow: 0px -2px 24px 1px rgba(0, 0, 0, 0.06);
}

.main_header_area.white_menu + section,
.main_header_area.white_menu + div,
.main_header_area.white_menu + .row {
  margin-top: 134px;
}

.main_header_area.tp_header_area {
  background: transparent;
}

.header_top .header_top_inner {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  clear: both;
  overflow: hidden;
}

.header_top .header_top_inner .pull-left a {
  line-height: 48px;
  font-size: 15px;
  color: #fff;
  opacity: 0.6;
  font-family: "Open Sans", sans-serif;
  letter-spacing: 0.45px;
  margin-right: 22px;
  -webkit-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  transition: all 150ms linear;
}

.header_top .header_top_inner .pull-left a i {
  padding-right: 10px;
  font-size: 20px;
  vertical-align: middle;
  line-height: 44px;
}

.header_top .header_top_inner .pull-left a:last-child {
  margin-right: 0px;
}

.header_top .header_top_inner .pull-left a:nth-child(2) i {
  font-size: 15px;
}

.header_top .header_top_inner .pull-left a:hover {
  opacity: 1;
}

.header_social li {
  display: inline-block;
  margin-right: 16px;
}

.header_social li a {
  line-height: 48px;
  font-size: 16px;
  color: #fff;
  opacity: 0.6;
  -webkit-transition: all 300ms linear 0s;
  -o-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.header_social li:last-child {
  margin-right: 0px;
}

.header_social li:hover a {
  opacity: 1;
}

.header_menu .navbar.navbar-default {
  border-radius: 0px;
  margin-bottom: 0px;
  background: transparent;
  border: none;
}

.header_menu .navbar.navbar-default .navbar-header .navbar-brand {
  height: 85px;
  line-height: 75px;
  padding: 0px 0px 0px 15px;
}

.header_menu .navbar.navbar-default .navbar-header .navbar-brand img {
  display: inline-block;
}

.header_menu .navbar.navbar-default .navbar-header .navbar-brand img + img {
  display: none;
}

.header_menu .navbar.navbar-default .navbar-collapse {
  text-align: right;
}

.header_menu .navbar.navbar-default .nav.navbar-nav {
  float: none;
  text-align: right;
  display: inline-block;
}

.header_menu .navbar.navbar-default .nav.navbar-nav li {
  float: none;
  display: inline-block;
  margin-right: 27px;
}

.header_menu .navbar.navbar-default .nav.navbar-nav li a {
  background: transparent;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  padding: 0px;
  letter-spacing: 0.45px;
  line-height: 85px;
  -webkit-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  transition: all 150ms linear;
}

.header_menu .navbar.navbar-default .nav.navbar-nav li a i {
  display: none;
}

.header_menu .navbar.navbar-default .nav.navbar-nav li:hover a,
.header_menu .navbar.navbar-default .nav.navbar-nav li.active a {
  color: #489289;
}

.header_menu .navbar.navbar-default .nav.navbar-nav li.submenu {
  position: relative;
}

.header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu {
  border: none;
  padding: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media (min-width: 992px) {
  .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu {
    position: absolute;
    top: 100%;
    left: -40px;
    min-width: 232px;
    background: #eeeeee;
    text-align: left;
    opacity: 0;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    visibility: hidden;
    display: block;
    border: none;
    padding: 0px;
    border-radius: 0px;
  }
}

.header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #eeeeee transparent transparent transparent;
  position: absolute;
  right: 24px;
  top: 45px;
  z-index: 3;
  opacity: 0;
  -webkit-transition: all 400ms linear;
  -o-transition: all 400ms linear;
  transition: all 400ms linear;
}

.header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li {
  display: block;
  float: none;
  margin-right: 0px;
  border-bottom: 1px solid #cbcbcb;
}

.header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li a {
  line-height: 45px;
  color: #242424;
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  padding: 0px 30px;
  font-weight: 600;
  letter-spacing: 0.3px;
  -webkit-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  transition: all 150ms linear;
  display: block;
}

.header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li:last-child {
  border-bottom: none;
}

.header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li:hover a {
  background: #489289;
  color: #fff;
}

@media (min-width: 992px) {
  .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li.submenu .dropdown-menu {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    position: absolute;
    left: 100%;
    right: auto;
    width: auto;
    top: -2px;
    background: #eeeeee;
  }
  .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li.submenu .dropdown-menu li a {
    line-height: 45px;
    color: #242424;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 15px;
    padding: 0px 30px;
    letter-spacing: 0.3px;
    -webkit-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
    display: block;
    background: #eeeeee;
  }
  .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li.submenu .dropdown-menu li:hover a {
    color: #fff;
    background: #489289;
  }
}

@media (min-width: 992px) {
  .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li.submenu:hover .dropdown-menu {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@media (min-width: 992px) {
  .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu:hover ul {
    left: 0px;
    visibility: visible;
    opacity: 1;
  }
}

.header_menu .navbar.navbar-default .nav.navbar-nav.navbar-right li:last-child {
  margin-right: 0px;
}

.header_menu .navbar.navbar-default .nav.navbar-nav.navbar-right li i.icon-Search {
  display: inline-block;
}

.header_menu .navbar.navbar-default .nav.navbar-nav.navbar-right .search_dropdown a {
  color: rgba(255, 255, 255, 0.7);
}

.header_menu .navbar.navbar-default .nav.navbar-nav.navbar-right .book_btn .book_now_btn {
  background: #489289;
  color: #000;
  line-height: 34px;
  display: inline-block;
  padding: 0px 25px;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  letter-spacing: 0.28px;
  position: relative;
  z-index: 2;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  border: 2px solid #489289;
  margin-top: 21px;
}

.header_menu .navbar.navbar-default .nav.navbar-nav.navbar-right .book_btn .book_now_btn:hover {
  color: #489289;
  background: transparent;
}

.header_menu.affix {
  width: 100%;
  left: 0px;
  top: 0px;
  position: fixed;
  background: #fff;
  z-index: 999;
  -webkit-box-shadow: 0px -2px 24px 1px rgba(0, 0, 0, 0.06);
  box-shadow: 0px -2px 24px 1px rgba(0, 0, 0, 0.06);
}

.header_menu.affix .navbar.navbar-default .navbar-header .navbar-brand {
  height: 70px;
  line-height: 62px;
}

.header_menu.affix .navbar.navbar-default .navbar-header .navbar-brand img {
  display: none;
}

.header_menu.affix .navbar.navbar-default .navbar-header .navbar-brand img + img {
  display: inline-block;
}

.header_menu.affix .navbar.navbar-default .nav.navbar-nav > li > a {
  line-height: 70px;
  color: #242424;
}

.header_menu.affix .navbar.navbar-default .nav.navbar-nav > li:hover > a,
.header_menu.affix .navbar.navbar-default .nav.navbar-nav > li.active > a {
  color: #489289;
}

.header_menu.affix .navbar.navbar-default .nav.navbar-nav.navbar-right li.book_btn .book_now_btn {
  margin-top: 15px;
}

.header_menu.affix .navbar.navbar-default .nav.navbar-nav.navbar-right li i.icon-Search {
  color: #242424;
}

.header_top_logo .header_top_l_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 26px 0px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.header_top_logo .header_top_l_inner .h_left_text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 50%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.header_top_logo .header_top_l_inner .h_left_text a {
  font-size: 20px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  letter-spacing: 0.6px;
  color: #fff;
  display: inline-block;
  line-height: 44px;
}

.header_top_logo .header_top_l_inner .h_left_text a img {
  padding-right: 10px;
}

.header_top_logo .header_top_l_inner .h_middle_text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  float: none;
}

.header_top_logo .header_top_l_inner .h_middle_text a {
  line-height: 37px;
}

.header_top_logo .header_top_l_inner .h_right_text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 50%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.header_top_logo .header_top_l_inner .h_right_text .book_now_btn {
  color: #000000;
  height: 38px;
  margin-top: 3px;
}

.header_top_logo .header_top_l_inner .h_right_text .book_now_btn:hover {
  color: #fff;
}

.middle_menu_area .navbar.navbar-default {
  margin-bottom: 0px;
  border-radius: 0px;
  border: none;
  background: transparent;
}

.middle_menu_area .navbar.navbar-default .navbar-brand {
  display: none;
}

.middle_menu_area .navbar.navbar-default .navbar-collapse {
  text-align: center;
}

.middle_menu_area .navbar.navbar-default .nav.navbar-nav {
  margin-left: -15px;
  float: none;
  display: block;
}

.middle_menu_area .navbar.navbar-default .nav.navbar-nav li {
  float: none;
  display: inline-block;
  margin-right: 30px;
}

.middle_menu_area .navbar.navbar-default .nav.navbar-nav li a {
  padding: 0px;
  background: transparent;
  color: #fff;
  font-size: 15px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.45px;
  line-height: 88px;
  -webkit-transition: all 300ms linear 0s;
  -o-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.middle_menu_area .navbar.navbar-default .nav.navbar-nav li a i {
  display: none;
}

.middle_menu_area .navbar.navbar-default .nav.navbar-nav li a .icon-Search {
  display: inline-block;
}

.middle_menu_area .navbar.navbar-default .nav.navbar-nav li:last-child {
  margin-right: 0px;
}

.middle_menu_area .navbar.navbar-default .nav.navbar-nav li:last-child a {
  opacity: 0.7;
}

.middle_menu_area .navbar.navbar-default .nav.navbar-nav li:hover a,
.middle_menu_area .navbar.navbar-default .nav.navbar-nav li.active a {
  color: #489289;
}

.middle_menu_area .navbar.navbar-default .nav.navbar-nav li.submenu {
  position: relative;
}

.middle_menu_area .navbar.navbar-default .nav.navbar-nav li.submenu ul {
  border: none;
  padding: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media (min-width: 992px) {
  .middle_menu_area .navbar.navbar-default .nav.navbar-nav li.submenu ul {
    position: absolute;
    top: 100%;
    left: -40px;
    min-width: 232px;
    background: #eeeeee;
    text-align: left;
    opacity: 0;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    visibility: hidden;
    display: block;
    border: none;
    padding: 0px;
    border-radius: 0px;
  }
}

.middle_menu_area .navbar.navbar-default .nav.navbar-nav li.submenu ul:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #eeeeee transparent transparent transparent;
  position: absolute;
  right: 24px;
  top: 45px;
  z-index: 3;
  opacity: 0;
  -webkit-transition: all 400ms linear;
  -o-transition: all 400ms linear;
  transition: all 400ms linear;
}

.middle_menu_area .navbar.navbar-default .nav.navbar-nav li.submenu ul li {
  display: block;
  float: none;
  margin-right: 0px;
  border-bottom: 1px solid #cbcbcb;
}

.middle_menu_area .navbar.navbar-default .nav.navbar-nav li.submenu ul li a {
  line-height: 45px;
  color: #242424;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 15px;
  padding: 0px 30px;
  letter-spacing: 0.3px;
  -webkit-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  transition: all 150ms linear;
  display: block;
  opacity: 1;
}

.middle_menu_area .navbar.navbar-default .nav.navbar-nav li.submenu ul li:last-child {
  border-bottom: none;
}

.middle_menu_area .navbar.navbar-default .nav.navbar-nav li.submenu ul li:hover a {
  background: #489289;
  color: #fff;
}

@media (min-width: 992px) {
  .middle_menu_area .navbar.navbar-default .nav.navbar-nav li.submenu ul li.submenu .dropdown-menu {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    position: absolute;
    left: 100%;
    right: auto;
    width: auto;
    top: -2px;
    background: #eeeeee;
  }
  .middle_menu_area .navbar.navbar-default .nav.navbar-nav li.submenu ul li.submenu .dropdown-menu li a {
    line-height: 45px;
    color: #242424;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 15px;
    padding: 0px 30px;
    letter-spacing: 0.3px;
    -webkit-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
    display: block;
    background: #eeeeee;
  }
  .middle_menu_area .navbar.navbar-default .nav.navbar-nav li.submenu ul li.submenu .dropdown-menu li:hover a {
    color: #fff;
    background: #489289;
  }
}

@media (min-width: 992px) {
  .middle_menu_area .navbar.navbar-default .nav.navbar-nav li.submenu ul li.submenu:hover .dropdown-menu {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@media (min-width: 992px) {
  .middle_menu_area .navbar.navbar-default .nav.navbar-nav li.submenu:hover ul {
    left: 0px;
    visibility: visible;
    opacity: 1;
  }
}

.middle_menu_area.affix {
  position: fixed;
  z-index: 999;
  left: 0px;
  top: 0px;
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 0px -2px 24px 1px rgba(0, 0, 0, 0.06);
  box-shadow: 0px -2px 24px 1px rgba(0, 0, 0, 0.06);
}

.middle_menu_area.affix .navbar.navbar-default .nav.navbar-nav > li > a {
  color: #181426;
  line-height: 70px;
}

.middle_menu_area.affix .navbar.navbar-default .nav.navbar-nav > li:hover > a,
.middle_menu_area.affix .navbar.navbar-default .nav.navbar-nav > li.active > a {
  color: #489289;
}

/* End Header Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Main Button css
============================================================================================ */
.book_now_btn {
  background: #489289;
  color: #fff;
  line-height: 36px;
  display: inline-block;
  padding: 0px 25px;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  letter-spacing: 0.28px;
  position: relative;
  z-index: 2;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  text-transform: uppercase;
  text-align: center;
  border: 2px solid #489289;
}

.book_now_btn:hover {
  color: #489289;
  background: transparent;
  border-color: #489289;
}

.book_now_btn_black {
  background: #242424;
  color: #fff;
  line-height: 40px;
  display: inline-block;
  padding: 0px 25px;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  letter-spacing: 0.28px;
  position: relative;
  z-index: 2;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  text-transform: uppercase;
  text-align: center;
  border: 2px solid #242424;
}

.book_now_btn_black:hover {
  color: #242424;
  border-color: #242424;
  background: transparent;
}

.slider_btn {
  display: inline-block;
  border: 2px solid #fff;
  padding: 0px 27px;
  line-height: 46px;
  color: #fff;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.28px;
  font-weight: 600;
  position: relative;
  z-index: 2;
  -webkit-transition: all 300ms linear !important;
  -o-transition: all 300ms linear !important;
  transition: all 300ms linear !important;
}

.slider_btn:hover {
  color: #fff;
  border-color: #489289;
  background: #489289;
}

.about_btn_b {
  display: inline-block;
  border: 1px solid #8e8e8e;
  padding: 0px 27px;
  line-height: 46px;
  color: #000;
  font-size: 15px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.45px;
  font-weight: 600;
  position: relative;
  z-index: 2;
  -webkit-transition: all 300ms linear 0s;
  -o-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.about_btn_b:hover {
  color: #fff;
  border-color: #489289;
  background: #489289;
}

.about_btn_wh {
  display: inline-block;
  border: 2px solid #fff;
  padding: 0px 27px;
  line-height: 46px;
  color: #fff;
  font-size: 15px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.45px;
  font-weight: 600;
  position: relative;
  z-index: 2;
  -webkit-transition: all 300ms linear 0s;
  -o-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.about_btn_wh:hover {
  color: #242424;
  border-color: #242424;
}

.submit_btn {
  background: #489289 !important;
  color: #fff;
  border-radius: 0px;
  border: none;
  width: 160px;
  padding: 0px;
  height: 52px;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.28px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  line-height: 50px;
  position: relative;
  z-index: 2;
  -webkit-transition: all 300ms linear 0s;
  -o-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
  font-weight: 600;
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  display: inline-block;
  border: 2px solid #489289;
}

.submit_btn:hover,
.submit_btn:focus {
  color: #489289;
  border-color: #489289;
  background: transparent !important;
}

.submit_btn_black {
  background: #242424 !important;
  color: #fff;
  border-radius: 0px;
  border: none;
  width: 160px;
  padding: 0px;
  height: 52px;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.28px;
  line-height: 52px;
  position: relative;
  z-index: 2;
  -webkit-transition: all 300ms linear 0s;
  -o-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
  font-weight: 600;
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  display: inline-block;
  border: 2px solid #242424;
}

.submit_btn_black:hover,
.submit_btn_black:focus {
  color: #242424;
  border-color: #242424;
  background: transparent !important;
}

/* Main Button css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Main Slider Area css
============================================================================================ */
.main_slider_area {
  position: relative;
}

.main_slider_area ul li .slider_text_box .first_text {
  color: #fff;
  font-weight: 600 !important;
  font-family: "Montserrat", sans-serif;
  overflow: hidden;
}

.main_slider_area ul li .slider_text_box .secand_text {
  color: #fff;
  font-family: "Lato", sans-serif;
  letter-spacing: 0.54px;
}

.main_slider_area ul li .slider_text_box .middle_f_text {
  color: #fff;
  font-family: "PT Sans", sans-serif;
  font-style: italic;
  position: relative;
  display: inline-block;
}

.main_slider_area ul li .slider_text_box .middle_f_text:before {
  content: "";
  width: 95px;
  height: 1px;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 14px;
  z-index: 22;
}

.main_slider_area ul li .slider_text_box .middle_f_text:after {
  content: "";
  width: 95px;
  height: 1px;
  background: #fff;
  position: absolute;
  right: 0;
  bottom: 14px;
  z-index: 22;
}

.main_slider_area ul li .slider_text_box .middle_s_text {
  color: #fff;
  font-weight: bold !important;
  text-transform: uppercase;
}

.main_slider_area .book_table_area {
  margin: 0px;
  position: absolute;
  left: 0px;
  width: 100%;
  z-index: 20;
  top: 52%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}

.main_slider_area .book_table_area .book_single_one {
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  display: inline-block;
  position: relative;
  z-index: 22;
  margin-bottom: 15px;
}

.main_slider_area .book_table_area .book_single_one:before {
  content: "";
  width: 52px;
  height: 1px;
  background: #fff;
  position: absolute;
  left: -72px;
  bottom: 4px;
  opacity: 1;
  z-index: 22;
}

.main_slider_area .book_table_area .book_single_one:after {
  content: "";
  width: 52px;
  height: 1px;
  background: #fff;
  position: absolute;
  right: -72px;
  bottom: 4px;
  opacity: 1;
  z-index: 22;
}

.main_slider_area .book_table_area .book_single_text {
  text-align: center;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  font-size: 50px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding-bottom: 65px;
}

.main_slider_area .book_table_area .book_table_inner {
  margin-top: 0px !important;
  background: rgba(0, 0, 0, 0.34);
  border: 1px solid #524e54;
}

.main_slider_area .tp-leftarrow,
.main_slider_area .tp-rightarrow {
  z-index: 20 !important;
}

/* End Main Slider Area css
============================================================================================ */
/* Book Room Area css
============================================================================================ */
.book_room_area {
  position: absolute;
  left: 0px;
  width: 100%;
  bottom: 0px;
  z-index: 20;
}

.book_room_box {
  max-width: 370px;
  background: #489289;
  padding: 45px 35px 55px 35px;
  float: right;
  overflow: hidden;
  width: 100%;
}

.book_room_box .book_table_item {
  margin-bottom: 20px;
}

.book_room_box .book_table_item:last-child {
  margin-bottom: 0px;
  margin-top: 30px;
}

.book_room_box .book_table_item h3 {
  text-align: center;
  color: #fff;
  font-size: 30px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  padding-bottom: 15px;
}

.book_room_box .book_table_item .input-append {
  position: relative;
}

.book_room_box .book_table_item .input-append input {
  width: 100%;
  height: 46px;
  border: 1px solid #fff;
  background: transparent;
  padding: 0px 24px;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 15px;
  text-transform: uppercase;
}

.book_room_box .book_table_item .input-append input.placeholder {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 15px;
  text-transform: uppercase;
}

.book_room_box .book_table_item .input-append input:-moz-placeholder {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 15px;
  text-transform: uppercase;
}

.book_room_box .book_table_item .input-append input::-moz-placeholder {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 15px;
  text-transform: uppercase;
}

.book_room_box .book_table_item .input-append input::-webkit-input-placeholder {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 15px;
  text-transform: uppercase;
}

.book_room_box .book_table_item .input-append .add-on {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 17px;
}

.book_room_box .book_table_item .input-append .add-on i {
  color: #fff;
}

.book_room_box .book_table_item .bootstrap-select {
  width: 100% !important;
}

.book_room_box .book_table_item .bootstrap-select .dropdown-toggle {
  padding: 0px 20px;
  border-color: #fff;
  border-radius: 0px;
  height: 46px;
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background: transparent;
}

.book_room_box .book_table_item .bootstrap-select .dropdown-toggle span {
  font-size: 15px;
  font-family: "Montserrat", sans-serif;
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
}

.book_room_box .book_table_item .bootstrap-select .dropdown-toggle .bs-caret .caret {
  right: 20px;
  color: #fff;
}

.book_room_box .book_table_item .bootstrap-select .dropdown-menu {
  margin: 0px;
  padding: 0px;
}

.book_room_box .book_table_item .bootstrap-select .dropdown-menu .dropdown-menu.inner li a {
  line-height: 30px;
}

.main_s_banner {
  min-height: 100vh;
  background: url(../img/home-slider/slider-2.jpg) no-repeat scroll center center;
  background-size: cover;
}

/* End Book Room Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Book Table Area css
============================================================================================ */
.book_table_area {
  margin-bottom: 50px;
  margin-top: 50px;
}

.book_table_inner {
  background: #f5f5f5;
  -webkit-box-shadow: 0px 3px 57px 0px rgba(0, 0, 0, 0.18);
  box-shadow: 0px 3px 57px 0px rgba(0, 0, 0, 0.18);
  clear: both;
  padding: 35px 32px 35px 32px;
  margin-top: -25px !important;
  z-index: 20;
  position: relative;
}

.book_table_inner .book_table_item {
  width: calc(100% / 5);
  float: left;
  padding-right: 15px;
}

.book_table_inner .book_table_item .input-append {
  position: relative;
}

.book_table_inner .book_table_item .input-append input {
  width: 100%;
  border: none;
  border: 1px solid #dedede;
  height: 46px;
  padding: 0px 18px;
  font-size: 13px;
  font-family: "Montserrat", sans-serif;
  color: #8c8c8c;
  text-transform: uppercase;
}

.book_table_inner .book_table_item .input-append input.placeholder {
  font-size: 13px;
  font-family: "Montserrat", sans-serif;
  color: #8c8c8c;
  text-transform: uppercase;
}

.book_table_inner .book_table_item .input-append input:-moz-placeholder {
  font-size: 13px;
  font-family: "Montserrat", sans-serif;
  color: #8c8c8c;
  text-transform: uppercase;
}

.book_table_inner .book_table_item .input-append input::-moz-placeholder {
  font-size: 13px;
  font-family: "Montserrat", sans-serif;
  color: #8c8c8c;
  text-transform: uppercase;
}

.book_table_inner .book_table_item .input-append input::-webkit-input-placeholder {
  font-size: 13px;
  font-family: "Montserrat", sans-serif;
  color: #8c8c8c;
  text-transform: uppercase;
}

.book_table_inner .book_table_item .input-append .add-on {
  position: absolute;
  right: 18px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.book_table_inner .book_table_item:last-child {
  padding-right: 0px;
}

.book_table_inner .book_table_item .bootstrap-select {
  width: 100% !important;
}

.book_table_inner .book_table_item .bootstrap-select .dropdown-toggle {
  padding: 0px 20px;
  border-color: #dedede;
  border-radius: 0px;
  height: 46px;
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background: #fff;
}

.book_table_inner .book_table_item .bootstrap-select .dropdown-toggle span {
  font-size: 13px;
  font-family: "Montserrat", sans-serif;
  color: #8c8c8c;
  text-transform: uppercase;
}

.book_table_inner .book_table_item .bootstrap-select .dropdown-toggle .bs-caret .caret {
  right: 20px;
}

.book_table_inner .book_table_item .bootstrap-select .dropdown-menu {
  margin: 0px;
  padding: 0px;
}

.book_table_inner .book_table_item .bootstrap-select .dropdown-menu .dropdown-menu.inner li a {
  line-height: 30px;
}

.book_table_inner .book_table_item .book_now_btn {
  display: block;
  text-align: center;
  line-height: 42px;
  padding: 0px 0px;
}

/* End Book Table Area css
============================================================================================ */
/* Get Contact Area css
============================================================================================ */
.get_contact_area {
  padding: 100px 0px;
}

.get_contact_inner .left_ex_title {
  padding-left: 15px;
  padding-bottom: 36px;
}

.get_contact_inner .contact_us_form {
  position: relative;
}

.get_contact_inner .contact_us_form:before {
  content: "";
  height: 420px;
  width: 1px;
  background: #d6d5d8;
  position: absolute;
  right: -80px;
  top: 0px;
}

.get_contact_inner .contact_us_form:after {
  content: "";
  height: 192px;
  width: 3px;
  background: #489289;
  position: absolute;
  right: -82px;
  top: 115px;
}

.contact_us_form .form-group {
  margin-bottom: 20px;
}

.contact_us_form .form-group:last-child {
  margin-bottom: 0px;
  margin-top: 20px;
}

.contact_us_form .form-group input {
  height: 54px;
  border: 1px solid #e9e9e9;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  background: #f8f8f8;
  padding: 0px 25px;
  font-size: 13px;
  font-family: "Montserrat", sans-serif;
  color: #8c8c8c;
  text-transform: uppercase;
}

.contact_us_form .form-group input.placeholder {
  font-size: 13px;
  font-family: "Montserrat", sans-serif;
  color: #8c8c8c;
  text-transform: uppercase;
}

.contact_us_form .form-group input:-moz-placeholder {
  font-size: 13px;
  font-family: "Montserrat", sans-serif;
  color: #8c8c8c;
  text-transform: uppercase;
}

.contact_us_form .form-group input::-moz-placeholder {
  font-size: 13px;
  font-family: "Montserrat", sans-serif;
  color: #8c8c8c;
  text-transform: uppercase;
}

.contact_us_form .form-group input::-webkit-input-placeholder {
  font-size: 13px;
  font-family: "Montserrat", sans-serif;
  color: #8c8c8c;
  text-transform: uppercase;
}

.contact_us_form .form-group textarea {
  height: 200px;
  border: 1px solid #e9e9e9;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  background: #f8f8f8;
  padding: 16px 25px;
  font-size: 13px;
  font-family: "Montserrat", sans-serif;
  color: #8c8c8c;
  text-transform: uppercase;
  resize: none;
}

.contact_us_form .form-group textarea.placeholder {
  font-size: 13px;
  font-family: "Montserrat", sans-serif;
  color: #8c8c8c;
  text-transform: uppercase;
}

.contact_us_form .form-group textarea:-moz-placeholder {
  font-size: 13px;
  font-family: "Montserrat", sans-serif;
  color: #8c8c8c;
  text-transform: uppercase;
}

.contact_us_form .form-group textarea::-moz-placeholder {
  font-size: 13px;
  font-family: "Montserrat", sans-serif;
  color: #8c8c8c;
  text-transform: uppercase;
}

.contact_us_form .form-group textarea::-webkit-input-placeholder {
  font-size: 13px;
  font-family: "Montserrat", sans-serif;
  color: #8c8c8c;
  text-transform: uppercase;
}

.contact_us_form .form-group .submit_btn {
  height: 48px;
  width: 165px;
  line-height: 46px;
}

.right_contact_info {
  padding-left: 134px;
  padding-top: 79px;
}

.right_contact_info .contact_info_title h3 {
  font-size: 20px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  color: #242424;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  padding-bottom: 15px;
}

.right_contact_info .contact_info_title p {
  font-size: 16px;
  color: #818181;
  font-family: "Open Sans", sans-serif;
  line-height: 26px;
  padding-right: 35px;
}

.right_contact_info .contact_info_list .media {
  margin-top: 25px;
}

.right_contact_info .contact_info_list .media .media-left {
  padding-right: 18px;
}

.right_contact_info .contact_info_list .media .media-left i {
  font-size: 35px;
  color: #3e3e3e;
}

.right_contact_info .contact_info_list .media .media-body h4 {
  font-size: 16px;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  letter-spacing: 0.32px;
  color: #242424;
  padding-bottom: 10px;
}

.right_contact_info .contact_info_list .media .media-body p {
  font-size: 15px;
  color: #818181;
  font-family: "Open Sans", sans-serif;
  line-height: 22px;
}

.right_contact_info .contact_info_list .media .media-body a {
  display: block;
  font-size: 15px;
  color: #818181;
  font-family: "Open Sans", sans-serif;
  line-height: 22px;
  -webkit-transition: all 300ms linear 0s;
  -o-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.right_contact_info .contact_info_list .media .media-body a:hover {
  color: #489289;
}

.right_contact_info .contact_info_list .media:first-child .media-left {
  padding-right: 32px;
}

.right_contact_info .contact_info_list .media:last-child .media-left {
  padding-right: 25px;
}

/* End Get Contact Area css
============================================================================================ */
/* Map Area css
============================================================================================ */
.map_box_inner {
  position: relative;
}

.map_box_inner:before {
  content: "";
  height: 420px;
  width: 1px;
  background: #d6d5d8;
  position: absolute;
  right: -80px;
  top: 0px;
}

.map_box_inner:after {
  content: "";
  height: 192px;
  width: 3px;
  background: #489289;
  position: absolute;
  right: -82px;
  top: 115px;
}

.map_box_inner .mapBox {
  height: 420px;
}

/* End Map Contact Area css
============================================================================================ */
/* Map Contact Area css
============================================================================================ */
.contact_map_area {
  padding-bottom: 100px;
}

.contact_map_area .mapBox2 {
  min-height: 460px;
}

/* End Map Contact Area css
============================================================================================ */
/* Search Popup Area css
============================================================================================ */

/* End Search Popup Area css
============================================================================================ */
/* Contact Success and error Area css
============================================================================================ */

/* End Contact Success and error Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Introduction Area css
============================================================================================ */
.introduction_area {
  padding-bottom: 100px;
  overflow: hidden;
}

.introduction_area.intro_area2 {
  padding-bottom: 70px;
  padding-top: 70px;
}

.introduction_area.intro_area2 .introduction_inner .introduction_img {
  position: relative;
  width: 100%;
}

.introduction_area.intro_area2 .introduction_inner .introduction_img img {
  max-width: 100%;
}

.introduction_area.intro_area2 .introduction_inner .introduction_img img + img {
  position: absolute;
  right: 35px;
  bottom: 0px;
}

.introduction_area.intro_area2 .introduction_inner .introduction_left_text {
  padding-right: 0px;
  padding-top: 25px;
}

.introduction_area.intro_area2 .introduction_inner .introduction_left_text .intro_box_item_area {
  padding-top: 20px;
}

.introduction_area.intro_area2 .introduction_inner .introduction_left_text .intro_box_item_area .intro_box_item {
  text-align: center;
  position: relative;
}

.introduction_area.intro_area2 .introduction_inner .introduction_left_text .intro_box_item_area .intro_box_item:before {
  content: "";
  height: 84px;
  background: #d7d7d7;
  width: 1px;
  position: absolute;
  right: -8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.introduction_area.intro_area2 .introduction_inner .introduction_left_text .intro_box_item_area .intro_box_item i {
  color: #363636;
  line-height: 64px;
  font-size: 64px;
}

.introduction_area.intro_area2
  .introduction_inner
  .introduction_left_text
  .intro_box_item_area
  .intro_box_item
  i:before {
  font-size: 64px;
}

.introduction_area.intro_area2 .introduction_inner .introduction_left_text .intro_box_item_area .intro_box_item h4 {
  font-size: 16px;
  color: #363636;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  padding-top: 18px;
}

.introduction_area.intro_area2
  .introduction_inner
  .introduction_left_text
  .intro_box_item_area
  .col-md-4:last-child
  .intro_box_item:before {
  display: none;
}

.introduction_area.resort_story_area {
  padding: 100px 0px;
}

.introduction_area.resort_story_area .introduction_left_text h6 {
  font-size: 16px;
  color: #242424;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  letter-spacing: 0.48px;
  padding-top: 45px;
  padding-bottom: 30px;
}

.introduction_area.resort_story_area .introduction_left_text .about_btn_b {
  padding: 0px 33.5px;
  line-height: 46px;
  margin-top: 5px;
}

.introduction_inner .introduction_img {
  display: inline-block;
  position: relative;
}

.introduction_inner .introduction_img img {
  max-width: 100%;
}

.introduction_inner .introduction_img:hover:before {
  opacity: 1;
}

.introduction_inner .introduction_left_text {
  padding-right: 98px;
}

.introduction_inner .introduction_left_text .intro_title {
  padding-bottom: 35px;
}

.introduction_inner .introduction_left_text .intro_title p {
  padding-bottom: 0px;
}

.introduction_inner .introduction_left_text h4 {
  font-size: 18px;
  color: #363636;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 20px;
  letter-spacing: 0.54px;
}

.introduction_inner .introduction_left_text p {
  font-size: 15px;
  line-height: 26px;
  font-family: "Open Sans", sans-serif;
  color: #898989;
  letter-spacing: 0.225px;
  padding-bottom: 30px;
}

/* End Introduction Area css
============================================================================================ */
/* Introduction Box Area css
============================================================================================ */
.introduction_box_area {
  padding: 100px 0px;
}

.introduction_box_area .main_big_title {
  padding-bottom: 60px;
}

.introduction_box_area .main_big_title h6 {
  font-size: 16px;
  color: #242424;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  letter-spacing: 0.48px;
  padding: 35px 0px 13px 0px;
}

.introduction_box_area .main_big_title p {
  padding-top: 0px;
}

.introduction_item {
  border: 2px solid #e9e9e9;
  text-align: center;
  padding: 30px 25px 40px 25px;
  -webkit-transition: all 300ms linear 0s;
  -o-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.introduction_item .intro_img {
  height: 98px;
  width: 98px;
  border-radius: 50%;
  text-align: center;
  border: 1px solid #489289;
  margin: auto;
  line-height: 96px;
}

.introduction_item .intro_img i {
  color: #489289;
  font-size: 64px;
  line-height: 98px;
}

.introduction_item .intro_img i:before {
  font-size: 64px;
}

.introduction_item h4 {
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  color: #363636;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  padding: 28px 0px 15px 0px;
  -webkit-transition: all 300ms linear 0s;
  -o-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.introduction_item h4:hover {
  color: #489289;
}

.introduction_item p {
  font-size: 15px;
  color: #898989;
  font-family: "Open Sans", sans-serif;
  line-height: 26px;
  letter-spacing: 0.225px;
}

.introduction_item:hover {
  border-color: #489289;
}

/* End Introduction Box Area css
============================================================================================ */
/* Explor Room Area css
============================================================================================ */

/* End Explor Room Area css
============================================================================================ */
/* Fun Fact Area css
============================================================================================ */

/* End Fun Fact Area css
============================================================================================ */
/* Choose Resot Area css
============================================================================================ */
.choose_resot_area {
  background: #f6f6f6;
  padding: 100px 0px;
}

.resot_list {
  max-width: 400px;
}

.resot_list ul li a {
  font-size: 20px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #a0a0a0;
  letter-spacing: 0.6px;
  position: relative;
  padding-left: 35px;
  line-height: 53px;
  border-bottom: 1px solid #e4e4e4;
  display: block;
  -webkit-transition: all 300ms linear 0s;
  -o-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.resot_list ul li a i {
  position: absolute;
  left: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 300ms linear 0s;
  -o-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
  color: #489289;
}

.resot_list ul li:last-child a {
  border: none;
}

.resot_list ul li:hover a {
  color: #489289;
}

.resot_list ul li:hover a i {
  left: 6px;
}

.choose_resot_slider .owl-prev,
.choose_resot_slider .owl-next {
  height: 65px;
  width: 65px;
  background: #fff;
  text-align: center;
  line-height: 62px;
  font-size: 28px;
  color: #7e7e7e;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 3;
  cursor: pointer;
  -webkit-transition: all 300ms linear 0s;
  -o-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.choose_resot_slider .owl-prev:hover,
.choose_resot_slider .owl-next:hover {
  background: #489289;
  color: #fff;
}

.choose_resot_slider .owl-prev {
  left: 0px;
}

.choose_resot_slider .owl-next {
  right: 0px;
}
.choose_resot_slider2 .owl-prev,
.choose_resot_slider2 .owl-next {
  height: 65px;
  width: 65px;
  background: #fff;
  text-align: center;
  line-height: 62px;
  font-size: 28px;
  color: #7e7e7e;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 3;
  cursor: pointer;
  -webkit-transition: all 300ms linear 0s;
  -o-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.choose_resot_slider2 .owl-prev:hover,
.choose_resot_slider2 .owl-next:hover {
  background: #489289;
  color: #fff;
}

.choose_resot_slider2 .owl-prev {
  left: 0px;
}

.choose_resot_slider2 .owl-next {
  right: 0px;
}
.choose_resot_slider3 .owl-prev,
.choose_resot_slider3 .owl-next {
  height: 65px;
  width: 65px;
  background: #fff;
  text-align: center;
  line-height: 62px;
  font-size: 28px;
  color: #7e7e7e;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 3;
  cursor: pointer;
  -webkit-transition: all 300ms linear 0s;
  -o-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.choose_resot_slider3 .owl-prev:hover,
.choose_resot_slider3 .owl-next:hover {
  background: #489289;
  color: #fff;
}

.choose_resot_slider3 .owl-prev {
  left: 0px;
}

.choose_resot_slider3 .owl-next {
  right: 0px;
}
/* End Choose Resot Area css
============================================================================================ */
/* Discount Area css
============================================================================================ */

/* End Discount Area css
============================================================================================ */
/* Error Area css

/* End Error Area css
============================================================================================ */

/* End Aminities Area css
============================================================================================ */
/* Comming Soon Area css
============================================================================================ */

/* End Comming Soon Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/

/* End Service Area css
============================================================================================ */
/* Specification Resort Area css
============================================================================================ */
.spec_resort_area {
  padding: 100px 0px;
}

.spec_resort_inner .spec_resort_item {
  position: relative;
}

.spec_resort_inner .spec_resort_item .resort_img {
  display: block;
  position: relative;
}

.spec_resort_inner .spec_resort_item .resort_img:before {
  content: "";
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 300ms linear 0s;
  -o-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.spec_resort_inner .spec_resort_item .resort_img img {
  max-width: 100%;
}

.spec_resort_inner .spec_resort_item h4 {
  position: absolute;
  bottom: 28px;
  left: 0px;
  width: 100%;
  text-align: center;
  font-size: 20px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: #fff;
}

.spec_resort_inner .spec_resort_item:hover .resort_img:before {
  opacity: 1;
}

/* End Specification Resort Area css
============================================================================================ */
/* Choose Resort Area css
============================================================================================ */
.choose_resort_area {
  background-size: cover;
  position: relative;
  z-index: 3;
  padding: 100px 0px;
}

.choose_resort_area:before {
  content: "";
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.choose_resort_area .resort_gallery_inner {
  overflow: hidden;
  clear: both;
  margin: 0px;
  padding: 0px 30px;
}

.choose_resort_area .resort_gallery_inner .owl-prev,
.choose_resort_area .resort_gallery_inner .owl-next {
  display: none;
}

.choose_resort_list {
  margin-bottom: 70px;
}

.choose_resort_list ul li a {
  font-size: 20px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  letter-spacing: 0.6px;
  color: #fff;
  position: relative;
  padding-left: 40px;
  line-height: 50px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  display: block;
  -webkit-transition: all 300ms linear 0s;
  -o-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.choose_resort_list ul li a i {
  position: absolute;
  left: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #489289;
  -webkit-transition: all 300ms linear 0s;
  -o-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.choose_resort_list ul li a:hover {
  color: #489289;
}

.choose_resort_list ul li a:hover i {
  left: 7px;
}

.choose_resort_list ul li:last-child a {
  border: none;
}

/* End Choose Resort Area css
============================================================================================ */
/* Spa Wellness Area css
a Area css
============================================================================================ */
/* Activities Area css
============================================================================================ */

/* End Activities Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Gallery Area css
============================================================================================ */
.our_resort_gallery_area {
  background: #489289;
  padding: 100px 30px 0px 30px;
  padding-bottom: 248px;
}

.resort_gallery_inner {
  margin-top: -247px;
  padding: 0px 30px;
  margin-bottom: 200px;
  position: relative;
}

.resort_gallery_inner .owl-prev,
.resort_gallery_inner .owl-next {
  position: absolute;
  bottom: -115px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 46px;
  width: 46px;
  left: 50%;
  text-align: center;
  line-height: 40px;
  border: 2px solid #d1d1d1;
  color: #7e7e7e;
  font-size: 25px;
  -webkit-transition: all 300ms linear 0s;
  -o-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
  cursor: pointer;
}

.resort_gallery_inner .owl-prev:hover,
.resort_gallery_inner .owl-next:hover {
  color: #489289;
  border-color: #489289;
}

.resort_gallery_inner .owl-prev {
  margin-left: -38px;
}

.resort_gallery_inner .owl-next {
  margin-left: 38px;
}

.resort_gallery_inner.resort_g_full {
  padding: 0;
  margin: 0px;
}

.resort_gallery .item,
.resort_full_gallery .item {
  position: relative;
}

.resort_gallery .item .resort_g_hover,
.resort_full_gallery .item .resort_g_hover {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  padding: 10px;
  opacity: 0;
  -webkit-transition: all 300ms linear 0s;
  -o-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.resort_gallery .item .resort_g_hover .resort_hover_inner,
.resort_full_gallery .item .resort_g_hover .resort_hover_inner {
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  position: relative;
}

.resort_gallery .item .resort_g_hover .resort_hover_inner a,
.resort_full_gallery .item .resort_g_hover .resort_hover_inner a {
  float: right;
  margin-top: 20px;
  margin-right: 20px;
  color: #fff;
  font-size: 20px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 300ms linear 0s;
  -o-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.resort_gallery .item .resort_g_hover .resort_hover_inner h5,
.resort_full_gallery .item .resort_g_hover .resort_hover_inner h5 {
  position: absolute;
  left: 30px;
  bottom: 20px;
  opacity: 0;
  color: #fff;
  z-index: 2;
  -webkit-transition: all 300ms linear 0s;
  -o-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  font-size: 18px;
  letter-spacing: 0.36px;
}

.resort_gallery .item:hover .resort_g_hover,
.resort_full_gallery .item:hover .resort_g_hover {
  opacity: 1;
}

.resort_gallery .item:hover .resort_g_hover .resort_hover_inner a,
.resort_full_gallery .item:hover .resort_g_hover .resort_hover_inner a {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.resort_gallery .item:hover .resort_g_hover .resort_hover_inner h5,
.resort_full_gallery .item:hover .resort_g_hover .resort_hover_inner h5 {
  bottom: 30px;
  opacity: 1;
}

/* End Galley Area css
============================================================================================ */
/* Galley Two Column Area css
============================================================================================ */
.grid_gallery_area {
  padding: 100px 0px;
}

.grid_gallery_inner {
  margin-bottom: -30px;
  overflow: hidden;
  clear: both;
}

.grid_gallery_inner.cobage_gallery_inner {
  margin-bottom: -10px;
}

.grid_gallery_inner .gallery_filter {
  text-align: center;
  padding-bottom: 55px;
}

.grid_gallery_inner .gallery_filter li {
  display: inline-block;
  margin-right: 52px;
}

.grid_gallery_inner .gallery_filter li a {
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  color: #a0a0a0;
  position: relative;
  -webkit-transition: all 300ms linear 0s;
  -o-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.grid_gallery_inner .gallery_filter li a:before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -1px;
  background: #489289;
  opacity: 0;
  -webkit-transition: all 300ms linear 0s;
  -o-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.grid_gallery_inner .gallery_filter li:hover a,
.grid_gallery_inner .gallery_filter li.active a {
  color: #489289;
}

.grid_gallery_inner .gallery_filter li:hover a:before,
.grid_gallery_inner .gallery_filter li.active a:before {
  opacity: 1;
}

.grid_gallery_inner .gallery_filter li:last-child {
  margin-right: 0px;
}

.grid_gallery_item {
  margin-bottom: 30px;
  position: relative;
  z-index: 3;
}

.grid_gallery_item:before {
  content: "";
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0px;
  top: 0px;
  opacity: 0;
  -webkit-transition: all 300ms linear 0s;
  -o-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.grid_gallery_item .resort_g_hover {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  padding: 10px;
  opacity: 0;
  -webkit-transition: all 300ms linear 0s;
  -o-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.grid_gallery_item .resort_g_hover .resort_hover_inner {
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  position: relative;
}

.grid_gallery_item .resort_g_hover .resort_hover_inner a {
  float: right;
  margin-top: 20px;
  margin-right: 20px;
  color: #fff;
  font-size: 20px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 300ms linear 0s;
  -o-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
  z-index: 2;
  position: relative;
}

.grid_gallery_item .resort_g_hover .resort_hover_inner h5 {
  position: absolute;
  left: 30px;
  bottom: 20px;
  opacity: 0;
  color: #fff;
  z-index: 2;
  -webkit-transition: all 300ms linear 0s;
  -o-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  font-size: 18px;
  letter-spacing: 0.36px;
}

.grid_gallery_item:hover:before {
  opacity: 1;
}

.grid_gallery_item:hover .resort_g_hover {
  opacity: 1;
}

.grid_gallery_item:hover .resort_g_hover .resort_hover_inner a {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.grid_gallery_item:hover .resort_g_hover .resort_hover_inner h5 {
  bottom: 30px;
  opacity: 1;
}

.grid_gallery_item img {
  max-width: 100%;
}

.cobage_g_masonary {
  margin-left: -5px;
  margin-right: -5px;
}

.cobage_g_masonary .col-md-3 {
  padding: 0px 5px;
}

.cobage_g_masonary .col-md-6 {
  padding: 0px 5px;
}

.cobage_g_masonary .grid_gallery_item {
  margin-bottom: 10px;
  overflow: hidden;
}

.cobage_g_masonary .grid_gallery_item img {
  width: 100%;
}

/* End Galley Two Column Area css
============================================================================================ */

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* End Explor Room Area css
============================================================================================ */

/* End Explor Room Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* End Explor Room Area css
============================================================================================ */

/* End Explor Room Area css
============================================================================================ */
/* Main Blog Area css
============================================================================================ */

/* End Main Blog Area css
============================================================================================ */
/* End Main Blog Area css

/* End Main Blog Area css
============================================================================================ */
/* Sidebar area css
============================================================================================ */

/* End Sidebar area css
============================================================================================ */
/* Blog Listing area css

/* End Blog Listing area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Video Area css
============================================================================================ */

/* End Video Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Banner Area css
============================================================================================ */
.banner_area {
  background: url(../img/banner/blog-banner-bg.jpg) no-repeat scroll center center;
  background-size: cover;
  position: relative;
  z-index: 2;
}

.banner_area:before {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.banner_inner_content {
  position: relative;
  padding: 241px 0px 111px 0px;
}

.banner_inner_content h3 {
  font-size: 48px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  padding-bottom: 10px;
}

.banner_inner_content ul li {
  display: inline-block;
}

.banner_inner_content ul li a {
  font-size: 13px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  letter-spacing: 0.39px;
  text-transform: uppercase;
  color: #fff;
  padding-right: 25px;
  position: relative;
  -webkit-transition: all 300ms linear 0s;
  -o-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.banner_inner_content ul li a:before {
  content: "\f105";
  position: absolute;
  left: -16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font: normal normal normal 14px/1 FontAwesome;
  -webkit-transition: all 300ms linear 0s;
  -o-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.banner_inner_content ul li:first-child a:before {
  display: none;
}

.banner_inner_content ul li:last-child a {
  padding-right: 0px;
}

.banner_inner_content ul li:hover a,
.banner_inner_content ul li.active a {
  color: #489289;
}

/* End Banner Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Event Area css
============================================================================================ */

/* End Event Details Area css
============================================================================================ */
/* Event Two Area css
============================================================================================ */

/* End Event Two Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Event Area css
============================================================================================ */

/* Event Area css
============================================================================================ */

/* End Search Right Side Area css
============================================================================================ */
/* Search Room Area css
============================================================================================ */

/* End Search Room Area css
============================================================================================ */
/* Room Details Area css
============================================================================================ */

/* End Room Details Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Special Dish Area css
============================================================================================ */
.special_dish_area {
  padding-top: 100px;
}

.special_dish_inner_area {
  border-bottom: 1px solid #d1d1d1;
  padding-bottom: 100px;
  margin-bottom: 2px;
}

.special_dish_inner_area .main_big_title {
  text-align: left;
  padding-right: 40px;
  padding-bottom: 50px;
}

.special_dish_inner_area .main_big_title h2 {
  padding-bottom: 25px;
}

.special_dish_inner_area .main_big_title h2:before {
  display: none;
}

.special_dish_inner_area .main_big_title p {
  padding-top: 0px;
}

.special_dish_item .dish_img img {
  max-width: 100%;
}

.special_dish_item h4 {
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  color: #242424;
  text-transform: uppercase;
  letter-spacing: 0.45px;
  padding: 35px 0px 16px 0px;
  -webkit-transition: all 300ms linear 0s;
  -o-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.special_dish_item h4:hover {
  color: #489289;
}

.special_dish_item p {
  font-size: 15px;
  line-height: 24px;
  color: #898989;
  letter-spacing: 0.3px;
}

.our_menu_area {
  margin-top: 2px;
}

.our_menu_area .our_menu_inner {
  border-top: 1px solid #dcdcdc;
  padding: 100px 0px;
}

.our_menu_area .left_ex_title {
  padding-bottom: 50px;
}

.our_menu_area .left_ex_title p {
  font-size: 16px;
  text-transform: lowercase;
  font-weight: normal;
  color: #898989;
}

.nav.nav-tabs li {
  margin-right: 10px;
}

.nav.nav-tabs li a {
  padding: 0px 30px;
  border-radius: 0px;
  background: #f5f5f5;
  line-height: 48px;
  font-family: "Montserrat", sans-serif;
  color: #242424;
  text-transform: uppercase;
  letter-spacing: 0.48px;
  border: 1px solid #dcdcdc;
  -webkit-transition: all 300ms linear 0s;
  -o-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.nav.nav-tabs li:last-child {
  margin-right: 0px;
}

.nav.nav-tabs li:hover a,
.nav.nav-tabs li.active a {
  border-bottom-color: transparent;
  background: #fff;
}

.our_menu_list_inner .tab-content {
  border-left: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  padding: 50px 30px 0px 30px;
}

.our_menu_list_inner .tab-content .tab-pane .our_menu_tab_inner ul li {
  display: block;
  overflow: hidden;
  border-bottom: 1px solid #dcdcdc;
}

.our_menu_list_inner .tab-content .tab-pane .our_menu_tab_inner ul li img {
  max-width: 100%;
}

.our_menu_list_inner .tab-content .tab-pane .our_menu_tab_inner ul li h5 {
  font-size: 15px;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0.3px;
  color: #898989;
  padding-top: 25px;
  padding-bottom: 25px;
}

.our_menu_list_inner .tab-content .tab-pane .our_menu_tab_inner ul li .pull-left h4 {
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
  color: #242424;
  text-transform: uppercase;
  letter-spacing: 0.36px;
  font-weight: bold;
  padding-bottom: 10px;
  padding-top: 35px;
}

.our_menu_list_inner .tab-content .tab-pane .our_menu_tab_inner ul li .pull-left p {
  font-size: 16px;
  color: #898989;
  font-family: "Open Sans", sans-serif;
  letter-spacing: 0.32px;
  padding-bottom: 35px;
}

.our_menu_list_inner .tab-content .tab-pane .our_menu_tab_inner ul li .pull-right h3 {
  font-size: 40px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  color: #489289;
  letter-spacing: 1.2px;
  padding-top: 37px;
}

.our_menu_list_inner .tab-content .tab-pane .our_menu_tab_inner ul li:last-child {
  border: none;
}

/* End Special Dish Area css
============================================================================================ */

/* End Reserve Table Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Footer Area css
============================================================================================ */
.footer_widget_area {
  background: #2a292b;
  padding: 80px 0px 50px 0px;
}

.f_title {
  padding-bottom: 26px;
}

.f_title h3 {
  color: #fff;
  opacity: 0.8;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  letter-spacing: 0.32px;
  padding-bottom: 18px;
  position: relative;
}

.f_title h3:before {
  content: "";
  width: 40px;
  height: 1px;
  background: #489289;
  position: absolute;
  left: 0px;
  bottom: 0px;
}

.about_widget .ab_wd_list {
  padding-right: 22px;
  padding-top: 22px;
  padding-bottom: 30px;
}

.about_widget .ab_wd_list .media .media-left {
  padding-right: 18px;
}

.about_widget .ab_wd_list .media .media-left i {
  color: #757575;
  font-size: 22px;
}

.about_widget .ab_wd_list .media .media-body h4 {
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0.3px;
  font-family: "Montserrat", sans-serif;
}

.about_widget .ab_wd_list .media:last-child .media-body h4 {
  font-size: 20px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0.4px;
}

.about_widget .book_now_area {
  margin-left: 37px;
}

.about_widget .book_now_area .book_now_btn {
  color: #242424;
}

.about_widget .book_now_area .book_now_btn:hover {
  color: #489289;
}

.link_widget {
  padding-left: 50px;
}

.link_widget ul {
  margin-top: -10px;
}

.link_widget ul li a {
  font-size: 15px;
  line-height: 35px;
  color: #757575;
  font-family: "Open Sans", sans-serif;
  letter-spacing: 0.3px;
  -webkit-transition: all 300ms linear 0s;
  -o-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.link_widget ul li:hover a {
  color: #489289;
}

.instagram_widget .instagram_list {
  margin: -2.5px;
  overflow: hidden;
  clear: both;
}

.instagram_widget .instagram_list li {
  float: left;
  overflow: hidden;
  width: calc(100% / 3);
}

.instagram_widget .instagram_list li a {
  padding: 2.5px;
  display: block;
}

.instagram_widget .instagram_list li a img {
  max-width: 100%;
}

.footer_copyright_area {
  background: #222122;
  padding: 25px 0px;
  overflow: hidden;
}

.footer_copyright_area .pull-left h4 {
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  color: #757575;
  letter-spacing: 0.3px;
}

.footer_copyright_area .pull-right h4 {
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  color: #757575;
  letter-spacing: 0.3px;
}

.footer_copyright_area .pull-right h4 a {
  color: #757575;
  -webkit-transition: all 300ms linear 0s;
  -o-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.footer_copyright_area .pull-right h4 a:hover {
  color: #489289;
}
/* End Footer Area css
============================================================================================ */
/*---------------------------------------------------- */
/*# sourceMappingURL=style.css.map */
/*# sonradan eklenen ierikler için */
.middle_title .mycontent {
  max-width: 1300px;
  display: flex;
  flex-wrap: nowrap;
  text-align: center;
  margin: 15px auto;
  justify-content: center;
}
.mycontent .content-body {
  justify-content: center;
  align-items: center;
  margin: 8px 15px;
  padding: 15px 10px;
  text-align: center;
  background-color: #fff;
  color: #000;
  border-radius: 2px;
}
.mycontent .content-body2 {
  color: #fff;
  padding: 20px 10px;
  border-radius: 2px;
  margin: 0px 15px;
}
.mycontent .content-body h4 {
  font-size: 22px;
  color: #489289;
}
.mycontent-bttm {
  max-width: 900px;
  padding: 0px auto;
  box-sizing: border-box;
  margin: 0px auto;
}
.mycontent-bttm h3 {
  text-align: center;
  color: #489289;
}
.mycontent-bttm .content-body3 {
  justify-content: center;
  margin: 40px 15px;
}
.mycontent-bttm .content-body3 ul {
  margin-bottom: 25px;
}
.mycontent-bttm .content-body3 ul li {
  width: 210px;
  display: inline-block;
}
.container-res {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  height: 430px;
}
.content-res {
  background-color: #489289;
  color: #fff;
  padding: 25px 20px;
  text-align: center;
  margin-bottom: 21px;
}
.content-res {
  text-align: justify;
}
.contact-content {
  display: flex;
}
.contact-content .contact-body {
  margin: 10px;
  color: #000;

  font-size: 14px;
}
.contact-content .contact-body p {
  text-align: justify;
}
.contact-content .contact-body a {
  color: #000;
}
.contact-content .contact-body h4 {
  color: #489289;
}
.contact-content .contact-body img {
  margin-right: 5px;
}
.mb5 {
  line-height: 3rem;
}
.our_resort_gallery_area {
  background: #489289;
}
.intro_title h2 {
  color: #489289;
}
.header_menu .navbar.navbar-default .nav.navbar-nav li:hover a,
.header_menu .navbar.navbar-default .nav.navbar-nav li.active a {
  color: #489289;
}
.header_menu.affix .navbar.navbar-default .nav.navbar-nav > li:hover > a,
.header_menu.affix .navbar.navbar-default .nav.navbar-nav > li.active > a {
  color: #489289;
}
.header_menu .navbar.navbar-default .nav.navbar-nav li a {
  font-family: "Open Sans", calibri, sans-serif;
  font-size: 12px;
}
.header_menu .navbar.navbar-default .nav.navbar-nav li a {
  color: #ffffff;
}
.header_menu .navbar.navbar-default {
  background: #ffffffa1;
}
.scroll-top {
  position: fixed;
  bottom: 38px;
  right: 2px;
  z-index: 99;
  background: #489289;
  color: #fff;
  border-radius: 5px;
  padding: 15px;
  font-weight: bold;
  line-height: normal;
  border: none;
  outline: none;
  opacity: 80%;
}
.slider {
  margin: 0 auto;
  max-width: 100%;
}
.slide_viewer {
  height: 900px;

  overflow: hidden;
  position: relative;
}
.slide_group {
  height: 100%;
  position: relative;
  width: 100%;
}
.slide {
  display: none;
  height: 100%;
  position: absolute;
  width: 100%;
}
.slide:first-child {
  display: block;
}
.slide_buttons {
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
}
a.slide_btn {
  color: #474544;
  font-size: 42px;
  margin: 0 0.175em;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.slide_btn.active,
.slide_btn:hover {
  color: #428cc6;
  cursor: pointer;
}
.directional_nav {
  height: 100%;
  margin: 0 auto;
  max-width: 100%;
  position: relative;
  top: -340px;
}

.previous_btn {
  bottom: 0;
  left: 100px;
  margin: auto;
  position: absolute;
  top: 0;
}

.next_btn {
  bottom: 0;
  margin: auto;
  position: absolute;
  right: 100px;
  top: 0;
}

.previous_btn,
.next_btn {
  cursor: pointer;
  height: 65px;
  opacity: 0.5;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  width: 65px;
}

.previous_btn:hover,
.next_btn:hover {
  opacity: 1;
}
.resort_gallery_inner {
  margin-top: -227px;
  margin-bottom: 160px;
}
.middle_title {
  padding-bottom: 0px;
}
.choose_resot_area {
  background: #fff;
  padding: 50px 0px;
}
.middle_title h2 {
  font-size: 24px;
  font-weight: 500;
}
.intro_title h2 {
  font-size: 24px;
  font-weight: 500;
}
.center_title h2 {
  font-size: 24px;
  font-weight: 500;
}
.center_w_title h2 {
  font-size: 24px;
  font-weight: 500;
}
.resort_title h2 {
  text-align: center;
  font-size: 26px;
  font-weight: 500;
}
.right_contact_info {
  padding-left: 0px;
  padding-top: 0px;
}
.owl-carousel a h5 {
  color: #000;
}
.header_menu .navbar.navbar-default {
  background: #000000a1;
}
.header_menu.affix .navbar.navbar-default .nav.navbar-nav > li > a {
  line-height: 70px;
  color: #ffffff;
}

.reservation {
  text-align: center;
  margin: 0px auto;
  background-color: #f0f0f0;
  color: #000;
}
.reservation h3 {
  max-width: 1100px;
  text-align: center;
  margin: 0px auto;
  padding: 25px 2px;
  font-weight: bold;
}
.reservation h3 span {
  display: inline-block;
}
.reservation h3 span a {
  color: #ec8923 !important;
}
.introduction_area {
  padding-bottom: 0px;
}

@media only screen and (max-width: 1366px) {
  .previous_btn {
    left: 30px;
  }
  .next_btn {
    right: 30px;
  }
  .slide_viewer {
    height: 560px;
    width: 100%;
  }
  .directional_nav {
    top: -90px;
  }
  .slbArrows {
    font-size: 2em;
  }
}

@media screen and (max-width: 980px) {
  .middle_title .mycontent {
    flex-wrap: wrap;
  }
  .mycontent .content-body {
    padding: 10px;
    width: 45%;
  }
  .contact-content {
    flex-wrap: wrap;
  }
  .header_menu.affix .navbar.navbar-default .nav.navbar-nav > li > a {
    line-height: 70px;
    color: #000000;
  }
}
@media screen and (max-width: 820px) {
  .mycontent-bttm .content-body3 ul li {
    width: 245px;
    margin: 10px auto 10px 60px;
  }
  .mycontent-bttm .content-body3 ul {
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 660px) {
  .middle_title .mycontent {
    flex-wrap: wrap;
  }
  .mycontent .content-body {
    width: 95%;
  }
  .mycontent-bttm .content-body3 ul li {
    width: 220px;
    margin: 10px auto;
  }
}
@media only screen and (max-width: 567px) {
  .navbar-brand img {
    width: 120px;
  }
  .previous_btn {
    left: 30px;
  }
  .next_btn {
    right: 30px;
  }
  .slide_viewer {
    height: 340px;
    width: 100%;
  }
  .directional_nav {
    top: -90px;
  }
  .slbArrows {
    font-size: 2em;
  }
}
@media only screen and (max-width: 567px) {
  .mycontent-bttm .content-body3 ul li {
    margin-left: 50px;
  }
  @media (max-width: 480px) {
  }
  .introduction_area {
    padding-bottom: 0px !important;
  }
}
