#myAudio {
 position: fixed;
 bottom: 0px;
 right: 0px;
}
ul.nav a:hover {
	color: #9F9F9F !important;
	background-color:white;
	border-top:2px solid #1DBAF4;
}
 @media (min-width: 768px) {
.navbar-nav {
	margin: 0 auto;
	display: table;
	table-layout: auto;
	float: none;
	width: 100%;
}
.navbar-nav>li {
	display: table-cell;
	float: none;
	text-align: center;
	
}
}



/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn {
from {
opacity:0;
}
to {
	opacity:1;
}
}
@-moz-keyframes fadeIn {
from {
opacity:0;
}
to {
	opacity:1;
}
}
@keyframes fadeIn {
from {
opacity:0;
}
to {
	opacity:1;
}
}
.fade-in {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}
.fade-in.one {
	-webkit-animation-delay: 0.7s;
	-moz-animation-delay: 0.7s;
	animation-delay: 0.7s;
}
.fade-in.two {
	-webkit-animation-delay: 1.1s;
	-moz-animation-delay:1.1s;
	animation-delay: 1.1s;
}
.fade-in.three {
	-webkit-animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
/*---make a basic box ---*/


            .style1 {
	font-size: 82pt;
}
.style2 {
	color: #999999;
	font-weight: bold;
}
.style3 {
	color: #999999;
}
.allblur {
	width:130px;
	height:100px;
	border: solid 1px #555;
	border-radius:10px;
	box-shadow:  0 0 10px 5px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 0 10px 5px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.6);
	-o-box-shadow: 0 0 10px 5px rgba(0,0,0,0.6);
}
.mybox {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius:15px;
	padding:25px 25px;
	text-align:center;
	border:1px solid #808080;
	margin-bottom:10px;
}
.myhover img:hover {
	box-shadow:0 0 5px red;
}
.myhover1 img:hover {
	box-shadow:0 0 5px #BA7E9B;
}
.myhover2 img:hover {
	box-shadow:0 0 5px #D4BC0C;
}
.myhover3 img:hover {
	box-shadow:0 0 5px green;
}
.myhover img:hover {
	box-shadow:0 0 5px red;
}

.myhover7 img:hover {
	box-shadow:0 0 5px #FB7328;
}



ul.ss {
	list-type: none;
	list-style: none;
}
.grow:hover {
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
}
#object {
	visibility: hidden;
}
.logos li a {
	color:#9F9F9F;
	opacity: 1;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.logos li a:hover {
	opacity: 0.55;
	background-color:white;
	border:none;
}
#cont:hover {
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
}
.list-group a.active_border, .list-group a.active_border:focus, .list-group a.active_border:hover {
	color:#C5C1C0;
	background-color:white;
}