@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
input{
	border:1px solid #b0b0b0;
	padding:3px 5px 4px;
	color:#979797;
	width:190px;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


/* General Style */
body {
	font-family: 'BebasNeueRegular', Verdana, Arial, sans-serif;
	background: #000;
	font-weight: 400;
	font-size: 1em;
	color: #ccc;
	overflow-y: scroll;
	overflow-x: hidden;
}
.ie7 body {
	overflow:hidden;
}
a {
	color: #ccc;
	text-decoration: none;
}
h1 {
	letter-spacing:2px;
}
h2 {
	font-size: 1.25em;
	letter-spacing: 2px;
	font-weight:400;
	color: #fff;
	margin:0;
	text-align:center;
}

/* Headline Style */
.topline {
	font-family: 'BebasNeueRegular', Verdana, Arial, sans-serif;
	height:auto;
	line-height:auto;
	padding:12px 0px 8px 0px;
	font-size: 2em;
	text-transform: uppercase;
	color:#059;
	text-align:center;
	width: 100%;
	background: #000;
	opacity: 0.8;
	z-index: 9999;
	position: relative;
	border-bottom:0px solid #059;
}


/* Container Style */
.container {
	display:flex;
	flex-direction:column;
	position:relative;
	width: 200px;
	margin: 1em;
}
DIV.container, DIV.container IMG { 
	width:200px; 
}
.conitem  {
	display:block;
	max-width:200px;
	height:auto;
	margin:0.2em 0;
}

/* Button Style */
.iuta-button {
	padding: 0;
	margin:0;
	text-align:center;
	width:100%;
}
.iuta-challenge
{
    display: block;
	border: 3px solid #fff;
	padding: 0.5em;
	font-size: 1.4em;
	letter-spacing:3px;
	margin-top: 1em;
	color:#fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #048;
	opacity:0.9;
	cursor: pointer;
	/* Effect Rotate */
	-webkit-backface-visibility: hidden;
	-webkit-animation: rotate 12s infinite;
    -moz-animation: rotate 12s infinite;
	-o-animation: rotate 12s infinite;
	-ms-animation: rotate 12s infinite;
    animation: rotate 12s infinite;
}
@keyframes rotate {
  0%,68%, 84%, 100% {
    transform: scale(1);
  }
  70% {
    transform: scale(0.98);
  }
  72% {
    transform: scale(1.02);
  }
  74% {
    transform: scale(1.02) rotate(-3deg);
  }
  76% {
    transform: scale(1.02) rotate(2.25deg);
  }
  78% {
    transform: scale(1.02) rotate(-1.5deg);
  }
  80% {
    transform: scale(1.02) rotate(0.75deg);
  }
  82% {
    transform: scale(1.01) rotate(0);
  }
}
/*@keyframes pulse {
 0% {
    -webkit-transform: scale(1);
 }
 74% {
    -webkit-transform: scale(1);
	box-shadow: 0 0 0 0 #3c3;
 }
 75% {
    -webkit-transform: scale(0.98);
	box-shadow: 0 0 0.25em 0 #3c3;
 }
 77% {
    -webkit-transform: scale(1);
	box-shadow: 0 0 0 0 #3c3;
 }
 100% {
    -webkit-transform: scale(1);
 }
}*/

.iuta-button .iuta-challenge:hover {
	color: #048;
	background: #fff;
	border: 3px solid #048;
}
.button {
	padding: 0;
	margin:0;
	text-align:center;
	width:100%;
}
.challenge
{
    display: block;
	border: 3px solid #fff;
	padding: 0.5em;
	font-size: 1.4em;
	letter-spacing:3px;
	margin-top: 1em;
	color:#fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #048;
	opacity:0.9;
	cursor: pointer;
}
.button .challenge:hover {
	color: #ccc;
	background: #000;
	border: 3px solid #ccc;
}
.footer {
	clear:both;
    position: absolute;
    bottom:0;
	left:10px;
}
.footer A {
		color:#aaa;
}

/* ############################################## */

.cb-slideshow,
.cb-slideshow:after { 
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; 
}
.cb-slideshow:after { 
    content: '';
    background: transparent url(../images/pattern.png) repeat top left; 
}
.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 72s linear infinite 0s;
    -moz-animation: imageAnimation 72s linear infinite 0s;
    -o-animation: imageAnimation 72s linear infinite 0s;
    -ms-animation: imageAnimation 72s linear infinite 0s;
    animation: imageAnimation 72s linear infinite 0s; 
}
.cb-slideshow li div { 
    z-index: 1000;
    position: absolute;
    bottom: 2em;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    color: #fff;
    -webkit-animation: titleAnimation 72s linear infinite 0s;
    -moz-animation: titleAnimation 72s linear infinite 0s;
    -o-animation: titleAnimation 72s linear infinite 0s;
    -ms-animation: titleAnimation 72s linear infinite 0s;
    animation: titleAnimation 72s linear infinite 0s; 
}
.cb-slideshow li div h3 { 
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 9em;
    padding-bottom: 1em;
    line-height: 1em; 
}
.cb-slideshow li div h4 { 
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 6em;
	color:#059;
    padding: 8px 2px 2px 2px;
    height:auto;
	line-height:auto;
	background: #000;
	opacity:0.9;
}
.cb-slideshow li:nth-child(1) span { 
    background-image: url(../images/1.jpg) 
}
.cb-slideshow li:nth-child(2) span { 
    background-image: url(../images/2.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) span { 
    background-image: url(../images/3.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) span { 
    background-image: url(../images/4.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) span { 
    background-image: url(../images/5.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) span { 
    background-image: url(../images/6.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
.cb-slideshow li:nth-child(7) span { 
    background-image: url(../images/7.jpg);
    -webkit-animation-delay: 36s;
    -moz-animation-delay: 36s;
    -o-animation-delay: 36s;
    -ms-animation-delay: 36s;
    animation-delay: 36s; 
}
.cb-slideshow li:nth-child(8) span { 
    background-image: url(../images/8.jpg);
	-webkit-animation-delay: 42s;
    -moz-animation-delay: 42s;
    -o-animation-delay: 42s;
    -ms-animation-delay: 42s;
    animation-delay: 42s;
}
.cb-slideshow li:nth-child(9) span { 
    background-image: url(../images/9.jpg);
    -webkit-animation-delay: 48s;
    -moz-animation-delay: 48s;
    -o-animation-delay: 48s;
    -ms-animation-delay: 48s;
    animation-delay: 48s; 
}
.cb-slideshow li:nth-child(10) span { 
	background-image: url(../images/10.jpg);
	-webkit-animation-delay: 54s;
    -moz-animation-delay: 54s;
    -o-animation-delay: 54s;
    -ms-animation-delay: 54s;
    animation-delay: 54s; 
}
.cb-slideshow li:nth-child(11) span { 
    background-image: url(../images/11.jpg);
    -webkit-animation-delay: 60s;
    -moz-animation-delay: 60s;
    -o-animation-delay: 60s;
    -ms-animation-delay: 60s;
    animation-delay: 60s; 
}
.cb-slideshow li:nth-child(12) span { 
    background-image: url(../images/12.jpg);
    -webkit-animation-delay: 66s;
    -moz-animation-delay: 66s;
    -o-animation-delay: 66s;
    -ms-animation-delay: 66s;
    animation-delay: 66s; 
}
.cb-slideshow li:nth-child(2) div { 
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) div { 
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) div { 
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) div { 
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) div { 
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
.cb-slideshow li:nth-child(7) div { 
    -webkit-animation-delay: 36s;
    -moz-animation-delay: 36s;
    -o-animation-delay: 36s;
    -ms-animation-delay: 36s;
    animation-delay: 36s; 
}
.cb-slideshow li:nth-child(8) div { 
    -webkit-animation-delay: 42s;
    -moz-animation-delay: 42s;
    -o-animation-delay: 42s;
    -ms-animation-delay: 42s;
    animation-delay: 42s; 
}
.cb-slideshow li:nth-child(9) div { 
    -webkit-animation-delay: 48s;
    -moz-animation-delay: 48s;
    -o-animation-delay: 48s;
    -ms-animation-delay: 48s;
    animation-delay: 48s; 
}
.cb-slideshow li:nth-child(10) div { 
    -webkit-animation-delay: 54s;
    -moz-animation-delay: 54s;
    -o-animation-delay: 54s;
    -ms-animation-delay: 54s;
    animation-delay: 54s; 
}
.cb-slideshow li:nth-child(11) div { 
    -webkit-animation-delay: 60s;
    -moz-animation-delay: 60s;
    -o-animation-delay: 60s;
    -ms-animation-delay: 60s;
    animation-delay: 60s; 
}
.cb-slideshow li:nth-child(12) div { 
    -webkit-animation-delay: 66s;
    -moz-animation-delay: 66s;
    -o-animation-delay: 66s;
    -ms-animation-delay: 66s;
    animation-delay: 66s; 
}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -webkit-animation-timing-function: ease-in;
	}
	4% {
	    opacity: 1;
	    -webkit-transform: scale(1.05);
	    -webkit-animation-timing-function: ease-out;
	}
	8% {
	    opacity: 1;
	    -webkit-transform: scale(1.1);
	}
	17% {
	    opacity: 0;
	    -webkit-transform: scale(1.15);
	}
	100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -moz-animation-timing-function: ease-in;
	}
	4% {
	    opacity: 1;
	    -moz-transform: scale(1.05);
	    -moz-animation-timing-function: ease-out;
	}
	8% {
	    opacity: 1;
	    -moz-transform: scale(1.1);
	}
	17% {
	    opacity: 0;
	    -moz-transform: scale(1.15);
	}
	100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -o-animation-timing-function: ease-in;
	}
	4% {
	    opacity: 1;
	    -o-transform: scale(1.05);
	    -o-animation-timing-function: ease-out;
	}
	8% {
	    opacity: 1;
	    -o-transform: scale(1.1);
	}
	17% {
	    opacity: 0;
	    -o-transform: scale(1.15);
	}
	100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -ms-animation-timing-function: ease-in;
	}
	4% {
	    opacity: 1;
	    -ms-transform: scale(1.05);
	    -ms-animation-timing-function: ease-out;
	}
	8% {
	    opacity: 1;
	    -ms-transform: scale(1.1);
	}
	17% {
	    opacity: 0;
	    -ms-transform: scale(1.15);
	}
	100% { opacity: 0 }
}
@keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	}
	4% {
	    opacity: 1;
	    transform: scale(1.05);
	    animation-timing-function: ease-out;
	}
	8% {
	    opacity: 1;
	    transform: scale(1.1);
	}
	17% {
	    opacity: 0;
	    transform: scale(1.5);
	}
	100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation { 
    0% { opacity: 0 }
    4% { opacity: 0 }
	7% { opacity: 1 }
    9% { opacity: 1 }
    11% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
    0% { opacity: 0 }
    4% { opacity: 0 }
	7% { opacity: 1 }
    9% { opacity: 1 }
    11% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
    0% { opacity: 0 }
    4% { opacity: 0 }
	7% { opacity: 1 }
    9% { opacity: 1 }
    11% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
    0% { opacity: 0 }
    4% { opacity: 0 }
	7% { opacity: 1 }
    9% { opacity: 1 }
    11% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes titleAnimation { 
    0% { opacity: 0 }
    4% { opacity: 0 }
	7% { opacity: 1 }
    9% { opacity: 1 }
    11% { opacity: 0 }
    100% { opacity: 0 }
}

/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}

/* Media Queries */
@media screen and (max-width: 1140px) { 
	.topline { font-size:1.8em;}
	DIV.container, DIV.container IMG, .conitem { width:200px; }
	.container h2 { font-size:1em; }
	.iuta-challenge, .challenge { font-size:1.3em; }
    .cb-slideshow li div h3 { font-size: 7em }
	.cb-slideshow li div h4 { font-size: 4em; color:#07b; }
	.footer A {font-size: 0.875em;}
}
@media screen and (max-width: 767px) { 
	.topline { font-size:1.5em; }
	DIV.container, DIV.container IMG, .conitem { width:180px; }
	.container h2 { font-size:0.667em; }
	.iuta-challenge, .challenge { font-size:1.15em; }
    .cb-slideshow li div h3 { font-size: 4em }
	.cb-slideshow li div h4 { font-size: 2.5em; color:#07b; }
	.footer A {font-size: 0.75em;}
}
@media screen and (max-width: 414px) { 
	.topline { font-size:1.2em; }
	DIV.container, DIV.container IMG, .conitem { width:120px;}
	.container h2 { font-size:0.667em; }
	.iuta-challenge, .challenge { font-size:1.15em; }
    .cb-slideshow li div h3 { font-size: 3em }
	.cb-slideshow li div h4 { font-size: 1.5em; color:#07b; }
}
@media screen and (max-height: 414px) { 
	.topline { font-size:1.2em; }
	DIV.container, DIV.container IMG, .conitem  { width:135px;}
	.container h2 { font-size:0.667em; }
	.iuta-challenge, .challenge { font-size:.9em; }
   /* .cb-slideshow li div h3 { font-size: 3em; padding-left:calc(50% - 135px); }
	.cb-slideshow li div h4 { font-size: 1.5em; color:#07b; padding-left:calc(50% - 135px)  }*/
	 .cb-slideshow li div h3 { font-size: 3em; }
	.cb-slideshow li div h4 { font-size: 1.5em; color:#07b; }
}