Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
Shuttleworth foundation
jmathai-github-com
Commits
4f3c1d36
Commit
4f3c1d36
authored
Sep 11, 2014
by
Jaisen Mathai
Browse files
Fixing feature image on mobile
parent
3581868b
Changes
2
Hide whitespace changes
Inline
Side-by-side
assets/less/main.css
View file @
4f3c1d36
...
...
@@ -22,4 +22,4 @@ article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display
* Email: dave@fontawesome.io
* Twitter: http://twitter.com/byscuits
* Work: Lead Product Designer @ Kyruus - http://kyruus.com
*/
@font-face
{
font-family
:
'FontAwesome'
;
src
:
url('//netdna.bootstrapcdn.com/font-awesome/3.2.0/font/fontawesome-webfont.eot?v=3.2.0')
;
src
:
url('//netdna.bootstrapcdn.com/font-awesome/3.2.0/font/fontawesome-webfont.eot?#iefix&v=3.2.0')
format
(
'embedded-opentype'
),
url('//netdna.bootstrapcdn.com/font-awesome/3.2.0/font/fontawesome-webfont.woff?v=3.2.0')
format
(
'woff'
),
url('//netdna.bootstrapcdn.com/font-awesome/3.2.0/font/fontawesome-webfont.ttf?v=3.2.0')
format
(
'truetype'
),
url('//netdna.bootstrapcdn.com/font-awesome/3.2.0/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.0')
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
;
cursor
:
default
;
speak
:
none
}
.icon-large
:before
{
vertical-align
:
-10%
;
font-size
:
1.3333333333333333em
}
a
[
class
^=
"icon-"
],
a
[
class
*=
" icon-"
]
{
display
:
inline
}
[
class
^=
"icon-"
]
.icon-fixed-width
,[
class
*=
" icon-"
]
.icon-fixed-width
{
display
:
inline-block
;
width
:
1.1428571428571428em
;
text-align
:
right
;
padding-right
:
.2857142857142857em
}
[
class
^=
"icon-"
]
.icon-fixed-width.icon-large
,[
class
*=
" icon-"
]
.icon-fixed-width.icon-large
{
width
:
1.4285714285714286em
}
.icons-ul
{
margin-left
:
2.142857142857143em
;
list-style-type
:
none
}
.icons-ul
>
li
{
position
:
relative
}
.icons-ul
.icon-li
{
position
:
absolute
;
left
:
-2.142857142857143em
;
width
:
2.142857142857143em
;
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
,
.nav
[
class
^=
"icon-"
]
.icon-large
,
.btn
[
class
*=
" icon-"
]
.icon-large
,
.nav
[
class
*=
" icon-"
]
.icon-large
{
line-height
:
.9em
}
.btn
[
class
^=
"icon-"
]
.icon-spin
,
.nav
[
class
^=
"icon-"
]
.icon-spin
,
.btn
[
class
*=
" icon-"
]
.icon-spin
,
.nav
[
class
*=
" icon-"
]
.icon-spin
{
display
:
inline-block
}
.nav-tabs
[
class
^=
"icon-"
],
.nav-pills
[
class
^=
"icon-"
],
.nav-tabs
[
class
*=
" icon-"
],
.nav-pills
[
class
*=
" icon-"
],
.nav-tabs
[
class
^=
"icon-"
]
.icon-large
,
.nav-pills
[
class
^=
"icon-"
]
.icon-large
,
.nav-tabs
[
class
*=
" icon-"
]
.icon-large
,
.nav-pills
[
class
*=
" icon-"
]
.icon-large
{
line-height
:
.9em
}
.btn
[
class
^=
"icon-"
]
.pull-left.icon-2x
,
.btn
[
class
*=
" icon-"
]
.pull-left.icon-2x
,
.btn
[
class
^=
"icon-"
]
.pull-right.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-left.icon-2x
,
.btn.btn-small
[
class
^=
"icon-"
]
.pull-right.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-left.icon-2x
,
.btn.btn-large
[
class
^=
"icon-"
]
.pull-right.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
}
.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-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-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-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-dribble
: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"
}
.mfp-bg
{
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
z-index
:
502
;
overflow
:
hidden
;
position
:
fixed
;
background
:
#0b0b0b
;
opacity
:
.8
;
filter
:
alpha
(
opacity
=
80
)}
.mfp-wrap
{
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
z-index
:
503
;
position
:
fixed
;
outline
:
none
!important
;
-webkit-backface-visibility
:
hidden
}
.mfp-container
{
text-align
:
center
;
position
:
absolute
;
width
:
100%
;
height
:
100%
;
left
:
0
;
top
:
0
;
padding
:
0
8px
;
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
}
.mfp-container
:before
{
content
:
''
;
display
:
inline-block
;
height
:
100%
;
vertical-align
:
middle
}
.mfp-align-top
.mfp-container
:before
{
display
:
none
}
.mfp-content
{
position
:
relative
;
display
:
inline-block
;
vertical-align
:
middle
;
margin
:
0
auto
;
text-align
:
left
;
z-index
:
505
}
.mfp-inline-holder
.mfp-content
,
.mfp-ajax-holder
.mfp-content
{
width
:
100%
;
cursor
:
auto
}
.mfp-inline-holder
.mfp-content
:after
,
.mfp-ajax-holder
.mfp-content
:after
{
content
:
''
;
display
:
block
;
width
:
auto
;
height
:
auto
;
position
:
absolute
;
left
:
0
;
top
:
0
;
bottom
:
0
;
right
:
0
;
z-index
:
-1
;
box-shadow
:
0
0
8px
rgba
(
0
,
0
,
0
,
0.6
)}
.mfp-ajax-cur
{
cursor
:
progress
}
.mfp-zoom-out-cur
,
.mfp-zoom-out-cur
.mfp-image-holder
.mfp-close
{
cursor
:
-moz-zoom-out
;
cursor
:
-webkit-zoom-out
;
cursor
:
zoom-out
}
.mfp-zoom
,
.image-popup
{
cursor
:
pointer
;
cursor
:
-webkit-zoom-in
;
cursor
:
-moz-zoom-in
;
cursor
:
zoom-in
}
.mfp-auto-cursor
.mfp-content
{
cursor
:
auto
}
.mfp-close
,
.mfp-arrow
,
.mfp-preloader
,
.mfp-counter
{
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
user-select
:
none
}
.mfp-loading.mfp-figure
{
display
:
none
}
.mfp-hide
{
display
:
none
!important
}
.mfp-preloader
{
color
:
#ccc
;
position
:
absolute
;
top
:
50%
;
width
:
auto
;
text-align
:
center
;
margin-top
:
-0.8em
;
left
:
8px
;
right
:
8px
;
z-index
:
504
}
.mfp-preloader
a
{
color
:
#ccc
}
.mfp-preloader
a
:hover
{
color
:
white
}
.mfp-s-ready
.mfp-preloader
{
display
:
none
}
.mfp-s-error
.mfp-content
{
display
:
none
}
button
.mfp-close
,
button
.mfp-arrow
{
overflow
:
visible
;
cursor
:
pointer
;
border
:
0
;
-webkit-appearance
:
none
;
display
:
block
;
padding
:
0
;
z-index
:
506
}
button
.mfp-close
{
background
:
transparent
}
button
::-moz-focus-inner
{
padding
:
0
;
border
:
0
}
.mfp-close
{
width
:
44px
;
height
:
44px
;
line-height
:
44px
;
position
:
absolute
;
right
:
0
;
top
:
0
;
text-decoration
:
none
;
text-align
:
center
;
opacity
:
.65
;
padding
:
0
0
18px
10px
;
color
:
white
;
font-style
:
normal
;
font-size
:
28px
;
font-family
:
Arial
,
Baskerville
,
monospace
}
.mfp-close
:hover
,
.mfp-close
:focus
{
opacity
:
1
}
.mfp-close
:active
{
top
:
1px
}
.mfp-close-btn-in
.mfp-close
{
color
:
#333
}
.mfp-image-holder
.mfp-close
,
.mfp-iframe-holder
.mfp-close
{
color
:
white
;
right
:
-6px
;
text-align
:
right
;
padding-right
:
6px
;
width
:
100%
}
.mfp-counter
{
position
:
absolute
;
top
:
0
;
right
:
0
;
color
:
#ccc
;
font-size
:
12px
;
line-height
:
18px
}
.mfp-arrow
{
text-indent
:
100%
;
white-space
:
nowrap
;
overflow
:
hidden
;
position
:
absolute
;
top
:
0
;
opacity
:
.65
;
margin
:
0
;
top
:
50%
;
margin-top
:
-55px
;
padding
:
0
;
width
:
90px
;
height
:
110px
;
background-color
:
#000
;
-webkit-transition
:
opacity
.2s
ease-in-out
;
-moz-transition
:
opacity
.2s
ease-in-out
;
-ms-transition
:
opacity
.2s
ease-in-out
;
-o-transition
:
opacity
.2s
ease-in-out
;
transition
:
opacity
.2s
ease-in-out
;
-webkit-tap-highlight-color
:
rgba
(
0
,
0
,
0
,
0
)}
.mfp-arrow
:active
{
margin-top
:
-54px
}
.mfp-arrow
:hover
,
.mfp-arrow
:focus
{
opacity
:
1
}
.mfp-arrow
:before
,
.mfp-arrow
:after
,
.mfp-arrow
.mfp-b
,
.mfp-arrow
.mfp-a
{
content
:
''
;
display
:
block
;
width
:
0
;
height
:
0
;
position
:
absolute
;
left
:
0
;
top
:
0
;
margin-top
:
35px
;
margin-left
:
35px
;
border
:
solid
transparent
}
.mfp-arrow
:after
,
.mfp-arrow
.mfp-a
{
opacity
:
.8
;
border-top-width
:
12px
;
border-bottom-width
:
12px
;
top
:
8px
}
.mfp-arrow
:before
,
.mfp-arrow
.mfp-b
{
border-top-width
:
20px
;
border-bottom-width
:
20px
}
.mfp-arrow-left
{
left
:
0
;
-webkit-border-top-right-radius
:
5px
;
-webkit-border-bottom-right-radius
:
5px
;
-webkit-border-bottom-left-radius
:
0
;
-webkit-border-top-left-radius
:
0
;
-moz-border-radius-topright
:
5px
;
-moz-border-radius-bottomright
:
5px
;
-moz-border-radius-bottomleft
:
0
;
-moz-border-radius-topleft
:
0
;
border-top-right-radius
:
5px
;
border-bottom-right-radius
:
5px
;
border-bottom-left-radius
:
0
;
border-top-left-radius
:
0
;
-webkit-background-clip
:
padding-box
;
-moz-background-clip
:
padding
;
background-clip
:
padding-box
}
.mfp-arrow-left
:after
,
.mfp-arrow-left
.mfp-a
{
border-right
:
12px
solid
#fff
;
left
:
5px
}
.mfp-arrow-left
:before
,
.mfp-arrow-left
.mfp-b
{
border-right
:
20px
solid
#fff
}
.mfp-arrow-right
{
right
:
0
;
-webkit-border-top-right-radius
:
0
;
-webkit-border-bottom-right-radius
:
0
;
-webkit-border-bottom-left-radius
:
5px
;
-webkit-border-top-left-radius
:
5px
;
-moz-border-radius-topright
:
0
;
-moz-border-radius-bottomright
:
0
;
-moz-border-radius-bottomleft
:
5px
;
-moz-border-radius-topleft
:
5px
;
border-top-right-radius
:
0
;
border-bottom-right-radius
:
0
;
border-bottom-left-radius
:
5px
;
border-top-left-radius
:
5px
;
-webkit-background-clip
:
padding-box
;
-moz-background-clip
:
padding
;
background-clip
:
padding-box
}
.mfp-arrow-right
:after
,
.mfp-arrow-right
.mfp-a
{
border-left
:
12px
solid
#fff
;
left
:
3px
}
.mfp-arrow-right
:before
,
.mfp-arrow-right
.mfp-b
{
border-left
:
20px
solid
#fff
}
.mfp-iframe-holder
{
padding-top
:
40px
;
padding-bottom
:
40px
}
.mfp-iframe-holder
.mfp-content
{
line-height
:
0
;
width
:
100%
;
max-width
:
900px
}
.mfp-iframe-scaler
{
width
:
100%
;
height
:
0
;
overflow
:
hidden
;
padding-top
:
56.25%
}
.mfp-iframe-scaler
iframe
{
position
:
absolute
;
display
:
block
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
box-shadow
:
0
0
8px
rgba
(
0
,
0
,
0
,
0.6
);
background
:
black
}
.mfp-iframe-holder
.mfp-close
{
top
:
-40px
}
img
.mfp-img
{
width
:
auto
;
max-width
:
100%
;
height
:
auto
;
display
:
block
;
line-height
:
0
;
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
;
padding
:
40px
0
40px
;
margin
:
0
auto
}
.mfp-figure
:after
{
content
:
''
;
position
:
absolute
;
left
:
0
;
top
:
40px
;
bottom
:
40px
;
display
:
block
;
right
:
0
;
width
:
auto
;
height
:
auto
;
z-index
:
-1
;
box-shadow
:
0
0
8px
rgba
(
0
,
0
,
0
,
0.6
)}
.mfp-figure
{
line-height
:
0
}
.mfp-bottom-bar
{
margin-top
:
-36px
;
position
:
absolute
;
top
:
100%
;
left
:
0
;
width
:
100%
;
cursor
:
auto
}
.mfp-title
{
text-align
:
left
;
line-height
:
18px
;
color
:
#f3f3f3
}
.mfp-figure
small
{
color
:
#bdbdbd
;
display
:
block
;
font-size
:
12px
;
line-height
:
14px
}
.mfp-image-holder
.mfp-content
{
max-width
:
100%
}
.mfp-gallery
.mfp-image-holder
.mfp-figure
{
cursor
:
pointer
}
@media
screen
and
(
max-width
:
800px
)
and
(
orientation
:
landscape
),
screen
and
(
max-height
:
300px
){
.mfp-img-mobile
.mfp-image-holder
{
padding-left
:
0
;
padding-right
:
0
}
.mfp-img-mobile
img
.mfp-img
{
padding
:
0
}
.mfp-img-mobile
.mfp-figure
:after
{
top
:
0
;
bottom
:
0
}
.mfp-img-mobile
.mfp-bottom-bar
{
background
:
rgba
(
0
,
0
,
0
,
0.6
);
bottom
:
0
;
margin
:
0
;
top
:
auto
;
padding
:
3px
5px
;
position
:
fixed
;
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
}
.mfp-img-mobile
.mfp-bottom-bar
:empty
{
padding
:
0
}
.mfp-img-mobile
.mfp-counter
{
right
:
5px
;
top
:
3px
}
.mfp-img-mobile
.mfp-close
{
top
:
0
;
right
:
0
;
width
:
35px
;
height
:
35px
;
line-height
:
35px
;
background
:
rgba
(
0
,
0
,
0
,
0.6
);
position
:
fixed
;
text-align
:
center
;
padding
:
0
}
.mfp-img-mobile
.mfp-figure
small
{
display
:
inline
;
margin-left
:
5px
}}
@media
all
and
(
max-width
:
800px
){
.mfp-arrow
{
-webkit-transform
:
scale
(
0.75
);
transform
:
scale
(
0.75
)}
.mfp-arrow-left
{
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
}
.mfp-arrow-right
{
-webkit-transform-origin
:
100%
;
transform-origin
:
100%
}
.mfp-container
{
padding-left
:
6px
;
padding-right
:
6px
}}
.mfp-ie7
.mfp-img
{
padding
:
0
}
.mfp-ie7
.mfp-bottom-bar
{
width
:
600px
;
left
:
50%
;
margin-left
:
-300px
;
margin-top
:
5px
;
padding-bottom
:
5px
}
.mfp-ie7
.mfp-container
{
padding
:
0
}
.mfp-ie7
.mfp-content
{
padding-top
:
44px
}
.mfp-ie7
.mfp-close
{
top
:
0
;
right
:
0
;
padding-top
:
0
}
.mfp-fade
.zoom-anim-dialog
{
opacity
:
0
;
-webkit-transition
:
all
.2s
ease-in-out
;
-moz-transition
:
all
.2s
ease-in-out
;
-ms-transition
:
all
.2s
ease-in-out
;
-o-transition
:
all
.2s
ease-in-out
;
transition
:
all
.2s
ease-in-out
;
-webkit-transform
:
scale
(
0.8
);
-moz-transform
:
scale
(
0.8
);
-ms-transform
:
scale
(
0.8
);
-o-transform
:
scale
(
0.8
);
transform
:
scale
(
0.8
)}
.mfp-fade.mfp-ready
.zoom-anim-dialog
{
opacity
:
1
;
-webkit-transform
:
scale
(
1
);
-moz-transform
:
scale
(
1
);
-ms-transform
:
scale
(
1
);
-o-transform
:
scale
(
1
);
transform
:
scale
(
1
)}
.mfp-fade.mfp-removing
.zoom-anim-dialog
{
-webkit-transform
:
scale
(
0.8
);
-moz-transform
:
scale
(
0.8
);
-ms-transform
:
scale
(
0.8
);
-o-transform
:
scale
(
0.8
);
transform
:
scale
(
0.8
);
opacity
:
0
}
.mfp-fade.mfp-bg
{
opacity
:
0
;
-webkit-transition
:
opacity
.3s
ease-out
;
-moz-transition
:
opacity
.3s
ease-out
;
-ms-transition
:
opacity
.3s
ease-out
;
-o-transition
:
opacity
.3s
ease-out
;
transition
:
opacity
.3s
ease-out
}
.mfp-fade.mfp-ready.mfp-bg
{
opacity
:
.8
}
.mfp-fade.mfp-removing.mfp-bg
{
opacity
:
0
}
form
{
margin
:
0
0
5px
0
}
form
fieldset
{
margin-bottom
:
5px
;
padding
:
0
;
border-width
:
0
}
form
legend
{
display
:
block
;
width
:
100%
;
margin-bottom
:
10px
;
*
margin-left
:
-7px
;
padding
:
0
;
color
:
#222
;
border
:
0
;
border-bottom
:
1px
solid
#ccc
;
white-space
:
normal
}
form
p
{
margin-bottom
:
2.5px
}
form
ul
{
list-style-type
:
none
;
margin
:
0
0
5px
0
;
padding
:
0
}
form
br
{
display
:
none
}
label
,
input
,
button
,
select
,
textarea
{
vertical-align
:
baseline
;
*
vertical-align
:
middle
}
input
,
button
,
select
,
textarea
{
font-family
:
'source-sans-pro'
,
sans-serif
;
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
-ms-box-sizing
:
border-box
;
box-sizing
:
border-box
}
label
{
display
:
block
;
margin-bottom
:
1.25px
;
font-weight
:
bold
;
color
:
#222
;
cursor
:
pointer
}
label
input
,
label
textarea
,
label
select
{
display
:
block
}
input
,
textarea
,
select
{
display
:
inline-block
;
width
:
100%
;
padding
:
4px
;
margin-bottom
:
1.25px
;
background-color
:
#fff
;
border
:
1px
solid
#ccc
;
color
:
#222
}
input
:hover
,
textarea
:hover
,
select
:hover
{
border-color
:
#808080
}
.input-mini
{
width
:
60px
}
.input-small
{
width
:
90px
}
input
[
type
=
"image"
],
input
[
type
=
"checkbox"
],
input
[
type
=
"radio"
]
{
width
:
auto
;
height
:
auto
;
padding
:
0
;
margin
:
3px
0
;
*
margin-top
:
0
;
line-height
:
normal
;
cursor
:
pointer
;
-webkit-border-radius
:
0
;
-moz-border-radius
:
0
;
border-radius
:
0
;
border
:
0
\
9
}
input
[
type
=
"checkbox"
],
input
[
type
=
"radio"
]
{
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
-ms-box-sizing
:
border-box
;
box-sizing
:
border-box
;
padding
:
0
;
*
width
:
13px
;
*
height
:
13px
}
input
[
type
=
"image"
]
{
border
:
0
;
-webkit-box-shadow
:
none
;
-moz-box-shadow
:
none
;
box-shadow
:
none
}
input
[
type
=
"file"
]
{
width
:
auto
;
padding
:
initial
;
line-height
:
initial
;
border
:
initial
;
background-color
:
transparent
;
background-color
:
initial
;
-webkit-box-shadow
:
none
;
-moz-box-shadow
:
none
;
box-shadow
:
none
}
input
[
type
=
"button"
],
input
[
type
=
"reset"
],
input
[
type
=
"submit"
]
{
width
:
auto
;
height
:
auto
;
cursor
:
pointer
;
*
overflow
:
visible
}
select
,
input
[
type
=
"file"
]
{
*
margin-top
:
4px
}
select
{
width
:
auto
;
background-color
:
#fff
}
select
[
multiple
],
select
[
size
]
{
height
:
auto
}
textarea
{
resize
:
vertical
;
height
:
auto
;
overflow
:
auto
;
vertical-align
:
top
}
input
[
type
=
"hidden"
]
{
display
:
none
}
.radio
,
.checkbox
{
padding-left
:
18px
;
font-weight
:
normal
}
.radio
input
[
type
=
"radio"
],
.checkbox
input
[
type
=
"checkbox"
]
{
float
:
left
;
margin-left
:
-18px
}
.radio.inline
,
.checkbox.inline
{
display
:
inline-block
;
padding-top
:
5px
;
margin-bottom
:
0
;
vertical-align
:
middle
}
.radio.inline
+
.radio.inline
,
.checkbox.inline
+
.checkbox.inline
{
margin-left
:
10px
}
input
[
disabled
],
select
[
disabled
],
textarea
[
disabled
],
input
[
readonly
],
select
[
readonly
],
textarea
[
readonly
]
{
-webkit-opacity
:
.5
;
-moz-opacity
:
.5
;
opacity
:
.5
;
cursor
:
not-allowed
}
input
:focus
,
textarea
:focus
{
border-color
:
#000
;
outline
:
0
;
outline
:
thin
dotted
\
9
}
input
[
type
=
"file"
]
:focus
,
input
[
type
=
"radio"
]
:focus
,
input
[
type
=
"checkbox"
]
:focus
,
select
:focus
{
-webkit-box-shadow
:
none
;
-moz-box-shadow
:
none
;
box-shadow
:
none
}
.help-block
,
.help-inline
{
color
:
#808080
}
.help-block
{
display
:
block
;
margin-bottom
:
1em
;
line-height
:
1em
}
.help-inline
{
display
:
inline-block
;
vertical-align
:
middle
;
padding-left
:
5px
}
.form-inline
input
,
.form-inline
textarea
,
.form-inline
select
{
display
:
inline-block
;
margin-bottom
:
0
}
.form-inline
label
{
display
:
inline-block
}
.form-inline
.radio
,
.form-inline
.checkbox
,
.form-inline
.radio
{
padding-left
:
0
;
margin-bottom
:
0
;
vertical-align
:
middle
}
.form-inline
.radio
input
[
type
=
"radio"
],
.form-inline
.checkbox
input
[
type
=
"checkbox"
]
{
float
:
left
;
margin-left
:
0
;
margin-right
:
3px
}
.dosearch
{
padding
:
6px
10px
;
cursor
:
pointer
;
display
:
block
;
color
:
#fff
;
-webkit-border-radius
:
4px
;
-moz-border-radius
:
4px
;
border-radius
:
4px
}
.dosearch
:hover
{
-webkit-box-shadow
:
inset
0
0
1px
#fff
;
-moz-box-shadow
:
inset
0
0
1px
#fff
;
box-shadow
:
inset
0
0
1px
#fff
;
background-color
:
#1a1a1a
}
.search-form
{
width
:
100%
;
position
:
relative
;
opacity
:
0
;
transition
:
all
200ms
100ms
cubic-bezier
(
0
,
0.6
,
0.4
,
1
);
top
:
0
;
left
:
-200px
;
z-index
:
9002
}
.search-form
.search-field
{
-webkit-appearance
:
none
;
width
:
100%
;
color
:
#fff
;
border
:
0
;
border-bottom
:
1px
solid
#fff
;
background-color
:
transparent
;
box-shadow
:
none
;
border-radius
:
0
;
background-clip
:
padding-box
;
font-size
:
32px
;
font-size
:
2rem
}
.search-form
.search-field
:focus
{
box-shadow
:
none
;
outline
:
0
}
.search-form.active
{
opacity
:
1
;
top
:
0
;
left
:
0
}
.search-form.hidden
{
display
:
none
}
.search-form
::-webkit-input-placeholder
{
font-size
:
32px
;
font-size
:
2rem
}
.search-form
.icon-remove-sign
{
position
:
absolute
;
top
:
.6rem
;
right
:
1rem
;
display
:
block
;
text-align
:
center
;
color
:
#fff
;
z-index
:
1
;
cursor
:
pointer
}
.search-form
.search-field
::-webkit-search-decoration
,
.search-form
.search-field
::-webkit-search-cancel-button
,
.search-form
.search-field
::-webkit-search-results-button
,
.search-form
.search-field
::-webkit-search-results-decoration
{
display
:
none
}
.search-form
.post-list
{
position
:
absolute
;
width
:
100%
}
.search-form
.post-list
h4
,
.search-form
.post-list
li
,
.search-form
.post-list
p
,
.search-form
.post-list
a
{
color
:
#fff
}
.search-form
.post-list
li
{
border-bottom
:
1px
solid
#fff
}
body
.search-overlay
{
overflow
:
hidden
}
body
.search-overlay
:after
{
content
:
''
;
background-color
:
#0d0d0d
;
background-color
:
rgba
(
0
,
0
,
0
,
0.95
);
width
:
100%
;
min-height
:
100%
;
height
:
100%
;
position
:
absolute
;
top
:
0
;
left
:
0
;
z-index
:
9001
}
.no-js
.dosearch
{
display
:
none
}
body
{
margin
:
0
;
padding
:
0
;
width
:
100%
;
background-color
:
#fff
;
border-top
:
5px
solid
#000
}
@media
only
screen
and
(
min-width
:
48em
){
body
{
font-size
:
20px
;
font-size
:
1.25rem
}}
.navigation-wrapper
{
text-align
:
center
;
margin-top
:
-5px
;
*
zoom
:
1
}
.navigation-wrapper
:before
,
.navigation-wrapper
:after
{
display
:
table
;
content
:
""
;
line-height
:
0
}
.navigation-wrapper
:after
{
clear
:
both
}
.navigation-wrapper
ul
{
display
:
inline-block
;
vertical-align
:
top
;
margin
:
0
0
50px
;
padding
:
4px
20px
;
background-color
:
#000
;
-webkit-border-radius
:
0
0
10px
10px
;
-moz-border-radius
:
0
0
10px
10px
;
border-radius
:
0
0
10px
10px
;
*
zoom
:
1
}
.navigation-wrapper
ul
:before
,
.navigation-wrapper
ul
:after
{
display
:
table
;
content
:
""
;
line-height
:
0
}
.navigation-wrapper
ul
:after
{
clear
:
both
}
.navigation-wrapper
li
{
display
:
block
;
float
:
left
;
list-style
:
none
;
text-align
:
center
;
font-size
:
14px
;
font-size
:
.875rem
;
text-transform
:
uppercase
;
color
:
#fff
}
.navigation-wrapper
li
a
:hover
{
-webkit-box-shadow
:
inset
0
0
1px
#fff
;
-moz-box-shadow
:
inset
0
0
1px
#fff
;
box-shadow
:
inset
0
0
1px
#fff
}
.navigation-wrapper
a
{
display
:
block
;
padding
:
6px
10px
;
color
:
#fff
;
-webkit-border-radius
:
4px
;
-moz-border-radius
:
4px
;
border-radius
:
4px
}
.navigation-wrapper
a
:hover
{
background-color
:
#1a1a1a
}
#site-nav
{
z-index
:
9000
;
display
:
none
}
@media
only
screen
and
(
min-width
:
48em
){
#site-nav
{
-webkit-animation-duration
:
1s
;
-moz-animation-duration
:
1s
;
-o-animation-duration
:
1s
;
animation-duration
:
1s
}}
@media
only
screen
and
(
min-width
:
48em
){
#site-nav
.closed
{
display
:
block
}}
#site-nav
.opened
{
display
:
block
;
max-height
:
100%
}
#site-nav
.opened
li
{
float
:
none
}
@media
only
screen
and
(
min-width
:
48em
){
#site-nav
.opened
li
{
float
:
left
}}
.no-js
#site-nav
{
display
:
block
}
#nav-toggle
{
z-index
:
9999
;
display
:
block
;
vertical-align
:
top
;
margin
:
0
;
padding
:
4px
20px
;
background-color
:
#000
;
-webkit-border-radius
:
0
;
-moz-border-radius
:
0
;
border-radius
:
0
}
@media
only
screen
and
(
min-width
:
48em
){
#nav-toggle
{
display
:
none
}}
.masthead
{
margin-top
:
40px
;
*
zoom
:
1
}
.masthead
:before
,
.masthead
:after
{
display
:
table
;
content
:
""
;
line-height
:
0
}
.masthead
:after
{
clear
:
both
}
@media
only
screen
and
(
min-width
:
48em
){
.masthead
{
margin-top
:
0
}}
.masthead
.wrap
{
text-align
:
center
;
max-width
:
27.5em
;
padding-right
:
20px
;
padding-left
:
20px
}
@media
only
screen
and
(
min-width
:
48em
){
.masthead
.wrap
{
max-width
:
45.5em
;
padding-right
:
60px
;
padding-left
:
60px
}}
@media
only
screen
and
(
min-width
:
62.5em
){
.masthead
.wrap
{
max-width
:
60em
}}
.site-logo
img
{
width
:
100px
;
height
:
100px
;
-webkit-animation-duration
:
1s
;
-moz-animation-duration
:
1s
;
-o-animation-duration
:
1s
;
animation-duration
:
1s
;
-webkit-animation-delay
:
.05s
;
-moz-animation-delay
:
.05s
;
-o-animation-delay
:
.05s
;
animation-delay
:
.05s
}
.site-logo
img
.site
{
border-radius
:
50%
}
@media
only
screen
and
(
min-width
:
48em
){
.site-logo
img
{
width
:
150px
;
height
:
150px
}}
@media
only
screen
and
(
min-width
:
62.5em
){
.site-logo
img
{
width
:
200px
;
height
:
200px
}}
.site-title
{
margin-bottom
:
0
;
-webkit-animation-duration
:
1s
;
-moz-animation-duration
:
1s
;
-o-animation-duration
:
1s
;
animation-duration
:
1s
;
-webkit-animation-delay
:
.75s
;
-moz-animation-delay
:
.75s
;
-o-animation-delay
:
.75s
;
animation-delay
:
.75s
}
.site-title
a
{
color
:
#000
}
.site-description
{
margin-top
:
0
;
font-family
:
'volkhov'
,
serif
;
font-size
:
16px
;
font-size
:
1rem
;
font-weight
:
400
;
font-style
:
italic
;
-webkit-animation-duration
:
1s
;
-moz-animation-duration
:
1s
;
-o-animation-duration
:
1s
;
animation-duration
:
1s
;
-webkit-animation-delay
:
1s
;
-moz-animation-delay
:
1s
;
-o-animation-delay
:
1s
;
animation-delay
:
1s
}
@media
only
screen
and
(
min-width
:
48em
){
.site-description
{
font-size
:
20px
;
font-size
:
1.25rem
}}
#main
{
*
zoom
:
1
}
#main
:before
,
#main
:after
{
display
:
table
;
content
:
""
;
line-height
:
0
}
#main
:after
{
clear
:
both
}
.entry
,
.hentry
{
*
zoom
:
1
;
border-bottom
:
1px
solid
#ccc
;
border-bottom
:
1px
solid
rgba
(
0
,
0
,
0
,
0.1
)}
.entry
:before
,
.hentry
:before
,
.entry
:after
,
.hentry
:after
{
display
:
table
;
content
:
""
;
line-height
:
0
}
.entry
:after
,
.hentry
:after
{
clear
:
both
}
.entry-feature-image
{
margin
:
20px
0
0
;
width
:
100%
}
@media
only
screen
and
(
min-width
:
30em
){
.entry-feature-image
{
margin-top
:
-40px
}}
@media
only
screen
and
(
min-width
:
48em
){
.entry-feature-image
{
margin-top
:
-85px
}}
@media
only
screen
and
(
min-width
:
62.5em
){
.entry-feature-image
{
position
:
relative
}}
.entry-header
{
max-width
:
640px
;
width
:
100%
;
margin-right
:
auto
;
margin-left
:
auto
}
@media
only
screen
and
(
min-width
:
62.5em
){
.entry-header
{
max-width
:
100%
;
margin-right
:
0
;
margin-left
:
0
}}
.entry-tags
{
display
:
block
;
margin-top
:
2em
;
text-transform
:
uppercase
;
font-size
:
16px
;
font-size
:
1rem
;
font-weight
:
600
}
.entry-tags
a
{
color
:
#222
}
span
+
.entry-title
{
margin-top
:
0
}
.entry-title
{
font-family
:
'volkhov'
,
serif
;
font-style
:
italic
;
font-size
:
36px
;
font-size
:
2.25rem
;
font-weight
:
400
;
line-height
:
1
;
letter-spacing
:
-3px
}
.entry-title
a
{
color
:
#000
;
text-decoration
:
underline
}
@media
only
screen
and
(
min-width
:
48em
){
.entry-title
{
max-width
:
600px
;
font-size
:
52px
;
font-size
:
3.25rem
}}
@media
only
screen
and
(
min-width
:
62.5em
){
.entry-title
{
max-width
:
800px
;
font-size
:
68px
;
font-size
:
4.25rem
}}
.entry-wrapper
{
margin
:
0
auto
3em
;
max-width
:
440px
;
padding-right
:
20px
;
padding-left
:
20px
;
*
zoom
:
1
}
.entry-wrapper
:before
,
.entry-wrapper
:after
{
display
:
table
;
content
:
""
;
line-height
:
0
}
.entry-wrapper
:after
{
clear
:
both
}
@media
only
screen
and
(
min-width
:
48em
){
.entry-wrapper
{
max-width
:
760px
;
padding-right
:
60px
;
padding-left
:
60px
}}
@media
only
screen
and
(
min-width
:
62.5em
){
.entry-wrapper
{
max-width
:
960px
}}
.entry-meta
{
max-width
:
640px
;
width
:
100%
;
margin-right
:
auto
;
margin-bottom
:
30px
;
margin-left
:
auto
;
display
:
block
;
text-transform
:
uppercase
;
font-size
:
14px
;
font-size
:
.875rem
}
.entry-meta
a
{
color
:
#222
}
@media
only
screen
and
(
min-width
:
62.5em
){
.entry-meta
{
float
:
left
;
width
:
150px
;
margin
:
0
40px
40px
0
;
padding
:
0
}}
.entry-meta
>
span
{
padding
:
0
20px
10px
0
;
display
:
inline-block
}
@media
only
screen
and
(
min-width
:
62.5em
){
.entry-meta
>
span
{
display
:
block
;
padding
:
8px
0
;
border-bottom
:
1px
solid
#ccc
;
border-bottom
:
1px
solid
rgba
(
0
,
0
,
0
,
0.1
)}}
.author-photo
{
display
:
none
}
@media
only
screen
and
(
min-width
:
62.5em
){
.author-photo
{
display
:
block
;
width
:
150px
;
height
:
150px
;
margin-bottom
:
10px
;
-webkit-border-radius
:
150px
;
-moz-border-radius
:
150px
;
border-radius
:
150px
;
*
zoom
:
1
}
.author-photo
:before
,
.author-photo
:after
{
display
:
table
;
content
:
""
;
line-height
:
0
}
.author-photo
:after
{
clear
:
both
}}
.entry-content
{
max-width
:
640px
;
width
:
100%
;
margin-right
:
auto
;
margin-left
:
auto
}
.entry-content
p
:first-child
{
margin-top
:
0
}
@media
only
screen
and
(
min-width
:
62.5em
){
.entry-content
{
float
:
left
}}
.entry-content
p
>
a
,
.entry-content
li
>
a
{
border-bottom
:
1px
dotted
#a2a2a2
}
.entry-content
p
>
a
:hover
,
.entry-content
li
>
a
:hover
{
border-bottom-style
:
solid
}
.entry-content
.starting-note
{
color
:
#999
;
font-style
:
italic
}
.entry-content
.related
span
{
display
:
block
;
position
:
relative
;
font-size
:
30px
;
z-index
:
1
;
overflow
:
hidden
;
text-align
:
center
}
.entry-content
.related
span
:before
,
.entry-content
.related
span
:after
{
position
:
absolute
;
top
:
51%
;
overflow
:
hidden
;
width
:
50%
;
height
:
1px
;
content
:
'\a0'
;
background-color
:
#dadada
}
.entry-content
.related
span
:before
{
margin-left
:
-50%
;
text-align
:
right
}
.post-list
li
>
a
{
border-bottom-width
:
0
}
#disqus_thread
{
margin-top
:
2em
}
.pagination
{
text-align
:
center
}
#home
.entry-title
,
#page
.entry-title
{
text-align
:
center
;
max-width
:
100%
}
@media
only
screen
and
(
min-width
:
62.5em
){
#home
.entry-content
,
#page
.entry-content
{
float
:
none
}}
.post-list
{
margin
:
0
;
padding
:
0
;
list-style-type
:
none
}
.post-list
li
{
padding
:
8px
0
;
border-bottom
:
1px
solid
#ccc
;
border-bottom
:
1px
solid
rgba
(
0
,
0
,
0
,
0.1
);
*
zoom
:
1
}
.post-list
li
:before
,
.post-list
li
:after
{
display
:
table
;
content
:
""
;
line-height
:
0
}
.post-list
li
:after
{
clear
:
both
}
.post-list
a
>
span
{
float
:
right
}
.post-list
.entry-date
{
font-size
:
14px
;
font-size
:
.875rem
;
text-transform
:
uppercase
;
display
:
none
}
@media
only
screen
and
(
min-width
:
48em
){
.post-list
.entry-date
{
display
:
inline
}}
.tag-box
{
list-style
:
none
;
margin
:
0
;
padding
:
4px
0
;
overflow
:
hidden
;
*
zoom
:
1
}
.tag-box
:before
,
.tag-box
:after
{
display
:
table
;
content
:
""
;
line-height
:
0
}
.tag-box
:after
{
clear
:
both
}
.tag-box.inline
li
{
float
:
left
;
font-size
:
14px
;
font-size
:
.875rem
;
line-height
:
2.5
}
.tag-box
a
{
padding
:
4px
6px
;
margin
:
2px
;
background-color
:
#e6e6e6
;
-webkit-border-radius
:
4px
;
-moz-border-radius
:
4px
;
border-radius
:
4px
;
text-decoration
:
none
}
.tag-box
a
span
{
vertical-align
:
super
;
font-size
:
10px
;
font-size
:
.625rem
}
.search-wrapper
{
display
:
none
;
position
:
absolute
;
top
:
50px
;
width
:
90%
;
padding-right
:
5%
;
padding-left
:
5%
;
*
zoom
:
1
}
.search-wrapper
:before
,
.search-wrapper
:after
{
display
:
table
;
content
:
""
;
line-height
:
0
}
.search-wrapper
:after
{
clear
:
both
}
@media
only
screen
and
(
min-width
:
48em
){
.search-wrapper
{
top
:
100px
}}
.footer-wrapper
{
*
zoom
:
1
;
margin
:
2em
auto
;
text-align
:
center
;
font-family
:
'volkhov'
,
serif
;
font-size
:
14px
;
font-size
:
.875rem
;
font-style
:
italic
;
color
:
#555
}
.footer-wrapper
:before
,
.footer-wrapper
:after
{
display
:
table
;
content
:
""
;
line-height
:
0
}
.footer-wrapper
:after
{
clear
:
both
}
.footer-wrapper
a
{
color
:
#555
}
.social-icons
{
margin
:
1em
0
2em
}
.social-icons
a
{
padding
:
4px
8px
}
.social-icons
a
:hover
{
color
:
#000
}
.upgrade
{
padding
:
10px
;
text-align
:
center
}
#goog-fixurl
ul
{
list-style
:
none
;
margin-left
:
0
;
padding-left
:
0
}
#goog-fixurl
ul
li
{
list-style-type
:
none
}
#goog-wm-qt
{
width
:
auto
;
margin-right
:
10px
}
#goog-wm-sb
{
display
:
inline-block
;
padding
:
8px
20px
;
background-color
:
#000
;
color
:
#fff
;
border
:
2px
solid
#000
!important
;
-webkit-border-radius
:
20px
;
-moz-border-radius
:
20px
;
border-radius
:
20px
}
#goog-wm-sb
:visited
{
color
:
#fff
}
#goog-wm-sb
:hover
{
background-color
:
#fff
;
color
:
#000
}
\ No newline at end of file
*/
@font-face
{
font-family
:
'FontAwesome'
;
src
:
url('//netdna.bootstrapcdn.com/font-awesome/3.2.0/font/fontawesome-webfont.eot?v=3.2.0')
;
src
:
url('//netdna.bootstrapcdn.com/font-awesome/3.2.0/font/fontawesome-webfont.eot?#iefix&v=3.2.0')
format
(
'embedded-opentype'
),
url('//netdna.bootstrapcdn.com/font-awesome/3.2.0/font/fontawesome-webfont.woff?v=3.2.0')
format
(
'woff'
),
url('//netdna.bootstrapcdn.com/font-awesome/3.2.0/font/fontawesome-webfont.ttf?v=3.2.0')
format
(
'truetype'
),
url('//netdna.bootstrapcdn.com/font-awesome/3.2.0/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.0')
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
;
cursor
:
default
;
speak
:
none
}
.icon-large
:before
{
vertical-align
:
-10%
;
font-size
:
1.3333333333333333em
}
a
[
class
^=
"icon-"
],
a
[
class
*=
" icon-"
]
{
display
:
inline
}
[
class
^=
"icon-"
]
.icon-fixed-width
,[
class
*=
" icon-"
]
.icon-fixed-width
{
display
:
inline-block
;
width
:
1.1428571428571428em
;
text-align
:
right
;
padding-right
:
.2857142857142857em
}
[
class
^=
"icon-"
]
.icon-fixed-width.icon-large
,[
class
*=
" icon-"
]
.icon-fixed-width.icon-large
{
width
:
1.4285714285714286em
}
.icons-ul
{
margin-left
:
2.142857142857143em
;
list-style-type
:
none
}
.icons-ul
>
li
{
position
:
relative
}
.icons-ul
.icon-li
{
position
:
absolute
;
left
:
-2.142857142857143em
;
width
:
2.142857142857143em
;
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
,
.nav
[
class
^=
"icon-"
]
.icon-large
,
.btn
[
class
*=
" icon-"
]
.icon-large
,
.nav
[
class
*=
" icon-"
]
.icon-large
{
line-height
:
.9em
}
.btn
[
class
^=
"icon-"
]
.icon-spin
,
.nav
[
class
^=
"icon-"
]
.icon-spin
,
.btn
[
class
*=
" icon-"
]
.icon-spin
,
.nav
[
class
*=
" icon-"
]
.icon-spin
{
display
:
inline-block
}
.nav-tabs
[
class
^=
"icon-"
],
.nav-pills
[
class
^=
"icon-"
],
.nav-tabs
[
class
*=
" icon-"
],
.nav-pills
[
class
*=
" icon-"
],
.nav-tabs
[
class
^=
"icon-"
]
.icon-large
,
.nav-pills
[
class
^=
"icon-"
]
.icon-large
,
.nav-tabs
[
class
*=
" icon-"
]
.icon-large
,
.nav-pills
[
class
*=
" icon-"
]
.icon-large
{
line-height
:
.9em
}
.btn
[
class
^=
"icon-"
]
.pull-left.icon-2x
,
.btn
[
class
*=
" icon-"
]
.pull-left.icon-2x
,
.btn
[
class
^=
"icon-"
]
.pull-right.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-left.icon-2x
,
.btn.btn-small
[
class
^=
"icon-"
]
.pull-right.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-left.icon-2x
,
.btn.btn-large
[
class
^=
"icon-"
]
.pull-right.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
}
.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-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-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-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-dribble
: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"
}
.mfp-bg
{
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
z-index
:
502
;
overflow
:
hidden
;
position
:
fixed
;
background
:
#0b0b0b
;
opacity
:
.8
;
filter
:
alpha
(
opacity
=
80
)}
.mfp-wrap
{
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
z-index
:
503
;
position
:
fixed
;
outline
:
none
!important
;
-webkit-backface-visibility
:
hidden
}
.mfp-container
{
text-align
:
center
;
position
:
absolute
;
width
:
100%
;
height
:
100%
;
left
:
0
;
top
:
0
;
padding
:
0
8px
;
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
}
.mfp-container
:before
{
content
:
''
;
display
:
inline-block
;
height
:
100%
;
vertical-align
:
middle
}
.mfp-align-top
.mfp-container
:before
{
display
:
none
}
.mfp-content
{
position
:
relative
;
display
:
inline-block
;
vertical-align
:
middle
;
margin
:
0
auto
;
text-align
:
left
;
z-index
:
505
}
.mfp-inline-holder
.mfp-content
,
.mfp-ajax-holder
.mfp-content
{
width
:
100%
;
cursor
:
auto
}
.mfp-inline-holder
.mfp-content
:after
,
.mfp-ajax-holder
.mfp-content
:after
{
content
:
''
;
display
:
block
;
width
:
auto
;
height
:
auto
;
position
:
absolute
;
left
:
0
;
top
:
0
;
bottom
:
0
;
right
:
0
;
z-index
:
-1
;
box-shadow
:
0
0
8px
rgba
(
0
,
0
,
0
,
0.6
)}
.mfp-ajax-cur
{
cursor
:
progress
}
.mfp-zoom-out-cur
,
.mfp-zoom-out-cur
.mfp-image-holder
.mfp-close
{
cursor
:
-moz-zoom-out
;
cursor
:
-webkit-zoom-out
;
cursor
:
zoom-out
}
.mfp-zoom
,
.image-popup
{
cursor
:
pointer
;
cursor
:
-webkit-zoom-in
;
cursor
:
-moz-zoom-in
;
cursor
:
zoom-in
}
.mfp-auto-cursor
.mfp-content
{
cursor
:
auto
}
.mfp-close
,
.mfp-arrow
,
.mfp-preloader
,
.mfp-counter
{
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
user-select
:
none
}
.mfp-loading.mfp-figure
{
display
:
none
}
.mfp-hide
{
display
:
none
!important
}
.mfp-preloader
{
color
:
#ccc
;
position
:
absolute
;
top
:
50%
;
width
:
auto
;
text-align
:
center
;
margin-top
:
-0.8em
;
left
:
8px
;
right
:
8px
;
z-index
:
504
}
.mfp-preloader
a
{
color
:
#ccc
}
.mfp-preloader
a
:hover
{
color
:
white
}
.mfp-s-ready
.mfp-preloader
{
display
:
none
}
.mfp-s-error
.mfp-content
{
display
:
none
}
button
.mfp-close
,
button
.mfp-arrow
{
overflow
:
visible
;
cursor
:
pointer
;
border
:
0
;
-webkit-appearance
:
none
;
display
:
block
;
padding
:
0
;
z-index
:
506
}
button
.mfp-close
{
background
:
transparent
}
button
::-moz-focus-inner
{
padding
:
0
;
border
:
0
}
.mfp-close
{
width
:
44px
;
height
:
44px
;
line-height
:
44px
;
position
:
absolute
;
right
:
0
;
top
:
0
;
text-decoration
:
none
;
text-align
:
center
;
opacity
:
.65
;
padding
:
0
0
18px
10px
;
color
:
white
;
font-style
:
normal
;
font-size
:
28px
;
font-family
:
Arial
,
Baskerville
,
monospace
}
.mfp-close
:hover
,
.mfp-close
:focus
{
opacity
:
1
}
.mfp-close
:active
{
top
:
1px
}
.mfp-close-btn-in
.mfp-close
{
color
:
#333
}
.mfp-image-holder
.mfp-close
,
.mfp-iframe-holder
.mfp-close
{
color
:
white
;
right
:
-6px
;
text-align
:
right
;
padding-right
:
6px
;
width
:
100%
}
.mfp-counter
{
position
:
absolute
;
top
:
0
;
right
:
0
;
color
:
#ccc
;
font-size
:
12px
;
line-height
:
18px
}
.mfp-arrow
{
text-indent
:
100%
;
white-space
:
nowrap
;
overflow
:
hidden
;
position
:
absolute
;
top
:
0
;
opacity
:
.65
;
margin
:
0
;
top
:
50%
;
margin-top
:
-55px
;
padding
:
0
;
width
:
90px
;
height
:
110px
;
background-color
:
#000
;
-webkit-transition
:
opacity
.2s
ease-in-out
;
-moz-transition
:
opacity
.2s
ease-in-out
;
-ms-transition
:
opacity
.2s
ease-in-out
;
-o-transition
:
opacity
.2s
ease-in-out
;
transition
:
opacity
.2s
ease-in-out
;
-webkit-tap-highlight-color
:
rgba
(
0
,
0
,
0
,
0
)}
.mfp-arrow
:active
{
margin-top
:
-54px
}
.mfp-arrow
:hover
,
.mfp-arrow
:focus
{
opacity
:
1
}
.mfp-arrow
:before
,
.mfp-arrow
:after
,
.mfp-arrow
.mfp-b
,
.mfp-arrow
.mfp-a
{
content
:
''
;
display
:
block
;
width
:
0
;
height
:
0
;
position
:
absolute
;
left
:
0
;
top
:
0
;
margin-top
:
35px
;
margin-left
:
35px
;
border
:
solid
transparent
}
.mfp-arrow
:after
,
.mfp-arrow
.mfp-a
{
opacity
:
.8
;
border-top-width
:
12px
;
border-bottom-width
:
12px
;
top
:
8px
}
.mfp-arrow
:before
,
.mfp-arrow
.mfp-b
{
border-top-width
:
20px
;
border-bottom-width
:
20px
}
.mfp-arrow-left
{
left
:
0
;
-webkit-border-top-right-radius
:
5px
;
-webkit-border-bottom-right-radius
:
5px
;
-webkit-border-bottom-left-radius
:
0
;
-webkit-border-top-left-radius
:
0
;
-moz-border-radius-topright
:
5px
;
-moz-border-radius-bottomright
:
5px
;
-moz-border-radius-bottomleft
:
0
;
-moz-border-radius-topleft
:
0
;
border-top-right-radius
:
5px
;
border-bottom-right-radius
:
5px
;
border-bottom-left-radius
:
0
;
border-top-left-radius
:
0
;
-webkit-background-clip
:
padding-box
;
-moz-background-clip
:
padding
;
background-clip
:
padding-box
}
.mfp-arrow-left
:after
,
.mfp-arrow-left
.mfp-a
{
border-right
:
12px
solid
#fff
;
left
:
5px
}
.mfp-arrow-left
:before
,
.mfp-arrow-left
.mfp-b
{
border-right
:
20px
solid
#fff
}
.mfp-arrow-right
{
right
:
0
;
-webkit-border-top-right-radius
:
0
;
-webkit-border-bottom-right-radius
:
0
;
-webkit-border-bottom-left-radius
:
5px
;
-webkit-border-top-left-radius
:
5px
;
-moz-border-radius-topright
:
0
;
-moz-border-radius-bottomright
:
0
;
-moz-border-radius-bottomleft
:
5px
;
-moz-border-radius-topleft
:
5px
;
border-top-right-radius
:
0
;
border-bottom-right-radius
:
0
;
border-bottom-left-radius
:
5px
;
border-top-left-radius
:
5px
;
-webkit-background-clip
:
padding-box
;
-moz-background-clip
:
padding
;
background-clip
:
padding-box
}
.mfp-arrow-right
:after
,
.mfp-arrow-right
.mfp-a
{
border-left
:
12px
solid
#fff
;
left
:
3px
}
.mfp-arrow-right
:before
,
.mfp-arrow-right
.mfp-b
{
border-left
:
20px
solid
#fff
}
.mfp-iframe-holder
{
padding-top
:
40px
;
padding-bottom
:
40px
}
.mfp-iframe-holder
.mfp-content
{
line-height
:
0
;
width
:
100%
;
max-width
:
900px
}
.mfp-iframe-scaler
{
width
:
100%
;
height
:
0
;
overflow
:
hidden
;
padding-top
:
56.25%
}
.mfp-iframe-scaler
iframe
{
position
:
absolute
;
display
:
block
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
box-shadow
:
0
0
8px
rgba
(
0
,
0
,
0
,
0.6
);
background
:
black
}
.mfp-iframe-holder
.mfp-close
{
top
:
-40px
}
img
.mfp-img
{
width
:
auto
;
max-width
:
100%
;
height
:
auto
;
display
:
block
;
line-height
:
0
;
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
;
padding
:
40px
0
40px
;
margin
:
0
auto
}
.mfp-figure
:after
{
content
:
''
;
position
:
absolute
;
left
:
0
;
top
:
40px
;
bottom
:
40px
;
display
:
block
;
right
:
0
;
width
:
auto
;
height
:
auto
;
z-index
:
-1
;
box-shadow
:
0
0
8px
rgba
(
0
,
0
,
0
,
0.6
)}
.mfp-figure
{
line-height
:
0
}
.mfp-bottom-bar
{
margin-top
:
-36px
;
position
:
absolute
;
top
:
100%
;
left
:
0
;
width
:
100%
;
cursor
:
auto
}
.mfp-title
{
text-align
:
left
;
line-height
:
18px
;
color
:
#f3f3f3
}
.mfp-figure
small
{
color
:
#bdbdbd
;
display
:
block
;
font-size
:
12px
;
line-height
:
14px
}
.mfp-image-holder
.mfp-content
{
max-width
:
100%
}
.mfp-gallery
.mfp-image-holder
.mfp-figure
{
cursor
:
pointer
}
@media
screen
and
(
max-width
:
800px
)
and
(
orientation
:
landscape
),
screen
and
(
max-height
:
300px
){
.mfp-img-mobile
.mfp-image-holder
{
padding-left
:
0
;
padding-right
:
0
}
.mfp-img-mobile
img
.mfp-img
{
padding
:
0
}
.mfp-img-mobile
.mfp-figure
:after
{
top
:
0
;
bottom
:
0
}
.mfp-img-mobile
.mfp-bottom-bar
{
background
:
rgba
(
0
,
0
,
0
,
0.6
);
bottom
:
0
;
margin
:
0
;
top
:
auto
;
padding
:
3px
5px
;
position
:
fixed
;
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
}
.mfp-img-mobile
.mfp-bottom-bar
:empty
{
padding
:
0
}
.mfp-img-mobile
.mfp-counter
{
right
:
5px
;
top
:
3px
}
.mfp-img-mobile
.mfp-close
{
top
:
0
;
right
:
0
;
width
:
35px
;
height
:
35px
;
line-height
:
35px
;
background
:
rgba
(
0
,
0
,
0
,
0.6
);
position
:
fixed
;
text-align
:
center
;
padding
:
0
}
.mfp-img-mobile
.mfp-figure
small
{
display
:
inline
;
margin-left
:
5px
}}
@media
all
and
(
max-width
:
800px
){
.mfp-arrow
{
-webkit-transform
:
scale
(
0.75
);
transform
:
scale
(
0.75
)}
.mfp-arrow-left
{
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
}
.mfp-arrow-right
{
-webkit-transform-origin
:
100%
;
transform-origin
:
100%
}
.mfp-container
{
padding-left
:
6px
;
padding-right
:
6px
}}
.mfp-ie7
.mfp-img
{
padding
:
0
}
.mfp-ie7
.mfp-bottom-bar
{
width
:
600px
;
left
:
50%
;
margin-left
:
-300px
;
margin-top
:
5px
;
padding-bottom
:
5px
}
.mfp-ie7
.mfp-container
{
padding
:
0
}
.mfp-ie7
.mfp-content
{
padding-top
:
44px
}
.mfp-ie7
.mfp-close
{
top
:
0
;
right
:
0
;
padding-top
:
0
}
.mfp-fade
.zoom-anim-dialog
{
opacity
:
0
;
-webkit-transition
:
all
.2s
ease-in-out
;
-moz-transition
:
all
.2s
ease-in-out
;
-ms-transition
:
all
.2s
ease-in-out
;
-o-transition
:
all
.2s
ease-in-out
;
transition
:
all
.2s
ease-in-out
;
-webkit-transform
:
scale
(
0.8
);
-moz-transform
:
scale
(
0.8
);
-ms-transform
:
scale
(
0.8
);
-o-transform
:
scale
(
0.8
);
transform
:
scale
(
0.8
)}
.mfp-fade.mfp-ready
.zoom-anim-dialog
{
opacity
:
1
;
-webkit-transform
:
scale
(
1
);
-moz-transform
:
scale
(
1
);
-ms-transform
:
scale
(
1
);
-o-transform
:
scale
(
1
);
transform
:
scale
(
1
)}
.mfp-fade.mfp-removing
.zoom-anim-dialog
{
-webkit-transform
:
scale
(
0.8
);
-moz-transform
:
scale
(
0.8
);
-ms-transform
:
scale
(
0.8
);
-o-transform
:
scale
(
0.8
);
transform
:
scale
(
0.8
);
opacity
:
0
}
.mfp-fade.mfp-bg
{
opacity
:
0
;
-webkit-transition
:
opacity
.3s
ease-out
;
-moz-transition
:
opacity
.3s
ease-out
;
-ms-transition
:
opacity
.3s
ease-out
;
-o-transition
:
opacity
.3s
ease-out
;
transition
:
opacity
.3s
ease-out
}
.mfp-fade.mfp-ready.mfp-bg
{
opacity
:
.8
}
.mfp-fade.mfp-removing.mfp-bg
{
opacity
:
0
}
form
{
margin
:
0
0
5px
0
}
form
fieldset
{
margin-bottom
:
5px
;
padding
:
0
;
border-width
:
0
}
form
legend
{
display
:
block
;
width
:
100%
;
margin-bottom
:
10px
;
*
margin-left
:
-7px
;
padding
:
0
;
color
:
#222
;
border
:
0
;
border-bottom
:
1px
solid
#ccc
;
white-space
:
normal
}
form
p
{
margin-bottom
:
2.5px
}
form
ul
{
list-style-type
:
none
;
margin
:
0
0
5px
0
;
padding
:
0
}
form
br
{
display
:
none
}
label
,
input
,
button
,
select
,
textarea
{
vertical-align
:
baseline
;
*
vertical-align
:
middle
}
input
,
button
,
select
,
textarea
{
font-family
:
'source-sans-pro'
,
sans-serif
;
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
-ms-box-sizing
:
border-box
;
box-sizing
:
border-box
}
label
{
display
:
block
;
margin-bottom
:
1.25px
;
font-weight
:
bold
;
color
:
#222
;
cursor
:
pointer
}
label
input
,
label
textarea
,
label
select
{
display
:
block
}
input
,
textarea
,
select
{
display
:
inline-block
;
width
:
100%
;
padding
:
4px
;
margin-bottom
:
1.25px
;
background-color
:
#fff
;
border
:
1px
solid
#ccc
;
color
:
#222
}
input
:hover
,
textarea
:hover
,
select
:hover
{
border-color
:
#808080
}
.input-mini
{
width
:
60px
}
.input-small
{
width
:
90px
}
input
[
type
=
"image"
],
input
[
type
=
"checkbox"
],
input
[
type
=
"radio"
]
{
width
:
auto
;
height
:
auto
;
padding
:
0
;
margin
:
3px
0
;
*
margin-top
:
0
;
line-height
:
normal
;
cursor
:
pointer
;
-webkit-border-radius
:
0
;
-moz-border-radius
:
0
;
border-radius
:
0
;
border
:
0
\
9
}
input
[
type
=
"checkbox"
],
input
[
type
=
"radio"
]
{
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
-ms-box-sizing
:
border-box
;
box-sizing
:
border-box
;
padding
:
0
;
*
width
:
13px
;
*
height
:
13px
}
input
[
type
=
"image"
]
{
border
:
0
;
-webkit-box-shadow
:
none
;
-moz-box-shadow
:
none
;
box-shadow
:
none
}
input
[
type
=
"file"
]
{
width
:
auto
;
padding
:
initial
;
line-height
:
initial
;
border
:
initial
;
background-color
:
transparent
;
background-color
:
initial
;
-webkit-box-shadow
:
none
;
-moz-box-shadow
:
none
;
box-shadow
:
none
}
input
[
type
=
"button"
],
input
[
type
=
"reset"
],
input
[
type
=
"submit"
]
{
width
:
auto
;
height
:
auto
;
cursor
:
pointer
;
*
overflow
:
visible
}
select
,
input
[
type
=
"file"
]
{
*
margin-top
:
4px
}
select
{
width
:
auto
;
background-color
:
#fff
}
select
[
multiple
],
select
[
size
]
{
height
:
auto
}
textarea
{
resize
:
vertical
;
height
:
auto
;
overflow
:
auto
;
vertical-align
:
top
}
input
[
type
=
"hidden"
]
{
display
:
none
}
.radio
,
.checkbox
{
padding-left
:
18px
;
font-weight
:
normal
}
.radio
input
[
type
=
"radio"
],
.checkbox
input
[
type
=
"checkbox"
]
{
float
:
left
;
margin-left
:
-18px
}
.radio.inline
,
.checkbox.inline
{
display
:
inline-block
;
padding-top
:
5px
;
margin-bottom
:
0
;
vertical-align
:
middle
}
.radio.inline
+
.radio.inline
,
.checkbox.inline
+
.checkbox.inline
{
margin-left
:
10px
}
input
[
disabled
],
select
[
disabled
],
textarea
[
disabled
],
input
[
readonly
],
select
[
readonly
],
textarea
[
readonly
]
{
-webkit-opacity
:
.5
;
-moz-opacity
:
.5
;
opacity
:
.5
;
cursor
:
not-allowed
}
input
:focus
,
textarea
:focus
{
border-color
:
#000
;
outline
:
0
;
outline
:
thin
dotted
\
9
}
input
[
type
=
"file"
]
:focus
,
input
[
type
=
"radio"
]
:focus
,
input
[
type
=
"checkbox"
]
:focus
,
select
:focus
{
-webkit-box-shadow
:
none
;
-moz-box-shadow
:
none
;
box-shadow
:
none
}
.help-block
,
.help-inline
{
color
:
#808080
}
.help-block
{
display
:
block
;
margin-bottom
:
1em
;
line-height
:
1em
}
.help-inline
{
display
:
inline-block
;
vertical-align
:
middle
;
padding-left
:
5px
}
.form-inline
input
,
.form-inline
textarea
,
.form-inline
select
{
display
:
inline-block
;
margin-bottom
:
0
}
.form-inline
label
{
display
:
inline-block
}
.form-inline
.radio
,
.form-inline
.checkbox
,
.form-inline
.radio
{
padding-left
:
0
;
margin-bottom
:
0
;
vertical-align
:
middle
}
.form-inline
.radio
input
[
type
=
"radio"
],
.form-inline
.checkbox
input
[
type
=
"checkbox"
]
{
float
:
left
;
margin-left
:
0
;
margin-right
:
3px
}
.dosearch
{
padding
:
6px
10px
;
cursor
:
pointer
;
display
:
block
;
color
:
#fff
;
-webkit-border-radius
:
4px
;
-moz-border-radius
:
4px
;
border-radius
:
4px
}
.dosearch
:hover
{
-webkit-box-shadow
:
inset
0
0
1px
#fff
;
-moz-box-shadow
:
inset
0
0
1px
#fff
;
box-shadow
:
inset
0
0
1px
#fff
;
background-color
:
#1a1a1a
}
.search-form
{
width
:
100%
;
position
:
relative
;
opacity
:
0
;
transition
:
all
200ms
100ms
cubic-bezier
(
0
,
0.6
,
0.4
,
1
);
top
:
0
;
left
:
-200px
;
z-index
:
9002
}
.search-form
.search-field
{
-webkit-appearance
:
none
;
width
:
100%
;
color
:
#fff
;
border
:
0
;
border-bottom
:
1px
solid
#fff
;
background-color
:
transparent
;
box-shadow
:
none
;
border-radius
:
0
;
background-clip
:
padding-box
;
font-size
:
32px
;
font-size
:
2rem
}
.search-form
.search-field
:focus
{
box-shadow
:
none
;
outline
:
0
}
.search-form.active
{
opacity
:
1
;
top
:
0
;
left
:
0
}
.search-form.hidden
{
display
:
none
}
.search-form
::-webkit-input-placeholder
{
font-size
:
32px
;
font-size
:
2rem
}
.search-form
.icon-remove-sign
{
position
:
absolute
;
top
:
.6rem
;
right
:
1rem
;
display
:
block
;
text-align
:
center
;
color
:
#fff
;
z-index
:
1
;
cursor
:
pointer
}
.search-form
.search-field
::-webkit-search-decoration
,
.search-form
.search-field
::-webkit-search-cancel-button
,
.search-form
.search-field
::-webkit-search-results-button
,
.search-form
.search-field
::-webkit-search-results-decoration
{
display
:
none
}
.search-form
.post-list
{
position
:
absolute
;
width
:
100%
}
.search-form
.post-list
h4
,
.search-form
.post-list
li
,
.search-form
.post-list
p
,
.search-form
.post-list
a
{
color
:
#fff
}
.search-form
.post-list
li
{
border-bottom
:
1px
solid
#fff
}
body
.search-overlay
{
overflow
:
hidden
}
body
.search-overlay
:after
{
content
:
''
;
background-color
:
#0d0d0d
;
background-color
:
rgba
(
0
,
0
,
0
,
0.95
);
width
:
100%
;
min-height
:
100%
;
height
:
100%
;
position
:
absolute
;
top
:
0
;
left
:
0
;
z-index
:
9001
}
.no-js
.dosearch
{
display
:
none
}
body
{
margin
:
0
;
padding
:
0
;
width
:
100%
;
background-color
:
#fff
;
border-top
:
5px
solid
#000
}
@media
only
screen
and
(
min-width
:
48em
){
body
{
font-size
:
20px
;
font-size
:
1.25rem
}}
.navigation-wrapper
{
text-align
:
center
;
margin-top
:
-5px
;
*
zoom
:
1
}
.navigation-wrapper
:before
,
.navigation-wrapper
:after
{
display
:
table
;
content
:
""
;
line-height
:
0
}
.navigation-wrapper
:after
{
clear
:
both
}
.navigation-wrapper
ul
{
display
:
inline-block
;
vertical-align
:
top
;
margin
:
0
0
50px
;
padding
:
4px
20px
;
background-color
:
#000
;
-webkit-border-radius
:
0
0
10px
10px
;
-moz-border-radius
:
0
0
10px
10px
;
border-radius
:
0
0
10px
10px
;
*
zoom
:
1
}
.navigation-wrapper
ul
:before
,
.navigation-wrapper
ul
:after
{
display
:
table
;
content
:
""
;
line-height
:
0
}
.navigation-wrapper
ul
:after
{
clear
:
both
}
.navigation-wrapper
li
{
display
:
block
;
float
:
left
;
list-style
:
none
;
text-align
:
center
;
font-size
:
14px
;
font-size
:
.875rem
;
text-transform
:
uppercase
;
color
:
#fff
}
.navigation-wrapper
li
a
:hover
{
-webkit-box-shadow
:
inset
0
0
1px
#fff
;
-moz-box-shadow
:
inset
0
0
1px
#fff
;
box-shadow
:
inset
0
0
1px
#fff
}
.navigation-wrapper
a
{
display
:
block
;
padding
:
6px
10px
;
color
:
#fff
;
-webkit-border-radius
:
4px
;
-moz-border-radius
:
4px
;
border-radius
:
4px
}
.navigation-wrapper
a
:hover
{
background-color
:
#1a1a1a
}
#site-nav
{
z-index
:
9000
;
display
:
none
}
@media
only
screen
and
(
min-width
:
48em
){
#site-nav
{
-webkit-animation-duration
:
1s
;
-moz-animation-duration
:
1s
;
-o-animation-duration
:
1s
;
animation-duration
:
1s
}}
@media
only
screen
and
(
min-width
:
48em
){
#site-nav
.closed
{
display
:
block
}}
#site-nav
.opened
{
display
:
block
;
max-height
:
100%
}
#site-nav
.opened
li
{
float
:
none
}
@media
only
screen
and
(
min-width
:
48em
){
#site-nav
.opened
li
{
float
:
left
}}
.no-js
#site-nav
{
display
:
block
}
#nav-toggle
{
z-index
:
9999
;
display
:
block
;
vertical-align
:
top
;
margin
:
0
;
padding
:
4px
20px
;
background-color
:
#000
;
-webkit-border-radius
:
0
;
-moz-border-radius
:
0
;
border-radius
:
0
}
@media
only
screen
and
(
min-width
:
48em
){
#nav-toggle
{
display
:
none
}}
.masthead
{
margin-top
:
40px
;
*
zoom
:
1
}
.masthead
:before
,
.masthead
:after
{
display
:
table
;
content
:
""
;
line-height
:
0
}
.masthead
:after
{
clear
:
both
}
@media
only
screen
and
(
min-width
:
48em
){
.masthead
{
margin-top
:
0
}}
.masthead
.wrap
{
text-align
:
center
;
max-width
:
27.5em
;
padding-right
:
20px
;
padding-left
:
20px
}
@media
only
screen
and
(
min-width
:
48em
){
.masthead
.wrap
{
max-width
:
45.5em
;
padding-right
:
60px
;
padding-left
:
60px
}}
@media
only
screen
and
(
min-width
:
62.5em
){
.masthead
.wrap
{
max-width
:
60em
}}
.site-logo
img
{
width
:
100px
;
height
:
100px
;
-webkit-animation-duration
:
1s
;
-moz-animation-duration
:
1s
;
-o-animation-duration
:
1s
;
animation-duration
:
1s
;
-webkit-animation-delay
:
.05s
;
-moz-animation-delay
:
.05s
;
-o-animation-delay
:
.05s
;
animation-delay
:
.05s
}
.site-logo
img
.site
{
border-radius
:
50%
}
@media
only
screen
and
(
min-width
:
48em
){
.site-logo
img
{
width
:
150px
;
height
:
150px
}}
@media
only
screen
and
(
min-width
:
62.5em
){
.site-logo
img
{
width
:
200px
;
height
:
200px
}}
.site-title
{
margin-bottom
:
0
;
-webkit-animation-duration
:
1s
;
-moz-animation-duration
:
1s
;
-o-animation-duration
:
1s
;
animation-duration
:
1s
;
-webkit-animation-delay
:
.75s
;
-moz-animation-delay
:
.75s
;
-o-animation-delay
:
.75s
;
animation-delay
:
.75s
}
.site-title
a
{
color
:
#000
}
.site-description
{
margin-top
:
0
;
font-family
:
'volkhov'
,
serif
;
font-size
:
16px
;
font-size
:
1rem
;
font-weight
:
400
;
font-style
:
italic
;
-webkit-animation-duration
:
1s
;
-moz-animation-duration
:
1s
;
-o-animation-duration
:
1s
;
animation-duration
:
1s
;
-webkit-animation-delay
:
1s
;
-moz-animation-delay
:
1s
;
-o-animation-delay
:
1s
;
animation-delay
:
1s
}
@media
only
screen
and
(
min-width
:
48em
){
.site-description
{
font-size
:
20px
;
font-size
:
1.25rem
}}
#main
{
*
zoom
:
1
}
#main
:before
,
#main
:after
{
display
:
table
;
content
:
""
;
line-height
:
0
}
#main
:after
{
clear
:
both
}
.entry
,
.hentry
{
*
zoom
:
1
;
border-bottom
:
1px
solid
#ccc
;
border-bottom
:
1px
solid
rgba
(
0
,
0
,
0
,
0.1
)}
.entry
:before
,
.hentry
:before
,
.entry
:after
,
.hentry
:after
{
display
:
table
;
content
:
""
;
line-height
:
0
}
.entry
:after
,
.hentry
:after
{
clear
:
both
}
.entry-feature-image
{
margin
:
-40px
0
0
;
width
:
100%
}
@media
only
screen
and
(
min-width
:
30em
){
.entry-feature-image
{
margin-top
:
-40px
}}
@media
only
screen
and
(
min-width
:
48em
){
.entry-feature-image
{
margin-top
:
-85px
}}
@media
only
screen
and
(
min-width
:
62.5em
){
.entry-feature-image
{
position
:
relative
}}
.entry-header
{
max-width
:
640px
;
width
:
100%
;
margin-right
:
auto
;
margin-left
:
auto
}
@media
only
screen
and
(
min-width
:
62.5em
){
.entry-header
{
max-width
:
100%
;
margin-right
:
0
;
margin-left
:
0
}}
.entry-tags
{
display
:
block
;
margin-top
:
2em
;
text-transform
:
uppercase
;
font-size
:
16px
;
font-size
:
1rem
;
font-weight
:
600
}
.entry-tags
a
{
color
:
#222
}
span
+
.entry-title
{
margin-top
:
0
}
.entry-title
{
font-family
:
'volkhov'
,
serif
;
font-style
:
italic
;
font-size
:
36px
;
font-size
:
2.25rem
;
font-weight
:
400
;
line-height
:
1
;
letter-spacing
:
-3px
}
.entry-title
a
{
color
:
#000
;
text-decoration
:
underline
}
@media
only
screen
and
(
min-width
:
48em
){
.entry-title
{
max-width
:
600px
;
font-size
:
52px
;
font-size
:
3.25rem
}}
@media
only
screen
and
(
min-width
:
62.5em
){
.entry-title
{
max-width
:
800px
;
font-size
:
68px
;
font-size
:
4.25rem
}}
.entry-wrapper
{
margin
:
0
auto
3em
;
max-width
:
440px
;
padding-right
:
20px
;
padding-left
:
20px
;
*
zoom
:
1
}
.entry-wrapper
:before
,
.entry-wrapper
:after
{
display
:
table
;
content
:
""
;
line-height
:
0
}
.entry-wrapper
:after
{
clear
:
both
}
@media
only
screen
and
(
min-width
:
48em
){
.entry-wrapper
{
max-width
:
760px
;
padding-right
:
60px
;
padding-left
:
60px
}}
@media
only
screen
and
(
min-width
:
62.5em
){
.entry-wrapper
{
max-width
:
960px
}}
.entry-meta
{
max-width
:
640px
;
width
:
100%
;
margin-right
:
auto
;
margin-bottom
:
30px
;
margin-left
:
auto
;
display
:
block
;
text-transform
:
uppercase
;
font-size
:
14px
;
font-size
:
.875rem
}
.entry-meta
a
{
color
:
#222
}
@media
only
screen
and
(
min-width
:
62.5em
){
.entry-meta
{
float
:
left
;
width
:
150px
;
margin
:
0
40px
40px
0
;
padding
:
0
}}
.entry-meta
>
span
{
padding
:
0
20px
10px
0
;
display
:
inline-block
}
@media
only
screen
and
(
min-width
:
62.5em
){
.entry-meta
>
span
{
display
:
block
;
padding
:
8px
0
;
border-bottom
:
1px
solid
#ccc
;
border-bottom
:
1px
solid
rgba
(
0
,
0
,
0
,
0.1
)}}
.author-photo
{
display
:
none
}
@media
only
screen
and
(
min-width
:
62.5em
){
.author-photo
{
display
:
block
;
width
:
150px
;
height
:
150px
;
margin-bottom
:
10px
;
-webkit-border-radius
:
150px
;
-moz-border-radius
:
150px
;
border-radius
:
150px
;
*
zoom
:
1
}
.author-photo
:before
,
.author-photo
:after
{
display
:
table
;
content
:
""
;
line-height
:
0
}
.author-photo
:after
{
clear
:
both
}}
.entry-content
{
max-width
:
640px
;
width
:
100%
;
margin-right
:
auto
;
margin-left
:
auto
}
.entry-content
p
:first-child
{
margin-top
:
0
}
@media
only
screen
and
(
min-width
:
62.5em
){
.entry-content
{
float
:
left
}}
.entry-content
p
>
a
,
.entry-content
li
>
a
{
border-bottom
:
1px
dotted
#a2a2a2
}
.entry-content
p
>
a
:hover
,
.entry-content
li
>
a
:hover
{
border-bottom-style
:
solid
}
.entry-content
.starting-note
{
color
:
#999
;
font-style
:
italic
}
.entry-content
.related
span
{
display
:
block
;
position
:
relative
;
font-size
:
30px
;
z-index
:
1
;
overflow
:
hidden
;
text-align
:
center
}
.entry-content
.related
span
:before
,
.entry-content
.related
span
:after
{
position
:
absolute
;
top
:
51%
;
overflow
:
hidden
;
width
:
50%
;
height
:
1px
;
content
:
'\a0'
;
background-color
:
#dadada
}
.entry-content
.related
span
:before
{
margin-left
:
-50%
;
text-align
:
right
}
.post-list
li
>
a
{
border-bottom-width
:
0
}
#disqus_thread
{
margin-top
:
2em
}
.pagination
{
text-align
:
center
}
#home
.entry-title
,
#page
.entry-title
{
text-align
:
center
;
max-width
:
100%
}
@media
only
screen
and
(
min-width
:
62.5em
){
#home
.entry-content
,
#page
.entry-content
{
float
:
none
}}
.post-list
{
margin
:
0
;
padding
:
0
;
list-style-type
:
none
}
.post-list
li
{
padding
:
8px
0
;
border-bottom
:
1px
solid
#ccc
;
border-bottom
:
1px
solid
rgba
(
0
,
0
,
0
,
0.1
);
*
zoom
:
1
}
.post-list
li
:before
,
.post-list
li
:after
{
display
:
table
;
content
:
""
;
line-height
:
0
}
.post-list
li
:after
{
clear
:
both
}
.post-list
a
>
span
{
float
:
right
}
.post-list
.entry-date
{
font-size
:
14px
;
font-size
:
.875rem
;
text-transform
:
uppercase
;
display
:
none
}
@media
only
screen
and
(
min-width
:
48em
){
.post-list
.entry-date
{
display
:
inline
}}
.tag-box
{
list-style
:
none
;
margin
:
0
;
padding
:
4px
0
;
overflow
:
hidden
;
*
zoom
:
1
}
.tag-box
:before
,
.tag-box
:after
{
display
:
table
;
content
:
""
;
line-height
:
0
}
.tag-box
:after
{
clear
:
both
}
.tag-box.inline
li
{
float
:
left
;
font-size
:
14px
;
font-size
:
.875rem
;
line-height
:
2.5
}
.tag-box
a
{
padding
:
4px
6px
;
margin
:
2px
;
background-color
:
#e6e6e6
;
-webkit-border-radius
:
4px
;
-moz-border-radius
:
4px
;
border-radius
:
4px
;
text-decoration
:
none
}
.tag-box
a
span
{
vertical-align
:
super
;
font-size
:
10px
;
font-size
:
.625rem
}
.search-wrapper
{
display
:
none
;
position
:
absolute
;
top
:
50px
;
width
:
90%
;
padding-right
:
5%
;
padding-left
:
5%
;
*
zoom
:
1
}
.search-wrapper
:before
,
.search-wrapper
:after
{
display
:
table
;
content
:
""
;
line-height
:
0
}
.search-wrapper
:after
{
clear
:
both
}
@media
only
screen
and
(
min-width
:
48em
){
.search-wrapper
{
top
:
100px
}}
.footer-wrapper
{
*
zoom
:
1
;
margin
:
2em
auto
;
text-align
:
center
;
font-family
:
'volkhov'
,
serif
;
font-size
:
14px
;
font-size
:
.875rem
;
font-style
:
italic
;
color
:
#555
}
.footer-wrapper
:before
,
.footer-wrapper
:after
{
display
:
table
;
content
:
""
;
line-height
:
0
}
.footer-wrapper
:after
{
clear
:
both
}
.footer-wrapper
a
{
color
:
#555
}
.social-icons
{
margin
:
1em
0
2em
}
.social-icons
a
{
padding
:
4px
8px
}
.social-icons
a
:hover
{
color
:
#000
}
.upgrade
{
padding
:
10px
;
text-align
:
center
}
#goog-fixurl
ul
{
list-style
:
none
;
margin-left
:
0
;
padding-left
:
0
}
#goog-fixurl
ul
li
{
list-style-type
:
none
}
#goog-wm-qt
{
width
:
auto
;
margin-right
:
10px
}
#goog-wm-sb
{
display
:
inline-block
;
padding
:
8px
20px
;
background-color
:
#000
;
color
:
#fff
;
border
:
2px
solid
#000
!important
;
-webkit-border-radius
:
20px
;
-moz-border-radius
:
20px
;
border-radius
:
20px
}
#goog-wm-sb
:visited
{
color
:
#fff
}
#goog-wm-sb
:hover
{
background-color
:
#fff
;
color
:
#000
}
\ No newline at end of file
assets/less/page.less
View file @
4f3c1d36
...
...
@@ -179,7 +179,7 @@ body {
border-bottom: 1px solid fade(@black,10);
}
.entry-feature-image {
margin:
2
0px 0 0;
margin:
-4
0px 0 0;
width: 100%;
@media @small {
margin-top: -40px;
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment
