@charset "utf-8";
/* CSS Document */
body, html {
 width:100%;
 height:100%;	
font-family: 'latoregular';
-webkit-text-stroke: 0px transparent !important;
-webkit-font-smoothing: antialiased !important;
color:#333333 !important;
position: relative;
}
body {
	background:#f6f6f6;
}
header {
	position:relative;
	height:100%;
}
html * {
 	-webkit-text-stroke: 0px!important;
	-webkit-font-smoothing: antialiased !important;
}
.language-box {
	position: absolute;
    top: 0;
    right: 8px;
}
.pyro > .before, .pyro > .after {
  z-index: 9;  
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  box-shadow: -120px -218.66667px blue, 248px -16.66667px #00ff84, 190px 16.33333px #002bff, -113px -308.66667px #ff009d, -109px -287.66667px #ffb300, -50px -313.66667px #ff006e, 226px -31.66667px #ff4000, 180px -351.66667px #ff00d0, -12px -338.66667px #00f6ff, 220px -388.66667px #99ff00, -69px -27.66667px #ff0400, -111px -339.66667px #6200ff, 155px -237.66667px #00ddff, -152px -380.66667px #00ffd0, -50px -37.66667px #00ffdd, -95px -175.66667px #a6ff00, -88px 10.33333px #0d00ff, 112px -309.66667px #005eff, 69px -415.66667px #ff00a6, 168px -100.66667px #ff004c, -244px 24.33333px #ff6600, 97px -325.66667px #ff0066, -211px -182.66667px #00ffa2, 236px -126.66667px #b700ff, 140px -196.66667px #9000ff, 125px -175.66667px #00bbff, 118px -381.66667px #ff002f, 144px -111.66667px #ffae00, 36px -78.66667px #f600ff, -63px -196.66667px #c800ff, -218px -227.66667px #d4ff00, -134px -377.66667px #ea00ff, -36px -412.66667px #ff00d4, 209px -106.66667px #00fff2, 91px -278.66667px #000dff, -22px -191.66667px #9dff00, 139px -392.66667px #a6ff00, 56px -2.66667px #0099ff, -156px -276.66667px #ea00ff, -163px -233.66667px #00fffb, -238px -346.66667px #00ff73, 62px -363.66667px #0088ff, 244px -170.66667px #0062ff, 224px -142.66667px #b300ff, 141px -208.66667px #9000ff, 211px -285.66667px #ff6600, 181px -128.66667px #1e00ff, 90px -123.66667px #c800ff, 189px 70.33333px #00ffc8, -18px -383.66667px #00ff33, 100px -6.66667px #ff008c;
  -moz-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  -webkit-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  -o-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  -ms-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards; }

.pyro > .after {
  -moz-animation-delay: 1.25s, 1.25s, 1.25s;
  -webkit-animation-delay: 1.25s, 1.25s, 1.25s;
  -o-animation-delay: 1.25s, 1.25s, 1.25s;
  -ms-animation-delay: 1.25s, 1.25s, 1.25s;
  animation-delay: 1.25s, 1.25s, 1.25s;
  -moz-animation-duration: 1.25s, 1.25s, 6.25s;
  -webkit-animation-duration: 1.25s, 1.25s, 6.25s;
  -o-animation-duration: 1.25s, 1.25s, 6.25s;
  -ms-animation-duration: 1.25s, 1.25s, 6.25s;
  animation-duration: 1.25s, 1.25s, 6.25s; }

@-webkit-keyframes bang {
  from {
    box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } }
@-moz-keyframes bang {
  from {
    box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } }
@-o-keyframes bang {
  from {
    box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } }
@-ms-keyframes bang {
  from {
    box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } }
@keyframes bang {
  from {
    box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } }
@-webkit-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0; } }
@-moz-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0; } }
@-o-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0; } }
@-ms-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0; } }
@keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0; } }
@-webkit-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%; }

  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%; }

  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%; }

  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%; }

  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%; } }
@-moz-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%; }

  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%; }

  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%; }

  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%; }

  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%; } }
@-o-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%; }

  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%; }

  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%; }

  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%; }

  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%; } }
@-ms-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%; }

  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%; }

  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%; }

  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%; }

  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%; } }
@keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%; }

  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%; }

  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%; }

  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%; }

  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%; } }

a {
	text-decoration:none !important;
}
::i-block-chrome, .multi-box {
height: 500px;
}
::i-block-chrome, .nav.navbar-nav a {
font-weight: inherit !important;
}
::i-block-chrome, .fechasPromo em span {
margin: 15px 3px !important;
float: right !important;
}
/*  calender style */

/*
.main-wrapper {
    margin: 5% 0;
}
*/
.navbar-brand {
    display: inline-block;
    height: auto;
    margin: 0;
    margin-left: 0px !important;
    padding: 0;
}
.navbar-brand > img {
    display: block;
    width: 200px;
    margin-top: 32px;
}
.cust-btn {
  transition:color 0.25s ease;
  -webkit-transition:color 0.25s ease;
}
.cust-btn:hover {
  color:fff !important;
}
.cust-btn::after {
  position: absolute;
  content: '';
  top:0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #68aaca;
  transform-origin:left;
  -webkit-transform-origin:left;
  transition:height 0.25s ease;
  -webkit-transition:height 0.25s ease;
  z-index:-1;
}
body:not(.bookings) select {
    width: auto;
    padding: 1.5rem 0rem 1.5rem 0rem !important;
    border: 0px !important;
    cursor: pointer;
    z-index: 1;
    line-height: 1.5;
    border-radius: 0;
    background: transparent !important;
    text-transform: uppercase;
    font-size: 15px;
    font-size: 1.5rem;
    color: #fff;
}
div#myNavbar {
    margin-top: 25px;
    float: right;
    max-width: 930px;
    min-width: 1px;
}
.cust-btn:hover::after {
  height: 100%;
}
.acco-over-lay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-image: linear-gradient(to top, rgba(255,255,255,0) 50%, rgba(0,0,0,0.6) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 100%, transparent 100%);
}
ul.nav.navbar-nav.secondery-nav {
    border-top: 1px solid #536b91;
    width: 80%;
}

.navbar-header {
    float: left;
    width: 200px;
}
.right-nav {
    margin-left: 4% !important;
}
.right-nav li a {
	text-transform:capitalize !important	
}
.secondery-nav li:last-child a {
    padding-right: 0 !important;
}
.secondery-nav a:first-child {
    padding-left: 14px !important;
}

.secondery-nav a {
    padding: 10px 30px !important;
}
.main-wrapper {
    margin:140px 0 0;
}
.top-content {
    margin-bottom: 70px;
}

.accomodation_box1 img {
    width: 100%;
    height: 250px; 
    object-fit:cover;
	transition:all 0.5s ease-in;
	-webkit-transition:all 0.5s ease-in;
	
}

.main-img {
    width: 416px;
    height: 396px;
    overflow: hidden;
    margin: 0 auto;
	position:relative;
}
.main-img img {
    width: 100%;
   	transition:all 0.5s ease-in;
	-webkit-transition:all 0.5s ease-in;
	object-fit: cover;
}

.main-img img:hover {
    transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.acc-gallery {
    width: 100%;
    height: auto;
    overflow: hidden;
    
}
.acc-gallery:hover img {
 	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
    transform: scale(1.1);
	
}
.main-img:before {
    content: "";
    position: absolute;
    width: 18px;
    height: 16px;
    background: #fff;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 1;
}
.accomodation_box1 .col-md-4,
.accomodation_box1 .col-md-8 {
    padding:2px;
}
h3.head_1 {
    position: absolute;
    z-index: 1;
    top: 35%;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    text-transform: capitalize;
}
.box1_a {
    border: 1px solid #333;
    padding: 11px;
    font-weight: 900;
    color: #333;
    text-transform: uppercase;
}
.welcome-sec {
    margin-top: 39px;
}
.welcome-sec h3 {
	text-transform:uppercase;
	font-family: 'latolight';
}
.welcome-sec h3 span {
	font-family: 'latoblack';
}
.welcome-sec button:hover {
    color: #fff;
    z-index: 2;
    text-decoration: none;
}

.welcome-sec button {
    border: 1px solid #333;
    padding: 10px;
    display: block;
    width: 150px;
    margin: 13px 0;
    font-family: 'latoblack';
    font-size: 16px;
    position: relative;
	background:transparent;
}
.welcome-sec button:hover::after {
    height: 100%;
}

.welcome-sec button::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: #68aaca;
    transform-origin: left !important;
    transition: height 0.25s ease !important;
    -webkit-transition: height 0.25s ease !important;
    z-index: -1;
}
/*.welcome-sec button {
    text-decoration: none;
    border: 1px solid #333;
    padding: 10px 0;
    display: block;
    width: 150px;
    text-align: center;
    font-size: 18px;
    margin-top: 31px;
    line-height: 20px;
	font-family: 'latoblack';
	position:relative;
}
.welcome-sec button:hover {
    color: #fff;
}*/
.welcome-sec a {
    text-decoration: underline !important;
    color: #5b8ca5;
}
.main-img button i.fa.fa-caret-right {
    font-size: 34px;
    position: relative;
    top: 3px;
}
.main-img button {
    position: absolute;
    z-index: 1;
    top: 44%;
    border: 0px;
    background: #fff;
    padding: 15px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 211px;
    font-size: 20px;
}
a {
	color:#333333;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
   -webkit-transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}


.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
} 
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
} 
/*.carousel-caption {
    text-shadow: 0 1px 4px rgba(0,0,0,.9);
  font-size:17px
}*/
.carousel-caption {
    /*background: rgba(104, 170, 202, 0.87);*/
	/*background: rgba(104, 170, 202, 0.57);
    top: 12.5%;*/
    /*height: 500px;
    width: 700px;*/
	/*height:466px;
	width:497px;
    margin: 0 auto;
    padding: 96px 50px;
	left:0;
	right:0;*/
	background: rgba(104, 170, 202, 0.57);
    top: 16.5%;
    height: 441px;
    width: 391px;
    margin: 0 auto;
    padding: 64px 50px;
    left: 0;
    right: 0;
}
.carousel-caption:before {
    content: "";
    position: absolute;
    width: 18px;
    height: 16px;
    background: #fff;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 1;
	top:0
}
.carousel-caption h3 {
  font-size: 28px;
  font-family: 'latoblack';
 }
.carousel-caption p { 
	font-size:18px;
    margin: 10% 0px;
}
.carousel-caption a {
    padding: 13px 75px;
    color: #000;
    text-decoration: none;
    font-family: 'latoblack';
    font-size: 22px;
    background: #fff;
    text-shadow: none;
	transition:background 0.25s ease;
}
.carousel-caption a:hover {
    background: transparent;
    border: 1px solid #333;
    color: #fff;
}
.carousel-control {
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 0;
    font-size: 20px !important;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    filter: alpha(opacity=50);
    opacity: 1;
    border: 3px solid;
    background: transparent;
    background-image: none !important;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    padding: 0;
    margin: 0px 50px;
    text-align: center;
}
i.fa.fa-angle-left {
    font-size: 5rem;
    margin: -5px 0px 0 -5px;
}
i.fa.fa-angle-right {
    font-size: 5rem;
    margin: -5px -5px 0 0;	
}
    html,
    body,
    .carousel,
    .carousel-inner,
    .carousel-inner .item {
      height: 100%;
    } 
    .item {

  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
    }
	.offer-bg {
	background-image:url(../images/offer.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	height:100vh;
    position: relative;
}
	.offer-box {
    background: #fff;
    border: 1px solid #ddd;
    width: 244px;
    margin: 10% auto 25%;
	box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
	.offer-box:hover {
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    -webkit-transform: scale(1.25, 1.25);
    transform: scale(1.25, 1.25);

	}
	.offer-bg h2 {
    margin-top: 5%;
	z-index:2;
	position:relative;
	    margin-bottom: 0%;
	}
	.offer-box figure {
    margin: 0;
	}
.offer-box figure img {
    height: 165px;
    object-fit: cover;
	width:100%;
}
.offer-box figcaption {
    text-align: center;
    padding: 44px 10px;
    height: 235px;
}

	.offer-box figcaption a {
	border: 1px solid #333;
    padding: 10px;
    display: block;
    width: 150px;
    margin: 13px auto 0;	
	font-family: 'latoblack';
	font-size:16px;
	position:relative;
	
	}
.offer-box  a::after {
  position: absolute;
  content: '';
  top:0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #68aaca;
  transform-origin:left !important;
  transition:height 0.25s ease !important;
  -webkit-transition:height 0.25s ease !important;
  z-index:-1;
 
}
.offer-box  a:hover::after {
  height: 100%;
}
.offer-box a:hover {
	 color:#fff;
	 z-index:2;
	 position:relative;
	 text-decoration:none;
 }
	.offer-box span {
		font-family: 'latoblack';
		font-size:16px;
		text-transform:uppercase;	
	}
	.lato-black {
		font-family: 'latoblack';
	}
	.lato-light {
	font-family: 'latolight';	
	}
	.white-overlay {
    position: absolute;
    background:rgba(246, 246, 246, 0.73);
    width: 100%;
    height: 100%;
	}
	.view-all-offer {
	font-family: 'latoblack';
	min-width: 150px;
    margin: 0 auto;
    background: #68aaca;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 20px;
    max-width: 250px;
    line-height: 60px;
	height:60px;
    text-transform: uppercase;
	transition:background 0.25s ease;
	-webkit-transition:background 0.25s ease;
	}
	.view-all-offer:hover {
    background: transparent;
    border: 1px solid #333;
    color: #000;
    text-decoration: none;
	}
	.dd-box li {
    display: inline-block;
    width: 230px;
    overflow: hidden;
    position: relative;
    height: 230px;
    margin: 10px;
}
.dd-box li img {
    object-fit: cover;
    width: 100%;
    height: 230px;
	transition:all 0.5s ease-in ;
	-webkit-transition:all 0.5s ease-in ;
}
.dd-box li:hover img {
    -ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
    transform: scale(1.1);
}
section.wine-dine {
    margin: 100px 0;
}
/*.dd-box li:hover .wd-head {
	margin:0;
	width:100%;
	height:100%;
}*/
.wd-head {
    position: absolute;
    top: 0;
    text-align: center;
    width: 95%;
    color: #fff;
    height: 95%;
    border: 1px solid #fff;
    margin: 6px auto;
    left: 0;
    right: 0;
    padding: 84px 0;
	z-index:2;
	text-transform:uppercase
}
.wd-head h3 {
	font-family: 'latolight';
	font-size:24px;
	margin:0px;
	color:#fff;
}
.wd-head h4 {
	font-family: 'latoblack';
	font-size:24px;
	margin:0px;
}
.black-overlay {
	position: absolute;
    background: rgba(10, 10, 10, 0.48);
    width: 100%;
    height: 100%;
	z-index:1
}
.avail-sec {
    background: #5b99b2;
    min-height: 400px;
    padding: 5% 0;
    margin-top: 50px;
	position:relative;
}
.avail-sec:before {
    content: "";
    position: absolute;
    width: 28px;
    height: 23px;
    background: #fff;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 1;
	top:0
}
.avial-box {
    text-align: center;
    width: 50%;
    margin: 0 auto;
	color:#fff;
}
.avial-box h3 {
	font-family: 'latoblack';
	font-size:32px;
	text-transform:uppercase;
}
.avial-box form h4 {
    text-align: left;
    position: relative;
    padding-left: 50px;
	font-size:14px;
	font-family: 'latomedium';
}
.avial-box form h4:before {
    border-top: 2px solid;
    position: absolute;
    content: "";
    left: 0;
    width: 39px;
    top: 7px;
}


.special-offer {
    position: absolute;
    top: 100px;
    color: #fff;
    margin-left: 75px;
}
.special-offer ul li {
    display: inline-block;
    margin-right: 18px;
}
.special-offer h3 {
    font-size: 60px;
/*	text-shadow: 1px 1px 1px #000;*/
	font-family: 'latoblack';
}
.special-offer h4 {
    font-size: 30px;
    font-family: 'latomedium';
	text-shadow: 1px 1px 1px #000;
}
.special-offer a {
    background: #68aaca;
    border-radius: 50px;
    padding: 13px 0;
    color: #fff;
    text-transform: uppercase;
    display: block;
    width: 298px;
    text-align: center;
	text-decoration:none;
}
.special-offer p {
    font-size: 14px;
   text-shadow: 1px 1px 1px #000;
}
.special-offer a:hover {
	color:#fff;	
}
.special-offer ul li i {
    margin: 0 5px 0 0px;
}

.special-offer ul li i img {
    width: 20px;
}
/* Special Offer Page Style */
.so-box {
    border: 1px solid #eee;
    float: left;
    margin: 15px 0;
	position:relative;
	width:100%;
    min-height: 600px;
}
.special-offer-content {
    width: 92%;
    margin: 0 auto;
}
.so-box-a {
    background: #0056a7;
    background: -webkit-linear-gradient(-90deg, #0056a7, #006fd8);
    background: -o-linear-gradient(-90deg, #0056a7, #006fd8);
    background: -moz-linear-gradient(-90deg, #0056a7, #006fd8);
    background: linear-gradient(-90deg, #0056a7, #006fd8);
    padding: 10px 24px;
    width: 92%;
    position: absolute;
    bottom: 10px;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.so-box-a a {
    color: #fff;	
}
.so-box-a a:hover {
	text-decoration:underline !important;
	color:#fff !important;
}
.so-box .item img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}
.so-desc {
    position: relative;
    min-height: 300px;
    max-height: 350px;
}
/* ACCOMMODATION */
.overlay123 {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.accomo-box {
    margin: 16px 0px 0px !important;
    box-shadow: 0px 0px 5px #000;
}
.accomo-box figure {
    position: relative;
    width: 100%;
}
.accomo-box figure img {
    width: 100%;
}
.accomo-box figcaption {
    position: absolute;
    bottom: 10px;
    color: #fff;
	z-index:2
}
.accomo-btn {
    width: 100%;
    margin: 0;
    padding: 0;
}
.accomo-btn a {
    width: 49%;
    display: inline-block;
    text-align: center;
    padding: 10px 0;
    margin: 0px;
    text-transform: capitalize;
    color: #fff;
	background:#5b8ca5;
}
.accomo-box h3 {
    margin: 0;
    color: #fff !important;
    padding-left: 10px;
}
.accomo-box p {
    margin: 0;
    padding-left: 10px;
}

.closeData {
	position: absolute;
	right: -6px;
	background: 0;
	border: 0;
	font-weight: bold;
	top: -8px;
	font-size: 26px;
}
#roomDesc{
	visibility: visible;
	animation-name: fadeIn;
	height: 272px; 
	}

#footer {
    padding-top: 30px;
    border-top:3px solid #5b99b2;
    background: #EEEEEE;
}
#footer h6 {
	font-family: 'latoblack';
	font-size:13px;
	text-transform:uppercase
}
#footer p {
	font-size:11px;
	margin-bottom:0px;
}
.footer-menu ul li {
	display:inline;
	padding:0 10px;
}
.footer-menu ul li:after {
    content: "-";
    left: 11px;
    font-size: 28px;
    top: 3.5px;
    position: relative;
}
.footer-menu ul li:after {
    content: "-";
    left: 11px;
    font-size: 28px;
    top: 3.5px;
    position: relative;
}
.footer-menu ul li:last-child:after {
    font-size: 0px;
}
.footer-menu ul li a {
	font-family: 'latoblack';
	font-size:13px;
	text-transform:uppercase
}
ul.foot-soc li {
    display: inline-block;
    padding: 0;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    text-align: center;
    margin-left: 10px;
}
ul.foot-soc {
    list-style: none;
    padding: 0;
}
.bg-white {
    background: #fff;
	margin-top: 10px
}
.bg-white ul {margin-bottom: 0}
.bg-white ul li {
    display: inline-flex;
}
.bottom-footer {
	background:#5b99b2;
	padding:10px;
}
.bottom-footer p {
	margin:0;
	color:#fff;
	font-size:10px;	
}
.no-pad {
	padding:0px;
}
.multi-services {
    margin-bottom: 30px;
}
.multi-box {
    position: relative;
    overflow: hidden;
}

.multi-box:hover img {
    -ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.multi-box .white-overlay {
     background: rgba(255, 255, 255, 0.65);
	 transition:all 0.5s ease-in ;
	 -webkit-transition:all 0.5s ease-in ;
	 z-index: 1;
}
.multi-box:hover .white-overlay {
     background: rgba(255, 255, 255, 0);
	 
}
.multi-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
	transition:all 0.5s ease-in ;
	-webkit-transition:all 0.5s ease-in ;
}
.multi-box-detail {
	position:absolute;
	top: 40%;
    z-index: 2;
    left: 0;
    right: 0;
    text-align: center;
}
.multi-box-detail h4 {
	font-size:26px;
	font-family: 'latoblack';
	text-transform:uppercase;
    margin-bottom: 10%;
}
.multi-box-detail a {
	font-size:27px;
	font-family: 'latoblack';
	text-transform:capitalize;
	border:1px solid;
	padding:10px 50px; 
	text-decoration:none;
	position:relative;
}
.multi-box-detail a::after {
  position: absolute;
  content: '';
  top:0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #68aaca;
  transform-origin:left !important;
  -webkit-transform-origin:left !important;
  transition:height 0.25s ease !important;
  -webkit-transition:height 0.25s ease !important;
  z-index:-1;
 
}
 .multi-box:hover a::after {
  height: 100%;
}
 .multi-box:hover a {
	 color:#fff;
 }
.padd-left {
	padding-left:0px;
}
.padd-right {
	padding-right:0px;
}
.padd-8 {
	padding: 0 8px;
}
@media screen and (max-width: 1100px) {
div#myNavbar {
    margin-top: 25px;
    float: right;
    max-width: 800px;
    min-width: 1px;
}
.navbar-header {
    float: left;
    width: 150px;
}	
.navbar-brand > img {
    display: block;
    width: 150px;
    margin-top: 32px;
}
.secondery-nav a {
    padding: 10px 28px !important;
}
.calender
 {
	width:100%;
    max-width: 900px;
    min-width: 500px;
}
.offer-bg {
	height:100%;
    padding-bottom: 30px;
}
.dd-box li {
    width: 180px;
    height: 180px;

}
span#show-menu {

    right: -5% !important;

}

.wd_menu {
    padding: 0 0 0 0 !important;
}
ul.wd_menu li:nth-child(2) {
    width: 50% !important;
}
}
a[data-toggle="modal"] {
  margin: 0px;
}
.title {
  color: #757575;
  font-weight: bold;
}
.modal {
  text-align: left;
}
.modal-content {
  border: none;
  border-radius: 2px;
      box-shadow: 0 16px 28px 0 rgba(0,0,0,0.22),0 25px 55px 0 rgba(0,0,0,0.21);
}
.modal-header{
  border-bottom: 0;
  padding-top: 15px;
  padding-right: 26px;
  padding-left: 26px;
  padding-bottom: 0px;
}
.modal-title {
  font-size: 24px;
}
.modal-body{
  border-bottom: 0;
  padding-top: 5px;
  padding-right: 15px;
  padding-left: 15px;
  padding-bottom: 10px;
  font-size: 11px;
}
.modal-footer {
  border-top:0;
  padding-top: 0px;
  padding-right:26px;
  padding-bottom:10px;
  padding-left:26px;
}
.ser-ul {
    list-style: none !important;
    padding: 0px;
}
select.ui-datepicker-year option {
    color: #333;
}
.tour-box {
    position: absolute;
    bottom: 20px;
    left: 132px;
}
.tour-box img {
    display: block;
    margin-bottom: 6px;
}
.mark-logo {position: absolute;bottom: 0;right: 0;z-index: 9}