body,html{
	margin: 0;
	padding: 0;
	font-family: "Helvetica Neue", arial, sans-serif;
	color: #444;
}

.playball{
	font-family: 'Playball';
}

a{
	text-decoration: none;
}

/* Style for our header texts
* --------------------------------------- */
h1{
	font-size: 60px;
	font-family: arial,helvetica,sans-serif;
	color: #fff;
	margin:0;
	padding:0;
}
.intro p{
	color: #fff;
	font-size: 16px !important;
}

/* Centered texts in each section
* --------------------------------------- */
.section{
	text-align:center;
}

.pull-right{
	float: right;
}

.pull-left{
	float: left;
}

/* Fixed header and footer.
* --------------------------------------- */
#header{
	position:fixed;
	display:block;
	width: 100%;
	background: #2B0000;
	z-index:9;
	font-size:20px;
	box-shadow: 0 1px 5px black;
	text-align:center;
	color: #f2f2f2;
}
.phoneHeader{
	color: white;
	text-decoration: none;
}
.phoneHeader:hover{
	text-shadow: 0 0 2px white;
	font-weight: bold;
}
.headerContent{
	display: table;
	width: 100%;
	
}

@media (max-width: 767px) {
	.hideMobile{
		display: none !important;
	}
}

@media (min-width: 768px) {
	.showMobile{
		display: block !important;
	}
	.headerContent{
		table-layout: fixed;
	}
}

/*
 * Animation configurations ( duration and fill mode )
*/
.animated { 
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}

.bounce {
	-webkit-animation: bounce 1.5s infinite ease-in-out;
	-moz-animation: bounce 1.5s infinite ease-in-out;
	-o-animation: bounce 1.5s infinite ease-in-out;
	animation: bounce 1.5s infinite ease-in-out;
}
@-webkit-keyframes bounce { 
    0%, 100% {-webkit-transform: translateY(0);} 
    50% {-webkit-transform: translateY(-20px);} 
} 
  
@keyframes bounce { 
    0%, 100% {transform: translateY(0);} 
    50% {transform: translateY(-20px);} 
} 

#menu{
	list-style: none;
	padding: 0;
	width: 335px;
	display: inline-block;
}
#menu li{
	float: left;
	margin: 0 10px;
}
#menu li a{
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-ms-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;
	display: block;
	color: white;	
	text-decoration: none;
}
#menu li.active{
	text-shadow: 0 0 2px white;
	font-weight: bold;
}

.formTable{
	color: #333;
	border-radius: 10px;
	border: 1px solid #555;
	padding: 2%;
}

.formTable td{
	vertical-align: middle;
	font-size: 13px;
}
.formTable button{
	background: transparent;
	padding: 6px 10px;
	border: 1px solid black;
	color: #333;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-ms-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
}
.formTable button:hover{
	background: #FFF8BF;
	color: black;
}
.formTable input,
.formTable textarea
{
	padding: 5px;
	border-radius: 3px;
	border:1px solid black;
	font-family: sans-serif;
}


.headerContent > div{
	display: table-cell;
	vertical-align: middle;
	padding: 0 15px;
}

#section0 a{	
	color: darkred !important;
}
#section0 a:hover{
	color: darkred !important;
	text-shadow: 0 0 1px red;
}

#footer{
	height: 20px;
	bottom:0px;
}


/* Bottom menu
* --------------------------------------- */
#infoMenu {
	bottom: 80px;
}
#infoMenu li a {
	color: #fff;
	z-index: 999;
}
.trademark{
	color: darkred;
	text-shadow: 0 0 5 black;
}
#apiario_location {
	width: 100%;
	height: calc(100% - 71px);
	margin-top: 71px;
}

#apiarioLabel:hover button{
	display: block;
}
#apiarioLabel{
	position: absolute;
	z-index: 10;
	top: 57%;
	left: 54%;
	width: 60px;
}
#apiarioLabel img{
	float: left;
}

#apiarioLabel button{
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	border: 1px solid black;
	padding: 0px 2px;
	border-radius: 3px;
}

.picBg{
	text-shadow: 0 0 2px black;
	color: #fff ;
}

.translucid-panel{
	padding: 15px;
	line-height: 1.4em;
	color: black;
	text-shadow: 0 0 0;
	background: rgba(255,255,255,0.75);
	font-family: sans-serif;
	font-size: 16px;
	text-shadow : 0 0 3px white;
}
.translucid-panel a {
	color: #4B0000;
	text-decoration: none;
}
.translucid-panel a:hover {
	text-shadow: 0 0 1px #4B0000;
}

#introDirection{
	position: absolute;
	width: 100%;
	bottom: 0;
	z-index: 10;
}

#introDirection img{
	max-width: 15%;
}

.fa-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}

@media (max-width: 767px) {
	
	.fp-controlArrow{
		display: none;
	}

	.formTable {
		width: 80%;
	}
	.formTable textarea,
	.formTable input
	{
		width: 95%;
	}
	.esconde_mobile{
		display: none !important;
	}

}
@media (min-width: 768px) {
	
	.esconde_desktop{
		display: none !important;
	}

	.formTable textarea,
	.formTable input{
		min-width: 350px;
	}

}
#fixedLinkedin{
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 1111;
}
#fixedLinkedin a{
	font-weight: bold;
	color: #8b0000;
}