@font-face {
    font-family: 'ADLaM-Display';
    font-style: normal;
    font-weight: normal;
    src: local('ADLaM-Display'), url('fonts/ADLaM-Display.woff') format('woff');
    }

*{

	margin: 0;

	padding: 0;

	/*font-family: sans-serif;*/

}

nav ul{

	display:inline;

  list-style-type: none;	

	padding:0px;

	float:left;

}

nav ul li{

	  list-style-type: none;

	display:inline-block;

	color:#312F2F!important;

	float:left;

	margin-left:12px; 
	
 font-family: 'ADLaM-Display';
}

nav ul li a{
 font-family: 'ADLaM-Display';
	  list-style-type: none;
    	color:#847261!important;
 }
nav ul li a:hover{
   	color:#f9851d!important;
 }

.team-section{

	overflow: hidden;

	text-align: center;

	background:#34495e;

	padding: 60px;

}

.team-section h1{

	text-transform: uppercase;

	margin-bottom: 60px;

	color: white;

	font-size: 40px;

}

.border{

	display: block;

	margin: auto;

	width: 160px;

	height: 3px;

	background: #3498db;

	margin-bottom: 40px;

}

.ps{

	margin-bottom: 40px;

}

.ps a{

	display: inline-block;

	margin: 0 30px;

	width: 160px;

	height: 160px;

	overflow: hidden;

	border-radius: 50%;

}

.ps a img{

	width:100%;

	filter: grayscale(100%);

	transition: 0.4s all;

}

.ps a:hover > img{

	filter: none;

}

.section{

	width:600px;

	margin: auto;

	font-size: 20px;

	color: white;

	text-align: justify;

	height: 0;

	overflow: hidden;

}

.section:target{

	height: auto;

}

.name{

	display: block;

	margin-bottom: 30px;

	text-align: center;

	text-transform: uppercase;

	font-size: 22px;

}



/* Landing Page */

@keyframes slideInFromUp {
  0% {
    transform: translateY(-20%);
  }
  100% {
    transform: translateX(0);
  }
}

.logoHolder {display:none; width: 100%;text-align: center;  
  animation: 1s ease-out 0s 1 slideInFromUp;
}

@keyframes slideInFromLeft {
  0% {
    transform: translateX(-5%);
  }
  100% {
    transform: translateX(0);
  }
}
 

@keyframes slideInFromUDown {
  0% {
    transform: translateY(+20%);
  }
  100% {
    transform: translateX(0);
  }
}
 

.USP {
border:0 solid #ccc;
width:80%;
padding: 20px;
margin: 0 auto;
margin-bottom: 5px;
background: #FBE9B4;
	border-radius:20px;
}

.USP .CTA {
background: #fff;
}

#WelcomeText {display:none;}
#WelcomeText2 {display:none;}

#ups1,#ups2,#ups3,#ups4,#ups5,#cta {display:none;}
#ups2  {background: #DEF7B9;}
#ups3  {background: #E0ACF7;}
#ups4  {background: #99D1FB;}
#ups5  {background: #A9FBF2;}
#cta { background: #e8e8e8; font-weight: bold; color:#007bff; }



.signup { width:100%!important;}



/* toltip ****************/
.mytooltip {
  position: relative;
  display: inline-block;
  /*border-bottom: 1px dotted black;*/
}

.mytooltip .tooltiptext {
  visibility: hidden;
  width:auto;
  max-width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 10px;
  	

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  font-size:12px;
}

.fa-wallet {text-shadow: 0 0 3px #fff, 0 0 5px #fff;}
.tooltiptext.sharedUserPhoto {margin-left:20px; margin-bottom:20px; background-color:#90070A;}

.mytooltip:hover .tooltiptext {
  visibility: visible;
}


.statusMessage {display:none;}


@media (min-width: 1024px) {
	
 .nav-link {
        padding-right: .2rem!important;
        padding-left: .2rem!important;
        font-size: 0.8em;
	    }
	
 ul.navbar-nav {
     margin-left: 30px;
         }
	
	
 }