@import url('https://fonts.googleapis.com/css?family=Encode+Sans+Condensed');
@import url('https://fonts.googleapis.com/css?family=EB+Garamond');


/* Main CSS document */


.img-responsive {
max-width: 100%;
height: auto;
}
#mainContent h1 {
font-size: 3em;
margin: 0;
padding-top: 1em;
}
#apDiv1 {
	position:absolute;
	width:940px;
	height:252px;
	z-index:1;
	left: 0;
	top: 70px;
}
.fonte_papyrus {
font-family: Papyrus;
font-size: 16px;
}
.fonte_papyrus:not(:last-child) {
padding: 0 2em;
}
li.fonte_papyrus {
padding: 0 !important;
margin-left: 2em;
}
.titulo {
	font-family: Papyrus;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}
#apDiv2 {
	position:absolute;
	left:9px;
	top:450px;
	width:100%;
	height:166px;
	z-index:1;
	text-align: center;
}
body {
	background-image: url(../fundo.jpg);
	background-repeat: no-repeat;
	background-position: center;
	font-size: 12px;
	font-family: 'EB Garamond', serif;

}

body {
overflow-y: scroll;
}
.container {
max-width: 940px;
margin: 0 auto;
overflow: hidden;
}
header {
margin-bottom: 2em;
}
header img {
max-width: 100%;
height: auto;
max-width: 220px;
margin: 15px 0 0 25px;
position: relative;
z-index: 99999;
}
nav {
height: 40px;
}
#mainNav {
text-align: justify;
display: inline-block;
width: 100%;
background: #666;
padding: 0;
margin-bottom: 0;
height: 30px;
}
#mainNav:after {
content: '';
width: 100%;
display: inline-block;
}
#mainNav li:first-child {
margin-left: 3em;
}
#mainNav li:last-child {
margin-right: 3em;
}
#mainNav li {
display: inline-block;
}
#mainContent {
background: url(http://www.3bicashouse.com/fundo_tabela.png);
}
#mainContent span {
display: block;
padding: 2em;
}

.slideshow div, .slideshow img {
width: auto !important;
max-width: 100% !important;
display: block;
clear: both;
}
.bx-controls.bx-has-pager {
display: none;
}
.bx-wrapper .bx-viewport {
border: none;
background: none;
}
.bx-wrapper {
margin-bottom: 0;
}

.slicknav_menu .slicknav_menutxt {
   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-weight: 300;
}
.slicknav_menu {
padding: 0;
}
.slicknav_nav a {
background: #666;
border-radius: 0 !important;
margin: 0;
}

.slicknav_menu {
	display:none;
}

.blockRow {
overflow: hidden;
clear: both;
}
.mapping {
width: 50%;
float: left;
}
iframe {
max-width: 100%;
}
.titulo2 {
font-size: 1.3em;
}

@media screen and (max-width: 850px) {
	/* #menu is the original menu */
	#mainNav {
		display:none;
	}
	
	.slicknav_menu {
		display:block;
	}
	nav {
		height: auto;
		width: 100%;
		padding: 0;
	}
	.waterbg nav{
		padding: 0;
	}
	li.fonte_papyrus {
		margin-left: 0;
	}
	
	header img{
		margin: 0;
		position: fixed;
		top: 5px;
		left: 10px;
	}
	
	.mapping {
		width: 50%;
		float: right;
		float: none !important;
		width: 100% !important;
		clear: both;
		text-align: center;
	}
	
	.rightColumn {
		width: 90% !important;
	}
	#TabbedPanels2 {
		width: 100%;
	}
	table {
		width: 100%;
	}
	td {
		display: block;
		width: 100%;
	}
	tr {
		margin: 5px 0;
		display: block;
	}
	td img {
		max-width: 100%;
		height: auto;
		margin: 0 auto;
		margin-bottom: 1em;
		text-align: center;
		display: block;
	}
}





	/* jQuery lightBox plugin - Gallery style */
	#gallery {
	padding: 0px;
	width: auto;
	text-align: left;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }
	#apDiv1 {
	position:absolute;
	top:91px;
	width:238px;
	height:197px;
	z-index:1;
}
    #apDiv2 {
	position:absolute;
	left:9px;
	top:450px;
	width:100%;
	height:281px;
	z-index:4;
	text-align: center;
	visibility: visible;
}


.leftColumn {
width: 50%;
float: left;
padding: 1em 2em;
}


#mainContent h1, #mainContent h2, #mainContent h3, #mainContent strong, .slicknav_menu .slicknav_menutxt, .titulo2 {
font-family: Papyrus;
}





/* custom */
.full-screen {
min-height: 100vh;
}

@media (max-width: 767px) {
	.full-screen {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
}

.waterbg {
background: url("../photos/hero.jpg") center center no-repeat;
background-size: cover;
}

.waterbg > img {
max-height: 70%;
margin: 0 auto;
}


.v-center {
align-items: center;
}


.h-center {
justify-content: center;
}



h3, .h3 {
font-size: 16pt;
}




#mainNav {
text-align: right;
background: none;
}

#mainNav a {
color: #4f5761;
font-size: 16pt;
text-decoration: none;
padding: 1rem;
display: block;
font-family: 'Encode Sans Condensed', sans-serif;
/* text-shadow: 1px 1px 0 white; */
}

.encode {
font-family: 'Encode Sans Condensed', sans-serif;
}

h2.encode,
h3.encode {
font-size: 18pt;
}

.font-med p {
font-size: 18pt;
}

.font-small p {
font-size: 14pt;
}

p {
font-size: 16px;
}

.max-img img {
max-width: 400px;
margin: 0 auto;
display: block;
}

.bg-comp {
background: url("../photos/There is more to Comporta.JPG") center center no-repeat;
background-size: cover;
color: white;
}


.bg-gallery3 {
background: url("../photos/the_house_bg.jpg") center center no-repeat;
background-size: cover;
color: white;
position: relative;
}

.bg-gallery7 {
background: url("../photos/lighteverywhere.jpg") center center no-repeat;
background-size: cover;
color: white;
position: relative;
}

.bg-yellow {
background: url("../photos/yellow.JPG") center center no-repeat;
background-size: cover;
position: relative;
color: white;
}

.bg-memory {
background: url("../photos/Memories.JPG") center center no-repeat;
background-size: cover;
position: relative;
color: white;
}



.bg-master {
background: url("../photos/master_suite.jpg") center center no-repeat;
background-size: cover;
position: relative;
color: white;
}


.bg-love {
background: url("../photos/Love Shack.jpg") center center no-repeat;
background-size: cover;
position: relative;
color: white;
}

.bg-flags {
background: url("../photos/love_shack_bg.jpg") center center no-repeat;
background-size: cover;
position: relative;
color: white;
}


.bg-flags:after,
.bg-gallery3:after,
.bg-love:after,
.bg-master:after,
.bg-memory:after,
.bg-gallery7:after,
.bg-yellow:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,.5);
}


.bg-flags > *,
.bg-gallery3 > *,
.bg-love > *,
.bg-master .container,
.bg-memory > *,
.bg-gallery7 .container,
.bg-yellow .container {
position: relative;
z-index: 10001;
}


.map {
	-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
			-o-filter: grayscale(100%);
			filter: grayscale(100%);
}


footer p {
font-size: .8rem;
position:relative;
}

footer hr {
max-width: 50px;
}




.grid {
	
	
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
	  
	
	}	
	.grid img{ width: 100%; padding: 7px 0;}



@media (max-width: 500px) {
		
		.grid {
	
	
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	  
	
	}
		
}




.waterbg nav {
position: fixed;
top: 0;
right: 0;
z-index: 1001;
}

.min-img img {
max-width: 600px;
margin: 0 auto;
display: block;
}