/* display none until init */

.product-carousel{

	display: none;

	opacity:1!important;

	position: relative;

	width: 100%;

	touch-action: pan-y;

	overflow: hidden;

}

#column-left .product-carousel, #column-right .product-carousel { display:block;}

#column-left .customNavigation, #column-right .customNavigation { display:none;}



#column-left .banners-slider-carousel .customNavigation,

#column-right .banners-slider-carousel .customNavigation{ display:block;}



.product-carousel .slider-wrapper{

	display: none;

	position: relative;

	transform: translate3d(0px, 0px, 0px);

	perspective: 1000;

}

.product-carousel .slider-wrapper-outer{

	position: relative;

	float: left;

}

.product-carousel .slider-wrapper-outer.autoHeight{

	-webkit-transition: height 500ms ease-in-out;

	-moz-transition: height 500ms ease-in-out;

	-ms-transition: height 500ms ease-in-out;

	-o-transition: height 500ms ease-in-out;

	transition: height 500ms ease-in-out;

}

	

.product-carousel .slider-item{

	float: left;

}

.slider-controls .slider-page,

.slider-controls .slider-buttons div{

	cursor: pointer;

}

.slider-controls {

	-webkit-tap-highlight-color: transparent;

}



/* mouse grab icon */

 







/* fix */

 .customNavigation {

	position: absolute;

    right: 0;

    bottom: 0;

    left: 0;

    float: left;

    z-index: 2;

    margin: auto;

    width: 75px;

    opacity: 1;

    transition: all 400ms ease-in-out 0s;

    -webkit-transition: all 400ms ease-in-out 0s;

    -moz-transition: all 400ms ease-in-out 0s;

    -o-transition: all 400ms ease-in-out 0s;

    -ms-transition: all 400ms ease-in-out 0s;

}

.box .box-content:hover .customNavigation {

	opacity: 1;

	transition: all 400ms ease-in-out 0s;

    -webkit-transition: all 400ms ease-in-out 0s;

    -moz-transition: all 400ms ease-in-out 0s;

    -o-transition: all 400ms ease-in-out 0s;

    -ms-transition: all 400ms ease-in-out 0s;

}

.hometab .customNavigation {

       top: auto;

    bottom: 0;

}

/*.customNavigation a.prev::before, .owl-buttons a.prev::before {

	content: "\f104";

}

.customNavigation a.next::before, .owl-buttons a.next::before {

	content: "\f105";

}*/



.customNavigation a {

	    width: 35px;

    height: 35px;

    font-size: 0;

    text-align: center;

    position: absolute;

    padding: 0px;

    background: transparent;

    border-radius: 50%;

    color: #000;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

    border: 1px solid #d6d6d6;

}

.customNavigation a:hover {

	background-color: #111;

    color: #fff;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}

.customNavigation a:before {

    position: absolute;

    font-size: 22px;

    line-height: 37px;

    font-family: "Material Icons";

    height: 35px;

    width: 35px;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    transition: .4s ease-in-out;

    -moz-transition: .4s ease-in-out;

    -o-transition: .4s ease-in-out;

    -ms-transition: .4s ease-in-out;

    font-weight: 400;

}

.customNavigation a.prev:before {

    content: "\e314";

    font-size: 18px;

    color: #666;

}

.customNavigation a.next:before {

    content: "\e315";

    font-size: 18px;

    color: #666;

}

.customNavigation a.prev:hover:before,.customNavigation a.next:hover:before{

    color:#fff;

}

.product-image .customNavigation a.prev {left: 40px;color: #ffffff;width: 20px;right: auto;}

.product-image .customNavigation a.next {right:40px; color:#ffffff; width:20px;    left: auto;}

.product-image  .customNavigation a {top:40px;}

.banners-slider-carousel .product-carousel{  margin:0 auto; padding:0;}

.product-image .customNavigation a::before, .owl-buttons a::before{

    width: 30px;

    height: 30px;

    line-height: 32px;

}

.product-info .product-image .customNavigation {

	text-align: center;

	width: 100%;

	top: 7px;

	right: 0px;

    left: 0px;

    bottom: auto;

    opacity: 1;

}



.product-info .product-image .additional-carousel:hover .customNavigation{ display: block; }

.product-info .product-image .customNavigation a{

	background-color: transparent;

    display: block;

    float: right;

    height: 30px;

    position: absolute;

    top: 30px;

    width: 30px;

    border-radius: 25px;

}

.product-info .product-image .customNavigation span.prev::before {

	border: 1px solid #f6d000;

	color: #3d3d3d;

	content: "\f104";

	font-family: "FontAwesome";

	font-size: 18px;

	font-weight: normal;

	padding: 1px 7px;

	border-radius: 50%;

	background: #f6d000;

}

.product-info .product-image .customNavigation span.prev {

	cursor: pointer;

    height: 25px;

    left: 50px;

    padding: 4px 0 0;

    position: absolute;

    top: 25px;

    width: 25px;

    transition: all 0.3s ease 0s;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -ms-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

}

.product-info .product-image .customNavigation span.next::before {

   border: 1px solid #f6d000;

    color: #3d3d3d;

    content: "\f105";

    font-family: "FontAwesome";

    font-size: 18px;

    font-weight: normal;

    padding: 1px 7px;

	border-radius: 50%;

	background: #f6d000;

}

.product-info .product-image .customNavigation span.next {	 

    cursor: pointer;

    height: 25px;

    padding: 4px 0 0;

    position: absolute;

	right: -5px;

    top: 25px;

	 width: 22px;

    transition: all 0.3s ease 0s;

	-webkit-transition:all 0.3s ease 0s;

	-moz-transition:all 0.3s ease 0s;

	-ms-transition:all 0.3s ease 0s;

	-o-transition:all 0.3s ease 0s;

}





.product-info .product-image .customNavigation span.next:hover {text-decoration:none; border-color: #1f2022;}





.customNavigation a.prev, .owl-buttons a.prev {

	right: auto;

    left: 0;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}

.customNavigation a.prev:hover, .owl-buttons a.prev:hover {

    background-position: -69px -24px;

    background-color: var(--secondary-btn-bg-color);

    border-color: var(--secondary-btn-bg-color);

}

.customNavigation a.next, .owl-buttons a.next {

	left: auto;

    right: 0;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}

.customNavigation a.next:hover, .owl-buttons a.next:hover {

        border-color: var(--secondary-btn-bg-color);

    background-position: -11px -57px;

    background-color: var(--secondary-btn-bg-color);

}

.box.webdigifyblog .customNavigation {

    top: 0;

    bottom: auto;

    right: 0;

    left: auto;

    width:70px;

}

.box.webdigifyblog .customNavigation a.prev, .box.webdigifyblog .customNavigation a.next {

    border: 0;

}

.box.webdigifyblog .customNavigation a.prev:hover, .box.webdigifyblog .customNavigation a.next:hover {

    background: none;

}

.box.webdigifyblog .customNavigation a:before{

    font-size: 24px;

    color: #fff;

}

@media (max-width:1599px){

	.customNavigation a.prev, .owl-buttons a.prev {

		right: auto;

	    left: 0;

	}

	.customNavigation a.next, .owl-buttons a.next {

		left: auto;

	    right: 0;

	}

}

@media (max-width: 1199px) and (min-width:768px) {

	.product-info .product-image .customNavigation a {

		top: 18px;

	}

}

@media (max-width: 991px) {

	.customNavigation {

	    top: auto;

	    opacity: 1;

	    left: 0;

	    margin: auto;

	}

	.product-image .customNavigation a::before, .owl-buttons a::before {

	    top: 0px;

	}

	.hometab .customNavigation {

	    top: auto;

	    left: 0;

	    right: 0;

	    margin: auto;

	}

}



@media (max-width: 380px){



	.product-image .customNavigation a.prev{left:0px}

	.product-image .customNavigation a.next{right: 0px;	}

}