/*
Theme Name: breathe
Theme URI: http://underscores.me/
Author: Tom Janski
Author URI: http://themeforest.net/user/Creatik
Description: responsive, clean, simple, information-first theme
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags:
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
_s is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/
/* ------
sliding panel
http://howtomatter.com/how-to-add-a-sliding-panel/
/* ------ Fonts ------*/
@import url(http://fonts.googleapis.com/css?family=Merienda:700);
@font-face {
font-family: 'Metrize-Icons';
src:url('../fonts/Metrize-Icons.eot');
src:url('../fonts/Metrize-Icons.eot?#iefix') format('embedded-opentype'),
url('../fonts/Metrize-Icons.woff') format('woff'),
url('../fonts/Metrize-Icons.ttf') format('truetype'),
url('../fonts/Metrize-Icons.svg#Metrize-Icons') format('svg');
font-weight: normal;
font-style: normal;
}
/* =Reset
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
html {
font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
a {
text-decoration: none;
}
ol, ul {
list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
outline: 0;
}
a img {
border: 0;
}
/* =Global
----------------------------------------------- */
body,
button,
input,
select,
textarea {
color: #212536;
font-family: 'Calibri', sans-serif;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5;
}
/* Headings */
h1,h2,h3,h4,h5,h6 {
clear: both;
}
h1 {
font-size: 45px;
}
h2 {
font-size: 40px;
}
h3 {
font-size: 35px;
}
h4 {
font-size: 30px;
}
h5 {
font-size: 25px;
}
h6 {
font-size: 20px;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
/* Text elements */
p {
margin-bottom: 1.5em;
font-size: 21px;
line-height: 30px;
}
ul, ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: none;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
b, strong {
font-weight: bold;
}
dfn, cite, em, i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.6;
margin-bottom: 1.6em;
padding: 1.6em;
overflow: auto;
max-width: 100%;
}
code, kbd, tt, var {
font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark, ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
figure {
margin: 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
th {
font-weight: bold;
}
img {
height: auto; /* Make sure images are scaled correctly. */
max-width: 100%; /* Adhere to container width. */
}
button,
input,
select,
textarea {
font-size: 100%; /* Corrects font size not being inherited in all browsers */
margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
vertical-align: baseline; /* Improves appearance and consistency in all browsers */
*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input {
line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid #ccc;
border-color: #ccc #ccc #bbb #ccc;
border-radius: 3px;
background: #e6e6e6;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
color: rgba(0, 0, 0, .8);
cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
font-size: 12px;
font-size: 1.2rem;
line-height: 1;
padding: .6em 1em .4em;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa #bbb;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
border-color: #aaa #bbb #bbb #bbb;
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
-moz-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
border: 0;
padding: 0;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea {
color: #333;
border: 1px solid #9C2;
border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
color: #333;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"] {
padding: 3px;
}
textarea {
overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
padding-left: 3px;
vertical-align: top; /* Improves readability and alignment in all browsers */
width: 98%;
}
/* Links */
a {
color: #212536;
}
a:visited {
color: #212536;
}
a:hover,
a:focus,
a:active {
color: #9c2;
}
/* Alignment */
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto;
}
/* Text meant only for screen readers */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar */
}
/* =Menu
----------------------------------------------- */
.navigation-main {
clear: both;
display: block;
float: left;
width: 100%;
}
.navigation-main ul {
list-style: none;
margin: 0;
padding-left: 0;
}
.navigation-main li a:after {
content: '/ /';
font-family: 'Merienda', cursive;
letter-spacing: -3px;
color: #fff;
padding-left: 5px;
font-size: 1em;
}
.navigation-main li li a:after {
content: '';
}
.navigation-main li {
float: left;
position: relative;
padding: 2px 6px 0;
}
.navigation-main li li a {
padding: 0;
}
.navigation-main a {
display: block;
font-family: 'Merienda', cursive;
text-decoration: none;
font-size: 18px;
}
.navigation-main ul ul li {
padding-left: 10px;
}
.navigation-main ul ul {
display: none;
border: 1px solid #9c2;
background: #fff;
float: left;
position: absolute;
top: 1.8em;
left: 0;
z-index: 99999;
border-radius: 3px;
}
.navigation-main ul ul ul {
left: 100%;
top: 0;
}
.navigation-main ul ul a {
width: 140px; /* ------ matches the width of sub-nav ------*/
}
.navigation-main ul ul li {
}
.navigation-main li:hover > a {
color: #fff;
}
.navigation-main ul ul :hover > a {
color: #9c2;
}
.navigation-main ul ul a:hover {
color: #9c2;
}
.navigation-main ul li:hover > ul {
display: block;
}
.navigation-main li.current_page_item a,
.navigation-main li.current-menu-item a {
color: #fff;
}
/* ------ search ------*/
#search {
float: right;
}
/* Small menu */
.menu-toggle {
display: none;
cursor: pointer;
}
.main-small-navigation ul {
display: none;
}
@media screen and (max-width: 600px) {
.menu-toggle,
.main-small-navigation ul.nav-menu.toggled-on {
display: block;
color: #fff;
font-family: Calibri, sans-serif;
}
.toggled-on li a {
color: #fff;
}
.menu-toggle:hover {
color: #212536;
}
.toggled-on li a:hover {
color: #212536;
}
.navigation-main ul {
display: none;
}
}
/* =Content
----------------------------------------------- */
.sticky {
}
.hentry {
margin: 0 0 1.5em;
}
.byline {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
/* =Asides
----------------------------------------------- */
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
}
/* =Media
----------------------------------------------- */
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.wp-caption {
border: 1px solid #ccc;
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 1.2% auto 0;
max-width: 98%;
}
.wp-caption-text {
text-align: center;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.site-content .gallery {
margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-content .gallery a img {
border: none;
height: auto;
max-width: 90%;
}
.site-content .gallery dd {
margin: 0;
}
.site-content .gallery-columns-4 .gallery-item {
}
.site-content .gallery-columns-4 .gallery-item img {
}
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
max-width: 100%;
}
/* =Navigation
----------------------------------------------- */
.site-content [class*="navigation"] {
margin: 0 0 1.5em;
overflow: hidden;
}
[class*="navigation"] .previous {
float: left;
width: 50%;
}
[class*="navigation"] .next {
float: right;
text-align: right;
width: 50%;
}
/* =Comments
----------------------------------------------- */
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
}
/* =Widgets
----------------------------------------------- */
.widget {
margin: 0 0 1.5em;
}
/* Make sure select elements fit in widgets */
.widget select {
max-width: 100%;
}
/* Search widget */
.widget_search .submit {
display: none;
}
/* =Infinite Scroll
----------------------------------------------- */
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .navigation-paging, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
display: block;
}
/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/
/* #Base 960 Grid
================================================== */
.container { position: relative; width: 960px; margin: 0 auto; padding: 0; }
.container .column,
.container .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
.row { margin-bottom: 20px; }
/* Nested Column Classes */
.column.alpha, .columns.alpha { margin-left: 0; }
.column.omega, .columns.omega { margin-right: 0; }
/* Base Grid */
.container .one.column,
.container .one.columns { width: 40px; }
.container .two.columns { width: 100px; }
.container .three.columns { width: 160px; }
.container .four.columns { width: 220px; }
.container .five.columns { width: 280px; }
.container .six.columns { width: 340px; }
.container .seven.columns { width: 400px; }
.container .eight.columns { width: 460px; }
.container .nine.columns { width: 520px; }
.container .ten.columns { width: 580px; }
.container .eleven.columns { width: 640px; }
.container .twelve.columns { width: 700px; }
.container .thirteen.columns { width: 760px; }
.container .fourteen.columns { width: 820px; }
.container .fifteen.columns { width: 880px; }
.container .sixteen.columns { width: 940px; }
.container .one-third.column { width: 300px; }
.container .two-thirds.column { width: 620px; }
/* Offsets */
.container .offset-by-one { padding-left: 60px; }
.container .offset-by-two { padding-left: 120px; }
.container .offset-by-three { padding-left: 180px; }
.container .offset-by-four { padding-left: 240px; }
.container .offset-by-five { padding-left: 300px; }
.container .offset-by-six { padding-left: 360px; }
.container .offset-by-seven { padding-left: 420px; }
.container .offset-by-eight { padding-left: 480px; }
.container .offset-by-nine { padding-left: 540px; }
.container .offset-by-ten { padding-left: 600px; }
.container .offset-by-eleven { padding-left: 660px; }
.container .offset-by-twelve { padding-left: 720px; }
.container .offset-by-thirteen { padding-left: 780px; }
.container .offset-by-fourteen { padding-left: 840px; }
.container .offset-by-fifteen { padding-left: 900px; }
/* ------ BREATH STYLES ------*/
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.container { width: 768px; }
.container .column,
.container .columns { margin-left: 10px; margin-right: 10px; }
.column.alpha, .columns.alpha { margin-left: 0; margin-right: 10px; }
.column.omega, .columns.omega { margin-right: 0; margin-left: 10px; }
.alpha.omega { margin-left: 0; margin-right: 0; }
.container .one.column,
.container .one.columns { width: 28px; }
.container .two.columns { width: 76px; }
.container .three.columns { width: 124px; }
.container .four.columns { width: 172px; }
.container .five.columns { width: 220px; }
.container .six.columns { width: 268px; }
.container .seven.columns { width: 316px; }
.container .eight.columns { width: 364px; }
.container .nine.columns { width: 412px; }
.container .ten.columns { width: 460px; }
.container .eleven.columns { width: 508px; }
.container .twelve.columns { width: 556px; }
.container .thirteen.columns { width: 604px; }
.container .fourteen.columns { width: 652px; }
.container .fifteen.columns { width: 700px; }
.container .sixteen.columns { width: 748px; }
.container .one-third.column { width: 236px; }
.container .two-thirds.column { width: 492px; }
/* Offsets */
.container .offset-by-one { padding-left: 48px; }
.container .offset-by-two { padding-left: 96px; }
.container .offset-by-three { padding-left: 144px; }
.container .offset-by-four { padding-left: 192px; }
.container .offset-by-five { padding-left: 240px; }
.container .offset-by-six { padding-left: 288px; }
.container .offset-by-seven { padding-left: 336px; }
.container .offset-by-eight { padding-left: 384px; }
.container .offset-by-nine { padding-left: 432px; }
.container .offset-by-ten { padding-left: 480px; }
.container .offset-by-eleven { padding-left: 528px; }
.container .offset-by-twelve { padding-left: 576px; }
.container .offset-by-thirteen { padding-left: 624px; }
.container .offset-by-fourteen { padding-left: 672px; }
.container .offset-by-fifteen { padding-left: 720px; }
}
/* #Mobile (Portrait)
================================================== */
/* Note: Design for a width of less than 767px */
@media only screen and (max-width: 767px) {
.container { width: 300px; }
.container .columns,
.container .column { margin: 0; }
.container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns,
.container .one-third.column,
.container .two-thirds.column { width: 300px; }
/* Offsets */
.container .offset-by-one,
.container .offset-by-two,
.container .offset-by-three,
.container .offset-by-four,
.container .offset-by-five,
.container .offset-by-six,
.container .offset-by-seven,
.container .offset-by-eight,
.container .offset-by-nine,
.container .offset-by-ten,
.container .offset-by-eleven,
.container .offset-by-twelve,
.container .offset-by-thirteen,
.container .offset-by-fourteen,
.container .offset-by-fifteen { padding-left: 0; }
/* Typo */
h1 {
font-size: 35px;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 14px;
}
p, div {
font-size: 14px;
}
.logo {
padding-top: 2em;
}
.post-type-content {
font-size: 1.4em;
}
.breath-top-search , .widget_search {
display: none;
}
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container { width: 420px; }
.container .columns,
.container .column { margin: 0; }
.container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns,
.container .one-third.column,
.container .two-thirds.column { width: 420px; }
}
/* #Clearing
================================================== */
/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a
*/
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0; }
.row:after,
.clearfix:after {
clear: both; }
.row,
.clearfix {
zoom: 1; }
/* You can also use a
to clear columns */
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* ------ ICONS ------*/
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
font-family: 'Metrize-Icons';
content: attr(data-icon);
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-yen, .icon-world, .icon-wireframe-globe, .icon-wind, .icon-wifi, .icon-waves, .icon-viewport, .icon-viewport-video, .icon-user, .icon-user-remove, .icon-user-ban, .icon-user-add, .icon-upload, .icon-upload-selection, .icon-upload-selection-circle, .icon-underline, .icon-triple-points, .icon-top-bottom, .icon-three-points, .icon-three-points-top, .icon-three-points-bottom, .icon-text-width, .icon-text-size-upper, .icon-text-size-reduce, .icon-text-paragraph, .icon-text-normal, .icon-text-justify-right, .icon-text-justify-left, .icon-text-justify-center, .icon-text-height, .icon-text-center, .icon-text-bold, .icon-text-align-right, .icon-text-align-left, .icon-telephone, .icon-sunshine, .icon-sun, .icon-stop, .icon-star, .icon-speed, .icon-sound-on, .icon-sound-off, .icon-sos, .icon-social-zerply, .icon-social-youtube, .icon-social-yelp, .icon-social-yahoo, .icon-social-wordpress, .icon-social-virb, .icon-social-vimeo, .icon-social-viddler, .icon-social-twitter, .icon-social-tumblr, .icon-social-stumbleupon, .icon-social-soundcloud, .icon-social-skype, .icon-social-sharethis, .icon-social-quora, .icon-social-pinterest, .icon-social-photobucket, .icon-social-paypal, .icon-social-myspace, .icon-social-linkedin, .icon-social-last-fm, .icon-social-grooveshark, .icon-social-google-plus, .icon-social-github, .icon-social-forrst, .icon-social-flickr, .icon-social-facebook, .icon-social-evernote, .icon-social-envato, .icon-social-email, .icon-social-dribbble, .icon-social-digg, .icon-social-deviantart, .icon-social-blogger, .icon-social-behance, .icon-social-bebo, .icon-social-addthis, .icon-social-500px, .icon-snow, .icon-sliders, .icon-sliders-vertical, .icon-sign-male, .icon-sign-female, .icon-shield, .icon-settings, .icon-setting, .icon-select-square, .icon-select-circle, .icon-search, .icon-scale, .icon-rules, .icon-rss, .icon-retweet, .icon-report-comment, .icon-refresh, .icon-rec, .icon-random, .icon-quote, .icon-question, .icon-previous-fast-step, .icon-prev-step, .icon-pounds, .icon-podcast, .icon-plus, .icon-play, .icon-pin, .icon-pin-map, .icon-pig-money, .icon-pause, .icon-paperclip, .icon-paperclip-oblique, .icon-options-settings, .icon-officine, .icon-officine-2, .icon-off, .icon-number-zero, .icon-number-two, .icon-number-three, .icon-number-six, .icon-number-seven, .icon-number-one, .icon-number-nine, .icon-number-four, .icon-number-five, .icon-number-eight, .icon-next-step, .icon-next-fast-step, .icon-music, .icon-multi-borders, .icon-minus, .icon-marker, .icon-marker-points, .icon-marker-minus, .icon-marker-add, .icon-map, .icon-male-symbol, .icon-mailbox, .icon-mail, .icon-magnet, .icon-magic-wand, .icon-login-lock-refresh, .icon-locked, .icon-location, .icon-location-maps, .icon-list-square, .icon-list-circle, .icon-link-url, .icon-line-through, .icon-limit-directions, .icon-like-upload, .icon-like-remove, .icon-like-download, .icon-like-close, .icon-like-ban, .icon-like-add, .icon-left-right, .icon-leaf, .icon-layers, .icon-landscape, .icon-key, .icon-italic, .icon-info, .icon-idea, .icon-home-wifi, .icon-heart, .icon-hdd, .icon-hdd-raid, .icon-hdd-net, .icon-grids, .icon-grid-big, .icon-graphs, .icon-forward, .icon-fire, .icon-female-symbol, .icon-eye, .icon-eye-disabled, .icon-expand, .icon-expand-vertical, .icon-expand-horizontal, .icon-expand-directions, .icon-exclamation, .icon-euro, .icon-email-upload, .icon-email-spam, .icon-email-remove, .icon-email-luminosity, .icon-email-download, .icon-email-close, .icon-email-add, .icon-eject, .icon-drops, .icon-drop, .icon-download, .icon-download-selection, .icon-download-selection-circle, .icon-double-diamonds, .icon-dot-square, .icon-dot-line, .icon-dot-circle, .icon-dollar, .icon-documents, .icon-document, .icon-document-fill, .icon-directions, .icon-cross, .icon-credit-card, .icon-copy-paste-document, .icon-copy-document, .icon-contract-vertical, .icon-contract-horizontal, .icon-contract-directions, .icon-compass, .icon-compass-2, .icon-comments, .icon-comment, .icon-coins, .icon-cloud, .icon-cloud-upload, .icon-cloud-remove, .icon-cloud-download, .icon-cloud-add, .icon-clock, .icon-circles, .icon-check, .icon-chat, .icon-chart-down, .icon-cd-dvd-rom, .icon-camera, .icon-button-question, .icon-button-minus, .icon-button-exclamation, .icon-button-email, .icon-button-close, .icon-button-check, .icon-button-add, .icon-brush, .icon-browser-sizes, .icon-box-remove, .icon-box-close, .icon-box-blank, .icon-box-add, .icon-bolt, .icon-block-menu, .icon-blank, .icon-bezier, .icon-bars, .icon-ban-circle, .icon-bag, .icon-backward, .icon-axis-rules, .icon-atom, .icon-arrow-up, .icon-arrow-up-thin, .icon-arrow-up-light, .icon-arrow-up-bold, .icon-arrow-up-bold-round, .icon-arrow-up-big, .icon-arrow-right, .icon-arrow-right-thin, .icon-arrow-right-light, .icon-arrow-right-bold, .icon-arrow-right-bold-round, .icon-arrow-right-big, .icon-arrow-oblique-expand, .icon-arrow-oblique-expand-directions, .icon-arrow-oblique-contract, .icon-arrow-oblique-contract-directions, .icon-arrow-multi-line-up, .icon-arrow-multi-line-right, .icon-arrow-multi-line-left, .icon-arrow-multi-line-down, .icon-arrow-left, .icon-arrow-left-thin, .icon-arrow-left-light, .icon-arrow-left-bold, .icon-arrow-left-bold-round, .icon-arrow-left-big, .icon-arrow-fill-up, .icon-arrow-fill-right, .icon-arrow-fill-left, .icon-arrow-fill-down, .icon-arrow-down, .icon-arrow-down-thin, .icon-arrow-down-light, .icon-arrow-down-bold, .icon-arrow-down-bold-round, .icon-arrow-down-big, .icon-arrow-cycling, .icon-arrow-cycle, .icon-arrow-curve-right, .icon-arrow-curve-recycle, .icon-arrow-curve-left, .icon-animal-footprint, .icon-alarm-clock, .icon-air-plane, .icon-adjust, .icon-cube {
font-family: 'Metrize-Icons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
.icon-yen:before {
content: "\e000";
}
.icon-world:before {
content: "\e001";
}
.icon-wireframe-globe:before {
content: "\e002";
}
.icon-wind:before {
content: "\e003";
}
.icon-wifi:before {
content: "\e004";
}
.icon-waves:before {
content: "\e005";
}
.icon-viewport:before {
content: "\e006";
}
.icon-viewport-video:before {
content: "\e007";
}
.icon-user:before {
content: "\e008";
}
.icon-user-remove:before {
content: "\e009";
}
.icon-user-ban:before {
content: "\e00a";
}
.icon-user-add:before {
content: "\e00b";
}
.icon-upload:before {
content: "\e00c";
}
.icon-upload-selection:before {
content: "\e00d";
}
.icon-upload-selection-circle:before {
content: "\e00e";
}
.icon-underline:before {
content: "\e00f";
}
.icon-triple-points:before {
content: "\e010";
}
.icon-top-bottom:before {
content: "\e011";
}
.icon-three-points:before {
content: "\e012";
}
.icon-three-points-top:before {
content: "\e013";
}
.icon-three-points-bottom:before {
content: "\e014";
}
.icon-text-width:before {
content: "\e015";
}
.icon-text-size-upper:before {
content: "\e016";
}
.icon-text-size-reduce:before {
content: "\e017";
}
.icon-text-paragraph:before {
content: "\e018";
}
.icon-text-normal:before {
content: "\e019";
}
.icon-text-justify-right:before {
content: "\e01a";
}
.icon-text-justify-left:before {
content: "\e01b";
}
.icon-text-justify-center:before {
content: "\e01c";
}
.icon-text-height:before {
content: "\e01d";
}
.icon-text-center:before {
content: "\e01e";
}
.icon-text-bold:before {
content: "\e01f";
}
.icon-text-align-right:before {
content: "\e020";
}
.icon-text-align-left:before {
content: "\e021";
}
.icon-telephone:before {
content: "\e022";
}
.icon-sunshine:before {
content: "\e023";
}
.icon-sun:before {
content: "\e024";
}
.icon-stop:before {
content: "\e025";
}
.icon-star:before {
content: "\e026";
}
.icon-speed:before {
content: "\e027";
}
.icon-sound-on:before {
content: "\e028";
}
.icon-sound-off:before {
content: "\e029";
}
.icon-sos:before {
content: "\e02a";
}
.icon-social-zerply:before {
content: "\e02b";
}
.icon-social-youtube:before {
content: "\e02c";
}
.icon-social-yelp:before {
content: "\e02d";
}
.icon-social-yahoo:before {
content: "\e02e";
}
.icon-social-wordpress:before {
content: "\e02f";
}
.icon-social-virb:before {
content: "\e030";
}
.icon-social-vimeo:before {
content: "\e031";
}
.icon-social-viddler:before {
content: "\e032";
}
.icon-social-twitter:before {
content: "\e033";
}
.icon-social-tumblr:before {
content: "\e034";
}
.icon-social-stumbleupon:before {
content: "\e035";
}
.icon-social-soundcloud:before {
content: "\e036";
}
.icon-social-skype:before {
content: "\e037";
}
.icon-social-sharethis:before {
content: "\e038";
}
.icon-social-quora:before {
content: "\e039";
}
.icon-social-pinterest:before {
content: "\e03a";
}
.icon-social-photobucket:before {
content: "\e03b";
}
.icon-social-paypal:before {
content: "\e03c";
}
.icon-social-myspace:before {
content: "\e03d";
}
.icon-social-linkedin:before {
content: "\e03e";
}
.icon-social-last-fm:before {
content: "\e03f";
}
.icon-social-grooveshark:before {
content: "\e040";
}
.icon-social-google-plus:before {
content: "\e041";
}
.icon-social-github:before {
content: "\e042";
}
.icon-social-forrst:before {
content: "\e043";
}
.icon-social-flickr:before {
content: "\e044";
}
.icon-social-facebook:before {
content: "\e045";
}
.icon-social-evernote:before {
content: "\e046";
}
.icon-social-envato:before {
content: "\e047";
}
.icon-social-email:before {
content: "\e048";
}
.icon-social-dribbble:before {
content: "\e049";
}
.icon-social-digg:before {
content: "\e04a";
}
.icon-social-deviantart:before {
content: "\e04b";
}
.icon-social-blogger:before {
content: "\e04c";
}
.icon-social-behance:before {
content: "\e04d";
}
.icon-social-bebo:before {
content: "\e04e";
}
.icon-social-addthis:before {
content: "\e04f";
}
.icon-social-500px:before {
content: "\e050";
}
.icon-snow:before {
content: "\e051";
}
.icon-sliders:before {
content: "\e052";
}
.icon-sliders-vertical:before {
content: "\e053";
}
.icon-sign-male:before {
content: "\e054";
}
.icon-sign-female:before {
content: "\e055";
}
.icon-shield:before {
content: "\e056";
}
.icon-settings:before {
content: "\e057";
}
.icon-setting:before {
content: "\e058";
}
.icon-select-square:before {
content: "\e059";
}
.icon-select-circle:before {
content: "\e05a";
}
.icon-search:before {
content: "\e05b";
}
.icon-scale:before {
content: "\e05c";
}
.icon-rules:before {
content: "\e05d";
}
.icon-rss:before {
content: "\e05e";
}
.icon-retweet:before {
content: "\e05f";
}
.icon-report-comment:before {
content: "\e060";
}
.icon-refresh:before {
content: "\e061";
}
.icon-rec:before {
content: "\e062";
}
.icon-random:before {
content: "\e063";
}
.icon-quote:before {
content: "\e064";
}
.icon-question:before {
content: "\e065";
}
.icon-previous-fast-step:before {
content: "\e066";
}
.icon-prev-step:before {
content: "\e067";
}
.icon-pounds:before {
content: "\e068";
}
.icon-podcast:before {
content: "\e069";
}
.icon-plus:before {
content: "\e06a";
}
.icon-play:before {
content: "\e06b";
}
.icon-pin:before {
content: "\e06c";
}
.icon-pin-map:before {
content: "\e06d";
}
.icon-pig-money:before {
content: "\e06e";
}
.icon-pause:before {
content: "\e06f";
}
.icon-paperclip:before {
content: "\e070";
}
.icon-paperclip-oblique:before {
content: "\e071";
}
.icon-options-settings:before {
content: "\e072";
}
.icon-officine:before {
content: "\e073";
}
.icon-officine-2:before {
content: "\e074";
}
.icon-off:before {
content: "\e075";
}
.icon-number-zero:before {
content: "\e076";
}
.icon-number-two:before {
content: "\e077";
}
.icon-number-three:before {
content: "\e078";
}
.icon-number-six:before {
content: "\e079";
}
.icon-number-seven:before {
content: "\e07a";
}
.icon-number-one:before {
content: "\e07b";
}
.icon-number-nine:before {
content: "\e07c";
}
.icon-number-four:before {
content: "\e07d";
}
.icon-number-five:before {
content: "\e07e";
}
.icon-number-eight:before {
content: "\e07f";
}
.icon-next-step:before {
content: "\e080";
}
.icon-next-fast-step:before {
content: "\e081";
}
.icon-music:before {
content: "\e082";
}
.icon-multi-borders:before {
content: "\e083";
}
.icon-minus:before {
content: "\e084";
}
.icon-marker:before {
content: "\e085";
}
.icon-marker-points:before {
content: "\e086";
}
.icon-marker-minus:before {
content: "\e087";
}
.icon-marker-add:before {
content: "\e088";
}
.icon-map:before {
content: "\e089";
}
.icon-male-symbol:before {
content: "\e08a";
}
.icon-mailbox:before {
content: "\e08b";
}
.icon-mail:before {
content: "\e08c";
}
.icon-magnet:before {
content: "\e08d";
}
.icon-magic-wand:before {
content: "\e08e";
}
.icon-login-lock-refresh:before {
content: "\e08f";
}
.icon-locked:before {
content: "\e090";
}
.icon-location:before {
content: "\e091";
}
.icon-location-maps:before {
content: "\e092";
}
.icon-list-square:before {
content: "\e093";
}
.icon-list-circle:before {
content: "\e094";
}
.icon-link-url:before {
content: "\e095";
}
.icon-line-through:before {
content: "\e096";
}
.icon-limit-directions:before {
content: "\e097";
}
.icon-like-upload:before {
content: "\e098";
}
.icon-like-remove:before {
content: "\e099";
}
.icon-like-download:before {
content: "\e09a";
}
.icon-like-close:before {
content: "\e09b";
}
.icon-like-ban:before {
content: "\e09c";
}
.icon-like-add:before {
content: "\e09d";
}
.icon-left-right:before {
content: "\e09e";
}
.icon-leaf:before {
content: "\e09f";
}
.icon-layers:before {
content: "\e0a0";
}
.icon-landscape:before {
content: "\e0a1";
}
.icon-key:before {
content: "\e0a2";
}
.icon-italic:before {
content: "\e0a3";
}
.icon-info:before {
content: "\e0a4";
}
.icon-idea:before {
content: "\e0a5";
}
.icon-home-wifi:before {
content: "\e0a6";
}
.icon-heart:before {
content: "\e0a7";
}
.icon-hdd:before {
content: "\e0a8";
}
.icon-hdd-raid:before {
content: "\e0a9";
}
.icon-hdd-net:before {
content: "\e0aa";
}
.icon-grids:before {
content: "\e0ab";
}
.icon-grid-big:before {
content: "\e0ac";
}
.icon-graphs:before {
content: "\e0ad";
}
.icon-forward:before {
content: "\e0ae";
}
.icon-fire:before {
content: "\e0af";
}
.icon-female-symbol:before {
content: "\e0b0";
}
.icon-eye:before {
content: "\e0b1";
}
.icon-eye-disabled:before {
content: "\e0b2";
}
.icon-expand:before {
content: "\e0b3";
}
.icon-expand-vertical:before {
content: "\e0b4";
}
.icon-expand-horizontal:before {
content: "\e0b5";
}
.icon-expand-directions:before {
content: "\e0b6";
}
.icon-exclamation:before {
content: "\e0b7";
}
.icon-euro:before {
content: "\e0b8";
}
.icon-email-upload:before {
content: "\e0b9";
}
.icon-email-spam:before {
content: "\e0ba";
}
.icon-email-remove:before {
content: "\e0bb";
}
.icon-email-luminosity:before {
content: "\e0bc";
}
.icon-email-download:before {
content: "\e0bd";
}
.icon-email-close:before {
content: "\e0be";
}
.icon-email-add:before {
content: "\e0bf";
}
.icon-eject:before {
content: "\e0c0";
}
.icon-drops:before {
content: "\e0c1";
}
.icon-drop:before {
content: "\e0c2";
}
.icon-download:before {
content: "\e0c3";
}
.icon-download-selection:before {
content: "\e0c4";
}
.icon-download-selection-circle:before {
content: "\e0c5";
}
.icon-double-diamonds:before {
content: "\e0c6";
}
.icon-dot-square:before {
content: "\e0c7";
}
.icon-dot-line:before {
content: "\e0c8";
}
.icon-dot-circle:before {
content: "\e0c9";
}
.icon-dollar:before {
content: "\e0ca";
}
.icon-documents:before {
content: "\e0cb";
}
.icon-document:before {
content: "\e0cc";
}
.icon-document-fill:before {
content: "\e0cd";
}
.icon-directions:before {
content: "\e0ce";
}
.icon-cross:before {
content: "\e0cf";
}
.icon-credit-card:before {
content: "\e0d0";
}
.icon-copy-paste-document:before {
content: "\e0d1";
}
.icon-copy-document:before {
content: "\e0d2";
}
.icon-contract-vertical:before {
content: "\e0d3";
}
.icon-contract-horizontal:before {
content: "\e0d4";
}
.icon-contract-directions:before {
content: "\e0d5";
}
.icon-compass:before {
content: "\e0d6";
}
.icon-compass-2:before {
content: "\e0d7";
}
.icon-comments:before {
content: "\e0d8";
}
.icon-comment:before {
content: "\e0d9";
}
.icon-coins:before {
content: "\e0da";
}
.icon-cloud:before {
content: "\e0db";
}
.icon-cloud-upload:before {
content: "\e0dc";
}
.icon-cloud-remove:before {
content: "\e0dd";
}
.icon-cloud-download:before {
content: "\e0de";
}
.icon-cloud-add:before {
content: "\e0df";
}
.icon-clock:before {
content: "\e0e0";
}
.icon-circles:before {
content: "\e0e1";
}
.icon-check:before {
content: "\e0e2";
}
.icon-chat:before {
content: "\e0e3";
}
.icon-chart-down:before {
content: "\e0e4";
}
.icon-cd-dvd-rom:before {
content: "\e0e5";
}
.icon-camera:before {
content: "\e0e6";
}
.icon-button-question:before {
content: "\e0e7";
}
.icon-button-minus:before {
content: "\e0e8";
}
.icon-button-exclamation:before {
content: "\e0e9";
}
.icon-button-email:before {
content: "\e0ea";
}
.icon-button-close:before {
content: "\e0eb";
}
.icon-button-check:before {
content: "\e0ec";
}
.icon-button-add:before {
content: "\e0ed";
}
.icon-brush:before {
content: "\e0ee";
}
.icon-browser-sizes:before {
content: "\e0ef";
}
.icon-box-remove:before {
content: "\e0f0";
}
.icon-box-close:before {
content: "\e0f1";
}
.icon-box-blank:before {
content: "\e0f2";
}
.icon-box-add:before {
content: "\e0f3";
}
.icon-bolt:before {
content: "\e0f4";
}
.icon-block-menu:before {
content: "\e0f5";
}
.icon-blank:before {
content: "\e0f6";
}
.icon-bezier:before {
content: "\e0f7";
}
.icon-bars:before {
content: "\e0f8";
}
.icon-ban-circle:before {
content: "\e0f9";
}
.icon-bag:before {
content: "\e0fa";
}
.icon-backward:before {
content: "\e0fb";
}
.icon-axis-rules:before {
content: "\e0fc";
}
.icon-atom:before {
content: "\e0fd";
}
.icon-arrow-up:before {
content: "\e0fe";
}
.icon-arrow-up-thin:before {
content: "\e0ff";
}
.icon-arrow-up-light:before {
content: "\e100";
}
.icon-arrow-up-bold:before {
content: "\e101";
}
.icon-arrow-up-bold-round:before {
content: "\e102";
}
.icon-arrow-up-big:before {
content: "\e103";
}
.icon-arrow-right:before {
content: "\e104";
}
.icon-arrow-right-thin:before {
content: "\e105";
}
.icon-arrow-right-light:before {
content: "\e106";
}
.icon-arrow-right-bold:before {
content: "\e107";
}
.icon-arrow-right-bold-round:before {
content: "\e108";
}
.icon-arrow-right-big:before {
content: "\e109";
}
.icon-arrow-oblique-expand:before {
content: "\e10a";
}
.icon-arrow-oblique-expand-directions:before {
content: "\e10b";
}
.icon-arrow-oblique-contract:before {
content: "\e10c";
}
.icon-arrow-oblique-contract-directions:before {
content: "\e10d";
}
.icon-arrow-multi-line-up:before {
content: "\e10e";
}
.icon-arrow-multi-line-right:before {
content: "\e10f";
}
.icon-arrow-multi-line-left:before {
content: "\e110";
}
.icon-arrow-multi-line-down:before {
content: "\e111";
}
.icon-arrow-left:before {
content: "\e112";
}
.icon-arrow-left-thin:before {
content: "\e113";
}
.icon-arrow-left-light:before {
content: "\e114";
}
.icon-arrow-left-bold:before {
content: "\e115";
}
.icon-arrow-left-bold-round:before {
content: "\e116";
}
.icon-arrow-left-big:before {
content: "\e117";
}
.icon-arrow-fill-up:before {
content: "\e118";
}
.icon-arrow-fill-right:before {
content: "\e119";
}
.icon-arrow-fill-left:before {
content: "\e11a";
}
.icon-arrow-fill-down:before {
content: "\e11b";
}
.icon-arrow-down:before {
content: "\e11c";
}
.icon-arrow-down-thin:before {
content: "\e11d";
}
.icon-arrow-down-light:before {
content: "\e11e";
}
.icon-arrow-down-bold:before {
content: "\e11f";
}
.icon-arrow-down-bold-round:before {
content: "\e120";
}
.icon-arrow-down-big:before {
content: "\e121";
}
.icon-arrow-cycling:before {
content: "\e122";
}
.icon-arrow-cycle:before {
content: "\e123";
}
.icon-arrow-curve-right:before {
content: "\e124";
}
.icon-arrow-curve-recycle:before {
content: "\e125";
}
.icon-arrow-curve-left:before {
content: "\e126";
}
.icon-animal-footprint:before {
content: "\e127";
}
.icon-alarm-clock:before {
content: "\e128";
}
.icon-air-plane:before {
content: "\e129";
}
.icon-adjust:before {
content: "\e12a";
}
.icon-cube:before {
content: "\e12b";
}