/* display none until init */

.product-carousel{

	display: none;

	opacity:1!important;

	position: relative;

	width: 100%;

	-ms-touch-action: pan-y;

}

#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;

}

.product-carousel .slider-wrapper-outer{

	overflow: hidden;

	position: relative;

	width: 100%;

}

.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 */

.product-carousel  .slider-wrapper,

.product-carousel  .slider-item{

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility:    hidden;

	-ms-backface-visibility:     hidden;

}

.customNavigation {

    position: absolute;

    z-index: 9;

    width: 100%;

    left: 0;

    top: 34%;

    text-align: center;

    direction: ltr !important;

}

.customNavigation a {

    font-size: 0px;

    position: absolute;

    font-weight: 300;

    height: 30px;

    width: 30px;

    line-height: 29px;

    padding: 0px;

    color: #000000;

    background: #ffffff;

    cursor: pointer;

    overflow: hidden;

    text-align: center;

    border: 1px solid #ffffff;

    -webkit-transition: all 0.5s ease;

    -webkit-transition-delay: 0s;

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

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

    transition: all 0.5s ease 0s;

    border-radius: 0px;

    -webkit-border-radius: 0px;

    -khtml-border-radius: 0px;

    -moz-border-radius: 0px;

}

.customNavigation a:before{

	font-size: 20px;

    font-family: "FontAwesome";

    color: #000000;

}

.customNavigation a.prev:before{

	content: "\f104";

}

.customNavigation a.next:before{

	content: "\f105";

}

.customNavigation a:hover {

    background: #bc2222;

	border-color:#bc2222;

}

.customNavigation a:hover:before{ color: #ffffff; }



.customNavigation a.prev {

    left: -20px;

	background-position: -3px -4px;

}

.customNavigation a.prev:hover {

	background-position: -3px -30px;

}

.customNavigation a.next {

    right: -20px;

	background-position: -41px -4px;

}

.customNavigation a.next:hover {

	background-position: -41px -30px;

}

/*.customNavigation a:before{

    font-size: 20px;

    font-family: "FontAwesome";

    color: #000000;

}

.customNavigation a.prev:before {

  content: "\f104";

}

.customNavigation a.next:before {

  content: "\f105";

}*/





@media (max-width:1300px) {

    .customNavigation a.prev{ left: 0px; }

	.customNavigation a.next{ right: 0px;  }

}

@media (max-width:1230px) {

    .customNavigation a.prev{ left: 0px; }

	.customNavigation a.next{ right: 0px;  }

}

@media (max-width: 767px) {

	.customNavigation a.prev{ left: 0px; }

	.customNavigation a.next{ right: 0px; }

}