2 * jQuery FlexSlider v2.6.0
3 * http://www.woothemes.com/flexslider/
5 * Copyright 2012 WooThemes
6 * Free to use under the GPLv2 and later license.
7 * http://www.gnu.org/licenses/gpl-2.0.html
9 * Contributing author: Tyler Smith (@mbmufffin)
12 /* ====================================================================================================================
14 * ====================================================================================================================*/
16 font-family: 'flexslider-icon';
17 src: url('fonts/flexslider-icon.eot');
18 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');
22 /* ====================================================================================================================
24 * ====================================================================================================================*/
25 .flex-container a:hover,
26 .flex-slider a:hover {
37 .flex-pauseplay span {
38 text-transform: capitalize;
40 /* ====================================================================================================================
42 * ====================================================================================================================*/
47 .flexslider .slides > li {
49 -webkit-backface-visibility: hidden;
51 .flexslider .slides img {
55 .flexslider .slides:after {
63 html[xmlns] .flexslider .slides {
66 * html .flexslider .slides {
69 .no-js .flexslider .slides > li:first-child {
72 /* ====================================================================================================================
74 * ====================================================================================================================*/
78 border: 4px solid #ffffff;
81 -webkit-border-radius: 4px;
82 -moz-border-radius: 4px;
84 -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
85 -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
86 -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
87 box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
92 .flexslider .slides img {
94 -moz-user-select: none;
98 -webkit-transition: all 1s ease;
99 -moz-transition: all 1s ease;
100 -ms-transition: all 1s ease;
101 -o-transition: all 1s ease;
102 transition: all 1s ease;
104 .loading .flex-viewport {
110 .flex-direction-nav {
113 .flex-direction-nav a {
114 text-decoration: none;
125 color: rgba(0, 0, 0, 0.8);
126 text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
127 -webkit-transition: all 0.3s ease-in-out;
128 -moz-transition: all 0.3s ease-in-out;
129 -ms-transition: all 0.3s ease-in-out;
130 -o-transition: all 0.3s ease-in-out;
131 transition: all 0.3s ease-in-out;
133 .flex-direction-nav a:before {
134 font-family: "flexslider-icon";
136 display: inline-block;
138 color: rgba(0, 0, 0, 0.8);
139 text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
141 .flex-direction-nav a.flex-next:before {
144 .flex-direction-nav .flex-prev {
147 .flex-direction-nav .flex-next {
151 .flexslider:hover .flex-direction-nav .flex-prev {
155 .flexslider:hover .flex-direction-nav .flex-prev:hover {
158 .flexslider:hover .flex-direction-nav .flex-next {
162 .flexslider:hover .flex-direction-nav .flex-next:hover {
165 .flex-direction-nav .flex-disabled {
166 opacity: 0!important;
167 filter: alpha(opacity=0);
184 .flex-pauseplay a:before {
185 font-family: "flexslider-icon";
187 display: inline-block;
190 .flex-pauseplay a:hover {
193 .flex-pauseplay a.flex-play:before {
202 .flex-control-nav li {
204 display: inline-block;
208 .flex-control-paging li a {
213 background: rgba(0, 0, 0, 0.5);
215 text-indent: -9999px;
216 -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
217 -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
218 -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
219 box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
220 -webkit-border-radius: 20px;
221 -moz-border-radius: 20px;
224 .flex-control-paging li a:hover {
226 background: rgba(0, 0, 0, 0.7);
228 .flex-control-paging li a.flex-active {
230 background: rgba(0, 0, 0, 0.9);
233 .flex-control-thumbs {
238 .flex-control-thumbs li {
243 .flex-control-thumbs img {
249 -moz-user-select: none;
250 -webkit-transition: all 1s ease;
251 -moz-transition: all 1s ease;
252 -ms-transition: all 1s ease;
253 -o-transition: all 1s ease;
254 transition: all 1s ease;
256 .flex-control-thumbs img:hover {
259 .flex-control-thumbs .flex-active {
263 /* ====================================================================================================================
265 * ====================================================================================================================*/
266 @media screen and (max-width: 860px) {
267 .flex-direction-nav .flex-prev {
271 .flex-direction-nav .flex-next {