/*
 * jquery.rs.carousel.css @VERSION
 * @HOMEPAGE
 *
 * Copyright (c) 2013 Richard Scarrott
 * http://www.richardscarrott.co.uk
 *
 * Dual licensed under the MIT and GPL licenses:
 * http://www.opensource.org/licenses/mit-license.php
 * http://www.gnu.org/licenses/gpl.html
 *
 * Depends:
 *  a basic reset + items must have width & height
 */
    
.rs-carousel-mask {
    overflow: hidden;
//    padding: 0px;
}

    .rs-carousel-runner {
        position: relative;
	padding: 0px 15px;
    }
        
        .rs-carousel-horizontal .rs-carousel-item {
            float: left;
        }

    .rs-carousel-mask {
        position: relative;
    	margin-left: auto;
   	margin-right: auto;
    }

    .rs-carousel-runner {
        -moz-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
//	padding: 0px;
    }

    .rs-carousel-transition .rs-carousel-runner {
        -moz-transition: -moz-transform .400s ease;
        -webkit-transition: -webkit-transform .400s ease;
        -o-transition: -o-transform .400s ease;
        -ms-transition: -ms-transform .400s ease;
        transition: transform .400s ease;
//	padding: 0px;
    }

	#rs-carousel .rs-carousel-mask {
//	    border: 1px solid #444;  
//	    padding: 0px;
	}

      	#rs-carousel ul li {
      		color: #fff;
//      		font-size: 8em;
      		text-align: center;
      		width: 150px;
      		height: 150px;
		list-style: none;
		text-decoration:none;
      	}
      	#rs-carousel i {
      		color: #fff;
      		font-size: 3em;
      		text-align: center;
      		width: 130px;
      		height: 130px;
		list-style: none;
	        display: table-cell;
         	vertical-align: middle;
      	}
        
	#rs-carousel.rs-carousel-vertical .rs-carousel-action.rs-carousel-action-prev{
		--margin-right: 120px;
		float:left;
	}

	#rs-carousel.rs-carousel-horizontal a.rs-carousel-action.rs-carousel-action-prev{
		margin-left: 16px;
		float: left;
	}

	.rs-carousel-horizontal a.rs-carousel-action.rs-carousel-action-next{
		margin-right: 16px;
		float: right;
	}

	a.rs-carousel-action.rs-carousel-action-next{
		float: right;
	}

	#rs-carousel .rs-carousel-action {
		color: gray;
		cursor: default;
//	padding: 0px;
	}

	#rs-carousel .rs-carousel-action-active {
		color: #1788D7;
		cursor: pointer;
//	padding: 0px;
	}

	#rs-carousel  .rs-carousel-item{
//		border: 1px solid #15827c;
//  		border-radius: 4px;
		padding: 0px;
		margin: 5px 0px;
	}

	#rs-carousel  .rs-carousel-item.selected i{                                                                    
		border: 2px solid #77a42e;
  		border-radius: 4px;
		padding: 0px;
		margin: 5px 0px;
	}

	#rs-carousel  .rs-carousel-item.selected .dc-icon-wrapper{                                                                    
		border: 2px solid #77a42e;
  		border-radius: 4px;
	}

	#rs-carousel  .rs-carousel-item.hovered .dc-icon-wrapper{                                                                    
		border: 2px solid #15827c;
  		border-radius: 4px;
	}

	#rs-carousel  .rs-carousel-item.hovered{
//		border: 2px solid #77a42e;
//  		border-radius: 4px;
		padding: 0px;
		margin: 5px 0px;
       		text-decoration: none;
	}

       	#rs-carousel a:hover{
       		text-decoration: none;
       	}

       	#rs-carousel i{
		border: 1px solid #15827c;
  		border-radius: 4px;
	}

       	#rs-carousel i:hover{
		border: 2px solid #77a42e;
  		border-radius: 4px;
       		text-decoration: none;
       	}


	#rs-carousel .rs-carousel-pagination-link {
		display: inline;
	}

      	#rs-carousel .rs-carousel-pagination-link a {
      		padding: 2px 6px;
      	}

       	#rs-carousel .rs-carousel-pagination-link a:hover {
       		text-decoration: none;
       	}

      	#rs-carousel .rs-carousel-pagination-link-active a {
      		background: #444;
      		color: #fff;
      	}

	#rs-carousel .rs-carousel-pagination-disabled .rs-carousel-pagination-link a,
	#rs-carousel .rs-carousel-action-disabled.rs-carousel-action {
		color: gray;
		cursor: default;
	}

	/** horizontal **/
	#rs-carousel.rs-carousel-horizontal.rs-carousel-items-1 .rs-carousel-mask {
		width: 150px;
	}
	
	#rs-carousel.rs-carousel-horizontal.rs-carousel-items-2 .rs-carousel-mask {
		width: 300px;
	}
	
	#rs-carousel.rs-carousel-horizontal.rs-carousel-items-3 .rs-carousel-mask {
		width: 450px;
	}
	
	#rs-carousel.rs-carousel-horizontal.rs-carousel-items-4 .rs-carousel-mask {
		width: 600px;
	}
	
	/** vertical **/
	#rs-carousel.rs-carousel-vertical .rs-carousel-mask {
		width: 180px;
//		height: 630px;
//		height: 64vh;
		height: 51vh;
	}

	#rs-carousel.rs-carousel-vertical.rs-carousel-items-1 .rs-carousel-mask {
		height: 150px;
	}
	
	#rs-carousel.rs-carousel-vertical.rs-carousel-items-2 .rs-carousel-mask {
		height: 300px;
	}
	
	#rs-carousel.rs-carousel-vertical.rs-carousel-items-3 .rs-carousel-mask {
		height: 450px;
	}
	
	#rs-carousel.rs-carousel-vertical.rs-carousel-items-4 .rs-carousel-mask {
		height: 600px;
	}
	#rs-carousel ul ol {
		list-style: none;
	}
