/*//////////////////////////////////////////////////////////////////
[ FONT ]*/

@font-face {
  font-family: Montserrat-Regular;
  src: url('../fonts/montserrat/Montserrat-Regular.ttf'); 
}

@font-face {
  font-family: Montserrat-Medium;
  src: url('../fonts/montserrat/Montserrat-Medium.ttf'); 
}

/*//////////////////////////////////////////////////////////////////
[ RESTYLE TAG ]*/
* {
	margin: 0px; 
	padding: 0px; 
	box-sizing: border-box;
}

body, html {
	height: 100%;
	font-family: sans-serif;
}

.modal .photo{
	width: 275px;
	height: auto;
}

/*======== navbar =======*/

.navbar{
	padding: 0rem;
}

.menu-bar{
	padding: 0;
	border-bottom: 1px solid #ACC9B4;
	box-shadow: 0px 7px 8px rgba(0, 0, 0, 0.1);
}

.nav-item {
	/*padding: 15px;
	border-bottom: 2px solid #fff;*/
	-webkit-transition: border-bottom .3s ease-out;
	-moz-transition: border-bottom .3s ease-out;
	-o-transition: border-bottom .3s ease-out;
	transition: border-bottom .3s ease-out;
}

.nav-item a{
	font-size: 14px;
	border-bottom: 2px solid #fff;
	color: #000;
	-webkit-transition: border-bottom .3s ease-out;
	-moz-transition: border-bottom .3s ease-out;
	-o-transition: border-bottom .3s ease-out;
	transition: border-bottom .3s ease-out;
}

.nav-item a:hover{
	border-bottom: 2px solid #BD380C;
	-webkit-transition: border-bottom .3s ease-out;
	-moz-transition: border-bottom .3s ease-out;
	-o-transition: border-bottom .3s ease-out;
	transition: border-bottom .3s ease-out;
}

.nav-item a:active{
	border-bottom: 2px solid #077528;
}

/*======== profile header =======*/

.profilehead img{
	width: 90%;
	height: auto;
	margin: 20px 0;
}

/* ------------------------------------ */

.head2 {
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
}

ul, li {
	margin: 0px;
	list-style-type: none;
}

/* ======== Footer ==========*/

.footer{
	background: #054808 none repeat scroll 0% 0%;
	padding: 10px;
	border-top: 1px solid #ededed; 
}

.footer p{
	margin-top: 10px;
	text-align: center;
	color: #fff;
}

.footer a:active,.footer a:visited,.footer a:hover,.footer a:link{
	color: #fff;
}