/* * jQuery FlexSlider v2.6.3 * 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; font-display: swap;	}/* ==================================================================================================================== * 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; margin-top: 4%;	}
.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: #fff;	position: relative;	border-radius: 4px;	width: 100%;	height: 100%;	}
.flexslider .slides 	{	zoom: 1;	}
.flexslider .slides img 	{	height: 32em;	-moz-user-select: none;	}
.flex-viewport 	{	max-height: 2000px;	-webkit-transition: all 1s ease;	-moz-transition: all 1s ease;	-ms-transition: all 1s ease;	-o-transition: all 1s ease;	transition: all 1s ease;	}
.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: 34px;	height: 34px;	line-height: 34px;	border-radius: 50%;
	margin: -20px 0 0;	position: absolute;	top: 45%;	z-index: 10;	overflow: hidden;	opacity: 0;	cursor: pointer;	color: rgba(0, 0, 0, 0.8);	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);	-webkit-transition: all 0.3s ease-in-out;	-moz-transition: all 0.3s ease-in-out;	-ms-transition: all 0.3s ease-in-out;	-o-transition: all 0.3s ease-in-out;	transition: all 0.3s ease-in-out;	background-color: #000000;	}
.flex-direction-nav a:before	{	font-family: "flexslider-icon";	font-size: 14px;	display: inline-block;	content: '\f001';	color: white;	}
.flex-direction-nav a.flex-next:before 	{	content: '\f002';	}
.flex-direction-nav .flex-prev 	{	left: 0;	text-align: center;	}
.flex-direction-nav .flex-next 	{	right: 0;	text-align: center;	}
.flexslider:hover .flex-direction-nav .flex-prev 	{	opacity: 0.5;	left: 15%;	}
.flexslider:hover .flex-direction-nav .flex-prev:hover 	{	opacity: 0.6;	}
.flexslider:hover .flex-direction-nav .flex-next 	{	opacity: 0.5;	right: 15%;	}
.flexslider:hover .flex-direction-nav .flex-next:hover 	{	opacity: 0.6;	}
.flex-direction-nav .flex-disabled 	{	opacity: 0!important;	filter: alpha(opacity=0);	cursor: default;	z-index: -1;	}
.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: 3%;	z-index: 10;	text-align: center;	}
.flex-control-nav li 	{	margin: 0 3px;	display: inline-block;	zoom: 1;	*display: inline;	}
.flex-control-paging li a 	{	width: 8px;	height: 8px;	display: block;	background: rgba(0,0,0,0.5);	cursor: pointer;	text-indent: -9999px;	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);	border-radius: 50%;	background : white;	margin: 0 4px;
	}
.flex-control-paging li a:hover 	{	background: #333;	background: rgba(0, 0, 0, 0.7);	}
.flex-control-paging li a.flex-active 	{	background: #8bcf17;	border: 2px solid #ffffff;    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;	-moz-transition: all 1s ease;	-ms-transition: all 1s ease;	-o-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: 860px) {.flex-direction-nav .flex-prev 	{	opacity: 1;    left: 10px;	}
.flex-direction-nav .flex-next 	{    opacity: 1;    right: 10px;	}}
.flexslider ul.slides li	{	position:absolute;	}
/* jssor slider arrow navigator skin 05 css */
        /*
        .jssora05l                  (normal)
        .jssora05r                  (normal)
        .jssora05l:hover            (normal mouseover)
        .jssora05r:hover            (normal mouseover)
        .jssora05l.jssora05ldn      (mousedown)
        .jssora05r.jssora05rdn      (mousedown)
        .jssora05l.jssora05lds      (disabled)
        .jssora05r.jssora05rds      (disabled)
        */
        .jssora05l, .jssora05r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 40px;
            cursor: pointer;
            background: url('../img/a17.png') no-repeat;
            overflow: hidden;
        }
        .jssora05l { background-position: -10px -40px; }
        .jssora05r { background-position: -70px -40px; }
        .jssora05l:hover { background-position: -130px -40px; }
        .jssora05r:hover { background-position: -190px -40px; }
        .jssora05l.jssora05ldn { background-position: -250px -40px; }
        .jssora05r.jssora05rdn { background-position: -310px -40px; }
        .jssora05l.jssora05lds { background-position: -10px -40px; opacity: .3; pointer-events: none; }
        .jssora05r.jssora05rds { background-position: -70px -40px; opacity: .3; pointer-events: none; }
        /* jssor slider thumbnail navigator skin 01 css *//*.jssort01 .p            (normal).jssort01 .p:hover      (normal mouseover).jssort01 .p.pav        (active).jssort01 .p.pdn        (mousedown)*/.jssort01 .p {    position: absolute;    top: 0;    left: 0;    width: 72px;    height: 72px;}.jssort01 .t {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    border: none;}.jssort01 .w {    position: absolute;    top: 0px;    left: 0px;    width: 100%;    height: 100%;}.jssort01 .c {    position: absolute;    top: 0px;    left: 0px;    width: 68px;    height: 68px;    border: #000 2px solid;    box-sizing: content-box;    background: url('../img/t01.png') -800px -800px no-repeat;    _background: none;}.jssort01 .pav .c {    top: 2px;    _top: 0px;    left: 2px;    _left: 0px;    width: 68px;    height: 68px;    border: #000 0px solid;    _border: #fff 2px solid;    background-position: 50% 50%;}.jssort01 .p:hover .c {    top: 0px;    left: 0px;    width: 70px;    height: 70px;    border: #fff 1px solid;    background-position: 50% 50%;}.jssort01 .p.pdn .c {    background-position: 50% 50%;    width: 68px;    height: 68px;    border: #000 2px solid;}* html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {    /* ie quirks mode adjust */    width /**/: 72px;    height /**/: 72px;}