/* Start Top */

@keyframes ClaimAni {
0% {transform: translateX(-100%);}
100% {transform: translateX(0);}
}

@keyframes heartBeat {
0% {transform: scale(1);}
5% {transform: scale(1.05);}
10% {transform: scale(1);}
15% {transform: scale(1.02);}
20% {transform: scale(1);}
100% {transform: scale(1);}
}

#smcon {
z-index: 5;
position: absolute;
bottom: 25px;
width: 100%;
text-align: center;
}

#slides {
position: relative;
padding: 0px 0px 0px 0px;
}

#logo_claim {
position: absolute;
top: 35px;
left: 3%;
z-index: 33;
width: 30%;
max-width: 415px;
height: auto;
overflow: hidden;
padding: 5px 0px 0px 5px;
}

#ahoylogo_sl {
z-index: 55;
width: 46%;
height: auto;
animation-name: heartBeat;
animation-duration: 3s;
animation-iteration-count: 1;
animation-delay: 2s;
transform: scale(1);
transition: all 200ms ease 10ms;
}

#ahoyclaim_sl {
width: 92%;
height: auto;
margin: 10% 0px 80px 0px;
animation-name: ClaimAni;
animation-duration: 500ms;
animation-iteration-count: 1;
animation-delay: 0;
}

#menuline {
font-size: 95%;
position: absolute;
left: 3.5%;
bottom: 25px;
text-align: center;
z-index: 33;
background: #ffffff;
color: #000000;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
padding: 2px 10px 2px 10px;
transform: scale(1);
}

#menuline a {
color: #000000;
text-decoration: none;
}

#menuline a:hover {
color: #000000;
text-decoration: underline;
}

#wlsl {
width: 155px;
height: 2px;
background: #ffffff;
margin: 0px auto;
}

#slides li { margin-left: 0px; }

#slides .slides-container {
  display: none;
}

#slides .slides-container img {
margin: 0px 0px 0px 0px;
}

#slides .scrollable {
  *zoom: 1;
  position: relative;
  top: 0;
  left: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height: 100%;
}

#slides .scrollable:after {
  content: "";
  display: table;
  clear: both;
}


.slides-navigation {
  margin: 0 auto;
  position: absolute;
  z-index: 9;
  top: 55%;
  width: 100%;
  display: block;
}



.slides-navigation a {
  position: absolute;
  display: none;
width: 42px;
height: 54px;
opacity: 0.3;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}

.slides-navigation a:hover {
opacity: 1.0;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}


.slides-navigation a.prev {
  left: 50px;
background: url(imgs/arrow-left.png) no-repeat;
background-size: 100%;
}
.slides-navigation a.next {
  right: 50px;
background: url(imgs/arrow-right.png) no-repeat;
background-size: 100%;
}

.slides-pagination {
  position: absolute;
  z-index: 3;
  bottom: 120px;
  text-align: center;
  width: 100%;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}

.slides-pagination a {
  border: 2px solid #ffffff;
  border-radius: 8px;
  width: 8px;
  height: 8px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=");
  margin: 5px;
  overflow: hidden;
  text-indent: -100%;
}

.slides-pagination a.current {
background: #eb4b8b;
}



.slides-infobox {
background: rgba(166,152,149,0.5);
padding: 30px 70px 30px 70px;
position: absolute;
left: 0; 
right: 0; 
margin-left: auto; 
margin-right: auto; 
bottom: 80px;
color: #ffffff;
width: 100%;
max-width: 1120px;
}

.slides-infobox h5 {
font-weight: 400;
padding: 0px;
margin: 0px;
font-size: 2.5em;
line-height: 125%;
text-transform: uppercase;
letter-spacing: 2px;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}

.si-topic {
padding: 10px 0px 0px 0px;
font-size: 1.2em;
font-style: italic;
letter-spacing: 2px;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}





@media only screen and (max-width: 900px) {

#logo_claim {
position: absolute;
top: 30px;
left: 25px;
z-index: 33;
width: 50%;
max-width: 415px;
height: auto;
}

#ahoylogo_sl {
width: 50%;
height: auto;
}

#ahoyclaim_sl {
width: 100%;
height: auto;
margin: 20% 0px 80px 0px;
}

#menuline {
position: absolute;
left: 6px;
bottom: 30px;
text-align: center;
z-index: 33;
background: #ffffff;
color: #000000;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
padding: 2px 10px 2px 10px;
transform: scale(0.8);
}

}



@media only screen and (max-width: 600px) {

#logo_claim {
position: absolute;
top: 30px;
left: 25px;
z-index: 33;
width: 60%;
max-width: 415px;
height: auto;
}

#ahoylogo_sl {
width: 50%;
height: auto;
}

#ahoyclaim_sl {
width: 100%;
height: auto;
margin: 25% 0px 80px 0px;
}

#slides .slides-container img {
margin: 0px 0px 0px -100px;
}


}