.reservation{background:teal}
#main-reservation-text h3{color:#DDD}
#main-reservation-text p{color: yellow;}
.nav > li > a{background:none}
.nav > li:hover .nav > li > a{background:none}

.logo {
    padding: 13px 0px;
}

.view-tenth h3 {
    overflow: hidden;
    max-height: 51px;
}
.social_icon_staff {}
div #social_icon_staff{width: none;
height: none;}

.footer {
    padding: 5em 0;
    background: #b00303;
}
.header_top {
    background: #b00303;
}

.active{background:#b00303 !important; color:#FFF !important;}
.active a{background:#b00303 !important; color:#FFF !important;}
ul.dc_pagination li a:hover{background-color:#b00303;}

ul.dc_pagination li a {
    border: 1px solid #ddd;
    border-radius:3px;
}
.active_page{
	color: #FFF;
	display: block;
	padding: 8px 15px 8px 15px !important;
	text-decoration: none;
	font-size: 0.95em;
	border: 1px solid #ddd;
    border-radius:3px;
    background:#b00303;
}
div #error_entry{border: 1px solid #D0D0D0;box-shadow: 0 0 8px #D0D0D0;}
div #error_entry h1{color: #444;background-color: transparent;border-bottom: 1px solid #D0D0D0;font-size: 19px;font-weight: normal;margin: 0 0 14px 0;padding: 14px 15px 10px 15px;}
div #error_entry p{margin: 12px 15px 12px 15px;}
.reservation-form input[type="email"] {
    display: block;
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    outline: none;
    font-size: 0.85em;
    color: #999;
}
.reservation-form input[type="number"] {
    display: block;
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    outline: none;
    font-size: 0.85em;
    color: #999;
}

.bocking_button{
padding: 15px 20px;
color: #FFF;
background: #F94B4B none repeat scroll 0% 0%;
font-size: 1em;
border: medium none;
outline: medium none;
cursor: pointer;
font-family: "Open Sans",sans-serif;
text-transform: uppercase;
transition: all 0.5s ease 0s;
}

.reservation_banner{background-size: 100% auto;}
.logo{width:100%;}
.logo a{text-align: center}
.navigation {
    float: left;
    width: 100%;
}
ul.nav {
    
    background: #0071BC;
}
.nav > li > a {padding: 10px 20px;color:#FFF;}
.nav > li > ul {top:42px;}
.footer{padding:10px 0px;background:#ED2024}

.my_nav{margin:0;padding:0;list-style:none;text-align:center}
.my_nav li{display:inline-block;text-align:center;color:#FFF;position:relative}
.my_nav li a{color: red;
text-decoration: none;
padding: 10px;
display: block;
border: 1px solid #fff;
border-radius: 3px;
margin: 5px;
background: #FFF;font-weight: bold;box-shadow: 0px 0px 10px -3px #000 inset;}
.my_nav li a .fa{font-size: 150%;}
.my_nav li a:hover{background:red;color:#FFF}
.reservation_top {
    background: none;
	padding: 1em 0;
}
/*submenu*/
.main, .reservation_top{background: url("images/main-bg.png")repeat fixed;min-height: 200px;}
.my_nav ul{list-style: none;
position: absolute;
z-index: 999;width: 200px;padding: 0;
margin: 0;margin-top: -5px;
margin-left: 5px;display:none;background: red;
padding: 10px;}
.my_nav li:hover ul{display:block}
.my_nav ul li{float:left;display:block;width: 100%;}
.my_nav ul li a{margin: 0;border: none;}
.my_nav ul li a:hover{}


.logo img{max-height:100px}

.room_items{width: 33.33333333%;
margin-bottom: 20px;
padding: 20px;}
.room_items:hover{box-shadow: 0px 0px 15px rgb(0, 0, 0);}


   .zoomClass {
               animation : 50s linear 1s normal none infinite zoominout
            }


            @keyframes zoominout{
              0%{
                   transform:scale(1)
                }
              25%{
                   transform:scale(1.5)
                }
              50%{
                   transform:scale(2)
                }
              75%{
                   transform:scale(1.5)
                }
              100%{
                   transform:scale(1)
                }
            }





.mobile_navigation{display:none}
@media only screen and (min-width: 250px) and (max-width: 767px) {
	.mobile_navigation{display:block}
	.room_items{width:100%}
}