*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:focus {    outline: none;   }
   
body {	margin:0;
		padding:0;
		font-family: 'LatoWeb', sans-serif;
		background:#E8E8E8;
		color:#4D5E67;
		overflow:hidden;
		overflow-x: hidden; }
		
		
html, body { height:100vh;
			-webkit-overflow-scrolling: touch;}
		
img { 	border:0;}

ul {	list-style:none;}
		
.content-intro {	width:100%;
					min-height: calc(100% - 35px);
					min-height: -moz-calc(100% - 35px);
					min-height: -webkit-calc(100% - 35px);
					min-height: -o-calc(100% - 35px);}

					
.content		 {	width:100%;
					min-height: calc(100% - 130px);
					min-height: -moz-calc(100% - 130px);
					min-height: -webkit-calc(100% - 130px);
					min-height: -o-calc(100% - 130px);}
					

/** SCROLL
********************************************/


#panel-0,					
#panel-1,
#panel-2,
#panel-3,
#panel-4,
#panel-5,
#panel-6,
#panel-7 { height:100%; overflow-y:scroll ;padding-bottom:80px; }

.mask-top { height:75px;}



/**** Scroll BAR 
**********************************************
/* Let's get this party started */
::-webkit-scrollbar {
    width: 8px;
}
 
/* Track */
::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
    -webkit-border-radius: 10px;
    border-radius: 10px;
	background: #00789d;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #f68e00; 
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/ 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #00B5E5; 
}
/*
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(246,142,0,0.4); 
}*/







/*****RESPONSIVE *******************************************/
@media ( max-width : 1023px ) {
	.mask-top { height:160px;} }

@media ( max-width : 599px ) {
	.mask-top { display:none; } }