/* Sliders Styles */
.thumbimg-countnumber-carousel{	
	.owl-dots {
	  position: absolute;
	  right: 340px;
	  top: 300px;
	  width: 60px;
		@include media-breakpoint-down(xxl){
			right: 50px;
		}
		@include media-breakpoint-down(xl){
	    bottom: 0;
	    left: 30px;
	    top: auto;
	    width: auto;
		}
		@include media-breakpoint-down(sm){
			display: none;
		}
	}
}
.banner-wrapper{
	.owl-dot {
	  display: grid;
	  position: relative;
	  z-index: 991;
	  span {
		  background-position: center center;
		  background-repeat: no-repeat;
		  background-size: cover;
		  background-color: transparent;
		  border-radius: 50%;
		  height: 50px;
		  margin: 0 0 15px;
		  opacity: .7;
		  width: 50px;
		  transition: all 0.4s ease;
		}
		&:last-child{
		  margin-bottom: 0;
		}
		&.active{
			span{
			  opacity: 1;
			  outline: 2px solid $white-color;
			  outline-offset: 5px;
			}
		}
	}
	.carousel-control-block {
	  align-items: center;
	  background-color: $white-color;
	  @include default-border-radius3;
	  bottom: 0;
	  display: flex;
	  flex-direction: row-reverse;
	  justify-content: space-between;
	  max-width: 160px;
	  padding: 15px 20px;
	  position: absolute;
	  right: 20px;
	  width: 100%;
	  z-index: 999;
	}
	.carousel-btn-block {
	  display: flex;
	  flex-direction: column;
	  border-left: 1px solid $border-color;
	  padding-left: 20px;
	  span {
		  font-size: 30px;
		  color: $title-color;
		  cursor: pointer;
		  line-height: 0.6em;
		}
		span + span {
		  margin-top: 7px;
		}
	}
	.slider-number-count {
	  font-weight: 400;
	  color: $title-color;
	  display: flex;
	}
	.sep{
	  margin-left: 10px;
	  margin-right: 10px;
	}
	.sep,
	.current-number{
	  color: $theme-color;
	  font-weight: 600;
	}
}
.nav_none{
	&.owl-theme{
		&.owl-carousel{
			.owl-nav{
				display: none !important;
			}
		}
	}
}
.dots_none{
	&.owl-theme{
		&.owl-carousel{
			.owl-dots{
				display: none !important;
			}
		}
	}
}
.navi_pagi_top_right,
.navi_pagi_bottom_left,
.navi_pagi_bottom_center{
	&.owl-theme{
		.owl-dots{
			display: block;
			text-align: center;
			width: 100px;
		}
		.owl-nav{
			display: block;
			width: 140px;
			position: absolute;
			.owl-prev{
				left: 0;
		    right: auto;
			}
			.owl-next{
				left: auto;
		    right: 0;
			}
			.owl-prev,
			.owl-next{
				background-color: transparent;
				border: none;
				color: #222222;
				height: auto;
				line-height: initial;
				margin: 0;
				padding: 0;
				position: absolute;
		    top: 0;
				width: auto;
			  @include transition(all, 0.4s, ease);
				&:hover,
				&:active,
				&:focus{
					background-color: transparent;
					color: #222222;
				}
			}
			.owl-prev{
				i{
					@include transition(all, 0.4s, ease)
				}
				&:hover{
					i{
						transform: translateX(-5px) scale(1.25);
					}
				}
			}
			.owl-next{
				i{
					@include transition(all, 0.4s, ease)
				}
				&:hover{
					i{
				  	transform: translateX(5px) scale(1.25);
					}
				}
			}
		}
		.owl-dots{
			button.owl-dot{
			  &.active{
			  	span{
				  	background-color: #222222;
					  border-radius: 50%;
				  	height: 8px;
				  	width: 8px;
			  	}
			  }
				span{
				  background-color: #D7D7D7;
				  border-radius: 50%;
				  height: 6px;
				  position: relative;
				  width: 6px;
				  @include transition(all, 0.3s, ease);
				}
				&:nth-child(4),
				&:nth-child(5),
				&:nth-child(7),
				&:nth-child(8),
				&:nth-child(9),
				&:nth-child(10),
				&:nth-child(11),
				&:nth-child(12),
				&:nth-child(13),
				&:nth-child(14){
					@media (max-width: 919px) {
						display: none;
					}
				}
			}
		}
	}
}
.dots_nav_light{
	&.owl-theme{
		.owl-dots{
			button.owl-dot{
			  &:hover,
			  &.active{
			  	span{
				  	background-color: $white-color;
			  	}
			  }
				span{
				  background-color: $white-color;
				}
			}
		}
		.owl-nav{
			.owl-prev,
			.owl-next{
				color: $white-color;
			  &:hover,
			  &:active{
			  	i{
				  	color: $white-color;
			  	}
			  }
			}
		}
	}
}
.navi_pagi_bottom_center{
	&.owl-theme {
		.owl-nav{
	    margin: 0 auto;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    @include media-breakpoint-down(lg){
	    	bottom: 20px;
	    }
		}
		.owl-dots{
	    bottom: -20px;
	    left: 0;
	    margin: 0 auto;
			position: absolute;
	    right: 0;
	    @include media-breakpoint-down(lg){
	    	bottom: 0;
	    }
		}
	}
}
.navi_pagi_bottom_left{
	&.owl-theme {
		.owl-dots{
	    bottom: -18px;
			left: 20px;
	    margin: 0 auto;
			position: absolute;
			@include media-breakpoint-down(lg){
				position: relative;
			}
		}
		.owl-nav{
			bottom: 0;
			position: absolute;
			@include media-breakpoint-down(lg){
				position: relative;
			}
		}
	}
}
.navi_pagi_top_right{
	&.owl-theme {
		.owl-dots{
			position: absolute;
			right: 30px;
			top: -115px;
			width: 100px;
			@include media-breakpoint-down(xl){
				top: -85px;
			}
			@include media-breakpoint-down(lg){
				top: -75px;
			}
			@include media-breakpoint-down(md){				
				position: relative;		
				top:-35px;							
				left:0px;		
				margin: 0 auto;
			}
			@include media-breakpoint-down(sm){			
				position: relative;		
				top:-35px;							
				left:0px;
				margin: 0 auto;		
			}
		}
		.owl-nav{
			right: 10px;
			top: -110px;
			@include media-breakpoint-down(xl){				
				top: -80px;
			}
			@include media-breakpoint-down(lg){				
				top: -70px;
			}
			@include media-breakpoint-down(md){			
				position: relative;		
				top:-30px;							
				left:0px;
				margin: 0 auto;
			}
			@include media-breakpoint-down(sm){
				position: relative;		
				top:-30px;							
				left:0px;							
				margin: 0 auto;
			}
		}
	}
}
.vam_nav_style{	
	&.owl-theme{
		.owl-nav{
			display: block;
			margin-top: 0;
			button.owl-prev{
				left: -30px;
		    right: auto;
		    @media (max-width: 579px) {
		    	left: -10px;
		    }
			}
			button.owl-next{
				left: auto;
		    right: -30px;
		    @media (max-width: 579px) {
		    	right: -10px;
		    }
			}
			button.owl-prev,
			button.owl-next{
				background-color: $white-color;
				@include default-box-shadow4;
				border: none;
				border-radius: 50%;
				color: #051036;
				display: inline-block;
				height: 50px;
				line-height: 50px;
				margin: 0;
				padding: 0;
				position: absolute;
		    top: 38%;
				width: 50px;
			  @include transition(all, 0.3s, ease);
				&:hover,
				&:active,
				&:focus{
					background-color: $theme-color;
					color: $white-color;
				}
			}
		}
	}
}
.explore-apartment-slider,
.testimonial-slider{
	position: relative;
	.owl-stage-outer{
		display: inline-block;
	}
}
.property-city-slider{
	&.style2{
		&.vam_nav_style{
			&.owl-theme {
				.owl-nav {
					button.owl-prev,
					button.owl-next{
						top: 25%;
					}
				}
			}
		}
	}
}
.feature-listing-slider{
	.listing-style1{
		margin-bottom: 20px;
	}
}
.feature-listing-slider2{
	&.owl-theme{
		.owl-nav{
			.owl-prev,
			.owl-next{
				top: 25%;
			}
		}
	}
}
.home6-listing-single-slider{
	&.owl-theme{
		.owl-nav{
			bottom: 20px;
			left: 40px;
		}
		.owl-dots{
			bottom: 2px;
			left: 50px;
			@include media-breakpoint-down(lg){
				position: absolute;
			}
		}
	}
}
.home7-testimonial-slider{
	position: relative;
	&.owl-theme{
		.owl-nav{
	    bottom: 80px;
	    left: 47%;
	    margin: 0 auto;
	    position: absolute;
	    width: 120px;
			@include media-breakpoint-down(lg){
				left: auto;
				right: 0;
			}
			button.owl-prev,
			button.owl-next{
				background-color: $white-color;
				border: 1px solid $dark-color;
				border-radius: 50%;
				display: block;
				height: 50px;
				line-height: 45px;
		    position: absolute;
				text-align: center;
				width: 50px;
				&:hover,
				&:focus,
				&:active{
					background-color: $dark-color;
					color: $white-color;
				}
			}
			button.owl-prev{
				left: 0;
			}
			button.owl-next{
				right: 0;
			}
		}
	}
}
.home8-property-slider{
	.swiper-pagination-progressbar{
		&.swiper-pagination-horizontal{
			height: 1px;
			left: 20px;
			right: auto;
			width: 70%;
		}
	}
	.swiper-pagination-progressbar-fill{
		height: 3px;
	}
}
.swpr_paginations{
	max-width: 330px;
	position: relative;
	width: 100%;
	.slideactive{
		position: absolute;
		left: 0;
		top: -3px;
	}
	.slidetotal{
		position: absolute;
		right: 0;
		top: -3px;
	}
}
.main-banner-wrapper{
  overflow: hidden;
  position: relative;
  .carousel-btn-block{
	  cursor: pointer;
	  position: absolute;
	  top: 40%;
	  width: 100%;
	  z-index: 1;
	  @include media-breakpoint-down(xl) {
		  top: auto;
		  bottom: 60px;
	  }
	}
	.carousel-btn{
	  background-color: transparent;
	  border: 1px solid #ffffff;
	  border-radius: 50%;
	  color: #FFF;
	  cursor: pointer;
	  display: inline-block;
	  font-size: 13px;
	  height: 50px;
	  line-height: 50px;
	  text-align: center;
	  width: 50px;
	  z-index: 1;
	  -webkit-box-shadow: 0px 10px 35px rgba(17, 33, 55, 0.1);
	  -moz-box-shadow: 0px 10px 35px rgba(17, 33, 55, 0.1);
	  -o-box-shadow: 0px 10px 35px rgba(17, 33, 55, 0.1);
	  box-shadow: 0px 10px 35px rgba(17, 33, 55, 0.1);
	  -webkit-transition: all 0.3s ease;
	  -moz-transition: all 0.3s ease;
	  -o-transition: all 0.3s ease;
	  transition: all 0.3s ease;
	  vertical-align: middle;
	  &:hover{
		  background-color: #ffffff;
		  color: #626974;
		  opacity: 1;
		}
		&.left-btn{
		  position: absolute;
		  left: 160px;
		  @media (max-width: 1600px) {
		  	left: 30px;
		  }
		  @include media-breakpoint-down(xl) {
			  left: 60px;
		  }
		  @include media-breakpoint-down(sm) {
			  left: 30px;
		  }
		}
		&.right-btn{
		  left: 160px;
		  position: absolute;
		  right: auto;
		  top: 70px;
		  @media (max-width: 1600px) {
		  	left: 30px;
		  }
		  @include media-breakpoint-down(xl) {
			  top: auto;
			  left: 120px;
		  }
		  @include media-breakpoint-down(sm) {
			  left: 90px;
		  }
		}
	}
	&.home10_style{
		.carousel-btn{
			&.left-btn,
			&.right-btn{
				left: auto;
				right: 18%;
			}
			&.right-btn{
			  @include media-breakpoint-down(xl) {
				  top: auto;
				  left: auto;
				  right: 13%;
			  }
			  @include media-breakpoint-down(lg) {
				  right: 10%;
			  }
			  @include media-breakpoint-down(md) {
				  right: 8%;
			  }
			  @include media-breakpoint-down(sm) {
				  right: 5px;
			  }
			}
		}
	}
}
.banner-style-one{
	&.home10_style{
		.slide{
			height: 700px;
			@include media-breakpoint-down(xl) {
				height: 600px;
			}
		}	
	}
	.slide{
	  align-items: center;
	  background-repeat: no-repeat;
	  background-size: cover;
	  display: flex;
	  height: 860px;
		@include media-breakpoint-down(xl) {
			height: 600px;
		}
	}
	.sub-title{
	  color: $white-color;
	  font-size: 36px;
	  font-family: $title-font;
	  line-height: 60px;
	  -webkit-animation-duration: 1s;
	  animation-duration: 1s;
	  -webkit-animation-fill-mode: both;
	  animation-fill-mode: both;
	  -webkit-backface-visibility: visible !important;
	  backface-visibility: visible !important;
		@include media-breakpoint-down(xl) {
			font-size: 48px;
			line-height:initial;
		}
		@include media-breakpoint-down(lg) {
			font-size: 36px;
		}
	}
	.banner-title{
	  color: $white-color;
	  font-size: 52px;
	  font-family: $title-font;
	  line-height: 60px;
	  -webkit-animation-duration: 1s;
	  animation-duration: 1s;
	  -webkit-animation-fill-mode: both;
	  animation-fill-mode: both;
	  -webkit-backface-visibility: visible !important;
	  backface-visibility: visible !important;
		@include media-breakpoint-down(xl) {
			font-size: 48px;
			line-height:initial;
		}
		@include media-breakpoint-down(lg) {
			font-size: 36px;
		}
	}
	.banner-text{
	  -webkit-animation-duration: 2s;
	  animation-duration: 2s;
	  -webkit-animation-fill-mode: both;
	  animation-fill-mode: both;
	  -webkit-backface-visibility: visible !important;
	  backface-visibility: visible !important;
	}
	.banner-btn{
	  -webkit-animation-duration: 3s;
	  animation-duration: 3s;
	  -webkit-animation-fill-mode: both;
	  animation-fill-mode: both;
	  -webkit-backface-visibility: visible !important;
	  backface-visibility: visible !important;
	  -webkit-transition: all 0.3s ease 0s;
	  -moz-transition: all 0.3s ease 0s;
	  -o-transition: all 0.3s ease 0s;
	  transition: all 0.3s ease 0s;
	}
	.banner-content{
	  -webkit-animation-duration: 1s;
	  animation-duration: 1s;
	  -webkit-animation-fill-mode: both;
	  animation-fill-mode: both;
	  -webkit-backface-visibility: visible !important;
	  backface-visibility: visible !important;
	}
	.active{
		.banner-title,
		.sub-title,
		.banner-text,
		.banner-btn,
		.banner-content{
		  -webkit-animation-name: fadeInUp;
		  animation-name: fadeInUp;
		  -webkit-animation-delay: 0.5s;
		  animation-delay: 0.5s;
		}
	}
}
.ps-v4-hero-slider{
	&.owl-carousel{
		.owl-stage-outer{
			display: inline;
		}
	}
	&.vam_nav_style{
		&.owl-theme {
			.owl-nav {
				button.owl-prev,
				button.owl-next{
					top: 45%;
				}
				button.owl-prev{
					left: -100px;
					@include media-breakpoint-down(xxl){
						left: -30px;
					}
					@include media-breakpoint-down(md){
						left: 0;
					}
				}
				button.owl-next{
					right: -100px;
					@include media-breakpoint-down(xxl){
						right: -30px;
					}
					@include media-breakpoint-down(md){
						right: 0px;
					}
				}
			}
		}
	}
	.owl-item{
		img{
			@include media-breakpoint-down(sm){
				height: 250px;
			}
		}
	}
}
.ps-v4-hero-slider2{
	&.vam_nav_style{
		&.owl-theme {
			.owl-nav {
				button.owl-prev,
				button.owl-next{
					background-color: transparent;
					border: 1px solid $white-color;
					color: $white-color;
					top: 45%;
					&:hover{
						background-color: $white-color;
						color: $title-color;
					}
				}
				button.owl-prev{
					left: 100px;
					@include media-breakpoint-down(xl){
						left: 30px;
					}
				}
				button.owl-next{
					right: 100px;
					@include media-breakpoint-down(xl){
						right: 30px;
					}
				}
			}
		}
	}
	.owl-item{
		img{
			@include media-breakpoint-down(sm){
				height: 200px;
			}
		}
	}
}
.ps-v6-slider{
	&.owl-theme{
		.owl-dots{
			.owl-dot{
				&:first-child{
					background-image: url($theme-image-path+"listings/listing-single-6-1.jpg");
					background-position: center;
					background-size: cover;
				}
				&:nth-child(2){
					background-image: url($theme-image-path+"listings/listing-single-6-2.jpg");
					background-position: center;
					background-size: cover;
				}
				&:nth-child(3){
					background-image: url($theme-image-path+"listings/listing-single-6-3.jpg");
					background-position: center;
					background-size: cover;
				}
				&:nth-child(4){
					background-image: url($theme-image-path+"listings/listing-single-6-4.jpg");
					background-position: center;
					background-size: cover;
				}
			}
		}
	}
	button.owl-dot{
		background-color: aliceblue;
		@include default-border-radius1;
		height: 83.33px;
		margin-bottom: 5px;
		margin-right: 10px;
		width: 90px;
	}
}
.testimonial-style2{
	.img-part{
		.swiper-slide{
			margin-right: 30px !important;
			width: auto !important;
			&:last-child{
				margin-right: 0 !important;
			}
		}
	}
}
@include media-breakpoint-down(sm){}
@include media-breakpoint-down(md){}
@include media-breakpoint-down(lg){}
@include media-breakpoint-down(xl){}
@include media-breakpoint-down(xxl){}