/* CSS Document */

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}


body, html {
	height: 			100%;

	margin: 			0;
	padding: 			0;
	
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			12px;

	color: 				#333;
}



.title {
	font-family:	Arial Black;
	font-size:		120px;
	letter-spacing:	-5px;
	color:			#006699;
}

.moto {
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		18px;
	letter-spacing: 22px;
	font-weight:	bold;
	opacity:		0.2;
	text-transform: uppercase;
}

.menu {
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		11px;
	letter-spacing: 4px;
	font-weight:	900;
	text-transform: uppercase;
}

.btnDownload {
	font-family:	Arial, Helvetica, sans-serif;
	color: 			#fff;
	text-decoration:none;
	padding:		5px;
	opacity:		1 !important;

}

.btnDownload:hover { 
    background-color:	#ccc;
	padding:			8px;
	border-radius: 		2px;
}


.title > span {
    float:none;
	/* Safari */
	-webkit-transform: rotate(30deg);

	/* Firefox */
	-moz-transform: rotate(30deg);

	/* IE */
	-ms-transform: rotate(30deg);

	/* Opera */
	-o-transform: rotate(30deg);
}

.footer {
    position:fixed;bottom:0;
    width:100%;
    display:block;
	text-align: center;
	white-space: nowrap;
}
	
.copyRight {
	opacity: 		0.5;
	font-family: 	Arial;
	font-size:		10px;
	color:			#999999;
	letter-spacing: 8px;
	text-transform: uppercase;

}




/* TOOLTIPS */

.tooltip {
			position: relative;
}

.tooltiptext {
			display: 		none;
						
			position: 		absolute;
			z-index: 		2;
			
			min-height: 	100%;
			min-width: 		40%;
			
			column-count: 	4;

		    background: 	#fff;
			color:			#000;
			opacity:		0.75;
			
			text-align:		left;
			font-size:		9px;
			
			letter-spacing: 1px;
			line-height:	18px;
			
			padding: 		15px;
			
			border-radius: 	3px;
		 	box-shadow: 	0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 5px 100px 0 rgba(0, 0, 0, 0.19);
  
			font-family:	Verdana, Arial, Helvetica, sans-serif;
}

.tooltip:hover .tooltiptext {
	    	display: 		block;
}





a {
	text-decoration:	none;
	text-transform: 	uppercase;
	letter-spacing:		2px;
	font-family:		Arial;
	font-size:			smaller;
}


.hyper:hover {
	padding: 			10px;
	background-color:	#eee;
	color: 				#000;
}