.head-title{
	display: flex;
    justify-content: space-between;
    align-items: end;
    flex-wrap: wrap;
	margin-top:-9px;
    margin-bottom: 20px;
	.heading-title{
		color: $link_color;
		font-size: 30px;
		line-height: 40px;
		font-weight: 700;
		text-transform: capitalize;
		margin-bottom:0;
		span{
			color:$linkColorHover2;
		}
	}
	.pre_text a {
		text-decoration: underline;
		font-size: 15px;
	}
}
.modtitle{
	color: $link_color;
	font-size: 30px;
	line-height: 40px;
	font-weight: 700;
	text-transform: capitalize;
	margin-top:-9px;
    margin-bottom: 20px;
	span{
		color:$linkColorHover2;
	}
}


.maincontent-bottom{
	position:relative;
	padding:80px 0 55px;
	margin-bottom:-55px;
	&:after {
		display: inline-block;
		content: "";
		width: 84.5%;	
		background: #f7f7f7;
		position: absolute;
		bottom: 0;
		left: 0;
		height: 100%;
		z-index: -1;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		border-radius:40px;
		pointer-events: none;
		@media (max-width: 1440px){
			width: 100%;
		}
	}
}
.block-brands{	
	background: #fff;
    padding: 10px 40px 10px;
    @include border-top-radius(20px);
    overflow: hidden;
	display: grid;
    align-items: center;
    width: 100%;
    grid-template-columns: 1fr 70% 3fr;
	.brand_title{
		margin:side-values(0 30px 0 0px) !important;
		font-size:18px;		
		color:$link_color;
	}
	.post_text{
		margin-#{$left}: auto;
		a{
			text-decoration:underline;
			text-transform:capitalize;
		}
	}
	.brand_slider{		
		.yt-content-slider{					
			.yt-content-wrap{
				background: #fff;				
				overflow: hidden;				
				text-align: center;
				img{
					opacity:0.7;
					-webkit-transition: all .3s ease;
					-moz-transition: all .3s ease;
					-ms-transition: all .3s ease;
					-o-transition: all .3s ease;
					transition: all .3s ease;
				}
				&:hover{
					img{opacity:1;}
				}
			}			
		}		
	}
	.owl2-controls{
		margin:0;line-height:0;
        .owl2-nav{            
            @include owl-nav-style2(50px,50px,25px,#f7f7f7,#fff);	
        }
		.owl-dots{
			margin-top:20px;
			@include owl-dot-style2(10px,10px,#eee,$link_hover_color);
		}
    }
	&:hover .owl2-controls .owl2-nav > div{		
		opacity:1;
	}
}



.counters-num{
	display: flex;
	flex-wrap: wrap;		
	padding:30px 60px;
	margin-bottom:0;
	margin-right:30px;
	font-size: 14px;
	line-height: 17px;
	color: #fff;
	font-weight: 400;
	text-transform: uppercase;
	border-radius: 5px;
	.item{
		text-align:center;
		font-size:50px;
		line-height:63px;
		font-weight:700;
		color:#fff;
		width:33.33%;
		border-right:1px solid #fff;
		&:last-child{
			border-right: none;
		}
		.js-counter{
			margin-bottom:4px;
		}
		p{
			font-size:18px;
			line-height:23px;
			font-weight:400;
			text-transform:capitalize;
			margin-bottom:0;
		}
	}
}
.overlay{
	position: fixed;
	background: #0006;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 8;
	cursor: url(../images/close.png),pointer;
	opacity:0;
	visibility: hidden;
	transition: all 0.3s ease-in-out 0s;
	&.active{
		visibility: visible;
		opacity:1;
	}
}



//sj-categories
.vertical-categories .sj-categoriesfull{
	margin: 0px -1%;
	.cf-wrap{
		.cf-items{
			padding-top:6px;
			padding-bottom:26px;
			.cf-subcat-image{
				display:none;
			}
			.cf-subcat-title{
				margin:0;
				a{
					color: $link_color;
					font-size: 16px;
					padding:0;
					display: block;
					font-weight: 700;
					text-transform: capitalize;
					-webkit-transition: all 0.35s ease;
					-moz-transition: all 0.35s ease;
					-ms-transition: all 0.35s ease;
					-o-transition: all 0.35s ease;
					transition: all 0.35s ease;				
					&:hover{
						padding-#{$left}: 10px;
						color:$link_hover_color;
					}	
				}
			}
			.cf-subcat-list{
				padding-top:15px;
				ul li a{
					padding:0;
					font-size: 14px;
					font-weight: 400;
					color: $text_color;
					color: $link_color;
					display: block;
					line-height: 30px;
					text-transform: capitalize;
					-webkit-transition: all 0.35s ease;
					-moz-transition: all 0.35s ease;
					-ms-transition: all 0.35s ease;
					-o-transition: all 0.35s ease;
					transition: all 0.35s ease;
					&:hover{
						padding-#{$left}: 10px;
						color:$link_hover_color;
					}
				}
			}			
		}
	}
}

//menu top-categories
.top-categories{
	ul.menu{
		display:flex;
		flex-wrap: wrap;
		column-gap: 5px;
		row-gap: 5px;
		padding:15px 0;
		a{
			background-color:#f3f3f3;
			border:1px solid #f3f3f3;
			padding:9px 15px;
			display:inline-block;
			border-radius: 20px;
			text-transform:capitalize;
			font-size:13px;
			color:$link_color;
			@include transition(all 0.2s ease-in-out 0s);
			&:hover{
				border-color:$link_hover_color;
				background-color:#fff;
				color:$link_color;
			}
		}
	}
}

//slideshow
#slider{
	border-radius:20px;
	overflow:hidden;
	.yt-content-slider .yt-content-wrap .caption{
        position: static;
        padding: 0; 
		background:transparent;
		position:unset;
		
		.container{
			position:relative;
			padding:0;
		}
		.slide-warp{
			max-width: 45%;
			position:absolute;
			bottom:200px;
			left:15px;
		}
		.slide-title{
			opacity: 0;
			font-size: 14px; 
			line-height: 17px;
			color: #fff;
			font-weight: 400;
			text-transform: uppercase;
			padding:14px 15px;
			background: $link_hover_color;
			border-radius:5px;
			margin-bottom:12px;
			display:inline-block;	
			&:hover{
				background:$link_color;
				cursor:pointer;
			}
		}
		.slide-title2{
			opacity: 0;
			font-size: 24px; 
			color:#fff;
			font-weight: 700;
			line-height: 30px;
			text-transform: capitalize;	
			margin:0;
		}
		.slide-descrip{
			opacity: 0;
			font-size: 16px; 
			line-height: 1.4;
			color: #fff;
			font-weight: 400;
			padding-left: 16px;
			border-left:2px solid #dcdcdc;
			margin-bottom:22px;
		}
		.slide-button{
			opacity: 0;			
		}
		
		.link-button{
			float:left;
			display:inline-block;
			font-size: 18px; 
			line-height:24px;
			color: #fff;
			font-weight: 500;
			background: $link_hover_color;
			text-align: center;
			text-transform: capitalize;
			padding: 12px 30px;
			margin-right: 15px;
			border-radius: 5px;
			&:hover{
				background: $link_color;
			}
		}
		.video-slider{
			display:inline-block;
			float:left;
			font-weight: 400;										
			font-size: 18px;
			line-height: 48px;
			color:$text_color;
			i{
				font-family:inherit;
				font-weight:400;
				line-height:48px;
			}
			i:before{
				display: inline-block;
				float:left;
				font-family:"FontAwesome";
				color:$link_hover_color;					
				margin-right:9px;
				vertical-align: middle;							
				font-size: 16px;
				width: 48px;
				height: 48px;
				line-height: 48px;
				border-radius:100%;
				text-align: center;				
				background: #fff;
				box-shadow: 0 0 5px rgba(0, 0, 0, 0.08);
			}
			&:hover{
				color:$link_hover_color;
				i:before{
					color:#fff;
					background:linear-gradient(to right, $footer_bg_color 0%, $topbar_bg_color 100%);
				}
			}			
		}        
    }
	
	.owl2-item.active{
		.yt-content-slide .caption{
			.slide-title{
				opacity: 1 !important;
				animation: myeffect-slideshow 3s ease-in-out;
					-webkit-animation: myeffect-slideshow 3s ease-in-out;
					-moz-animation: myeffect-slideshow 3s ease-in-out;
					-o-animation: myeffect-slideshow 3s ease-in-out;
			}
			.slide-title2{
				opacity: 1 !important;
				animation: myeffect-slideshow 2.5s ease-in-out;
					-webkit-animation: myeffect-slideshow 2.5s ease-in-out;
					-moz-animation: myeffect-slideshow 2.5s ease-in-out;
					-o-animation: myeffect-slideshow 2.5s ease-in-out;
			}
			.slide-descrip{
				opacity: 1 !important;
				animation: myeffect-slideshow 2s ease-in-out;
					-webkit-animation: myeffect-slideshow 2s ease-in-out;
					-moz-animation: myeffect-slideshow 2s ease-in-out;
					-o-animation: myeffect-slideshow 2s ease-in-out;
			}
			.slide-button{
				opacity: 1 !important;
				animation: myeffect-slideshow 1.5s ease-in-out;
					-webkit-animation: myeffect-slideshow 1.5s ease-in-out;
					-moz-animation: myeffect-slideshow 1.5s ease-in-out;
					-o-animation: myeffect-slideshow 1.5s ease-in-out;
			}			
		}
	}
	
	.owl2-controls{ height: 0;		
        .owl2-nav{      
			@include owl-nav-style2(50px,50px,25px,#fff,#fff);	
			.owl-next{	
				#{$right}: 20px;
				#{$left}: auto;
			}
			.owl-prev{
				#{$left}: 20px;
				#{$right}: auto;
			}
        }		
        .owl-dots{
			position: absolute;
			bottom: 10px;
			text-align: center;
			width: auto;
			#{$left}: 50%; #{$right}: auto;
			transform: translate(-50%);
			@include if-rtl {transform: translate(50%);}
			background: #0000004d;
			border-radius: 25px;
			padding: 10px;
            @include owl-dot-style2(10px,10px,#ffffff80,#fff);
			margin: 0;
        } 
    } 
	&:hover .owl2-controls .owl2-nav > div{
		opacity:1;
	}	
}



//sj js categories
.custom-slidercates{    
    position: relative;
	overflow: visible;
	.sj-categories{
		overflow:visible;
		margin:0;
	}
    .owl2-carousel .owl2-item img{
        transform-style: unset;
    }    
    .owl2-controls{
		margin:0;
        .owl2-nav{            
            @include owl-nav-style2(50px,50px,25px,#f7f7f7,#fff);	
        }
		.owl2-dots{
			@include owl-dot-style2(10px,10px,#ffffff80,#fff);
		}
    }
	&:hover .owl2-controls .owl2-nav > div{		
		opacity:1;
	}	
         
    .owl2-stage-outer{           
		border-bottom: 1px solid #eeeeee;
		direction:ltr;
    }          

    .hikashop_container{
        padding-bottom: 35px;
        &:before {
              content: '';
              display: inline-block;
              height: 2px;
              position: absolute;
              #{$left}: 50%;                  
              bottom: 0px;
              width: 0;
			  transition: all 0.3s ease 0s;
              background-color: $link_hover_color;
        }  
        .hikashop_subcontainer{padding:0 !important;}          
        .hikashop_category_image{				
            img{
                border: none;
				transition: all 1.2s ease 0s;
				width:auto;
				display:inline-block;
                &:hover{
                    opacity: 1;
                    -webkit-transform: rotateY(180deg);
					-moz-transform: rotateY(180deg);
					-ms-transform: rotateY(180deg);
					-o-transform: rotateY(180deg);
					transform: rotateY(180deg);				
                }
            }                    
        }
        .hikashop_category_name{ 
			padding-top:25px;
			margin-bottom:0;
            a{                  
                font-weight: 700;
                font-size: 18px;                    
            }
        } 
		&:hover{               
            .hikashop_category_name a{
                color: $link_hover_color;
            }
            &:before {
              #{$left}: 0;
              width: 100%;
            }
			.hikashop_category_image img{
				-webkit-transform: rotateY(180deg);
				-moz-transform: rotateY(180deg);
				-ms-transform: rotateY(180deg);
				-o-transform: rotateY(180deg);
				transform: rotateY(180deg);
			}
        }		
    }
    .owl2-item:nth-child(8n+1) .hikashop_container{
		.hikashop_category_name a{
            color: #52a4a1;		
        }
		&:before {
			background-color:#52a4a1;		
		}
	}
	.owl2-item:nth-child(8n+2) .hikashop_container{
		.hikashop_category_name a{
            color: #b069bf;				
        }
		&:before {
			background-color:#b069bf;
		}
	}
	.owl2-item:nth-child(8n+3) .hikashop_container{
		.hikashop_category_name a{
            color: #444444;				
        }
		&:before {
			background-color:#444444;	
		}
	}
	.owl2-item:nth-child(8n+4) .hikashop_container{
		.hikashop_category_name a{
            color: #57ad4d;					
        }
		&:before {
			background-color:#57ad4d;	
		}
	}
	.owl2-item:nth-child(8n+5) .hikashop_container{
		.hikashop_category_name a{
            color: #32a8bb;			
        }
		&:before {
			background-color:#32a8bb;	
		}
	}
	.owl2-item:nth-child(8n+6) .hikashop_container{
		.hikashop_category_name a{
            color: #ffa600;				
        }
		&:before {
			background-color:#ffa600;		
		}
	}
	.owl2-item:nth-child(8n+7) .hikashop_container{
		.hikashop_category_name a{
            color: #dd4e96;				
        }
		&:before {
			background-color:#dd4e96;		
		}
	}
	.owl2-item:nth-child(8n) .hikashop_container{
		.hikashop_category_name a{
            color: #729c87;				
        }
		&:before {
			background-color:#729c87;	
		}
	}    
} 


.custom-slidercates2{    
    position: relative;
	overflow: hidden;
	margin:0;
	@include border-bottom-radius(20px);
	.sj-categoriesfull{
		margin:0;
	}  
    
    .cf-wrap{ 
		.cf-cat{
			background-color: #fff;
			width:100%;
		}		
		.cf-items{
            background-color: #fff;
            padding-bottom: 30px; 
			border-#{$right}: 1px solid #eee;	
			.cf-subcat-image{
				img{
					transition: all 1.2s ease 0s;	
					&:hover{
                        opacity: 0.8; 
                    }
				}
				a{
					position:relative;
					display:block;
					&:after{
						position: absolute;
						content: "\f105";
						font-family: "FontAwesome";
						width: 44px;
						height: 44px;
						text-align:center;
						line-height:44px;
						border-radius: 22px;
						box-shadow:0 0 5px rgba(0,0,0,0.1);
						background-color: #ffffff;
						color:$link_color;
						font-size:14px;
						bottom: -22px;
						#{$right}: 22px;
						#{$left}:auto;								
						display:inline-block;													
						-webkit-transition: all .3s ease;
						-moz-transition: all .3s ease;
						-ms-transition: all .3s ease;
						-o-transition: all .3s ease;
						transition: all .3s ease;
						@include if-rtl {
							content:"\f104";
						}
					}
				}
			}
			.cf-subcat-title{ 
				padding:17px 40px 0;
				margin-bottom:0;
                a{                  
                    font-weight: 700;
                    font-size: 18px; 
					color:$link_color;
					&:hover{
						text-decoration:underline;
						color:$link_hover_color;
					}
                }
            }
            .cf-subcat-list{
            	padding:14px 40px 0;
            	ul li{
            		padding:0;
					margin:5px 0;
					a{
						font-size:14px;
						color:#444;
						line-height:24px;
                        position: relative;     
						-webkit-transition: all .3s ease;
						-moz-transition: all .3s ease;
						-ms-transition: all .3s ease;
						-o-transition: all .3s ease;
						transition: all .3s ease;
                        &:before{
                            position: absolute;
                            content: "";							
                            top: 10px;
                            #{$left}: 0;							
                            width: 0px;
							height: 1px;
							background-color: $link_hover_color;							
							-webkit-transition: all .3s ease;
							-moz-transition: all .3s ease;
							-ms-transition: all .3s ease;
							-o-transition: all .3s ease;
							transition: all .3s ease;							
                        }
						&:hover{
							padding-#{$left}: 20px;		
							color:$link_hover_color;
							&:before{
								width:15px;
							}
						}
                    }
            	}
            }
            &:hover{               
				.cf-subcat-image{
					a:after{
						background-color:$link_hover_color;
						color:#fff;
					}
				}			
            }
		}
    }
} 

//slider-testimonials
.slider-testimonials{	
	.sp-module-content{
		background-color:#fff;
		border-radius:20px;	
		padding:20px;
	}	
	.moduletable{padding-top:0 !important;
		.testimonial-title{margin:0;}
	}	
	.owl2-stage-outer{
		direction:ltr;
		@include if-rtl {
			.item{
				direction:rtl;
			}
		}
	}
	.post_text{
		position:absolute;
		top:3px;
		#{$right}:0;
		#{$left}:auto;
		a{
			text-decoration: underline;
			font-size: 15px;
		}
	}
	.yt-testimonial{
		margin:0;
		.extraslider-inner {
			overflow: visible;
			padding-bottom: 0px;
			.item{
				.item-wrap{			
					.item-wrap-inner{
						display: flex;
						column-gap: 30px;
						overflow:hidden;
						padding:0;
						margin:0;
						.item-img-info{
							border-radius: 15px;
							width: 180px;
							overflow: hidden;					
							img{
								max-width:100% !important;
								max-height:100% !important;
								transition: all 1.2s ease 0s;
								border-radius: 15px !important;
							}
						}
						.item-info{
							flex:1;						
							text-align:$left;
							h5{
								font-size: 18px;
								text-transform: capitalize;
								color:$linkColorHover2;
								font-weight: 700;
								margin-bottom:25px;
								position:relative;
								&:before{
									content:"\f10d";
									font-family: FontAwesome;
									font-size: 56px;
									line-height: 50px;
									margin-#{$right}:10px;
									color: #d7d7d7;
									display:inline-block;
									vertical-align: -5px;
									@include if-rtl {
										content:"\f10e";
									}
								}
							}
							.client-quote{
								font-size: 16px;
								line-height: 26px;
								color: $link_color;
								font-weight: 400;	
							}
							.position{
								font-size: 14px;
								color: #000;
								font-weight: 400;
							}	
						}
						&:hover{
							.item-img-info img{
								opacity:0.8;
							}
						}
					}
				}
			}
		}
	}

	.owl2-controls{
		margin:0;
        .owl2-nav{            
            @include owl-nav-style2(50px,50px,25px,#f7f7f7,#fff);	
			> div{
				background-image:none;
			}
			display:none;
        }
		.owl-dots{			
			position:absolute;
			bottom:-50px;
			#{$left}:0; #{$right}:0;
			text-align:center;
			@include owl-dot-style2(10px,10px,#eee,$link_hover_color);
		}
    }
	&:hover .owl2-controls .owl2-nav > div{		
		opacity:1;
	}
}
//testimonial about
.section-testimonial{
	.slider-testimonials{
		.sp-module-content{
			padding:0;
			border-radius:0;
			background-color:transparent;
		}
		.yt-testimonial .item{
			border-radius: 20px;
			background-color: #ffffff;
			padding: 20px;
		}
		.owl2-controls{
			.owl2-nav{ 
				display:block;
			}
			.owl-dots{			
				display:none !important;
			}
		}				
	}	
}

//sj-listing-tabs
.listingtab-layout1 .sj-listing-tabs{
	overflow: visible;
	.pre-text{
		margin-bottom:20px;
	}	
	.ltabs-wrap{
		.ltabs-tabs-container{
			position: absolute;
			top: 8px;
			#{$right}: 0;
			margin: 0;	
			ul.ltabs-tabs li.ltabs-tab{	
				display: inline-block;
				background-color:transparent;				
				border: none;
				line-height: 100%;
				float: none;
				margin:0;
				margin-#{$left}: 25px;
				padding: 0px;
				transition: all 0.2s ease-in-out 0s;
				span{
					color:$link_color;
					display: block;
					font-size: 18px;
					line-height: 18px;
					font-weight: 700;
					padding: 0;
					text-transform: capitalize;
				}
				&.tab-sel,
				&:hover{
					border: none;
					span{
						color:$link_hover_color;						
					}
				}
			}
		}
		
		.ltabs-items-container{
			margin: -15px;
			.ltabs-loadmore{
				margin:0px auto;
				.ltabs-loadmore-btn{
					background: transparent;
					font-weight: 500;
					color: $link_color;
					border: 1px solid $link_color;
					padding: 10px 30px 10px;
					transition: all 0.3s ease 0s;
					&:hover{						
						color:$link_hover_color;
						border-color:$link_hover_color;
					}
					img.add-loadmore{
						display:none;
					}
					.ltabs-image-loading {						
						background-color: $link_hover_color;
						-webkit-mask-image: url(../images/spinner.svg);
						mask-image: url(../images/spinner.svg);
					}
				}
			}
			
			.ltabs-items{
				.ltabs-item{
					margin-bottom:0;					
					.product{
						padding:15px;
						.product-inner{
							margin-bottom:0;
						}
					}					
					.item-prices{
						margin-bottom:0;
					}					
				}
			}
		}
	}
	
	.owl2-controls{
		margin:0;
		.owl2-nav{ 
			> div{
				border:none;
				background:none;
				&:hover{
					border:none;
				}
			}
			@include owl-nav-style2(50px,50px,25px,#f7f7f7,#fff);	
		}
		.owl2-dots{
			@include owl-dot-style2(10px,10px,#ffffff80,#fff);
		}
	}
	&:hover .owl2-controls .owl2-nav > div{		
		opacity:1;
	}
	
	.ltabs-items .ltabs-loading {
		background: url(../images/spinner.gif) no-repeat scroll center center transparent;
	}
}

.listingtab-layout1 .sj-ajax-tabs{
	margin: 0px 0;
	.tabs-content-inner{
		overflow: visible;
		.tab-content,
		.items-container{
			overflow: visible;
		}
	}
	.tabs-wrap{
		overflow: visible;
		.tabs-container{
			overflow: visible;
			height: 0;
			ul.tabs{
				width:auto;
				top: -30px;
				#{$right}: 0 !important;	
				#{$left}: auto !important;				
				li{	
					display: inline-block;
					background-color:transparent;				
					border: none;
					line-height: 100%;
					float: none;
					margin:0;
					margin-#{$left}: 25px;
					padding: 0px;
					transition: all 0.2s ease-in-out 0s;
					.tab{
						color:$link_color;
						display: block;
						font-size: 18px;
						line-height: 18px;
						font-weight: 700;
						padding: 0;
						margin:0;
						text-transform: capitalize;
						background:none;
					}
					&.selected,
					&:hover{						
						.tab{
							color:$link_hover_color;						
						}
					}
				}
			}
		}
	}
	.tabs-content{
		border:none;
		background:none;
		padding:0;
		margin:-15px;
		.tabs-content-inner{
			.tab-content{
				margin:0;
			}
		}
	}
	.product {
	    padding: 15px;
	}
	.item-wrap{
		margin:0;
		.item-image{
			margin:0;
			border:none;
			&:hover{
				opacity: 1;
   				filter: alpha(opacity=100);
			}
		}
		.hikashop_add_to_cart{
			margin:0;
		}
		.item-title,
		.item-title a{
			text-transform: none;
		    margin:0 0 7px;
		    font-size: 16px;
		    line-height: 22px;
		    font-weight: 400;
		    text-align:center;
		    &:hover{
		    	text-decoration:none;
		    }
		}
		.item-votes{
			margin: 0px 0px 10px;
		}
		.item-prices{
			margin:0;
			.item-price{
			    color: #ff266f;
			    display: inline-block;
			    font-size: 16px;
			    font-weight: 600;
			}
		}
		.item-btn-add{
		
		}
	}
	.owl2-controls{
		margin:0;
		.owl2-nav{ 
			> div{
				border:none;
				background:none;
				&:hover{
					border:none;
				}
			}
			@include owl-nav-style2(50px,50px,25px,#f7f7f7,#fff);	
		}
		.owl2-dots{
			@include owl-dot-style2(10px,10px,#ffffff80,#fff);
		}
	}
	&:hover .owl2-controls .owl2-nav > div{		
		opacity:1;
	}
}


//sj js extra slider
.sp-module{	
	.sj-extraslider{ 
		margin:-15px;
		.extraslider-inner{
			margin: 0;		
			border:none;
			padding:0;
			overflow:visible;
			.product{
				padding:15px;
				margin:0;
				.product-inner{
					margin:0;
					a:hover{
						text-decoration: none;
					}
					.item-prices .item-price{
						font-family:inherit;
						margin:0;
					}
				}
			}			
		}
		
		.owl2-controls{
			margin:0;
			text-align:center;
			.owl2-nav{            
				@include owl-nav-style2(50px,50px,25px,#f7f7f7,#fff);	
			}
			.owl-dots{
				@include owl-dot-style2(10px,10px,#eee,$link_hover_color);
				margin-top: 20px;				
			}
		}
		&:hover .owl2-controls .owl2-nav > div{		
			opacity:1;
		}
	}	
}

//block deal
.js-extra-slider-deal{	
	.sj-extraslider{ 
		margin:0;
		clear: both; 
		display: grid;
		grid-template-columns: 110px calc(100% - 110px);
		border: 2px solid $link_hover_color;
		border-radius: 20px;
	}  
    .pre-text{ 
		width: 110px;
		background: $link_hover_color;
		border-radius: 16px;
		color: #fff;
		padding: 95px 20px 15px 20px;
		background-image: url(../images/icon-clock.png);
		background-repeat: no-repeat;
		background-position: center 20px;			
		text-align:center;	
		text-decoration:none;
		margin:0;
    }	
}
#block-clock{
	div{
		font-size: 12px;
		line-height:20px;
		color: #fff;
		font-weight: 400;
		text-transform:uppercase;
		margin-bottom:7px;
		&:last-child{margin-bottom:0;}
		span{
			font-size: 24px;
			height:40px;
			line-height:40px;
			color: $link_hover_color;
			font-weight: 700;
			background:#fff;
			border-radius:5px;	
			display:block;
		}		
	}					
}


//custom module
.block-policy-sider{	
	.policy-text{
		.item_policy{
			margin:0 30px;
			.item{
				text-align: center;				
				border-bottom:1px solid #eeeeee;	
				padding:27px 0px 23px;
				.policy-ico {
					margin-bottom:15px;
					img{
						margin:0 auto;
							-webkit-transition: all .3s;
						  -moz-transition: all .3s;
						  -o-transition: all .3s;
						  -ms-transition: all .3s;
						  transition: all .3s;
					}
				}
				.policy-title{
					color: $link_color;
					font-size:18px;
					font-weight:bold;
					margin-bottom:5px;
				}
				.policy-des{
					color:#444444;
					font-size:15px;
				}
			}			
			&:hover{
				.policy-ico img{
					transform: translateX(-10px);
					-webkit-transform: translateY(-10px);
					-moz-transform: translateY(-10px);
				  -o-transform: translateY(-10px);
				  -ms-transform: translateY(-10px);
				}
			}
			&:last-child{
				.item{border-bottom:none;}
			}
		}
	}
}

/*-------------------Sj extra slider for content Blog-----------------------*/
.latest-blog{
	.sj-extraslider{
		position:relative;
		margin:0;
		.extraslider-inner{
			border: none;
			margin-bottom: 0px;
			margin-top: 0px;
			padding:0;			
			.owl2-stage-outer{
				border-radius: 20px;
				background-color: #ffffff;
				padding: 0px;
			}
			.item{
				margin:20px;
				padding:0px;
				.item-wrap.style1{
					margin: 0;
					transition: all 0.3s ease-in-out 0s;
					.item-wrap-inner{						
						display:flex;
						column-gap:30px;
						margin:0;
						.item-image{
							width:46%;
							max-width:270px;
							overflow: hidden;
							border-radius: 10px;
							position:relative;
							.item-date{
								position: absolute;
								top: 10px;
								#{$left}: 10px;
								width: 50px;
								height: 60px;
								border-radius: 5px;								
								padding: 7px 0 0;
								background-color: #fff;
								font-size: 13px;
								line-height: 25px;
								text-transform: uppercase;
								color: $link_color;
								text-align: center;				
								b{ 
									font-size: 24px;
									display: block;
									font-weight:400;
								}							
							}
						}
						.item-info{
							flex:1;
							padding:0px;	
							position: unset;
    						background: none;
							.item-author{
								color: $link_hover_color;
								font-size: 14px;
								margin-bottom:5px;
								span{
									color: #444;
								}
							}
							.item-title{
								margin:0 0 5px;
								padding:0;
								line-height: 17px;
								text-transform: none;
								a{
									font-size: 18px;
									line-height: 24px;
									padding: 0;
									font-weight: 700;
									color: $link_color;
									&:hover{
										color: $link_hover_color;
									}
								}
							}
							.item-content{
								margin:0;
								padding:0;
								.item-description{
									color: #444;
									font-size: 15px;
									line-height: 22px;
									font-weight: 400;
									margin: 0 0 8px;
								}
								.item-readmore{
									text-align:$left;
									font-weight:400;
									a{
										text-decoration:underline;
										color: $link_color;
										&:hover{
											color: $link_hover_color;
										}
									}
								}
							}
						}
					}				
				}
				&:hover{
					.item-wrap.style1{
						
					}
				}
			}
		}
    	.owl2-controls{
			margin:0;
			text-align:center;
			.owl2-nav{            
				@include owl-nav-style2(50px,50px,25px,#f7f7f7,#fff);	
			}
			.owl-dots{
				@include owl-dot-style2(10px,10px,#eee,$link_hover_color);
				margin-top: 20px;
			}
		}
		&:hover .owl2-controls .owl2-nav > div{		
			opacity:1;
		}
	}
}

/*===============bonus-page================*/

/*--- section-skill ---*/
.section-skill{		
	.item{
		text-align:center;		
		.sk-persent{
			.sk-inner.progress-bar{
				display:inline-block;
				height: 170px;
				width: 170px;
				line-height: 0;
				background: transparent;
				div {
					height: 170px;
					width: 170px;
					span {
						line-height: 160px;
						height: 160px;
						width: 160px;
						left: 5px;
						top: 5px;
						background-color: #f7f7f7;  
						font-size: 40px;
						text-transform: uppercase;
						color: $link_hover_color;
						font-weight: 700;						
					}
				}
				.right, 
				.rotate{
					background-color: $link_hover_color !important;
				}
			}
		}		
	}
}


/*--- section-statistics ---*/
.block-statistic{
	.item-inn{
		border-radius:20px;
		color:#fff;
		background:$link_hover_color;
		padding:26px 20px;
		text-align:center;
		.js-counter,
		.suffix{
			font-size: 50px;
			text-transform: uppercase;
			color: #ffffff;
			font-weight: 700;		
			text-align: center;
		}
		p{
			font-size: 14px;
			line-height: 24px;
			text-transform: capitalize;
			color: #ffffff;
			margin-top:3px;
			text-align: center;
			margin-bottom:10px;
		}
	}
}

/*--- section-ourteam ---*/
.section-ourteam{	
	.block-ourteam{
		margin:-15px;	
		.owl2-controls{
			margin:0;
			.owl2-nav{            
				@include owl-nav-style2(50px,50px,25px,#f7f7f7,#fff);	
			}
			.owl2-dots{
				@include owl-dot-style2(10px,10px,#ffffff80,#fff);
			}
		}
		&:hover .owl2-controls .owl2-nav > div{		
			opacity:1;
		}
	}
	.yt-content-wrap{
		border-radius: 20px;
		background-color: #ffffff;
		border: 2px solid #f5f5f5;
		padding:20px;
		transition: all .3s ease-in-out 0s;
		margin:15px;	
		> a{
			border-radius:10px;
			overflow:hidden;
			margin-bottom:15px;
			display: block;
			img{
				transition: all .3s ease-in-out 0s;
				width:100%;
			}
		}
		.caption{
			background:transparent;
			position:unset;
			color:$text_color;
		}
		.item-content{				
			.cl-title{
				font-size: 18px;
				color:$link_color;
				font-weight: 700;
				margin-bottom: 8px;
			}
			.cl-job{
				font-size: 13px;					
				text-transform:uppercase;
			}
			.cl-des{
				font-size: 13px;
				line-height:22px;
				border-top: 1px solid #eeeeee;
				padding-top: 13px;
				margin: 11px 0 13px;
			}
			ul.socials{
				justify-content: start;	
				display:flex;
				gap:5px;
				li a{
					width: 44px;
					height: 44px;
					background-color: #f5f5f5;
					line-height: 44px;
					padding: 0;
					text-align: center;
					border-radius: 50%;
					display: block;
					color:$text_color;
					font-size:0;
					transition: all .3s ease-in-out 0s;
					.fa{
						line-height:44px; font-size:0;
						&:before{font-size:18px;}
					}
					&:hover{
						color:#fff;
						background:$link_hover_color;
					}
				}
			}
		}
		&:hover{
			z-index:2;
			box-shadow:0 0 10px rgba(0,0,0,0.1);
			border-color:transparent;
			.item-content ul.socials a{
				color:$link_color;
			}
		}
		
	}	
}


@media screen and (max-width: 767px){
  .section-ourteam .yt-content-wrap{
    margin-bottom:30px;
  }
  .section-ourteam .yt-content-wrap:last-child{
    margin-bottom:0px;
  } 
}

/*============ CONTACT PAGE ==============*/
.section-store{	
	.item-info{
		padding:48px 15px;
		text-align:center;
		border-radius: 20px;
		background-color: #ffffff;
		border: 2px solid #F7F7F7;
		transition: all 0.3s ease-in-out 0s;
		&:hover{
			border: 2px solid $link_hover_color;
		}		
	}
}
.contact-formpage{	
	.contact-ajax{
		.element-form .el-form{
			border-radius: 20px;
			background-color: #f7f7f7;
			padding:30px;
		}
		@media screen and (min-width: 1200px){
			.element-form .el-form{
				padding:95px 110px 100px;
			}
		}		
		.ctajax-wrap .ctajax-element textarea{min-height:100px;}		
		.ctajax-wrap .ctajax-element .el-input{
			background-color:#fff;
			&:hover,
			&:focus{
				background-color:#fff;
			}
		}
		.ctajax-wrap .ctajax-element .el-inner .el-map{
			margin:0;
			iframe {
				border: 0;
				width: 100%;
				overflow: hidden;
				height: 701px;
				border-radius: 20px;
			}
		}	
	}	
}


/*============ Gallery PAGE ==============*/
.item-gallery{
	.sppb-addon-image-overlay{
		border-radius:20px;		
	}	
	.sppb-addon-image-overlay-icon{
		position:absolute;
		width:50px;
		height:50px;
		line-height:50px;
		border-radius:100%;
		background:#fff;
		color:$link_color;
		top:50%;
		left:50%;
		margin-top:-25px;
		margin-left:-25px;
		text-align:center;
		font-size:0;
		transition: all 0.3s ease-in-out 0s;
		&:before{
			content:"\e954";
			font-size:20px;
			font-family: icomoon;
			display:inline-block;
		}
		&:hover{color:$link_hover_color;}		
	}
}
