/*
 * jQuery FlexSlider v2.6.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
		font-family: 'flexslider-icon';
		src: url('../fonts/flexslider-icon.eot');
		src: url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('../fonts/flexslider-icon.woff') format('woff'), url('../fonts/flexslider-icon.ttf') format('truetype'), url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
		font-weight: normal;
		font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover, .flex-slider a:hover {
		outline: none;
}
.slides, .slides > li, .flex-control-nav, .flex-direction-nav {
		margin: 0;
		padding: 0;
		list-style: none;
}
.flex-pauseplay span {
		text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
		margin: 0;
		padding: 0;
}
.flexslider .slides > li {
		display: none;
		-webkit-backface-visibility: hidden;
}
.flexslider .slides img {
		width: 100%;
		display: block;
}
.flexslider .slides:after {
		content: "\0020";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
}
html[xmlns] .flexslider .slides {
		display: block;
}
* html .flexslider .slides {
		height: 1%;
}
.no-js .flexslider .slides > li:first-child {
		display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
		margin: 0;
		background: #ffffff;
		/* border: 4px solid #ffffff; */
		position: relative;
		zoom: 1;
		/* -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; */
		-webkit-box-shadow: ''0 1px 4px rgba(0, 0, 0, 0.2);
		/* -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); */
		box-shadow: ''0 1px 4px rgba(0, 0, 0, 0.2);
		/* min-width: 1000px; */
		overflow: hidden;
}
.flexslider .slides {
		zoom: 1;
}
.flexslider .slides img {
		height: auto;
		-moz-user-select: none;
}
.flex-viewport {
		max-height: 2000px;
		-webkit-transition: all 1s ease;
		transition: all 1s ease;
		overflow: visible !important;
}
.loading .flex-viewport {
		max-height: 300px;
}
.carousel li {
		margin-right: 5px;
}
.flex-direction-nav {
		*height: 0;
}
.flex-direction-nav a {
		text-decoration: none;
		display: block;
		width: 60px;
		height: 60px;
		margin: -20px 0 0;
		position: absolute;
		top: 50%;
		z-index: 10;
		overflow: hidden;
		/* opacity: 0; */
		cursor: pointer;
		/* color: rgba(255, 255, 255, 1);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  */
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
}
/* add */
.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {
		background: #000;
		width: 60px;
		height: 60px;
		top: 50%;
		display: block;
		transition: all 0.2s ease-in-out;
}
.flex-direction-nav .flex-prev:before, .flex-direction-nav .flex-next:before {
		/* position: absolute;
	  		content: "";
	  		left: 50%;
	  		border-right: 0.35rem solid transparent;
	  		border-bottom: 0.5rem solid #fff;
	  		border-left: 0.35rem solid transparent;
	  		top: 50%;
	  		transform: translateX(-50%) translateY(-50%) rotate(270deg);
	  		-webkit-transform: translateX(-50%) translateY(-50%) rotate(270deg); */
}
.flex-direction-nav .flex-next:before {
		/* transform: translateX(-50%) translateY(-50%) rotate(90deg);
		-webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg); */
}
.flex-direction-nav .flex-prev {
		opacity: 1;
}
.flex-direction-nav .flex-next {
		opacity: 1;
}
.mainVisual:hover .flex-direction-nav .flex-prev {
		opacity: 1;
}
.mainVisual:hover .flex-direction-nav .flex-next {
		opacity: 1;
}
.flex-direction-nav .flex-prev::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		display: block;
		width: 2rem;
		height: 2rem;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		-webkit-transform: translateX(-50%) translateY(-50%) rotate(-135deg);
		transform: translateX(-50%) translateY(-50%) rotate(-135deg);
		transition: all 0.2s ease-in-out;
}
.flex-direction-nav .flex-next::after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		display: block;
		width: 2rem;
		height: 2rem;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
		transform: translateX(-50%) translateY(-50%) rotate(45deg);
		transition: all 0.2s ease-in-out;
}
.flex-direction-nav .flex-prev:hover, .flex-direction-nav .flex-next:hover {
		/* background: #4059ce; */
		/* border-color: #fff; */
}
.flex-direction-nav .flex-prev:hover::before, .slick-next:hover::after {
		/* border-color: #fff;	 */
}
.flex-direction-nav .flex-prev {
		left: 0;
}
.flex-direction-nav .flex-next {
		right: 0;
}
.flex-pauseplay a {
		display: block;
		width: 20px;
		height: 20px;
		position: absolute;
		bottom: 5px;
		left: 10px;
		opacity: 0.8;
		z-index: 10;
		overflow: hidden;
		cursor: pointer;
		color: #000;
}
.flex-pauseplay a:before {
		font-family: "flexslider-icon";
		font-size: 20px;
		display: inline-block;
		content: '\f004';
}
.flex-pauseplay a:hover {
		opacity: 1;
}
.flex-pauseplay a.flex-play:before {
		content: '\f003';
}
.flex-control-nav {
		width: 100%;
		position: absolute;
		bottom: 10px;
		text-align: center;
		z-index: 5000;
}
.flex-control-nav li {
		margin: 0 6px;
		display: inline-block;
		zoom: 1;
		*display: inline;
}
.flex-control-paging li a {
		width: 15px;
		height: 15px;
		display: block;
		background: #fff;
		/* background: rgba(0, 0, 0, 0.5); */
		cursor: pointer;
		text-indent: -9999px;
		border-radius: 1000px;
		/* -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); */
		/* -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px; */
}
.flex-control-paging li a:hover {
		/* background: #00b6e2;
  background: rgba(0, 0, 0, 0.7); */
		background: #a3835f;
}
.flex-control-paging li a.flex-active {
		background: #a3835f;
		/* background: rgba(0, 0, 0, 0.9); */
		cursor: default;
}
.flex-control-thumbs {
		margin: 5px 0 0;
		position: static;
		overflow: hidden;
}
.flex-control-thumbs li {
		width: 25%;
		float: left;
		margin: 0;
}
.flex-control-thumbs img {
		width: 100%;
		height: auto;
		display: block;
		opacity: .7;
		cursor: pointer;
		-moz-user-select: none;
		-webkit-transition: all 1s ease;
		transition: all 1s ease;
}
.flex-control-thumbs img:hover {
		opacity: 1;
}
.flex-control-thumbs .flex-active {
		opacity: 1;
		cursor: default;
}
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 768px) {
		.flexslider {
				min-width: 100%;
				overflow: visible;
		}
		.flex-control-nav {
				bottom: 0;
				display: none;
		}
		.flex-direction-nav .flex-prev {
				/* opacity: 0; */
				left: -10px;
		}
		.flex-direction-nav .flex-next {
				/* opacity: 0; */
				right: -10px;
		}
		.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {
				background: #000;
				display: block;
				height: 40px;
				top: 50%;
				transform: translateY(-50%);
				-webkit-transform: translateY(-50%);
				width: 40px;
				opacity: 1;
		}
		.flex-direction-nav a {
				margin-top: 0;
		}
		.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {
				height: 40px;
				width: 40px;
		}
		.flex-direction-nav .flex-prev {
				left: 0;
		}
		.flex-direction-nav .flex-next {
				right: 0;
		}
		.flex-direction-nav .flex-prev::before {
				width: 1rem;
				height: 1rem;
		}
		.flex-direction-nav .flex-next::after {
				width: 1rem;
				height: 1rem;
		}
}