/* ++++++++++++++++++++++++++++++++++++++++
 * SERTREC.BANNER RESPONSIVE DESIGN STYLES
 * ++++++++++++++++++++++++++++++++++++++++
 *
 * 1. basics
 *
 */

   .banner-container {
   	 display: block;
     width: 100%;
     z-index: 0; }
   .banner-container img {
     width: 100%; 
     height: auto; }
    
/* pager */
   .cycle-pager { 
     position: absolute;
     bottom: -1.2em;
     width: 100%;
     z-index: 500;
     text-align: center;
     overflow: hidden; }

   .cycle-pager span { 
     display: inline-block;
     color: #ddd;
     cursor: pointer; 
     font-family: arial;
     font-size: 50px; }

   .cycle-pager span.cycle-pager-active {
     color: #D69746; }

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

/* overlay */
   .cycle-overlay { 
     font-family: tahoma, arial;
     position: absolute;
     bottom: 1.5em;
     right: 3em;
     width: 40%;
     z-index: 600;
     background: #222;
     color: white;
     padding: 1em;
     opacity: .8; }

   .cycle-overlay h1 {
     color: white; }

   .cycle-overlay .description {
     color: white;
     padding: 0 0 10px 0; }