@charset "UTF-8";
/*
Theme Name: onlinebrandambassadors
Theme URI: https://gaikoulodge.co.za/onlinebrandambassadors
Author: onlinebrandambassadors
Author URI: http://onlinebrandambassadors.com
Version: 1.0
License: GNU General Public License
*/



/* @import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');*/
/* @import url('https://fonts.googleapis.com/css?family=Playfair+Display&display=swap');*/
/* @import url('https://use.fontawesome.com/releases/v5.6.1/css/all.css');*/


/* 
GREEN #A2A98F 
GREY #D6D9D2
DARK GREY #8D8E90 141,142,144

215,217,211
*/


html { scroll-behavior: smooth; overflow-y: scroll; box-sizing: border-box; }


a { color: rgba(0,0,0,0.8); text-decoration: none; }
a:link { color: rgba(0,0,0,0.8); text-decoration: none; }
a:visited { text-decoration: none; color: rgba(0,0,0,0.8); }
a:hover { text-decoration: underline; color: rgba(0,0,0,1); }
a:active { text-decoration: none; color: rgba(0,0,0,1); }



.alignleft { text-align:left;}
.alignright { text-align:right;	}
.aligncenter { text-align:center; }
.aligntop { vertical-align:top; }
.alignmiddle { vertical-align:middle; margin:auto; }
.alignbottom { vertical-align:bottom; }

/* ALTERNATE */
#alternate01 { display:block; width:100%; min-width:100%; max-width:100%; padding:0; margin:0 auto 0 auto; vertical-align: middle; }
.alternate01row { width: 100%; border-radius: 8px; position: relative; z-index:11; display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; align-items: center; align-content: space-between; align-self: center; background-color: rgba(255,255,255,0.95); box-shadow: 0 0 1vw 1vw rgba(0,0,0,0.05); padding: 3vw; margin: 50px auto 50px auto; overflow: hidden; }
.alternate01row:nth-of-type(odd) { flex-direction: row; }
.alternate01row:nth-of-type(even) { flex-direction: row-reverse; }
.alternate01column01 { width:50%; padding: 0; vertical-align:middle; align-self: center; }
.alternate01column02 { width:50%; padding: 5vh 5% 5vh 5%; vertical-align:middle; align-self: center; }





.banner01spacer { height: 72vh !important; min-height: 72vh !important; max-height: 72vh !important; overflow: hidden !important; }
.banner02spacer { height: 10vh !important; min-height: 10vh !important; max-height: 10vh !important; overflow: hidden !important; }

#banner01,
#banner01 .n2-ss-slider-wrapper,
#banner01 .n2-ss-slider,
#banner01 .n2-ss-slide,
#banner01 .n2-ss-canvas,
#banner01 .n2-ss-layers-container {
    height: 85vh !important;
    min-height: 85vh !important;
    max-height: 85vh !important;
    overflow: hidden !important;
	transition: opacity 3s ease; opacity: 1;
	vertical-align:bottom !important;
	position:fixed; z-index:0; top:0; left:0; padding:0; margin: 0 auto 0 auto; 
}


#banner01 img,
#banner01 .n2-ss-slide-background,
#banner01 .n2-ss-slide-background-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: bottom !important;
	vertical-align:bottom !important;
}





body { width:100%; min-width:100%; max-width:100%; height:auto; padding:0; margin:0 auto 0 auto; color:rgba(0,0,0,1); text-align:center; }

.box01 { background-color: rgba(215,217,211,0.6); padding:2vw; }

.boxShadow01 { box-shadow: 0 0 1vw 1vw rgba(0,0,0,0.1); }

*, *::before, *::after {
  box-sizing: border-box;
}

button, .button, .button01 { color: rgba(0,0,0,1); border:solid 1px rgba(0,0,0,1); border-color: rgba(0,0,0,1); padding:8px 2vw 8px 2vw; margin:16px auto 16px auto; text-align:center; transition: all .3s ease; cursor:pointer; box-shadow: none; text-shadow: transparent; white-space: nowrap; text-decoration: none; }

button:hover, .button:hover, .button01:hover { color: rgba(0,0,0,1); border:solid 1px rgba(0,0,0,1); border-color: rgba(141,142,144,1); background-color:rgba(141,142,144,1); padding:8px 2vw 8px 2vw; margin:16px auto 16px auto; text-align:center; transition: all .3s ease; cursor:pointer; box-shadow: none; text-shadow: transparent; white-space: nowrap; text-decoration: none;  }

.button02 { display:block; background-color: rgba(0,0,0,1); padding:1vw; text-align:center; border:solid 1px rgba(255,255,255,1); color: rgba(255,255,255,1); text-transform:uppercase;}
.button02 a, .button02 a:link, .button02 a:visited, .button02 a:hover, .button02 a:active { color: rgba(255,255,255,1); }


.caption01 { display: inline-block; background-color:rgba(214,217,210,0.5); padding:9px; margin:0 auto 0 auto;
font-size:10px; line-height:10px; font-weight:700; letter-spacing:1px; text-transform:uppercase; }

.clearfloat, .clearfix {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
margin: 0px;
padding: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

.colorBlack { color: rgba(0,0,0,1); }
.colorBlackbg { background-color: rgba(0,0,0,1); }
.colorWhite { color: rgba(255,255,255,1); }
.colorWhitebg { background-color: rgba(255,255,255,1); }
.colorBrand01 { color:rgba(214,217,210,1); }
.colorBrand01bg { background-color:rgba(214,217,210,1); }
.colorBrand01bg10 { background-color:rgba(214,217,210,0.1); }
.colorBrand01bg50 { background-color:rgba(214,217,210,0.5); }
.colorBrand02 { color:rgba(141,142,144,1); }
.colorBrand02bg { background-color:rgba(141,142,144,1); }
.colorBrand02bg10 { background-color:rgba(243,243,243,1); }
.colorBrand02bg50 { background-color:rgba(141,142,144,0.5); }

/* CLICK TO VIEW */
.CTV-image-link { text-decoration: none; display: block; width: 100%; max-width:100%; height:auto; }
.CTV-image-div { position: relative; overflow: hidden; width: 100%; max-width:100%; height:auto; aspect-ratio: 1 / 1;  }
.CTV-image-img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease, filter 0.4s ease; border-radius:11px; }

.CTV-max-height01 {  position: relative; overflow: hidden; width: 100%; height: 25vh; max-height: 25vh; }

.CTV-image-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0); display: flex; align-items: center; justify-content: center; opacity: 0; transition: background 0.4s ease, opacity 0.4s ease; }
.CTV-overlay-content { text-align: center; color: #fff; transform: translateY(10px); transition: transform 0.4s ease; }
.CTV-circle-arrow { width: 60px; height: 60px; border: 2px solid #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 10px; font-size: 22px; }
.CTV-overlay-text { font-size: 14px; letter-spacing: 1px; text-transform: uppercase; }
.CTV-image-div:hover .CTV-image-overlay { background: rgba(0,0,0,0.2); opacity: 1; }
.CTV-image-div:hover .CTV-overlay-content { transform: translateY(0); }
.CTV-image-div:hover .CTV-image-img { transform: scale(1.05); filter: brightness(0.7); }


/* D */
.displayblock { display:block; text-decoration:none; }
.displayinlineblock { display:inline-block; text-decoration:none;  }
.displayinline { display:inline; text-decoration:none;  }


/* F */
.font01 { font-family: "Inter", sans-serif; font-size: clamp(13px, 1.3vw, 1.3vw); line-height:150%; font-weight:400;}
.font02 {  font-family: "Playfair Display", serif; letter-spacing:-0.1vw; }
.fontSize05 { font-size: clamp(10px, 0.8vw, 0.8vw); line-height:165%; font-weight:400; }
.fontSize1 { font-size: clamp(13px, 1.3vw, 1.3vw); line-height:150%; font-weight:400; }

.frame01 { border:solid 1px rgba(141,142,144,1); padding:2%; margin:0 auto 25px auto; }


/* GALLERY */

#gallery01 ul { display:block;width:100%;height:auto;list-style:none;padding:0;margin:0; }
#gallery01 { display:block; list-style:none; text-align:center; margin:0 auto 0 auto; padding:0; vertical-align:top; }
#gallery01 li { width:21%; display:inline-block; list-style:none; vertical-align:top; margin:1vw; padding:0; border:none; }

#grid01 { display:block; width:100%; min-width:100%; max-width:100%; padding:0; margin:0 auto 0 auto; font-size: 0; }
#grid01 .grid100 { display:block; width:100%; min-width:100%; max-width:100%; }
#grid01 .grid75 { display:inline-block; width:75%; margin:0; padding:0;  }
#grid01 .grid50 { display:inline-block; width:50%; margin:0; padding:0; }
#grid01 .grid33 { display:inline-block; width:33.3%; margin:0; padding:0;  }
#grid01 .grid25 { display:inline-block; width:25%; margin:0; padding:0; }
#grid01 .grid20 { display:inline-block; width:20%; margin:0; padding:0;  }
#grid01 .grid10 { display:inline-block; width:10%; margin:0; padding:0;  }


/* GALLERY */


h1 { font-family: "Playfair Display", serif; display:block; border:none; font-size: calc(13px * 1.618 * 1.618); line-height:100%; font-weight:500; margin:0 auto 16px auto;padding:0; text-decoration: none; }
h2 { font-family: "Playfair Display", serif; display:block; border:none; font-size: calc(13px * 1.618 * 1.618); line-height:100%; font-weight:500; margin:0 auto 16px auto;padding:0; text-decoration: none; }
h3 { font-family: "Playfair Display", serif; display:block; border:none; font-size: calc(13px * 1.618); line-height:100%; font-weight:600; margin:0 auto 16px auto;padding:0; text-decoration: none; }





.hover {
opacity: 1;
transition: opacity .50s ease-in-out;
-moz-transition: opacity .50s ease-in-out;
-webkit-transition: opacity .50s ease-in-out;
-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
-webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

.hover:hover {
opacity:0.5;
filter:alpha(opacity=50); 
}

.hoverAnim {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
border-radius:50%;
}

.hoverAnim:hover {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
width:34%;
opacity:0.7;
border:solid 10px #000;
border-radius:50%;
}

hr {
color:#D6D9D2;
border-top: solid 1px #8D8E90;
border-bottom: none;
border-left: none;
border-right: none;
margin:0 auto 0 auto;
padding:16px 0 16px;;
}

/* i */
.icon01 { font-size: clamp(15px, 1.5vw, 1.5vw); padding: 0 10px 0 0; margin: 0 auto 0 auto;  }

.iframe01 {
width:100%;
height:50vw;
margin:0 auto 0 auto;
padding:0;
overflow:auto;
border:none;
}

#instagramfeed {
margin:-2px 0 0 0;
padding:0;
}

.image01 {
display:block;
width:100%;
min-width:100%;
max-width:100%;
height:auto;
border-radius:5px;
border:none;
margin:0 auto 0 auto;
padding:0;	
}


/* J */


/* L */
.link01, a .link01, .link01 a, .link01 a:link, .link01 a:visited, .link01 a:active { text-decoration:underline;}
.link01 a:hover { text-decoration:none;}

.list01 { display:block; list-style:none; padding:0; margin:0 auto 0 auto;}
.list01 li { display:block; list-style:none; padding:5px 0 5px 0; margin:0 auto 0 auto; border:none; border-bottom:solid 1px rgba(0,0,0,1); border-color: rgba(141,142,144,0.5); vertical-align:top; }
.list01 li:last-child { border:none; }
#site-footer .list01 li { border:none; border-bottom:solid 1px rgba(255,255,255,1); border-color: rgba(255,255,255,1); vertical-align:top;}

.logo {
display:inline-block;
float:none;
width:15%;
z-index:11;
text-align:center;
padding:0;
margin:10px 3% 0 0;
border:none;
}

.logo img {
width:100%;
margin:0;
padding:0;
z-index:11;
border:none;
}

#media_screen {
display:block;
}

#media_tablet {
display:none;
}

#media_mobi {
display:none;
}


.nav-primary ul { display:block;width:100%;height:auto;list-style:none;padding:0;margin:0; position: relative; z-index:99; }
.nav-primary {
display:inline-block;
width:auto;	
list-style:none;
padding:20px 0 0 0;
margin:0 auto 0 auto;
text-align:left;
vertical-align:top;
}

.nav-primary li {
font-size:0.8vw;	
list-style:none;
display:inline-block;
text-transform:uppercase;
margin:0;
padding:0 5px 0 5px;
border-right:solid 1px #ccc;
vertical-align:top;
font-family: "Inter", sans-serif; vertical-align:middle; }

.nav-primary li:last-child { border:none; }

.nav-primary a,
.nav-primary a:link,
.nav-primary a:visited,
.nav-primary a:hover,
.nav-primary a:active {
text-decoration:none;
font-family: "Inter", sans-serif; 
}



#network01,
#network01 ul {
list-style:none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-align:center;
vertical-align:top;
}

#network01 li {
list-style:none;
display:inline-block;
width:2%;
height:auto;
text-align:center;
vertical-align:top;
margin:0 0 0 0;
padding:1%;
}

#network01 img {
width:100%;
height:auto;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
	opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
}

newsletter {
width:100%;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
background:none;
}

.newsletter-subscription {
width:100%;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
background:none;
}

.newsletter form {
width:100%;
background:none;
}

.newsletter table {
width:100%;
background:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.newsletter th {
display:block;
float:none;
background:#ccc;
padding:4px;
border:none;
margin:0px 10px 10px 0px;
}

.newsletter tr {
margin:0px;
padding:0px;
background:none;
}

.newsletter td {
margin:0px 0px 0px 0px;
padding:0px;
background:none;
vertical-align:middle;
font-size:11px;
line-height:18px;
text-transform:uppercase;
border-right:none;
border-bottom:none;
}

.newsletter-subscription {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

.newsletter input {
background:#fff;
padding:10px;
width:100%;
border:solid 1px #8D8E90;
margin:0px 0px 10px 0px;
}

.newsletter-note01 {
text-transform:uppercase;
font-size:8px;
line-height:11px;
margin:10px 0px 20px 0px;
text-align:left;
color:#fff;
}

.newsletter .newsletter-submit {
color:#8D8E90;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
background:#fff;
padding:10px;
text-align:center;
width:100%;
cursor:pointer;
border:none;
border:solid 2px #8D8E90;
}

.newsletter .newsletter-td-privacy {
color:#999;
font-size:9px;
text-transform:uppercase;
text-align:left;
background:none;
padding:10px 0px 10px 0px;
margin:0px 0px 0px 0px;
}

.newsletter-td-privacy input {
width:15px;
float:left;
margin:0px 10px 0px 0px;
}

.newsletter-td-privacy a,
.newsletter-td-privacy a:link,
.newsletter-td-privacy a:visited,
.newsletter-td-privacy a:hover,
.newsletter-td-privacy a:active
{
font-size:8px;
}

.note01 {
display:block;
background:#8D8E90;
text-align:center;
color:#fff;
font-weight:700;
width:98%;
padding:1%;
margin:1% auto 1% auto;
text-transform:uppercase;
}

.note01 a, .note01 a:link, .note01 a:visited { color:#fff; }

#ol01 ul { display:block;width:100%;height:auto;list-style:none;padding:0;margin:0; }
#ol01 {
list-style:none;
display:block;
vertical-align:top;
width:100%;
margin:0 auto 25px auto;
padding:0;
text-align:left;
}

#ol01 li {
list-style:none;
display:block;
vertical-align:top;
padding:0 0 16px 5%;
margin:0 0 0 5%;
border-left:solid 5px #f1f1f1;
border-bottom:solid 1px #f1f1f1;
}

#ol02 ul { display:block;width:100%;height:auto;list-style:none;padding:0;margin:0; }
#ol02 {
list-style:none;
display:block;
vertical-align:top;
width:100%;
margin:0 auto 0 auto;
padding:0;
text-align:left;
}

#ol02 li {
list-style:none;
display:block;
vertical-align:top;
padding:16px 0 16px 5%;
margin:0 0 0 0;
border-bottom:solid 1px #ccc;
}



p {
display:block;
width:100%;
padding:0 0 2% 0;
margin:0;
}

.padding1 { padding:1vw; }
.padding2 { padding:2vw; }
.padding1x { padding:0 1vw 0 1vw; }
.padding1y { padding:1vh 0 1vh 0; }
.padding5 { padding:5vw; }
.padding5x { padding:0 5vw 0 5vw; }
.padding5y { padding:5vh 0 5vh 0; }

.page01 { display:block margin:0 2.5% 0 2.5%; padding:0 2.5% 0 2.5%; width:100%; min-width:100%; max-width:100%; height:auto; background:rgba(255,255,255,1); overflow:hidden; }

#page01 {
float:left;
width:56%;
padding:2% 0 5% 0; 
margin:0 0 5% 0;
text-align:left;
}

#page02 {
float:none;
width:100%;
padding:2% 0 5% 0; 
margin:0;
text-align:center;
}

.pagetitle {
font-size:22px;
display:inline-block;
background:#000;
color:#fff;
text-align:right;
padding:1% 5% 1% 222%;
margin:3% 0 1% -222%;
font-weight: 500;
display:none;
}

#picnics,
#picnics ul {
list-style:none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-align:justify;
vertical-align:top;
}

#picnics li {
list-style:none;
display:inline-block;
width:28%;
vertical-align:top;
padding:2%;
border:solid 1px #000;
}

#picnics .fix-justify {
background:none;
height:0px;
border:none;
}

#picnics .fix-justify:hover {
background:none;
height:0px;
border:none;
}

.picnics h1 {
padding:0;
margin:0;
font-size:11px;
}

.picnics img {
width:100%;
height:auto;
}


/* R */
.radius1000 { border-radius:8px 0 0 0; }
.radius1100 { border-radius:8px 8px 0 0; }
.radius1110 { border-radius:8px 8px 8px 0; }
.radius1111 { border-radius:8px; }
.radius0011 { border-radius:0 0 8px 8px; }
.radius1010 { border-radius:8px 0 8px 0; }
.radius0001 { border-radius:0 0 0 8px; }
.radius1001 { border-radius:8px 0 0 8px; }
.radius0110 { border-radius:0 8px 8px 0; }

#rates01 ul { display:block;width:100%;height:auto;list-style:none;padding:0;margin:0; }
#rates01 {
display:block;
width:100%;
margin:3% auto 1% auto;
padding:0;
text-align:center;
clear:both;
vertical-align:top;
}

#rates01 li {
display:inline-block;
width:30%;
min-height:4%;
margin:0;
padding:1%;
vertical-align:middle;
border-left:solid 1px rgba(255,255,255,1);
border-bottom:solid 1px rgba(255,255,255,1);
/*background:#D6D9D2;*/
font-size:1vw;
}

#rates01 li:nth-of-type(1n) { background-color:rgba(214,217,210,0.3); border-left:none; }
#rates01 li:nth-of-type(2n) { background-color:rgba(214,217,210,0.2); }
#rates01 li:nth-of-type(3n) { background-color:rgba(214,217,210,0.1); }

#rates01 .inSeason { vertical-align:middle; padding:0; background-color: rgba(214,217,210,1);  }
#rates01 .inSeason:after { display: block; content: ""; border-color: rgba(214,217,210,1) transparent transparent transparent; border-style: solid; border-width: 16px; height:0; width:0; margin:16px auto -25px auto; position:relative; z-index:1; }
#rates01 .outSeason { min-height:100px; vertical-align:middle; padding:0; background-color: rgba(214,217,210,1);  }
#rates01 .outSeason:after { display: block; content: ""; border-color: rgba(214,217,210,1) transparent transparent transparent; border-style: solid; border-width: 16px; height:0; width:0; margin:16px auto -25px auto; position:relative; z-index:1; }



#rates01 .head02 { font-weight:800; font-size:15px; padding:0 0 10px 2%; text-align:left;  }

#reviews01 ul { display:block;width:100%;height:auto;list-style:none;padding:0;margin:0; }
#reviews01 {
list-style:none;
display:block;
width:90%;
margin:50px auto 2% auto;
padding:0 3% 1% 3%;
vertical-align:top;
text-align:center;
background:#fff;
/*border:solid 1px #8D8E90;*/
border-radius:8px;
}

#reviews01 li {
list-style:none;
display:inline-block;
width:20%;
padding:3% 5% 5% 5%;
margin:0 1% 0 1%;
height:auto;
vertical-align:top;
text-align:left;
}

#reviews02 ul { display:block;width:100%;height:auto;list-style:none;padding:0;margin:0; }
#reviews02 {
list-style:none;
display:block;
width:90%;
margin:2% auto 2% auto;
padding:1% 3% 1% 3%;
vertical-align:top;
text-align:center;
background:#fff;
border:solid 1px #8D8E90;
border-radius:8px;
}

#reviews02 li {
list-style:none;
display:inline-block;
width:90%;
padding:2% 5% 2% 5%;
margin:2% auto 2% auto;
border-bottom:solid 5px #A2A98F;
height:auto;
vertical-align:top;
text-align:center;
}

#rooms,
#rooms ul {
list-style:none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-align:justify;
vertical-align:top;
}

#rooms li {
list-style:none;
display:inline-block;
vertical-align:top;
border:solid 1px #000;
padding:2%;
margin:0;
}

#rooms .fix-justify {
background:none;
height:0px;
border:none;
width:50%;
padding:0;
margin:0;
}

#rooms .fix-justify:hover {
background:none;
height:0px;
border:none;
padding:0;
margin:0;
}

#rooms .five {
width:15%;
height:auto;
}

#rooms .three {
width:28%;
height:auto;
}

#rooms .two {
width:45%;
height:auto;
}

#rooms h1 {
padding:0;
margin:0 0 10px 0;
font-size:13px;
line-height:15px;
}

#rooms .viewmore {
font-size:10px;
padding:1%;
}

#rooms img {
width:100%;
height:auto;
}

#rooms img:hover {
opacity:0.5;
filter:alpha(opacity=50); 
}

#room-facilities,
#room-facilities ul {
list-style:none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-align:left;
vertical-align:top;
}

#room-facilities li {
list-style:none;
display:inline-block;
width:33px;
height:auto;
vertical-align:top;
}

#room-facilities img {
width:100%;
height:auto;
}


.section01 { display:block; background-color: rgba(255,255,255,0.1); box-shadow: 0 0 1vw 1vw rgba(0,0,0,0.05); padding: 5vw 5vh 5vw 5vh; margin: 5vh auto 5vh auto; border-radius:8px; }



#sidebar01 {
float:right;
width:35%;
height:auto;
padding:5% 0px 2% 0px;
margin:0px 0px 0px 0px;
}

#sidebar01 .thumbnail {
margin:10% 0 0 0;
width:100%;
height:auto;
}

#sidebar01 .thumbnail img {
width:90%;
padding:5%;
border:solid 1px #000;
height:auto;
}

#site-footer { width:100%; min-width:100%; max-width:100%; text-align:center; margin:0 auto 0 auto; padding:41px 5% 41px 5%; vertical-align:top; }


#site-footer a, #site-footer a:link, #site-footer a:visited, #site-footer a:hover, #site-footer a:active { text-decoration:none; }

#site-footer-info { width:100%; min-width:100%; max-width:100%; padding:10px 5% 10px 5%; color:rgba(141,142,144,1); background:rgba(214,217,210,0.75); margin:0 auto 0 auto; }


#site-header { display:block; position:fixed; z-index:99; width:100%; min-width:100%; max-width:100%; padding:2vh 5% 2vh 5%; color:rgba(0,0,0,1); margin:0 auto 0 auto; top:0; left: 0;	vertical-align:middle; box-shadow: 0 0 0.5vw 0.5vw rgba(0,0,0,0.05); }

#site-header-top { width:100%; min-width:100%; max-width:100%; padding:5px 5% 10px 5%; color:rgba(0,0,0,1); background:rgba(214,217,210,1); margin:0 auto 0 auto; position:fixed; z-index:99; top:0; left: 0; font-size: 13px; text-transform:uppercase; }

#site-header-top a,
#site-header-top a:link,
#site-header-top a:visited,
#site-header-top a:hover,
#site-header-top a:active {
color:rgba(0,0,0,1);
text-decoration:none;
}

#site-header-top-nav,
#site-header-top-nav ul {
list-style:none;
padding:0;
margin:0 auto 0 auto;
width:100%;
height:auto;
vertical-align:middle;
text-align:left;
}

#site-header-top-nav li {
list-style:none;
display:inline;
padding:0 1% 0 1%;
margin:0 auto 0 auto;
height:auto;
vertical-align:top;
text-align:left;
border-right:solid 1px rgba(141,142,144,1);
}

#site-header-top-nav .last {
border:none;
}

#site-header-top-button {
display:block;
background: rgba(141,142,144,1);
font-size:22px;
color:#fff;
position:fixed;
z-index:11;
text-align:center;
padding:20px 20px 20px 20px;
margin:-45px 0 0 80vw;
}

#site-header-top-button:hover { background: #666; }



.sitenote01 {
padding:10px 5% 10px 5%;
margin:0 auto 0 auto;
border-radius:;	
background-color:rgba(214,217,210,1);	
border-radius: 8px;	
}



.size-full {
width:100%;
height:auto;
}

#slide01 {
width:100%;
max-width:100%;
min-width:100%;
height:auto;
overflow:hidden;
margin:0 auto 0 auto;
padding:0;
text-align:center;
vertical-align:middle;
}

#social01,
#social01 ul {
float:left;
list-style:none;
padding:0;
margin:0;
width:auto;
height:auto;
vertical-align:top;
text-align:center;
}

#social01 li {
list-style:none;
display:inline-block;
width:22%;
height:auto;
margin:0 5% 0 0;
}

#social01 img {
width:100%;
height:auto;
}

.social,
.social ul {
list-style:none;
padding:0;
margin:0px 0 -35px 0;
width:100%;
height:auto;
vertical-align:top;
text-align:center;
}

.social li {
list-style:none;
display:inline-block;
width:55px;
margin:0 5px 0 5px;
}

.social img {
width:100%;
height:auto;
}

strong {
font-weight:800;
}

.thumbnail01 {
display:block;
width:100%;
height:44%;
padding:0;
margin:16px auto 16px auto;
background-repeat: no-repeat;
background-position: center center;
background-size:cover;
background-color:#fff;
border:none;
}

.thumbnail01-frame01 {
padding:2%;
margin:0 auto 0 auto;
border:solid 1px #000;
}


#trustindex { padding:5%; filter: grayscale(100%); }

.viewpictures {
background-image: url(_img/camera.png);
background-repeat:no-repeat;
background-position: 10px center;
background-size:20px 15px;
border:solid 2px #000;
padding:6px 6px 6px 40px;
margin:0 0 20px 0;
font-family:Georgia, Times New Roman, Times, serif;
font-size:13px;
line-height:15px;
font-weight:normal;
font-weight:100;
text-transform:uppercase;
}

.wpcf7 input,
.wpcf7 textarea
 {
width:100%;
background:#f1f1f1;
border:solid 1px #999;
padding:1%;
}

.wpcf7-submit {
background:#000;
}

.zoomcontent01 {
width:900px;
height:600px;
border:none;
}


/* Media Queries: Smartphone -------------------------------------------------------------- */
@media (max-width: 480px) {

@-ms-viewport {
width: device-width;
}

@viewport {
width: device-width;
}

.alignleft {
float:none;
margin:0px 0px 20px 0px;
}

.alignright {
float:none;
margin:0px 0px 20px 0px;
}
	
#alternate01 { display:block; width:100%; min-width:100%; max-width:100%; padding:0; margin:0 auto 0 auto; font-size: 0; }
.alternate01row { display:flex; flex-direction: row; justify-content:center; flex-wrap: wrap; align-items: flex-start; align-content: space-between; flex-direction: row; }
.alternate01row:nth-of-type(even) { flex-direction: row-reverse; }
.alternate01column01 { width:100%; height:auto; overflow:visible; }
.alternate01column02 { width:100%; height:auto; overflow:visible; }
	
	body {
width:90%;
min-width:90%;
max-width:90%;
height:auto;
padding:5%;
margin:0 auto 0 auto;
}	

button {
display:block;
width:100%;
text-align:center;
}
	
#column01 li { display:block; }
#column01 .two, #column01 .three, #column01 .four, #column01 .five { width:80%; padding:0 5% 0 5%; margin:0 auto 25px auto; }	

#container01 {
width:80%;
max-width:80%;
margin:0 auto 0 auto;
padding:10%;
}

.content01 {
width:100%;
text-align:justify;
text-align-last: center;
}
	
	#gallery01 {
margin:50px auto 0 auto;
	}

#gallery01 li {
width:45%;
display:inline-block;
list-style:none;
vertical-align:top;
margin:2%;
padding:0;
border:none;
}
	
#grid01 .grid100, #grid01 .grid75, #grid01 .grid50, #grid01 .grid33, #grid01 .grid25, #grid01 .grid20, #grid01 .grid10	{ display:block; width:100%; min-width:100%; max-width:100%; height:auto; min-height:auto; max-height:auto; overflow:hidden; }	
	
#header01 { display:block; position: fixed; z-index:5; top:0; left:0; width:100%; height:auto; padding:0 0 0 0; margin:0 auto 0 auto; text-align:center; }	

h1,h2, h3, h4, h5, h6, h7, h8, h9 {
text-align:center;
}

h1,h2 {
font-size:25px;
line-height:25px;
margin:0 auto 15px auto;
padding:0;
}

h3 {
font-size:18px;
font-weight:bold;
line-height:24px;
}

#logo01mobi { display:block; width:90%; min-width:90%; max-width:90%; height:auto; margin: 0 auto 0 auto; padding:100px 0 5vw 0; border:none; }
#logo01mobi img { display:block; width:100%; min-width:100%; max-width:100%; height:auto; margin: 0 auto 0 auto; padding:0; border:none; } 	

#media_screen {
display:none;
}

#media_tablet {
display:none;
}

#media_mobi {
display:block;
}



/* N */	
#nav01 { display:none; }	
.nav01 { display:block; width:100%; position:relative; z-index:11; text-align:center; padding:16px 0 16px 0; margin:0 auto 0 auto; background-color:rgba(141,142,144,1); color: rgba(255,255,255,1); font-size:25px; line-height:100%; } .nav01:active { } .nav01:hover { cursor:pointer; opacity:0.9; text-align:center;  }	
.nav01panel { display:block; width:100%; padding:0 0 0 0; margin:0 auto 0 auto; max-height: 0; overflow: hidden; transition: max-height 1s ease-out; position:relative; z-index:1; background-color:rgba(141,142,144,0.8); box-shadow: 0 0 5px 5px rgba(0,0,0,0.1); overflow:auto; text-align:center;  } 
.nav01content { display:block; width:80%; height:75vh; max-height:75vh; overflow:auto; padding:25px 10% 25px 10%; margin:0 auto 0 auto; text-align:center;  overflow:auto;}	
.nav01panel a, .nav01panel a:link, .nav01panel a:visited, .nav01panel a:hover, .nav01panel a:active { display:block; color:rgba(255,255,255,1); padding:16px 0 16px 0; margin:0 10% 0 10%; border-bottom:solid 1px rgba(255,255,255,1); text-transform:uppercase; text-align:center;  }
.nav01panel a:hover, .nav01panel a:active { background-color:rgba(141,142,144,1); }	
.nav01panel a:not(:active) { transition: background-color 1000ms step-end; }
	
	
.nav01panel i { display:none; }		
	
	
	.note01 {
width:80%;
max-width:80%;
padding:10%;
font-size:11px;
line-height:15px;
	}

#page01 {
float:none;
width:100%;
}

#picnics li {
display:block;
width:100%;
margin:10px auto 10px auto;
}
	
#rates01 ul { display:block;width:100%;height:auto;list-style:none;padding:0;margin:0; }
#rates01 {
display:block;
width:100%;
margin:3% auto 1% auto;
padding:0;
text-align:center;
clear:both;
vertical-align:top;
}
	
	#rates01 h1, #rates01 h2, #rates01 h3 { font-weight:bold; font-size:13px; line-height:13px;}	

#rates01 li {
display:inline-block;
width:22%;
min-height:4%;
margin:0;
padding:1%;
vertical-align:middle;
border-left:solid 1px #000;
border-bottom:solid 1px #000;
/*background:#D6D9D2;*/
font-size:12px;
line-height:13px;
}

#rates01 .head01 {
height:auto;
min-height:10%;
border-bottom:solid 5px #000;
}



#reviews01 {
padding:2%;
margin:20px auto 20px auto;
}
	
	
#reviews01 li {
list-style:none;
display:block;
width:89%;
padding:20px 5% 20px 5%;
margin:10px 0 10px 0;
height:auto;
vertical-align:top;
text-align:center;
border-bottom:solid 5px #fff;
}
	
	#reviews02 {
padding:2%;
margin:20px auto 20px auto;
}
	
	
#reviews02 li {
list-style:none;
display:block;
width:89%;
padding:30px 5% 30px 5%;
margin:30px 0 30px 0;
height:auto;
vertical-align:top;
text-align:center;
border-bottom:solid 5px #A2A98F;
}
	


#rooms li {
display:block;
width:100%;
}

#rooms .five,
#rooms .three,
#rooms .two {
width:100%;
height:auto;
margin:10px auto 10px auto;
}

#rooms .viewmore {
text-align:center;
}

.rslides_container,
.rslides_container_wrap01 {
display:none;
}

#sidebar01 {
width:100%;
padding:50px 0 0 0;
}
#site-footer ul { display:block;width:100%;height:auto;list-style:none;padding:0;margin:0; }
#site-footer {
display:none;	
}
	
#site-footer li {
display:block;
width:100%;
text-align:center;
margin:20px auto 0 auto;
padding:20px 0 0 0;
}

	


	
.viewpictures {
font-size:10px;
line-height:11px;
}

}