/*-----------------------------------------------------------------------------------*/
/* Custom CSS */
/*-----------------------------------------------------------------------------------*/
#container_header{
padding-top:0px !important;
}
.logo {
    text-align: right;
}
#hornav {
    background-color: rgba(0, 0, 0, 0.6);
     padding-bottom: 0;
}
#hornav > ul.menu > li > a:not([class^="fa-"]) {
    padding-top: 15px !important;
}
#container_base, #container_base h3 {
    color: #000 !important;
}
#base1_modules .module li a, #base2_modules .module li a {
    color: #333 !important;
    text-shadow: none;
}
.bottom-background {
    background-color: rgba(255, 255, 255, 0.8);
}
h1 {
    font-size: 5.8em;
    color: #516488;
}
h5 {
    margin-top: -30px;
 }  
h6 {
    margin-top: -5px;
 } 


#hornav ul.menu li [class^="fa-"]:before, #hornav ul.menu li [class*=" fa-"]:before {
color: #848290}
#hornav {
margin-top: -280px;
}


#container_copyright{
background:url("../images/repeating-lines.gif") repeat-x;
padding-top:50px;
color:rgb(82, 82, 82);
}
#container_copyright *,#footermenu *{color:rgb(82, 82, 82) !important;}


#container_header {
    height: 100%;
    min-height: 690px;
}




#container_bottom1_modules .wrapper960{
padding-bottom:0px;
}
.header-2 h2{

}
.logo a {
   right:15px;
left:inherit !important;
display: inline-block;
}

#container_header .wrapper960 {
    height: 310px;
}
.header-2 h2{
padding-top:15px !important;
}

body div.roomTypesGadget div.searchTools{
   background: transparent !important;
}

body div.roomTypesGadget{
border:0px solid red !important;
}
#bookGrid,.booknow-outer{
width:280px !important;

}

.booknow-outer{
-moz-box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
box-shadow: 0 0 5px #999;
}
.header-2{
margin-top: 20px;
}

.searchTools 
{
padding-left:0px !important;
padding-right:0px !important;
}
.toolsLayout_vert div{
margin-right:0px !important;
text-align:center;

}
#bookGrid select,body div.roomTypesGadget div.searchTools div.checkIn a{
width:50% !important;
display:inline-block !important;
margin: 5px 0px;
background:#F5FAFE !important;
}
body div.roomTypesGadget div.searchTools label{
display:inline-block !important;
width:49% !important;
text-align:left;
text-transform: uppercase;
font-size: 14px;
}
body div.roomTypesGadget div.searchTools div.checkIn a{
margin: 5px 0px; 
line-height:30px;
border: 1px solid #ccc !important;
}

#bookGrid button {
    border-radius: 5px;
    padding: 0px 15px !important;
    float: right;
    line-height: 30px;
    height: 30px;
    background: #20A0E0;
    font-size: 14px;
    margin-bottom: 10px;
margin-top: 10px;
    border: 0px solid red;
}
#bookGrid button:hover{
opacity:0.7;
}
.logo a {
    top: -270px;
}

#bookGridList label{
display:block !important;
width: 100% !important;
}
#bookGridList div.searchTools div.checkIn a{
margin-top: 0px;
width: 100% !important;
}
#hornav li ul, #hornav li ul li ul{
top: 62px !important;
}
@media(max-width:1024px)
{


.slicknav_menu .slicknav_nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    overflow-y: scroll;
    max-height: 400px;
    height: 100%;
}
.logo a {
    top: -110px;
right:15px;
left:inherit !important;
display:inline-block;
}
.header-2{
display:block;
top:-35%;
}
.displayGrid{
overflow-x:scroll !important;
}

#container_header {
    height: 100%;
    min-height: 690px;
}
#container_main .wrapper960 .searchTools div{
width:100%;
}

.slicknav_menu {
    display: block;
    position: fixed;
    width: 99%;
    z-index: 999999;
}


}

@media(max-width:350px)
{
#bookGrid, .booknow-outer,.logo-image{
width:100% !important;
}

.logo a{
left:2px !important;
}

.header-2 > div{
margin:0px 6px !important;
}

}