/*
 * Start Bootstrap - Landing Page (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

body,
html {
    width: 100%;
    height: 100%;
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Raleway', sans-serif,Arial;
    font-weight: normal;
}
p{ font-family: 'Raleway', sans-serif;  font-size:1em;font-weight: normal}
.navbar-fixed-top{ border-bottom:none}
.navbar-default {
/*background-color: transparent	*/
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
	font-weight:normal;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #06c8cb;
    background-color: transparent;
}
.topnav {
    font-size: 14px; 
}
svg#kaverilogo{ background:#fff;box-shadow:0px 2px 8px rgba(51, 51, 51, 0.46);}
.navbar-header{ width:200px;}
.navbar-brand{ padding:0px}
.navbar-brand img{ width:87%; height:auto; }
.lead {
    font-size: 18px;
    font-weight: 400;
}
#message-default, #message-model{ color:#b90000;position: relative;
    top: -15px;
    display: block;
    text-align: center;}
.intro-header {
    /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    text-align: center;
    color: #f8f8f8;
	position:relative;
	 background-color:#000;
   
}

.intro-facility{ padding-bottom:60px;}

.parallax-window {
    min-height: 300px;
    background:rgba(0, 0, 0, 0.4);
	
}


.intro-message {
    position: relative;
   height:515px;
}

.intro-message > h1 {
    margin: 0;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
    font-size: 5em;
}

.intro-divider {
    width: 400px;
    border-top: 1px solid #f8f8f8;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

.intro-message > h3 {
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
}

@media(max-width:767px) {
    .intro-message {
        padding-bottom: 15%;
    }

    .intro-message > h1 {
        font-size: 3em;
    }

    ul.intro-social-buttons > li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.intro-social-buttons > li:last-child {
        margin-bottom: 0;
    }

    .intro-divider {
        width: 100%;
    }
}

.network-name {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2px;
}

.content-section-a {
    padding: 50px 0;
    background-color: #f8f8f8;
}

.content-section-b {
    padding: 50px 0;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}

.section-heading {
    margin-bottom: 30px;
}

.section-heading-spacer {
    float: left;
    width: 200px;
    border-top: 3px solid #e7e7e7;
}

.banner {
    padding: 100px 0;
    color: #f8f8f8;
    background: url(../img/banner-bg.jpg) no-repeat center center;
    background-size: cover;
}

.banner h2 {
    margin: 0;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
    font-size: 3em;
}

.banner ul {
    margin-bottom: 0;
}

.banner-social-buttons {
    float: right;
    margin-top: 0;
}

@media(max-width:1199px) {
    ul.banner-social-buttons {
        float: left;
        margin-top: 15px;
    }
}

@media(max-width:767px) {
    .banner h2 {
        margin: 0;
        text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
        font-size: 3em;
    }

    ul.banner-social-buttons > li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.banner-social-buttons > li:last-child {
        margin-bottom: 0;
    }
}

footer {
	padding-top:40px;
    background-color: #16262e;
}
footer .upper-section { padding-bottom:30px;}
footer .upper-section h3 {
	font-family:initial;
    color: #dadada;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 40px;
    position: relative;
}
footer .upper-section h3::after {
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    top: 30px;
    width: 50px;
}
footer .upper-section h3::after {
    background-color: #0c1519;
}
footer .upper-section p{ color:#fff;}
footer .upper-section .contact-details .address{ display:block}
footer .upper-section .contact-details h4{ font-size:1.2em; color:#fff; line-height:25px; font-weight:500 }
footer .upper-section .phone-details h4{ font-size:1.2em; color:#9a9a9a; line-height:25px; font-weight:500 }
footer .upper-section .emails-details h4{ font-size:1.2em; color:#fff; line-height:25px; font-weight:500 }
footer .upper-section #newsletter{ margin-top:15px;}
footer .upper-section #newsletter .form-control{ background:none; color:#fff; margin:20px 0}
footer .upper-section #newsletter button{ background-color:#e7b315; color:#fff;}
footer .upper-section .social-link{ margin:20px 0}
footer .upper-section .social-link li{ width:40px; height:40px; background:#132027; margin-left:5px}
footer .upper-section .social-link li a{ padding-top:10px ;padding-bottom:10px ;}

footer .instant{ display:flex; padding:0;display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */  
    flex-wrap: wrap;}
footer .instant li{ display:block; overflow:hidden; width:90px;}
footer .instant li img{width:100%;}
footer .instant li:hover img{ opacity:.8}

footer .bottom-menu{ background-color:#132027;padding:15px 0px}
footer .bottom-menu .list-inline{ margin-bottom:0px;}
footer .bottom-menu .list-inline>li>a{ color:#6b8898;}
footer .bottom-menu .list-inline,footer .bottom-menu p{ display:inline-block}
footer .bottom-menu p{ float:right; margin-top:0px;}
p.copyright {
    margin: 15px 0 0;
}

#onreservationform,#reservation-form {
	margin-top: -103px;
}
/* Vertical */
#onreservationform .reservation-horizontal,#reservation-form .reservation-horizontal, #reservation-form .reservation-vertical, #contact-form .contact-vertical {
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border: 1px solid #ebebeb;
	-webkit-box-shadow: 0 3px 0 0 rgba(0,0,0,0.12);
	box-shadow: 0 3px 0 0 rgba(0,0,0,0.12);
	padding: 30px 30px;
	z-index: 9999;
	background-color: #fff;
}
#onreservationform .reservation-vertical h2,#reservation-form .reservation-vertical h2 {
	margin-top: 0;
	margin-bottom: 12px;
}
#onreservationform .reservation-vertical h4,#reservation-form .reservation-vertical h4 {
	display: inline-block;
	margin-top: 0;
	margin-bottom: 0;
}
/* Price */
#onreservationform .price,#reservation-form .price {
	padding: 10px 25px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 12px;
	font-size: 18px;
	display: block;
	border: 1px dashed #ebebeb;
}
#onreservationform .price h4, #reservation-form .price h4{
	color: #333;
	padding-right: 5px;
}
#onreservationform .price span,#reservation-form .price span {
	color: #979797;
	font-weight: normal;
	padding-left: 5px;
	font-size: 11px;
}
/* Horizontal */
.form-inline .form-control{
	width: 100%;
}#onreservationform .reservation-horizontal .col-sm-1, #onreservationform .reservation-horizontal .col-sm-2, #onreservationform .reservation-horizontal .col-sm-3, 
#reservation-form .reservation-horizontal .col-sm-1, #reservation-form .reservation-horizontal .col-sm-2, #reservation-form .reservation-horizontal .col-sm-3 {
	padding-left: 10px;
	padding-right: 10px;
	margin: 0;
}
#reservation-form .form-inline select.form-control {
	/*width: 100% !important;*/
}
#reservation-form .form-inline .form-group ,#onreservationform .form-inline .form-group{
	width: 100%;
}
/* Icons */
#reservation-form .popover-icon i ,#onreservationform .popover-icon i {
	color: #9f9f9f;
	font-size: 18px;
	
}
.popover-icon{display:inline-block}

#reservation-form .fa.infield, #onreservationform .fa.infield {
	position: absolute;
	float: right;
	right: 23px;
	margin-top: 38px;
	font-size: 14px;
}
#reservation-form .form-inline .fa.infield, #onreservationform .form-inline .fa.infield {
	position: absolute;
	float: right;
	right: 18.84px;
	font-size: 14px;
	top: 0;
	width: 15px;
}
/* Button */
#reservation-form .col-sm-2 button, #onreservationform .col-sm-2 button{
	margin-top: 25px;
}
/* Guests */
#reservation-form .guests-select, #onreservationform .guests-select {
	z-index: 100;
	cursor: pointer;
}
#reservation-form .guests-select .guests, #onreservationform .guests-select .guests {
	margin-top: -261px;
	width: 200px;
	height: auto;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border: 1px solid #ebebeb;
	-webkit-box-shadow: 0 3px 0 0 rgba(0,0,0,0.12);
	box-shadow: 0 3px 0 0 rgba(0,0,0,0.12);
	z-index: 500;
	background-color: #fff;
	position: absolute;
	padding: 20px;
	cursor: default !important;
	display: none;
	animation-name: fadeIn;
	animation-duration: 0.2s;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	-webkit-animation-name: fadeIn;
	-webkit-animation-duration: 0.2s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-out;
	-moz-animation-name: fadeIn;
	-moz-animation-duration: 0.2s;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease-out;
}
#reservation-form .form-inline .guests-select .form-group, #onreservationform .form-inline .guests-select .form-group {
	padding-bottom: 15px;
}
/* Datepicker*/
#reservation-form .hasDatepicker, #onreservationform .hasDatepicker{
	cursor: pointer;
}
/* Error Message */
.error_message {
	color: #F00;
}
#error{
	display: none;
}
.reservation-horizontal label{ color:#666}
#reservation-form .col-sm-2 button, #onreservationform .col-sm-2 button{
    margin-top: 25px;
}
#reservation-form .fa.infield, #reservation-form .form-inline .fa.infield ,#onreservationform .fa.infield, #onreservationform .form-inline .fa.infield {
    color: #75c5cf;
}
#reservation-form,#onreservationform{
	position:absolute;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #ebebeb;
    -webkit-box-shadow: 0 3px 0 0 rgba(0,0,0,0.12);
    box-shadow: 0 3px 0 0 rgba(0,0,0,0.12);
    padding: 30px 30px;
    z-index: 9;
    background-color: #fff;
}
.lined-heading {
    position: relative;
    margin-top: 0;
    margin-bottom: 50px;
    text-align: center;
    display: block;
}
h1.lined-heading span, h2.lined-heading span, h3.lined-heading span, h4.lined-heading span, h5.lined-heading span, h6.lined-heading span {
    position: relative;
    z-index: 1;
    padding: 0 20px;
    background: #fff;
    display: inline-block;
}
.intro-home{ margin-top:40px;}
.hotel-title:first-character{}
.hotel-title{ text-align:center; font-family:"Times New Roman", Times, serif; text-transform:uppercase; color:#06adad}
.hotel-title span{ background:url(../img/divider.png) no-repeat center center; width:300px; height:27px ; display:block; margin:0 auto;}
.discription{ margin:30px 0;}
.intro-home p{  text-align:center; color:#737373; }
.nopadding{ padding:0 7px }
/*room details*/
.room-usp{ display:block;}
.room-details{ display:block;  border-bottom:1px solid #ddd;}
.room-usp img { width:100%; height:auto}
.room-details img{ width:100%; height:230px}
.room-name h3,.room-name span strong{ font-weight:500; font-size:1.35em; color:#777;}
.room-usp h3{ color:#4bbcbc; text-transform:uppercase;border-bottom: 1px solid;
    padding-bottom: 5px;}
.room-name span{}
.content-divider{ margin:40px 0px}
h2.lined-heading:before{
    position: absolute;
    top: 50%;
    z-index: 1;
    display: block;
    width: 100%;
    height: 1px;
    border-top: 2px solid #4bbcbc;
    content: "";
}
h2.lined-heading span{position: relative;
    z-index: 1;
    padding: 0 20px;
    background: #fff;
    display: inline-block;
	color:#4bbcbc;
}


/*ups*/

.box-icon i{ color: #75c5cf;
}
.box-icon i {
    width: 20px;
    height: 10px;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
 .box-icon .circle{   border-color: #75c5cf !important;
}
.box-icon .circle {
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    padding: 30px;
    display: table;
    margin: 0 auto;
    background-color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

    position: relative;
    border: 1px solid;
}
.box-icon h3{ font-weight:600; font-size:1.35em; text-align:center; color:#777}
.box-icon p{text-align:center;}
/*btn*/
.btnread{ padding: 6px 34px;font-size: 1.1em; width:150px; margin:40px auto; display:block; }

.btnbook:hover{ background-color:#4bbcbc;color:#fff;}
.btn-more{ border:1px solid #4bbcbc; color:#4bbcbc;line-height: 27px; }
.plain-readmore{font-weight:700; font-size:1.05em; text-align:center; display:block; color:#4bbcbc}
.input-group-addon{ background:none; color:#4bbcbc; border-left:none}
.form-group {
    margin-bottom: 15px !important;
}

/*slider*/
.carousel-inner{background: rgba(255,255,255,0);
background: -moz-linear-gradient(left, rgba(255,255,255,0) 21%, rgba(181,181,181,0) 44%, rgba(0,0,0,0.83) 100%);
background: -webkit-gradient(left top, right top, color-stop(21%, rgba(255,255,255,0)), color-stop(44%, rgba(181,181,181,0)), color-stop(100%, rgba(0,0,0,0.83)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 21%, rgba(181,181,181,0) 44%, rgba(0,0,0,0.83) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,0) 21%, rgba(181,181,181,0) 44%, rgba(0,0,0,0.83) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,0) 21%, rgba(181,181,181,0) 44%, rgba(0,0,0,0.83) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 21%, rgba(181,181,181,0) 44%, rgba(0,0,0,0.83) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=1 );height:625px;}
.carousel-inner .item img{ opacity:.8}
.page-title{position:absolute; bottom:10%; z-index:2 }
.page-title h2{ font-size:3em; color:#fff; text-transform:uppercase; margin-top:0}
.page-title p{ text-align:left; font-size:1.2em}

/**/
.box-title{ display:block; padding:20px 0}
.box-title h2{ text-transform:uppercase; text-align:center; margin:20px 0}
.box-title p{ text-align:center}
.eventsNmeeting{ padding:20px 0}
.eventsNmeeting img{ width:100%}
.eventsNmeeting h3{ text-transform:uppercase; text-align:left; }
/*discover*/
.content-section-a .section-heading,.content-section-a .lead{ text-align:right;}
.lead{ font-size:17px; font-family: 'Courgette', cursive;}
.section-heading{ text-transform: uppercase;font-family: 'Arapey', sans-serif;}

/*About us*/
.divider-block,.about-content{ padding:20px 0; }
.divider-block .side-menu{ margin-top:40px;}
.divider-block .side-menu li{ list-style:none; display:block}
.divider-block .side-menu li a { color:#888;  border-bottom:1px solid #ddd; display:block; line-height:35px}
.about-content{ position:relative;}
.about-content span.block-divider{ background:url(../img/divider_block.png) no-repeat center center; height:583px; width:47px; position: absolute; top:0; left:-76px; display:block}
.about-content h3{ text-transform:uppercase; }
.about-content .content-block{ border-bottom: 1px solid #ddd; padding-bottom:20px; padding-top:40px;}
.about-content .content-block p{ margin-bottom:20px;}

/* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Stay on top */
    top: 0;
    right: 0;
    background-color: #05c8ca; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 20px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}
.sidenav  img{ margin-bottom:20px;}
.sidenav .m_logo{ margin-bottom:20px;}
.sidenav a {
    text-decoration: none;
    font-size: 1.2em;
    color: #fff;
    display: block;
    transition: 0.3s;
	margin:1px;
	border:1px solid #07a6a9;
	background:#02acaf;
	padding: 0px 9px 5px 9px;
    line-height: 29px;
}
.sidenav a.closebtn{ border-radius:50%;}
.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
	background:#03989a;
}

.sidenav .closebtn {
    position: absolute;
    top: 2px;
    right: 2px;
    font-size: 36px;
    margin-left: 50px;
}

#mainbody {
    transition: margin-left .5s;
}
.reservation-horizontal-form{ position:inherit !important; margin-top:0px !important;}
#myModal .modal-dialog  {width:85.5%; margin-top:20%}
#myModal .modal-content {
    background: none;
}
#myModal .close{ position:absolute; right:35px; top:20px; z-index:10; float:none;}

@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 1.2em;}
}






.navbar-default{background: transparent}
/* css for mobile */
@media (min-width:768px){
	
	.intro-header.discover::after {
  content: "";
  background: url(../img/discover_bg.jpg);
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 1;
}
.intro-header.meeting::after {
  content: "";
  background: url(../img/events_bg.jpg);
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 1;
}
	}
@media (min-width:768px) and (max-width:1024px) and ( orientation:portrait ){
		footer .instant li{ width:83px;}
		.nav>li>a { padding:10px }
		#aboutus{padding-top: 0px;}
	}
@media (min-width:768px) and (max-width:1024px) and ( orientation:landscape ){
	footer .instant li{ width:96px;}
	}

@media (min-width:768px) and (max-width:1024px){
	.carousel-inner{ height:auto;}
.navbar-header{position:absolute}

	footer .instant li:nth-of-type(1n+7) {display: none;}
	
	}
@media (max-width:767px) and ( orientation:portrait ){
	.navbar-brand img{ width:50%}
	footer .upper-section h3::after{left:42.5%;}
	
}
@media (max-width:767px) and ( orientation:landscape ){
	.navbar-brand img{ width:28%}
	footer .upper-section h3::after{left:45.58%;}
	}
@media (max-width:767px){
	.contactlink li{ float:left; display:inline-block !important}
	.carousel-inner .item{ height:auto !important}
.hidden-sm{ display:none}
.navbar-header{ width:100%;}
.navbar-brand{  position:absolute; z-index:-1}
.intro-header{margin-top:50px;}
.carousel-inner{ height:auto;}
.room-details{ margin-bottom:15px}
.box-icon{ margin-bottom:60px}
.room-details:last-child{ border-bottom:none}
footer .upper-section h3{ text-align:center}

footer .upper-section .social-link li {float:left}
footer .upper-section .social-link{ width:225px; margin: 20px auto; display:block}
footer .instant{ width:270px;  margin:0 auto;}
.fblock{ padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid rgba(238, 238, 238, 0.11)}
.fblock:last-child{ border-bottom:none}
footer .upper-section #newsletter button{ float:right}
.content-section-a .section-heading, .content-section-a .lead{ text-align:left}
.divider-block .side-menu{ padding-left:0px;}
#myModal .modal-dialog  {width:auto;}
#room option{width:100%}
#aboutus{padding-top: 0px;}
.modal-backdrop{ z-index:0;}
#myModal{ background: rgba(0, 0, 0, 0.49);}
.mask-content{ overflow: inherit !important; height:auto!important;}
.mask-content .mask{ position:inherit !important; height:auto !important; overflow:visible !important;}
.room-thumb  .content{ display:block !important}
.room-thumb .mask{-webkit-transform: translateY(0px) !important; */
    -moz-transform: translateY(0px)!important;
    -o-transform: translateY(0px)!important;
    -ms-transform: translateY(0px)!important;
    /* transform: translateY(0px)!important; */
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);}
}
/*slide out*/
.slideout-menu {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 220px;
  min-height: 100vh;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 0;
  display: none;
}
.slideout-menu a .fa{width:25px;}
.slideout-menu-left {
  left: 0;
}

.slideout-menu-right {
  right: 0;
}

.slideout-panel {
  position: relative;
  z-index: 1;
 /* will-change: transform;*/
  background-color: #FFF; /* A background-color is required */
  min-height: 100vh;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
  overflow: hidden;
}

.slideout-open .slideout-menu {
  display: block;
}
.content-section-a img,.content-section-b img{ width:100%;}
#mySidenav img{width:80%; display: block; margin:0 auto; margin-bottom:20px}
/*gallary*/
.gallary-holder{padding:40px 0}
.carousel-inner .item{ height:625px;}
.carousel-caption {
    background: rgba(0, 0, 0, 0.76);
    width: 100%;
    left: 0px;
    bottom: 0;
	text-transform:capitalize;
}
.carousel-caption  h2 {font-family: 'Courgette', cursive; font-size:36px}
.carousel-caption  h2 span{}




.room-thumb:hover .mask {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
	
}
.room-thumb:hover .mask .content{ display:block}
.room-thumb .mask {
    background-color: #fff;
    -webkit-transform: translateY(228px);
    -moz-transform: translateY(228px);
    -o-transform: translateY(228px);
    -ms-transform: translateY(228px);
    transform: translateY(228px);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.mask-content{ height:320px; overflow:hidden}
.room-thumb .mask {
    width: 100%;
    height: 320px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
	padding:0 5px;
}
.room-thumb .mask p{ text-align:left}
.room-thumb .main {
    border: 1px solid #ebebeb;
    height: 55px;
    display: table;
    width: 100%;
}
.room-thumb .main .price span {
    display: block;
    color: #979797;
    font-size: 11px;
    font-weight: normal;
    text-align: center;
}
.room-thumb .main h5 {
    font-size: 14px;
    position: relative;
    padding: 0 0 0 20px;
    display: table-cell;
    vertical-align: middle;
}
.room-thumb .main .price {
    display: inline;
    float: right;
    font-size: 18px;
    font-weight: bold;
    height: 55px;
    padding: 6px 25px;
    border-top: none;
    border-bottom: 0;
    border-left: 1px solid #ebebeb;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}
.room-thumb  .content{ padding:5px; padding-bottom:20px;border:1px solid #eee;border-top:none; display:none}

/* carousel */
#testimonials{ padding:40px 0; border-top:1px solid #eee; background:#f3f3f3}
#quote-carousel {
  padding: 0 10px 30px 10px;
  margin-top: 30px;
}
#quote-carousel .carousel-inner,#quote-carousel .carousel-inner .item{ height:auto; background:none}
/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #333333;
}
#quote-carousel img
{
  width: 250px;
  height: 100px;
  box-shadow:1px 1px 16px rgba(85, 85, 85, 0.38);
}
/* End carousel */

.item blockquote {
    border-left: none; 
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}



/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }
    
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}