/* ------ COMMON ----- */

body {
	background-color: #1010A0;
    background-image: url('../images/background.jpg');
    background-position: center top;
    background-repeat: no-repeat;	
	background-attachment: fixed;
}
	

.block {
    border : 2px solid #000000;
	border-radius: 25px;
	background-color: #FFFFFF;
	margin-top: 15px;
	padding:10px;
}

.row {
    border : 2px solid #000000;
	border-radius: 5px;
	background-color: #EEEEEE;
	margin: 10px 0 10px 0;
	padding-top: 20px;
	padding-bottom: 40px;
}

.col-md-1 {
	padding: 0px;
	width: 7%;
}

.col-md-5 {
	padding: 2px;
}

.col-md-6 {
	padding: 2px;
}

.img {
	width: 100%;
	padding: 12px;
}

/*  ------ SLIDESHOW ----- */

.slideshow {
	padding: 2px;
}

#slideClient {
	width: 100%;
	padding-left: 12px;
}

#slideServer {
	width: 100%;
}

/*  ------ ARROWS-LEFT ----- */

.arrows-left {
	position: relative;
	width: 50px;
	height: 50px;
}

.arrows-left:before {
	content: '';
	position: absolute;
	top: 100%;
	width: 50%;
	height: 50%;
	border-left: 20px solid rgba(0, 0, 0, 0.1);
	border-bottom: 20px solid rgba(0, 0, 0, 0.1);
	transform: translate(80px, 0px) rotate(45deg);
	animation: arrows-left 2.1s linear infinite;
}

.arrows-left:after {
	content: '';
	position: absolute;
	top: 100%;
	width: 50%;
	height: 50%;
	border-left: 20px solid transparent;
	border-bottom: 20px solid transparent;
	transform: translate(80px, 0px) rotate(45deg);
	animation: arrows-left 2.1s linear infinite 1.2s;
}

@keyframes arrows-left {
  0% {
    border-left: 10px solid rgba(0, 0, 0, 0.2);
    border-bottom: 10px solid rgba(0, 0, 0, 0.2);
    transform: translate(50px, 0px) rotate(45deg);
  }
  20% {
    border-left: 8px solid rgba(0, 0, 0, 0.4);
    border-bottom: 8px solid rgba(0, 0, 0, 0.4);
    transform: translate(40px, 0px) rotate(45deg);
  }
  40% {
    border-left: 6px solid rgba(0, 0, 0, 0.6);
    border-bottom: 6px solid rgba(0, 0, 0, 0.6);
    transform: translate(30px, 0px) rotate(45deg);
  }
  60% {
    border-left: 4px solid rgba(0, 0, 0, 0.8);
    border-bottom: 4px solid rgba(0, 0, 0, 0.8);
    transform: translate(20px, 0px) rotate(45deg);
  }
  80% {
    border-left: 2px solid rgba(0, 0, 0, 1.0);
    border-bottom: 2px solid rgba(0, 0, 0, 1.0);
    transform: translate(10px, 0px) rotate(45deg);
  }
  100% {
    border-left: 1px solid rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    transform: translate(0px, 0px) rotate(45deg);
  }
}

/*  ------ ARROWS-RIGHT ----- */

.arrows-right {
	position: relative;
	width: 50px;
	height: 50px;
}

.arrows-right:before {
	content: '';
	position: absolute;
	top: 100%;
	width: 50%;
	height: 50%;
	border-left: 20px solid rgba(0, 0, 0, 0.1);
	border-bottom: 20px solid rgba(0, 0, 0, 0.1);
	transform: translate(20px, 0px) rotate(-135deg);
	animation: arrows-right 2.1s linear infinite;
}

.arrows-right:after {
	content: '';
	position: absolute;
	top: 100%;
	width: 50%;
	height: 50%;
	border-left: 20px solid transparent;
	border-bottom: 20px solid transparent;
	transform: translate(20px, 0px) rotate(-135deg);
	animation: arrows-right 2.1s linear infinite 1.2s;
}

@keyframes arrows-right {
  0% {
    border-left: 10px solid rgba(0, 0, 0, 0.2);
    border-bottom: 10px solid rgba(0, 0, 0, 0.2);
    transform: translate(0px, 0px) rotate(-135deg);
  }
  20% {
    border-left: 8px solid rgba(0, 0, 0, 0.4);
    border-bottom: 8px solid rgba(0, 0, 0, 0.4);
    transform: translate(10px, 0px) rotate(-135deg);
  }
  40% {
    border-left: 6px solid rgba(0, 0, 0, 0.6);
    border-bottom: 6px solid rgba(0, 0, 0, 0.6);
    transform: translate(20px, 0px) rotate(-135deg);
  }
  60% {
    border-left: 4px solid rgba(0, 0, 0, 0.8);
    border-bottom: 4px solid rgba(0, 0, 0, 0.8);
    transform: translate(30px, 0px) rotate(-135deg);
  }
  80% {
    border-left: 2px solid rgba(0, 0, 0, 1.0);
    border-bottom: 2px solid rgba(0, 0, 0, 1.0);
    transform: translate(40px, 0px) rotate(-135deg);
  }
  100% {
    border-left: 1px solid rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    transform: translate(50px, 0px) rotate(-135deg);
  }
}