/* jQuery FlexSlider v2.2.0 http://www.woothemes.com/flexslider/ Copyright 2012 WooThemes Free to use under the GPLv2 license. http://www.gnu.org/licenses/gpl-2.0.html Contributing author:Tyler Smith (@mbmufffin) */ | |
/* Browser Resets | |
*********************************/ | |
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{outline:none;} | |
.slides,.flex-control-nav,.flex-direction-nav{margin:0; padding:0; list-style:none;} | |
/* Icon Fonts | |
*********************************/ | |
/* Font-face Icons */ | |
@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;} | |
/* FlexSlider Necessary Styles | |
*********************************/ | |
.flexslider{margin:0; padding:0;} | |
.flexslider .slides > li{display:none; -webkit-backface-visibility:hidden;} | |
/* Hide the slides before the JS is loaded. Avoids image jumping */ | |
.flexslider .slides img{width:100%; display:block;} | |
.flex-pauseplay span{text-transform:capitalize;} | |
/* Clearfix for the .slides element */ | |
.slides:after{content:"\0020"; display:block; clear:both; visibility:hidden; line-height:0; height:0;} | |
html[xmlns] .slides{display:block;} | |
* 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{margin:0 0 60px; background:#fff; position:relative; zoom:1;} | |
.flex-viewport{max-height:2000px; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease;} | |
.loading .flex-viewport{max-height:300px;} | |
.flexslider .slides{zoom:1;} | |
.carousel li{margin-right:5px;} | |
/* Direction Nav */ | |
.flex-direction-nav{*height:0;} | |
.flex-direction-nav a{display:block; width:40px; height:40px; margin:-20px 0 0; position:absolute; top:50%; 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 .3s ease; -moz-transition:all .3s ease; transition:all .3s ease;} | |
.flex-direction-nav .flex-prev{left:-50px;} | |
.flex-direction-nav .flex-next{right:-50px; text-align:right;} | |
.flexslider:hover .flex-prev{opacity:0.7; left:10px;} | |
.flexslider:hover .flex-next{opacity:0.7; right:10px;} | |
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1;} | |
.flex-direction-nav .flex-disabled{opacity:0 !important; filter:alpha(opacity=0); cursor:default;} | |
.flex-direction-nav a:before{font-family:"flexslider-icon"; font-size:40px; display:inline-block; content:'\f001';} | |
.flex-direction-nav a.flex-next:before{content:'\f002';} | |
/* Pause/Play */ | |
.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';} | |
/* Control Nav */ | |
.flex-control-nav{width:100%; position:absolute; bottom:-40px; text-align:center;} | |
.flex-control-nav li{margin:0 6px; display:inline-block; zoom:1; *display:inline;} | |
.flex-control-paging li a{width:11px; height:11px; display:block; background:#666; background:rgba(0,0,0,0.5); cursor:pointer; text-indent:-9999px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px; -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);} | |
.flex-control-paging li a:hover{background:#333; background:rgba(0,0,0,0.7);} | |
.flex-control-paging li a.flex-active{background:#000; 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%; display:block; opacity:.7; cursor:pointer;} | |
.flex-control-thumbs img:hover{opacity:1;} | |
.flex-control-thumbs .flex-active{opacity:1; cursor:default;} | |
.service_links,.service_links:hover{color:#FFF; text-decoration:none; cursor:text;} | |
@media screen and (max-width:860px){ | |
.flex-direction-nav .flex-prev{opacity:1; left:10px;} | |
.flex-direction-nav .flex-next{opacity:1; right:10px;} | |
} | |
#lightbox{cursor:pointer; position:fixed; width:100%; height:100%; top:0; left:0; background:black; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=); background:rgba(211,211,211,0.7); -webkit-filter:none !important; z-index:10000;} | |
#lightbox img{display:block; position:absolute; box-shadow:0 0 20px #000; border-radius:1px; width:auto;} | |
body.blurred > *{-webkit-filter:blur(2px); -webkit-transform:translate3d(0,0,0);} | |
.lightbox-loading{background:url(../images/loading.gif) center center no-repeat; width:31px; height:31px; margin:-16px 0 0 -16px; position:absolute; top:48%; left:50%;} | |
.lightbox-caption{display:none; position:absolute; left:0; bottom:0; width:100%; text-align:center; z-index:1000; background:#000; background:rgba(0,0,0,0.7);} | |
.lightbox-caption p{margin:0 auto; max-width:70%; display:inline-block; *display:inline; *zoom:1; padding:10px; color:#fff; font-size:12px; line-height:18px;} | |
.lightbox-button{position:absolute; z-index:9999; background:no-repeat center center; width:32px; height:32px; opacity:0.4; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;} | |
.lightbox-button:hover,.lightbox-button:focus{opacity:1; -webkit-transform:scale(1.4); -moz-transform:scale(1.4); -ms-transform:scale(1.4); transform:scale(1.4);} | |
.lightbox-close{right:30px; top:30px; background-image:url("../images/close.png");} | |
.lightbox-next{right:30px; top:48%; background-image:url("../images/next.png");} | |
.lightbox-previous{left:30px; top:48%; background-image:url("../images/previous.png");} |