@charset "utf-8";
/* CSS Document */

h1,h2,h3,h4,h5,h6 {font-family: 'Montserrat', sans-serif;}

body {font-family: 'Open Sans', sans-serif;}
	
.w3-bar-block .w3-bar-item {padding:20px}

@font-face {
	font-family:helvetica-bold;
    src:url('../../fonts/HelveticaNeue-Bold.ttf');
}

@font-face {
	font-family:helvetica-ultra;
    src:url('../../fonts/HelveticaNeue-UltraLight.ttf');
}

/*Image Overlay Starts Here*/
.container {
    position: relative;
}

.image {
    display: block;
    width: 100%;
    height: auto;
}

.overlay {
	position: absolute;
	height: auto;
	width: 100%;
	bottom: 90px;
	transition: 0.5s;
}
	
.text-name {
	color: white;
  	position: absolute;
	padding:5%;
  	height: auto;
  	width: 91%;
  	background-color: #10312B;
}

.text-profile {
  	color: white;
  	position: absolute;
	margin-top: 25%;
	padding:3%;
  	height: auto;
  	width: 91%;
	cursor: pointer;
	opacity: 0;
	filter: Alpha(opacity=0); /* IE8 and earlier */
	transition: 0.2s;
	 -webkit-transition: 0.2s; /* Safari prior 6.1 */
}

.overlay:hover {
	padding-bottom: 55px;
}
	
	
.overlay:hover .text-profile {
	opacity: 1;
	filter: Alpha(opacity=100); /* IE8 and earlier */
}

.text {
    color: white;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.main-navigation {
	transition: all 0.3s ease-in-out;		
}	

/*Back to top button */
#back-top {
    position:fixed;
	top:505px 0px;
	right:20px;
	margin-right:2%;
}

#back-top a {
    width:50px;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	/* background color transition */
	-webkit-transition:1s;
	-moz-transition:1s;
	-o-transition:1s;
	ms-transition:1s;
	transition:1s;
}

#back-top a:hover {
	color:#107411;
}

/* arrow icon (span tag) */
#back-top span {
	width:60px;
	height:60px;
	padding-top:5%;
	display:block;
	background:#666 no-repeat center center;
	/* rounded corners */
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	-o-border-radius:50px;
	ms-border-radius:50px;
	border-radius:50px;
	/* background color transition */
	-webkit-transition:1s;
	-moz-transition:1s;
	-o-transition:1s;
	ms-transition:1s;
	transition:1s;
}

#back-top a:hover span {
	background-color:#333;
}

#btnBackTop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #10312B;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 50px;
    font-size: 18px;
}

#btnBackTop:hover {
    background-color: #ffffff;
    outline: auto;
    outline-color: #10312B;
}

#btnBackTop:hover span {
    color: #10312B;
}