以下是 纵向折叠jquery手风琴特效特效代码 的示例演示效果:
部分效果截图:
HTML代码(index.html):
<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312" />
<meta name="author" content="Mobify">
<title>纵向折叠jquery手风琴特效</title>
<link rel="stylesheet" href="css/bellows.min.css">
<link rel="stylesheet" href="css/bellows-theme.min.css">
<link rel="stylesheet" href="css/main.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body class="-bellows">
<div class="viewport">
<div class="main-content">
<h2 id="demo">Demo</h2>
<div class="bellows">
<div class="bellows__item bellows--is-open">
<div class="bellows__header">
<h3>Tab 1</h3>
</div>
<div class="bellows__content">
<p>Lorem honeyed locusts sit amet, none so wise, sed do eiusmod
never resting ut labore et dolore magna aliqua. Manhood death
before disgrace warrior, feed it to the goats spare me your
false courtesy commodo consequat. Mace aute irure dolor in reprehenderit
poison is a woman's weapon lord of light tower dwarf. The last
of the dragons royal, godswood garron sister betrothed officia
deserunt mollit anim id est snow.</p>
</div>
</div>
<div class="bellows__item">
<div class="bellows__header">
<h3>Tab 2</h3>
</div>
<div class="bellows__content">
<p>Lorem honeyed locusts sit amet, none so wise, sed do eiusmod
never resting ut labore et dolore magna aliqua. Manhood death
before disgrace warrior, feed it to the goats spare me your
false courtesy commodo consequat. Mace aute irure dolor in reprehenderit
poison is a woman's weapon lord of light tower dwarf. The last
of the dragons royal, godswood garron sister betrothed officia
deserunt mollit anim id est snow.</p>
</div>
</div>
<div class="bellows__item">
<div class="bellows__header">
<h3>Tab 3</h3>
</div>
<div class="bellows__content">
<p>Lorem honeyed locusts sit amet, none so wise, sed do eiusmod
never resting ut labore et dolore magna aliqua. Manhood death
before disgrace warrior, feed it to the goats spare me your
false courtesy commodo consequat. Mace aute irure dolor in reprehenderit
poison is a woman's weapon lord of light tower dwarf. The last
of the dragons royal, godswood garron sister betrothed officia
deserunt mollit anim id est snow.</p>
</div>
</div>
<div class="bellows__item">
<div class="bellows__header">
<h3>Tab 4</h3>
</div>
<div class="bellows__content">
<p>Lorem honeyed locusts sit amet, none so wise, sed do eiusmod
never resting ut labore et dolore magna aliqua. Manhood death
before disgrace warrior, feed it to the goats spare me your
false courtesy commodo consequat. Mace aute irure dolor in reprehenderit
poison is a woman's weapon lord of light tower dwarf. The last
of the dragons royal, godswood garron sister betrothed officia
deserunt mollit anim id est snow.</p>
</div>
</div>
</div>
<!-- JavaScript -->
<script src="js/jquery-1.10.1.min.js"></script>
<script src="js/highlight.pack.js"></script>
<script src="js/velocity.min.js"></script>
<script src="js/bellows.min.js"></script>
<script>
$(function(){
$('.bellows').bellows();
});
</script>
</div>
</div>
</body>
</html>
JS代码(bellows.min.js):
/*! bellows 2.0.2 2014-09-04 */
(function(t){
if("function"==typeof define&&define.amd)define(["$","velocity"],t);
else{
var e=window.Zepto||window.jQuery;
t(e,e.Velocity)}
}
)(function(t,e){
function i(t,e){
this._init(t,e)}
var o="bellows",n=function(){
}
,s="bellows__item",l="bellows--is-open",r="bellows--is-opening",a="bellows--is-closing",h={
ITEM_HEADER:"> .bellows__item > .bellows__header",ITEM_CONTENT_WRAPPER:"> .bellows__content-wrapper",ITEM_CONTENT:"> .bellows__item > .bellows__content"}
;
return i.VERSION="2.0.0",i.DEFAULTS={
singleItemOpen:!1,event:"click",duration:200,easing:"swing",open:n,opened:n,close:n,closed:n}
,i.prototype._init=function(e,o){
this.options=t.extend(!0,{
}
,i.DEFAULTS,o),this.$bellows=t(e),this.$bellows.find(h.ITEM_CONTENT).wrap('<div class="bellows__content-wrapper" />').parents(".bellows__item:not(.bellows--is-open)").find(h.ITEM_CONTENT_WRAPPER).attr("aria-hidden",!0),this._bindEvents()}
,i.prototype._bindEvents=function(){
var e=this;
this.$bellows.find(h.ITEM_HEADER).bind(this.options.event,function(i){
i.preventDefault(),e.toggle(t(this).parent())}
)}
,i.prototype._getHeight=function(t){
return parseFloat(e.CSS.getPropertyValue(t[0],"height"))}
,i.prototype._setHeight=function(t){
this.$bellows.css("height",t||"")}
,i.prototype._item=function(t){
return"number"==typeof t&&(t=this.$bellows.find("."+s).eq(t)),t}
,i.prototype._trigger=function(e,i){
e in this.options&&this.options[e].call(this,t.Event(o+":"+e,{
bubbles:!1}
),i)}
,i.prototype.toggle=function(t){
t=this._item(t),this[t.hasClass(l)?"close":"open"](t)}
,i.prototype.open=function(t){
if(t=this._item(t),!t.hasClass(l)){
var i=this,o=t.find(h.ITEM_CONTENT_WRAPPER);
this.options.singleItemOpen&&this.closeAll(),this._trigger("open",{
item:t}
),e.animate(o,"slideDown",{
begin:function(){
i._setHeight(i._getHeight(i.$bellows)+i._getHeight(o)),t.addClass(r)}
,duration:this.options.duration,easing:this.options.easing,complete:function(){
t.removeClass(r).addClass(l).find(h.ITEM_CONTENT_WRAPPER).removeAttr("aria-hidden"),i._setHeight(),i._trigger("opened",{
item:t}
)}
}
)}
}
,i.prototype.close=function(t){
if(t=this._item(t),t.hasClass(l)){
var i=this,o=t.find(h.ITEM_CONTENT_WRAPPER);
this._trigger("close",{
item:t}
),e.animate(o,"slideUp",{
begin:function(){
i._setHeight(i._getHeight(i.$bellows)),t.removeClass(l).addClass(a)}
,duration:this.options.duration,easing:this.options.easing,complete:function(){
t.removeClass(a).find(h.ITEM_CONTENT_WRAPPER).attr("aria-hidden",!0),i._setHeight(),i._trigger("closed",{
item:t}
)}
}
)}
}
,i.prototype.closeAll=function(){
var e=this;
this.$bellows.find("."+l).each(function(){
e.close(t(this))}
)}
,t.fn.bellows=function(e){
var n=Array.prototype.slice.call(arguments);
return this.each(function(){
var s=t(this),l=s.data(o),r="string"==typeof e;
if(!l){
if(r)throw'cannot call methods on bellows prior to initialization;
attempted to call method "'+e+'"';
s.data(o,l=new i(this,e))}
if(r){
if("_"===e.charAt(0)||"function"!=typeof l[e])throw'no such method "'+e+'" for bellows';
l[e].apply(l,n.length>1?n.slice(1):null)}
}
)}
,t.fn.bellows.Constructor=i,t("[data-bellows]").bellows(),t}
);
JS代码(velocity.min.js):
/*! VelocityJS.org (1.0.0). (C) 2014 Julian Shapiro. MIT @license:en.wikipedia.org/wiki/MIT_License */
/*! VelocityJS.org jQuery Shim (1.0.0-rc1). (C) 2014 The jQuery Foundation. MIT @license:en.wikipedia.org/wiki/MIT_License. */
!function(e){
function t(e){
var t=e.length,r=$.type(e);
return"function"===r||$.isWindow(e)?!1:1===e.nodeType&&t?!0:"array"===r||0===t||"number"==typeof t&&t>0&&t-1 in e}
if(!e.jQuery){
var $=function(e,t){
return new $.fn.init(e,t)}
;
$.isWindow=function(e){
return null!=e&&e==e.window}
,$.type=function(e){
return null==e?e+"":"object"==typeof e||"function"==typeof e?a[o.call(e)]||"object":typeof e}
,$.isArray=Array.isArray||function(e){
return"array"===$.type(e)}
,$.isPlainObject=function(e){
var t;
if(!e||"object"!==$.type(e)||e.nodeType||$.isWindow(e))return!1;
try{
if(e.constructor&&!n.call(e,"constructor")&&!n.call(e.constructor.prototype,"isPrototypeOf"))return!1}
catch(r){
return!1}
for(t in e);
return void 0===t||n.call(e,t)}
,$.each=function(e,r,a){
var n,o=0,i=e.length,s=t(e);
if(a){
if(s)for(;
i>o&&(n=r.apply(e[o],a),n!==!1);
o++);
else for(o in e)if(n=r.apply(e[o],a),n===!1)break}
else if(s)for(;
i>o&&(n=r.call(e[o],o,e[o]),n!==!1);
o++);
else for(o in e)if(n=r.call(e[o],o,e[o]),n===!1)break;
return e}
,$.data=function(e,t,a){
if(void 0===a){
var n=e[$.expando],o=n&&r[n];
if(void 0===t)return o;
if(o&&t in o)return o[t]}
else if(void 0!==t){
var n=e[$.expando]||(e[$.expando]=++$.uuid);
return r[n]=r[n]||{
}
,r[n][t]=a,a}
}
,$.removeData=function(e,t){
var a=e[$.expando],n=a&&r[a];
n&&$.each(t,function(e,t){
delete n[t]}
)}
,$.extend=function(){
var e,t,r,a,n,o,i=arguments[0]||{
}
,s=1,l=arguments.length,u=!1;
for("boolean"==typeof i&&(u=i,i=arguments[s]||{
}
,s++),"object"!=typeof i&&"function"!==$.type(i)&&(i={
}
),s===l&&(i=this,s--);
l>s;
s++)if(null!=(n=arguments[s]))for(a in n)e=i[a],r=n[a],i!==r&&(u&&r&&($.isPlainObject(r)||(t=$.isArray(r)))?(t?(t=!1,o=e&&$.isArray(e)?e:[]):o=e&&$.isPlainObject(e)?e:{
}
,i[a]=$.extend(u,o,r)):void 0!==r&&(i[a]=r));
return i}
,$.queue=function(e,r,a){
function n(e,r){
var a=r||[];
return null!=e&&(t(Object(e))?!function(e,t){
for(var r=+t.length,a=0,n=e.length;
r>a;
)e[n++]=t[a++];
if(r!==r)for(;
void 0!==t[a];
)e[n++]=t[a++];
return e.length=n,e}
(a,"string"==typeof e?[e]:e):[].push.call(a,e)),a}
if(e){
r=(r||"fx")+"queue";
var o=$.data(e,r);
return a?(!o||$.isArray(a)?o=$.data(e,r,n(a)):o.push(a),o):o||[]}
}
,$.dequeue=function(e,t){
$.each(e.nodeType?[e]:e,function(e,r){
t=t||"fx";
var a=$.queue(r,t),n=a.shift();
"inprogress"===n&&(n=a.shift()),n&&("fx"===t&&a.unshift("inprogress"),n.call(r,function(){
$.dequeue(r,t)}
))}
)}
,$.fn=$.prototype={
init:function(e){
if(e.nodeType)return this[0]=e,this;
throw new Error("Not a DOM node.")}
,offset:function(){
var t=this[0].getBoundingClientRect();
return{
top:t.top+(e.pageYOffset||document.scrollTop||0)-(document.clientTop||0),left:t.left+(e.pageXOffset||document.scrollLeft||0)-(document.clientLeft||0)}
}
,position:function(){
function e(){
for(var e=this.offsetParent||document;
e&&"html"===!e.nodeType.toLowerCase&&"static"===e.style.position;
)e=e.offsetParent;
return e||document}
var t=this[0],e=e.apply(t),r=this.offset(),a=/^(?:body|html)$/i.test(e.nodeName)?{
top:0,left:0}
:$(e).offset();
return r.top-=parseFloat(t.style.marginTop)||0,r.left-=parseFloat(t.style.marginLeft)||0,e.style&&(a.top+=parseFloat(e.style.borderTopWidth)||0,a.left+=parseFloat(e.style.borderLeftWidth)||0),{
top:r.top-a.top,left:r.left-a.left}
}
}
;
var r={
}
;
$.expando="velocity"+(new Date).getTime(),$.uuid=0;
for(var a={
}
,n=a.hasOwnProperty,o=a.toString,i="Boolean Number String Function Array Date RegExp Object Error".split(" "),s=0;
s<i.length;
s++)a["[object "+i[s]+"]"]=i[s].toLowerCase();
$.fn.init.prototype=$.fn,e.Velocity={
Utilities:$}
}
}
(window),function(e){
"object"==typeof module&&"object"==typeof module.exports?module.exports=e():"function"==typeof define&&define.amd?define(e):e()}
(function(){
return function(e,t,r,a){
function n(e){
for(var t=-1,r=e?e.length:0,a=[];
++t<r;
){
var n=e[t];
n&&a.push(n)}
return a}
function o(e){
return g.isWrapped(e)?e=[].slice.call(e):g.isNode(e)&&(e=[e]),e}
function i(e){
var t=$.data(e,"velocity");
return null===t?a:t}
function s(e){
return function(t){
return Math.round(t*e)*(1/e)}
}
function l(e,r,a,n){
function o(e,t){
return 1-3*t+3*e}
function i(e,t){
return 3*t-6*e}
function s(e){
return 3*e}
function l(e,t,r){
return((o(t,r)*e+i(t,r))*e+s(t))*e}
function u(e,t,r){
return 3*o(t,r)*e*e+2*i(t,r)*e+s(t)}
function c(t,r){
for(var n=0;
m>n;
++n){
var o=u(r,e,a);
if(0===o)return r;
var i=l(r,e,a)-t;
r-=i/o}
return r}
function p(){
for(var t=0;
b>t;
++t)w[t]=l(t*x,e,a)}
function f(t,r,n){
var o,i,s=0;
do i=r+(n-r)/2,o=l(i,e,a)-t,o>0?n=i:r=i;
while(Math.abs(o)>h&&++s<v);
return i}
function d(t){
for(var r=0,n=1,o=b-1;
n!=o&&w[n]<=t;
++n)r+=x;
--n;
var i=(t-w[n])/(w[n+1]-w[n]),s=r+i*x,l=u(s,e,a);
return l>=y?c(t,s):0==l?s:f(t,r,r+x)}
function g(){
V=!0,(e!=r||a!=n)&&p()}
var m=4,y=.001,h=1e-7,v=10,b=11,x=1/(b-1),S="Float32Array"in t;
if(4!==arguments.length)return!1;
for(var P=0;
4>P;
++P)if("number"!=typeof arguments[P]||isNaN(arguments[P])||!isFinite(arguments[P]))return!1;
e=Math.min(e,1),a=Math.min(a,1),e=Math.max(e,0),a=Math.max(a,0);
var w=S?new Float32Array(b):new Array(b),V=!1,C=function(t){
return V||g(),e===r&&a===n?t:0===t?0:1===t?1:l(d(t),r,n)}
;
C.getControlPoints=function(){
return[{
x:e,y:r}
,{
x:a,y:n}
]}
;
var T="generateBezier("+[e,r,a,n]+")";
return C.toString=function(){
return T}
,C}
function u(e,t){
var r=e;
return g.isString(e)?v.Easings[e]||(r=!1):r=g.isArray(e)&&1===e.length?s.apply(null,e):g.isArray(e)&&2===e.length?b.apply(null,e.concat([t])):g.isArray(e)&&4===e.length?l.apply(null,e):!1,r===!1&&(r=v.Easings[v.defaults.easing]?v.defaults.easing:h),r}
function c(e){
if(e)for(var t=(new Date).getTime(),r=0,n=v.State.calls.length;
n>r;
r++)if(v.State.calls[r]){
var o=v.State.calls[r],s=o[0],l=o[2],u=o[3];
u||(u=v.State.calls[r][3]=t-16);
for(var f=Math.min((t-u)/l.duration,1),d=0,m=s.length;
m>d;
d++){
var y=s[d],h=y.element;
if(i(h)){
var b=!1;
if(l.display!==a&&null!==l.display&&"none"!==l.display){
if("flex"===l.display){
var S=["-webkit-box","-moz-box","-ms-flexbox","-webkit-flex"];
$.each(S,function(e,t){
x.setPropertyValue(h,"display",t)}
)}
x.setPropertyValue(h,"display",l.display)}
l.visibility&&"hidden"!==l.visibility&&x.setPropertyValue(h,"visibility",l.visibility);
for(var w in y)if("element"!==w){
var V=y[w],C,T=g.isString(V.easing)?v.Easings[V.easing]:V.easing;
if(C=1===f?V.endValue:V.startValue+(V.endValue-V.startValue)*T(f),V.currentValue=C,x.Hooks.registered[w]){
var k=x.Hooks.getRoot(w),A=i(h).rootPropertyValueCache[k];
A&&(V.rootPropertyValue=A)}
var F=x.setPropertyValue(h,w,V.currentValue+(0===parseFloat(C)?"":V.unitType),V.rootPropertyValue,V.scrollData);
x.Hooks.registered[w]&&(i(h).rootPropertyValueCache[k]=x.Normalizations.registered[k]?x.Normalizations.registered[k]("extract",null,F[1]):F[1]),"transform"===F[0]&&(b=!0)}
l.mobileHA&&i(h).transformCache.translate3d===a&&(i(h).transformCache.translate3d="(0px,0px,0px)",b=!0),b&&x.flushTransformCache(h)}
}
l.display!==a&&"none"!==l.display&&(v.State.calls[r][2].display=!1),l.visibility&&"hidden"!==l.visibility&&(v.State.calls[r][2].visibility=!1),l.progress&&l.progress.call(o[1],o[1],f,Math.max(0,u+l.duration-t),u),1===f&&p(r)}
v.State.isTicking&&P(c)}
function p(e,t){
if(!v.State.calls[e])return!1;
for(var r=v.State.calls[e][0],n=v.State.calls[e][1],o=v.State.calls[e][2],s=v.State.calls[e][4],l=!1,u=0,c=r.length;
c>u;
u++){
var p=r[u].element;
if(t||o.loop||("none"===o.display&&x.setPropertyValue(p,"display",o.display),"hidden"===o.visibility&&x.setPropertyValue(p,"visibility",o.visibility)),($.queue(p)[1]===a||!/\.velocityQueueEntryFlag/i.test($.queue(p)[1]))&&i(p)){
i(p).isAnimating=!1,i(p).rootPropertyValueCache={
}
;
var f=!1;
$.each(x.Lists.transforms3D,function(e,t){
var r=/^scale/.test(t)?1:0,n=i(p).transformCache[t];
i(p).transformCache[t]!==a&&new RegExp("^\\("+r+"[^.]").test(n)&&(f=!0,delete i(p).transformCache[t])}
),o.mobileHA&&(f=!0,delete i(p).transformCache.translate3d),f&&x.flushTransformCache(p),x.Values.removeClass(p,"velocity-animating")}
if(!t&&o.complete&&!o.loop&&u===c-1)try{
o.complete.call(n,n)}
catch(d){
setTimeout(function(){
throw d}
,1)}
s&&o.loop!==!0&&s(n),o.loop!==!0||t||($.each(i(p).tweensContainer,function(e,t){
/^rotate/.test(e)&&360===parseFloat(t.endValue)&&(t.endValue=0,t.startValue=360)}
),v(p,"reverse",{
loop:!0,delay:o.delay}
)),o.queue!==!1&&$.dequeue(p,o.queue)}
v.State.calls[e]=!1;
for(var g=0,m=v.State.calls.length;
m>g;
g++)if(v.State.calls[g]!==!1){
l=!0;
break}
l===!1&&(v.State.isTicking=!1,delete v.State.calls,v.State.calls=[])}
var f=function(){
if(r.documentMode)return r.documentMode;
for(var e=7;
e>4;
e--){
var t=r.createElement("div");
if(t.innerHTML="<!--[if IE "+e+"]><span></span><![endif]-->",t.getElementsByTagName("span").length)return t=null,e}
return a}
(),d=function(){
var e=0;
return t.webkitRequestAnimationFrame||t.mozRequestAnimationFrame||function(t){
var r=(new Date).getTime(),a;
return a=Math.max(0,16-(r-e)),e=r+a,setTimeout(function(){
t(r+a)}
,a)}
}
(),g={
isString:function(e){
return"string"==typeof e}
,isArray:Array.isArray||function(e){
return"[object Array]"===Object.prototype.toString.call(e)}
,isFunction:function(e){
return"[object Function]"===Object.prototype.toString.call(e)}
,isNode:function(e){
return e&&e.nodeType}
,isNodeList:function(e){
return"object"==typeof e&&/^\[object (HTMLCollection|NodeList|Object)\]$/.test(Object.prototype.toString.call(e))&&e.length!==a&&(0===e.length||"object"==typeof e[0]&&e[0].nodeType>0)}
,isWrapped:function(e){
return e&&(e.jquery||t.Zepto&&t.Zepto.zepto.isZ(e))}
,isSVG:function(e){
return t.SVGElement&&e instanceof SVGElement}
,isEmptyObject:function(e){
var t;
for(t in e)return!1;
return!0}
}
,$,m=!1;
if(e.fn&&e.fn.jquery?($=e,m=!0):$=t.Velocity.Utilities,8>=f&&!m)throw new Error("Velocity:IE8 and below require jQuery to be loaded before Velocity.");
if(7>=f)return void(jQuery.fn.velocity=jQuery.fn.animate);
var y=400,h="swing",v={
State:{
isMobile:/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),isAndroid:/Android/i.test(navigator.userAgent),isGingerbread:/Android 2\.3\.[3-7]/i.test(navigator.userAgent),isChrome:t.chrome,isFirefox:/Firefox/i.test(navigator.userAgent),prefixElement:r.createElement("div"),prefixMatches:{
}
,scrollAnchor:null,scrollPropertyLeft:null,scrollPropertyTop:null,isTicking:!1,calls:[]}
,CSS:{
}
,Utilities:$,Sequences:{
}
,Easings:{
}
,Promise:t.Promise,defaults:{
queue:"",duration:y,easing:h,begin:null,complete:null,progress:null,display:a,loop:!1,delay:!1,mobileHA:!0,_cacheValues:!0}
,init:function(e){
$.data(e,"velocity",{
isSVG:g.isSVG(e),isAnimating:!1,computedStyle:null,tweensContainer:null,rootPropertyValueCache:{
}
,transformCache:{
}
}
)}
,animate:null,hook:null,mock:!1,version:{
major:1,minor:0,patch:0}
,debug:!1}
;
t.pageYOffset!==a?(v.State.scrollAnchor=t,v.State.scrollPropertyLeft="pageXOffset",v.State.scrollPropertyTop="pageYOffset"):(v.State.scrollAnchor=r.documentElement||r.body.parentNode||r.body,v.State.scrollPropertyLeft="scrollLeft",v.State.scrollPropertyTop="scrollTop");
var b=function(){
function e(e){
return-e.tension*e.x-e.friction*e.v}
function t(t,r,a){
var n={
x:t.x+a.dx*r,v:t.v+a.dv*r,tension:t.tension,friction:t.friction}
;
return{
dx:n.v,dv:e(n)}
}
function r(r,a){
var n={
dx:r.v,dv:e(r)}
,o=t(r,.5*a,n),i=t(r,.5*a,o),s=t(r,a,i),l=1/6*(n.dx+2*(o.dx+i.dx)+s.dx),u=1/6*(n.dv+2*(o.dv+i.dv)+s.dv);
return r.x=r.x+l*a,r.v=r.v+u*a,r}
return function a(e,t,n){
var o={
x:-1,v:0,tension:null,friction:null}
,i=[0],s=0,l=1e-4,u=.016,c,p,f;
for(e=parseFloat(e)||500,t=parseFloat(t)||20,n=n||null,o.tension=e,o.friction=t,c=null!==n,c?(s=a(e,t),p=s/n*u):p=u;
;
)if(f=r(f||o,p),i.push(1+f.x),s+=16,!(Math.abs(f.x)>l&&Math.abs(f.v)>l))break;
return c?function(e){
return i[e*(i.length-1)|0]}
:s}
}
();
v.Easings={
linear:function(e){
return e}
,swing:function(e){
return.5-Math.cos(e*Math.PI)/2}
,spring:function(e){
return 1-Math.cos(4.5*e*Math.PI)*Math.exp(6*-e)}
}
,$.each([["ease",[.25,.1,.25,1]],["ease-in",[.42,0,1,1]],["ease-out",[0,0,.58,1]],["ease-in-out",[.42,0,.58,1]],["easeInSine",[.47,0,.745,.715]],["easeOutSine",[.39,.575,.565,1]],["easeInOutSine",[.445,.05,.55,.95]],["easeInQuad",[.55,.085,.68,.53]],["easeOutQuad",[.25,.46,.45,.94]],["easeInOutQuad",[.455,.03,.515,.955]],["easeInCubic",[.55,.055,.675,.19]],["easeOutCubic",[.215,.61,.355,1]],["easeInOutCubic",[.645,.045,.355,1]],["easeInQuart",[.895,.03,.685,.22]],["easeOutQuart",[.165,.84,.44,1]],["easeInOutQuart",[.77,0,.175,1]],["easeInQuint",[.755,.05,.855,.06]],["easeOutQuint",[.23,1,.32,1]],["easeInOutQuint",[.86,0,.07,1]],["easeInExpo",[.95,.05,.795,.035]],["easeOutExpo",[.19,1,.22,1]],["easeInOutExpo",[1,0,0,1]],["easeInCirc",[.6,.04,.98,.335]],["easeOutCirc",[.075,.82,.165,1]],["easeInOutCirc",[.785,.135,.15,.86]]],function(e,t){
v.Easings[t[0]]=l.apply(null,t[1])}
);
var x=v.CSS={
RegEx:{
isHex:/^#([A-f\d]{
3}
){
1,2}
$/i,valueUnwrap:/^[A-z]+\((.*)\)$/i,wrappedValueAlreadyExtracted:/[0-9.]+ [0-9.]+ [0-9.]+( [0-9.]+)?/,valueSplit:/([A-z]+\(.+\))|(([A-z0-9#-.]+?)(?=\s|$))/gi}
,Lists:{
colors:["fill","stroke","stopColor","color","backgroundColor","borderColor","borderTopColor","borderRightColor","borderBottomColor","borderLeftColor","outlineColor"],transformsBase:["translateX","translateY","scale","scaleX","scaleY","skewX","skewY","rotateZ"],transforms3D:["transformPerspective","translateZ","scaleZ","rotateX","rotateY"]}
,Hooks:{
templates:{
textShadow:["Color X Y Blur","black 0px 0px 0px"],boxShadow:["Color X Y Blur Spread","black 0px 0px 0px 0px"],clip:["Top Right Bottom Left","0px 0px 0px 0px"],backgroundPosition:["X Y","0% 0%"],transformOrigin:["X Y Z","50% 50% 0px"],perspectiveOrigin:["X Y","50% 50%"]}
,registered:{
}
,register:function(){
for(var e=0;
e<x.Lists.colors.length;
e++)x.Hooks.templates[x.Lists.colors[e]]=["Red Green Blue Alpha","255 255 255 1"];
var t,r,a;
if(f)for(t in x.Hooks.templates){
r=x.Hooks.templates[t],a=r[0].split(" ");
var n=r[1].match(x.RegEx.valueSplit);
"Color"===a[0]&&(a.push(a.shift()),n.push(n.shift()),x.Hooks.templates[t]=[a.join(" "),n.join(" ")])}
for(t in x.Hooks.templates){
r=x.Hooks.templates[t],a=r[0].split(" ");
for(var e in a){
var o=t+a[e],i=e;
x.Hooks.registered[o]=[t,i]}
}
}
,getRoot:function(e){
var t=x.Hooks.registered[e];
return t?t[0]:e}
,cleanRootPropertyValue:function(e,t){
return x.RegEx.valueUnwrap.test(t)&&(t=t.match(x.Hooks.RegEx.valueUnwrap)[1]),x.Values.isCSSNullValue(t)&&(t=x.Hooks.templates[e][1]),t}
,extractValue:function(e,t){
var r=x.Hooks.registered[e];
if(r){
var a=r[0],n=r[1];
return t=x.Hooks.cleanRootPropertyValue(a,t),t.toString().match(x.RegEx.valueSplit)[n]}
return t}
,injectValue:function(e,t,r){
var a=x.Hooks.registered[e];
if(a){
var n=a[0],o=a[1],i,s;
return r=x.Hooks.cleanRootPropertyValue(n,r),i=r.toString().match(x.RegEx.valueSplit),i[o]=t,s=i.join(" ")}
return r}
}
,Normalizations:{
registered:{
clip:function(e,t,r){
switch(e){
case"name":return"clip";
case"extract":var a;
return x.RegEx.wrappedValueAlreadyExtracted.test(r)?a=r:(a=r.toString().match(x.RegEx.valueUnwrap),a=a?a[1].replace(/,(\s+)?/g," "):r),a;
case"inject":return"rect("+r+")"}
}
,opacity:function(e,t,r){
if(8>=f)switch(e){
case"name":return"filter";
case"extract":var a=r.toString().match(/alpha\(opacity=(.*)\)/i);
return r=a?a[1]/100:1;
case"inject":return t.style.zoom=1,parseFloat(r)>=1?"":"alpha(opacity="+parseInt(100*parseFloat(r),10)+")"}
else switch(e){
case"name":return"opacity";
case"extract":return r;
case"inject":return r}
}
}
,register:function(){
9>=f||v.State.isGingerbread||(x.Lists.transformsBase=x.Lists.transformsBase.concat(x.Lists.transforms3D));
for(var e=0;
e<x.Lists.transformsBase.length;
e++)!function(){
var t=x.Lists.transformsBase[e];
x.Normalizations.registered[t]=function(e,r,n){
switch(e){
case"name":return"transform";
case"extract":return i(r)===a||i(r).transformCache[t]===a?/^scale/i.test(t)?1:0:i(r).transformCache[t].replace(/[()]/g,"");
case"inject":var o=!1;
switch(t.substr(0,t.length-1)){
case"translate":o=!/(%|px|em|rem|vw|vh|\d)$/i.test(n);
break;
case"scal":case"scale":v.State.isAndroid&&i(r).transformCache[t]===a&&1>n&&(n=1),o=!/(\d)$/i.test(n);
break;
case"skew":o=!/(deg|\d)$/i.test(n);
break;
case"rotate":o=!/(deg|\d)$/i.test(n)}
return o||(i(r).transformCache[t]="("+n+")"),i(r).transformCache[t]}
}
}
();
for(var e=0;
e<x.Lists.colors.length;
e++)!function(){
var t=x.Lists.colors[e];
x.Normalizations.registered[t]=function(e,r,n){
switch(e){
case"name":return t;
case"extract":var o;
if(x.RegEx.wrappedValueAlreadyExtracted.test(n))o=n;
else{
var i,s={
black:"rgb(0,0,0)",blue:"rgb(0,0,255)",gray:"rgb(128,128,128)",green:"rgb(0,128,0)",red:"rgb(255,0,0)",white:"rgb(255,255,255)"}
;
/^[A-z]+$/i.test(n)?i=s[n]!==a?s[n]:s.black:x.RegEx.isHex.test(n)?i="rgb("+x.Values.hexToRgb(n).join(" ")+")":/^rgba?\(/i.test(n)||(i=s.black),o=(i||n).toString().match(x.RegEx.valueUnwrap)[1].replace(/,(\s+)?/g," ")}
return 8>=f||3!==o.split(" ").length||(o+=" 1"),o;
case"inject":return 8>=f?4===n.split(" ").length&&(n=n.split(/\s+/).slice(0,3).join(" ")):3===n.split(" ").length&&(n+=" 1"),(8>=f?"rgb":"rgba")+"("+n.replace(/\s+/g,",").replace(/\.(\d)+(?=,)/g,"")+")"}
}
}
()}
}
,Names:{
camelCase:function(e){
return e.replace(/-(\w)/g,function(e,t){
return t.toUpperCase()}
)}
,SVGAttribute:function(e){
var t="width|height|x|y|cx|cy|r|rx|ry|x1|x2|y1|y2";
return(f||v.State.isAndroid&&!v.State.isChrome)&&(t+="|transform"),new RegExp("^("+t+")$","i").test(e)}
,prefixCheck:function(e){
if(v.State.prefixMatches[e])return[v.State.prefixMatches[e],!0];
for(var t=["","Webkit","Moz","ms","O"],r=0,a=t.length;
a>r;
r++){
var n;
if(n=0===r?e:t[r]+e.replace(/^\w/,function(e){
return e.toUpperCase()}
),g.isString(v.State.prefixElement.style[n]))return v.State.prefixMatches[e]=n,[n,!0]}
return[e,!1]}
}
,Values:{
hexToRgb:function(e){
var t=/^#?([a-f\d])([a-f\d])([a-f\d])$/i,r=/^#?([a-f\d]{
2}
)([a-f\d]{
2}
)([a-f\d]{
2}
)$/i,a;
return e=e.replace(t,function(e,t,r,a){
return t+t+r+r+a+a}
),a=r.exec(e),a?[parseInt(a[1],16),parseInt(a[2],16),parseInt(a[3],16)]:[0,0,0]}
,isCSSNullValue:function(e){
return 0==e||/^(none|auto|transparent|(rgba\(0,?0,?0,?0\)))$/i.test(e)}
,getUnitType:function(e){
return/^(rotate|skew)/i.test(e)?"deg":/(^(scale|scaleX|scaleY|scaleZ|alpha|flexGrow|flexHeight|zIndex|fontWeight)$)|((opacity|red|green|blue|alpha)$)/i.test(e)?"":"px"}
,getDisplayType:function(e){
var t=e.tagName.toString().toLowerCase();
return/^(b|big|i|small|tt|abbr|acronym|cite|code|dfn|em|kbd|strong|samp|var|a|bdo|br|img|map|object|q|script|span|sub|sup|button|input|label|select|textarea)$/i.test(t)?"inline":/^(li)$/i.test(t)?"list-item":/^(tr)$/i.test(t)?"table-row":"block"}
,addClass:function(e,t){
e.classList?e.classList.add(t):e.className+=(e.className.length?" ":"")+t}
,removeClass:function(e,t){
e.classList?e.classList.remove(t):e.className=e.className.toString().replace(new RegExp("(^|\\s)"+t.split(" ").join("|")+"(\\s|$)","gi")," ")}
}
,getPropertyValue:function(e,r,n,o){
function s(e,r){
function n(){
u&&x.setPropertyValue(e,"display","none")}
var l=0;
if(8>=f)l=$.css(e,r);
else{
var u=!1;
if(/^(width|height)$/.test(r)&&0===x.getPropertyValue(e,"display")&&(u=!0,x.setPropertyValue(e,"display",x.Values.getDisplayType(e))),!o){
if("height"===r&&"border-box"!==x.getPropertyValue(e,"boxSizing").toString().toLowerCase()){
var c=e.offsetHeight-(parseFloat(x.getPropertyValue(e,"borderTopWidth"))||0)-(parseFloat(x.getPropertyValue(e,"borderBottomWidth"))||0)-(parseFloat(x.getPropertyValue(e,"paddingTop"))||0)-(parseFloat(x.getPropertyValue(e,"paddingBottom"))||0);
return n(),c}
if("width"===r&&"border-box"!==x.getPropertyValue(e,"boxSizing").toString().toLowerCase()){
var p=e.offsetWidth-(parseFloat(x.getPropertyValue(e,"borderLeftWidth"))||0)-(parseFloat(x.getPropertyValue(e,"borderRightWidth"))||0)-(parseFloat(x.getPropertyValue(e,"paddingLeft"))||0)-(parseFloat(x.getPropertyValue(e,"paddingRight"))||0);
return n(),p}
}
var d;
d=i(e)===a?t.getComputedStyle(e,null):i(e).computedStyle?i(e).computedStyle:i(e).computedStyle=t.getComputedStyle(e,null),(f||v.State.isFirefox)&&"borderColor"===r&&(r="borderTopColor"),l=9===f&&"filter"===r?d.getPropertyValue(r):d[r],(""===l||null===l)&&(l=e.style[r]),n()}
if("auto"===l&&/^(top|right|bottom|left)$/i.test(r)){
var g=s(e,"position");
("fixed"===g||"absolute"===g&&/top|left/i.test(r))&&(l=$(e).position()[r]+"px")}
return l}
var l;
if(x.Hooks.registered[r]){
var u=r,c=x.Hooks.getRoot(u);
n===a&&(n=x.getPropertyValue(e,x.Names.prefixCheck(c)[0])),x.Normalizations.registered[c]&&(n=x.Normalizations.registered[c]("extract",e,n)),l=x.Hooks.extractValue(u,n)}
else if(x.Normalizations.registered[r]){
var p,d;
p=x.Normalizations.registered[r]("name",e),"transform"!==p&&(d=s(e,x.Names.prefixCheck(p)[0]),x.Values.isCSSNullValue(d)&&x.Hooks.templates[r]&&(d=x.Hooks.templates[r][1])),l=x.Normalizations.registered[r]("extract",e,d)}
return/^[\d-]/.test(l)||(l=i(e)&&i(e).isSVG&&x.Names.SVGAttribute(r)?/^(height|width)$/i.test(r)?e.getBBox()[r]:e.getAttribute(r):s(e,x.Names.prefixCheck(r)[0])),x.Values.isCSSNullValue(l)&&(l=0),v.debug>=2&&console.log("Get "+r+":"+l),l}
,setPropertyValue:function(e,r,a,n,o){
var s=r;
if("scroll"===r)o.container?o.container["scroll"+o.direction]=a:"Left"===o.direction?t.scrollTo(a,o.alternateValue):t.scrollTo(o.alternateValue,a);
else if(x.Normalizations.registered[r]&&"transform"===x.Normalizations.registered[r]("name",e))x.Normalizations.registered[r]("inject",e,a),s="transform",a=i(e).transformCache[r];
else{
if(x.Hooks.registered[r]){
var l=r,u=x.Hooks.getRoot(r);
n=n||x.getPropertyValue(e,u),a=x.Hooks.injectValue(l,a,n),r=u}
if(x.Normalizations.registered[r]&&(a=x.Normalizations.registered[r]("inject",e,a),r=x.Normalizations.registered[r]("name",e)),s=x.Names.prefixCheck(r)[0],8>=f)try{
e.style[s]=a}
catch(c){
v.debug&&console.log("Browser does not support ["+a+"] for ["+s+"]")}
else i(e)&&i(e).isSVG&&x.Names.SVGAttribute(r)?e.setAttribute(r,a):e.style[s]=a;
v.debug>=2&&console.log("Set "+r+" ("+s+"):"+a)}
return[s,a]}
,flushTransformCache:function(e){
function t(t){
return parseFloat(x.getPropertyValue(e,t))}
var r="";
if((f||v.State.isAndroid&&!v.State.isChrome)&&i(e).isSVG){
var a={
translate:[t("translateX"),t("translateY")],skewX:[t("skewX")],skewY:[t("skewY")],scale:1!==t("scale")?[t("scale"),t("scale")]:[t("scaleX"),t("scaleY")],rotate:[t("rotateZ"),0,0]}
;
$.each(i(e).transformCache,function(e){
/^translate/i.test(e)?e="translate":/^scale/i.test(e)?e="scale":/^rotate/i.test(e)&&(e="rotate"),a[e]&&(r+=e+"("+a[e].join(" ")+") ",delete a[e])}
)}
else{
var n,o;
$.each(i(e).transformCache,function(t){
return n=i(e).transformCache[t],"transformPerspective"===t?(o=n,!0):(9===f&&"rotateZ"===t&&(t="rotate"),void(r+=t+n+" "))}
),o&&(r="perspective"+o+" "+r)}
x.setPropertyValue(e,"transform",r)}
}
;
x.Hooks.register(),x.Normalizations.register(),v.hook=function(e,t,r){
var n=a;
return e=o(e),$.each(e,function(e,o){
if(i(o)===a&&v.init(o),r===a)n===a&&(n=v.CSS.getPropertyValue(o,t));
else{
var s=v.CSS.setPropertyValue(o,t,r);
"transform"===s[0]&&v.CSS.flushTransformCache(o),n=s}
}
),n}
;
var S=function(){
function e(){
return f?k.promise||null:d}
function s(){
function e(e){
function f(e,t){
var r=a,n=a,i=a;
return g.isArray(e)?(r=e[0],!g.isArray(e[1])&&/^[\d-]/.test(e[1])||g.isFunction(e[1])||x.RegEx.isHex.test(e[1])?i=e[1]:(g.isString(e[1])&&!x.RegEx.isHex.test(e[1])||g.isArray(e[1]))&&(n=t?e[1]:u(e[1],s.duration),e[2]!==a&&(i=e[2]))):r=e,t||(n=n||s.easing),g.isFunction(r)&&(r=r.call(o,V,w)),g.isFunction(i)&&(i=i.call(o,V,w)),[r||0,n,i]}
function d(e,t){
var r,a;
return a=(t||0).toString().toLowerCase().replace(/[%A-z]+$/,function(e){
return r=e,""}
),r||(r=x.Values.getUnitType(e)),[a,r]}
function m(){
var e={
myParent:o.parentNode||r.body,position:x.getPropertyValue(o,"position"),fontSize:x.getPropertyValue(o,"fontSize")}
,a=e.position===L.lastPosition&&e.myParent===L.lastParent,n=e.fontSize===L.lastFontSize;
L.lastParent=e.myParent,L.lastPosition=e.position,L.lastFontSize=e.fontSize;
var s=100,l={
}
;
if(n&&a)l.emToPx=L.lastEmToPx,l.percentToPxWidth=L.lastPercentToPxWidth,l.percentToPxHeight=L.lastPercentToPxHeight;
else{
var u=i(o).isSVG?r.createElementNS("http://www.w3.org/2000/svg","rect"):r.createElement("div");
v.init(u),e.myParent.appendChild(u),$.each(["overflow","overflowX","overflowY"],function(e,t){
v.CSS.setPropertyValue(u,t,"hidden")}
),v.CSS.setPropertyValue(u,"position",e.position),v.CSS.setPropertyValue(u,"fontSize",e.fontSize),v.CSS.setPropertyValue(u,"boxSizing","content-box"),$.each(["minWidth","maxWidth","width","minHeight","maxHeight","height"],function(e,t){
v.CSS.setPropertyValue(u,t,s+"%")}
),v.CSS.setPropertyValue(u,"paddingLeft",s+"em"),l.percentToPxWidth=L.lastPercentToPxWidth=(parseFloat(x.getPropertyValue(u,"width",null,!0))||1)/s,l.percentToPxHeight=L.lastPercentToPxHeight=(parseFloat(x.getPropertyValue(u,"height",null,!0))||1)/s,l.emToPx=L.lastEmToPx=(parseFloat(x.getPropertyValue(u,"paddingLeft"))||1)/s,e.myParent.removeChild(u)}
return null===L.remToPx&&(L.remToPx=parseFloat(x.getPropertyValue(r.body,"fontSize"))||16),null===L.vwToPx&&(L.vwToPx=parseFloat(t.innerWidth)/100,L.vhToPx=parseFloat(t.innerHeight)/100),l.remToPx=L.remToPx,l.vwToPx=L.vwToPx,l.vhToPx=L.vhToPx,v.debug>=1&&console.log("Unit ratios:"+JSON.stringify(l),o),l}
if(s.begin&&0===V)try{
s.begin.call(h,h)}
catch(y){
setTimeout(function(){
throw y}
,1)}
if("scroll"===A){
var S=/^x$/i.test(s.axis)?"Left":"Top",C=parseFloat(s.offset)||0,T,F,E;
s.container?g.isWrapped(s.container)||g.isNode(s.container)?(s.container=s.container[0]||s.container,T=s.container["scroll"+S],E=T+$(o).position()[S.toLowerCase()]+C):s.container=null:(T=v.State.scrollAnchor[v.State["scrollProperty"+S]],F=v.State.scrollAnchor[v.State["scrollProperty"+("Left"===S?"Top":"Left")]],E=$(o).offset()[S.toLowerCase()]+C),l={
scroll:{
rootPropertyValue:!1,startValue:T,currentValue:T,endValue:E,unitType:"",easing:s.easing,scrollData:{
container:s.container,direction:S,alternateValue:F}
}
,element:o}
,v.debug&&console.log("tweensContainer (scroll):",l.scroll,o)}
else if("reverse"===A){
if(!i(o).tweensContainer)return void $.dequeue(o,s.queue);
"none"===i(o).opts.display&&(i(o).opts.display="auto"),"hidden"===i(o).opts.visibility&&(i(o).opts.visibility="visible"),i(o).opts.loop=!1,i(o).opts.begin=null,i(o).opts.complete=null,P.easing||delete s.easing,P.duration||delete s.duration,s=$.extend({
}
,i(o).opts,s);
var j=$.extend(!0,{
}
,i(o).tweensContainer);
for(var H in j)if("element"!==H){
var N=j[H].startValue;
j[H].startValue=j[H].currentValue=j[H].endValue,j[H].endValue=N,g.isEmptyObject(P)||(j[H].easing=s.easing),v.debug&&console.log("reverse tweensContainer ("+H+"):"+JSON.stringify(j[H]),o)}
l=j}
else if("start"===A){
var j;
i(o).tweensContainer&&i(o).isAnimating===!0&&(j=i(o).tweensContainer),$.each(b,function(e,t){
if(RegExp("^"+x.Lists.colors.join("$|^")+"$").test(e)){
var r=f(t,!0),n=r[0],o=r[1],i=r[2];
if(x.RegEx.isHex.test(n)){
for(var s=["Red","Green","Blue"],l=x.Values.hexToRgb(n),u=i?x.Values.hexToRgb(i):a,c=0;
c<s.length;
c++)b[e+s[c]]=[l[c],o,u?u[c]:u];
delete b[e]}
}
}
);
for(var z in b){
var q=f(b[z]),R=q[0],M=q[1],I=q[2];
z=x.Names.camelCase(z);
var W=x.Hooks.getRoot(z),B=!1;
if(i(o).isSVG||x.Names.prefixCheck(W)[1]!==!1||x.Normalizations.registered[W]!==a){
(s.display!==a&&null!==s.display&&"none"!==s.display||s.visibility&&"hidden"!==s.visibility)&&/opacity|filter/.test(z)&&!I&&0!==R&&(I=0),s._cacheValues&&j&&j[z]?(I===a&&(I=j[z].endValue+j[z].unitType),B=i(o).rootPropertyValueCache[W]):x.Hooks.registered[z]?I===a?(B=x.getPropertyValue(o,W),I=x.getPropertyValue(o,z,B)):B=x.Hooks.templates[W][1]:I===a&&(I=x.getPropertyValue(o,z));
var G,D,X,Y=!1;
if(G=d(z,I),I=G[0],X=G[1],G=d(z,R),R=G[0].replace(/^([+-\/*])=/,function(e,t){
return Y=t,""}
),D=G[1],I=parseFloat(I)||0,R=parseFloat(R)||0,"%"===D&&(/^(fontSize|lineHeight)$/.test(z)?(R/=100,D="em"):/^scale/.test(z)?(R/=100,D=""):/(Red|Green|Blue)$/i.test(z)&&(R=R/100*255,D="")),/[\/*]/.test(Y))D=X;
else if(X!==D&&0!==I)if(0===R)D=X;
else{
p=p||m();
var Q=/margin|padding|left|right|width|text|word|letter/i.test(z)||/X$/.test(z)||"x"===z?"x":"y";
switch(X){
case"%":I*="x"===Q?p.percentToPxWidth:p.percentToPxHeight;
break;
case"px":break;
default:I*=p[X+"ToPx"]}
switch(D){
case"%":I*=1/("x"===Q?p.percentToPxWidth:p.percentToPxHeight);
break;
case"px":break;
default:I*=1/p[D+"ToPx"]}
}
switch(Y){
case"+":R=I+R;
break;
case"-":R=I-R;
break;
case"*":R=I*R;
break;
case"/":R=I/R}
l[z]={
rootPropertyValue:B,startValue:I,currentValue:I,endValue:R,unitType:D,easing:M}
,v.debug&&console.log("tweensContainer ("+z+"):"+JSON.stringify(l[z]),o)}
else v.debug&&console.log("Skipping ["+W+"] due to a lack of browser support.")}
l.element=o}
l.element&&(x.Values.addClass(o,"velocity-animating"),O.push(l),""===s.queue&&(i(o).tweensContainer=l,i(o).opts=s),i(o).isAnimating=!0,V===w-1?(v.State.calls.length>1e4&&(v.State.calls=n(v.State.calls)),v.State.calls.push([O,h,s,null,k.resolver]),v.State.isTicking===!1&&(v.State.isTicking=!0,c())):V++)}
var o=this,s=$.extend({
}
,v.defaults,P),l={
}
,p;
if(i(o)===a&&v.init(o),parseFloat(s.delay)&&s.queue!==!1&&$.queue(o,s.queue,function(e){
v.velocityQueueEntryFlag=!0,i(o).delayTimer={
setTimeout:setTimeout(e,parseFloat(s.delay)),next:e}
}
),v.mock===!0)s.duration=1;
else switch(s.duration.toString().toLowerCase()){
case"fast":s.duration=200;
break;
case"normal":s.duration=y;
break;
case"slow":s.duration=600;
break;
default:s.duration=parseFloat(s.duration)||1}
s.easing=u(s.easing,s.duration),s.begin&&!g.isFunction(s.begin)&&(s.begin=null),s.progress&&!g.isFunction(s.progress)&&(s.progress=null),s.complete&&!g.isFunction(s.complete)&&(s.complete=null),s.display!==a&&null!==s.display&&(s.display=s.display.toString().toLowerCase(),"auto"===s.display&&(s.display=v.CSS.Values.getDisplayType(o))),s.visibility&&(s.visibility=s.visibility.toString().toLowerCase()),s.mobileHA=s.mobileHA&&v.State.isMobile&&!v.State.isGingerbread,s.queue===!1?s.delay?setTimeout(e,s.delay):e():$.queue(o,s.queue,function(t,r){
return r===!0?(k.promise&&k.resolver(h),!0):(v.velocityQueueEntryFlag=!0,void e(t))}
),""!==s.queue&&"fx"!==s.queue||"inprogress"===$.queue(o)[0]||$.dequeue(o)}
var l=arguments[0]&&($.isPlainObject(arguments[0].properties)&&!arguments[0].properties.names||g.isString(arguments[0].properties)),f,d,m,h,b,P;
if(g.isWrapped(this)?(f=!1,m=0,h=this,d=this):(f=!0,m=1,h=l?arguments[0].elements:arguments[0]),h=o(h)){
l?(b=arguments[0].properties,P=arguments[0].options):(b=arguments[m],P=arguments[m+1]);
var w=h.length,V=0;
if("stop"!==b&&!$.isPlainObject(P)){
var C=m+1;
P={
}
;
for(var T=C;
T<arguments.length;
T++)g.isArray(arguments[T])||!/fast|normal|slow/i.test(arguments[T].toString())&&!/^\d/.test(arguments[T])?g.isString(arguments[T])||g.isArray(arguments[T])?P.easing=arguments[T]:g.isFunction(arguments[T])&&(P.complete=arguments[T]):P.duration=arguments[T]}
var k={
promise:null,resolver:null,rejecter:null}
;
f&&v.Promise&&(k.promise=new v.Promise(function(e,t){
k.resolver=e,k.rejecter=t}
));
var A;
switch(b){
case"scroll":A="scroll";
break;
case"reverse":A="reverse";
break;
case"stop":$.each(h,function(e,t){
i(t)&&i(t).delayTimer&&(clearTimeout(i(t).delayTimer.setTimeout),i(t).delayTimer.next&&i(t).delayTimer.next(),delete i(t).delayTimer)}
);
var F=[];
return $.each(v.State.calls,function(e,t){
t&&$.each(t[1],function(r,n){
var o=g.isString(P)?P:"";
return P!==a&&t[2].queue!==o?!0:void $.each(h,function(t,r){
r===n&&(P!==a&&($.each($.queue(r,o),function(e,t){
g.isFunction(t)&&t(null,!0)}
),$.queue(r,o,[])),i(r)&&""===o&&$.each(i(r).tweensContainer,function(e,t){
t.endValue=t.currentValue}
),F.push(e))}
)}
)}
),$.each(F,function(e,t){
p(t,!0)}
),k.promise&&k.resolver(h),e();
default:if(!$.isPlainObject(b)||g.isEmptyObject(b)){
if(g.isString(b)&&v.Sequences[b]){
var E=$.extend({
}
,P),j=E.duration,H=E.delay||0;
return E.backwards===!0&&(h=h.reverse()),$.each(h,function(e,t){
parseFloat(E.stagger)?E.delay=H+parseFloat(E.stagger)*e:g.isFunction(E.stagger)&&(E.delay=H+E.stagger.call(t,e,w)),E.drag&&(E.duration=parseFloat(j)||(/^(callout|transition)/.test(b)?1e3:y),E.duration=Math.max(E.duration*(E.backwards?1-e/w:(e+1)/w),.75*E.duration,200)),v.Sequences[b].call(t,t,E||{
}
,e,w,h,k.promise?k:a)}
),e()}
var N="Velocity:First argument ("+b+") was not a property map,a known action,or a registered sequence. Aborting.";
return k.promise?k.rejecter(new Error(N)):console.log(N),e()}
A="start"}
var L={
lastParent:null,lastPosition:null,lastFontSize:null,lastPercentToPxWidth:null,lastPercentToPxHeight:null,lastEmToPx:null,remToPx:null,vwToPx:null,vhToPx:null}
,O=[];
$.each(h,function(e,t){
g.isNode(t)&&s.call(t)}
);
var E=$.extend({
}
,v.defaults,P),z;
if(E.loop=parseInt(E.loop),z=2*E.loop-1,E.loop)for(var q=0;
z>q;
q++){
var R={
delay:E.delay}
;
q===z-1&&(R.display=E.display,R.visibility=E.visibility,R.complete=E.complete),S(h,"reverse",R)}
return e()}
}
;
v=$.extend(S,v),v.animate=S;
var P=t.requestAnimationFrame||d;
return v.State.isMobile||r.hidden===a||r.addEventListener("visibilitychange",function(){
r.hidden?(P=function(e){
return setTimeout(function(){
e(!0)}
,16)}
,c()):P=t.requestAnimationFrame||d}
),e.Velocity=v,e!==t&&(e.fn.velocity=S,e.fn.velocity.defaults=v.defaults),$.each(["Down","Up"],function(e,t){
v.Sequences["slide"+t]=function(e,r,n,o,i,s){
var l=$.extend({
}
,r),u=l.begin,c=l.complete,p={
height:"",marginTop:"",marginBottom:"",paddingTop:"",paddingBottom:""}
,f={
}
;
l.display===a&&(l.display="Down"===t?"inline"===v.CSS.Values.getDisplayType(e)?"inline-block":"block":"none"),l.begin=function(){
u&&u.call(i,i),f.overflow=e.style.overflow,e.style.overflow="hidden";
for(var r in p){
f[r]=e.style[r];
var a=v.CSS.getPropertyValue(e,r);
p[r]="Down"===t?[a,0]:[0,a]}
}
,l.complete=function(){
for(var t in f)e.style[t]=f[t];
c&&c.call(i,i),s&&s.resolver(i)}
,v(e,p,l)}
}
),$.each(["In","Out"],function(e,t){
v.Sequences["fade"+t]=function(e,r,n,o,i,s){
var l=$.extend({
}
,r),u={
opacity:"In"===t?1:0}
,c=l.complete;
l.complete=n!==o-1?l.begin=null:function(){
c&&c.call(i,i),s&&s.resolver(i)}
,l.display===a&&(l.display="In"===t?"auto":"none"),v(this,u,l)}
}
),v}
(window.jQuery||window.Zepto||window,window,document)}
);
CSS代码(bellows.min.css):
.bellows__item:not(.bellows--is-open)>.bellows__content{display:none}
.bellows__item.bellows--is-open>.bellows__content-wrapper,.bellows__item.bellows--is-closing>.bellows__content-wrapper{display:block}
.bellows__content-wrapper{display:none}
CSS代码(main.css):
body{width:100%;min-height:100%;margin:0}
h1,h2,h3,h4,h5,h6{margin:0;font-size:1.8rem}
a{color:#b32017;text-decoration:underline}
p,ul,table,blockquote{margin:0 0 0.5em 0}
table{border-collapse:collapse}
td,th{margin:0;padding:0}
dt{float:left;clear:both;margin-right:0.5em}
dt:after{content:':'}
dd{margin-left:0}
dd,dt{margin-bottom:0.5em}
pre{font-size:14px;white-space:pre-wrap;margin-top:0;margin-bottom:1.5em}
code{display:inline-block;max-width:100%;overflow:auto}
.btn{display:inline-block;*display:inline;*zoom:1;padding:1.7rem 3.2rem;margin-bottom:0.4rem;vertical-align:middle;cursor:pointer;background:#39484e;font-size:1.8rem;font-weight:700;line-height:1.8rem;color:#eaedef;text-align:center;-moz-border-radius:0.4rem;-webkit-border-radius:0.4rem;border-radius:0.4rem;-moz-box-shadow:0 -0.2rem 0 rgba(0,0,0,0.3) inset;-webkit-box-shadow:0 -0.2rem 0 rgba(0,0,0,0.3) inset;box-shadow:0 -0.2rem 0 rgba(0,0,0,0.3) inset}
@media (max-width:650px){.btn{width:100%}
}
.btn i{margin-right:0.2rem}
.btn i.icon-download{margin-right:0.5rem}
.btn:hover,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{text-decoration:none;background-color:#44565d;-moz-transition:background-color 0.1s linear;-o-transition:background-color 0.1s linear;-webkit-transition:background-color 0.1s linear;transition:background-color 0.1s linear}
.btn:active,.btn.active{padding-top:1.9rem;padding-bottom:1.5rem;background:#39484e;outline:none;-moz-box-shadow:0 0.2rem 0 rgba(0,0,0,0.3) inset;-webkit-box-shadow:0 0.2rem 0 rgba(0,0,0,0.3) inset;box-shadow:0 0.2rem 0 rgba(0,0,0,0.3) inset}
.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.btn.disabled,.btn[disabled]{cursor:default;background-color:#e6e6e6;background-image:none;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
body.-bellows .btn{background:#3498db;color:#eaedef}
body.-bellows .btn:hover,body.-bellows .btn:active,body.-bellows .btn.active,body.-bellows .btn.disabled,body.-bellows .btn[disabled]{background-color:#3d9cdd}
body.-bellows .btn:active,body.-bellows .btn.active{background-color:#2e88c5}
body.-magnifik .btn{background:#b5e8e0;color:#197fa3}
body.-magnifik .btn:hover,body.-magnifik .btn:active,body.-magnifik .btn.active,body.-magnifik .btn.disabled,body.-magnifik .btn[disabled]{background-color:#bdeae3}
body.-magnifik .btn:active,body.-magnifik .btn.active{background-color:#a2d0c9}
body.-pikabu .btn{background:#f0504e;color:#efd16e}
body.-pikabu .btn:hover,body.-pikabu .btn:active,body.-pikabu .btn.active,body.-pikabu .btn.disabled,body.-pikabu .btn[disabled]{background-color:#f15957}
body.-pikabu .btn:active,body.-pikabu .btn.active{background-color:#d84846}
body.-scooch .btn{background:#158ea1;color:#f0e2bc}
body.-scooch .btn:hover,body.-scooch .btn:active,body.-scooch .btn.active,body.-scooch .btn.disabled,body.-scooch .btn[disabled]{background-color:#1696aa}
body.-scooch .btn:active,body.-scooch .btn.active{background-color:#127f90}
body.-magnifik pre .string,body.-magnifik pre .title,body.-magnifik pre .haskell .type,body.-magnifik pre .ini .title,body.-magnifik pre .tag .value,body.-magnifik pre .css .rules .value,body.-magnifik pre .preprocessor,body.-magnifik pre .ruby .symbol,body.-magnifik pre .ruby .symbol .string,body.-magnifik pre .ruby .symbol .keyword,body.-magnifik pre .ruby .symbol .keymethods,body.-magnifik pre .ruby .instancevar,body.-magnifik pre .ruby .class .parent,body.-magnifik pre .built_in,body.-magnifik pre .sql .aggregate,body.-magnifik pre .django .template_tag,body.-magnifik pre .django .variable,body.-magnifik pre .smalltalk .class,body.-magnifik pre .javadoc,body.-magnifik pre .ruby .string,body.-magnifik pre .django .filter .argument,body.-magnifik pre .smalltalk .localvars,body.-magnifik pre .smalltalk .array,body.-magnifik pre .attr_selector,body.-magnifik pre .pseudo,body.-magnifik pre .addition,body.-magnifik pre .stream,body.-magnifik pre .envvar,body.-magnifik pre .apache .tag,body.-magnifik pre .apache .cbracket,body.-magnifik pre .tex .command,body.-magnifik pre .input_number{color:#b5e8e0}
body.-pikabu pre .string,body.-pikabu pre .title,body.-pikabu pre .haskell .type,body.-pikabu pre .ini .title,body.-pikabu pre .tag .value,body.-pikabu pre .css .rules .value,body.-pikabu pre .preprocessor,body.-pikabu pre .ruby .symbol,body.-pikabu pre .ruby .symbol .string,body.-pikabu pre .ruby .symbol .keyword,body.-pikabu pre .ruby .symbol .keymethods,body.-pikabu pre .ruby .instancevar,body.-pikabu pre .ruby .class .parent,body.-pikabu pre .built_in,body.-pikabu pre .sql .aggregate,body.-pikabu pre .django .template_tag,body.-pikabu pre .django .variable,body.-pikabu pre .smalltalk .class,body.-pikabu pre .javadoc,body.-pikabu pre .ruby .string,body.-pikabu pre .django .filter .argument,body.-pikabu pre .smalltalk .localvars,body.-pikabu pre .smalltalk .array,body.-pikabu pre .attr_selector,body.-pikabu pre .pseudo,body.-pikabu pre .addition,body.-pikabu pre .stream,body.-pikabu pre .envvar,body.-pikabu pre .apache .tag,body.-pikabu pre .apache .cbracket,body.-pikabu pre .tex .command,body.-pikabu pre .input_number{color:#f0504e}
body.-scooch pre .string,body.-scooch pre .title,body.-scooch pre .haskell .type,body.-scooch pre .ini .title,body.-scooch pre .tag .value,body.-scooch pre .css .rules .value,body.-scooch pre .preprocessor,body.-scooch pre .ruby .symbol,body.-scooch pre .ruby .symbol .string,body.-scooch pre .ruby .symbol .keyword,body.-scooch pre .ruby .symbol .keymethods,body.-scooch pre .ruby .instancevar,body.-scooch pre .ruby .class .parent,body.-scooch pre .built_in,body.-scooch pre .sql .aggregate,body.-scooch pre .django .template_tag,body.-scooch pre .django .variable,body.-scooch pre .smalltalk .class,body.-scooch pre .javadoc,body.-scooch pre .ruby .string,body.-scooch pre .django .filter .argument,body.-scooch pre .smalltalk .localvars,body.-scooch pre .smalltalk .array,body.-scooch pre .attr_selector,body.-scooch pre .pseudo,body.-scooch pre .addition,body.-scooch pre .stream,body.-scooch pre .envvar,body.-scooch pre .apache .tag,body.-scooch pre .apache .cbracket,body.-scooch pre .tex .command,body.-scooch pre .input_number{color:#158ea1}
.mos-mobifyLogo{width:2.4rem;height:2.4rem;margin:1.3rem 0}
.mos-mobifyLogo.-bellows #insideRight,.mos-mobifyLogo.-bellows #insideTop,.mos-mobifyLogo.-bellows #insideBottom,.mos-mobifyLogo.-bellows #outsideRight,.mos-mobifyLogo.-bellows #outsideTop,.mos-mobifyLogo.-bellows #outsideBottom{fill:#eaedef}
.mos-mobifyLogo.-magnifik #insideRight,.mos-mobifyLogo.-magnifik #insideTop,.mos-mobifyLogo.-magnifik #insideBottom,.mos-mobifyLogo.-magnifik #outsideRight,.mos-mobifyLogo.-magnifik #outsideTop,.mos-mobifyLogo.-magnifik #outsideBottom{fill:#197fa3}
.mos-mobifyLogo.-pikabu #insideRight,.mos-mobifyLogo.-pikabu #insideTop,.mos-mobifyLogo.-pikabu #insideBottom,.mos-mobifyLogo.-pikabu #outsideRight,.mos-mobifyLogo.-pikabu #outsideTop,.mos-mobifyLogo.-pikabu #outsideBottom{fill:#efd16e}
.mos-mobifyLogo.-scooch #insideRight,.mos-mobifyLogo.-scooch #insideTop,.mos-mobifyLogo.-scooch #insideBottom,.mos-mobifyLogo.-scooch #outsideRight,.mos-mobifyLogo.-scooch #outsideTop,.mos-mobifyLogo.-scooch #outsideBottom{fill:#f0e2bc}
/*! * Font Awesome 3.2.1 * the iconic font designed for Bootstrap * ------------------------------------------------------------------------------ * The full suite of pictographic icons,examples,and documentation can be * found at http://fontawesome.io. Stay up to date on Twitter at * http://twitter.com/fontawesome. * * License * ------------------------------------------------------------------------------ * - The Font Awesome font is licensed under SIL OFL 1.1 - * http://scripts.sil.org/OFL * - Font Awesome CSS,LESS,and SASS files are licensed under MIT License - * http://opensource.org/licenses/mit-license.html * - Font Awesome documentation licensed under CC BY 3.0 - * http://creativecommons.org/licenses/by/3.0/ * - Attribution is no longer required in Font Awesome 3.0,but much appreciated:* "Font Awesome by Dave Gandy - http://fontawesome.io" * * Author - Dave Gandy * ------------------------------------------------------------------------------ * Email:dave@fontawesome.io * Twitter:http://twitter.com/davegandy * Work:Lead Product Designer @ Kyruus - http://kyruus.com */
@font-face{font-family:'FontAwesome';src:url("../font/fontawesome-webfont.eot?v=3.2.1");src:url("../font/fontawesome-webfont.eot?#iefix&v=3.2.1") format("embedded-opentype"),url("../font/fontawesome-webfont.woff?v=3.2.1") format("woff"),url("../font/fontawesome-webfont.ttf?v=3.2.1") format("truetype"),url("../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1") format("svg");font-weight:normal;font-style:normal}
[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em}
[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none}
.icon-large:before{vertical-align:-10%;font-size:1.33333em}
a [class^="icon-"],a [class*=" icon-"]{display:inline}
[class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.14286em;text-align:right;padding-right:0.28571em}
[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.42857em}
.icons-ul{margin-left:2.14286em;list-style-type:none}
.icons-ul>li{position:relative}
.icons-ul .icon-li{position:absolute;left:-2.14286em;width:2.14286em;text-align:center;line-height:inherit}
[class^="icon-"].hide,[class*=" icon-"].hide{display:none}
.icon-muted{color:#eee}
.icon-light{color:#fff}
.icon-dark{color:#333}
.icon-border{border:solid 1px #eee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.icon-2x{font-size:2em}
.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.icon-3x{font-size:3em}
.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.icon-4x{font-size:4em}
.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
.icon-5x{font-size:5em}
.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}
.pull-right{float:right}
.pull-left{float:left}
[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em}
[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em}
[class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat;margin-top:0}
.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none}
.btn [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class^="icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em}
.btn [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block}
.nav-tabs [class^="icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"],.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class^="icon-"],.nav-pills [class^="icon-"].icon-large,.nav-pills [class*=" icon-"],.nav-pills [class*=" icon-"].icon-large{line-height:.9em}
.btn [class^="icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em}
.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em}
.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em}
.btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em}
.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em}
.nav-list [class^="icon-"],.nav-list [class*=" icon-"]{line-height:inherit}
.icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%}
.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{display:block;text-align:center;position:absolute;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em}
.icon-stack .icon-stack-base{font-size:2em;*line-height:1em}
.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear}
a .icon-stack,a .icon-spin{display:inline-block;text-decoration:none}
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}
100%{-moz-transform:rotate(359deg)}
}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}
100%{-webkit-transform:rotate(359deg)}
}
@-o-keyframes spin{0%{-o-transform:rotate(0deg)}
100%{-o-transform:rotate(359deg)}
}
@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}
100%{-ms-transform:rotate(359deg)}
}
@keyframes spin{0%{transform:rotate(0deg)}
100%{transform:rotate(359deg)}
}
.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1)}
.icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2)}
.icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3)}
.icon-flip-horizontal:before{-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}
.icon-flip-vertical:before{-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}
a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before{display:inline-block}
.icon-glass:before{content:"\f000"}
.icon-music:before{content:"\f001"}
.icon-search:before{content:"\f002"}
.icon-envelope-alt:before{content:"\f003"}
.icon-heart:before{content:"\f004"}
.icon-star:before{content:"\f005"}
.icon-star-empty:before{content:"\f006"}
.icon-user:before{content:"\f007"}
.icon-film:before{content:"\f008"}
.icon-th-large:before{content:"\f009"}
.icon-th:before{content:"\f00a"}
.icon-th-list:before{content:"\f00b"}
.icon-ok:before{content:"\f00c"}
.icon-remove:before{content:"\f00d"}
.icon-zoom-in:before{content:"\f00e"}
.icon-zoom-out:before{content:"\f010"}
.icon-power-off:before,.icon-off:before{content:"\f011"}
.icon-signal:before{content:"\f012"}
.icon-gear:before,.icon-cog:before{content:"\f013"}
.icon-trash:before{content:"\f014"}
.icon-home:before{content:"\f015"}
.icon-file-alt:before{content:"\f016"}
.icon-time:before{content:"\f017"}
.icon-road:before{content:"\f018"}
.icon-download-alt:before{content:"\f019"}
.icon-download:before{content:"\f01a"}
.icon-upload:before{content:"\f01b"}
.icon-inbox:before{content:"\f01c"}
.icon-play-circle:before{content:"\f01d"}
.icon-rotate-right:before,.icon-repeat:before{content:"\f01e"}
.icon-refresh:before{content:"\f021"}
.icon-list-alt:before{content:"\f022"}
.icon-lock:before{content:"\f023"}
.icon-flag:before{content:"\f024"}
.icon-headphones:before{content:"\f025"}
.icon-volume-off:before{content:"\f026"}
.icon-volume-down:before{content:"\f027"}
.icon-volume-up:before{content:"\f028"}
.icon-qrcode:before{content:"\f029"}
.icon-barcode:before{content:"\f02a"}
.icon-tag:before{content:"\f02b"}
.icon-tags:before{content:"\f02c"}
.icon-book:before{content:"\f02d"}
.icon-bookmark:before{content:"\f02e"}
.icon-print:before{content:"\f02f"}
.icon-camera:before{content:"\f030"}
.icon-font:before{content:"\f031"}
.icon-bold:before{content:"\f032"}
.icon-italic:before{content:"\f033"}
.icon-text-height:before{content:"\f034"}
.icon-text-width:before{content:"\f035"}
.icon-align-left:before{content:"\f036"}
.icon-align-center:before{content:"\f037"}
.icon-align-right:before{content:"\f038"}
.icon-align-justify:before{content:"\f039"}
.icon-list:before{content:"\f03a"}
.icon-indent-left:before{content:"\f03b"}
.icon-indent-right:before{content:"\f03c"}
.icon-facetime-video:before{content:"\f03d"}
.icon-picture:before{content:"\f03e"}
.icon-pencil:before{content:"\f040"}
.icon-map-marker:before{content:"\f041"}
.icon-adjust:before{content:"\f042"}
.icon-tint:before{content:"\f043"}
.icon-edit:before{content:"\f044"}
.icon-share:before{content:"\f045"}
.icon-check:before{content:"\f046"}
.icon-move:before{content:"\f047"}
.icon-step-backward:before{content:"\f048"}
.icon-fast-backward:before{content:"\f049"}
.icon-backward:before{content:"\f04a"}
.icon-play:before{content:"\f04b"}
.icon-pause:before{content:"\f04c"}
.icon-stop:before{content:"\f04d"}
.icon-forward:before{content:"\f04e"}
.icon-fast-forward:before{content:"\f050"}
.icon-step-forward:before{content:"\f051"}
.icon-eject:before{content:"\f052"}
.icon-chevron-left:before{content:"\f053"}
.icon-chevron-right:before{content:"\f054"}
.icon-plus-sign:before{content:"\f055"}
.icon-minus-sign:before{content:"\f056"}
.icon-remove-sign:before{content:"\f057"}
.icon-ok-sign:before{content:"\f058"}
.icon-question-sign:before{content:"\f059"}
.icon-info-sign:before{content:"\f05a"}
.icon-screenshot:before{content:"\f05b"}
.icon-remove-circle:before{content:"\f05c"}
.icon-ok-circle:before{content:"\f05d"}
.icon-ban-circle:before{content:"\f05e"}
.icon-arrow-left:before{content:"\f060"}
.icon-arrow-right:before{content:"\f061"}
.icon-arrow-up:before{content:"\f062"}
.icon-arrow-down:before{content:"\f063"}
.icon-mail-forward:before,.icon-share-alt:before{content:"\f064"}
.icon-resize-full:before{content:"\f065"}
.icon-resize-small:before{content:"\f066"}
.icon-plus:before{content:"\f067"}
.icon-minus:before{content:"\f068"}
.icon-asterisk:before{content:"\f069"}
.icon-exclamation-sign:before{content:"\f06a"}
.icon-gift:before{content:"\f06b"}
.icon-leaf:before{content:"\f06c"}
.icon-fire:before{content:"\f06d"}
.icon-eye-open:before{content:"\f06e"}
.icon-eye-close:before{content:"\f070"}
.icon-warning-sign:before{content:"\f071"}
.icon-plane:before{content:"\f072"}
.icon-calendar:before{content:"\f073"}
.icon-random:before{content:"\f074"}
.icon-comment:before{content:"\f075"}
.icon-magnet:before{content:"\f076"}
.icon-chevron-up:before{content:"\f077"}
.icon-chevron-down:before{content:"\f078"}
.icon-retweet:before{content:"\f079"}
.icon-shopping-cart:before{content:"\f07a"}
.icon-folder-close:before{content:"\f07b"}
.icon-folder-open:before{content:"\f07c"}
.icon-resize-vertical:before{content:"\f07d"}
.icon-resize-horizontal:before{content:"\f07e"}
.icon-bar-chart:before{content:"\f080"}
.icon-twitter-sign:before{content:"\f081"}
.icon-facebook-sign:before{content:"\f082"}
.icon-camera-retro:before{content:"\f083"}
.icon-key:before{content:"\f084"}
.icon-gears:before,.icon-cogs:before{content:"\f085"}
.icon-comments:before{content:"\f086"}
.icon-thumbs-up-alt:before{content:"\f087"}
.icon-thumbs-down-alt:before{content:"\f088"}
.icon-star-half:before{content:"\f089"}
.icon-heart-empty:before{content:"\f08a"}
.icon-signout:before{content:"\f08b"}
.icon-linkedin-sign:before{content:"\f08c"}
.icon-pushpin:before{content:"\f08d"}
.icon-external-link:before{content:"\f08e"}
.icon-signin:before{content:"\f090"}
.icon-trophy:before{content:"\f091"}
.icon-github-sign:before{content:"\f092"}
.icon-upload-alt:before{content:"\f093"}
.icon-lemon:before{content:"\f094"}
.icon-phone:before{content:"\f095"}
.icon-unchecked:before,.icon-check-empty:before{content:"\f096"}
.icon-bookmark-empty:before{content:"\f097"}
.icon-phone-sign:before{content:"\f098"}
.icon-twitter:before{content:"\f099"}
.icon-facebook:before{content:"\f09a"}
.icon-github:before{content:"\f09b"}
.icon-unlock:before{content:"\f09c"}
.icon-credit-card:before{content:"\f09d"}
.icon-rss:before{content:"\f09e"}
.icon-hdd:before{content:"\f0a0"}
.icon-bullhorn:before{content:"\f0a1"}
.icon-bell:before{content:"\f0a2"}
.icon-certificate:before{content:"\f0a3"}
.icon-hand-right:before{content:"\f0a4"}
.icon-hand-left:before{content:"\f0a5"}
.icon-hand-up:before{content:"\f0a6"}
.icon-hand-down:before{content:"\f0a7"}
.icon-circle-arrow-left:before{content:"\f0a8"}
.icon-circle-arrow-right:before{content:"\f0a9"}
.icon-circle-arrow-up:before{content:"\f0aa"}
.icon-circle-arrow-down:before{content:"\f0ab"}
.icon-globe:before{content:"\f0ac"}
.icon-wrench:before{content:"\f0ad"}
.icon-tasks:before{content:"\f0ae"}
.icon-filter:before{content:"\f0b0"}
.icon-briefcase:before{content:"\f0b1"}
.icon-fullscreen:before{content:"\f0b2"}
.icon-group:before{content:"\f0c0"}
.icon-link:before{content:"\f0c1"}
.icon-cloud:before{content:"\f0c2"}
.icon-beaker:before{content:"\f0c3"}
.icon-cut:before{content:"\f0c4"}
.icon-copy:before{content:"\f0c5"}
.icon-paperclip:before,.icon-paper-clip:before{content:"\f0c6"}
.icon-save:before{content:"\f0c7"}
.icon-sign-blank:before{content:"\f0c8"}
.icon-reorder:before{content:"\f0c9"}
.icon-list-ul:before{content:"\f0ca"}
.icon-list-ol:before{content:"\f0cb"}
.icon-strikethrough:before{content:"\f0cc"}
.icon-underline:before{content:"\f0cd"}
.icon-table:before{content:"\f0ce"}
.icon-magic:before{content:"\f0d0"}
.icon-truck:before{content:"\f0d1"}
.icon-pinterest:before{content:"\f0d2"}
.icon-pinterest-sign:before{content:"\f0d3"}
.icon-google-plus-sign:before{content:"\f0d4"}
.icon-google-plus:before{content:"\f0d5"}
.icon-money:before{content:"\f0d6"}
.icon-caret-down:before{content:"\f0d7"}
.icon-caret-up:before{content:"\f0d8"}
.icon-caret-left:before{content:"\f0d9"}
.icon-caret-right:before{content:"\f0da"}
.icon-columns:before{content:"\f0db"}
.icon-sort:before{content:"\f0dc"}
.icon-sort-down:before{content:"\f0dd"}
.icon-sort-up:before{content:"\f0de"}
.icon-envelope:before{content:"\f0e0"}
.icon-linkedin:before{content:"\f0e1"}
.icon-rotate-left:before,.icon-undo:before{content:"\f0e2"}
.icon-legal:before{content:"\f0e3"}
.icon-dashboard:before{content:"\f0e4"}
.icon-comment-alt:before{content:"\f0e5"}
.icon-comments-alt:before{content:"\f0e6"}
.icon-bolt:before{content:"\f0e7"}
.icon-sitemap:before{content:"\f0e8"}
.icon-umbrella:before{content:"\f0e9"}
.icon-paste:before{content:"\f0ea"}
.icon-lightbulb:before{content:"\f0eb"}
.icon-exchange:before{content:"\f0ec"}
.icon-cloud-download:before{content:"\f0ed"}
.icon-cloud-upload:before{content:"\f0ee"}
.icon-user-md:before{content:"\f0f0"}
.icon-stethoscope:before{content:"\f0f1"}
.icon-suitcase:before{content:"\f0f2"}
.icon-bell-alt:before{content:"\f0f3"}
.icon-coffee:before{content:"\f0f4"}
.icon-food:before{content:"\f0f5"}
.icon-file-text-alt:before{content:"\f0f6"}
.icon-building:before{content:"\f0f7"}
.icon-hospital:before{content:"\f0f8"}
.icon-ambulance:before{content:"\f0f9"}
.icon-medkit:before{content:"\f0fa"}
.icon-fighter-jet:before{content:"\f0fb"}
.icon-beer:before{content:"\f0fc"}
.icon-h-sign:before{content:"\f0fd"}
.icon-plus-sign-alt:before{content:"\f0fe"}
.icon-double-angle-left:before{content:"\f100"}
.icon-double-angle-right:before{content:"\f101"}
.icon-double-angle-up:before{content:"\f102"}
.icon-double-angle-down:before{content:"\f103"}
.icon-angle-left:before{content:"\f104"}
.icon-angle-right:before{content:"\f105"}
.icon-angle-up:before{content:"\f106"}
.icon-angle-down:before{content:"\f107"}
.icon-desktop:before{content:"\f108"}
.icon-laptop:before{content:"\f109"}
.icon-tablet:before{content:"\f10a"}
.icon-mobile-phone:before{content:"\f10b"}
.icon-circle-blank:before{content:"\f10c"}
.icon-quote-left:before{content:"\f10d"}
.icon-quote-right:before{content:"\f10e"}
.icon-spinner:before{content:"\f110"}
.icon-circle:before{content:"\f111"}
.icon-mail-reply:before,.icon-reply:before{content:"\f112"}
.icon-github-alt:before{content:"\f113"}
.icon-folder-close-alt:before{content:"\f114"}
.icon-folder-open-alt:before{content:"\f115"}
.icon-expand-alt:before{content:"\f116"}
.icon-collapse-alt:before{content:"\f117"}
.icon-smile:before{content:"\f118"}
.icon-frown:before{content:"\f119"}
.icon-meh:before{content:"\f11a"}
.icon-gamepad:before{content:"\f11b"}
.icon-keyboard:before{content:"\f11c"}
.icon-flag-alt:before{content:"\f11d"}
.icon-flag-checkered:before{content:"\f11e"}
.icon-terminal:before{content:"\f120"}
.icon-code:before{content:"\f121"}
.icon-reply-all:before{content:"\f122"}
.icon-mail-reply-all:before{content:"\f122"}
.icon-star-half-full:before,.icon-star-half-empty:before{content:"\f123"}
.icon-location-arrow:before{content:"\f124"}
.icon-crop:before{content:"\f125"}
.icon-code-fork:before{content:"\f126"}
.icon-unlink:before{content:"\f127"}
.icon-question:before{content:"\f128"}
.icon-info:before{content:"\f129"}
.icon-exclamation:before{content:"\f12a"}
.icon-superscript:before{content:"\f12b"}
.icon-subscript:before{content:"\f12c"}
.icon-eraser:before{content:"\f12d"}
.icon-puzzle-piece:before{content:"\f12e"}
.icon-microphone:before{content:"\f130"}
.icon-microphone-off:before{content:"\f131"}
.icon-shield:before{content:"\f132"}
.icon-calendar-empty:before{content:"\f133"}
.icon-fire-extinguisher:before{content:"\f134"}
.icon-rocket:before{content:"\f135"}
.icon-maxcdn:before{content:"\f136"}
.icon-chevron-sign-left:before{content:"\f137"}
.icon-chevron-sign-right:before{content:"\f138"}
.icon-chevron-sign-up:before{content:"\f139"}
.icon-chevron-sign-down:before{content:"\f13a"}
.icon-html5:before{content:"\f13b"}
.icon-css3:before{content:"\f13c"}
.icon-anchor:before{content:"\f13d"}
.icon-unlock-alt:before{content:"\f13e"}
.icon-bullseye:before{content:"\f140"}
.icon-ellipsis-horizontal:before{content:"\f141"}
.icon-ellipsis-vertical:before{content:"\f142"}
.icon-rss-sign:before{content:"\f143"}
.icon-play-sign:before{content:"\f144"}
.icon-ticket:before{content:"\f145"}
.icon-minus-sign-alt:before{content:"\f146"}
.icon-check-minus:before{content:"\f147"}
.icon-level-up:before{content:"\f148"}
.icon-level-down:before{content:"\f149"}
.icon-check-sign:before{content:"\f14a"}
.icon-edit-sign:before{content:"\f14b"}
.icon-external-link-sign:before{content:"\f14c"}
.icon-share-sign:before{content:"\f14d"}
.icon-compass:before{content:"\f14e"}
.icon-collapse:before{content:"\f150"}
.icon-collapse-top:before{content:"\f151"}
.icon-expand:before{content:"\f152"}
.icon-euro:before,.icon-eur:before{content:"\f153"}
.icon-gbp:before{content:"\f154"}
.icon-dollar:before,.icon-usd:before{content:"\f155"}
.icon-rupee:before,.icon-inr:before{content:"\f156"}
.icon-yen:before,.icon-jpy:before{content:"\f157"}
.icon-renminbi:before,.icon-cny:before{content:"\f158"}
.icon-won:before,.icon-krw:before{content:"\f159"}
.icon-bitcoin:before,.icon-btc:before{content:"\f15a"}
.icon-file:before{content:"\f15b"}
.icon-file-text:before{content:"\f15c"}
.icon-sort-by-alphabet:before{content:"\f15d"}
.icon-sort-by-alphabet-alt:before{content:"\f15e"}
.icon-sort-by-attributes:before{content:"\f160"}
.icon-sort-by-attributes-alt:before{content:"\f161"}
.icon-sort-by-order:before{content:"\f162"}
.icon-sort-by-order-alt:before{content:"\f163"}
.icon-thumbs-up:before{content:"\f164"}
.icon-thumbs-down:before{content:"\f165"}
.icon-youtube-sign:before{content:"\f166"}
.icon-youtube:before{content:"\f167"}
.icon-xing:before{content:"\f168"}
.icon-xing-sign:before{content:"\f169"}
.icon-youtube-play:before{content:"\f16a"}
.icon-dropbox:before{content:"\f16b"}
.icon-stackexchange:before{content:"\f16c"}
.icon-instagram:before{content:"\f16d"}
.icon-flickr:before{content:"\f16e"}
.icon-adn:before{content:"\f170"}
.icon-bitbucket:before{content:"\f171"}
.icon-bitbucket-sign:before{content:"\f172"}
.icon-tumblr:before{content:"\f173"}
.icon-tumblr-sign:before{content:"\f174"}
.icon-long-arrow-down:before{content:"\f175"}
.icon-long-arrow-up:before{content:"\f176"}
.icon-long-arrow-left:before{content:"\f177"}
.icon-long-arrow-right:before{content:"\f178"}
.icon-apple:before{content:"\f179"}
.icon-windows:before{content:"\f17a"}
.icon-android:before{content:"\f17b"}
.icon-linux:before{content:"\f17c"}
.icon-dribbble:before{content:"\f17d"}
.icon-skype:before{content:"\f17e"}
.icon-foursquare:before{content:"\f180"}
.icon-trello:before{content:"\f181"}
.icon-female:before{content:"\f182"}
.icon-male:before{content:"\f183"}
.icon-gittip:before{content:"\f184"}
.icon-sun:before{content:"\f185"}
.icon-moon:before{content:"\f186"}
.icon-archive:before{content:"\f187"}
.icon-bug:before{content:"\f188"}
.icon-vk:before{content:"\f189"}
.icon-weibo:before{content:"\f18a"}
.icon-renren:before{content:"\f18b"}
/*! * Font Awesome 3.2.1 * the iconic font designed for Bootstrap * ------------------------------------------------------------------------------ * The full suite of pictographic icons,examples,and documentation can be * found at http://fontawesome.io. Stay up to date on Twitter at * http://twitter.com/fontawesome. * * License * ------------------------------------------------------------------------------ * - The Font Awesome font is licensed under SIL OFL 1.1 - * http://scripts.sil.org/OFL * - Font Awesome CSS,LESS,and SASS files are licensed under MIT License - * http://opensource.org/licenses/mit-license.html * - Font Awesome documentation licensed under CC BY 3.0 - * http://creativecommons.org/licenses/by/3.0/ * - Attribution is no longer required in Font Awesome 3.0,but much appreciated:* "Font Awesome by Dave Gandy - http://fontawesome.io" * * Author - Dave Gandy * ------------------------------------------------------------------------------ * Email:dave@fontawesome.io * Twitter:http://twitter.com/davegandy * Work:Lead Product Designer @ Kyruus - http://kyruus.com */
.icon-large{font-size:1.33333em;margin-top:-4px;padding-top:3px;margin-bottom:-4px;padding-bottom:3px;vertical-align:middle}
.nav [class^="icon-"],.nav [class*=" icon-"]{vertical-align:inherit;margin-top:-4px;padding-top:3px;margin-bottom:-4px;padding-bottom:3px}
.nav [class^="icon-"].icon-large,.nav [class*=" icon-"].icon-large{vertical-align:-25%}
.nav-pills [class^="icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large,.nav-tabs [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large{line-height:.75em;margin-top:-7px;padding-top:5px;margin-bottom:-5px;padding-bottom:4px}
.btn [class^="icon-"].pull-left,.btn [class^="icon-"].pull-right,.btn [class*=" icon-"].pull-left,.btn [class*=" icon-"].pull-right{vertical-align:inherit}
.btn [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large{margin-top:-.5em}
a [class^="icon-"],a [class*=" icon-"]{cursor:pointer}
.icon-glass{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-music{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-search{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-envelope-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-heart{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-star{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-star-empty{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-user{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-film{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-th-large{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-th{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-th-list{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-ok{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-remove{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-zoom-in{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-zoom-out{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-off{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-power-off{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-signal{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-cog{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-gear{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-trash{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-home{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-file-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-time{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-road{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-download-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-download{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-upload{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-inbox{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-play-circle{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-repeat{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-rotate-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-refresh{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-list-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-lock{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-flag{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-headphones{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-volume-off{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-volume-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-volume-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-qrcode{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-barcode{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-tag{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-tags{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-book{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-bookmark{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-print{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-camera{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-font{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-bold{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-italic{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-text-height{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-text-width{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-align-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-align-center{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-align-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-align-justify{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-list{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-indent-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-indent-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-facetime-video{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-picture{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-pencil{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-map-marker{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-adjust{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-tint{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-edit{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-share{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-check{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-move{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-step-backward{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-fast-backward{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-backward{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-play{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-pause{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-stop{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-forward{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-fast-forward{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-step-forward{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-eject{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-chevron-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-chevron-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-plus-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-minus-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-remove-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-ok-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-question-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-info-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-screenshot{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-remove-circle{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-ok-circle{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-ban-circle{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-arrow-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-arrow-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-arrow-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-arrow-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-share-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-mail-forward{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-resize-full{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-resize-small{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-plus{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-minus{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-asterisk{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-exclamation-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-gift{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-leaf{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-fire{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-eye-open{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-eye-close{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-warning-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-plane{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-calendar{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-random{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-comment{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-magnet{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-chevron-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-chevron-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-retweet{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-shopping-cart{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-folder-close{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-folder-open{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-resize-vertical{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-resize-horizontal{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-bar-chart{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-twitter-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-facebook-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-camera-retro{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-key{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-cogs{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-gears{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-comments{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-thumbs-up-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-thumbs-down-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-star-half{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-heart-empty{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-signout{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-linkedin-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-pushpin{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-external-link{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-signin{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-trophy{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-github-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-upload-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-lemon{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-phone{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-check-empty{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-unchecked{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-bookmark-empty{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-phone-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-twitter{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-facebook{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-github{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-unlock{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-credit-card{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-rss{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-hdd{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-bullhorn{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-bell{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-certificate{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-hand-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-hand-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-hand-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-hand-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-circle-arrow-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-circle-arrow-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-circle-arrow-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-circle-arrow-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-globe{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-wrench{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-tasks{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-filter{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-briefcase{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-fullscreen{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-group{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-link{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-cloud{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-beaker{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-cut{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-copy{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-paper-clip{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-paperclip{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-save{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-sign-blank{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-reorder{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-list-ul{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-list-ol{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-strikethrough{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-underline{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-table{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-magic{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-truck{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-pinterest{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-pinterest-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-google-plus-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-google-plus{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-money{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-caret-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-caret-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-caret-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-caret-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-columns{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-sort{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-sort-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-sort-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-envelope{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-linkedin{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-undo{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-rotate-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-legal{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-dashboard{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-comment-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-comments-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-bolt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-sitemap{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-umbrella{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-paste{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-lightbulb{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-exchange{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-cloud-download{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-cloud-upload{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-user-md{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-stethoscope{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-suitcase{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-bell-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-coffee{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-food{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-file-text-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-building{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-hospital{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-ambulance{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-medkit{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-fighter-jet{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-beer{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-h-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-plus-sign-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-double-angle-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-double-angle-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-double-angle-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-double-angle-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-angle-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-angle-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-angle-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-angle-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-desktop{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-laptop{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-tablet{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-mobile-phone{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-circle-blank{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-quote-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-quote-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-spinner{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-circle{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-reply{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-mail-reply{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-github-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-folder-close-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-folder-open-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-expand-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-collapse-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-smile{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-frown{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-meh{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-gamepad{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-keyboard{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-flag-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-flag-checkered{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-terminal{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-code{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-reply-all{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-mail-reply-all{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-star-half-empty{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-star-half-full{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-location-arrow{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-crop{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-code-fork{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-unlink{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-question{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-info{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-exclamation{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-superscript{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-subscript{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-eraser{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-puzzle-piece{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-microphone{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-microphone-off{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-shield{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-calendar-empty{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-fire-extinguisher{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-rocket{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-maxcdn{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-chevron-sign-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-chevron-sign-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-chevron-sign-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-chevron-sign-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-html5{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-css3{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-anchor{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-unlock-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-bullseye{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-ellipsis-horizontal{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-ellipsis-vertical{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-rss-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-play-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-ticket{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-minus-sign-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-check-minus{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-level-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-level-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-check-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-edit-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-external-link-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-share-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-compass{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-collapse{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-collapse-top{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-expand{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-eur{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-euro{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-gbp{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-usd{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-dollar{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-inr{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-rupee{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-jpy{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-yen{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-cny{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-renminbi{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-krw{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-won{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-btc{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-bitcoin{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-file{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-file-text{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-sort-by-alphabet{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-sort-by-alphabet-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-sort-by-attributes{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-sort-by-attributes-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-sort-by-order{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-sort-by-order-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-thumbs-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-thumbs-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-youtube-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-youtube{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-xing{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-xing-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-youtube-play{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-dropbox{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-stackexchange{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-instagram{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-flickr{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-adn{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-bitbucket{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-bitbucket-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-tumblr{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-tumblr-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-long-arrow-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-long-arrow-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-long-arrow-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-long-arrow-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-apple{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-windows{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-android{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-linux{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-dribbble{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-skype{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-foursquare{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-trello{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-female{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-male{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-gittip{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-sun{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-moon{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-archive{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-bug{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-vk{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-weibo{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
.icon-renren{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
html{font-size:62.5%;min-height:100%;height:100%}
body{font-family:'ff-dagny-web-pro','DagnyWeb','Helvetica Neue',sans-serif;font-weight:normal;font-size:1.8rem;line-height:1.4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;color:#39484e;background:#eaedef}
table{width:100%}
th{text-align:left;vertical-align:top}
td{vertical-align:top}
.viewport,.container{max-width:576px;width:100%;margin:0 auto;padding:18px}
.section{width:100%;margin:0}
.mos-moduleLinks{margin:2rem 0}
.mos-moduleLinks ._moduleLink{display:block;position:relative;margin-top:-1px;padding-top:2rem;height:12.8rem;z-index:0;box-shadow:0 -1px 0 rgba(162,180,187,0.5) inset;text-decoration:none;color:#39484e}
.mos-moduleLinks ._moduleLink:first-child{box-shadow:0 -1px 0 rgba(162,180,187,0.5) inset,0 1px 0 rgba(162,180,187,0.5) inset}
.mos-moduleLinks ._moduleLink:hover,.mos-moduleLinks ._moduleLink:focus{z-index:1;background:#a2b4bb;box-shadow:0 -2px 0 rgba(0,0,0,0.2) inset}
.mos-moduleLinks ._moduleLink:active{z-index:1;background:#819095;box-shadow:0 2px 0 rgba(0,0,0,0.2) inset;padding-top:2.2rem}
.mos-moduleLinks ._moduleLink.-bellows:hover,.mos-moduleLinks ._moduleLink.-bellows:focus{background:#3498db;color:#eaedef}
.mos-moduleLinks ._moduleLink.-bellows:active{background:#2979af;color:#eaedef}
.mos-moduleLinks ._moduleLink.-magnifik:hover,.mos-moduleLinks ._moduleLink.-magnifik:focus{background:#b5e8e0;color:#197fa3}
.mos-moduleLinks ._moduleLink.-magnifik:active{background:#90b9b3;color:#197fa3}
.mos-moduleLinks ._moduleLink.-pikabu:hover,.mos-moduleLinks ._moduleLink.-pikabu:focus{background:#f0504e;color:#efd16e}
.mos-moduleLinks ._moduleLink.-pikabu:active{background:#c0403e;color:#efd16e}
.mos-moduleLinks ._moduleLink.-scooch:hover,.mos-moduleLinks ._moduleLink.-scooch:focus{background:#158ea1;color:#f0e2bc}
.mos-moduleLinks ._moduleLink.-scooch:active{background:#107180;color:#f0e2bc}
.moduleHeader{padding:12rem 0 1.8rem}
@media (max-width:650px){.moduleHeader{padding-top:6rem}
}
.moduleHeader h1{font-weight:200;font-size:7.2rem;line-height:1;letter-spacing:-0.04em;color:#a2b4bb}
.moduleHeader h1 ._titleAccent{width:100%;float:left;clear:both;margin-bottom:2rem;font-weight:700;line-height:0.7;color:#39484e}
.moduleHeader ._subTitle{font-weight:700}
.moduleHeader .logo{height:52px;width:52px;margin-right:8px}
.main-content h2{margin-top:5.4rem;font-size:3.2rem}
.main-content h3{margin-top:1.8rem}
.main-content pre code{border-radius:3px;box-shadow:0 -2px rgba(0,0,0,0.7);padding:12px 16px;overflow-x:auto;white-space:pre}
.mos-topBar{height:5.2rem;line-height:5.2rem;background:#39484e;color:#eaedef}
.mos-topBar a{color:#eaedef;text-decoration:none}
.mos-topBar ._homeLink{float:left;padding:0 1.6rem 0 1.2rem;letter-spacing:-0.02em}
.mos-topBar ._homeLink:hover,.mos-topBar ._homeLink:active{background:rgba(0,0,0,0.2)}
.mos-topBar ._homeLink i{margin-right:1.2rem;display:inline-block;top:1px;position:relative}
.mos-topBar ._titleAccent{font-weight:700}
.mos-topBar ._mobifyLink{float:right;padding:0 1.2rem}
.get-it-now{text-align:left;margin:0 0 6.4rem}
@media (max-width:650px){.get-it-now .btn.-demoInline{display:none}
}
.get-it-now .btn.-demoDevice{display:none}
@media (max-width:650px){.get-it-now .btn.-demoDevice{display:block}
}
.mos-inlineDemo{overflow:hidden;max-height:0;-moz-transition:ease-out 0.7s;-o-transition:ease-out 0.7s;-webkit-transition:ease-out 0.7s;transition:ease-out 0.7s}
.mos-inlineDemo.-show{max-height:1000px;padding-bottom:4rem}
.mos-inlineDemo .device{display:block;border:4px solid #222;background:#0D0D0D;margin:0 auto}
.mos-inlineDemo .device.-phone{border-radius:44px;padding:64px 15px;width:358px}
.mos-inlineDemo iframe.-phone{margin:0;width:320px;height:568px}
.footer{padding:0 0 48px 0;font-size:14px}
.footer a{color:#444;text-decoration:none}
.footer a.social-links{margin-left:1em}
.pull-right{float:right}
.pull-left{float:left}
a.btn{text-decoration:none}
body.-bellows{color:#333;background:#eaedef}
body.-bellows .moduleHeader ._moduleTitle{color:#3498db}
body.-bellows .mos-topBar{background:#3498db;color:#eaedef}
body.-bellows .mos-topBar a{color:#eaedef}
body.-bellows h3{margin-top:0}
body.-bellows .bellows__content{background:white}
body.-magnifik{color:#022b38;background:#197fa3}
body.-magnifik .moduleHeader ._moduleTitle{color:#b5e8e0}
body.-magnifik .mos-topBar{background:#b5e8e0;color:#197fa3}
body.-magnifik .mos-topBar a{color:#197fa3}
body.-pikabu{color:#654e0c;background:#efd16e}
body.-pikabu .moduleHeader ._moduleTitle{color:#f0504e}
body.-pikabu .mos-topBar{background:#f0504e;color:#efd16e}
body.-pikabu .mos-topBar a{color:#efd16e}
body.-scooch{color:#8f6559;background:#f0e2bc}
body.-scooch .moduleHeader ._moduleTitle{color:#158ea1}
body.-scooch .mos-topBar{background:#158ea1;color:#f0e2bc}
body.-scooch .mos-topBar a{color:#f0e2bc}
.m-bellows{width:100%;margin:2rem 0 4rem;padding:0}
.m-bellows .m-item{list-style:none}
.m-bellows .m-item+.m-item .m-header{box-shadow:0 1px 0 rgba(51,51,51,0.2) inset}
.m-bellows .m-item.m-opened .m-header i:before{-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.m-bellows .m-header{height:4.4rem;width:100%;background:#3498db;cursor:pointer;line-height:4.4rem;padding:0 1.2rem}
.m-bellows .m-header:hover,.m-bellows .m-header:focus,.m-bellows .m-header:active{background:#48a2de}
.m-bellows .m-header a{color:#eaedef;text-decoration:none}
.m-bellows .m-header i{margin-right:1.2rem}
.m-bellows .m-header i:before{-moz-transition:0.3s;-o-transition:0.3s;-webkit-transition:0.3s;transition:0.3s}
.m-bellows .m-content{background:#333;color:#eaedef}
.m-bellows .m-inner-content{padding:3.6rem;box-shadow:0 2px 0 rgba(0,0,0,0.5) inset}
.m-bellows .m-inner-content h3{margin:0 0 1.2rem}