/* css 2k15 */

/* main code */

body
{
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

a
{
	color: white;
	text-decoration: none;
}

a:hover
{
	color: black;
	background-color: white;
	text-decoration: none;
}

.container
{
   width: 100%;
   height: 100%;
}

.blueFullDiv
{
	width: 100%;
	/*background-color: #6DB9ED;	*/
	font-family: 'Jaldi', sans-serif;
	font-size: 92px;
	line-height: 90%;
	color: white;
	height: 100%;
	/*min-height: 100%;*/
	padding-top: 10%;
}

#threejsCanvas
{
	position: absolute;
	right: 10px;
	top: 80px;
	width: 50%; 
	height: 75%; 
	background-color: #6DB9ED;
	/*border: black 1px solid;*/
}

#thisIsMySite1 
{	
	margin-left: -30%;/*-400px; */
	font-family: 'Jaldi', sans-serif;
	font-size: 8.5vw;
	line-height: 90%;
	color: white;
}

#thisIsMySite2 
{	
	margin-left: -30%;
	font-family: 'Jaldi', sans-serif;
	font-size: 8.5vw;
	line-height: 90%;
	color: white;
}

#thisIsMySite3 
{	
	margin-left: -40%;
	font-family: 'Jaldi', sans-serif;
	font-size: 8.5vw;
	line-height: 90%;
	color: white;
}

#thisIsMySite4 
{	
	margin-left: -30%;
	font-family: 'Jaldi', sans-serif;
	font-size: 2vw;
	color: black;
	margin-top: 20px;
	z-index: 3;
}

#thisIsMySiteR
{	
	font-family: 'Jaldi', sans-serif;
	font-size: 2vw;
	color: black;
	/*margin-top: 20px;*/
	text-align: right;
	float: right;
	
	margin-right: -45%;/*-365px;*/
	/*border: black 1px solid;*/
	clear:both;
}

#thisIsMySiteR2
{
	font-family: 'Jaldi', sans-serif;
	font-size: 2vw;
	color: white;
	/*margin-top: 20px;*/
	text-align: right;
	float: right;
	
	margin-right: -60%;
	clear:right;
	/*border: black 1px solid;*/
}


.pinkFullDiv
{
	width: 100%;
	background-color: #E5A4CB;	
	font-family: 'Jaldi', sans-serif;
	font-size: 92px;
	line-height: 90%;
	color: white;
	text-align: right;
	min-height: 100%; 
}
/*
.cyanFullDiv
{
	width: 100%;
	background-color: #B7CECE;	
	font-family: 'Jaldi', sans-serif;
	font-size: 92px;
	line-height: 90%;
	color: white;
	text-align: left;
	min-height: 100%; 
}
*/

.photoFullDiv
{
	width: 100%;
	background-color: #6E7E85;	
	font-family: 'Jaldi', sans-serif;
	font-size: 92px;
	line-height: 90%;
	color: white;
	text-align: left;
	min-height: 100%; 
}

.rightPhoto
{
	float:left;
	/*border: black 1px solid;*/
	width: 50%;
	padding-top: 150px;
}

.leftPhoto
{
	float:left;
	/*border: white 1px solid;*/
	width: 50%;
	padding-top: 5%;
	/*clear:both;*/
}

#writings
{
	font-family: 'Jaldi', sans-serif;
	font-size: 92px;
	/*line-height: 90%;*/
	color: white;
	text-align: right;

	/*border: black 1px solid;*/
	margin-right: 35px;
	float: right;
	width: 38%;
	clear: both;
}

#writingsP1, #writingsP2, #writingsP3, #writingsP4
{
	font-family: 'Jaldi', sans-serif;
	font-size: 8.5vw;
	/*line-height: 90%;*/
	color: white;
	text-align: right;
	line-height: 90%;

	/*border: black 1px solid;*/
	margin-right: -37%; /*-485px;*/
	float: right;
	width: 38%;
	clear: both;
}

#writingsP5
{
	font-family: 'Jaldi', sans-serif;
	font-size: 8.5vw;
	color: white;
	text-align: right;
	line-height: 90%;
	padding-top: 10%;
	margin-right: -50%;
	float: right;
	width: 38%;
	clear: right;
}

#writingsP6, #writingsP7
{
	font-family: 'Jaldi', sans-serif;
	font-size: 8.5vw;
	color: white;
	text-align: right;
	line-height: 90%;
	margin-right: -50%;
	float: right;
	width: 38%;
	clear: right;
}

#facts1, #facts2, #facts3
{
	font-family: 'Jaldi', sans-serif;
	font-size: 8.5vw;
	color: white;
	text-align: left;
	line-height: 90%;

	/*border: black 1px solid;*/
	/*margin-right: -485px;*/
	float: left;
	/*width: 38%;*/
	clear: both;
	
	opacity: 0;
}

#factsp1, #factsp2, #factsp3
{
	font-family: 'Jaldi', sans-serif;
	font-size: 8.5vw;
	color: white;
	text-align: left;
	line-height: 90%;

	/*border: black 1px solid;*/
	margin-left: 100%;/*520px;*/
	float: left;
	clear:both;
	/*width: 38%;*/
	/*clear: both;*/
}

.simpleText2
{
	font-family: 'Jaldi', sans-serif;
	font-size: 2vw;
	color: black;
	line-height: 90%;
	
	/*border: black 1px solid;*/
	width: 450px;
	text-align:left;
	/*float:right;*/
	clear:right;

	margin-left: 100%;
}

#fishCanvas
{
	/*float: left;*/
	width: 58%;
	height: 90%;
	background-color: #E5A4CB; 
	/*border: black 1px solid;*/
}

#writingsL1, #writingsL2, #writingsL3
{
	font-family: 'Jaldi', sans-serif;
	font-size: 8.5vw;
	line-height: 90%;
	color: white;
	text-align: left;

	/*border: black 1px solid;*/
	float: left;
	clear:both;
	width: 39%;
	
	margin-left: 10px;
}

#contactForm
{
	float:left;
	clear:both;
}

#facts
{
	padding-top: 2%;
	padding-left: 10px;

	/*border: black 1px solid;*/
	float: left;
	width: 39%;
}

.simpleText
{
	font-family: 'Jaldi', sans-serif;
	font-size: 2vw;
	color: black;
	line-height: 130%;
	
	/*border: black 1px solid;*/
	clear: both;

	margin-left: -100%; /*-500px;*/
	
	padding-top: 30px;
}

#contenimento
{
	/*border: white 1px solid;*/
	/*overflow: hidden;*/
	width: 37%;
	padding-left: 11%;
	padding-top: 2%;
	float: right;
	clear: right;
}

.whiteText
{
	font-family: 'Jaldi', sans-serif;
	font-size: 2vw;
	color: white;
	line-height: 90%;
	float:left;
	clear:both;
	margin-left:10px;
}

form
{
	margin: 0;
	margin-top: 10px;
	padding: 0;
	line-height: 10%;
}

#cubeCanvas
{
	float: right;
	/*border: black 1px solid;*/
	width: 55%;
	height: 80%;
	margin-top: 2%;
}

#contactCanvas
{
	float: right;
	/*border: black 1px solid;*/
	width: 55%;
	height: 80%;
	
	position: absolute;
  top: 10%; left:50%;
}

/* */

.circleButton
{
	/*width:50px;
	height:50px;*/

	width:4vw;
	height:4vw;
	border-radius:50%;
	color: #f7941d;
	line-height: 4.5vw;
	text-align:center;
	border: #f7941d 3px solid;
	font-size: 2.5vw;
	/*box-shadow: 3px 3px 3px #a0a0a0;*/
	transition: all 0.5s ease;

	/*border: black 1px solid;*/
	clear: both;
	bottom: 10px;
  position: fixed;
  margin-left: 50%;

	z-index: 100;
}

.circleButton:hover
{
	color: #ffffff;
	border-color: #ffffff;
	cursor: pointer;
}

/* */

.styled-button-5 {
	background-color:#ed8223;
	color:#fff;
	/*font-family:'Helvetica Neue',sans-serif;*/
	font-size:18px;
	line-height:30px;
	
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	
	border:0;
	/*text-shadow:#C17C3A 0 -1px 0;*/
	width:120px;
	height:32px;
	margin-top: 10px;

	cursor: pointer;
	float:left;
	clear:both;
	
	margin-left:10px;
}           

.hyperLogo
{
	position: absolute;
	left: 2%;
	top: 20px;
}

img {border : 0;}

li:hover a
{
	background-color : transparent;
}

.mobileOnly
{
	display:none;
}

#asterisk, #asterisk2
{
	width: 4vw;
}

#fullcredits
{
	position: absolute;
	width:40%;
	color: white;
	font-family: 'Jaldi', sans-serif;
	font-size: 0.9vw;
	right: 1%;
	bottom: 12%;
}

input[type=text]
{
	float:left;
	clear:both;
	margin-left: 10px;	
}

textarea
{
	float:left;
	clear:both;
	margin-left: 10px;	
}