/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
#breadcrumbs{
	padding: 20px 0;
}

.passsword_login_form{
	margin: 100px auto;
	display: block !important;
	text-align: center;
}
.step_arrow{
	margin: 0 5px;
}

#breadcrumbs span{
	display: inline-block
}

section > p:last-child, section div > p:last-child {
	margin-bottom: 0;
}

.folyou-credit-new{
	padding: 30px 0;
	text-align: center;
}
.folyou-credit-new a{
	text-decoration: none;
}


#search-result{
	max-height:350px; 
	overflow-y:auto;
	overflow-x:hidden;
}

#search-result ul{
	padding:0 !important;
	margin: 0 !important;
}
#search-result .card{
	padding:0;
}
#search-result .main_image img{
	width:75px;
	list-style:none;
	
}

#search-result li{
	transition: all .2s ease-in-out;
	padding: 5px 0;
}
#search-result li a{
	text-decoration: none !important;
}
/* #products article{
	margin-bottom: 30px !important;
} */
.oc-item a, .main_image a{
	width: 100%;
	text-align: center;
}

.oc-item .main_image.imagescalein.auto_crop a img:not(.testi-img){
	position: absolute;
  	left: 0;
}

.oc-item .main_image:not(.auto_crop.fill):not(.imagescalein):not(.imagescale) a img:not(.testi-img){
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	transition: all .2s ease-in-out;
}
.oc-item .main_image:not(.auto_crop) img:nth-child(2){
	position: absolute;
	top: 0;
	left :0;
}

.oc-item .main_image img:nth-child(2), .main_image img:nth-child(2){
	opacity: 0;
	transition: all .2s ease-in-out;
}
.oc-item .main_image a:hover img:nth-child(2){
	opacity: 1;
}

#checkout-form{
	padding-top:50px;
}
#checkout-form a, #checkout-form a:hover{
		text-decoration: none !important;
}
label.list_title{
	font-weight: 700;
}
.ecom-shipment-option.selected{
	background-color: #f8f9fa !important;
}

.ecom_checkout{
	font-size: 40px;
	margin: 30px 0;
}
.ecom_before_special_price{
	text-decoration: line-through;
}

.item_error, .red_star{
	color: red;
	font-weight: bold;		
}
.card{
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 10px;
	padding-left: 10px;
}

.mfp-counter {
	direction:ltr;
}

.column p, .column span, .column h1, .column h2, .column h3, .column h4, .column h5, .column h6{
	line-height: 1 !important;
	margin: 0 !important;
}
/* #page_structure section p:last-child{
	margin-bottom: 0;
} */

.input-error .err_described{
	display: inline !important;
}
.checkout-item-title, .checkout-item-title a{ text-decoration: none !important;}

fieldset label{
	display: inline !important;
}
.ecom_panel_lists .option_holder label{
	display: inline !important;
}
.option_holder input{
	margin: 0;
}

.item_before_special_price{
	text-decoration: line-through;
}

.option_holder label{
	display: block;
}
.testimonial{
	border-top: 2px solid;
}
.testimonial p{
	line-height: 1.5 !important;
}
.video-wrap{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.abs-bg-content{
	z-index: 10;
	padding:20px;
	display: inline;
	display: inline-block;
	overflow-y: hidden;
	z-index: 5;
}
.abs-bg-content.top_right{
	position: absolute;
	top: 5%;
	right: 5%;
	max-width: 50%;
	
}
.abs-bg-content.top_left{
	position: absolute;
	top: 5%;
	left: 5%;
	max-width: 50%;
}
.abs-bg-content.bottom_right{
	position: absolute;
	bottom: 5%;
	right: 5%;
	max-width: 50%;
}
.abs-bg-content.bottom_left{
	position: absolute;
	bottom: 5%;
	left: 5%;
	max-width: 50%;
}
.absabs-bg-content.center, .abs-bg-content.center_top, .abs-bg-content.center_bottom{
	display: inline-block;
	text-align: center;
	max-width: 75%;
	margin: 0 auto;
}

#floatnav{
	position: fixed;
	display: inline;
	z-index: 100;
}

#floatnav .si-icons{
	border: 0 !important;
}
#floatnav.center_right{
	top: 50%;
	right: 0;
}
#floatnav.center_left{
	top: 50%;
	left: 0;
}

#floatnav li a .ts-icon, #floatnav li a .ts-text {
	height: auto !important;
/* 	line-height: auto !important; */
}

#floatnav li a .ts-icon{
	width: auto !important;
	/* font-size: inherit !important; */
	padding: 15px 15px;
}
#floatnav li a .ts-text{
	padding: 15px 0;
}
#floatnav li a:hover .ts-text{
	max-width: 300px;
}

#floatnav.center_right{
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
}
#floatnav.center_left{
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
}

#floatnav.center_right li a:hover .ts-text{
	padding-right:20px;
}
#floatnav.center_left li a:hover .ts-text{
	padding-left:20px;
}
table.abs-tbl{
	position:absolute;top:0;right:0;width:100%;height:100%;z-index:5;margin:0;padding:0;
}
td.center{
	vertical-align: middle;
	text-align:center;
}
td.center_top{
	vertical-align: top;
	text-align:center;
	padding-top:5%;
}
td.center_bottom{
	vertical-align: bottom;
	text-align:center;
	padding-bottom:5%;
}

.media-holder{
	position: relative;
}


@keyframes spin {
  to { transform: rotate(360deg); }
}

.abs-tbl .stroke-dotted {
  opacity: 0;
  stroke-dasharray: 4,5;
  stroke-width: 1px;
  transform-origin: 50% 50%;
  animation: spin 4s infinite linear;
  transition: opacity 1s ease, 
              stroke-width 1s ease;
}
.abs-tbl .stroke-solid {
  stroke-dashoffset: 0;
  stroke-dashArray: 300;
  stroke-width: 4px;
  transition: stroke-dashoffset 1s ease, 
              opacity 1s ease;
}

.abs-tbl .icon {
  transform-origin: 50% 50%;
  transition: transform 200ms ease-out;
}


/* Hover */
a:hover .play .stroke-dotted{
 
    stroke-width: 4px;
    opacity: 1;
  }
a:hover .play .stroke-solid {
    opacity: 0;
    stroke-dashoffset: 300;
  }
a:hover .play .icon {
    transform: scale(1.05);
  }

@media (max-width: 575.98px) { 
	#top-social-icons-holder{
		display: none !important;
	}
	.abs-bg-content{
		position: relative !important;
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		text-align: center;
		padding: 30px !important;
		display: block !important;
	}

	[class*="col-"]:not([class*="sticky-"]):not([class*="position-"]) {
		margin-bottom: 20px;
	}

	.section_video_yt_1 .video-wrap, .section_video_yt_1 .mbYTP_wrapper{
		position: relative !important;
	}
	table.abs-tbl:not(.playbtn){
		position:relative;width:100%;height:100%;;
	}
	td.td.center_bottom{
		padding-bottom:0;
	}
	
	.primary-menu-open .header-misc{
		width: 80%;
	}
	.header-misc{
			margin-right:0 !important;
			margin-left:0 !important;
	}
	
	
	.top-search-open #top-search{
		position: absolute;
			right: 5px;
			top: 15px;
	}
	.top-search-open #top-search-trigger{
		position: absolute;
		right: 0;
	}
}

#checkout-cart-titles, #checkout-cart-content {
	padding: 0 !important;
}

h1, h2, h3, h4, h5, h6{
	line-height: 1 !important;
}
.sticky-header-shrink .websitetagline{
	display: none; 
}


#page-title.image-parallax h1{
	text-shadow: 1px 1px 2px #444;	
}

#page-media .container-fluid{
	padding-right:0;
	padding-left: 0;
}
.hide{
	display: none !important;
}

#slider{
	margin-top: 0 !important;
	transition: all .2s ease-in-out;
}

.blog1 .entry-title{
	padding: 16px;
}
.blog1 .entry-title p{
	margin: 0;
}

.badges_holder{
	padding: 10px 0;
}

.img_badges_holder{
	position: absolute;
	top: 20px;
	z-index: 10;
	right: 0;
}
.badge{
	/* font-size: 1rem !important; */
	margin-bottom: 5px;
	border-radius: 0.25rem !important;
}
/* .badge.product_page{
	border-radius: 0.25rem !important;
} */
@media (max-width: 575.98px) { 
	.img_badges_holder br{
		font-size: 5px;
	}
	.badge{
		font-size: 0.6rem !important;
	}
}

.disabled_value{
	opacity: 0.5;
}

.ecom_panel_lists input:not([type=checkbox]):not([type=radio]), .ecom_panel_lists select, .ecom_panel_lists textarea{
	display:block;
	width: 100% !important;
}
.option_holder{		
	margin-bottom: 20px;
}
.required_field_error{
	color: red;
	font-weight: bold;
}
.ecom_panel_lists input.must_error, .ecom_panel_lists select.must_error, .ecom_panel_lists textarea.must_error{
	border: 1px solid red;
}
#page-checkout label{
	width: 100%;
	/* display: block !important; */
}
#page-checkout textarea{
	width: 100% !important;
}
#page-checkout input:not(.checkout_quantity_value):not([type='checkbox']):not([type='radio']), #page-checkout select{
	width: 100% !important;
}

#contact-social a span.ts-icon{
	font-size: 1rem;
}

/* .ecom_before_special_price{
	text-decoration: line-through;
} */
.icon-universal-access{
	font-size:1.75rem;
}
/* .si-icons.logged{
	color: green !important;
} */
.top-social{
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.top-social a,  .social-icon, #cart-holder a{
	text-decoration: none !important;
}

#second_lang{
	padding: 12px 5px;
}

.footer_navs a{
	text-decoration: none;
}
.deal_included{
	padding: 5px 4px;
	display: inline-block;
	border-radius: 3px;
	font-size: 0.6rem;
	font-weight: 900;
}


.checkout-btn:hover{
	font-weight: 900 !important;
}

.flag-icon{
	width: 28px !important;
	line-height: 20px !important;
}
.contact-icon{
	margin: 0 0 0 10px;
}
.contact-icon.whatsapp img, .contact-icon.phone img{
	height: 24px;
}

.menu-link{
	transition: color .3s ease-in-out;
}

#page-title h1 {
	margin-bottom:10px;
}
/* Align */
.text-center#page-title h1{
	text-align: center;
}
.text-center#page-text *, .text-center, .text-center *{
	text-align: center;
}

.text-justify#page-title h1{
	text-align: center;
}
.text-justify#page-text *, .text-justify, .text-justify *{
	text-align: justify;
}



.text-opposite#page-title h1{
	text-align: right;
}
.text-opposite#page-text *, .text-opposite, .text-opposite *{
	text-align: right;
}

/* End Align */

/* Width */
.card-body{
	padding: 1rem 1rem 0.25rem !important;
}

#floatnav li{
	border: 0 !important;
}
.width-100 div.card-columns, .width-75 div.card-columns, .width-50 div.card-columns{
	margin: 0 auto;
}
.sub-menu-container{
	z-index: 10000 !important;
}
@media (min-width: 992px) {
	.content-sticky {
		position: -webkit-sticky !important;
		position: sticky !important;
		top: 40px;
		height: 100%;
	}
}


@media (max-width: 575.98px) { 
	.sub-menu-container{
		border: 0 !important;
	}

	.top-links{
		padding: 10px;
	}
	.top-links-item > a{
		/* font-size: 0.5rem; */
		padding: 6px;
	}

	#logo a img{max-width: 195px;
		height: auto !important;
		max-height: 60px;
	}
	.width-50, .width-50 p, .width-50 di.card-columnsv, .width-75, .width-75 p, .width-75 div.card-columns, .width-100, .width-100 p, .width-100 div.card-columns{
		max-width: 90%;
		margin: 0 auto;
	}
	
	.grid-filter.style-4 li:not(:first-child), .grid-filter.style-2 li:not(:first-child), .grid-filter.style-3 li:not(:first-child){
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	
	.blog1.card .row{
		--bs-gutter-x: 0 !important;
	}
	.blog1.card .col-md-4{
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	
	.media-holder{
		margin-bottom: 10px;
	}
	section{
		overflow:hidden;
		
	}
	.text-big{
		font-size: 28px !important;
	}
	.text-medium{
		font-size: 18px !important;
	}
	.text-small{
		font-size: 12px !important;
	}
}
/* End Width */

/* Culomns */
@media (min-width: 576px) {
	.width-100, .width-100 div.card-columns{
		max-width: 100% !important;
	}
	.width-75, .width-75 div.card-columns{
		max-width: 75% !important;
		margin: 0 auto;
	}
	.width-50, .width-50 div.card-columns{
		max-width: 50%  !important;;
		margin: 0 auto;
	}
	.cols-1 {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	.cols-2 {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
	.cols-3 {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
	.cols-4 {
		-webkit-column-count: 4;
		-moz-column-count: 4;
		column-count: 4;
	}
	.cols-5 {
		-webkit-column-count: 5;
		-moz-column-count: 5;
		column-count: 5;
	}
	.cols-6 {
		-webkit-column-count: 6;
		-moz-column-count: 6;
		column-count: 6;
	}
	.cols-7 {
		-webkit-column-count: 7;
		-moz-column-count: 7;
		column-count: 7;
	}
	.cols-8 {
		-webkit-column-count: 8;
		-moz-column-count: 8;
		column-count: 8;
	}
	.cols-9 {
		-webkit-column-count: 9;
		-moz-column-count: 9;
		column-count: 9;
	}
	.cols-10 {
		-webkit-column-count: 10;
		-moz-column-count: 10;
		column-count: 10;
	}
	/* Gap */
	.gap-0 .media-holder{
		-webkit-column-gap: 0;
		-moz-column-gap: 0;
		column-gap: 0;
		margin-bottom: 0;
	}
	
	.gap-1{
		-webkit-column-gap: 1px;
		-moz-column-gap: 1px;
		column-gap: 1px;
	}
	.gap-1 .media-holder{
		margin-bottom: 1px;
	}
	
	.gap-10{
		-webkit-column-gap: 10px;
		-moz-column-gap: 10px;
		column-gap: 10px;
	}
	.gap-10 .media-holder{
		margin-bottom: 10px;
	}
	
	.gap-20{
		-webkit-column-gap: 20px;
		-moz-column-gap: 20px;
		column-gap: 20px;
	}
	.gap-20 .media-holder{
		margin-bottom: 20px;
	}
	
	.gap-30{
		-webkit-column-gap: 30px;
		-moz-column-gap: 30px;
		column-gap: 30px;
	}
	.gap-30 .media-holder{
		margin-bottom: 30px;
	}
	
	.gap-40{
		-webkit-column-gap: 40px;
		-moz-column-gap: 40px;
		column-gap: 40px;
	}
	.gap-40 .media-holder{
		margin-bottom: 40px;
	}
	
	.gap-50{
		-webkit-column-gap: 50px;
		-moz-column-gap: 50px;
		column-gap: 50px;
	}
	.gap-50 .media-holder{
		margin-bottom: 50px;
	}
	/* End Gap */
}
/* End Culomns */

.pdng-t-1{
	padding:1px 0;
}
.pdng-t-10{
	padding:10px 0;
}
.pdng-t-20{
	padding:20px 0;
}
.pdng-t-30{
	padding:30px 0;
}
.pdng-t-40{
	padding:40px 0;
}
.pdng-t-50{
	padding:50px 0;
}

.pdng-y-0{
	padding-bottom:0;
}
.pdng-y-10{
	padding-bottom:10px;
}
.pdng-y-20{
	padding-bottom:20px;
}
.pdng-y-30{
	padding-bottom:30px;
}
.pdng-y-40{
	padding-bottom:40px;
}
.pdng-y-50{
	padding-bottom:50px;
}
.pdng-y-60{
	padding-bottom:60px;
}
.pdng-y-70{
	padding-bottom:70px;
}
.pdng-y-80{
	padding-bottom:80px;
}
.pdng-y-90{
	padding-bottom:90px;
}
.pdng-y-100{
	padding-bottom:100px;
}
.pdng-0{
	padding:0;
}
.pdng-10{
	padding:10px;
}
.pdng-20{
	padding:20px;
}
.pdng-30{
	padding:30px;
}
.pdng-40{
	padding:40px;
}
.pdng-50{
	padding:50px;
}
.pdng-60{
	padding:60px;
}
.pdng-70{
	padding:70px;
}
.pdng-80{
	padding:80px;
}
.pdng-90{
	padding:90px;
}
.pdng-100{
	padding:100px;
}


.pdn-t-0{
	padding-top:0;
}
.pdn-t-10{
	padding-top:10px;
}
.pdn-t-20{
	padding-top:20px;
}
.pdn-t-30{
	padding-top:30px;
}
.pdn-t-40{
	padding-top:40px;
}
.pdn-t-50{
	padding-top:50px;
}
.pdn-t-60{
	padding-top:60px;
}
.pdn-t-70{
	padding-top:70px;
}
.pdn-t-80{
	padding-top:80px;
}
.pdn-t-90{
	padding-top:90px;
}
.pdn-t-100{
	padding-top:100px;
}

.pdn-b-0{
	padding-bottom:0;
}
.pdn-b-10{
	padding-bottom:10px;
}
.pdn-b-20{
	padding-bottom:20px;
}
.pdn-b-30{
	padding-bottom:30px;
}
.pdn-b-40{
	padding-bottom:40px;
}
.pdn-b-50{
	padding-bottom:50px;
}
.pdn-b-60{
	padding-bottom:60px;
}
.pdn-b-70{
	padding-bottom:70px;
}
.pdn-b-80{
	padding-bottom:80px;
}
.pdn-b-90{
	padding-bottom:90px;
}
.pdn-b-100{
	padding-bottom:100px;
}

.mrg-t-0{
	margin-top:0;
}
.mrg-t-10{
	margin-top:10px;
}
.mrg-t-20{
	margin-top:20px;
}
.mrg-t-30{
	margin-top:30px;
}
.mrg-t-40{
	margin-top:40px;
}
.mrg-t-50{
	margin-top:50px;
}
.mrg-t-60{
	margin-top:60px;
}
.mrg-t-70{
	margin-top:70px;
}
.mrg-t-80{
	margin-top:80px;
}
.mrg-t-90{
	margin-top:90px;
}
.mrg-t-100{
	margin-top:100px;
}

@media (min-width: 576px) and (max-width: 767px) {
	.pdng-y-*{
		padding-top: 5px !important;
		padding-bottom: 5px !important;
	}
}
.media-holder a{
	display: inline-block;
	width:100%;
}

.rnd-cor-1 img{
		border-radius: 2px;
}
.rnd-cor-2 img{
		border-radius: 10px;
}
.rnd-cor-3 img{
		border-radius: 15px;
}
.rnd-cor-4 img{
		border-radius: 20px;
}
.rnd-cor-5 img{
		border-radius: 30px;
}
.rnd-cor-6 img{
		border-radius: 50px;
}
.rnd-cor-7 img{
		border-radius: 70px;
}
.rnd-cor-8 img{
		border-radius: 90px;
}
.rnd-cor-9 img{
		border-radius: 110px;
}
.rnd-cor-10 img{
		border-radius: 50%
}

.font_u{
	text-decoration: underline !important;
}
.font_i{
	font-style: italic;
}

.text-big{
	font-size: 36px;
}
.text-medium{
	font-size: 24px;
}
.text-small{
	font-size: 14px;
}

/* Grid Settings & Effects */
.oc-item .main_image:not(.auto_crop){
	min-height:260px;
}
.main_image:not(.imagescalein):not(.imagescale) a{
	width: 100%;
	height: 100%;
	display: inline-block;
	text-align: center;
}
.auto_crop{
	width: 100%; height: 250px;
	overflow:hidden;
}
.auto_crop.fullsize img{
	width: auto !important;
	height: 100% !important;
	margin: 0 auto;
}
.auto_crop.fullsize.imagescalein img{
	position: absolute;
	left: 0 !important;
	right: 0 !important;
	margin-left: auto !important;
	margin-right: auto !important;
	transition: all 0.5s ease;
}

.auto_crop.fill img{
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}
.products_grid1 h2, .products_grid4 h2{
	margin-bottom: 2rem;
}
.products_grid4 .auto_crop img{
	width: auto;
	margin: 0 auto;
}
.rounded-corners .main_image{
	border-radius: 20px;
	overflow: hidden;
}
.rounded-corners.abs-bg-content{
	border-radius: 20px;
	overflow: hidden;
}

.blog1.rounded-corners:not(.card) .main_image img{
	border-radius: 20px;
	overflow: hidden;
}

.card.rounded-corners{
	border-radius: 20px;
	overflow: hidden;
}
.card.rounded-corners  .main_image{
	border-radius: 0;
}
.shadow-hover:not(.card) .main_image{
	transition: all 0.5s ease;
}
.shadow-hover:not(.card):hover .main_image{
	box-shadow: 0 0.5rem 0.75rem rgba(0, 0, 0, 0.15);
}
.shadow-hover:not(.card):hover i{
	text-shadow: 0 0.5rem 0.75rem rgba(0, 0, 0, 0.25);
}

.top-links .shadow-hover{
	transition: all 0.5s ease;
}
.top-links .shadow-hover:hover{
	box-shadow: 0 0.250rem 0.250rem rgba(0, 0, 0, 0.15);
}

.card.shadow-hover{
	transition: all 0.5s ease;
}
.card.shadow-hover:hover{
	box-shadow: 0 0.5rem 0.75rem rgba(0, 0, 0, 0.15);
}
/* .media-holder{
	text-align: center;
} */
.main_image{
	position: relative;
	overflow:hidden;
}
.main_image a > img{
	position: relative;

}
.main_image > a img:nth-child(1){
	z-index: 1;
	opacity: 1;
}
.main_image > a img:nth-child(2){
	position: absolute;
	left:0;
	right:0;
	margin-left:auto !important;
	margin-right:auto !important;
	z-index: 2 !important;
	opacity: 0; 
	transition: all 0.5s ease;
}  

.main_image > a:hover img:nth-child(2){
	opacity: 1;
}
.main_image > a:hover img.mih{
	opacity: 0;
}

/* End Main Image Hover */ 

#website_name a{
	text-decoration: none;
}


.update-bar p{
	margin: 0;
}
p, div{ line-height: 1; }
.update-bar p a:not(.font_u), .media-holder a:not(.font_u), .blog1 a:not(.font_u), a.product_title:not(.font_u), a.product_txt:not(.font_u), .sp-title-size:not(.font_u), .sp-text-size:not(.font_u), .topmenu-link:not(.font_u), .oc-item a:not(.font_u), a.btn1:not(.font_u), a.btn2:not(.font_u), a.col_a:not(.font_u){
	text-decoration: none !important;
	
}
.update-bar p a, .update-bar p span{
	display: block;
	text-align: center;
	margin: 0;
	padding: 5px 0;
}

input[type="number" i] {
	-webkit-appearance: none;
	-moz-appearance: textfield;
	padding: 1px 2px;
}

.text_input{
	padding: 5px;
}
.ecom_quantity{
	padding: 0 !important;
}
.add_to_cart_button{
	padding: 11px 30px !important;
	border: 0 !important;
}
.cart-item-options{
	list-style-type: none;
	padding: 0;
}

.top-cart-item-quantity div{
	margin-bottom: 5px;
	text-align: right;
}


.slider-element{
		margin-top: 0 !important;
}

.block-slider-3 .swiper-container-horizontal>.swiper-scrollbar {
	top: 50%;
	bottom: auto;
	left: 50%;
	margin-left: 20%;
	width: 200px;
	height: 2px;
	transform: translateY(-50%);
	background-color: rgba(0,0,0,0.4);
	border-radius: 2px;
}

/* .block-slider-3 .swiper-scrollbar-drag { background: #000 } */

.block-slider-3 .slide-number {
	opacity: 1;
	bottom: 10px;
	text-align: left;
	right: auto;
}

.block-slider-3 .slide-number-current {
	top: auto;
	bottom: -2px;
	font-size: 34px;
	font-weight: 600;
}

.block-slider-3 .slide-number span {
	margin-left: 24px;
	font-size: 16px;
	opacity: .7;
}

.block-slider-3 .slide-number-total {
	font-size: 13px;
	line-height: 30px;
	left: 32px;
	opacity: .7;
}

.block-slider-3 .swiper-navs {
	position: absolute;
	display: block;
	width: 100%;
	left: 0;
	top: 50%;
	margin-top: 0;
	margin-left: 0;
}

.block-slider-3 .slider-arrow-left,
.block-slider-3 .slider-arrow-right {
	border-radius: 50%;
	/* background: transparent; */
	/* border: 1px solid rgba(0,0,0,0.7); */
	width: 36px;
	height: 36px;
}

/* .block-slider-3 .slider-arrow-right { left: 45px; } */

.block-slider-3 .slider-arrow-left i,
.block-slider-3 .slider-arrow-right i {
	display: block;
	width: 36px;
	height: 36px;
	font-size: 16px;
	line-height: 34px;
	margin: 0 auto;
}

.block-slider-3 .slider-arrow-right i { margin-left: -1px; }

.block-slider-3 .swiper-button-disabled {
	opacity: 0.5;
	cursor: default;
}

.block-slider-3.dark .slider-arrow-left,
.block-slider-3.dark .slider-arrow-right { border-color: rgba(255,255,255,0.7); }

.block-slider-3.dark .swiper-container-horizontal > .swiper-scrollbar { background-color: rgba(255,255,255,0.4);  }

/* .block-slider-3.dark .swiper-scrollbar-drag { background: #FFF } */

.block-slider-3.dark .slide-number,
.block-slider-3.dark .slider-arrow-left i,
.block-slider-3.dark .slider-arrow-right i { color: #FFF; }

@media (min-width: 576px) and (max-width: 767px) {
	.block-slider-3 .swiper-container-horizontal>.swiper-scrollbar {
		top: auto;
		left: auto;
		bottom: 70px;
		right: 30px;
		width: 100px;
		height: 2px;
		transform: translateY(0);
	}

	/* .block-slider-3 .swiper-navs {
		left: auto;
		top: auto;
		bottom: 30px;
		right: 115px;
		margin: 0;
	} */
}

.block-slider-3.slider-element .slider-product-desc {
	position: absolute;
	top: auto;
	bottom: 0;
	left: auto;
	right: 0;
	width: 65%;
	z-index: 2;
	overflow: hidden;
}

.block-slider-3.slider-element .slider-product-desc a .icon-play {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 99;
	color: #000;
	font-size: 20px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background-color: #FFF;
	border-radius: 50%;
	text-align: center;
	padding-left: 4px;
	margin-top: -20px;
	margin-left: -20px;
	-webkit-transition: transform .3s ease;
	-o-transition: transform .3s ease;
	transition: transform .3s ease;
}

.block-slider-3.slider-element .slider-product-desc a:hover .icon-play {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.block-slider-3 .blurred-box:after{
	content: '';
	width: 130%;
	height: 130%;
	background: inherit;
	position: absolute;
	left: -25px;
	top: -25px;
	background-color: rgba(255,255,255,0.2);
	-webkit-filter: blur(20px);
	-o-filter: blur(20px);
	filter: blur(20px);
}

@media (max-width: 576px) {
	.block-slider-3 .swiper-container-horizontal>.swiper-scrollbar { display: none; }
	.block-slider-3 .swiper-navs { right: 0px; }
}