/**************************
*
*	GENERAL
*
**************************/
.imgFake {
	cursor: pointer;
}
.showIt {
	display: none;
}


/******************************************/
/******* Cycle slider *********************/
/******************************************/

/* set border-box so that percents can be used for width, padding, etc (personal preference) */
.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*.lookbookslider-container{position: relative;}*/
.cycle-slideshow { margin: 10px auto; padding: 0; overflow: hidden;
 }
 

 /*.cycle-tiles-container{ }*/
/* slideshow images (for most of the demos, these are the actual "slides") */
.cycle-slideshow .slide{
    /*height: auto;*/
}
.cycle-slideshow .slide img { 
    /* 
    some of these styles will be set by the plugin (by default) but setting them here
    helps avoid flash-of-unstyled-content
    */
    position: absolute; top: 0; left: 0;
    width: 100%; height: auto; padding: 0; display: block;
}

/* in case script does not load */
.cycle-slideshow img:first-child {
    position: static; z-index: 100;
}

.cycle-slideshow .hotspot img{
    width: auto;
    height: auto;
    position: absolute;
}
/** Pager style **/
.pagernav ul{ 
    text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 0px; overflow: hidden;
}
.pagernav ul li{ 
    /*font-family: arial; font-size: 50px; width: 16px; height: 16px; */
    display: inline-block; color: #ddd; cursor: pointer; 

}
.pagernav ul li.selected { color: #D69746;}
.pagernav ul li.thumb { 
    display: inline-block; color: #ddd; cursor: pointer; 
    /*width: 100px;*/
}
/***********************/
.pagernav {
    display: block;
   /* float: right;*/
    width: 100%;
    margin: 0 auto;
}
.pagernav ul {
	padding: 3px 4px 8px;
	position: relative;
        display: block;
	text-align: center;
}
.pagernav ul li.thumb {
	display: inline-block;
	padding: 0 4px;
        margin: 0 !important;
}
.pagernav ul li.thumb > img {
	border: 1px solid;
	cursor: pointer;
	margin-top: 5px;
	vertical-align:bottom;
        opacity: 0.5;
}
.pagernav ul li.thumb:hover > img,
.pagernav ul li.thumb.cycle-slide-active > img{
    /*background: #006AA9;*/
    opacity: 1;
}

/*************************/
.pagernav ul li.thumb{
    overflow: hidden;
}
.pagernav ul li.thumb img{ 
        border: 4px solid #e6e6e6;
	-moz-box-shadow: 0px 3px 6px rgba(0,0,0,.5);
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.5);
	box-shadow: 0px 3px 6px rgba(0,0,0,.5);
        margin: 0 auto;
width: auto;
height: auto;
display: inline-block;
        }
        
.pagernav ul > * { cursor: pointer;}

/* caption */
.cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700; }


/* overlay */
.cycle-overlay { 
    font-family: tahoma, arial;
    position: absolute; bottom: 0; width: 100%; z-index: 600;
    background: black; color: white; padding: 15px; opacity: .5;
}


#progress {
position: absolute;
bottom: 0;
height: 6px;
width: 0px;
background: #b7b7b7;
z-index: 500;
}
/********* pager ******************/
.pagernav ul.cycle {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}
.pagernav ul.cycle li {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer;
	display: inline-block;
	height: 16px;
	margin: 20px 5px;
	position: relative;
	text-align: left;
	text-indent: -9999px;
	width: 16px;
        background: #b7b7b7;
}
.pagernav ul.cycle li {
	-moz-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
}
.pagernav ul.cycle li > span {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 8px;
	left: 4px;
	overflow: hidden;
	position: absolute;
	top: 4px;
	width: 8px;
}
.pagernav ul.cycle li:hover > span {
	-moz-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
}
.pagernav ul.cycle li.cycle-pager-active > span {
	-moz-box-shadow: 0;
	-webkit-box-shadow: 0;
	box-shadow: 0;
        background: #434648;
}

/********* prev / next links ************/

.slide-prev, .slide-next, .slide_commands {
	cursor: pointer;
	height: 40px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	width: 40px;
	z-index: 999;
	background: #d8d8d8;
	background: rgba(216, 216, 216, 0.85);
}
.slide-prev {
	left: 0;
}
.slide-prev > span {
	background: url(../images/camera_skins.png) no-repeat 0 0;
	display: block;
	height: 40px;
	width: 40px;
}
.slide-next {
	right: 0;
}
.slide-next > span {
	background: url(../images/camera_skins.png) no-repeat -40px 0;
	display: block;
	height: 40px;
	width: 40px;
}

.slide_commands {
	right: 41px;
}
.slide-prev.hover,
.slide-next.hover,
.slide_commands.hover {
        display: none;
}
.cycle-slideshow:hover .slide-prev.hover,
.cycle-slideshow:hover .slide-next.hover,
.cycle-slideshow:hover .slide_commands.hover {
        display: block;
}

.slide_commands > .slide_play {
	background: url(../images/camera_skins.png) no-repeat -80px 0;
	height: 40px;
	width: 40px;
}
.slide_commands > .slide_stop {
	background: url(../images/camera_skins.png) no-repeat -120px 0;
	display: block;
	height: 40px;
	width: 40px;
}

.disabled { opacity: .5; filter:alpha(opacity=50); }




/* display paused text on top of paused slideshow */
.cycle-paused:after {
    content: 'Paused'; color: white; background: black; padding: 10px;
    z-index: 500; position: absolute; top: 10px; right: 10px;
    border-radius: 10px;
    opacity: .5; filter: alpha(opacity=50);
}


/*Hotspots*/
.content-before, .content-after {
    display: block;
    clear:both;
}
.hotspot {
    position:absolute;
}

.hotspot:hover .product-info,
.hotspot.hover .product-info{
    visibility: visible;
}

.hotspot:hover .hotspot-icon,
.hotspot.hover .hotspot-icon {
        z-index:101; 
}
        
.hotspot .product-info {
    background: url(../images/info-bg.png) repeat 0 0 transparent;
    border-top: 2px solid #FFFFFF;
    color: #686767;
    overflow:hidden;
    font: normal 12px Tahoma,Arial;
    min-width: 220px;
    max-width: 300px;
    padding: 12px;
    position: absolute;
    display:block;
    visibility: hidden;
    z-index:999; 

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: #666 2px 2px 3px;
    -moz-box-shadow: #666 2px 2px 3px;
    box-shadow: #666 2px 2px 3px;
}
.hotspot .product-info h2,
.hotspot .product-info a {
    color: #686767;
}

.hotspot .product-info .price {
    color: #7dad01;
    padding-top: 8px;
    float: left;
    clear: both;
}

.hotspot .product-info .price .old-price{
    font: bold 11px Tahoma,Arial;
    color: #686767;
    text-decoration: line-through;
}

.hotspot .product-info  .out-of-stock {
    margin-top:5px;
    color: #D83820;
}
.hotspot-icon {
    position: absolute;
}
.hotspot .shop-block {
    float:right;
    padding-top: 8px;
}
.pro-detail-div .desc img {float:left; padding: 0 10px 10px 0 !important; position: relative;}

.pro-detail-div .add-to-cart {
	margin-top: 5px;
}

.pro-detail-div .add-to-cart label {
	width: 20%;
	float: left;
	line-height: 40px;
}

.pro-detail-div .add-to-cart input {
	width: 25%;
	float: left;
}

.clearfix:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}	

.lookbookslider-container {
    background: url(../images/spinner.gif) 50% 50% no-repeat;
}

/****************************************/
.cycle-slideshow {
  position: relative;
}
.parallax-window,
.parallax-container,
.parallax-mirror {
  min-height: 37.5rem;
   background: transparent;
}
.parallax-mirror {
  background: transparent;
}
/*
.inner-inspire {
  position: relative;
  height: 600px;
  width: 100%;
}
*/
.lookbookslider-container {
  background: none;
}
/******************************************/

.slide-st {
/*background-position: top center;*/
width:100%;
height:100%;
position: relative;
box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);
overflow: hidden;

background-attachment: fixed;
background-position: 50% 0;
background-repeat: no-repeat;
}
.slide-st:hover {
    overflow: visible !important;
}
.lookbookslider_container-st {
width:100%;
/*height:500px;*/

margin:0 auto;
position:relative;
}

.img-st{}
.mobile body {
  /*overflow: hidden;*/
}
.mobile .slide-st,
.ipad .slide-st{
    background-attachment: initial;
    background-size: cover;
}

.mobile #wrapper {
  /*position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;*/
}

.mobile #scroller {
  /*height: 3000px;*/
}

/*
.scrollable{
    -webkit-transform:translate3d(0,0,0)
}
.scrollability-scrollbar{
    position:absolute;
    top:0;
    right:2px;
    width:7px;
    height:1px;
    z-index:2147483647;opacity:0;
    -webkit-transform:translate3d(0,0,0);
    -webkit-box-sizing:border-box;
    -webkit-transform-origin:top left;
    background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAABCAYAAADuHp8EAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAC5JREFUeNpi/P//vyQDAwMjKytr2Z8/f9gYIICRAQH+Q/n/WVhYfgNBJ4gNEGAAhVUOGMTI0TwAAAAASUVORK5CYII=") no-repeat;
}
*/
/*****************************************/
/* 
    media queries 
    some style overrides to make things more pleasant on mobile devices
*/

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    .cycle-slideshow { min-width: 200px;}
    .cycle-slideshow .cycle-overlay { padding: 4px }
    .cycle-slideshow .cycle-caption { bottom: 4px; right: 4px }
    .pagernav {display: none}
    /*.hotspot {display: none}*/
}
/******************************************/
/******************************************/
/******************************************/

/** Adaptive style **/

@media screen and (max-width:400px) {
    .hotspot {
    /*    display: none;*/
    }
    
    .camera_thumbs_cont{
        display: none;
    }
    
    .camera_target_content {
        overflow: hidden;
    }
   
}