//banner
.banners > div a ,
.banners.sppb-addon-single-image .sppb-addon-single-image-container{display: block; position: relative; overflow: hidden;
	 &:before{
        content: "";
        height: 100%;
        width: 100%;
        position: absolute;
        border: 70px solid rgba(255,255,255, 0);
        top: 0;
        #{$left}: 0;
        transition: all 0.5s ease-in-out;
        //border-radius:20px;
    }
    &:after{
        content: "";
        height: 100%;
        width: 100%;
        position: absolute;
        opacity: 0.5;
		//border-radius:20px;
        border: 30px solid #fff;
        top: 0;
        #{$left}: 0;
        transform: scale(0);
        -moz-transform: scale(0);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transition: all 0.5s ease-in-out;
    }
   
    &:hover{
        &:before{
            border: 0 solid rgba(255,255,255, 0.7);           
        }
        &:after{
            transform: scale(0.8);
            -moz-transform: scale(0.8);
            -webkit-transform: scale(0.8);
            -ms-transform: scale(0.8);
            opacity: 0;
            transition-delay: 0.1s;
        }
        
    }
}

.welcome-msg{
	font-size:13px;
	color:$link_hover_color;
	padding:10px 0;
}

.help{
	color:$link_color;
	margin-#{$left}:30px;
	a{
		color:$link_color;
		font-weight:500;
	}
	i{
		font-size:20px;
		margin-#{$right}:9px;
		vertical-align: -2px;
		width:20px;
		&:before{
			font-family:"Font Awesome 5 Free";font-weight:400;
			content:"\f059"
		}
	}
	
}
.sp-contact-info .sp-contact-phone{
	margin:0;
	color:#fff; font-size:14px; font-weight: 400; text-align: center;
	i{margin:0; margin-#{$right}: 5px; display:inline-block;}
	a{display:inline-block; color:$link_hover_color;}
}



.block-promotions{
	.sppb-addon-feature{		
		background-color:#fff;
		transition: all 0.3s ease-in-out 0s;
		.sppb-feature-box-title{
			padding-bottom:20px;
			font-size: 14px;
			font-weight: 500;
			line-height: 18px;
			color: #222;			
		}
		.sppb-img-container{
			border-radius:3px;
			overflow:hidden;
			transition: all 0.2s ease-in-out 0s;
		}
		&:hover{
			box-shadow: 0 0 10px rgba(0,0,0,.1);			
			z-index: 3;
			.sppb-feature-box-title{
				color:$link_hover_color;
			}
			.sppb-img-container{				
				transform: translateY(-10px);
				-webkit-transform: translateY(-10px);				
			}
		}
	}	
}

.block-policy{
	.item-policy{
		box-shadow:1px 0px 0px 0px #eee;
		@include if-rtl {
			box-shadow:-1px 0px 0px 0px #eee;
		}
	}
    .sppb-addon-feature{			
		p{
			margin:0;
		}		
	}
	.banners img{
		border-top-#{$right}-radius: 20px !important;
		border-bottom-#{$right}-radius: 20px !important;		
	}
}



//deal banner
//carousel
.sppb-carousel.slider-banner{
	.sppb-item img{border-radius:3px;}
	.sppb-carousel-arrow{
		position:absolute;	
		top:-38px;
		background-color:#f5f5f5;		
		border-radius:100%;
		width: 26px;
		height: 26px;
		line-height: 26px;			
		text-align: center;
		text-shadow: none;
		color:#222;
		cursor: pointer;
		z-index: 99;
		font-size: 17px;
		filter: Alpha(Opacity=100);
		opacity: 1;
		i{
			position:unset;
			margin:0;
			display: block;	
			font-weight:400;
			line-height: 26px;
			&:before{
				font-family: "icomoon";
				display: block;				
			}
		}
		&:hover{
			background-color: $link_hover_color;
			color: #fff;
		} 
		&.right{	
			#{$right}: 5px;	
			#{$left}:auto;		
			i:before{
				content:"\e930";
				@include if-rtl {
					content:"\e92f";
				}  
			}
		}
		&.left{			
			#{$right}: 36px;	
			#{$left}:auto;
			i:before{
				content:"\e92f";
				@include if-rtl {
					content:"\e930";
				}  
			}
		}
	}
	.sppb-carousel-indicators{
		li{
			margin:0 3px;   
			width: 10px;
			height: 10px;
			border-radius: 5px;
			box-shadow:0px 1px 0px rgba(0,0,0,0.3);
			background-color: #ffffff;
			opacity: 0.6;
			border:none;
			&:hover{
				opacity:1;
				cursor:pointer;
			}
			&.active{
				opacity:1;
			}
		}		
	}
}

