@charset "UTF-8";
/* CSS Document */


/* ------------------------------------------------------------------
General Styles
------------------------------------------------------------------- */

html, body {
	height: 100%;
}

body {
  font-family: 'Nunito', sans-serif;
  font-size:16px;
  font-weight:300;
  color:#666666;
  background:#fff;
  margin: 0;
  padding: 0;
}

p {margin:0; padding:0; line-height:30px;}

h1 {margin:0; padding:0; font-family: 'Sniglet', cursive; font-size:50px; color:#fff;}

h2 {margin:0; padding:0; font-family: 'Sniglet', cursive; font-size:35px; color:#da2223;}

h3 {margin:0; padding:0; font-family: 'Sniglet', cursive; font-size:22px; color:#000;}

ul {margin:0; padding:0;}

a {text-decoration:none; color:inherit;}


.container {
	width:1170px;
    margin-left:auto;
	margin-right:auto;
}

.scroll-up {
    position: fixed;
    display: block;
    bottom: 10px;
    right: 10px;
    z-index: 999;
}

.scroll-up a {
    background: #ee1d25;
    display: block;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 25px;
    color: #fff;
    padding-top: 15px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    box-sizing: border-box;
	transition:0.3s;
}

.scroll-up a:hover {
	background: #fff;
	color:#ee1d25;
}

.tiny-col {
	width:25%;
	float:left;
	padding-left:15px;
	padding-right:15px;
	box-sizing:border-box;
}

.small-col {
	width:33.3%;
	float:left;
	padding-left:15px;
	padding-right:15px;
	box-sizing:border-box;
}

.basic-col {
	width:50%;
	float:left;
	padding-left:15px;
	padding-right:15px;
	box-sizing:border-box;
}

.big-col {
	width:66.7%;
	float:left;
	padding-left:15px;
	padding-right:15px;
	box-sizing:border-box;
}

.giant-col {
	width:75%;
	float:left;
	padding-left:15px;
	padding-right:15px;
	box-sizing:border-box;
}

.half-subcol {
	width:50%;
	padding-left:15px;
	padding-right:15px;
	box-sizing:border-box;
	float:left;
}

.col-margin {}

.underline {
	width:40px; 
	height:5px; 
	background:#999999; 
	margin-top:15px;
}

.footer {
	padding:40px 0;
	background:#c7131a;
	color:#fff;
	font-size:14px;
	text-align:center;
}

.copyright {
	width:100%;
	margin:0 auto;
}

/* ------------------------------------------------------------------
Button
------------------------------------------------------------------- */

.btn {
	padding:10px 35px;
	border-radius:5px;
	font-weight:700;
	text-align:center;
	box-sizing:border-box;
	transition:0.3s;
	border:1px solid transparent;
}

.small-btn {
	padding:8px 0;
	width:100px;
	border-radius:5px;
	font-weight:700;
	text-align:center;
	box-sizing:border-box;
	transition:0.3s;
	border:1px solid transparent;
}

.red-btn {
	background:#da2223;
	color:#fff;
}

.red-btn:hover {
	background:transparent;
	color:#da2223;
	border:1px solid #da2223;
}

.transparent-btn {
	background:transparent;
	color:#999999;
	border:1px solid #999999;
}

.transparent-btn:hover {
	background:#999999;
	color:#fff;
}


/* ------------------------------------------------------------------
Navigation
------------------------------------------------------------------- */

#header {
	height:65px;
	z-index:8000;
	position: fixed;
	width: 100%;
	background: rgba(173, 36, 52, 0.9);
	transition:0.8s;
}

.logo-container {
	float:left;
	height:65px;
	width:360px;
	background:#fff;
	margin-left:15px;
}

#logo {
	width:245px;
	height:35px;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	transition:0.8s;
}

#logo img {width:100%;}


ul#menu {
	margin:0px; padding:0px;
	box-sizing:border-box;
	margin-top:13px;
	float:right;
	transition:0.8s;
	font-family: 'Sniglet', cursive; 
	font-size:16px;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#fff;
}

ul#menu li {
    display: inline-block;
	transition:0.8s;
	margin-right:35px;
}

ul#menu li a:hover {
	border-bottom: 2px solid #fff;
}

.menu-active {
	border-bottom: 2px solid #fff;
}

.insta-link a {
	background: #6d1b24;
    display: block;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 25px;
    padding-top: 12px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    box-sizing: border-box;
	transition:0.3s;
}

.insta-link a:hover { 
    background: #fff !important;
	color: #6d1b24 !important;
	border-bottom: none !important;
}

/* ------------------------------------------------------------------
Home
------------------------------------------------------------------- */

#featured {
	height:100%;
	position:relative;
}

.featured-mobile {
	z-index:7000;
	display:none;
}

#featured .flex-container, #featured .flexslider, #featured .flexslider > .slides, #featured .flexslider > .slides > li, #featured .flexslider > .slides > li > img {
	height: 100%;
}

.slideshow {
	background-size:cover;
	background-position:center;
}

.mainbanner1 {background-image:url(img/slide1.jpg);}
.mainbanner2 {background-image:url(img/slide2.jpg);}
.mainbanner3 {background-image:url(img/slide3.jpg);}
.mainbanner4 {background-image:url(img/slide4.jpg);}

.mobile-slider img {width:100%;}

.gen-section {
	padding:70px 0;
	position:relative;
}

.intro-bg {
	width:400px;
	height:400px;
	position:absolute;
	right:0;
	bottom:0;
	background-image:url(img/m.png);
	background-size:100%;
	z-index:-100;
}


/* ------------------------------------------------------------------
Home - locations
------------------------------------------------------------------- */

.locations {
	padding:70px 0;
	position:relative;
	background-image:url(img/bg-hotel.jpg);
	background-position:top center;
	background-size:cover;
}

.location-img {
	max-width:440px;
	height:auto;
	border:10px solid #fff;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.location-img img {width:100%;}

.fa-ul {margin-left:20px; text-align:left;}
.fa-li {top:7px;}
.fa-ul li p {line-height:30px; color:#fff; opacity:0.5;}

.fa-ul i {color:#ee1d25;}

.fa-ul a {color:#da2223;}

/*================
Tab Content Fixer
==================*/
.hide {
    height: 0px; 
    overflow-y: hidden;
}


.location-container {
	width:975px;
	margin-left:auto;
	margin-right:auto;
}

.tab-container {
    width: 420px;
    margin-left:auto;
	margin-right:auto;
}

ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
	cursor:pointer;
}

/* Float the list items side by side */
ul.tab li {float: left; line-height:1;}

/* Style the links inside the list items */
ul.tab li a {
    display: inline-block;
    color: #fff;
	font-family: 'Sniglet', cursive; 
	font-size:35px;
    margin-left:30px;
	padding-bottom:10px;
    text-decoration: none;
	opacity:0.3;
}

/* Change background color of links on hover */
ul.tab li a:hover {opacity:1; border-bottom:3px solid #da2223;}


/* Create an active/current tablink class */
ul.tab li a:focus, ul.tab li .active {opacity:1; border-bottom:3px solid #da2223;}

/* Style the tab content */
.tabcontent {
    display: none;
}

.tabcontent {
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}


/* ------------------------------------------------------------------
Home - testimonials
------------------------------------------------------------------- */

.testi-quote {
	width:205px;
	height:205px;
	-webkit-border-radius: 205px;
    -moz-border-radius: 205px;
    -o-border-radius: 205px;
	border-radius:205px;
	background:#9f8283;
	color:#fff;
	text-align:center;
	font-size:60px;
	padding-top:75px;
	box-sizing:border-box;
}

.testi-box {
	width:100%;
	min-height:130px;
	padding:30px;
	background:#fff;
	box-sizing:border-box;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
	position:relative;
	color:#999999;
	margin-bottom:30px;
}

.testi-box h3 {color:#999999;}


/* ------------------------------------------------------------------
About
------------------------------------------------------------------- */

.inner-banner {
	height:320px;
	padding-top:150px;
	box-sizing:border-box;
	background-position: center top; 
	background-size: cover;
	text-align:center;
	letter-spacing:3px;
}

.about-bg {background-image:url(img/bannerpage-about.jpg);}

.about-logo {
	width:309px;
	height:auto;
}

.about-logo img {width:100%;}


/* ------------------------------------------------------------------
Our Hotels
------------------------------------------------------------------- */

.hotels-section {
	background:#eeeeee;
	text-align:center;
}

.hotels-section h3 {
	line-height:30px;
}

.hotels-section i {color:#da2223;}

.hotels-bg {background-image:url(img/bannerpage-hotel.jpg);}

.mira-underline {
	float:left;
	width:30px;
	height:2px;
	position:relative;
	top:12px;
	margin:0 10px;
	background:#bbbbbb;
}

.mira-logo {
	width:25px;
	height:25px;
	float:left;
}

.mira-logo img {width:100%;}

.bjs-hotel-col {
	width:25%;
	float:left;
	padding-left:15px;
	padding-right:15px;
	box-sizing:border-box;
}

.sby-hotel-col {
	width:33.3%;
	float:left;
	padding-left:15px;
	padding-right:15px;
	box-sizing:border-box;
}

.hotels-img {
	width:100%;
	height:auto;
	border:10px solid #fff;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
	box-sizing:border-box;
}

.hotels-img img {width:100%;}

.btn-margin {margin-left:15px;}

.sby-hotel-container {
	width:878px;
	margin:0 auto;
}


/* ------------------------------------------------------------------
Hotels Details
------------------------------------------------------------------- */

.city {font-size:20px; letter-spacing:5px; color:#fff;}

.hotel-map {
	display:inline-block;
	box-sizing:border-box;
	border:10px solid #fff;
	width:100%;
}

.desc-list li p {color:#666666; opacity:1;}

.book-btn {
	width:100%;
	float:left;
}

.hotel-gallery {
	background:#dddddd; 
	text-align:center;
	padding:70px 0 120px 0;
}

.room-icon i{
	background:#bbbbbb;
	width:40px;
	height:40px;
	border-radius:40px;
	color:#fff;
	box-sizing:border-box;
	padding-top:12px;
}

.room-icon p {
	text-align:left;
	padding:10px 0 10px 20px;
	color: #666666 !important;
    opacity: 1 !important;
}



/* ------------------------------------------------------------------
Accordion
------------------------------------------------------------------- */

button.accordion {
    background-color: #eee;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: center;
    outline: none;
    transition: 0.4s;
	border-top:1px solid #dddddd;
	font-family: 'Sniglet', cursive; 
	font-size:22px; 
	color:#000;
}

button.accordion.active, button.accordion:hover {
    color: #da2223;
}

button.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\2212";
}

div.panel {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.panel-margin {margin-bottom:80px;}

.splendid {border-bottom:1px solid #dddddd;}


/* ------------------------------------------------------------------
Contact
------------------------------------------------------------------- */

.contact-info p {color: #666666 !important; opacity:1 !important; padding-left:5px;}

.contact-bg {background-image:url(img/bannerpage-contact-bg.jpg);}

.contact .fa-ul {margin-left:50px;}
.contact .fa-li {top:0px;}

input, textarea, select {
    -webkit-appearance: none;
    -webkit-border-radius:5px; 
    border-radius:5px;
	box-sizing: border-box; 
	padding-left:20px;
	padding-right:20px;
	font-size:16px;
	font-family: 'Nunito', sans-serif;
}

#contactus label
{  
   font-size:0.8em;
   font-weight: bold;
}


#contactus input[type="text"],textarea, select
{ 
color:#999999;
background: #fff;
  line-height:140%;  
  border : none; 
}

#contactus input[type="text"]
{
  height:45px;
  width:100%;
  padding:6px 12px;
}

#contactus select
{
  height:45px;
  width:100%;
  padding:6px 12px;
  background-image:url(img/arrow-dropdown.png);
  background-repeat:no-repeat;
  background-position:center right 12px;
}

#contactus button[type="submit"]
{  
color:#fff;
text-align:center;
   background-color:#da2223;
   -webkit-border-radius:5px; 
    border-radius:5px;
        width: 100%;
        padding:15px 0;
        border:none;
        cursor: pointer; 
		transition:0.3s;
		float:right;
		font-size:16px;
  

}

#contactus button[type="submit"]:hover
{  
  background-color:#fff;
  color:#da2223;
}

#contactus textarea
{
  height:120px;
  width:100%;
  padding:6px 12px;
}

#contactus input[type="text"]:focus,textarea:focus
{
  border : 1px solid #da2223;
  
}

#contactus .clearfix
{
   margin-bottom:30px;

}

.input-style {
	border:none !important;
}

.input-style::-webkit-input-placeholder {
  color:#999999;
}

.input-style:-moz-placeholder {
  color:#999999;
}

.input-style::-moz-placeholder {
  color:#999999;
}

.input-style::-ms-input-placeholder {
  color:#999999;
}

/* ------------------------------------------------------------------
Mira taxi
------------------------------------------------------------------- */

.taxi-bg {background-image:url(img/bannerpage-taxi.jpg);}

.separator {
	height:1px; 
	width:100%;
	margin:70px 0;
	background:#dddddd;
}

.taxi-col {
	width:16.667%;
	float:left;
	text-align:left;
	padding: 15px;
    box-sizing: border-box;
}

.taxi-col p {color:#666666 !important; opacity:1 !important;}

.taxi-info {
	background:#555555;
	padding:50px 0;
	text-align:center;
	color:#fff;
	margin-top:60px;
}