.shadow {
    width:100%;
    max-width:900px;
    height:60px;
    background-image: url(http://surgd.com/cycle2/shadow2.png);
    background-position:center top;
    margin:0 auto;
}
.about {
    font-size:16px;
    color:#333;
    text-align:center;
    width:100%;
}
/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 10px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px !important; height: 16px !important; 
    display: inline-block; background-color: rgba(0,0,0,0.4); cursor: pointer; border-radius:100%; margin: 0 4px;
}
.cycle-pager span.cycle-pager-active { background-color: rgba(0,0,0,1);}
.cycle-pager > * { cursor: pointer;}


.cycle-overlay {
    position:absolute;
    bottom:auto;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:0;
    background:#333;
    padding:0;
    opacity:1
}
.banner-background {
    width:100%;
    height:100%;
    background-position:center;
    background-size:cover;
    position:absolute;
    top:0;
    left:0;
    z-index:10;
}
.cycle-slideshow {
    width:100%;
    height:500px;
    background-position:center;
    background-size:cover;
    color:#fff;
    overflow:hidden;
}
.cycle-slideshow ul, .cycle-slideshow li {
    width:100%;
    height:100%;
    overflow:hidden;
}
.cycle-slideshow img {
    width:100%;
    min-width:100%;
    min-height:100%;
}
.cycle-caption {
    width:1200px;
    height:100%;
    padding:20px;
    position:absolute;
    top:200px;
    right:0;
    z-index:20;
    opacity:1;
}
.cycle-slideshow .caption1 {
    font-weight:bold;
    color:#FFF;
    background: rgba(0, 0, 0, 0.3);
    font-family:ge_dinar_two_medium-webfont;
    font-size:27px;
    position:absolute;
    top:20px;
    right:20px;
    z-index:30;
    padding:5px;
    -moz-animation: fadeInRight 0.8s ease-in 1.3s backwards;
    -webkit-animation: fadeInRight 0.8s ease-in 1s backwards;
    animation: fadeInRight 0.8s ease-in 1s backwards;
    opacity: 1;
}
.cycle-slideshow .caption2 {
    font-weight:bold;
    color:#FFF;
    background: rgba(0, 0, 0, 0.3);
    font-family:ge_dinar_two_medium-webfont;
    font-size:22px;
    position:absolute;
    top:70px;
    right:20px;
    z-index:40;
    padding:5px;
    -moz-animation: fadeInRight 0.8s ease-in 1.5s backwards;
    -webkit-animation: fadeInRight 0.8s ease-in 1.5s backwards;
    animation: fadeInRight 0.8s ease-in 1.5s backwards;
    opacity:1;
}
.cycle-slideshow .caption3 {
    font-weight:bold;
    color:#FFF;
    background: rgba(0, 0, 0, 0.3);
    font-size:16px;
    position:absolute;
    top:113px;
    right:20px;
    z-index:50;
    padding:5px;
    -moz-animation: fadeInUp 0.8s ease-in 1.7s backwards;
    -webkit-animation: fadeInUp 0.8s ease-in 1.7s backwards;
    animation: fadeInUp 0.8s ease-in 1.7s backwards;
    opacity:1;
}
.cycle-slideshow .caption4 {
    font-weight:bold;
    color:#000;
    background:#FFF;
    border:1px solid rgba(0, 0, 0, 0.5);
    font-size:13px;
    -moz-animation: fadeInLeft 1s ease-in 2s backwards;
    -webkit-animation: fadeInLeft 1sease-in 2s backwards;
    animation: fadeInLeft 1 sease-in 2s backwards;
    position:absolute;
    bottom:80px;
    right:80px;
    z-index:60;
    padding:5px;
    opacity:1;
    border-radius:4px;
    cursor:pointer;
}

.cycle-slideshow .twitter,
.cycle-slideshow  .facebook,
.cycle-slideshow  .linkedin {
    width:40px;
    height:40px;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:32px 32px;
    position:absolute;
    bottom:20px;
    z-index:70;
    opacity: 1;
    background-color: rgba(0,0,0,0.4);
    border:1px solid rgba(255,255,255,0.3);
    border-radius: 100%;

}

.cycle-slideshow .twitter{
    background-image:url(http://surgd.com/cycle2/twitter.png);
    left:20px;
    -moz-animation: bounceInUp 0.8s ease-in 1.6s backwards;
    -webkit-animation: bounceInUp 0.8s ease-in 1.6s backwards;
    animation: bounceInUp 0.8s ease-in 1.6s backwards;
}
.cycle-slideshow .facebook{
    background-image:url(http://surgd.com/cycle2/facebook.png);
    left:70px;
    -moz-animation: bounceInUp 0.8s ease-in 1.9s backwards;
    -webkit-animation: bounceInUp 0.8s ease-in 1.9s backwards;
    animation: bounceInUp 0.8s ease-in 1.9s backwards;
}
.cycle-slideshow .linkedin{
    background-image:url(http://surgd.com/cycle2/linkedin.png);
    left:120px;
    -moz-animation: bounceInUp 0.8s ease-in 2.2s backwards;
    -webkit-animation: bounceInUp 0.8s ease-in 2.2s backwards;
    animation: bounceInUp 0.8s ease-in 2.2s backwards;
    opacity: 1;
    z-index:600;
}

.cycle-slideshow .twitter:hover, 
.cycle-slideshow .facebook:hover, 
.cycle-slideshow .linkedin:hover {
    cursor:pointer;
    background: rgba(0,0,0,1);
    border:1px solid rgba(255,255,255,0.7);
}

#progress { position: absolute; bottom: 0; left:0; height: 7px; width: 0px; 
background: -moz-linear-gradient(left, rgba(30,30,30,0.3) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(30,30,30,0.3)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(30,30,30,0.3) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(30,30,30,0.3) 0%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(30,30,30,0.3) 0%,rgba(0,0,0,0.8) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(30,30,30,0.3) 0%,rgba(0,0,0,0.8) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d1e1e1e', endColorstr='#cc000000',GradientType=1 ); /* IE6-9 */
    z-index: 99999; 
-webkit-border-top-right-radius: 50px;
-webkit-border-bottom-right-radius: 50px;
-moz-border-radius-topright: 50px;
-moz-border-radius-bottomright: 50px;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
}