.block-slider{
	&:hover{
		#pt-slider-prev,
		#pt-slider-next{
			display: block;
		}
		.pt-slider-nav{
			display: block;
		}
	}	
}
/* Custom css for et_slider */
.pt-slider-container{
	position: relative;
	overflow: hidden;
}

.pt-slider-container .loading-screen{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 2;
}
.pt-slider-container .loading-screen .transparency{
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	bacground-color: #fff;
}

.pt-slider-container .loading-screen .loading-mask{
	background: ~"url(../images/loader.gif) no-repeat center center";
	position: absolute;
	display: block;
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
}

.pt-slider-container{
	
	.pt-slider-nav{
		position: absolute;
		bottom: 30px;
		display: none;
		li{
			float: left;
			background: #ccc;
			margin: 0 5px;
			width: 12px;
			height: 12px;	
			border-radius: 50%;		
			span{
				width: 100%;
				height: 100%;
			}	
			&.av, &:hover{
				background: @theme-color;
				cursor: pointer;
			}					
		}
		
	}

	.slide-caption-wrapper{
	    position: relative;
	    margin: 0 auto;
	    height: 100%;
	    color: #333;
	    .align-left{
	        left: 0 !important;
	    }
	    .align-right{
	        right: 200px !important;
	        left: auto !important;
	        text-align: right;
	    }
	    .color-while{
	    	color: #fff;
	    }
	}

	.caption-style-1{
	    font-size: 300%;
	    letter-spacing: 8px;
	    color: #222;
	    text-transform: uppercase;
	    margin-bottom: 10px;
	    line-height: normal;
	    font-weight: bold;
	    &.color-white{
	    	color: #fff;
	    }
	}
	.caption-style-2{
	    font-size: 100%;
	    margin: 0;
	    color: #222;
	    display: inline-block;
	    &.color-white{
	    	color: #fff;
	    }	    
	}
	
	.caption-action{
	    display: block;
	    line-height: normal;
	    margin-top: 25px;
	    .button {
	        display: inline-block;
	        text-transform: uppercase;
	        font-size: 114.29%;
	        height: auto;
	        line-height: 100%;
	        padding: 16px 40px;
	        border:1px solid #222;
        	color: #222;
        	background: transparent;
        	margin: 0 18px;
        	&:hover{
        		color: #fff;
        		background: @theme-color;
        		border:1px solid @theme-color;
        	}
        	&.color{
        		border:1px solid @theme-color;
        		color: #fff; 
        		background: @theme-color;
        		padding: 16px 40px;
	        	&:hover{
	        		color: #fff;
	        		background: #222;
	        		border:1px solid #222;
	        	}        		
        	}
        	&.left,
        	&.right{
        		margin: 0;
        	}
        	&.color-white{
        		border:1px solid #fff;
        		color: #fff; 
        		padding: 16px 40px;  
	        	&:hover{
	        		border:1px solid @theme-color;
	        	}        		    		
        	}
	    }
	}

}

#pt-slider-prev,
#pt-slider-next{
    float: left;
    color: #fff;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    bottom: 0;
    text-align: center;
    display: none;
    line-height: 46px;
    background: #ccc;
    &:before{
        font-family: FontAwesome;
        font-size: 30px;
        display: inline-block;
    }
    &:hover{                        
        cursor: pointer;
        background: @theme-color; 
    }
}
#pt-slider-prev{                      
    left: 20px;
    &:before{
        content: "\f104";
    }
}
#pt-slider-next{
    right: 20px;
    &:before{
        content: "\f105";
    }

}