@font-face { 
font-family: Verdana, Arial, Sans-Serif;
}

.skitter {
position:relative;
height: 100%;
background:black;
margin-bottom:50px;
}

.skitter.with-dots {
margin-bottom:600px
}

.skitter .container_skitter {
overflow:hidden;
position:relative
}

.skitter .container_skitter .image_main {
}

.skitter .image {
overflow:hidden
}

.skitter .image>a img,.skitter .image>img {
display:none
}

.skitter .box_clone {
position:absolute;
top:0;
left:0;
width:100px;
overflow:hidden;
display:none;
z-index:20
}

.skitter .box_clone img {
position:absolute;
top:0;
left:0;
z-index:20;
}

.skitter .info_slide {
position:absolute;
top:15px;
left:15px;
z-index:100;
background-color:#000;
color:#fff;
font:bold 11px Arial;
padding:5px 0 5px 5px;
border-radius:5px;
opacity:0.75
}

.skitter .info_slide_dots {
position:absolute;
bottom:5px;
z-index:151;
padding:5px 0 5px 5px;
border-radius:50px
}

.skitter .info_slide_dots .image_number {
background-color:#777;
box-shadow: 0 0 5px #777;
float:left;
margin:0 10px 5px 0;
cursor:pointer;
border-radius:50px;
width:35px;
height:10px;
text-indent:-9999em;
overflow:hidden;
-webkit-transition:all 0.5s;
transition:all 0.5s
}

.skitter .info_slide_dots .image_number:hover {
background-color:#fff;
box-shadow: 0 0 5px #fff
}

.skitter .info_slide_dots .image_number.image_number_select {
background-color:#fff;
box-shadow: 0 0 5px #fff
}

.loading {
position:absolute;
top:50%;
right:50%;
z-index:10000;
margin:-16px -16px;
color:#fff;
text-indent:-9999em;
overflow:hidden;
width:50px;
height:50px
}

.label_skitter {
z-index:150;
position:absolute;
bottom:7%;
min-width: 225px;
width: 25%;
border: 0px solid transparent;
border-radius: 0 75px 75px 0;
opacity: 0.90;
filter: alpha(opacity=90);
left: 0;
display:none;
padding-right: 25px;
background-color: #2C2C2C;
}

.imageContainerHeadline {
text-transform: uppercase;
}

.label_skitter p {
font-family: Verdana, Arial, Sans-Serif;
color:#fff;
padding:5px;
padding-left:40px;
padding-right:20px;
margin:0;
margin-bottom:20px;
font-size:24px
}

.label_skitter h2 {
font-family: Verdana, Arial, Sans-Serif;
color:#fff;
padding-top: 20px;
padding-left:30px;
margin:0;
font-size:24px
}

#overlay_skitter {
position:absolute;
top:0;
left:0;
z-index:9998;
opacity:1;
background-color:#2C2C2C;
}

.skitter-round .info_slide {
background-color:transparent
}

@media (height: 100%;) {
.skitter .info_slide_dots,.skitter .info_slide {display:none}
}

.skitter-spinner {
padding:10px 12px;
border-radius:100%;
pointer-events:none;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%)
}

.skitter-spinner .icon-sending {
display:inline-block;
-webkit-animation:rotateMe 500ms linear infinite;
animation:rotateMe 500ms linear infinite;
border-radius:100%;
border:5px solid white;
border-bottom-color:transparent;
width:50px;
height:50px;
vertical-align:top;
}

@-webkit-keyframes rotateMe {
0% {-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}

@keyframes rotateMe {
0% {-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}