@charset "UTF-8";
/*
Theme Name: onlinebrandambassadors
Theme URI: https://nguniafrica.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=Marcellus|Belleza');
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');


/* 
 
GREY #F0EFED
DARKER GREY #E2E0DA
DARK GREY #C5C1B6
GREEN #928E73

*/


/* ---------- HTML5 ---------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}

audio,
canvas,
video {
display: inline-block;
max-width: 100%;
}

html {
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust:     100%;
}


a {
	text-decoration: none;
	color: #888;
}
a:link {
	text-decoration: none;
	color: #888;
}
a:visited {
	text-decoration: none;
	color: #888;
}
a:hover {
	text-decoration: underline;
	color: #000;
}
a:active {
	text-decoration: none;
	color: #000;
}



.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;
}



.background01 {
background-color: rgba(161,157,156,0.1);
padding:9% 9% 9% 9%;
border-radius:8px;
border:solid 2px rgba(161,157,156,0.2);
}

.background02 {
background-color: rgba(0,0,0,0);
padding:9% 9% 9% 9%;
border-radius:8px;
border:dotted 2px rgba(161,157,156,1);
}

.background03 {
background-color: rgba(161,157,156,0.5);
padding:6% 10% 6% 10%;
border-radius:8px;
border:solid 2px rgba(161,157,156,0.2);
}




body {
font-family: 'Lato', sans-serif;
font-weight:400;
font-size:16px;
background:#fff;
padding:1%;
margin:0px;
color:#333;
line-height:25px; 
text-align:left;
}

button {
display:inline;
padding:1% 2% 1% 2%;
margin:0;
background:#fff;
border:solid 2px #000;
color:#000;
cursor:pointer;
font-weight:500;
text-transform:uppercase;
}

button a,
button a:link,
button a:visited,
button a:hover,
button a:active {
text-decoration:none;
}


button:hover {
	cursor:pointer;
	text-decoration:none;
background:#f1f1f1;
border:solid 2px #999;
-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 */
}

.clearfloat {
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;
}

/* COOKIE LAW INFO */

/* notification box*/
#cookie-law-info-bar { 
	box-shadow: 0 0 5px 5px rgba(161,157,156,0.5);
	opacity:0.9;
}
.cli-bar-container { padding:2% 5% 2% 5%; font-size:16px;line-height:25px; }
.cli-style-v2 {}
.cli-bar-message {}
.cli-bar-btn_container {}
.cli-bar-btn_container a {
border-radius:8px;
margin:0 1% 1% 0;
}

/* pop up box settings */
.cli-modal-dialog { border-radius:8px; }
.cli-modal-content { padding:10%; } 
.cli-bar-popup {}
.cli-modal-footer {}
.wt-cli-element {}
.cli-container-fluid {} 
.cli-tab-container {}
.cli-row {}
.cli-align-items-stretch {} 
.cli-tab-footer {} 
.wt-cli-privacy-overview-actions {}		
#wt-cli-privacy-save-btn { background:#999;background-color:#999;border-radius:8px; } 
.wt-cli-privacy-btn {} 
.cli_setting_save_button {} 
.wt-cli-privacy-accept-btn {} 
.cli-btn {}
.wt-cli-ckyes-brand-logo { display:none; }
												
/* buttons */
/* cookie settings */
.medium {}
.cli-plugin-button {} 
.cli-plugin-main-button {} 
.cli_settings_button {
}


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

#column01 li {
list-style:none;
display:inline-block;
vertical-align:top;
}

#column01 .two {
width: 41%;
height:auto;
margin:0 4% 0 4%;
padding:0 0 5% 0;
}


#container01 {
margin:0px auto 0px auto;
width:100%;
background:#fff;
}

#container02 {
margin:0px auto 0px auto;
width:100%;
background:#fff;
}

.content01 {
width:90%;
max-width:1000px;
padding:0 5% 0 5%; 
margin:0 auto 0 auto;
background:none;
}

.content01-single {
width:90%;
max-width:1000px;
padding:0 5% 0 5%; 
margin:10% auto 0 auto;
background:none;
}

.content02 {
width:91%;
max-width:920px;
list-style:none;
padding:1% 4% 0 4%;
margin:0 auto 0 auto;
vertical-align:top;
text-align:justify;
font-size:16px;
line-height:23px;
}


#featuredpost01 {
list-style:none;
margin:0;
padding:0;
text-align:justify;
vertical-align:top;
}

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

#featuredpost01 li {
font-size:20px;
line-height:30px;
list-style:none;
display:inline-block;
width:100%;
margin:0;
padding:0;
overflow:hidden;
text-align:left;
vertical-align:top;
position:relative;
z-index:0;
border:none;
}

#featuredpost01 li .imgwrapper01 {
width: 100%;
max-width: 100%;
margin: 0;
padding:0;
background-color: #fff;
max-height: 60%;
border:none;
}

#featuredpost01 li .imgresize01 {
position:relative;
padding-bottom:60%;
overflow: hidden;
}

#featuredpost01 li img {
position:absolute;
top:-50%; bottom:-50%;
margin:auto;
width: 100%;
height: auto;
}

#featuredpost01 a,
#featuredpost01 a:link,
#featuredpost01 a:visited,
#featuredpost01 a:hover
{
color:#000;
text-decoration:none;
background-image:none;
}



#featuredpost02 img {
width:100%;
height:auto;
list-style:none;
margin:0;
padding:0;
text-align:center;
vertical-align:top;
}




.filter01 {
/*
filter:blur(5px);
filter:brightness(200%);
filter:contrast(200%);
filter:drop-shadow(8px 8px 10px red);
filter:hue-rotate(90deg);
filter:invert(100%);
filter:saturate(8);
filter:sepia(100%);
*/
-webkit-filter: grayscale(80%);
filter: grayscale(80%);
opacity:0.9;
filter:alpha(opacity=90); 
}

.filter01:hover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
opacity:1;
filter:alpha(opacity=100); 
}





/* GALLERY */

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

#gallery01 li {
width:12%;
display:inline-block;
list-style:none;
vertical-align:top;
margin:1%;
padding:0;
border:none;
}

#gallery01 li img {
width:100%;
height:auto;
}

#gallery01 .fix-justify {
background:none;
height:0px;
border:none;
-moz-box-shadow: 0 0 0px #fff;
-webkit-box-shadow: 0 0 0px #fff;
box-shadow: 0px 0px 0px #fff;
}

#gallery01 .fix-justify:hover {
background:none;
height:0px;
border:none;
-moz-box-shadow: 0 0 0px #fff;
-webkit-box-shadow: 0 0 0px #fff;
box-shadow: 0px 0px 0px #fff;
}

#gallery01 .attachment-full {
width:190px;
height:auto;
}

#grayscale {
    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 */

}

#grayscale:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
	-webkit-box-shadow: 0px 0 30px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0 30px rgba(0,0,0,0.25);
	box-shadow: 0px 0 30px rgba(0,0,0,0.25);
}

/* GALLERY */


h1 {
/*font-family: Marcellus, Georgia, Times New Roman, Times, serif;*/
font-size:30px;
line-height:33px;
font-weight:normal;
font-weight:100;
text-align:left;
margin:0px 0px 0px 0px;
padding:10px 0px 10px 0px;
text-transform:uppercase;
}

h2 {
/*font-family: Marcellus, Georgia, Times New Roman, Times, serif;*/
font-size:18px;
line-height:22px;
font-weight:700;
text-transform:uppercase;
margin:0 0 2% 0;
padding:0;
}


h3 {
/*font-family: Marcellus, Georgia, Times New Roman, Times, serif;*/
font-size:28px;
line-height:33px;
font-weight:300;
text-transform:uppercase;
padding:0;
margin:4% 0 4% 0;
text-align:left;
}


h4 {
/*font-family: Marcellus, Georgia, Times New Roman, Times, serif;*/
font-size:20px;
line-height:25px;
font-weight:normal;
text-transform:uppercase;
padding:10px 0px 10px 0px;
text-align:left;
border-top:solid 1px #000;
border-bottom:solid 1px #000;
}

h5 {
/*font-family: Marcellus, Georgia, Times New Roman, Times, serif;*/
font-weight:900;
font-size:18px;
line-height:23px;
color:#999;
padding:0;
margin:1% 0 0 0;
display:block;
}

.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; 
}

.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:#ccc;
border-top: solid 1px #ccc;
border-bottom: none;
border-left: none;
border-right: none;
margin: 4% 0 2% 0;
padding:0 0 2% 0;
}

#site-footer hr {
border-top: solid 1px #fff;
}

.iframe01 {
width:96%;
height:1500px;
margin:5% 0 0 0;
padding:2%;
overflow:auto;
border:solid 2px #D6D9D2;
}

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

#js_nightsbridge {
text-transform:uppercase;
padding:0;
margin:0;
width:100%;
height:100px;
}

#js_nightsbridge .nb_date {
vertical-align:middle;
}

#js_nightsbridge button {
width:auto;
overflow:hidden;
border:solid 1px #000;
background:#ddd;
padding:2%;
margin:0;
text-align:center;
}

#js_nightsbridge label {
padding-top:3%;
vertical-align:middle;
font-size:9px;
line-height:9px;
}


#js_nightsbridge input {
font-size:9px;
line-height:9px;
width:30%;
border:none;
background:#fff;
}

.juicerhead {
	width:100%;
	background:#fff;
	position:relative;
	z-index:11;
	text-align:center;
	font-size: 15px;
	color: #000;
	font-weight: normal;
	text-transform: uppercase;
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	letter-spacing: 2px;
	margin:10px auto 0 auto;
	padding:5px 0 5px 0;
	border:solid 2px #000;
}

.juicerhead a,
.juicerhead a:link,
.juicerhead a:visited,
.juicerhead a:active,
.juicerhead a:hover {
		color: #000;
}


#juicer {
position:relative;
z-index:1;
width:100%;
max-width:1000px;	
margin:-50px auto 0 auto;
padding:0;
}

.juicer-feed,
.juicer-feed ul {
}

.juicer-feed li {
margin:-20% 0 -20% 0;
padding:0;
}

.juicer-feed h1,
.juicer-feed .referral {
display:none;	
}

.juicer-feed h3 {
background-color: #fff;
background:#fff;
padding: 0;
margin:0;
	border: none;
	font-size: 12px;
	font-weight: normal;
	text-transform: none;
}




.logo {
float:left;
width:15%;
z-index:11;
text-align:left;
margin:0;
padding:0;
border:none;
position:relative;
z-index:11;
background:#fff;
}



.logo img {
width:100%;
margin:0;
padding:0 5% 5% 5%;
position:relative;
z-index:11;
border:none;
background:#fff;
}

.logo img:hover {
background: #fff;
border:solid 1px #ccc;
padding-top:2%;
-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 */	
}

#media_screen {
display:block;
}

#media_tablet {
display:none;
}

#media_mobi {
display:none;
}



.nav-primary ul {
list-style:none;
padding:0;
margin:0;
}

.nav-primary {
width:80%;
list-style:none;
padding:0;
margin:4% auto 0 auto;
text-align:right;
}

.nav-primary li {
list-style:none;
display:inline-block;
font-size:11px;
line-height:11px;
text-transform:uppercase;
margin:0;
padding:5px;
border:solid 1px #fff;
}

.nav-primary li:hover {
border:solid 1px #ccc;
}

.nav-primary a,
.nav-primary a:link,
.nav-primary a:visited,
.nav-primary a:hover,
.nav-primary a:active {
text-decoration:none;
}

.nav-secondary,
.nav-secondary ul {
list-style:none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-align:right;
}

.nav-secondary li {
list-style:none;
display:block;
font-size:20px;
text-transform:uppercase;
margin:0 0 0 0;
padding:1%;
border-bottom:solid 1px #AC896C;
}

.nav-secondary a,
.nav-secondary a:link,
.nav-secondary a:visited,
.nav-secondary a:hover,
.nav-secondary a:active {
text-decoration:none;
}

#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;
}

#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 0 auto;
padding:0;
text-align:left;
}

#ol01 li {
list-style:none;
display:inline-block;
vertical-align:top;
padding:0 0 16px 5%;
margin:0 0 0 5%;
border-left:solid 5px #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%;
margin:0 0 2% 0;
padding:0;
}

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

.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;
}

#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;
}

.section18 {
display:block;
padding:25px 5% 25px 5%;
margin:25px auto 25px auto;
border:solid 2px #ccc;
border-radius:5px;
}


#sidebar01 {
float:right;
width:35%;
height:auto;
padding:0 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-top {
height:50px;
margin:2% 0 0 0;
padding:0;
background-repeat:repeat-x;
background-position: left top;
background-size:99px 131px;
border-bottom:solid 5px #fff;
}

#site-footer {
width:100%;
font-size:9px;
text-align:center;
text-transform:uppercase;
background-repeat:repeat;
margin:0 auto 1% auto;
padding:2% 0 2% 0;
background:#fff;
border:none;
border-top:solid 1px #888;
}




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

#site-footer a:hover {
color:#ccc;
}

#site-footer-info {
text-align:center;
text-transform:uppercase;
margin:2% 0 5% 0;
padding:2% 0 0 0;
border-top:solid 1px #A2A98F;
}

#site-header-home {
margin:0;
padding:1% 0 1% 0;
margin:0 auto 0 auto;
border:none;
}

#site-header {
/*opacity:0.9;*/
width:100%;
height:auto;
color:#888;
background:#fff;
margin:0 auto 0 auto;
padding:1% 0 1% 0;
border:none;
position:fixed;
z-index:11;
top:0;
border:none;
border-bottom:solid 1px #ccc;
box-shadow: 0 6px 6px -6px gray;
}

#site-header-top {
width:100%;
height:auto;
color:#888;
text-align:right;
background:#fff;
padding:3% 0 0 0;
margin:0;
border:none;
border-bottom:solid 1px #ccc;
}

#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:#888;
text-decoration:none;
}

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

#site-header-top-nav li {
list-style:none;
display:inline;
padding:2% 1% 0 1%;
margin:0;
height:auto;
font-size:11px;
vertical-align:top;
text-align:left;
text-transform:uppercase;
border:none;
}

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

#site-header-top-button01 {
display:inline-block;
background:#fff;
text-transform:uppercase;
font-size:15px;
color:#888;
position:relative;
z-index:11;
text-align:center;
padding:1%;
margin: 0 0 0 1%;
border:solid 2px #ddd;
}

#site-header-top-button01:hover {
background: #f1f1f1;
border:solid 2px #aaa;
-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 */
}


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

#slide01wrapper {
width:100%;
height:auto;
background:#fff;
padding:1% 0 1% 0;
margin:8% auto 41px auto;
/*border-top:solid 1px #000;
border-bottom:solid 1px #000;*/
vertical-align:top;
text-align:center;
position:relative;
z-index:0;
}

#slide01 {
float:none;
list-style:none;
margin:0;
padding:0;
width:100%;
height:100%;
max-height:100%;
overflow:hidden;
background-repeat: no-repeat;
background-position:center center;
background-size:cover;
position:relative;
z-index:0;
border:none;
}

#slide01 ul {
background:#fff;
padding:0;
margin:0;
background-image: url('_img/loader.gif');
background-repeat: no-repeat;
background-size:5%;
background-position:top center;
border:none;
position:relative;
z-index:0;	
}


#slide01 li {
border:none;
border-right:solid 20px #fff;
list-style:none;
margin:0;
padding:0;
width:100%;
height:100%;
overflow:hidden;
vertical-align:bottom;
background-position:top center;
background-size:cover;
position:relative;
z-index:0;
}

#slide01 img {
position:relative;
z-index:0;	
}


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

#social01 li {
list-style:none;
display:inline-block;
width:15%;
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:900;	
}

#table01 {
width:100%;
padding:0;
margin:0 0 2% 0;
}

#table01 tr {
}

#table01 tr:hover {
cursor:pointer;
text-decoration:none;
background:#f1f1f1;
border:solid 2px #999;
-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 */
}

#table01 td {
padding:2% 0 2% 0;
background:#fff;
border-bottom:solid 2px #ddd;
}

.tdhead01 {
color:#999;
font-weight:700;
}


#triptych01,
#triptych01 ul {
width:100%;
max-width:1000px;
list-style:none;
padding:1% 0 0 0;
margin:0 auto 0 auto;
vertical-align:top;
text-align:justify;
}

#triptych01 li {
list-style:none;
display:inline-block;
text-align:left;
vertical-align:top;
width:41%;
height:auto;
margin:0 0 5% 0;
padding:0 4% 1% 4%;
border:none;
border-right:solid 1px #D6D9D2;
text-align:left;
}


#triptych01 .last {
border:none;
}

#triptych01 p {
width:100%;
height:auto;
overflow:hidden;
padding:0;
margin:0;
}

#triptych01 h2 {
border:none;
border-left:solid 2px #8D8E90;
padding:0 0 0 20px;
}

#triptych01 h2:hover {
border-left:solid 10px #000;
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 */
}

#triptych01 img {
margin:5% 0 0 0;
width:100%;
height:auto;
}

#triptych01 img:hover {
}



#triptych01 li:hover {
text-decoration:none;
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 */
}

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

#triptych01 .fix-justify {
background:none;
height:0px;
border:none;
-moz-box-shadow: 0 0 0px #fff;
-webkit-box-shadow: 0 0 0px #fff;
box-shadow: 0px 0px 0px #fff;
}

#triptych01 .fix-justify:hover {
background:none;
height:0px;
border:none;
-moz-box-shadow: 0 0 0px #fff;
-webkit-box-shadow: 0 0 0px #fff;
box-shadow: 0px 0px 0px #fff;
}



#triptych02,
#triptych02 ul {
width:100%;
max-width:1000px;
list-style:none;
padding:1% 0 0 0;
margin:0 auto 0 auto;
vertical-align:top;
text-align:justify;
}

#triptych02 li {
list-style:none;
display:inline-block;
text-align:left;
vertical-align:top;
width:41%;
height:auto;
margin:0 0 5% 0;
padding:0 4% 1% 4%;
border:none;
border-right:solid 1px #D6D9D2;
text-align:left;
}


#triptych02 .last {
border:none;
}

#triptych02 p {
width:100%;
height:auto;
overflow:hidden;
padding:0;
margin:0;
}

#triptych02 h2 {
border:none;
border-left:solid 2px #8D8E90;
padding:0 0 0 20px;
}

#triptych02 h2:hover {
border-left:solid 10px #000;
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 */
}

#triptych02 img {
margin:5% 0 0 0;
width:100%;
height:auto;
}

#triptych02 img:hover {
}



#triptych02 li:hover {
text-decoration:none;
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 */
}

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

#triptych02 .fix-justify {
background:none;
height:0px;
border:none;
-moz-box-shadow: 0 0 0px #fff;
-webkit-box-shadow: 0 0 0px #fff;
box-shadow: 0px 0px 0px #fff;
}

#triptych02 .fix-justify:hover {
background:none;
height:0px;
border:none;
-moz-box-shadow: 0 0 0px #fff;
-webkit-box-shadow: 0 0 0px #fff;
box-shadow: 0px 0px 0px #fff;
}


.viewpictures {
/*
background-image: url(_img/camera.png);
background-repeat:no-repeat;
background-position: 5% center;
background-size:15px 10px;
*/
border:none;
padding:2% 0 0 0;
margin:0 0 20px 0;
font-size:10px;
line-height:10px;
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 {
text-align:center;	
}
.alignright {
text-align:center;	
}
.aligncenter {
text-align:center;
}
.aligntop {
vertical-align:top;
}
.alignmiddle {
vertical-align:middle;	
margin:auto;
}
.alignbottom {
vertical-align:bottom;
}



body {
padding:10%;
margin:0;
}

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

#container01 {
width:100%;
margin:0 auto 0 auto;
padding:0;
}

.content01 {
width:100%;
max-width:100%;
text-align:center;
background:#ccc;
padding:0;
margin:0 auto 0 auto;
background:none;
}


#featuredpost02 {
display:none;
}

h1,h2 {
font-size:15px;
	line-height:15px;
text-align:center;
}

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

.logo {
width:100%;
z-index:11;
text-align:center;
margin:0 auto 0 auto;
padding:15px 0 20px 0;
border:none;
text-align:center;
}

.logo img {
width:80%;
height:auto;
display:inline-block;
}

#media_screen {
display:none;
}

#media_tablet {
display:none;
}

#media_mobi {
display:block;
}

.menu {
width:22px;
margin:0 20px -20px 0;
}

.nav-primary,
.nav-primary ul {
list-style:none;
padding:0;
margin:0;
text-align:center;
width:100%;
}

.nav-primary li {
list-style:none;
display:block;
text-transform:uppercase;
font-size:15px;
border:none;
border-bottom:solid 1px #000;
padding:10px 0 10px 0;
margin:0;
width:100%;
}

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

#picnics li {
display:block;
width:100%;
margin:10px auto 10px auto;
}

#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 {
width:100%;
font-size:7px;
}

#site-footer img {
display:none;
}

#triptych01 li {
display:block;
text-align:center;
vertical-align:top;
width:100%;
height:auto;
margin:0;
padding:20px 0 20px 0;
border:none;
border-bottom:solid 1px #AC896C;
}

#triptych01 h2,
#triptych01 h2:hover {
border:none;
}

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

#triptych01 p {
height:auto;
}

}