@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro);

#slides .cycle-slideshow,
#slides .cycle-slideshow *           {
                                 -webkit-box-sizing: border-box;
                                 -moz-box-sizing: border-box;
                                 box-sizing: border-box;
                             }

#slides .cycle-slideshow             {
                                 width: 100%;
                                 height: 100%;
                                 color: #fff;
                                 overflow: hidden;
                                 
                             }

#slides .cycle-slideshow ul,
.cycle-slideshow li          {
                                 width: 100%;
                                 height: 100%;
                                 overflow: hidden;
                             }

#slides .cycle-slideshow li div      {
                                 width: 400px;
                                  margin: 300px 0 0 200px;
                                 -moz-backface-visibility: hidden;
                                 -webkit-backface-visibility: hidden;
                                 -ms-backface-visibility: hidden;
                                 backface-visibility: hidden;
                             }

#slides .button                      {
                                 -webkit-transition: all 0.5s ease-in-out;
                                 nowhitespace: afterproperty;
                                 -moz-transition: all 0.5s ease-in-out;
                                 -o-transition: all 0.5s ease-in-out;
                                 transition: all 0.5s ease-in-out;
                                 width: auto;
                                 background: #444;
                                 border-bottom: 3px solid #333;
                                 color: white;
                                 cursor: pointer;
                                 display: inline-block;
                                 font-family: inherit;
                                 font-size: 14px;
                                 font-weight: 400;
                                 line-height: 1;
                                 margin: 0;
                                 padding: 10px 20px 11px;
                                 position: relative;
                                 text-align: center;
                                 text-decoration: none;
                                 -webkit-transition: background-color 0.15s ease-in-out;
                                 -moz-transition: background-color 0.15s ease-in-out;
                                 -o-transition: background-color 0.15s ease-in-out;
                                 transition: background-color 0.15s ease-in-out;
                                 /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */
                             }

#slides .button:hover,
#slides .button:focus                {
                                 color: white;
                                 background-color: #333;
                                 padding: 12px 20px 9px;
                             }

#slides .button:active               {
                                 -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
                                 -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
                                 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
                             }



.shadow {
    width:100%;
    max-width:900px;
    height:60px;
    background-image: url(http://surgd.com/cycle2/shadow2.png);
    background-position:center top;
    margin:0 auto;
}
#slides .about {
    font-size:16px;
    color:#333;
    text-align:center;
    width:100%;
}
/* pager */


#slides .cycle-pager { line-height: 1.4em;
    padding-right:20px; padding-left:20px; width: 1060px; z-index: 500; position: absolute; left:0; right:0; bottom: 0px; }
#slides .cycle-pager span { 
    font-family: arial; font-size: 70px; width: 50px !important; height: 50px !important; 
     color: rgba(0,0,0,0.4); cursor: pointer; 
}


#slides .cycle-pager > * { cursor: pointer;}



#slides .cycle-overlay {
    position:absolute;
    bottom:auto;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:0;
    background:#333;
    padding:0;
    opacity:1
}
#slides .banner-background {
    width:100%;
    height:100%;
    background-position:center;
    background-size:cover;
    position:absolute;
    top:0;
    left:0;
    z-index:10;

}
#slides .cycle-slideshow {
    width:100%;
    background-position:center;
    background-size:cover;
    color:#fff;
    overflow:hidden;
}
#slides .cycle-slideshow ul, .cycle-slideshow li {
    width:100%;
    height:100%;
    overflow:hidden;
}
#slides img {
    width:100%;
    min-width:100%;
    min-height:100%;
}

#slides .caption1 {

    opacity: 1;
    line-height:1.2em;
}


#slides .caption1 div
{padding-bottom:5px !important;}
#slides .caption2 div
{padding-bottom:5px !important;}
#slides .caption3 div
{
margin-bottom:5px !important;
}
#slides .caption4
{
margin-top:25px !important;
}

#slides .caption2 {
    line-height:1.2em;
    opacity:1;
    cursor:pointer;
}
#slides .caption3 {
    line-height:1.2em;
    opacity:1;
  
}
#slides .caption4 {
      font-weight:bold;
    color:#FFF;
    text-align:center;
    padding:0px;

    opacity:1;
    text-align:left;
}