body{ background-image:url("images/photos/img/d.jpg");font-family: 'Raleway', sans-serif;font-size: 15px;line-height: 15px; color: black;}

@font-face {
   font-family: 'myFirstFont';
   src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
   src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
   src: url('../fonts/Indulge Script.otf') format('opentype');
   src: url('../fonts/Prociono-Regular.otf') format('opentype'); 
   font-weight:normal;
   font-style:normal;
}

@font-face {
   font-family: 'myFirstFont1';
   src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
   src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
   src: url('../fonts/Indulge Script.otf') format('opentype');
    
   font-weight:normal;
   font-style:normal;
}

.myclass{display:block;}
.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:'myFirstFont1',Old Standard TT, cursive;line-height: 1em;margin: 0;}
h1{margin-top:5px; font-size: 3.5em; color:#0772af;}
h1.title,h2{font-size: 3em;line-height: 2em; color:cornsilk; text-align:center;}
h3{font-size: 2em; margin-bottom: 0.70em; color:cornsilk;}
h4{font-size: 1.75em; margin-bottom: 0.75em; color:white;}
h5{font-size: 1em; margin-bottom: 0.75em; color:wheat;}
p{ font-family: myFirstFont; font-size:1em;margin-bottom: 1em;line-height: 1.5em; color:black}
li{ font-size:1.1em; }

.btn{border:none !important;border-radius: 0;padding: 5px 30px;}
.btn-default{background:#337ab7;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;}
.abc
{
	margin-left:-100px;
}
.pqr
{
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;   
}

.pqr:hover 
{
    -webkit-transform:scale(1.2);
  transform:scale(1.2);
}

.xyz
{
	margin-right: -115px; margin-top: -3%;
}

.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:3em 0; }

/*nav*/
.navbar{margin: auto;}
.navbar-nav{margin:0 -15px;}
.navbar-nav > li > a{font-family:myFirstFont1;font-size: 1.6em;line-height: 1em;padding: 5px 15px 5px 15px; text-align:center; color:#381303; display:block;}
.navbar-nav > li > a:hover{ background: rgba(0,0,0,0); color: #3a7999;}
.navbar-default{border:none;background: #fc995e;}
.navbar-brand{height: 83px;}
/*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: #8be2ef;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;}



/*reserve-info*/
.reserve-info{ font-size:1em;}

.services .caption{background-color: #addef4;color: #8E4585;padding: 1.5em; font-size: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{background-color:#fc995e;color: #AEAEAC;}
footer.spacer{padding: 10px 0;}
footer h4{color: #008000;font-size:2em}
footer a,footer p{line-height: 1.5em;font-size: 1em;color: #0772af;}
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;}
/*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; border: 3px solid #addef4; border-radius:25px;}


.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: 1em;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){
.class{margin-top:-100px;}
.embed-responsive{position:relative; display:block;height:auto; padding-bottom:10%;font-size:smaller;}	
.myclass{display:none;}
.a{margin-top:-10px;}
.xyz
{

 margin:0;
}
.col-md-5
{
	padding: 20px;
	margin-top:3%;
	
 }
.col-md-6
{
	padding: 20px;
	margin-top:3%;
	font-size:0.75em;
}
	
.col-sm-4
{
	padding: 5px; 
    margin:0px;	
}
.abc
{
	margin-left:0;
}
	.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{ font-size:1em; line-height: 1em;color:#381303;}
	

    h1 {font-size: 1.8em;}
	h2 {font-size:1.7em;}
	h3 {font-size: 1.5em;}
    .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;}
	p{ font-family: myFirstFont; font-size:1.5em;margin-bottom: 1em;line-height: 1.5em; color:black}
    

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

    .services div.col-sm-4{margin-bottom: 2em;}
	
	li{ font-size:1em; text-align:left;}

    footer.spacer { padding:1em 0 3em 0 ;}
    footer h4{margin-top: 2em;}
	footer p{font-size:0.50em;};
	
	
}
    .room-features .size-price{margin-bottom: 2em;}
}