@charset "utf-8";
/* CSS Document */

/*gallery */
.static_imageswap_outer{
	margin:2%;
	float:left;
	}
.static_imageswap {
margin:0;
padding:0;
float:left;
list-style:none;
}

.leftpanel{z-index:2!important;}
.static_bigimage, .single_bigimage{ 
	/*position: fixed;
	left: 50%;
	top: 30%;
	transform: translate(-50%, -50%);
	top:0\9;
	left:20%\9;
	width: 65%;
	height: 65%;*/
	width:70%;
	 max-width: 100%;
    max-height: 100%;
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
	
	z-index:2000;
	cursor:url("/media/images/static/zoom-min.png"), pointer;
	display:none;
	
}
.static_bigimage .imageInner, .single_bigimage .imageInner{
	  background-color:#000;
	  padding:1%;
	  border:thin #999999 solid;
	  margin-left:30%;;
   /* max-width: 800px;
	  width:60vw;*/
	  max-height: 800px;
	  min-width:360px;
	  min-height:370px;
	 
	  height:60vw;
	 
	  margin: auto;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  overflow:hidden;
	  padding-bottom:20px;
	}
.static_bigimage .imageInner{ position: absolute;}	
.single_bigimage .imageOuter{
	 margin: auto;
	 height:100%;
	 overflow:hidden;
	 z-index:3000;
	}
.static_bigimage .imageInner .close, .single_bigimage .imageInner .close {
	cursor:pointer;
	position:absolute;
	right:0;
	top:0;
	max-height:30px;
	max-width:30px;
	min-height:20px;
	min-width:20px;
	height:3vw;
	width:3vw;
	margin:1%;
	background-image:url(/media/images/static/close.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	}
	

	
.static_thumb{
	cursor:url("/media/images/static/zoom.png"), pointer;
	
	}


.static_bigimage img, .single_bigimage img{

	  border:thin #999999 solid;
	  position: relative;
     
	
	  -webkit-box-shadow: 8px 9px 1px -3px rgba(0,0,0,1);
	  -moz-box-shadow: 8px 9px 1px -3px rgba(0,0,0,1);
	  box-shadow: 8px 9px 1px -3px rgba(0,0,0,1);
}
.static_bigimage img{width:90%;	min-width:300px;min-height: 300px; max-height:90%;max-width:90%;}
.imageInner{line-height:50px; vertical-align:middle;}
.static_bigimage .auto_width, .single_bigimage .auto_width{max-height:90%;width:auto;max-width:90%;display:block; margin: 0 auto;}
.static_bigimage .auto_height,.single_bigimage .auto_height{height:auto;width:90%;overflow:hidden;display:block; margin: 0 auto;}
.static_bigimage .auto_both,.single_bigimage .auto_both{max-height:90%;max-width:90%;height:auto;width:auto;display:block; margin: 0 auto;}
.static_bigimage .scale_both,.single_bigimage .scale_both{height:90%;width:90%;display:block; margin: 0 auto;}
.static_main{
  cursor:url("/media/images/static/zoom.cur"), pointer\9;
  cursor:url("/media/images/static/zoom.png"), pointer;
  position:relative;
  margin:0;
  width:100%;
  height:100%;
  overflow:hidden;
  float:left;
}
.static_main img{
	width:100%;
	
}
 .static_imageswap .static_thumb{
	margin-top: 5px!important;
	overflow: hidden;
	float: left!important;
	width: auto;
	max-width: 50%;
	margin: 0;
	background-color: #CCC;
	
}
.static_thumb img{
width:100%;

}
.static_thumb_inner{
	display:block;
	height:100%;
	background-color: #FFF;
	}
.static_instruct {
	text-align:center;
	width:100%;
	margin:0!important;
	padding:0!important;
	float:left;
	list-style: none;
	color: #999;
	z-index: 90000!important;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	
}
.slidernav{
	display:block;
	cursor:auto;
	position:absolute;
	bottom:1%;
	width:100%;
	text-align:center;

}
.navInner{
	width:60%;
	position:relative;
	text-align:center;
	margin:0 auto;
}
.slidernav .navDots{
	margin-right:10px;
	position:relative;
	cursor:pointer;
	background-color:#FFF;
	opacity:.5;
	height:20px;
	width:20px;
	border:thin solid;
	border-radius: 50%;
	display:inline-block;
}
.navInner .active{
	opacity:1;
	}
.hide_buttons{
	display:none;
	}
.clearfloat{
	clear:both;
}
/*slider*/
.static_slider{
	position:relative;
	overflow:hidden;
	}
.Inner_static_slider{
	width:99999px;
	float:left;
	position:relative;
	}
.slide_image{
	float:left;
	}
.slider_nav {
    bottom: 40px;
    height: 40px;
    margin-left: 30px;
    position: absolute;
    width: 90px;
}
.move_left, .move_right {
    background-color: #bec6cd;
    color: #fff;
    cursor: pointer;
    float: left;
    height: 40px;
    padding-top: 12px;
    text-align: center;
    width: 40px;
}
.move_right{background-color: #6C7B8C;padding-left: 3px;}

@media (max-width : 780px) {
static_.main{
	height:auto;
	}
}
