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


@font-face {
  font-family: 'kasantenna';
  font-style: normal;
  font-weight: 400;
  src: local('kasantenna'), local('kasantenna-Regular'), url("fonts/UKASAntenna05Regular.woff") format('woff');
}

@font-face {
  font-family: 'kasantenna';
  font-style: bold;
  font-weight: 900;
  src: local('kasantenna'), local('kasantenna-Bold'), url("fonts/U2KASAntenna07Bold.woff") format('woff');
}

a:visited, a:focus, a:valid, area:focus { 
  outline: none;
	border: none;
}

#bottombox {
	  box-shadow: 0 9px 0px 0px white, 0 -9px 0px 0px white, 12px 0 15px -4px rgb(192, 200, 202), -12px 0 15px -4px rgb(192, 200, 202);
}

#dekaetia-rsp {
	    position: absolute;
    right: 7px;
    bottom: -22px;
    z-index: 999;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 0 10px;
    color: #939598!important;
    font-size: 13px;
    font-weight: 700;
	display: none;
}

#mynavbar {
	    padding-top: 3px;
    padding-bottom: 4px;
	height: 50px;
	align-items: flex-end;
	 
}


#logo {
	
    max-height: 30px;
}


.nav-item a {
	color: #939598!important;
	padding-right: 2px!important;
    padding-left: 2px!important;
	font-size: 13px;
	font-weight: 700;
	padding-bottom: 3px;
}

.nav-item.active a {
	color: #000000;
}

.nav-link.active {
	color:#c7252c!important;
}

.dekaetia {
	margin-top: 8px;
	color: #939598;
}

#sponsor-header-rsp {
	display: none;
}

#sponsor-header-rsp div {
	display:inline-block;
	line-height:30px;
}

#sponsor-header  {
	height:30px;
	line-height:30px;
	margin-bottom: 5px;
}

#sponsor-header div {
	display:inline-block;
	line-height:30px;
}

.sponsor-text {
	top: -5px;
	position: relative;
	font-weight: 500;
	font-size: 15px;
	
}

.sponsor-logo {
	vertical-align: text-bottom;
}

.nav2-item {
	padding-bottom: 20px;
	   padding-top: 20px;
	
}

.nav2-item.firstrow::before {
  content : "";
  position: absolute;
  left    : 5%;
  bottom  : 0;
  height  : 1px;
  width   : 88%;
  border-bottom:3px solid #fff;
}
.nav2-item::after {
  content : "";
  position: absolute;
  right    : 0;
  top  : 5%;
  height  : 88%;
  width   : 1px;
  border-right:3px solid #fff;
}

.firstrow:nth-child(4)::after {
  
  border-right:none;
}

.secondrow:nth-child(4)::after {
  
  border-right:none;
}
.nav2-item-icon  {
	height:60px;
	
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.icon1 {
	background-image: url("timeline-images/icon-1.png");
}
.icon2 {
	background-image: url("timeline-images/icon-2.png");
}
.icon3 {
	background-image: url("timeline-images/icon-3.png");
}
.icon4 {
	background-image: url("timeline-images/icon-4.png");
}
.icon5 {
	background-image: url("timeline-images/icon-5.png");
}
.icon6 {
	background-image: url("timeline-images/icon-6.png");
}
.icon7 {
	background-image: url("timeline-images/icon-7.png");
}
.icon8 {
	background-image: url("timeline-images/icon-8.png");
}

.icon9 {
	background-image: url("timeline-images/icon-9.png");
}


a.nav2-item-link .nav2-item-title  {
	font-size: 18px;
	color:#636c6c;
	font-family: "kasantenna";
	line-height: 22px;
	margin-top:5px;
	letter-spacing: 0.5px;
	text-decoration: none!important;
	-webkit-transform:scale(1.1,1); /* Safari and Chrome */
    -moz-transform:scale(1.1,1); /* Firefox */
    -ms-transform:scale(1.1,1); /* IE 9 */
    -o-transform:scale(1.1,1); /* Opera */
    transform:scale(1.1,1); /* W3C */
}
a.nav2-item-link:hover, a.nav2-item-link:hover .nav2-item-title   {
	
	/*color:#c6252b!important;*/
	color:#000000!important;
	text-decoration: none!important;

}
a.nav2-item-link:hover .icon1 {
	background-image: url("timeline-images/icon-1-black.png");
}
a.nav2-item-link:hover .icon2 {
	background-image: url("timeline-images/icon-2-black.png");
}
a.nav2-item-link:hover .icon3 {
	background-image: url("timeline-images/icon-3-black.png");
}
a.nav2-item-link:hover .icon4 {
	background-image: url("timeline-images/icon-4-black.png");
}
a.nav2-item-link:hover .icon5 {
	background-image: url("timeline-images/icon-5-black.png");
}
a.nav2-item-link:hover .icon6 {
	background-image: url("timeline-images/icon-6-black.png");
}
a.nav2-item-link:hover .icon7 {
	background-image: url("timeline-images/icon-7-black.png");
}
a.nav2-item-link:hover .icon8 {
	background-image: url("timeline-images/icon-8-black.png");
}
a.nav2-item-link:hover .icon9 {
	background-image: url("timeline-images/icon-9-black.png");
}



.date a:hover, .txt a:hover {
	cursor:pointer;
}

.column a:hover .date {
	color:#c6252b!important;
	/*font-size: 16px;*/
}



@media (max-width: 1199px){
	
	

	#mynavbar {
	
		align-items: flex-end;
	}
    
	
	
	#timeline-navbar {
		margin-top:-3px;
		background-color: #fff;
	}
	
	.nav-item  {
		text-align:center;
	}
	
	/*#sponsor-header {
		height: 30px;
    line-height: 30px;
    margin-top: 0;
    text-align: center;
    margin-bottom: 5px;
	}*/
}

@media (min-width: 992px) and ( max-width: 1085px) {

	.sponsor-text {
		display:none!important;
	}
	
}

@media (min-width: 992px)  {

	.navbar-collapse {

		align-items: flex-end;
	}
	
}



@media (max-width: 991px) {
	
	#dekaetia-rsp {
		
		display: block;
	}
	
	#sponsor-header-rsp {
		height:30px;
		line-height:30px;
		position: absolute;
		right: 70px;
		top:12px;
		display: block;
	}
	
	
	#sponsor-header  {
		display:none;
		}
	
	.navbar-toggler {
		padding: .15rem .35rem;
		font-size: 1.25rem;
		line-height: 1;
		background-color: transparent;
		border: 1px solid transparent;
		border-radius: .25rem;
		margin-bottom: 4px;
	}
	
	.navbar-toggler-icon {
	
		width: 1em;
		height: 1.2em;

	}
	
	.nav2-item.secondrow::before {
	  content : "";
	  position: absolute;
	  left    : 5%;
	  bottom  : 0;
	  height  : 1px;
	  width   : 88%;
	  border-bottom:3px solid #fff;
	}
	
	.firstrow:nth-child(2)::after {

	  border-right:none;
	}

	.secondrow:nth-child(2)::after {

	  border-right:none;
	}
	
	.secondrow:nth-child(3)::before, .secondrow:nth-child(4)::before {

	  border-bottom:none;
	}
	
}

@media (min-width: 768px) {
	.navbar-expand-md .navbar-nav .nav-link {
		padding-right: .3rem;
		padding-left: .3rem;
	}
}

@media (max-width: 768px) {
	#sponsor-header-rsp .sponsor-text {
		display: none;
	}
	
	
}

@media (max-width: 640px) {
	
	#sponsor-header-rsp  {
		display: none;
	}
	
	#sponsor-header {
		height: 30px;
		line-height: 30px;
		margin-top: 10px;
		text-align: center;
		margin-bottom: 10px;
		    width: 100%;
		display:inline-block;
	}
}



@media (max-width: 575px) {
	#logo {
		margin-left: 0;
	}
	
	#sponsor-header {
		height: 30px;
		line-height: 30px;
		margin-top: 10px;
		text-align: center;
		margin-bottom: 10px;
		    width: 100%;
		display:inline-block;
	}
}

@media (max-width: 425px) {
	
	#mynavbar {
		
		height: 47px;
		
	}
	
	#logo {
		max-width:275px;
	}
	
	
	
	
}

@media (max-width: 320px) {
	#logo {
		max-width:238px;
	}
}