/* =============================================================================
   BANNER ROTATOR WIDGET STYLES
   ========================================================================== */

    .rotator {
        width: 100%;
        background-image: url("/widgets/BannerRotator/images/black_paper.png");
        background-repeat: repeat;
        margin: auto;
        overflow:hidden;
    }
    
    .feature {
	    clear:both;
	    width:100%;
	    height:160px;
        margin: auto;
    }

    .feature .inner{
        width:100%;
	    max-width:1000px;
        margin: auto;
        text-align: center;
        height: 160px;
	    background-color:#e1d3b8;
	    color: #fff;
    }

   .bx-wrapper { margin-bottom:0; }
   .bx-wrapper .bx-viewport { border:none; left:0; box-shadow: none; -webkit-box-shadow: none; }
   .bx-wrapper li {  float:left; }
   .bx-wrapper img {  width: 100%; }
   .bx-wrapper .caption {  display:block; position:absolute; bottom:0; left:0; background-color:Gray; background-color:rgba(0,0,0,0.7); width: 90%; color: white; padding: 10px 5%; font-size:11px; color:White; }


    .bx-wrapper .bx-controls-direction a { z-index:2; }
    .bx-wrapper .bx-prev { background: url(/widgets/BannerRotator/images/controls.png) no-repeat 0 -32px; }
    .bx-wrapper .bx-next { background: url(/widgets/BannerRotator/images/controls.png) no-repeat -43px -32px; }
    
    #bx-pager { border-top:2px solid white; border-right:0px;}
    #bx-pager a {display:inline-block; position:relative; }
    #bx-pager a img { width:100%; }
    
    
    #bx-pager a.active:after { 
        content:""; 
        width:0; height:0; 
        border-bottom:10px solid white;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        position:absolute;
        margin:auto;
        top:-10px; left: 50%;
        margin-left: -7px; }
       
     
    .feature .bx-wrapper { padding: 0 60px; }
    .feature .bx-wrapper .bx-viewport { background: none; padding-top: 5px; }
    
    .feature .bx-wrapper .bx-controls-direction a {
        top: 50%;
        margin-top: -35px;
        width: 30px;
        height: 70px;
    }
    .feature .bx-wrapper .bx-prev {
        background: url(/widgets/BannerRotator/images/left_up_export.png) no-repeat 0 0;
    }
    .feature .bx-wrapper .bx-next {
        background: url(/widgets/BannerRotator/images/right_up_export.png) no-repeat 0 0;
    }
    

/* =============================================================================
   MEDIA QUERIES
   ========================================================================== */
	/* Tablet Landscape / Desktop */
	@media screen and (min-width: 0px) and (max-width: 1000px) {
	}
	
	/* Tablets */
	@media screen and (min-width: 0px) and (max-width: 800px) {
	}
	
	/* Tablets portrait */
	@media screen and (min-width: 0px) and (max-width: 650px) {		
	}
	
	/* Mobile */
	@media screen and (min-width: 0px) and (max-width: 580px) {
	}
	 
	/* Media Queries - Retina Display Devices*/ 
	@media all and (-webkit-min-device-pixel-ratio : 1.5) {
	}