/*
* jQuery FlexSlider v1.7
* http://flex.madebymufffin.com
*
* Copyright 2011, Tyler Smith
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/
/* Browser Resets */
.flex-container a:active,
.work-slide, .flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.work-slide, .flexslider {width: 100%; margin: 0 0 35px 0; padding: 0 0 0 0; float:left; display:block;}
.flexslider .slides > li,
.work-slide .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img,
.work-slide .slides img {max-width: 100%; display: block; background:#fff; margin-bottom:0px !important; padding-bottom:0; border-bottom:1px solid #fff;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; }
html[xmlns] .slides {display: block; border:1px solid red;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme
*********************************/
.flexslider,
.work-slide { position: relative;/*border: 4px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: */5px; zoom: 1;}
.flexslider .slides, .work-slide .slides {zoom: 1;}
.flexslider .slides > li, .work-slide .slides > li {position: relative; }
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative; }
/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 50%; padding: 4%; position: absolute; left: 0px; top: 30px; background: rgba(255,255,255,.8); z-index:99;}
.flex-caption p{ font-size: 14px !important; line-height: 20px; font-family: 'Open Sans', sans-serif; font-weight:300; color: #222222 !important; margin-bottom:10px;}
.flex-caption h2{ font-family: 'Open Sans', sans-serif; font-size:25px; line-height:24px; font-weight:600; }
.flex-caption span.price a{ margin-right:6%; float:left;
background-color:#f5cf0b;
padding:8px 15px;
position:relative;
font-family: 'Open Sans', sans-serif;
font-size:14px;
text-decoration:none;
border: 1px solid #ecb909;
text-shadow:0px 1px 1px #ecb909;
color:#fff;
background-image: linear-gradient(bottom, rgb(242,190,9) 0%, rgb(245,207,11) 100%);
background-image: -o-linear-gradient(bottom, rgb(242,190,9) 0%, rgb(245,207,11) 100%);
background-image: -moz-linear-gradient(bottom, rgb(242,190,9) 0%, rgb(245,207,11) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(242,190,9) 0%, rgb(245,207,11) 100%);
background-image: -ms-linear-gradient(bottom, rgb(242,190,9) 0%, rgb(245,207,11) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(242,190,9)),
color-stop(1, rgb(245,207,11))
);
-webkit-box-shadow: inset 0px 1px 0px #ffde6d;
-moz-box-shadow: inset 0px 1px 0px #ffde6d;
box-shadow: inset 0px 1px 0px #ffde6d;
-webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:4px; border-radius:2px;}
.flex-caption span.buynow a{ margin-right:6%; float:left;
background-color:#d7e740;
padding:8px 15px;
position:relative;
font-family: 'Open Sans', sans-serif;
font-size:14px;
text-decoration:none;
border: 1px solid #c0ce3c;
text-shadow:0px 1px 1px #c0ce3c;
color:#fff;
background-image: linear-gradient(bottom, rgb(198,212,62) 0%, rgb(215,231,64) 100%);
background-image: -o-linear-gradient(bottom, rgb(198,212,62) 0%, rgb(215,231,64) 100%);
background-image: -moz-linear-gradient(bottom, rgb(198,212,62) 0%, rgb(215,231,64) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(198,212,62) 0%, rgb(215,231,64) 100%);
background-image: -ms-linear-gradient(bottom, rgb(198,212,62) 0%, rgb(215,231,64) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(198,212,62)),
color-stop(1, rgb(215,231,64))
);
-webkit-box-shadow: inset 0px 1px 0px #ebf3ad;
-moz-box-shadow: inset 0px 1px 0px #ebf3ad;
box-shadow: inset 0px 1px 0px #ebf3ad;
-webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:4px; border-radius:2px;}
.flex-caption span a:hover{ opacity:.9;}
/* Direction Nav */
.flex-direction-nav li a { width: 32px; height: 32px; margin: 0 0; display: none; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 42%; cursor: pointer; text-indent: -9999px;opacity: .8; filter:alpha(opacity=80); visibility: hidden;}
.flex-direction-nav li a.next {background-position: -38px 0; right:20px; }
.flex-direction-nav li a.prev {background-position: 0 0; left: 20px;}
.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
.flex-direction-nav li a.next:hover, .flex-direction-nav li a.prev:hover{opacity: 1; filter:alpha(opacity=100);}
/* Control Nav */
.flex-control-nav {
width: 95%;
bottom: 40px;
float:left;
position:absolute;
padding-left:3%;
visibility: hidden;
}
.flex-control-nav li {margin: 0 0 0 4px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 10px; height: 10px; display: block; background: url(../images/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px; }
.flex-control-nav li a.active {background-position: 0 -10px; cursor: default;}
.slider-video-container{
position: relative;
padding-bottom: 38.5%;
padding-top: 30px;
margin-bottom:20px;
height: 0;
overflow: hidden;}
.slider-video-container iframe,
.slider-video-container object,
.slider-video-container embed{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height:400px; }
#slider_wrap{max-width:960px; margin:0 auto; position:relative; clear:both; padding:0 0 30px 0; overflow:hidden; max-height:100%;}
#slider_home {height:auto;}
@media only screen and (max-width: 800px) {
.flex-caption {width: 95%; padding: 5px; position: relative; margin-bottom:20px; }
.slides { display:none;}
}