@charset "utf-8";
/* CSS Document */

html{
    max-width:100vw;
    overflow-x: hidden;
}

@media screen and (min-width: 1024px){
    body{
        background-color: rgba(30,30,30,1.0);
        margin: 0vw;
        padding:0vw;
        background-image: url("images/bg_pattern.webp");
        background-repeat: repeat;
        background-size: 10vw;
        max-width:100vw;
    } 
    
    #fade, #fade2, #fade3, #fade4, #fade5{
        opacity: 0;
    }
    
    .topnav{
        height:10vw;
        width:100vw;
        background-color: rgba(49,54,57,0.95);
        position: fixed;
        display:block;
        top: 0vw;
        left:0vw;
        z-index: 5000;
    }
    
    .topnav .name{
        width:39vw;
        display:inline-block;
        height:10vw;
        float:left;
    }
    
    .topnav .name a{
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(255,255,255,1.0);
        font-size:3vw;
        margin:0vw 0vw 0vw 5vw;
        line-height: 10vw;
        text-decoration:none;
    }
    
    .topnav .links{
        width:50vw;
        diplay:inline-block;
        height:10vw;
        float: right;
    }
    
    .topnav .links a{
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(255,255,255,1.0);
        font-size:1.2vw;
        line-height: 10vw;
        display:inline-block;
        text-align: center;
        text-decoration: none;
        padding: 0vw 1.5vw;
        transition:0.8s;
    } 
    
    .topnav .links a:hover{
        color: rgba(49,54,57,1.0);
        background-color: rgba(255,255,255,1.0);
        transition:0.8s;
    }
    
    .topnav img.mobilemenubutton{
		display:none;
	}
	
	.topnav .mobilemenu{
		display:none;
	}
    
    .homeimagecontainer{
        width:100vw;
        top:0vw;
        height:56vw;
        display:block;
                border-radius: 0vw 0vw 10vw 10vw;
        -webkit-box-shadow: 0px 10px 13px -7px #313639, 5px 12px 15px 15px rgba(49,54,57,0); 
        box-shadow: 0px 10px 13px -7px #313639, 5px 12px 15px 15px rgba(49,54,57,0);
    overflow: hidden;
    }
    
    .homeimagecontainer img{
        width:100vw;
        height:auto;
    }
    
    .mapcontainer{
        width:100vw;
        margin-top:10vw;
        height:30vw;
        display:block;
    }
    
    .mapcontainer iframe{
        width:100vw;
        height:30vw;
        border-radius: 0vw 0vw 10vw 10vw;
        -webkit-box-shadow: 0px 10px 13px -7px #313639, 5px 12px 15px 15px rgba(49,54,57,0); 
        box-shadow: 0px 10px 13px -7px #313639, 5px 12px 15px 15px rgba(49,54,57,0);
        border: none;
    }
    
    .homeimagecontainer .welcome{
        position:absolute;
        top:20vw;
        left:5vw;
        background-color:rgba(49,54,57,0.8);
        padding:2vw 4vw;
        opacity: 0;
    }
    
    .homeimagecontainer .welcome h2{
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(255,255,255,1.0);
        font-size:2.2vw;
    }
    
    .homeimagecontainer .welcome p{
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(255,255,255,1.0);
        font-size:1.4vw;
    }
        
    .homeabout{
        width:60vw;
        margin:5vw 20vw;
        display:block;  
    }
    
    .homeabout h3 {
        position: relative;
        font-size: 2vw;
        z-index: 1;
        overflow: hidden;
        text-align: center;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(255,255,255,1.0);
    }

    .homeabout h3:before, .homeabout h3:after {
        position: absolute;
        top: 51%;
        overflow: hidden;
        width: 48%;
        height: 0.2vw;
        content: '\a0';
        background-color: rgba(255,255,255,1.0);
}
    .homeabout h3:before {
        margin-left: -50%;
        text-align: right;
    }

    .homeabout h3:after {
        margin-left:2%;
    }
    
    .homeabout p {
        position: relative;
        font-size: 1.5vw;
        text-align: center;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(255,255,255,1.0);
    }
    
    .homeabout a {
        position: relative;
        font-size: 1.5vw;
        text-align: center;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(255,255,255,1.0);
        text-decoration: none;
        transition:0.8s;
    }
    
    .homeabout a:hover{
        text-decoration: underline;
        transition:0.8s;
    }
    
    .facilities_listing{
        width:60vw;
        margin:5vw 20vw;
        display:block;
    }
    
    .facilities_listing .facilities_left{
        width:60vw;
        margin:0vw 0vw 2vw 0vw;
        display:block;
        background-color: rgba(255,255,255,1.0);
        overflow: hidden;
        -webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.25); 
        box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.25);
    }
    
    .facilities_listing .facilities_left img{
        float:left;
        width:30vw;
        height:auto;
        vertical-align: top;
    }

    .facilities_listing .facilities_left h4{
        float: right;
        width: 28vw;
        vertical-align: top;
        font-size: 1.2vw;
        text-align: left;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        margin:1vw 1vw 1vw 0vw;
    }
        
    .facilities_listing .facilities_left p{
        float: right;
        width: 28vw;
        vertical-align: top;
        font-size: 0.8vw;
        text-align: left;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        margin:0vw 1vw 1vw 0vw;
    }
    
    .facilities_listing .facilities_right{
        width:60vw;
        margin:0vw 0vw 2vw 0vw;
        display:block;
        background-color: rgba(255,255,255,1.0);
        overflow: hidden;
        -webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.25); 
        box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.25);
    }
    
    .facilities_listing .facilities_right img{
        float:right;
        width:30vw;
        height:auto;
        vertical-align: top;
    }

    .facilities_listing .facilities_right h4{
        float: left;
        width: 28vw;
        vertical-align: top;
        font-size: 1.2vw;
        text-align: right;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        margin:1vw 0vw 1vw 1vw;
    }
        
    .facilities_listing .facilities_right p{
        float: left;
        width: 28vw;
        vertical-align: top;
        font-size: 0.8vw;
        text-align: right;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        margin: 0vw 0vw 1vw 1vw;
    }
    
    a.catering_link{
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(255,255,255,1.0);
        font-size:1.4vw;
        text-decoration:none;
        text-align:center;
        display:block;
    }
    
    .white{
        background-color: rgba(225,225,225,1.0);
        margin: 0vw;
        padding:0vw;
        background-image: url("images/bg_pattern_white.webp");
        background-repeat: repeat;
        background-size: 10vw;
        width:100vw;
        min-height:25vw;
        overflow:hidden;
        display:block;
    }
    
    .news_white{
        background-color: rgba(225,225,225,1.0);
        margin: 0vw;
        padding:0vw;
        background-image: url("images/bg_pattern_white.webp");
        background-repeat: repeat;
        background-size: 10vw;
        width:100vw;
        min-height:25vw;
        overflow:hidden;
        display:block;
    }
    
    .admin_white{
        background-color: rgba(225,225,225,1.0);
        margin: 0vw 0vw 0vw 10vw;
        padding:0vw;
        background-image: url("images/bg_pattern_white.webp");
        background-repeat: repeat;
        background-size: 10vw;
        width:80vw;
        min-height:25vw;
        overflow:hidden;
        display:block;
    }
    
    .admin_white h1 {
        position: relative;
        font-size: 2vw;
        z-index: 1;
        overflow: hidden; 
        text-align: center;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(0,0,0,1.0);
    }
    
    .admin_white h1:before, .admin_white h1:after {
        position: absolute;
        top: 51%;
        overflow: hidden;
        width: 48%;
        height: 0.2vw;
        content: '\a0';
        background-color: rgba(0,0,0,1.0);
}
    .admin_white h1:before {
        margin-left: -50%;
        text-align: right;
    }

    .admin_white h1:after {
        margin-left:2%;
    }
    
    .admin_white h2 {
        font-size: 1.7vw;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(0,0,0,1.0);
        margin-left: 5vw;
    }
    
    .admin_white a.new {
        font-size: 1vw;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(0,0,0,1.0);
        margin: 5vw;
        text-decoration: underline;
    }
    
    .admin_white table{
        width:70vw;
        margin-left: 5vw;
        border-style: solid;
        border-width: thin;
        border-color: rgba(0,0,0,1.0);
    }
    
    .admin_white th{
        font-size: 1vw;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        background-color:rgba(0,0,0,0.8);
        color:rgba(255,255,255,1.0);
        text-align: left;
    }
    
    .admin_white td{
        font-size: 1vw;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(0,0,0,1.0);
        text-align: left;
        border-bottom-style: solid;
        border-bottom-width: thin;
    }
    
    .homewhatson{
        width:60vw;
        margin:5vw 20vw;
        display:block;  
    }
    
    .homewhatson h3 {
        position: relative;
        font-size: 2vw;
        z-index: 1;
        overflow: hidden;
        text-align: center;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(49,54,57,1.0);
    }

    .homewhatson h3:before, .homewhatson h3:after {
        position: absolute;
        top: 51%;
        overflow: hidden;
        width: 48%;
        height: 0.2vw;
        content: '\a0';
        background-color: rgba(49,54,57,1.0);
}
    .homewhatson h3:before {
        margin-left: -50%;
        text-align: right;
    }

    .homewhatson h3:after {
        margin-left:2%;
    }
    
    .homewhatson p {
        position: relative;
        font-size: 1.5vw;
        text-align: center;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(49,54,57,1.0);
    }
    
    .homewhatson .article_list{
        width:17.85vw;
        height:25vw;
        margin:1vw;
        background-color:rgba(49,54,57,1.0);
        border-style: solid;
        border-width:thin;
        border-color:rgba(255,255,255,1.0);
        -webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.25); 
        box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.25);
        display:inline-block;
        vertical-align: top;
    }
    
    .homewhatson .article_list img{
        width:16vw;
        margin:1vw;
        height:auto;
    }
    
    .homewhatson .article_list a{
        font-size: 1vw;
        text-align: center;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(255,255,255,1.0);
        width:16vw;
        margin:1vw;
        display:block;
        text-decoration:none;
    }
    
    .homewhatson .article_list p{
        font-size: 0.8vw;
        text-align: center;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(255,255,255,1.0);
        width:16vw;
        margin:1vw;
        display:block;
        text-decoration:none;
    }
    
    .homewhatson .article_list a.button{
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        font-size:1vw;
        padding:0.5vw;
        margin:1vw 0vw 0vw 3vw;
        border-radius: 0.4vw;
        border-style: solid;
        border-width:medium;
        border-color:rgba(212,175,55,1.0);
        background-color:rgba(212,175,55,1.0);
        color:rgba(49,54,57,1.0);
        width:10vw !important;
        transition:0.8s;
    }
    
    .homewhatson .article_list a.button:hover{
        border-color:rgba(255,255,255,1.0);
        transition:0.8s;
    }
    
    .homewhatson_list{
        width:60vw;
        margin:0vw 20vw 5vw;
        display:block;  
    }
    
    
    .news_list{
        width:60vw;
        margin:15vw 20vw 5vw;
        display:block;  
    }
    
    .news_list img.main{
        width:60vw;
        height:auto;
    }
    
    .news_list h1 {
        position: relative;
        font-size: 2vw;
        z-index: 1;
        overflow: hidden;
        text-align: center;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(49,54,57,1.0);
    }
    
    .news_list h2, .news_list h3, .news_list h4{
        display:block;
        text-align: center;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(49,54,57,1.0);
        font-size:1.6vw;
    }

    .news_list h1:before, .news_list h1:after {
        position: absolute;
        top: 51%;
        overflow: hidden;
        width: 48%;
        height: 0.2vw;
        content: '\a0';
        background-color: rgba(49,54,57,1.0);
}
    .news_list h1:before {
        margin-left: -50%;
        text-align: right;
    }

    .news_list h1:after {
        margin-left:2%;
    }
    
    .news_list small {
        position: relative;
        font-size: 0.8vw;
        z-index: 1;
        overflow: hidden;
        text-align: center;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(49,54,57,1.0);
        display:block;
    }
    
    .news_list p {
        position: relative;
        font-size: 1.5vw;
        text-align: center;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(49,54,57,1.0);
    }
    
    .news_list .article_large{
        width:60vw;
        height:25vw;
        margin:3vw 0vw;
        background-color:rgba(49,54,57,1.0);
        border-style: solid;
        border-width:thin;
        border-color:rgba(255,255,255,1.0);
        -webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.25); 
        box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.25);
        display:inline-block;
        vertical-align: top;
    }
        
    .news_list .article_large .imagecontainer{
        width:40vw;
        height:25vw;
        overflow:hidden;
        display:inline-block;
        float:left;
    }
    
    .news_list .article_large .imagecontainer img{
        width:auto;
        height:25vw;
        margin:0vw;
    }
    
    .news_list .article_large .textcontainer{
        width:18vw;
        height:25vw;
        margin:0vw;
        display:inline-block;
        float:left;
    }
    
    .news_list .article_large .textcontainer a{
        font-size: 1.2vw;
        text-align: left;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(255,255,255,1.0);
        width:16vw;
        margin:5vw 1vw 1vw 1vw;
        display:block;
        text-decoration:none;
    }
    
    .news_list .article_large .textcontainer a.button{
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        font-size:1vw;
        padding:0.5vw;
        margin:0.2vw 0vw 0vw 1vw;
        border-radius: 0.4vw;
        border-style: solid;
        border-width:medium;
        border-color:rgba(212,175,55,1.0);
        background-color:rgba(212,175,55,1.0);
        color:rgba(49,54,57,1.0);
        width:10vw !important;
        transition:0.8s;
    }
    
    .news_list .article_large .textcontainer a.button:hover{
        border-color:rgba(255,255,255,1.0);
        transition:0.8s;
    }

    
    .news_list .article_large .textcontainer p{
        font-size: 0.8vw;
        text-align: left;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(255,255,255,1.0);
        width:18vw;
        margin:1vw;
        display:block;
        text-decoration:none;
    }
    
    .news_list .article_list{
        width:17.85vw;
        height:30vw;
        margin:1vw;
        background-color:rgba(49,54,57,1.0);
        border-style: solid;
        border-width:thin;
        border-color:rgba(255,255,255,1.0);
        -webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.25); 
        box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.25);
        display:inline-block;
        vertical-align: top;
    }
    
    .news_list .article_list img{
        width:16vw;
        margin:1vw;
        height:auto;
    }
    
    .news_list .article_list a{
        font-size: 1vw;
        text-align: center;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(255,255,255,1.0);
        width:16vw;
        margin:1vw;
        display:block;
        text-decoration:none;
    }
    
    .news_list .article_list p{
        font-size: 0.8vw;
        text-align: center;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(255,255,255,1.0);
        width:16vw;
        margin:1vw;
        display:block;
        text-decoration:none;
    }
    
    .news_list .article_list a.button{
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        font-size:1vw;
        padding:0.5vw;
        margin:1vw 0vw 0vw 3vw;
        border-radius: 0.4vw;
        border-style: solid;
        border-width:medium;
        border-color:rgba(212,175,55,1.0);
        background-color:rgba(212,175,55,1.0);
        color:rgba(49,54,57,1.0);
        width:10vw !important;
        transition:0.8s;
    }
    
    .news_list .article_list a.button:hover{
        border-color:rgba(255,255,255,1.0);
        transition:0.8s;
    }
    
    
    form.booking_form label{
        width:60vw;
        display:block;
        font-size: 0.9vw;
        text-align: center;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(255,255,255,0.7);
    }
    
    form.booking_form input[type=text], form.booking_form input[type=tel], form.booking_form input[type=email], form.booking_form input[type=time], form.booking_form input[type=date], form.booking_form select{
        display:block;
        width: 60vw;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        font-size:1vw;
        padding:0.5vw 0vw;
        margin:0vw 0vw 2vw;
        vertical-align: top;
        outline:none;
        border-radius: 0.4vw;
        border-style: solid;
        border-width:thin;
        border-color:rgba(0,0,0,1.0);
        color:rgba(49,54,57,1.0);
        text-align:center;
    }
    
    form.booking_form textarea{
        display:block;
        width: 60vw;
        height:10vw;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        font-size:1vw;
        padding:0.5vw 0vw;
        margin:0vw 0vw 2vw;
        vertical-align: top;
        outline:none;
        border-radius: 0.4vw;
        border-style: solid;
        border-width:thin;
        border-color:rgba(0,0,0,1.0);
        color:rgba(49,54,57,1.0);
        text-align:center;
    }
    
    form.booking_form input[type=submit]{
        display:block;
        width: 60vw;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        font-size:1vw;
        padding:0.5vw 0vw;
        margin:0vw 0vw 2vw;
        vertical-align: top;
        outline:none;
        border-radius: 0.4vw;
        border-style: solid;
        border-width:thin;
        border-color:rgba(212,175,55,1.0);
        color:rgba(49,54,57,1.0);
        text-align:center;
        background-color:rgba(212,175,55,1.0);
        cursor: pointer;
    }
    
    form.admin_form label{
        width:80vw;
        display:block;
        font-size: 0.9vw;
        text-align: center;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(0,0,0,0.7);
    }
    form.admin_form a{
        width:80vw;
        display:block;
        font-size: 0.9vw;
        text-align: center;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(0,5,151,1.00);
        text-decoration: underline;
        margin-bottom: 5vw;
    }
    
    form.admin_form p{
        width:80vw;
        display:block;
        font-size: 0.9vw;
        text-align: center;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(0,0,0,1.00);
    }
    
    form.admin_form input[type=file]{
        width:80vw;
        display:block;
        font-size: 0.9vw;
        text-align: center;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(0,0,0,1.00);
        margin:0vw 0vw 0vw 35vw
    }
    
    form.admin_form progress{
        width:60vw;
        margin:10vw;
        height:3vw;
    }
    
    form.admin_form input[type=text], form.admin_form input[type=tel], form.admin_form input[type=email], form.admin_form input[type=time], form.admin_form input[type=date], form.admin_form select{
        display:block;
        width: 60vw;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        font-size:1vw;
        padding:0.5vw 0vw;
        margin:0vw 0vw 2vw 10vw;
        vertical-align: top;
        outline:none;
        border-radius: 0.4vw;
        border-style: solid;
        border-width:thin;
        border-color:rgba(0,0,0,1.0);
        color:rgba(49,54,57,1.0);
        text-align:center;
    }
    
    form.admin_form textarea{
        display:block;
        width: 60vw;
        height:10vw;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        font-size:1vw;
        padding:0.5vw 0vw;
        margin:0vw 0vw 2vw 10vw;
        vertical-align: top;
        outline:none;
        border-radius: 0.4vw;
        border-style: solid;
        border-width:thin;
        border-color:rgba(0,0,0,1.0);
        color:rgba(49,54,57,1.0);
        text-align:center;
    }
    
    form.admin_form input[type=submit]{
        display:block;
        width: 60vw;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        font-size:1vw;
        padding:0.5vw 0vw;
        margin:0vw 0vw 2vw 10vw;
        vertical-align: top;
        outline:none;
        border-radius: 0.4vw;
        border-style: solid;
        border-width:thin;
        border-color:rgba(212,175,55,1.0);
        color:rgba(49,54,57,1.0);
        text-align:center;
        background-color:rgba(212,175,55,1.0);
        cursor: pointer;
    }
    
    form.admin_form img.previewimage{
        width:30vw;
        height:auto;
        margin: 0vw 0vw 5vw 25vw;
    }
    
    .footer{
        background-color:rgba(49,54,57,1.0);
        display:block;
        min-height:15vw;
        width:100vw;
    }
    
    .footercolumn{
        width:25vw;
        margin:0vw 10vw;
        padding:3vw 0vw;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        font-size:0.7vw;
        color:rgba(255,255,255,0.5);
        display: inline-block;
        vertical-align: top;
    }
    
    .footercolumn a{
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        font-size:0.7vw;
        color:rgba(255,255,255,0.5);
        text-decoration:none;
        transition:0.8s;
        vertical-align: top;
    }
    
    .footercolumn a:hover{
        color:rgba(255,255,255,1.0);
        transition:0.8s;
    }
    
    .footercolumn h5{
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        font-size:2vw;
        color:rgba(255,255,255,0.5);
        vertical-align: top;
        margin:0vw;
    }
    
    .footercolumn input[type=email], .footercolumn input[type=password]{
        display:block;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        font-size:1vw;
        padding:0.5vw;
        margin:0.2vw 0vw;
        vertical-align: top;
        outline:none;
        border-radius: 0.4vw;
        border-style: solid;
        border-width:thin;
        border-color:rgba(0,0,0,1.0);
        color:rgba(49,54,57,1.0);
    }
    
    .footercolumn input[type=submit]{
        display:block;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        font-size:1vw;
        padding:0.5vw;
        margin:0.2vw 0vw;
        vertical-align: top;
        outline:none;
        border-radius: 0.4vw;
        border-style: solid;
        border-width:thin;
        border-color:rgba(212,175,55,1.0);
        background-color:rgba(212,175,55,1.0);
        color:rgba(49,54,57,1.0);
        cursor:pointer;
    }
    
    .footercolumn label{
        display: none;
    }
    
    
}

/* Start of Mobile styling */
@media screen and (max-width: 1023px){
    body{
        background-color: rgba(30,30,30,1.0);
        margin: 0vw;
        padding:0vw;
        background-image: url("images/bg_pattern.webp");
        background-repeat: repeat;
        background-size: 10vw;
        max-width:100vw;
    } 
    
    #fade, #fade2, #fade3, #fade4, #fade5{
        opacity: 1;
    }
    
    .topnav{
        height:20vw;
        width:100vw;
        background-color: rgba(49,54,57,0.95);
        position: fixed;
        display:block;
        top: 0vw;
        left:0vw;
        z-index: 5000;
    }
    
    .topnav .name{
        width:70vw;
        display:inline-block;
        height:10vw;
        float:left;
    }
    
    .topnav .name a{
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(255,255,255,1.0);
        font-size:8vw;
        margin:0vw 0vw 0vw 5vw;
        line-height: 20vw;
        text-decoration:none;
    }
    
    .topnav .links{
        display: none;
    }
        
    .topnav img.mobilemenubutton{
		display:inline-block;
		float:right;
		max-height:13vw;
		max-width:13vw;
		margin-right:2vw;
		margin-top:3vw;
	}
	
	.mobilemenu{
	background-color:rgba(255,255,255,0.98);
    background-image: url("images/bg_pattern_white.webp");    
	width:100%;
	height:100%;
	z-index: 10000;
	position: fixed;
	top:20vw;
	left:0px;
}
	
	.mobilemenu a{
		width: 100vw;
		height:10vw;
		display:block;
		border-bottom-style: solid;
		border-bottom-color: rgba(212,175,55,1.0);
		border-bottom-width: thin;
		font-family:driod-serif, serif;
		font-weight:400;
		padding:0.5vw;
		font-size: 6vw;
		line-height:10vw;
		text-align:center;
		color:rgba(59,55,53,1.0);
		text-decoration:none;
	}
    
    .homeimagecontainer{
        max-width:100vw;
        top:0vw;
        height:80vw;
        display:block;
        overflow: hidden;
    }
    
    .homeimagecontainer img{
        width:auto;
        height:80vw;
    }
    
    .mapcontainer{
        width:100vw;
        margin-top:20vw;
        height:70vw;
        display:block;
    }
    
    .mapcontainer iframe{
        width:100vw;
        height:70vw;
        border-radius: 0vw 0vw 10vw 10vw;
        -webkit-box-shadow: 0px 10px 13px -7px #313639, 5px 12px 15px 15px rgba(49,54,57,0); 
        box-shadow: 0px 10px 13px -7px #313639, 5px 12px 15px 15px rgba(49,54,57,0);
        border: none;
    }
    
    .homeimagecontainer .welcome{
        position:absolute;
        top:35vw;
        left:5vw;
        background-color:rgba(49,54,57,0.8);
        padding:2vw 4vw;
        opacity: 0;
    }
    
    .homeimagecontainer .welcome h2{
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(255,255,255,1.0);
        font-size:5vw;
    }
    
    .homeimagecontainer .welcome p{
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(255,255,255,1.0);
        font-size:4vw;
    }
        
    .homeabout{
        width:90vw;
        margin:5vw;
        display:block;  
    }
    
    .homeabout h3 {
        position: relative;
        font-size: 5vw;
        z-index: 1;
        overflow: hidden;
        text-align: center;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(255,255,255,1.0);
    }

    .homeabout h3:before, .homeabout h3:after {
        position: absolute;
        top: 51%;
        overflow: hidden;
        width: 48%;
        height: 0.2vw;
        content: '\a0';
        background-color: rgba(255,255,255,1.0);
}
    .homeabout h3:before {
        margin-left: -50%;
        text-align: right;
    }

    .homeabout h3:after {
        margin-left:2%;
    }
    
    .homeabout p {
        position: relative;
        font-size: 4vw;
        text-align: center;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(255,255,255,1.0);
    }
    
    .homeabout a {
        position: relative;
        font-size: 4vw;
        text-align: center;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(255,255,255,1.0);
        text-decoration: none;
        transition:0.8s;
    }
    
    .homeabout a:hover{
        text-decoration: underline;
        transition:0.8s;
    }
    
    .facilities_listing{
        width:90vw;
        margin:5vw;
        display:block;
    }
    
    .facilities_listing .facilities_left{
        width:90vw;
        margin:0vw 0vw 2vw 0vw;
        display:block;
        background-color: rgba(255,255,255,1.0);
        overflow: hidden;
        -webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.25); 
        box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.25);
    }
    
    .facilities_listing .facilities_left img{
        float:left;
        width:90vw;
        height:auto;
        vertical-align: top;
    }

    .facilities_listing .facilities_left h4{
        float: right;
        width: 80vw;
        vertical-align: top;
        font-size: 5vw;
        text-align: center;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        margin:5vw;
    }
        
    .facilities_listing .facilities_left p{
        float: right;
        width: 80vw;
        vertical-align: top;
        font-size: 3.5vw;
        text-align: center;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        margin:5vw;
    }
    
    .facilities_listing .facilities_right{
        width:90vw;
        margin:0vw 0vw 2vw 0vw;
        display:block;
        background-color: rgba(255,255,255,1.0);
        overflow: hidden;
        -webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.25); 
        box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.25);
    }
    
    .facilities_listing .facilities_right img{
        float:right;
        width:90vw;
        height:auto;
        vertical-align: top;
    }

    .facilities_listing .facilities_right h4{
        float: left;
        width: 80vw;
        vertical-align: top;
        font-size: 5vw;
        text-align: center;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        margin:5vw;
    }
        
    .facilities_listing .facilities_right p{
        float: left;
        width: 80vw;
        vertical-align: top;
        font-size: 3.5vw;
        text-align: center;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        margin: 5vw;
    }
    
    .white{
        background-color: rgba(225,225,225,1.0);
        margin: 0vw;
        padding:0vw;
        background-image: url("images/bg_pattern_white.webp");
        background-repeat: repeat;
        background-size: 10vw;
        width:100vw;
        min-height:25vw;
        overflow:hidden;
        display:block;
    }
    
    .news_white{
        background-color: rgba(225,225,225,1.0);
        margin: 0vw;
        padding:0vw;
        background-image: url("images/bg_pattern_white.webp");
        background-repeat: repeat;
        background-size: 10vw;
        width:100vw;
        min-height:25vw;
        overflow:hidden;
        display:block;
    }
    
    .homewhatson{
        width:90vw;
        margin:5vw;
        display:block;  
    }
    
    .homewhatson h3 {
        position: relative;
        font-size: 3.5vw;
        z-index: 1;
        overflow: hidden;
        text-align: center;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(49,54,57,1.0);
    }

    .homewhatson h3:before, .homewhatson h3:after {
        position: absolute;
        top: 51%;
        overflow: hidden;
        width: 48%;
        height: 0.2vw;
        content: '\a0';
        background-color: rgba(49,54,57,1.0);
}
    .homewhatson h3:before {
        margin-left: -50%;
        text-align: right;
    }

    .homewhatson h3:after {
        margin-left:2%;
    }
    
    .homewhatson p {
        position: relative;
        font-size: 1.5vw;
        text-align: center;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(49,54,57,1.0);
    }
    
    .homewhatson .article_list{
        width:88vw;
        height:auto;
        margin:1vw;
        background-color:rgba(49,54,57,1.0);
        border-style: solid;
        border-width:thin;
        border-color:rgba(255,255,255,1.0);
        -webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.25); 
        box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.25);
        display:inline-block;
        vertical-align: top;
    }
    
    .homewhatson .article_list img{
        width:86vw;
        margin:1vw;
        height:auto;
    }
    
    .homewhatson .article_list a{
        font-size: 4vw;
        text-align: center;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(255,255,255,1.0);
        width:88vw;
        margin:1vw;
        display:block;
        text-decoration:none;
    }
    
    .homewhatson .article_list p{
        font-size: 3vw;
        text-align: center;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(255,255,255,1.0);
        width:88vw;
        margin:1vw;
        display:block;
        text-decoration:none;
    }
    
    .homewhatson .article_list a.button{
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        font-size:3vw;
        padding:0.5vw;
        margin:5vw 0vw 5vw 30vw;
        border-radius: 0.4vw;
        border-style: solid;
        border-width:medium;
        border-color:rgba(212,175,55,1.0);
        background-color:rgba(212,175,55,1.0);
        color:rgba(49,54,57,1.0);
        width:30vw !important;
        transition:0.8s;
    }
    
    .homewhatson .article_list a.button:hover{
        border-color:rgba(255,255,255,1.0);
        transition:0.8s;
    }
    
    .homewhatson_list{
        width:60vw;
        margin:0vw 20vw 5vw;
        display:block;  
    }
    
    
    .news_list{
        width:90vw;
        margin:25vw 5vw 5vw;
        display:block;  
    }
    
    .news_list img.main{
        width:90vw;
        height:auto;
    }
    
    .news_list h1 {
        position: relative;
        font-size: 6vw;
        z-index: 1;
        overflow: hidden;
        text-align: center;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(49,54,57,1.0);
    }
    
    .news_list h2, .news_list h3, .news_list h4{
        display:block;
        text-align: center;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(49,54,57,1.0);
        font-size:1.6vw;
    }

    .news_list h1:before, .news_list h1:after {
        position: absolute;
        top: 51%;
        overflow: hidden;
        width: 48%;
        height: 0.2vw;
        content: '\a0';
        background-color: rgba(49,54,57,1.0);
}
    .news_list h1:before {
        margin-left: -50%;
        text-align: right;
    }

    .news_list h1:after {
        margin-left:2%;
    }
    
    .news_list small {
        position: relative;
        font-size: 1.5vw;
        z-index: 1;
        overflow: hidden;
        text-align: center;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(49,54,57,1.0);
        display:block;
    }
    
    .news_list p {
        position: relative;
        font-size: 3.5vw;
        text-align: center;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(49,54,57,1.0);
    }
    
    .news_list .article_large{
        width:90vw;
        height:auto;
        margin:0vw;
        background-color:rgba(49,54,57,1.0);
        border-style: solid;
        border-width:thin;
        border-color:rgba(255,255,255,1.0);
        -webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.25); 
        box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.25);
        display:inline-block;
        vertical-align: top;
    }
        
    .news_list .article_large .imagecontainer{
        width:40vw;
        height:40vw;
        overflow:hidden;
        display:inline-block;
        float:left;
    }
    
    .news_list .article_large .imagecontainer img{
        width:auto;
        height:40vw;
        margin:0vw;
    }
    
    .news_list .article_large .textcontainer{
        width:48vw;
        height:auto;
        margin:0vw;
        display:inline-block;
        float:left;
    }
    
    .news_list .article_large .textcontainer a{
        font-size: 5vw;
        text-align: left;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(255,255,255,1.0);
        width:43vw;
        margin:2vw;
        display:block;
        text-decoration:none;
    }
    
    .news_list .article_large .textcontainer a.button{
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        font-size:3vw;
        padding:0.5vw;
        margin:0.2vw 0vw 2vw 1vw;
        border-radius: 0.4vw;
        border-style: solid;
        border-width:medium;
        border-color:rgba(212,175,55,1.0);
        background-color:rgba(212,175,55,1.0);
        color:rgba(49,54,57,1.0);
        width:30vw !important;
        transition:0.8s;
    }
    
    .news_list .article_large .textcontainer a.button:hover{
        border-color:rgba(255,255,255,1.0);
        transition:0.8s;
    }

    
    .news_list .article_large .textcontainer p{
        font-size: 3.5vw;
        text-align: left;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(255,255,255,1.0);
        width:43vw;
        margin:2vw;
        display:block;
        text-decoration:none;
    }
    
    .news_list .article_list{
        width:40vw;
        height:auto;
        margin:2vw;
        background-color:rgba(49,54,57,1.0);
        border-style: solid;
        border-width:thin;
        border-color:rgba(255,255,255,1.0);
        -webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.25); 
        box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.25);
        display:inline-block;
        vertical-align: top;
    }
    
    .news_list .article_list img{
        width:35vw;
        margin:2.5vw;
        height:auto;
    }
    
    .news_list .article_list a{
        font-size: 3vw;
        text-align: center;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(255,255,255,1.0);
        width:35vw;
        margin:2.5vw;
        display:block;
        text-decoration:none;
    }
    
    .news_list .article_list p{
        font-size: 2.5vw;
        text-align: center;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(255,255,255,1.0);
        width:35vw;
        margin:2.5vw;
        display:block;
        text-decoration:none;
    }
    
    .news_list .article_list a.button{
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        font-size:3vw;
        padding:0.5vw;
        margin:1vw 0vw 2vw 5vw;
        border-radius: 0.4vw;
        border-style: solid;
        border-width:medium;
        border-color:rgba(212,175,55,1.0);
        background-color:rgba(212,175,55,1.0);
        color:rgba(49,54,57,1.0);
        width:30vw !important;
        transition:0.8s;
    }
    
    .news_list .article_list a.button:hover{
        border-color:rgba(255,255,255,1.0);
        transition:0.8s;
    }
    
    
    form.booking_form label{
        width:90vw;
        display:block;
        font-size: 4vw;
        text-align: center;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        color:rgba(255,255,255,0.7);
    }
    
    form.booking_form input[type=text], form.booking_form input[type=tel], form.booking_form input[type=email], form.booking_form input[type=time], form.booking_form input[type=date], form.booking_form select{
        display:block;
        width: 90vw;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        font-size:4vw;
        padding:0.5vw 0vw;
        margin:0vw 0vw 7vw 0vw;
        vertical-align: top;
        outline:none;
        border-radius: 0.4vw;
        border-style: solid;
        border-width:thin;
        border-color:rgba(0,0,0,1.0);
        color:rgba(49,54,57,1.0);
        text-align:center;
    }
    
    form.booking_form textarea{
        display:block;
        width: 90vw;
        height:40vw;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        font-size:4vw;
        padding:0.5vw 0vw;
        margin:0vw 0vw 7vw;
        vertical-align: top;
        outline:none;
        border-radius: 0.4vw;
        border-style: solid;
        border-width:thin;
        border-color:rgba(0,0,0,1.0);
        color:rgba(49,54,57,1.0);
        text-align:center;
    }
    
    form.booking_form input[type=submit]{
        display:block;
        width: 90vw;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        font-size:4vw;
        padding:0.5vw 0vw;
        margin:0vw 0vw 7vw;
        vertical-align: top;
        outline:none;
        border-radius: 0.4vw;
        border-style: solid;
        border-width:thin;
        border-color:rgba(212,175,55,1.0);
        color:rgba(49,54,57,1.0);
        text-align:center;
        background-color:rgba(212,175,55,1.0);
        cursor: pointer;
    }
    
    .footer{
        background-color:rgba(49,54,57,1.0);
        display:block;
        min-height:15vw;
        width:100vw;
    }
    
    .footercolumn{
        width:80vw;
        margin:0vw 10vw;
        padding:3vw 0vw;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        font-size:3vw;
        color:rgba(255,255,255,0.5);
        display: inline-block;
        vertical-align: top;
        text-align: center;
    }
    
    .footercolumn a{
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        font-size:3vw;
        color:rgba(255,255,255,0.5);
        text-decoration:none;
        transition:0.8s;
        vertical-align: top;
        display:inline-block;
        text-align: center;
    }
    
    .footercolumn a:hover{
        color:rgba(255,255,255,1.0);
        transition:0.8s;
    }
    
    .footercolumn h5{
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        font-size:5vw;
        color:rgba(255,255,255,0.5);
        vertical-align: top;
        margin:0vw;
        text-align: center;
    }
    
    .footercolumn input[type=email], .footercolumn input[type=password]{
        display:block;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        font-size:4vw;
        padding:0.5vw;
        margin:5vw 0vw;
        vertical-align: top;
        outline:none;
        border-radius: 0.4vw;
        border-style: solid;
        border-width:thin;
        border-color:rgba(0,0,0,1.0);
        color:rgba(49,54,57,1.0);
        width:80vw;
        text-align:center;
    }
    
    .footercolumn input[type=submit]{
        display:block;
        font-family: droid-serif, serif;
        font-weight: 400;
        font-style: normal;
        font-size:4vw;
        padding:0.5vw;
        margin:5vw 0vw;
        vertical-align: top;
        outline:none;
        border-radius: 0.4vw;
        border-style: solid;
        border-width:thin;
        border-color:rgba(212,175,55,1.0);
        background-color:rgba(212,175,55,1.0);
        color:rgba(49,54,57,1.0);
        cursor:pointer;
        width:80vw;
        text-align: center;
    }
    
    .footercolumn label{
        display: none;
    }
    
    
}