html, body {padding:0; margin:0; font-family: font-family: 'Open Sans', Raleway , sans-serif;}  
ul{padding:0; margin:0} 
li {list-style:none;}
  a,
	a:hover,
	button,
	button:hover{
		text-decoration:none;
		outline:none;
		color:white;
	}

	a:focus,
	button:focus{
		outline: none;
		text-decoration: none;
	}
img {
	    -moz-user-select: none; 
	    -webkit-user-select: none;
	    -ms-user-select: none; 
	    user-select: none; 
	    -webkit-user-drag: none;
	    user-drag: none;
	}	
img{width:100%; background-repeat:no-repeat;}	
	
	
	
	
.div-top1{margin-top:10px;}
.div-top2{margin-top:15px;}
.div-top3{margin-top:20px;}
.div-top4{margin-top:25px;}
.div-top5{margin-top:30px;}
.div-top6{margin-top:35px;}
.div-top7{margin-top:40px;}
.div-top8{margin-top:45px;}
.div-top9{margin-top:50px;}
.div-top10{margin-top:70px;}
.div-bottom1{margin-bottom:10px;}
.div-bottom2{margin-bottom:15px;}
.div-bottom3{margin-bottom:20px;}
.div-bottom4{margin-bottom:25px;}
.div-bottom5{margin-bottom:30px;}
.div-bottom6{margin-bottom:35px;}
.div-bottom7{margin-bottom:40px;}
.div-bottom8{margin-bottom:45px;}
.div-bottom9{margin-bottom:50px;}


.call-us li {float:left; margin-right:20px; margin-bottom:14px; font-size:12px; color:#000;}
.suggest {padding:20px 0; float:left; font-family:"raleway";}
	
.navbar {z-index:10; margin-bottom:0;}
.fixed-header{position:fixed; top:0; width:100%;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {color:#555; background-color:none;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { color:#555;background-color:none;}
.navbar-default .navbar-nav>li>a {color:#7f7f7f;}
nav.navbar.navbar-default .nav li a {font-size:12px; font-weight:500; text-transform:uppercase; box-shadow:none; background:none;}
.navbar-brand{float:left; padding:10px; font-size:18px; line-height:20px;}
.navbar {min-height:60px; border:1px solid transparent;}

.navbar-collapse .date_btn{margin-top:0;}
.navbar-collapse .btn.btn-default{padding:9px 26px; margin-top:10px;}



#book-reservation {background:#f5f5f5;}
.heading h2 {font-family:raleway; font-size:26px; text-transform:uppercase; color:#000; margin-bottom:6px;}
.about-text h2 {text-align:center; font-size:13px; color:#a3a3a3; font-weight:400; line-height:28px;}

.tara-room {float:left;}
.room-text {background:#f5f5f5; padding:1%; border:1px solid #f5f5f5; height:242px;}
.room-text h1 {color:#c5a46d; font-family:raleway; font-size:26px; margin-top:10px; margin-bottom:12px; font-weight:300;}
.room-text .subtitle{ font-size:13px; color:#8d8d8d; line-height:26px;}
.room-pic img{border:1px solid #C5A46D;}
.room-text .btn.btn-default {
    color:#FFFFFF; background-color:#C5A46D; border-color:#C5A46D; border-radius:0; font-size:12px;   font-weight:500; text-shadow:none;}
.room-text .btn-default{background-image:none; -webkit-box-shadow:inset 0 0 0 2px #FFFFFF; box-shadow:inset 0 0 0 2px #FFFFFF;}
.room-text .btn{border:1px solid transparent;}
.room-text .btn.btn-default:hover{color:#FFFFFF; background-color:#9d793e; border-color:#806333;}


.heading img {width:auto;}


.date_btn .btn.btn-default {
    color:#FFFFFF; background-color:#C5A46D; border-color:#C5A46D; border-radius:0; font-size:12px; font-weight:500; text-shadow:none;}
.date_btn .btn-default{background-image:none; -webkit-box-shadow: inset 0 0 0 2px #FFFFFF; box-shadow:inset 0 0 0 2px #FFFFFF;}
.date_btn .btn{border:1px solid transparent;}
.date_btn .btn.btn-default:hover{color:#FFFFFF; background-color:#9d793e; border-color:#806333;}


.hotel-pic h3{font-size:14px; color:#7e6648; margin-bottom:10px;}
.hotel-pic .thumbnail:hover .mask{opacity:1; background-color:rgba(0,0,0,0.7);}
.hotel-pic .thumbnail .mask{background-color:rgba(0, 0, 0, 0.7); opacity:0; overflow:visible; transition:all 0.4s ease-in-out 0s; overflow:hidden; position:absolute; top:0; width:100%; height:100%; display:block;}
.hotel-pic .thumbnail a.info{opacity:1; position:relative; top:40%; transition:opacity 0.5s ease-in-out 0;}
.hotel-pic .thumbnail a.info {display:inline-block;}
.hotel-pic .thumbnail a.info:hover{color:#fff;}
.hotel-pic .thumbnail{overflow:hidden; position:relative; text-align:center; cursor:default; border:0 none; border-radius:0; padding:0; margin-bottom:12px;}
.mask i{top:45%; position:relative;}

<!---------- Testomonials -------------->

#testo {
    background:url(/img/testo-back.jpg) no-repeat scroll center center / cover rgba(0, 0, 0, 0); padding:4% 0;}
section#testo {
    background:url(/img/testo-back.jpg) no-repeat scroll center center / cover rgba(0, 0, 0, 0); padding:4% 0;}      
#testo .item p {color:#f5f5f5; font-size:13px; font-weight:300; line-height:26px; margin-top:20px; margin-bottom:20px}

#testo .img-circle {border-radius:0;}
#quote-carousel .carousel-indicators{bottom:0; margin-right:-19px; right:50%; top:100%;}
.item blockquote{border-left:medium none; margin:0;}
#testo .carousel-control.right{background-image:none;} 
#testo .carousel-control.left{background-image:none;} 

#testo .left.carousel-control{top:33%;}
#testo .right.carousel-control{top:33%;}
.testo-head{font-size:26px; color:#fff; font-family:raleway; text-transform:uppercase;}
#testo .item > h3 label{background:repeat scroll 0 0 #868686; height:1px; width:4%;}
.item label{background:none repeat scroll 0 0 #868686; height:1px; width:4%;}

#testo .item h3{color:#ccc; font-size:1.4em; line-height:1.5em; font-size:14px; text-transform:uppercase;}
#testo .item h3 b{color:#f0ad4e; margin-top:20px;}



.address .form.dark_form input:hover, .address .form.dark_form textarea:hover{ background-color:#fafafa; border-color:#dadada; opacity:1 !important;}
.address .form.dark_form input, .address .form.dark_form textarea{background:rgba(255,255,255,0.6); border-color:#f3f3f3; opacity:1 !important;}
.address .form input, .address .form textarea{width:100%; padding:15px 20px; outline:none; border:1px solid; margin-top:15px; opacity:.5; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; transition:all 0.5s;}
.address .btn.btn-default:hover{opacity:.6;}
.address .btn.btn-default{width:auto; height:auto; padding:11px 50px; outline:none; border:none; margin-top:36px; margin-left:13px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; transition:all 0.5s; background:#C5A46D; text-shadow:none; color:#fff;}
textarea#message {height:180px;}
#contact_form {background:rgba(240,240,240,0.6); padding:24px 24px 27px;}
.address .colored-bg{#ffa800}
.address .address_head h3{font-size:24px; margin-bottom:12px;}
.icon {display:inline-block; text-align:center; float:left; height:50px; margin-right:10px; color:#f9bf3a; padding-top:4px;}
.cont-title{margin-bottom:22px;}
.form-group label{font-size:13px; font-weight:500; color:#5a5a5a; margin-bottom:14px;}
.form-group input {margin-bottom:34px;}
.form-group textarea {height:132px;}
.left-head{background:rgba(240,240,240,0.6);padding:24px; font-family:raleway;}
.address .box .icon{height:100%; line-height:50px; font-size:15px; position:absolute; top:0;}
.left-head .cont-title .details h4{padding:0; color:#888; font-size:24px; margin-bottom:3px; font-weight:inherit;}
.left-head .cont-title .details p{font-size:13px; color:#888;}
.address-note h4{font-size:25px; color:#888; margin-bottom:5px; font-weight:inherit;}
.address-note p{font-size:14px; color:#888;}
.left-head .socials{position:relative; margin-top:40px; margin-bottom:20px;}
.address-note { margin-top:43px;}
.left-head .socials a{color:white; background:rgba(0,0,0,0.4);}
.details{font-family:raleway;}
.left-head .socials a{ width:40px; height:40px; text-align:center; line-height:40px; font-size:14px; border-radius:100%; color:white; display:inline-block; margin-right:8px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}

.twitter:hover{background:#4fd5f8 !important;}
.pinterest:hover{background:#d83633 !important;}
.linkedin:hover{background:#0189c3 !important;}
.facebook:hover{background:#4b6ea8 !important;}

#hotel-footer{background:#252423; color:#7F7F7F; text-align:center; font-size:14px; padding:2%;}






.book-box {float:left; padding:42px 0;}
.booking-text{font-family:raleway;}
.book-back {background:#f5f5f5;}
.booking-text .room-detail{margin-bottom:16px;}
.book-head {font-size:26px; font-weight:300; margin-bottom:12px;}
.book-details span{font-size:18px; color:#c5a46d; font-weight:700;}
.book-details{font-size:18px; color:#000; font-weight:700; margin-bottom:8px;}
.book-room{font-size:16px; color:#000; font-weight:300; border-bottom:1px dashed #000; padding-bottom:16px;}
.book-room span{font-size:16px; color:#c5a46d; font-weight:700;}
.room-bed{color:#a3a3a3; font-size:14px; line-height:26px; font-weight:300; margin-bottom:12px;}

.room-item .btn.btn-default {
    color: #FFFFFF;
    background-color: #C5A46D;
    border-color: #C5A46D;
    border-radius: 0;
    font-size: 12px;
    font-weight: 500;
    text-shadow: none;
}
.room-item .btn-default {
    background-image: none;
    -webkit-box-shadow: inset 0 0 0 2px #FFFFFF;
    box-shadow: inset 0 0 0 2px #FFFFFF;
}
.room-item .btn {
    border: 1px solid transparent;
}
.room-item .btn.btn-default {
    padding:12px 32px;
    margin-top: 10px;
}


.scrollup {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 40px;
    right: 100px;
    display: none;
    text-indent: -9999px;
    background: url(/img/icon_top.png) no-repeat;
    
}



.about-head {
    font-size:16px;
    font-weight:500;
    margin-bottom:12px; 
}
.about-detail {
    color: #a3a3a3; 
    font-size: 14px;
    line-height: 26px;
    font-weight: 300;
    margin-bottom: 12px;
}
.about-head lable {
    border-bottom: 1px dashed #000;
    height: 1px; border-bottom: 1px dashed #000;
    display: inline-block;
    width: 100%;

}
.about-text {}


.btn.rsv {
    background: #C5A46D;
    transition: all 0.5s;     border-radius: 0;
    margin-top: 24px; 
        padding:9px 20px;
}
.btn.rsv:hover{opacity:.6; color:#fff}
.book-contact {
    margin-bottom: 20px;
    text-transform: uppercase;
}
h4.form-t {
    text-transform: capitalize;
    font-size: 1em;
    color: #303030;
    font-weight: 600;
    margin-bottom: 8px;
}

@media (min-width:768px) and (max-width:991px) {
nav.navbar.navbar-default .nav li a{font-size:11px;}
.nav>li>a{padding:19px 9px;}
	
}
@media (max-width:767px) {.heading img{width:100%;}

}