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

.menu_contact {
	font-size:12px;
	margin-right:20px;
}


.fa-caret-right{
  transform: rotate(0deg);
  transition: transform 0.5s linear;
}

.fa-caret-right.open{
  transform: rotate(90deg);
  transition: transform 0.5s linear;
}

.name_contact {
	font-size:12px;
	font-weight: bold;
}
.info_contact {
	font-size:12px;
}

.info_email {
	margin : 10px 0 0px 0;
	text-transform: lowercase;
}

.info_phone {
	margin : 10px 0 5px 0;
}

#menu_contact {
	position : fixed;
	width: 100%;
	height: 56px;
	z-index:2000;
	background:#FFFFFF;
	-webkit-box-shadow:  1px 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow:  1px 1px 2px rgba(0, 0, 0, 0.1);
}

.contact_on {
	color:#000000;
}

.officer_contact {
	font-size:11px;
	text-transform: uppercase;
	cursor: pointer;
	color: #888888
}
.officer_contact:hover {
	color: #000000
}

.my_black_text {
	color: #000000
}


.my_fade_forwards {
 	-webkit-animation: my_fade 1s ease-in-out ;
	animation: my_fade 1s ease-in-out  ;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	opacity: 1;
}

#top_contact {
	margin-top : 50px;
	height: 300px;
	opacity : 0;
}

@media (max-width: 768px) {
	.menu_contact {
		font-size:9px;
		margin-right:7px;
	}
	#top_contact {
		margin-top : 50px;
		height: 200px;
	}
}