/* CSS TOP BAR */

html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}

#top_menu {
	z-index: 1000;
    padding: 0px;
    margin: 0px 0px -1px -16px;
}

#top_logo_mobile {
	/* background-color: #080808; */
    position: absolute;
    width: auto;
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 10px 15px 0px 15px;
    font-size: 27px;
    color: #FFFFFF;
    height: 60px;
    border: 0px;
}

.top_menu_txt {
	/*color: #7df0fb;*/
}



.start_hide {
	display: none;
}

.start_show {
	display: block;
}

#top_bar {
	border-width: 0 0 5px;
}

#logo_top_bar {
	cursor: pointer;
}

#top_img_logo {
	width:90px; 
	margin-top:7px;  
	margin-left:12px; 
	float:left;
}

#top_span_logo {
	font-family: 'Comfortaa';
	float:left;
	text-shadow: 0 0px 0 transparent;
	font-size: 48px;
	padding-top: 38px;
    padding-left: 15px;
}

#btn_right_top {
	position: absolute;
    top: 21px;
    right: 12px;
}

.key_ico_top {
	float: left;
	margin-left: 10px;
    font-size: 30px;
    padding: 6px 10px 0px 8px;
    border-radius: 100%;
	display: none;
	cursor: pointer;
}

.exit_ico_top {
	float: left;
	margin-left: 10px;
    font-size: 30px;
    padding: 4px 8px 2px 12px;
    border-radius: 100%;
    display: none;
    cursor: pointer;
}

.alert_ico_top {
	float: left;
	margin-left: 10px;
    font-size: 30px;
    padding: 3px 10px 3px 10px;
    border-radius: 100%;
    display: none;
    cursor: pointer;
}

#navbar {
	position: relative;
	/*overflow: hidden;*/
}

._btn:hover {
	
}

.unselectable {
	-moz-user-select : none;
	-khtml-user-select : none;
	-webkit-user-select : none;
	-o-user-select : none;
	user-select : none;
}

#profile_img {
	font-size: 20px;
	margin-right: 5px;
}

.username {
	margin-left: 5px;
	margin-right: 2px;
}

.navbar-inverse .navbar-nav > li > a {
	font-variant: small-caps;
	font-size: 22px;
}

.navbar-inverse .navbar-nav:hover > li {
	/*background: #00929D;*/
	font-variant: small-caps;
	font-size: 22px;
}

.alert_msg_ico {
	color: #C00;
}

/* DIGITAL CLOCK */
#time_clock {
	position: absolute;
    font-family: 'DS-Digital';
    font-size: 18px;
    width: 100%;
    top: 14px;
    right: 20px;
    color: #7df0fb;
    display: inline-block;
    text-shadow: 0 0 0.1em #7df0fb;
    text-align: right;
}

/***************** ARROW ANIMATION *******************/
.arrow {
	position: absolute;
	text-align: center;
	margin: 8% 0;
	color: #333333;
}
.bounce {
	width: 100%;
	-moz-animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	animation: bounce 2s infinite;
}

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		transform: translateY(0);
	}
	40% {
		transform: translateY(30px);
	}
	60% {
		transform: translateY(15px);
	}
}
/*****************************************************/	

@media (max-width: 992px) {
	
}

@media (max-width: 767px) {
	#time_clock {
		font-size: 21px;
		top: 18px;
    	right: 69px;
	}
}