
body{background-color: #fff;font-family: 'Montserrat', sans-serif;font-size: 15px;line-height: 15px; color: #73726C;}

.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{font-family:'Merriweather', serif;line-height: 1em;margin: 0;}
h1{font-size: 5em; padding-bottom: 3px;}
h1.title,h2{font-size: 2em;line-height: 3em;}
h3{font-size: 1.5em; margin-bottom: 0.70em;}
h4{font-size: 1.25em; margin-bottom: 0.75em;}
p{margin-bottom: 1em;line-height: 1.5em;}

.btn{border:none !important;border-radius: 2px;padding: 5px 30px;}
.btn-default{background:rgb(225,193,145);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:rgb(192,123,22);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: rgb(225,193,145);border-color: rgb(225,193,145);}
.pagination>li>a, .pagination>li>span{color: rgb(225,193,145);}
.spacer{padding:5em 0; }

/*nav*/
.navbar.navbar-default{margin: 0; z-index: 2000}
.navbar-nav{margin:0 -15px;}
.navbar-nav > li > a{font-size: 1em;line-height: 4.26em;padding: 10px 0 10px 30px;}
.navbar-default{
  border-bottom: 2px solid rgb(225,193,145);
  background: rgb(250,246,239);
  border-radius: 0px;
}

/*nav*/
.navbar-brand {
    height: 85px;
    width: 185px;
    white-space: nowrap;
    text-align: center; margin: 0 0;
    padding:5px 0 5px 15px;
    overflow: visible;
    float: left;
    display: block;
}

.navbar-helper { display: inline-block; height: 100%; vertical-align: middle;overflow: visible;}
.navbar img {vertical-align: middle; max-height:120px;max-width: 200px;}

/*SLIDER*/
.banner {position: relative;color: #fff;}
.banner p{font:300 1.35em/4em 'Merriweather', serif;margin:0; }
.banner img.img-responsive{width: 100%; min-height: 450px;}
.banner .welcome-message{position: absolute;left: 0;right:0;bottom:0;top:20%;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: rgb(225,193,145);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: rgb(192,123,22);}

/*reserve-info*/
.reserve-info{background-color: #fff;}

.services .caption{background: rgb(225,193,145);color: #ffffff;padding: 1.5em; font-size: 1.3em; text-transform: uppercase;  text-align: center;}
.services .caption a {color: #585650;font-size: 1.5em;}
.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{background-color:#474747;color: #AEAEAC;}
footer.spacer{padding: 3em 0 1em 0;}
footer h4{color: #DCDCDC;}
footer a,footer p{line-height: 1.5em;font-size: 0.90em;color: #bbbbbb;}
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;padding: 0.6em 0;font-size: 0.85em;color: #7F7F7F;}
.copyright a{color: #AEAEAC;}
.telephone {font-size:1.2em;}

/*footer*/

.toTop{position: fixed;right: 30px; bottom: 30px;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:2px;box-shadow:none !important; background-color: #eeeeee;}
.form-control:focus{border: 1px solid #bbb;background-color: #fff;}
div.selector{border:none;border: 1px solid #999;height: 33px !important; padding:3px 10px !important; border-radius: 2px; 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: #fff;}
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: rgb(244,235,220); border-radius: 2px}
.room-features .amenitites li{margin-bottom: 1em;}
.room-features .size-price{background: rgb(225,193,145);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:rgb(225,193,145);
    }
    ::-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: rgb(225,193,145);}
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background: rgb(192,123,22);}
    .navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
    .navbar-nav > li > a{line-height: 1.3em; text-align: right;}

    .navbar-default .navbar-collapse {
        margin-right: 15px;
        border-color: transparent;}

    h1 {font-size: 2em;}
    .banner p {font: 300 1em/1em 'Merriweather', 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: 3em 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;}
}


/*CUSTOM START HERE - CONTROL+F TO CHANGE AND REPLACE MAIN COLORS (LIGHT FOR HOVER, NORMAL FOR REST)
Edit main title transparancy (default set to 0)
*/

a {
  color: rgb(225,193,145);
}
a:hover {
  color: rgb(192,123,22);
}

.map{margin-bottom: 40px;}

.language{position:fixed;bottom: 30px;font-size: 2em; opacity: 0.4; transition-duration: 0.4s; filter: alpha(opacity=40);}
.language:hover{opacity: 1; transition-duration: 0.4s; filter: alpha(opacity=100);}

.widget {
    transition-duration: 0.4s;
    opacity: 1;
}
.widget-padding {
  padding-bottom: 25px;
}
.widget:hover {
    transition-duration: 0.4s;
    opacity: 0.8;
}

.gallery-image {
    transition-duration: 0.4s;
    opacity: 1;
}

.gallery-image:hover {
    transition-duration: 0.4s;
    opacity: 0.8;
}

.iframed {
    left: 0px; right: 0; bottom: 0; top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-top: 0px;
margin-right: auto;
margin-left: auto;
overflow-y: hidden;
}


.welcome-title {
  text-align: left;
  background-color: rgba(192,123,22, 0.0);
  padding: 1.5% 2% 1% 1%;
  position: relative;
  float: right;
  width: 100%;   display: inline-block;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
  }

  .welcome-title a {
    color: #fff;
  }

  .welcome-title:hover {
    color: #fff;
    background-color: rgba(225,193,145, 0.0);
  }

  .row.match-my-cols {
      overflow: hidden;
  }

  .row.match-my-cols [class*="col-"]{
      margin-bottom: -99999px;
      padding-bottom: 99999px;
  }

.alert {
  margin-bottom: 0;
}

.intro {
  padding-left: 30px;
  text-shadow: 1px 1px 4px black;
}
