css/misc.css

/* 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");}