/******************************************************\
*
*  Base TouchCarousel stylesheet
*   
*  Contents:
*
*   1. Main containers
*   2. Carousel items
*   3. Arrows(direction) navigation
*   4. Paging navigation
*   5. Scrollbar
*   6. Cursors
*
\******************************************************/





/******************************************************\
*
*  1. Main containers (carousel size, background)
*
\******************************************************/

.touchcarousel {
	position: relative;
	width: 600px;
	height: 400px;		
	
	/* style is removed after carousel is inited, use !important if you want to keep it*/
	overflow: hidden; 
}
.touchcarousel .touchcarousel-container {
	position: relative;    
    margin: 0;
    padding: 0;
    list-style: none;    
	left: 0;
}
.touchcarousel .touchcarousel-wrapper {
	position: relative;
	overflow:hidden;
	width: 100%;
	height: 100%;
}





/******************************************************\
*
*  2. Carousel items (item styling, spacing between items)
*
\******************************************************/

.touchcarousel .touchcarousel-item {
	/* use margin-right for spacing between items */
	margin: 0 0 0 0;
	padding: 0;	
	float: left;		
}

/* Last carousel item  */
.touchcarousel .touchcarousel-item.last {
	margin-right: 0 !important;		
}





/******************************************************\
*
*  3. Arrows(direction) navigation
*
\******************************************************/

/* arrow hitstate and icon holder */
.touchcarousel .arrow-holder {
	height: 100%;
	width: 45px;
	position: absolute;
	top: 0;
	display: block;
	cursor: pointer;	
	z-index: 25;	
}
.touchcarousel .arrow-holder.left {	
	left: 0;	
}
.touchcarousel .arrow-holder.right {	
	right: 0;
}

/* arrow icons */
.touchcarousel .arrow-icon{		
	width: 45px;
	height: 90px;
	top:50%;
	margin-top:-45px;	
	position: absolute;	
	cursor: pointer;	
}
.touchcarousel .arrow-icon.left { }
.touchcarousel .arrow-icon.right { }
.touchcarousel .arrow-holder:hover .arrow-icon { }
.touchcarousel .arrow-holder.disabled { cursor: default; }
.touchcarousel .arrow-holder.disabled .arrow-icon { cursor: default; }





/******************************************************\
*
*  4. Paging navigation
*
\******************************************************/

.touchcarousel .tc-paging-container {
	width:100%;
	overflow:hidden;
	position:absolute;
	margin-top:-20px;
	z-index:25;
}
.touchcarousel .tc-paging-centerer {	
	float: left;
	position: relative;
	left: 50%;		
}
.touchcarousel .tc-paging-centerer-inside {
	float: left;
	position: relative;
	left: -50%;
}

/* Paging items */
.touchcarousel .tc-paging-item {			
	float:left;	
	cursor:pointer;		
	position:relative;
	display:block;	
	text-indent: -9999px;	
}
.touchcarousel .tc-paging-item.current { }
.touchcarousel .tc-paging-item:hover { }





/******************************************************\
*
*  5. Scrollbar
*
\******************************************************/
.touchcarousel .scrollbar-holder {
	position: absolute;
	z-index: 30;
	left: 6px;
	right: 6px;	
	bottom: 5px;
	height:4px;
	overflow: hidden;
}
.touchcarousel .scrollbar {
	position: absolute;
	left:0;	
	height:4px;
	bottom: 0px;
}
.touchcarousel .scrollbar.dark {
	background-color: rgb(130, 130, 130);	
	background-color: rgba(0, 0, 0, 0.5);
}
.touchcarousel .scrollbar.light {
	background-color: rgb(210, 210, 210);	
	background-color: rgba(255, 255, 255, 0.5);	
}





/******************************************************\
*
*  6. Cursors
*
\******************************************************/

/* IE and Opera use "move", FF uses -moz-grab */
.touchcarousel .grab-cursor{ cursor:url(/Content/touchcarousel/images/grab.png) 8 8, move; }
.touchcarousel .grabbing-cursor{ cursor:url(/Content/touchcarousel/images/grabbing.png) 8 8, move; }

/* Cursor that used when mouse drag is disabled */
.touchcarousel .auto-cursor{ cursor:auto; }




/* Copyright 2011, Dmitry Semenov, http://dimsemenov.com */

/******************************************************\
*
*  1. Arrows (direction) navigation
*
\******************************************************/

.touchcarousel.last-items-aired .arrow-icon {	
	width: 16px;
	height: 19px;	
	margin-top: -9px;
}
.touchcarousel.last-items-aired .arrow-holder {
	width: 19px;
	height: 100%;
	-moz-opacity: 1;	
	-webkit-opacity: 1;	
	opacity: 1;	
}
.touchcarousel.last-items-aired .arrow-holder.left {
	left: -25px;
    background: url(/images/stylesheetimgs/Carousel_Left.png) 0px 60px no-repeat;
}
.touchcarousel.last-items-aired .arrow-holder.right {	
	right: -25px;
    background: url(/images/stylesheetimgs/Carousel_Right.png) 0px 60px no-repeat;
}

div.homeLastItem .touchcarousel.last-items-aired .arrow-holder.left {
	left: -25px;
    background: url(/images/stylesheetimgs/Carousel_Left.png) 0px 30px no-repeat;
}
div.homeLastItem .touchcarousel.last-items-aired .arrow-holder.right {	
	right: -25px;
    background: url(/images/stylesheetimgs/Carousel_Right.png) 0px 30px no-repeat;
}

.touchcarousel.last-items-aired .arrow-holder.left.disabled {
	background: url(/images/stylesheetimgs/Carousel_LeftInactive.png) 0px 60px no-repeat;
}
.touchcarousel.last-items-aired .arrow-holder.right.disabled {
	background: url(/images/stylesheetimgs/Carousel_RightInactive.png) 0px 60px no-repeat;
}

div.homeLastItem .touchcarousel.last-items-aired .arrow-holder.left.disabled {
	background: url(/images/stylesheetimgs/Carousel_LeftInactive.png) 0px 30px no-repeat;
}
div.homeLastItem .touchcarousel.last-items-aired .arrow-holder.right.disabled {
	background: url(/images/stylesheetimgs/Carousel_RightInactive.png) 0px 30px no-repeat;
}

.touchcarousel.last-items-aired .arrow-holder:hover {
	-moz-opacity: 1;	
	-webkit-opacity: 1;	
	opacity: 1;	
}
.touchcarousel.last-items-aired .arrow-holder:active .arrow-icon {
	margin-top: -8px;
}
.touchcarousel.last-items-aired .arrow-holder.disabled {
	-moz-opacity: 1;	
	-webkit-opacity: 1;	
	opacity: 1;	
}

/******************************************************\
*
*  1. Arrows (direction) navigation
*
\******************************************************/

.touchcarousel.color-carousel .arrow-icon {	
	width: 10px;
	height: 25px;	
	margin-top: -14px;
}
.touchcarousel.color-carousel .arrow-holder {
	width: 10px;
	height: 100%;
	-moz-opacity: 1;	
	-webkit-opacity: 1;	
	opacity: 1;	
}
.touchcarousel.color-carousel .arrow-holder.left {
	left: -20px;
    background: url(/images/stylesheetimgs/arrow_productLeft_out.gif) 0px 10px no-repeat;
}
.touchcarousel.color-carousel .arrow-holder.right {	
	right: -20px;
    background: url(/images/stylesheetimgs/arrow_productRight_out.gif) 0px 10px no-repeat;
}

.touchcarousel.color-carousel .arrow-holder.left.disabled {
	background: url(/images/stylesheetimgs/arrow_productLeft_disabled.gif) 0px 10px no-repeat;
}
.touchcarousel.color-carousel .arrow-holder.right.disabled {
	background: url(/images/stylesheetimgs/arrow_productRight_disabled.gif) 0px 10px no-repeat;
}
.touchcarousel.color-carousel .arrow-holder:hover {
	-moz-opacity: 1;	
	-webkit-opacity: 1;	
	opacity: 1;	
}
.touchcarousel.color-carousel .arrow-holder:active .arrow-icon {
	margin-top: -8px;
}
.touchcarousel.color-carousel .arrow-holder.disabled {
	-moz-opacity: 1;	
	-webkit-opacity: 1;	
	opacity: 1;	
}

/******************************************************\
*
*  1. Arrows (direction) navigation
*
\******************************************************/

.touchcarousel.product-carousel
{
    height: 172px;
    width: 740px;
    margin-left: auto;
    margin-right: auto;
}

.touchcarousel.product-carousel .arrow-icon {	
	width: 16px;
	height: 19px;	
	margin-top: -9px;
}
.touchcarousel.product-carousel .arrow-holder {
	width: 19px;
	height: 100%;
	-moz-opacity: 1;	
	-webkit-opacity: 1;	
	opacity: 1;	
}
.touchcarousel.product-carousel .arrow-holder.left {
	left: -25px;
    background: url(/images/stylesheetimgs/Carousel_Left.png) 0px 50px no-repeat;
}
.touchcarousel.product-carousel .arrow-holder.right {	
	right: -25px;
    background: url(/images/stylesheetimgs/Carousel_Right.png) 0px 50px no-repeat;
}

.touchcarousel.product-carousel .arrow-holder.left.disabled {
	background: url(/images/stylesheetimgs/Carousel_LeftInactive.png) 0px 50px no-repeat;
}
.touchcarousel.product-carousel .arrow-holder.right.disabled {
	background: url(/images/stylesheetimgs/Carousel_RightInactive.png) 0px 50px no-repeat;
}

.touchcarousel.product-carousel .arrow-holder:hover {
	-moz-opacity: 1;	
	-webkit-opacity: 1;	
	opacity: 1;	
}
.touchcarousel.product-carousel .arrow-holder:active .arrow-icon {
	margin-top: -8px;
}
.touchcarousel.product-carousel .arrow-holder.disabled {
	-moz-opacity: 1;	
	-webkit-opacity: 1;	
	opacity: 1;	
}

.touchcarousel.product-detail-carousel .arrow-icon {	
	width: 16px;
	height: 19px;	
	margin-top: -5px;
    top: 30%;
}
.touchcarousel.product-detail-carousel .arrow-holder {
	width: 19px;
	height: 100%;
	-moz-opacity: 1;	
	-webkit-opacity: 1;	
	opacity: 1;	
    outline: none;
}

#product-detial-additional-photos-carousel.touchcarousel.product-detail-carousel .arrow-holder.left {
	left: -23px;
    background: url(/images/stylesheetimgs/Carousel_Left.png) 0px 23px no-repeat;
}
#product-detial-additional-photos-carousel.touchcarousel.product-detail-carousel .arrow-holder.right {	
	right: -23px;
    background: url(/images/stylesheetimgs/Carousel_Right.png) 0px 23px no-repeat;
}

#product-detial-additional-photos-carousel.touchcarousel.product-detail-carousel .arrow-holder.left.disabled {
	background: url(/images/stylesheetimgs/Carousel_LeftInactive.png) 0px 23px no-repeat;
}
#product-detial-additional-photos-carousel.touchcarousel.product-detail-carousel .arrow-holder.right.disabled {
	background: url(/images/stylesheetimgs/Carousel_RightInactive.png) 0px 23px no-repeat;
}

#product-detial-color-carousel.touchcarousel.product-detail-carousel .arrow-holder.left {
	left: -20px;
    background: url(/images/stylesheetimgs/Carousel_Left.png) 0px 0px no-repeat;
}
#product-detial-color-carousel.touchcarousel.product-detail-carousel .arrow-holder.right {	
	right: -20px;
    background: url(/images/stylesheetimgs/Carousel_Right.png) 0px 0px no-repeat;
}

#product-detial-color-carousel.touchcarousel.product-detail-carousel .arrow-holder.left.disabled {
	background: url(/images/stylesheetimgs/Carousel_LeftInactive.png) 0px 0px no-repeat;
}
#product-detial-color-carousel.touchcarousel.product-detail-carousel .arrow-holder.right.disabled {
	background: url(/images/stylesheetimgs/Carousel_RightInactive.png) 0px 0px no-repeat;
}

.touchcarousel.product-detail-carousel .arrow-holder:hover {
	-moz-opacity: 1;	
	-webkit-opacity: 1;	
	opacity: 1;	
}
.touchcarousel.product-detail-carousel .arrow-holder:active .arrow-icon {
	margin-top: -8px;
}
.touchcarousel.product-detail-carousel .arrow-holder.disabled {
	-moz-opacity: 1;	
	-webkit-opacity: 1;	
	opacity: 1;	
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/Content/owlcarousel/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
