body {

    width: 100%;

    height: 100%;

    font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif;

    color: #fff;

    background-color: #000;

}



html {

    width: 100%;

    height: 100%;

}

#booking h6{

    line-height:26px;

    font-size:14px;

    text-transform: none;

}

.navbar-brand

{

    padding:3px 0px ;

} 

.navbar-brand  .label-language{

    background: none;

}

.room-item{

    background: #A45700;

    padding: 10px 10px;

    border-radius:10px;

    cursor: pointer;

}

.room-item:hover{

    background: #D58201;

    padding: 10px 10px;

    border-radius:10px;

    cursor: pointer;

}

.a-room-item

{

    background: #A45700;

    color:#fff;

}

.a-room-item:hover

{

    background: #D58201;

    color:#fff;

}

.room-item h3{

    margin: 0 0 15px;

    min-height:53px;

    font-size: 20px;

    line-height: 30px;

}

.empty_item{

    min-height:42px;

    width:95%;   

    margin-bottom: 5px;

    background:none;

    color:#fff;

}

.free_item{

    background:#006600;

    width:95%;  

    border-radius:8px;

    margin-bottom: 7px;

    padding:10px 0px;

    cursor:pointer

}

.vcenter {

    display: inline-block;

    vertical-align: middle;

    float: none;

}

.booking-help-text{

    margin-top:20px;

    font-weight: bold;

    text-align:left;

    

}

.help-text

{

    clear:both;

    margin-bottom:15px;

}

.indication-color-green{

   background:#006600;

   display: block; 

   width: 40px;

   height: 25px;

   margin-bottom:6px;

   font-weight: bold;

}

.indication-color-red{

   background:#990000;

   display: block;   

   width: 40px;

   height: 25px;

   font-weight: bold;

}

.reserved_item{

    background:#990000;

    width:95%;  

    border-radius:8px;

    margin-bottom: 7px;

    min-height:40px;

    color:#990000;

}

#booking{

    padding-bottom:60px;



}

#about{

    width:100%;

    background: #666;

    padding-bottom:50px;

}

.day_name{

    min-height:20px;

    width:98%;   

    margin-bottom: 10px;

    background:#666;    

}

.calendar-date{

    font-size:12px;

}

.calendar-day-column {

    padding:2px;    

    margin:1px;

}

.calendar-navigation {

    margin-top:90px;

}

.btn_calendar{

    background-color: #A45700;

    border-color: #F78409;

    color: #fff;    

}

.btn_calendar:hover {

    background-color: #F78409;

    border-color: #A45700;

    color: #fff;

}

.video-container {

	position:relative;

	padding-bottom:56.25%;

	padding-top:30px;

	height:0;

	overflow:hidden;

}



.video-container iframe, .video-container object, .video-container embed {

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

}

.social2 li{

    float:left;

    list-style:none;

    font-size:26px;

    margin-left:5px;

    color:#fff;

}

.social2 li a{

    color:#fff; 

}



#DDDDDD

.modal{

    background-color: rgba(152,152,152,0.8);

}



.modal-header{

    background: #222;

    border-bottom: 1px solid #000;

}

.modal-header .close{

    color:#fff;

}

.modal-footer{

    background: #222;

    border-top: 1px solid #000;

}

.modal-content{

    background:#333;

    color:#fff;

}

.btn-primary {

    background-color: #A45700;

    border-color: #F78409;

    color: #fff;

}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus{

    background-color: #F78409;

    border-color: #A45700;

    color: #fff;

}

label {

    float: left;

}

.text-danger p{

    margin:0px;

    padding:0px;

    text-align:left;

    font-size:14px;

}

.alert-success {

    background: #000;

    border-color: #000;

    color: #fff;

    font-size: 16px;

}

h1,

h2,

h3,

h4,

h5,

h6 {

    margin: 0 0 35px;

    text-transform: uppercase;

    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;

    font-weight: 700;

    letter-spacing: 1px;

}



p {

    margin: 0 0 25px;

    font-size: 18px;

    line-height: 1.5;

}

input[type=checkbox].form-check-input{

    margin-right:7px;

    width:20px;

    height: 20px;

}

.page_link{

    text-decoration-line: underline;

    color:#aa0000;

}

@media(min-width:1170px) {

    .modal-dialog {

        margin: 30px auto;

        width: 800px;

    }

}





a {

    color: #AA0000;

    -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}



a:hover,

a:focus {

    text-decoration: none;

    color: #1d9b6c;

}



.footer-a {

    color: #FFF;

    -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}



a.footer-a:hover,

a.footer-a:focus {

    text-decoration: none;

    color: #1d9b6c;

}



.light {

    font-weight: 400;

}



.navbar-custom {

    margin-bottom: 0;

    border-bottom: 1px solid rgba(255,255,255,.3);

    text-transform: uppercase;

    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;

    background: rgba(0,0,0,0.9);

}



.navbar-custom .navbar-brand {

    font-weight: 700;

}



.navbar-custom .navbar-brand:focus {

    outline: 0;

}



.navbar-custom .navbar-brand .navbar-toggle {

    padding: 4px 6px;

    font-size: 16px;

    color: #fff;

}



.navbar-custom .navbar-brand .navbar-toggle:focus,

.navbar-custom .navbar-brand .navbar-toggle:active {

    outline: 0;

}



.navbar-custom a {

    color: #fff;

}



.navbar-custom .nav li a {

    -webkit-transition: background .3s ease-in-out;

    -moz-transition: background .3s ease-in-out;

    transition: background .3s ease-in-out;

}



.navbar-custom .nav li a:hover {

    outline: 0;

    color: rgba(255,255,255,.8);

    background-color: transparent;

}



.navbar-custom .nav li a:focus,

.navbar-custom .nav li a:active {

    outline: 0;

    background-color: transparent;

}



.navbar-custom .nav li.active {

    outline: 0;

}



.navbar-custom .nav li.active a {

    background-color: rgba(255,255,255,.3);

}



.navbar-custom .nav li.active a:hover {

    color: #fff;

}

.navbar-right{

    float:left !important;

    

}





@media(min-width:768px) {

    .navbar-custom {

        padding: 5px 0;

        border-bottom: 0;

        letter-spacing: 1px;

        background: 0 0.9;

        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;

        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;

        transition: background .6s ease-in-out,padding .6s ease-in-out;

    }



    .navbar-custom.top-nav-collapse {

        padding: 0;

        border-bottom: 1px solid rgba(255,255,255,.3);

        background: #000;

    }

    .modal-dialog {

        margin: 30px auto;

    }



    p {

        margin: 0 0 35px;

        font-size: 20px;

        line-height: 1.6;

    }

    .intro {

        height: 70%;

        padding: 0;

    }



    .intro .intro-body .brand-heading {

        font-size: 70px;

    }



    .intro .intro-body .intro-text {

        font-size: 26px;

    }



    .content-section {

        padding-top: 50px;/*250px*/

    }



    .download-section {

        padding: 100px 0;

    }



    #map {

        height: 400px;

        margin-top: 0px; /*250px*/

    }



}



.intro {

    display: table;

    width: 100%;

    height: auto;

    padding: 150px 0 10px 0;

    text-align: center;

    color: #fff;

    background: url(../img/intro-bg.jpg) no-repeat bottom center scroll;

    background-color: #000;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    -o-background-size: cover;

}



.intro .intro-body {

    display: table-cell;

    vertical-align: middle;

}



.intro .intro-body .brand-heading {

    font-size: 40px;

}



.intro .intro-body .intro-text {

    font-size: 18px;

}







.btn-circle {

    width: 70px;

    height: 70px;

    margin-top: 5px;

    padding: 7px 16px;

    border: 2px solid #fff;

    border-radius: 100%!important;

    font-size: 40px;

    color: #fff;

    background: 0 0;

    -webkit-transition: background .3s ease-in-out;

    -moz-transition: background .3s ease-in-out;

    transition: background .3s ease-in-out;

}



.btn-circle:hover,

.btn-circle:focus {

    outline: 0;

    color: #fff;

    background: rgba(255,255,255,.1);

}



.btn-circle i.animated {

    -webkit-transition-property: -webkit-transform;

    -webkit-transition-duration: 1s;

    -moz-transition-property: -moz-transform;

    -moz-transition-duration: 1s;

}



.btn-circle:hover i.animated {

    -webkit-animation-name: pulse;

    -moz-animation-name: pulse;

    -webkit-animation-duration: 1.5s;

    -moz-animation-duration: 1.5s;

    -webkit-animation-iteration-count: infinite;

    -moz-animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;

    -moz-animation-timing-function: linear;

}



@-webkit-keyframes pulse {    

    0% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }



    50% {

        -webkit-transform: scale(1.2);

        transform: scale(1.2);

    }



    100% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

}



@-moz-keyframes pulse {    

    0% {

        -moz-transform: scale(1);

        transform: scale(1);

    }



    50% {

        -moz-transform: scale(1.2);

        transform: scale(1.2);

    }



    100% {

        -moz-transform: scale(1);

        transform: scale(1);

    }

}



.content-section {

    padding-top: 100px;

}



.download-section {

    width: 100%;

    padding: 80px 0;

    color: #fff;

    background: url(../img/downloads-bg.jpg) no-repeat center center scroll;

    background-color: #000;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    -o-background-size: cover;

}



#map {

    width: 100%;

    height: 200px;

    margin-top: 0px;

}







.btn {

    border-radius: 0;

    text-transform: uppercase;

    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;

    font-weight: 400;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}



.btn-default {

    border: 1px solid #AA0000;

    color: #AA0000;

    background-color: transparent;

}



.btn-default:hover,

.btn-default:focus {

    border: 1px solid #AA0000;

    outline: 0;

    color: #000;

    background-color: #AA0000;

}



ul.banner-social-buttons {

    margin-top: 0;

}

@media(max-width:1199px) {

    ul.banner-social-buttons {

        margin-top: 15px;

    }

    .modal-dialog {

        margin: 0px auto;

        width: 95%;

    }

}



@media(max-width:767px) {

    h1{

        font-size: 26px;

    }

    ul.banner-social-buttons li {

        display: block;

        margin-bottom: 20px;

        padding: 0;

    }



    ul.banner-social-buttons li:last-child {

        margin-bottom: 0;

    }

    .modal-dialog {

        margin: 0px auto;

        width: 95%;

    }

}



footer {

    padding: 5px 0;

}



footer p {

    margin: 0;

}



::-moz-selection {

    text-shadow: none;

    background: #fcfcfc;

    background: rgba(255,255,255,.2);

}



::selection {

    text-shadow: none;

    background: #fcfcfc;

    background: rgba(255,255,255,.2);

}



img::selection {

    background: 0 0;

}



img::-moz-selection {

    background: 0 0;

}



body {

    webkit-tap-highlight-color: rgba(255,255,255,.2);

}





@media(max-width:480px) {

    .room-item {   

        margin-bottom: 10px;

        padding: 10px 20px;

    }

    #logo{

        

    }

    .navbar-toggle{

        font-size:30px;

        padding: 0px;

        margin-top: 0px;

        margin-right: 0px; 

        margin-bottom: 0px;         

    }

    #logo_text{

        clear:both;

        font-size:14px;

    }  

    .navbar-brand .col-xs-4{

        padding:0px 5px;

    }  

    #intro{

        padding-top:30px;

        background: url(../img/intro-bg-phone.jpg) no-repeat bottom center scroll;

    }

    h1.brand-heading{

        margin-bottom:5px;

    }

    .intro-text{

        margin-bottom:5px;

    }

    #booking{

        padding:10px 0px 5px 0px;

    }

    #contact{

        padding:10px 0px 5px 0px;

    }    



    .download-section {

        background: #000 url("../img/downloads-bg-phone.jpg") no-repeat scroll center center cover ;

    }

    .navbar-fixed-bottom, .navbar-fixed-top {

        position: relative;

    }    

    #about {

        background: #666 none repeat scroll 0 0;

        padding-bottom: 20px;

        width: 100%;

        padding-top: 20px!important;

    } 

    .booking-color-indication{

        margin-top:20px;

    }

    .booking-help-text{

        margin-top:20px;

    }

    .row{

        margin-left:-5px;

        margin-right:-5px;

    }

    .modal-dialog {

        margin: 180px auto;

        width: 95%;

    } 

    #btn_prev,#btn_next{

        font-size:14px;

        max-width:130px;

        word-wrap: break-word;

        display:block;

        white-space: normal;

    }   

    .empty_item{

        min-height:1px;

        width:95%;   

        margin-bottom: 1px;

        background:none;

        color:#fff;

    } 

    .calendar-navigation{

        margin-top:20px;

        margin-bottom:20px;

    }        

   

}