body{background-color: #637f83;font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 14px;line-height: 22px; color: #333; text-align:justify}
li{
font-size:13px;
}

#wrapper{background-color: #fff;}
@media (min-width: 1200px) {
  .container {
    width: 1070px;
  }

}
.navbar {
  border-bottom: 5px solid #d24837!important;
  border-radius: 0;
}
.footer {
  background-color: #282828;
  padding: 10px;
}
.carousel {
  margin-bottom: 10px;
}
.list-group {
  padding-left: 10px;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
  background-color: #591434;
  border-color: #591434;
  color: #fff;
  z-index: 2;
}
.btn,a,a:hover{text-decoration: none;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;outline:0 ;}

h1,h2,h3,h4,h5,h6{line-height: 1em;margin: 0;}

h1 {
  color: #c50707;
  font-size: 26px;
  font-style: italic;
}
h1.title,h2{font-size: 2em;line-height: 3em;}
h4{font-size: 1.20em; margin-bottom: 0.75em; color: #003472; }
p{font-size:13px;}
h3 {
  color: #c50707;
  font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 1.25em; margin-bottom: 0.70em;  
}

.btn{border:none !important;border-radius: 0;padding: 5px 30px;}
.btn-default{background:#bfa145;box-shadow: none !important;color: #fff;}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active{box-shadow: none !important;background:#756534;color: #fff;outline: none !important;}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{background-color: #bfa145;border-color: #bfa145;}
.pagination>li>a, .pagination>li>span{color: #bfa145;}
.spacer{padding:6em 0; }

/*nav*/
.navbar{margin: 0;}
.navbar-nav{margin:0 -15px;}
.navbar-nav > li > a {  font-size: 1em;  font-weight: bold;  line-height: 4.66em;}
.navbar-default{border:none;background: #fff;}
.navbar-brand{height: 91px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
  background-color: #591434;
  color: #fff;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
  background-color: #591434;
  color: #fff;
}
/*nav*/



/*SLIDER*/
.banner {position: relative;color: #fff;}
.banner p{font:300 1.35em/4em 'Old Standard TT', serif;margin:0; }
.banner img.img-responsive{width: 100%;}
.banner .welcome-message{position: absolute;left: 0;right:0;bottom:0;top:0;text-align: center;}
.banner .welcome-message .wrap-info{display: table;height: 100%;width: 100%;}
.banner .welcome-message .wrap-info .information{display: table-cell;vertical-align: middle;}
.banner .arrow-nav{position: absolute;bottom:-3.5em;background-color: #bfa145;height: 7em;width: 7em;display: inline-block;z-index: 100;left: 50%;margin-left: -52px;color: #fff;border-radius: 50%;}
.banner .arrow-nav i{font-size: 5em;line-height:105px;}
.banner .arrow-nav:hover{background: #756534;}


/*reserve-info*/
.reserve-info{background-color: #fff;}

.services{background-color:#dedbd3; }
.services .caption{background-color: #b9b2a0;color: #46433b;padding: 1.5em;}
.services .caption a {color: #585650;font-size: 1.25em;}
.services .caption a:hover{color: #fff;}
.carousel-control{width: 10%;background: none !important;}
.carousel-control i.fa{position: absolute;left: 0;right: 0;top: 50%;margin-top: -10px;}
.carousel img{width: 100%;}

/*footer*/
footer{color: #AEAEAC;}
footer.spacer{padding: 3em 0;}
footer h4{color: #DCDCDC;}
footer a,footer p{line-height: 1.5em;font-size: 0.85em;color: #AEAEAC;}
footer a:hover{color: #fff;}
footer .subscribe .form-control{height: 30px;padding: 4px 12px;border: none;}
footer .subscribe .input-group-btn:last-child>.btn{margin: 0;}
footer .subscribe .input-group{margin-bottom: 1em;}
footer .subscribe .social a{font-size: 1.5em;margin-right: 0.25em;}
.copyright{background-color: #252423;font-size: 0.85em;color: #7F7F7F;}
.copyright a{color: #AEAEAC;}
/*footer*/

.toTop{position: fixed;right: 1em; bottom: 1em;background:rgba(0,0,0,0.5);width: 35px; height: 35px;text-align: center;color: #fff;font-size: 2em; }
.toTop:hover{color: #fff;background:rgba(0,0,0,0.8);}









/*unform*/
.radio-inline{padding-top: 4px;padding-left: 0;}
.form-horizontal .radio{padding-top: 3px;}
.radio-inline input[type="radio"]{margin-left: 0;}
div.radio{margin-right: 10px;}
div.radio span{background:url(../images/radio.png) 0 20px !important;}

div.radio span,div.radio input{width: 20px;height: 20px;}
div.radio span.checked{background-position: 0 0 !important;}


.form-control{border: 1px solid #999;border-radius:0;box-shadow:none !important;}
.form-control:focus{border: 1px solid #bbb;}
div.selector{border:none;border: 1px solid #999;height: 33px !important; padding:3px 10px !important; border-radius: 0; font-size: 14px; background: #fff !important; width: 100% !important;}
div.selector:hover{border-color: #bbb;}
div.selector span{height: 36px;padding: 0; background: url(../images/drop.png) right 9px no-repeat !important;color: #8d8d8d; width: 100% !important;margin-right: 20px;}
div.selector:hover span{ background-position:right 9px !important; color: #282828;}
div.selector select{height: 36px !important;top: -2px; cursor: pointer; background-color: #fff;}
div.selector option{ padding: 10px;}
.checkbox label{padding-left: 0;}
.checkbox input[type=checkbox]{margin-left: -10px;}
/*unform*/


/*rooms and tariff*/
.rooms{margin-bottom: 2em;}
.rooms .info{padding: 1.5em;background-color: #E8E7E0;}


.room-features .amenitites li{margin-bottom: 1em;}
.room-features .size-price{background-color: #C7C5BB;padding: 2em 0;text-align: center;color: #fff;height: 10.97em;line-height: 3em;}
.room-features .size-price span{display: block;font-size: 2em;}


.gallery .gallery-image{margin-bottom: 2em;display: inline-block;}
.gallery .gallery-image img{width: 100%;}

body::-webkit-scrollbar {
        width: 6px;
    }
 
    
    /* Let's get this party started */
    ::-webkit-scrollbar {
        width: 3px;
    }

    /* Track */
    ::-webkit-scrollbar-track {
       background: #ccc; 
/*        -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); 
        -webkit-border-radius: 10px;
        border-radius: 10px;*/
    }

    /* Handle */
    ::-webkit-scrollbar-thumb {
/*        -webkit-border-radius: 10px;
        border-radius: 10px;*/
        background:#bfa145; 
    }
    ::-webkit-scrollbar-thumb:window-inactive {
        background: #ddd; 
    }




/*responsive starts here*/
@media (max-width: 991px){
}
@media (max-width: 767px){	
	.navbar-toggle{margin-top: 23px;}
    .navbar-default .navbar-toggle{background-color: #bfa145;}
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background-color: #5F5021;}
    .navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
    .navbar-nav > li > a{line-height: 1em;}

    h1 {font-size: 2em;}
    .banner p {font: 300 1em/1em 'Old Standard TT', serif;}
    .banner .arrow-nav{margin-left: -22px;height: 3em;width: 3em;bottom: -1.5em;}
    .banner .arrow-nav i {font-size: 2em;line-height: 45px;}

    .spacer {padding: 4em 0;}

    .reserve-info h3{margin-top: 2em;}

    .services div.col-sm-4{margin-bottom: 2em;}

    footer.spacer{padding:1em 0 3em 0 ;}
    footer h4{margin-top: 2em;}

    .room-features .size-price{margin-bottom: 2em;}
}

#titles {
  background-attachment: scroll;
  background-image: url("../img/divider.png");
  background-position: left center;
  background-repeat: repeat-x;
  letter-spacing: 1px;
  margin-bottom: 15px;
  margin-top: 0;
}
#titles span {
  background-color: #fff;
  padding: 0 5px;
}
.single-header {
  background: #3262a1 none repeat scroll 0 0;
  color: #ffffff;
  padding: 20px 0;
margin-bottom:10px;
}
.single-header h1 {
  color: #fff;
  margin-left: 15px;
}
.form-horizontal {
  padding: 0 20px;
}
.dform-group {
  padding: 10px;
}
#someElement {
  margin: 19px;
}
.img-thumbnail {
  margin-right: 10px;
 }
ul {
  font-size: 13px;
line-height:24px;
}

table td {
 font-size: 13px;
}
#tbl_profiles{
	border: none;
	width: 98%;
	padding: 0px;
	text-align: left;
}
#tbl_profiles .sname{
	font-size: expression((document.documentElement.clientHeight * 4) / 100);
	font-weight: bold;
	border-top: 4px dotted #cccccc; 
	color: #ffa500;
	width: 100%;
}
#tbl_profiles .td_img{
	width: 114px;
}
#tbl_profiles img{
	width: 108px;
	height: 144px;
	margin-right: 10px;
}
#tbl_profiles .seperator{
	width: 100%;
	font-size: 5px;
}
#tbl_profiles .labels{
	/*width: 35%;*/
	font-weight: bold;
	white-space: nowrap;
	color:#3366CC ;
	/*width: 5%;*/
}
#tbl_profiles .values{
	padding-right: 10px;
	padding-left: 10px;
	color: #6666666;
	/*width: 95%;*/
}
#tbl_profiles .sub_heading{
	font-weight: bold;
	color: #ffa500;
}
#tbl_profiles .compressor{
	height: 100%;
	font-size: 0px;
	width: 100%;
}
.stulist ul, .stulist li{
border:0; margin:0; padding:0; list-style:none;
}
.stulist li{
clear:both;
list-style:none;
padding-bottom:5px;
}

.stulist input{
float:left;
}
.stulist label{
width:180px;
float:left;

  color: #3366CC;
  font-weight: bold;
  white-space: nowrap;
}
.box > .icon {   }
.box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background: #63B76C; vertical-align: middle; }
.box > .icon:hover > .image { background: #333; }
.box > .icon > .image > i { font-size: 36px !important; color: #fff !important; }
.box > .icon:hover > .image > i { color: white !important; }
.box > .icon > .info {  background: rgba(0, 0, 0, 0.04); border: 1px solid #e0e0e0; padding: 15px 0 10px 0; }
.box > .icon:hover > .info { background: rgba(0, 0, 0, 0.04); border-color: #e0e0e0; color: white; }
.box > .icon > .info > h3.title {margin:0 18px; font-family: "Roboto",sans-serif !important; font-size: 18px; color: #222; font-weight: 500; }
.box > .icon > .info > p { font-family: "Roboto",sans-serif !important; font-size: 14px; color: #666; line-height: 1.5em; margin: 6px 20px;}
.box > .icon:hover > .info > h3.title, .box > .icon:hover > .info > p, .box > .icon:hover > .info > .more > a { color: #222; }
.box > .icon > .info > .more a { font-family: "Roboto",sans-serif !important; font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }
.box > .icon:hover > .info > .more > a { color: #fff; padding: 6px 8px; background-color: #63B76C; }
.box .space { height: 30px; }
.row{
margin-right:0px;
}
.table-head{
background-color:#806c64;
color:#FFFFFF;
}
.table{
text-align:left!important;
}
.red{
color:#c50707;
font-weight:700
}