/*
 * jQuery FlexSlider v1.4
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {
border:2px solid #000;	 
width:517px;
height:517px;		 
margin:15px 15px 0 0;  
position:relative; 
float:left;
}

.wd {
width:559px;
height:399px;	
}
.flexslider .slides li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative; }
.flexslider .slides{padding:0; margin:0; list-style: none;}
.flexslider .slides  li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flexslider-container {position: relative;}


/* Caption style */
.flex-caption {}

/* Direction Nav */
.flex-direction-nav {padding:0; margin:0; list-style: none;}
.flex-direction-nav li a { margin: -40px 0 0; display: block; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; z-index:10; } /* set negative margin-top equal to half the height on the directional-nav for perfect vertical centering */

@media (max-width: 1024px) {
  .flex-direction-nav  {
  display:none !important
  }
}
/* Control Nav */
.flex-control-nav{margin-top:357px; margin-right:-16px;}
.flex-control-nav {
  width:100%;
  height:14px;
	position: absolute; 
	top: 125px; 
	right: 28px;
	z-index:10;
	text-align:right;
	padding:0px 0px 0 0;
	z-index:10;
}
.bot .flex-control-nav {
margin-top:357px;
margin-right:-16px;
}
.wd .flex-control-nav {
margin-top:244px;
margin-right:-16px;
}
.flex-control-nav li {	
	display:inline
}
.flex-control-nav li a {
  background:#fff;
  margin: 0 5px; 
	width: 14px; 
	height: 14px; 
	cursor: pointer; 
	text-indent: -9999px;
	line-height:0px;
	font-size:0px;
/*	-moz-border-radius: 50%; 
  -webkit-border-radius: 50%; 
  -khtml-border-radius: 50%; 
  border-radius: 50%;*/	 
  display:block;
  float:right;
  behavior: url(PIE.htc);	 
  position:relative;
}
.flex-control-nav li a:hover ,.flex-control-nav li a.flex-active {	
background:#f39200;
}

.flex-active-slide .popa1 {		
-webkit-animation: mymove 1s infinite; /* Chrome, Safari, Opera */ 
animation: mymove 2s both;
position:relative;
left:-100px;
top:0px;
}

@media (max-width : 992px) {
	
	.flexslider {
		width: 100%;
		height: 100%;
		margin: 1% 0 0 0;
		float: none;
	}
	.wd {
		width: 105%;
		height: 100%;
		margin: 6% 0 0 0;	
	}
	.wd .flex-control-nav {
		display: none;
	}
	.slides li{
		height: 100%;
	}
	.slides li img {
		min-width: 100%;
	}
	.flexslider .slides li {
		position: absolute;
		top:0;
		left: 0;
		overflow: hidden;
	}
	.bot .flex-control-nav {
	    display: none;
	}
}

@media (max-width: 500px) {
	.flex-control-nav li {
		visibility: hidden;
	}
}