@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Roboto:100,300,400,500,600,700,900);
/****************
*
* Gumby Framework
* ---------------
*
* http://gumbyframework.com
*
**************************************************************************/
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
html {
line-height: 1;
}
ol, ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}
q, blockquote {
quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none;
}
a img {
border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
display: block;
}
.pull_right {
float: right;
}
.pull_left {
float: left;
}
* html {
font-size: 100%;
}
html {
font-size: 16px;
line-height: 1.625em;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
background: white;
font-family: anaheimregular, sans-serif;
font-weight: 400;
color: #555555;
position: relative;
-webkit-font-smoothing: antialiased;
}
@media only screen and (max-width: 767px) {
body {
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
width: 100%;
min-width: 0;
}
}
html, body {
height: 100%;
}
.hide {
display: none;
}
.hide.active, .show {
display: block;
}
.fixed {
position: fixed;
}
.fixed.pinned {
position: absolute;
}
@media only screen and (max-width: 768px) {
.fixed {
position: relative !important;
top: auto !important;
left: auto !important;
}
}
.unfixed {
position: relative !important;
top: auto !important;
left: auto !important;
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
/* Fonts */
@font-face {
font-family: "entypo";
font-style: normal;
font-weight: 400;
src: url(../fonts/icons/entypo.eot);
src: url("../fonts/icons/entypo.eot?#iefix") format("ie9-skip-eot"), url("../fonts/icons/entypo.woff") format("woff"), url("../fonts/icons/entypo.ttf") format("truetype");
}
/* Custom Font Faces */
@font-face{
font-family: 'anaheimregular';
src: local('Anaheim');
src: url('../fonts/anaheim-regular-webfont.eot'),
url('../fonts/anaheim-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/anaheim-regular-webfont.woff') format('woff'),
url('../fonts/anaheim-regular-webfont.ttf') format('truetype'),
url('../fonts/anaheim-regular-webfont.svg#anaheimregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'dosisbold';
src: url('../fonts/dosis-bold-webfont.eot');
src: url('../fonts/dosis-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/dosis-bold-webfont.woff') format('woff'),
url('../fonts/dosis-bold-webfont.ttf') format('truetype'),
url('../fonts/dosis-bold-webfont.svg#dosisbold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'dosislight';
src: url('../fonts/dosis-light-webfont.eot');
src: url('../fonts/dosis-light-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/dosis-light-webfont.woff') format('woff'),
url('../fonts/dosis-light-webfont.ttf') format('truetype'),
url('../fonts/dosis-light-webfont.svg#dosislight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'dosisregular';
src: url('../fonts/dosis-regular-webfont.eot');
src: url('../fonts/dosis-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/dosis-regular-webfont.woff') format('woff'),
url('../fonts/dosis-regular-webfont.ttf') format('truetype'),
url('../fonts/dosis-regular-webfont.svg#dosisregular') format('svg');
font-weight: normal;
font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
font-family: dosisregular, sans-serif;
font-weight: 100;
color: #444444;
text-rendering: optimizeLegibility;
padding-top: 0.273em;
line-height: 1.15538em;
padding-bottom: 0.273em;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #ca2470;
}
@media only screen and (max-width: 767px) {
h1, h2, h3, h4, h5, h6 {
word-wrap: break-word;
}
}
h1 {
font-size: 68px;
font-size: 4.25rem;
}
h1.xlarge {
font-size: 110px;
font-size: 6.875rem;
}
h1.xxlarge {
font-size: 126px;
font-size: 7.875rem;
}
h1.absurd {
font-size: 177px;
font-size: 11.0625rem;
}
h2 {
font-size: 42px;
font-size: 2.625rem;
}
h3 {
font-size: 30px;
font-size: 1.875rem;
}
h4 {
font-size: 26px;
font-size: 1.625rem;
}
h5 {
font-size: 18px;
font-size: 1.125rem;
}
h6 {
font-size: 16px;
font-size: 1rem;
}
@media only screen and (max-width: 767px) {
h1 {
font-size: 42px;
font-size: 2.625rem;
}
h2 {
font-size: 36px;
font-size: 2.25rem;
}
}
.subhead {
color: #777;
font-weight: normal;
margin-bottom: 20px;
}
/*=====================================================
Links & Paragraph styles
======================================================*/
p {
font-family: anaheimregular, sans-serif;
font-weight: 400;
font-size: 16px;
font-size: 1rem;
margin-bottom: 13px;
line-height: 1.625em;
}
p.lead {
font-size: 20px;
font-size: 1.25rem;
margin-bottom: 18px;
}
@media only screen and (max-width: 768px) {
p {
font-size: 17.6px;
font-size: 1.1rem;
line-height: 1.625em;
}
}
a {
color: #ca2470;
text-decoration: none;
outline: 0;
line-height: inherit;
}
a:hover {
color: #c03d20;
}
/*=====================================================
Lists
======================================================*/
ul, ol {
margin-bottom: 0.273em;
}
ul {
list-style: none outside;
}
ol {
list-style: decimal;
margin-left: 30px;
}
ul.square, ul.circle, ul.disc {
margin-left: 25px;
}
ul.square {
list-style: square outside;
}
ul.circle {
list-style: circle outside;
}
ul.disc {
list-style: disc outside;
}
ul ul {
margin: 4px 0 5px 25px;
}
ol ol {
margin: 4px 0 5px 30px;
}
li {
padding-bottom: 0.273em;
}
ul.large li {
line-height: 21px;
}
dl dt {
font-weight: bold;
font-size: 16px;
font-size: 1rem;
}
@media only screen and (max-width: 768px) {
ul, ol, dl, p {
text-align: left;
}
}
/* Mobile */
em {
font-style: italic;
line-height: inherit;
}
strong {
font-weight: 700;
line-height: inherit;
}
small {
font-size: 56.4%;
line-height: inherit;
}
h1 small, h2 small, h3 small, h4 small, h5 small {
color: #777;
}
/* Blockquotes */
blockquote {
line-height: 20px;
color: #777;
margin: 0 0 18px;
padding: 9px 20px 0 19px;
border-left: 5px solid #cccccc;
}
blockquote p {
line-height: 20px;
color: #777;
}
blockquote cite {
display: block;
font-size: 12px;
font-size: 1.2rem;
color: #555555;
}
blockquote cite:before {
content: "\2014 \0020";
}
blockquote cite a {
color: #555555;
}
blockquote cite a:visited {
color: #555555;
}
hr {
border: 1px solid #cccccc;
clear: both;
margin: 16px 0 18px;
height: 0;
}
abbr, acronym {
text-transform: uppercase;
font-size: 90%;
color: #222;
border-bottom: 1px solid #cccccc;
cursor: help;
}
abbr {
text-transform: none;
}
/**
* Print styles.
*
* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
* Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
@media print {
* {
background: transparent !important;
color: black !important;
text-shadow: none !important;
filter: none !important;
-ms-filter: none !important;
}
/* Black prints faster: sanbeiji.com/archives/953 */
p a {
color: #555555 !important;
text-decoration: underline;
}
p a:visited {
color: #555555 !important;
text-decoration: underline;
}
p a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after {
content: "";
}
a[href^="javascript:"]:after, a[href^="#"]:after {
content: "";
}
/* Don't show links for images, or javascript/internal links */
pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
/* css-discuss.incutio.com/wiki/Printing_Tables */
tr, img {
page-break-inside: avoid;
}
@page {
margin: 0.5cm;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2, h3 {
page-break-after: avoid;
}
}
/*=================================================
+++ LE GRID +++
A Responsive Grid -- Gumby defaults to a standard 960 grid,
but you can change it to whatever you'd like.
==================================================*/
/*.container {
padding: 0px $gutter-in-px;
}*/
.row {
width: 100%;
max-width: 1000px;
min-width: 320px;
margin: 0 auto;
padding-left: 20px;
padding-right: 20px;
}
.row .row {
min-width: 0px;
padding-left: 0;
padding-right: 0;
}
/* To fix the grid into a different size, set max-width to your desired width */
.column, .columns {
margin-left: 2.08333%;
float: left;
min-height: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.column:first-child, .columns:first-child, .alpha {
margin-left: 0px;
}
.column.omega, .columns.omega {
float: right;
}
/* Column Classes */
.row .one.column {
width: 6.42361%;
}
.row .one.columns {
width: 6.42361%;
}
.row .two.columns {
width: 14.93056%;
}
.row .three.columns {
width: 23.4375%;
}
.row .four.columns {
width: 31.94444%;
}
.row .five.columns {
width: 40.45139%;
}
.row .six.columns {
width: 48.95833%;
}
.row .seven.columns {
width: 57.46528%;
}
.row .eight.columns {
width: 65.97222%;
}
.row .nine.columns {
width: 74.47917%;
}
.row .ten.columns {
width: 82.98611%;
}
.row .eleven.columns {
width: 91.49306%;
}
.row .twelve.columns {
width: 100%;
}
/* Push and Pull Classes */
.row .push_one {
margin-left: 10.59028%;
}
.row .push_one:first-child {
margin-left: 8.50694%;
}
.row .pull_one.one.column {
margin-left: -14.93056%;
}
.row .pull_one.one.column:first-child {
margin-left: 0;
}
.row .pull_one.two.columns {
margin-left: -23.4375%;
}
.row .pull_one.two.columns:first-child {
margin-left: 0;
}
.row .pull_one.three.columns {
margin-left: -31.94444%;
}
.row .pull_one.three.columns:first-child {
margin-left: 0;
}
.row .pull_one.four.columns {
margin-left: -40.45139%;
}
.row .pull_one.four.columns:first-child {
margin-left: 0;
}
.row .pull_one.five.columns {
margin-left: -48.95833%;
}
.row .pull_one.five.columns:first-child {
margin-left: 0;
}
.row .pull_one.six.columns {
margin-left: -57.46528%;
}
.row .pull_one.six.columns:first-child {
margin-left: 0;
}
.row .pull_one.seven.columns {
margin-left: -65.97222%;
}
.row .pull_one.seven.columns:first-child {
margin-left: 0;
}
.row .pull_one.eight.columns {
margin-left: -74.47917%;
}
.row .pull_one.eight.columns:first-child {
margin-left: 0;
}
.row .pull_one.nine.columns {
margin-left: -82.98611%;
}
.row .pull_one.nine.columns:first-child {
margin-left: 0;
}
.row .pull_one.ten.columns {
margin-left: -91.49306%;
}
.row .pull_one.ten.columns:first-child {
margin-left: 0;
}
.row .pull_one.eleven.columns {
margin-left: -100%;
}
.row .pull_one.eleven.columns:first-child {
margin-left: 0;
}
.row .push_two {
margin-left: 19.09722%;
}
.row .push_two:first-child {
margin-left: 17.01389%;
}
.row .pull_two.one.column {
margin-left: -23.4375%;
}
.row .pull_two.one.column:first-child {
margin-left: 0;
}
.row .pull_two.two.columns {
margin-left: -31.94444%;
}
.row .pull_two.two.columns:first-child {
margin-left: 0;
}
.row .pull_two.three.columns {
margin-left: -40.45139%;
}
.row .pull_two.three.columns:first-child {
margin-left: 0;
}
.row .pull_two.four.columns {
margin-left: -48.95833%;
}
.row .pull_two.four.columns:first-child {
margin-left: 0;
}
.row .pull_two.five.columns {
margin-left: -57.46528%;
}
.row .pull_two.five.columns:first-child {
margin-left: 0;
}
.row .pull_two.six.columns {
margin-left: -65.97222%;
}
.row .pull_two.six.columns:first-child {
margin-left: 0;
}
.row .pull_two.seven.columns {
margin-left: -74.47917%;
}
.row .pull_two.seven.columns:first-child {
margin-left: 0;
}
.row .pull_two.eight.columns {
margin-left: -82.98611%;
}
.row .pull_two.eight.columns:first-child {
margin-left: 0;
}
.row .pull_two.nine.columns {
margin-left: -91.49306%;
}
.row .pull_two.nine.columns:first-child {
margin-left: 0;
}
.row .pull_two.ten.columns {
margin-left: -100%;
}
.row .pull_two.ten.columns:first-child {
margin-left: 0;
}
.row .pull_two.eleven.columns {
margin-left: -108.50694%;
}
.row .pull_two.eleven.columns:first-child {
margin-left: 0;
}
.row .push_three {
margin-left: 27.60417%;
}
.row .push_three:first-child {
margin-left: 25.52083%;
}
.row .pull_three.one.column {
margin-left: -31.94444%;
}
.row .pull_three.one.column:first-child {
margin-left: 0;
}
.row .pull_three.two.columns {
margin-left: -40.45139%;
}
.row .pull_three.two.columns:first-child {
margin-left: 0;
}
.row .pull_three.three.columns {
margin-left: -48.95833%;
}
.row .pull_three.three.columns:first-child {
margin-left: 0;
}
.row .pull_three.four.columns {
margin-left: -57.46528%;
}
.row .pull_three.four.columns:first-child {
margin-left: 0;
}
.row .pull_three.five.columns {
margin-left: -65.97222%;
}
.row .pull_three.five.columns:first-child {
margin-left: 0;
}
.row .pull_three.six.columns {
margin-left: -74.47917%;
}
.row .pull_three.six.columns:first-child {
margin-left: 0;
}
.row .pull_three.seven.columns {
margin-left: -82.98611%;
}
.row .pull_three.seven.columns:first-child {
margin-left: 0;
}
.row .pull_three.eight.columns {
margin-left: -91.49306%;
}
.row .pull_three.eight.columns:first-child {
margin-left: 0;
}
.row .pull_three.nine.columns {
margin-left: -100.0%;
}
.row .pull_three.nine.columns:first-child {
margin-left: 0;
}
.row .pull_three.ten.columns {
margin-left: -108.50694%;
}
.row .pull_three.ten.columns:first-child {
margin-left: 0;
}
.row .pull_three.eleven.columns {
margin-left: -117.01389%;
}
.row .pull_three.eleven.columns:first-child {
margin-left: 0;
}
.row .push_four {
margin-left: 36.11111%;
}
.row .push_four:first-child {
margin-left: 34.02778%;
}
.row .pull_four.one.column {
margin-left: -40.45139%;
}
.row .pull_four.one.column:first-child {
margin-left: 0;
}
.row .pull_four.two.columns {
margin-left: -48.95833%;
}
.row .pull_four.two.columns:first-child {
margin-left: 0;
}
.row .pull_four.three.columns {
margin-left: -57.46528%;
}
.row .pull_four.three.columns:first-child {
margin-left: 0;
}
.row .pull_four.four.columns {
margin-left: -65.97222%;
}
.row .pull_four.four.columns:first-child {
margin-left: 0;
}
.row .pull_four.five.columns {
margin-left: -74.47917%;
}
.row .pull_four.five.columns:first-child {
margin-left: 0;
}
.row .pull_four.six.columns {
margin-left: -82.98611%;
}
.row .pull_four.six.columns:first-child {
margin-left: 0;
}
.row .pull_four.seven.columns {
margin-left: -91.49306%;
}
.row .pull_four.seven.columns:first-child {
margin-left: 0;
}
.row .pull_four.eight.columns {
margin-left: -100%;
}
.row .pull_four.eight.columns:first-child {
margin-left: 0;
}
.row .pull_four.nine.columns {
margin-left: -108.50694%;
}
.row .pull_four.nine.columns:first-child {
margin-left: 0;
}
.row .pull_four.ten.columns {
margin-left: -117.01389%;
}
.row .pull_four.ten.columns:first-child {
margin-left: 0;
}
.row .pull_four.eleven.columns {
margin-left: -125.52083%;
}
.row .pull_four.eleven.columns:first-child {
margin-left: 0;
}
.row .push_five {
margin-left: 44.61806%;
}
.row .push_five:first-child {
margin-left: 42.53472%;
}
.row .pull_five.one.column {
margin-left: -48.95833%;
}
.row .pull_five.one.column:first-child {
margin-left: 0;
}
.row .pull_five.two.columns {
margin-left: -57.46528%;
}
.row .pull_five.two.columns:first-child {
margin-left: 0;
}
.row .pull_five.three.columns {
margin-left: -65.97222%;
}
.row .pull_five.three.columns:first-child {
margin-left: 0;
}
.row .pull_five.four.columns {
margin-left: -74.47917%;
}
.row .pull_five.four.columns:first-child {
margin-left: 0;
}
.row .pull_five.five.columns {
margin-left: -82.98611%;
}
.row .pull_five.five.columns:first-child {
margin-left: 0;
}
.row .pull_five.six.columns {
margin-left: -91.49306%;
}
.row .pull_five.six.columns:first-child {
margin-left: 0;
}
.row .pull_five.seven.columns {
margin-left: -100.0%;
}
.row .pull_five.seven.columns:first-child {
margin-left: 0;
}
.row .pull_five.eight.columns {
margin-left: -108.50694%;
}
.row .pull_five.eight.columns:first-child {
margin-left: 0;
}
.row .pull_five.nine.columns {
margin-left: -117.01389%;
}
.row .pull_five.nine.columns:first-child {
margin-left: 0;
}
.row .pull_five.ten.columns {
margin-left: -125.52083%;
}
.row .pull_five.ten.columns:first-child {
margin-left: 0;
}
.row .pull_five.eleven.columns {
margin-left: -134.02778%;
}
.row .pull_five.eleven.columns:first-child {
margin-left: 0;
}
.row .push_six {
margin-left: 53.125%;
}
.row .push_six:first-child {
margin-left: 51.04167%;
}
.row .pull_six.one.column {
margin-left: -57.46528%;
}
.row .pull_six.one.column:first-child {
margin-left: 0;
}
.row .pull_six.two.columns {
margin-left: -65.97222%;
}
.row .pull_six.two.columns:first-child {
margin-left: 0;
}
.row .pull_six.three.columns {
margin-left: -74.47917%;
}
.row .pull_six.three.columns:first-child {
margin-left: 0;
}
.row .pull_six.four.columns {
margin-left: -82.98611%;
}
.row .pull_six.four.columns:first-child {
margin-left: 0;
}
.row .pull_six.five.columns {
margin-left: -91.49306%;
}
.row .pull_six.five.columns:first-child {
margin-left: 0;
}
.row .pull_six.six.columns {
margin-left: -100.0%;
}
.row .pull_six.six.columns:first-child {
margin-left: 0;
}
.row .pull_six.seven.columns {
margin-left: -108.50694%;
}
.row .pull_six.seven.columns:first-child {
margin-left: 0;
}
.row .pull_six.eight.columns {
margin-left: -117.01389%;
}
.row .pull_six.eight.columns:first-child {
margin-left: 0;
}
.row .pull_six.nine.columns {
margin-left: -125.52083%;
}
.row .pull_six.nine.columns:first-child {
margin-left: 0;
}
.row .pull_six.ten.columns {
margin-left: -134.02778%;
}
.row .pull_six.ten.columns:first-child {
margin-left: 0;
}
.row .pull_six.eleven.columns {
margin-left: -142.53472%;
}
.row .pull_six.eleven.columns:first-child {
margin-left: 0;
}
.row .push_seven {
margin-left: 61.63194%;
}
.row .push_seven:first-child {
margin-left: 59.54861%;
}
.row .pull_seven.one.column {
margin-left: -65.97222%;
}
.row .pull_seven.one.column:first-child {
margin-left: 0;
}
.row .pull_seven.two.columns {
margin-left: -74.47917%;
}
.row .pull_seven.two.columns:first-child {
margin-left: 0;
}
.row .pull_seven.three.columns {
margin-left: -82.98611%;
}
.row .pull_seven.three.columns:first-child {
margin-left: 0;
}
.row .pull_seven.four.columns {
margin-left: -91.49306%;
}
.row .pull_seven.four.columns:first-child {
margin-left: 0;
}
.row .pull_seven.five.columns {
margin-left: -100%;
}
.row .pull_seven.five.columns:first-child {
margin-left: 0;
}
.row .pull_seven.six.columns {
margin-left: -108.50694%;
}
.row .pull_seven.six.columns:first-child {
margin-left: 0;
}
.row .pull_seven.seven.columns {
margin-left: -117.01389%;
}
.row .pull_seven.seven.columns:first-child {
margin-left: 0;
}
.row .pull_seven.eight.columns {
margin-left: -125.52083%;
}
.row .pull_seven.eight.columns:first-child {
margin-left: 0;
}
.row .pull_seven.nine.columns {
margin-left: -134.02778%;
}
.row .pull_seven.nine.columns:first-child {
margin-left: 0;
}
.row .pull_seven.ten.columns {
margin-left: -142.53472%;
}
.row .pull_seven.ten.columns:first-child {
margin-left: 0;
}
.row .pull_seven.eleven.columns {
margin-left: -151.04167%;
}
.row .pull_seven.eleven.columns:first-child {
margin-left: 0;
}
.row .push_eight {
margin-left: 70.13889%;
}
.row .push_eight:first-child {
margin-left: 68.05556%;
}
.row .pull_eight.one.column {
margin-left: -74.47917%;
}
.row .pull_eight.one.column:first-child {
margin-left: 0;
}
.row .pull_eight.two.columns {
margin-left: -82.98611%;
}
.row .pull_eight.two.columns:first-child {
margin-left: 0;
}
.row .pull_eight.three.columns {
margin-left: -91.49306%;
}
.row .pull_eight.three.columns:first-child {
margin-left: 0;
}
.row .pull_eight.four.columns {
margin-left: -100%;
}
.row .pull_eight.four.columns:first-child {
margin-left: 0;
}
.row .pull_eight.five.columns {
margin-left: -108.50694%;
}
.row .pull_eight.five.columns:first-child {
margin-left: 0;
}
.row .pull_eight.six.columns {
margin-left: -117.01389%;
}
.row .pull_eight.six.columns:first-child {
margin-left: 0;
}
.row .pull_eight.seven.columns {
margin-left: -125.52083%;
}
.row .pull_eight.seven.columns:first-child {
margin-left: 0;
}
.row .pull_eight.eight.columns {
margin-left: -134.02778%;
}
.row .pull_eight.eight.columns:first-child {
margin-left: 0;
}
.row .pull_eight.nine.columns {
margin-left: -142.53472%;
}
.row .pull_eight.nine.columns:first-child {
margin-left: 0;
}
.row .pull_eight.ten.columns {
margin-left: -151.04167%;
}
.row .pull_eight.ten.columns:first-child {
margin-left: 0;
}
.row .pull_eight.eleven.columns {
margin-left: -159.54861%;
}
.row .pull_eight.eleven.columns:first-child {
margin-left: 0;
}
.row .push_nine {
margin-left: 78.64583%;
}
.row .push_nine:first-child {
margin-left: 76.5625%;
}
.row .pull_nine.one.column {
margin-left: -82.98611%;
}
.row .pull_nine.one.column:first-child {
margin-left: 0;
}
.row .pull_nine.two.columns {
margin-left: -91.49306%;
}
.row .pull_nine.two.columns:first-child {
margin-left: 0;
}
.row .pull_nine.three.columns {
margin-left: -100%;
}
.row .pull_nine.three.columns:first-child {
margin-left: 0;
}
.row .pull_nine.four.columns {
margin-left: -108.50694%;
}
.row .pull_nine.four.columns:first-child {
margin-left: 0;
}
.row .pull_nine.five.columns {
margin-left: -117.01389%;
}
.row .pull_nine.five.columns:first-child {
margin-left: 0;
}
.row .pull_nine.six.columns {
margin-left: -125.52083%;
}
.row .pull_nine.six.columns:first-child {
margin-left: 0;
}
.row .pull_nine.seven.columns {
margin-left: -134.02778%;
}
.row .pull_nine.seven.columns:first-child {
margin-left: 0;
}
.row .pull_nine.eight.columns {
margin-left: -142.53472%;
}
.row .pull_nine.eight.columns:first-child {
margin-left: 0;
}
.row .pull_nine.nine.columns {
margin-left: -151.04167%;
}
.row .pull_nine.nine.columns:first-child {
margin-left: 0;
}
.row .pull_nine.ten.columns {
margin-left: -159.54861%;
}
.row .pull_nine.ten.columns:first-child {
margin-left: 0;
}
.row .pull_nine.eleven.columns {
margin-left: -168.05556%;
}
.row .pull_nine.eleven.columns:first-child {
margin-left: 0;
}
.row .push_ten {
margin-left: 87.15278%;
}
.row .push_ten:first-child {
margin-left: 85.06944%;
}
.row .pull_ten.one.column {
margin-left: -91.49306%;
}
.row .pull_ten.one.column:first-child {
margin-left: 0;
}
.row .pull_ten.two.columns {
margin-left: -100%;
}
.row .pull_ten.two.columns:first-child {
margin-left: 0;
}
.row .pull_ten.three.columns {
margin-left: -108.50694%;
}
.row .pull_ten.three.columns:first-child {
margin-left: 0;
}
.row .pull_ten.four.columns {
margin-left: -117.01389%;
}
.row .pull_ten.four.columns:first-child {
margin-left: 0;
}
.row .pull_ten.five.columns {
margin-left: -125.52083%;
}
.row .pull_ten.five.columns:first-child {
margin-left: 0;
}
.row .pull_ten.six.columns {
margin-left: -134.02778%;
}
.row .pull_ten.six.columns:first-child {
margin-left: 0;
}
.row .pull_ten.seven.columns {
margin-left: -142.53472%;
}
.row .pull_ten.seven.columns:first-child {
margin-left: 0;
}
.row .pull_ten.eight.columns {
margin-left: -151.04167%;
}
.row .pull_ten.eight.columns:first-child {
margin-left: 0;
}
.row .pull_ten.nine.columns {
margin-left: -159.54861%;
}
.row .pull_ten.nine.columns:first-child {
margin-left: 0;
}
.row .pull_ten.ten.columns {
margin-left: -168.05556%;
}
.row .pull_ten.ten.columns:first-child {
margin-left: 0;
}
.row .pull_ten.eleven.columns {
margin-left: -176.5625%;
}
.row .pull_ten.eleven.columns:first-child {
margin-left: 0;
}
.row .push_eleven {
margin-left: 95.65972%;
}
.row .push_eleven:first-child {
margin-left: 93.57639%;
}
.row .pull_eleven.one.column {
margin-left: -100%;
}
.row .pull_eleven.one.column:first-child {
margin-left: 0;
}
.row .pull_eleven.two.columns {
margin-left: -108.50694%;
}
.row .pull_eleven.two.columns:first-child {
margin-left: 0;
}
.row .pull_eleven.three.columns {
margin-left: -117.01389%;
}
.row .pull_eleven.three.columns:first-child {
margin-left: 0;
}
.row .pull_eleven.four.columns {
margin-left: -125.52083%;
}
.row .pull_eleven.four.columns:first-child {
margin-left: 0;
}
.row .pull_eleven.five.columns {
margin-left: -134.02778%;
}
.row .pull_eleven.five.columns:first-child {
margin-left: 0;
}
.row .pull_eleven.six.columns {
margin-left: -142.53472%;
}
.row .pull_eleven.six.columns:first-child {
margin-left: 0;
}
.row .pull_eleven.seven.columns {
margin-left: -151.04167%;
}
.row .pull_eleven.seven.columns:first-child {
margin-left: 0;
}
.row .pull_eleven.eight.columns {
margin-left: -159.54861%;
}
.row .pull_eleven.eight.columns:first-child {
margin-left: 0;
}
.row .pull_eleven.nine.columns {
margin-left: -168.05556%;
}
.row .pull_eleven.nine.columns:first-child {
margin-left: 0;
}
.row .pull_eleven.ten.columns {
margin-left: -176.5625%;
}
.row .pull_eleven.ten.columns:first-child {
margin-left: 0;
}
.row .pull_eleven.eleven.columns {
margin-left: -185.06944%;
}
.row .pull_eleven.eleven.columns:first-child {
margin-left: 0;
}
/* Centered Classes */
.row .one.centered {
margin-left: 46.78819%;
}
.row .two.centered {
margin-left: 42.53472%;
}
.row .three.centered {
margin-left: 38.28125%;
}
.row .four.centered {
margin-left: 34.02778%;
}
.row .five.centered {
margin-left: 29.77431%;
}
.row .six.centered {
margin-left: 25.52083%;
}
.row .seven.centered {
margin-left: 21.26736%;
}
.row .eight.centered {
margin-left: 17.01389%;
}
.row .nine.centered {
margin-left: 12.76042%;
}
.row .ten.centered {
margin-left: 8.50694%;
}
.row .eleven.centered {
margin-left: 4.25347%;
}
/* Hybrid Grid Columns */
.sixteen.colgrid .row .one.column {
width: 4.29688%;
}
.sixteen.colgrid .row .one.columns {
width: 4.29688%;
}
.sixteen.colgrid .row .two.columns {
width: 10.67708%;
}
.sixteen.colgrid .row .three.columns {
width: 17.05729%;
}
.sixteen.colgrid .row .four.columns {
width: 23.4375%;
}
.sixteen.colgrid .row .five.columns {
width: 29.81771%;
}
.sixteen.colgrid .row .six.columns {
width: 36.19792%;
}
.sixteen.colgrid .row .seven.columns {
width: 42.57813%;
}
.sixteen.colgrid .row .eight.columns {
width: 48.95833%;
}
.sixteen.colgrid .row .nine.columns {
width: 55.33854%;
}
.sixteen.colgrid .row .ten.columns {
width: 61.71875%;
}
.sixteen.colgrid .row .eleven.columns {
width: 68.09896%;
}
.sixteen.colgrid .row .twelve.columns {
width: 74.47917%;
}
.sixteen.colgrid .row .thirteen.columns {
width: 80.85938%;
}
.sixteen.colgrid .row .fourteen.columns {
width: 87.23958%;
}
.sixteen.colgrid .row .fifteen.columns {
width: 93.61979%;
}
.sixteen.colgrid .row .sixteen.columns {
width: 100%;
}
/* Hybrid Push and Pull Classes */
.sixteen.colgrid .row .push_one {
margin-left: 8.46354%;
}
.sixteen.colgrid .row .push_one:first-child {
margin-left: 6.38021%;
}
.sixteen.colgrid .row .pull_one.one.column {
margin-left: -10.67708%;
}
.sixteen.colgrid .row .pull_one.one.column:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_one.two.columns {
margin-left: -17.05729%;
}
.sixteen.colgrid .row .pull_one.two.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_one.three.columns {
margin-left: -23.4375%;
}
.sixteen.colgrid .row .pull_one.three.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_one.four.columns {
margin-left: -29.81771%;
}
.sixteen.colgrid .row .pull_one.four.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_one.five.columns {
margin-left: -36.19792%;
}
.sixteen.colgrid .row .pull_one.five.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_one.six.columns {
margin-left: -42.57813%;
}
.sixteen.colgrid .row .pull_one.six.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_one.seven.columns {
margin-left: -48.95833%;
}
.sixteen.colgrid .row .pull_one.seven.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_one.eight.columns {
margin-left: -55.33854%;
}
.sixteen.colgrid .row .pull_one.eight.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_one.nine.columns {
margin-left: -61.71875%;
}
.sixteen.colgrid .row .pull_one.nine.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_one.ten.columns {
margin-left: -68.09896%;
}
.sixteen.colgrid .row .pull_one.ten.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_one.eleven.columns {
margin-left: -74.47917%;
}
.sixteen.colgrid .row .pull_one.eleven.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_one.twelve.columns {
margin-left: -80.85937%;
}
.sixteen.colgrid .row .pull_one.twelve.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_one.thirteen.columns {
margin-left: -87.23958%;
}
.sixteen.colgrid .row .pull_one.thirteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_one.fourteen.columns {
margin-left: -93.61979%;
}
.sixteen.colgrid .row .pull_one.fourteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_one.fifteen.columns {
margin-left: -100.0%;
}
.sixteen.colgrid .row .pull_one.fifteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .push_two {
margin-left: 14.84375%;
}
.sixteen.colgrid .row .push_two:first-child {
margin-left: 12.76042%;
}
.sixteen.colgrid .row .pull_two.one.column {
margin-left: -17.05729%;
}
.sixteen.colgrid .row .pull_two.one.column:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_two.two.columns {
margin-left: -23.4375%;
}
.sixteen.colgrid .row .pull_two.two.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_two.three.columns {
margin-left: -29.81771%;
}
.sixteen.colgrid .row .pull_two.three.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_two.four.columns {
margin-left: -36.19792%;
}
.sixteen.colgrid .row .pull_two.four.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_two.five.columns {
margin-left: -42.57812%;
}
.sixteen.colgrid .row .pull_two.five.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_two.six.columns {
margin-left: -48.95833%;
}
.sixteen.colgrid .row .pull_two.six.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_two.seven.columns {
margin-left: -55.33854%;
}
.sixteen.colgrid .row .pull_two.seven.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_two.eight.columns {
margin-left: -61.71875%;
}
.sixteen.colgrid .row .pull_two.eight.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_two.nine.columns {
margin-left: -68.09896%;
}
.sixteen.colgrid .row .pull_two.nine.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_two.ten.columns {
margin-left: -74.47917%;
}
.sixteen.colgrid .row .pull_two.ten.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_two.eleven.columns {
margin-left: -80.85937%;
}
.sixteen.colgrid .row .pull_two.eleven.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_two.twelve.columns {
margin-left: -87.23958%;
}
.sixteen.colgrid .row .pull_two.twelve.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_two.thirteen.columns {
margin-left: -93.61979%;
}
.sixteen.colgrid .row .pull_two.thirteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_two.fourteen.columns {
margin-left: -100.0%;
}
.sixteen.colgrid .row .pull_two.fourteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_two.fifteen.columns {
margin-left: -106.38021%;
}
.sixteen.colgrid .row .pull_two.fifteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .push_three {
margin-left: 21.22396%;
}
.sixteen.colgrid .row .push_three:first-child {
margin-left: 19.14062%;
}
.sixteen.colgrid .row .pull_three.one.column {
margin-left: -23.4375%;
}
.sixteen.colgrid .row .pull_three.one.column:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_three.two.columns {
margin-left: -29.81771%;
}
.sixteen.colgrid .row .pull_three.two.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_three.three.columns {
margin-left: -36.19792%;
}
.sixteen.colgrid .row .pull_three.three.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_three.four.columns {
margin-left: -42.57813%;
}
.sixteen.colgrid .row .pull_three.four.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_three.five.columns {
margin-left: -48.95833%;
}
.sixteen.colgrid .row .pull_three.five.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_three.six.columns {
margin-left: -55.33854%;
}
.sixteen.colgrid .row .pull_three.six.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_three.seven.columns {
margin-left: -61.71875%;
}
.sixteen.colgrid .row .pull_three.seven.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_three.eight.columns {
margin-left: -68.09896%;
}
.sixteen.colgrid .row .pull_three.eight.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_three.nine.columns {
margin-left: -74.47917%;
}
.sixteen.colgrid .row .pull_three.nine.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_three.ten.columns {
margin-left: -80.85937%;
}
.sixteen.colgrid .row .pull_three.ten.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_three.eleven.columns {
margin-left: -87.23958%;
}
.sixteen.colgrid .row .pull_three.eleven.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_three.twelve.columns {
margin-left: -93.61979%;
}
.sixteen.colgrid .row .pull_three.twelve.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_three.thirteen.columns {
margin-left: -100.0%;
}
.sixteen.colgrid .row .pull_three.thirteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_three.fourteen.columns {
margin-left: -106.38021%;
}
.sixteen.colgrid .row .pull_three.fourteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_three.fifteen.columns {
margin-left: -112.76042%;
}
.sixteen.colgrid .row .pull_three.fifteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .push_four {
margin-left: 27.60417%;
}
.sixteen.colgrid .row .push_four:first-child {
margin-left: 25.52083%;
}
.sixteen.colgrid .row .pull_four.one.column {
margin-left: -29.81771%;
}
.sixteen.colgrid .row .pull_four.one.column:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_four.two.columns {
margin-left: -36.19792%;
}
.sixteen.colgrid .row .pull_four.two.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_four.three.columns {
margin-left: -42.57813%;
}
.sixteen.colgrid .row .pull_four.three.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_four.four.columns {
margin-left: -48.95833%;
}
.sixteen.colgrid .row .pull_four.four.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_four.five.columns {
margin-left: -55.33854%;
}
.sixteen.colgrid .row .pull_four.five.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_four.six.columns {
margin-left: -61.71875%;
}
.sixteen.colgrid .row .pull_four.six.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_four.seven.columns {
margin-left: -68.09896%;
}
.sixteen.colgrid .row .pull_four.seven.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_four.eight.columns {
margin-left: -74.47917%;
}
.sixteen.colgrid .row .pull_four.eight.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_four.nine.columns {
margin-left: -80.85937%;
}
.sixteen.colgrid .row .pull_four.nine.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_four.ten.columns {
margin-left: -87.23958%;
}
.sixteen.colgrid .row .pull_four.ten.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_four.eleven.columns {
margin-left: -93.61979%;
}
.sixteen.colgrid .row .pull_four.eleven.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_four.twelve.columns {
margin-left: -100.0%;
}
.sixteen.colgrid .row .pull_four.twelve.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_four.thirteen.columns {
margin-left: -106.38021%;
}
.sixteen.colgrid .row .pull_four.thirteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_four.fourteen.columns {
margin-left: -112.76042%;
}
.sixteen.colgrid .row .pull_four.fourteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_four.fifteen.columns {
margin-left: -119.14062%;
}
.sixteen.colgrid .row .pull_four.fifteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .push_five {
margin-left: 33.98438%;
}
.sixteen.colgrid .row .push_five:first-child {
margin-left: 31.90104%;
}
.sixteen.colgrid .row .pull_five.one.column {
margin-left: -36.19792%;
}
.sixteen.colgrid .row .pull_five.one.column:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_five.two.columns {
margin-left: -42.57813%;
}
.sixteen.colgrid .row .pull_five.two.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_five.three.columns {
margin-left: -48.95833%;
}
.sixteen.colgrid .row .pull_five.three.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_five.four.columns {
margin-left: -55.33854%;
}
.sixteen.colgrid .row .pull_five.four.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_five.five.columns {
margin-left: -61.71875%;
}
.sixteen.colgrid .row .pull_five.five.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_five.six.columns {
margin-left: -68.09896%;
}
.sixteen.colgrid .row .pull_five.six.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_five.seven.columns {
margin-left: -74.47917%;
}
.sixteen.colgrid .row .pull_five.seven.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_five.eight.columns {
margin-left: -80.85937%;
}
.sixteen.colgrid .row .pull_five.eight.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_five.nine.columns {
margin-left: -87.23958%;
}
.sixteen.colgrid .row .pull_five.nine.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_five.ten.columns {
margin-left: -93.61979%;
}
.sixteen.colgrid .row .pull_five.ten.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_five.eleven.columns {
margin-left: -100.0%;
}
.sixteen.colgrid .row .pull_five.eleven.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_five.twelve.columns {
margin-left: -106.38021%;
}
.sixteen.colgrid .row .pull_five.twelve.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_five.thirteen.columns {
margin-left: -112.76042%;
}
.sixteen.colgrid .row .pull_five.thirteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_five.fourteen.columns {
margin-left: -119.14062%;
}
.sixteen.colgrid .row .pull_five.fourteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_five.fifteen.columns {
margin-left: -125.52083%;
}
.sixteen.colgrid .row .pull_five.fifteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .push_six {
margin-left: 40.36458%;
}
.sixteen.colgrid .row .push_six:first-child {
margin-left: 38.28125%;
}
.sixteen.colgrid .row .pull_six.one.column {
margin-left: -42.57813%;
}
.sixteen.colgrid .row .pull_six.one.column:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_six.two.columns {
margin-left: -48.95833%;
}
.sixteen.colgrid .row .pull_six.two.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_six.three.columns {
margin-left: -55.33854%;
}
.sixteen.colgrid .row .pull_six.three.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_six.four.columns {
margin-left: -61.71875%;
}
.sixteen.colgrid .row .pull_six.four.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_six.five.columns {
margin-left: -68.09896%;
}
.sixteen.colgrid .row .pull_six.five.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_six.six.columns {
margin-left: -74.47917%;
}
.sixteen.colgrid .row .pull_six.six.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_six.seven.columns {
margin-left: -80.85937%;
}
.sixteen.colgrid .row .pull_six.seven.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_six.eight.columns {
margin-left: -87.23958%;
}
.sixteen.colgrid .row .pull_six.eight.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_six.nine.columns {
margin-left: -93.61979%;
}
.sixteen.colgrid .row .pull_six.nine.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_six.ten.columns {
margin-left: -100.0%;
}
.sixteen.colgrid .row .pull_six.ten.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_six.eleven.columns {
margin-left: -106.38021%;
}
.sixteen.colgrid .row .pull_six.eleven.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_six.twelve.columns {
margin-left: -112.76042%;
}
.sixteen.colgrid .row .pull_six.twelve.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_six.thirteen.columns {
margin-left: -119.14062%;
}
.sixteen.colgrid .row .pull_six.thirteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_six.fourteen.columns {
margin-left: -125.52083%;
}
.sixteen.colgrid .row .pull_six.fourteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_six.fifteen.columns {
margin-left: -131.90104%;
}
.sixteen.colgrid .row .pull_six.fifteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .push_seven {
margin-left: 46.74479%;
}
.sixteen.colgrid .row .push_seven:first-child {
margin-left: 44.66146%;
}
.sixteen.colgrid .row .pull_seven.one.column {
margin-left: -48.95833%;
}
.sixteen.colgrid .row .pull_seven.one.column:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_seven.two.columns {
margin-left: -55.33854%;
}
.sixteen.colgrid .row .pull_seven.two.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_seven.three.columns {
margin-left: -61.71875%;
}
.sixteen.colgrid .row .pull_seven.three.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_seven.four.columns {
margin-left: -68.09896%;
}
.sixteen.colgrid .row .pull_seven.four.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_seven.five.columns {
margin-left: -74.47917%;
}
.sixteen.colgrid .row .pull_seven.five.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_seven.six.columns {
margin-left: -80.85937%;
}
.sixteen.colgrid .row .pull_seven.six.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_seven.seven.columns {
margin-left: -87.23958%;
}
.sixteen.colgrid .row .pull_seven.seven.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_seven.eight.columns {
margin-left: -93.61979%;
}
.sixteen.colgrid .row .pull_seven.eight.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_seven.nine.columns {
margin-left: -100.0%;
}
.sixteen.colgrid .row .pull_seven.nine.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_seven.ten.columns {
margin-left: -106.38021%;
}
.sixteen.colgrid .row .pull_seven.ten.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_seven.eleven.columns {
margin-left: -112.76042%;
}
.sixteen.colgrid .row .pull_seven.eleven.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_seven.twelve.columns {
margin-left: -119.14062%;
}
.sixteen.colgrid .row .pull_seven.twelve.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_seven.thirteen.columns {
margin-left: -125.52083%;
}
.sixteen.colgrid .row .pull_seven.thirteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_seven.fourteen.columns {
margin-left: -131.90104%;
}
.sixteen.colgrid .row .pull_seven.fourteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_seven.fifteen.columns {
margin-left: -138.28125%;
}
.sixteen.colgrid .row .pull_seven.fifteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .push_eight {
margin-left: 53.125%;
}
.sixteen.colgrid .row .push_eight:first-child {
margin-left: 51.04167%;
}
.sixteen.colgrid .row .pull_eight.one.column {
margin-left: -55.33854%;
}
.sixteen.colgrid .row .pull_eight.one.column:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_eight.two.columns {
margin-left: -61.71875%;
}
.sixteen.colgrid .row .pull_eight.two.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_eight.three.columns {
margin-left: -68.09896%;
}
.sixteen.colgrid .row .pull_eight.three.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_eight.four.columns {
margin-left: -74.47917%;
}
.sixteen.colgrid .row .pull_eight.four.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_eight.five.columns {
margin-left: -80.85937%;
}
.sixteen.colgrid .row .pull_eight.five.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_eight.six.columns {
margin-left: -87.23958%;
}
.sixteen.colgrid .row .pull_eight.six.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_eight.seven.columns {
margin-left: -93.61979%;
}
.sixteen.colgrid .row .pull_eight.seven.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_eight.eight.columns {
margin-left: -100.0%;
}
.sixteen.colgrid .row .pull_eight.eight.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_eight.nine.columns {
margin-left: -106.38021%;
}
.sixteen.colgrid .row .pull_eight.nine.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_eight.ten.columns {
margin-left: -112.76042%;
}
.sixteen.colgrid .row .pull_eight.ten.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_eight.eleven.columns {
margin-left: -119.14062%;
}
.sixteen.colgrid .row .pull_eight.eleven.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_eight.twelve.columns {
margin-left: -125.52083%;
}
.sixteen.colgrid .row .pull_eight.twelve.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_eight.thirteen.columns {
margin-left: -131.90104%;
}
.sixteen.colgrid .row .pull_eight.thirteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_eight.fourteen.columns {
margin-left: -138.28125%;
}
.sixteen.colgrid .row .pull_eight.fourteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_eight.fifteen.columns {
margin-left: -144.66146%;
}
.sixteen.colgrid .row .pull_eight.fifteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .push_nine {
margin-left: 59.50521%;
}
.sixteen.colgrid .row .push_nine:first-child {
margin-left: 57.42188%;
}
.sixteen.colgrid .row .pull_nine.one.column {
margin-left: -61.71875%;
}
.sixteen.colgrid .row .pull_nine.one.column:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_nine.two.columns {
margin-left: -68.09896%;
}
.sixteen.colgrid .row .pull_nine.two.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_nine.three.columns {
margin-left: -74.47917%;
}
.sixteen.colgrid .row .pull_nine.three.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_nine.four.columns {
margin-left: -80.85937%;
}
.sixteen.colgrid .row .pull_nine.four.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_nine.five.columns {
margin-left: -87.23958%;
}
.sixteen.colgrid .row .pull_nine.five.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_nine.six.columns {
margin-left: -93.61979%;
}
.sixteen.colgrid .row .pull_nine.six.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_nine.seven.columns {
margin-left: -100.0%;
}
.sixteen.colgrid .row .pull_nine.seven.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_nine.eight.columns {
margin-left: -106.38021%;
}
.sixteen.colgrid .row .pull_nine.eight.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_nine.nine.columns {
margin-left: -112.76042%;
}
.sixteen.colgrid .row .pull_nine.nine.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_nine.ten.columns {
margin-left: -119.14062%;
}
.sixteen.colgrid .row .pull_nine.ten.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_nine.eleven.columns {
margin-left: -125.52083%;
}
.sixteen.colgrid .row .pull_nine.eleven.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_nine.twelve.columns {
margin-left: -131.90104%;
}
.sixteen.colgrid .row .pull_nine.twelve.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_nine.thirteen.columns {
margin-left: -138.28125%;
}
.sixteen.colgrid .row .pull_nine.thirteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_nine.fourteen.columns {
margin-left: -144.66146%;
}
.sixteen.colgrid .row .pull_nine.fourteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_nine.fifteen.columns {
margin-left: -151.04167%;
}
.sixteen.colgrid .row .pull_nine.fifteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .push_ten {
margin-left: 65.88542%;
}
.sixteen.colgrid .row .push_ten:first-child {
margin-left: 63.80208%;
}
.sixteen.colgrid .row .pull_ten.one.column {
margin-left: -68.09896%;
}
.sixteen.colgrid .row .pull_ten.one.column:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_ten.two.columns {
margin-left: -74.47917%;
}
.sixteen.colgrid .row .pull_ten.two.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_ten.three.columns {
margin-left: -80.85938%;
}
.sixteen.colgrid .row .pull_ten.three.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_ten.four.columns {
margin-left: -87.23958%;
}
.sixteen.colgrid .row .pull_ten.four.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_ten.five.columns {
margin-left: -93.61979%;
}
.sixteen.colgrid .row .pull_ten.five.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_ten.six.columns {
margin-left: -100.0%;
}
.sixteen.colgrid .row .pull_ten.six.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_ten.seven.columns {
margin-left: -106.38021%;
}
.sixteen.colgrid .row .pull_ten.seven.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_ten.eight.columns {
margin-left: -112.76042%;
}
.sixteen.colgrid .row .pull_ten.eight.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_ten.nine.columns {
margin-left: -119.14062%;
}
.sixteen.colgrid .row .pull_ten.nine.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_ten.ten.columns {
margin-left: -125.52083%;
}
.sixteen.colgrid .row .pull_ten.ten.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_ten.eleven.columns {
margin-left: -131.90104%;
}
.sixteen.colgrid .row .pull_ten.eleven.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_ten.twelve.columns {
margin-left: -138.28125%;
}
.sixteen.colgrid .row .pull_ten.twelve.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_ten.thirteen.columns {
margin-left: -144.66146%;
}
.sixteen.colgrid .row .pull_ten.thirteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_ten.fourteen.columns {
margin-left: -151.04167%;
}
.sixteen.colgrid .row .pull_ten.fourteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_ten.fifteen.columns {
margin-left: -157.42188%;
}
.sixteen.colgrid .row .pull_ten.fifteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .push_eleven {
margin-left: 72.26563%;
}
.sixteen.colgrid .row .push_eleven:first-child {
margin-left: 70.18229%;
}
.sixteen.colgrid .row .pull_eleven.one.column {
margin-left: -74.47917%;
}
.sixteen.colgrid .row .pull_eleven.one.column:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_eleven.two.columns {
margin-left: -80.85937%;
}
.sixteen.colgrid .row .pull_eleven.two.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_eleven.three.columns {
margin-left: -87.23958%;
}
.sixteen.colgrid .row .pull_eleven.three.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_eleven.four.columns {
margin-left: -93.61979%;
}
.sixteen.colgrid .row .pull_eleven.four.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_eleven.five.columns {
margin-left: -100.0%;
}
.sixteen.colgrid .row .pull_eleven.five.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_eleven.six.columns {
margin-left: -106.38021%;
}
.sixteen.colgrid .row .pull_eleven.six.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_eleven.seven.columns {
margin-left: -112.76042%;
}
.sixteen.colgrid .row .pull_eleven.seven.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_eleven.eight.columns {
margin-left: -119.14062%;
}
.sixteen.colgrid .row .pull_eleven.eight.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_eleven.nine.columns {
margin-left: -125.52083%;
}
.sixteen.colgrid .row .pull_eleven.nine.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_eleven.ten.columns {
margin-left: -131.90104%;
}
.sixteen.colgrid .row .pull_eleven.ten.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_eleven.eleven.columns {
margin-left: -138.28125%;
}
.sixteen.colgrid .row .pull_eleven.eleven.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_eleven.twelve.columns {
margin-left: -144.66146%;
}
.sixteen.colgrid .row .pull_eleven.twelve.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_eleven.thirteen.columns {
margin-left: -151.04167%;
}
.sixteen.colgrid .row .pull_eleven.thirteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_eleven.fourteen.columns {
margin-left: -157.42187%;
}
.sixteen.colgrid .row .pull_eleven.fourteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_eleven.fifteen.columns {
margin-left: -163.80208%;
}
.sixteen.colgrid .row .pull_eleven.fifteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .push_twelve {
margin-left: 78.64583%;
}
.sixteen.colgrid .row .push_twelve:first-child {
margin-left: 76.5625%;
}
.sixteen.colgrid .row .pull_twelve.one.column {
margin-left: -80.85937%;
}
.sixteen.colgrid .row .pull_twelve.one.column:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_twelve.two.columns {
margin-left: -87.23958%;
}
.sixteen.colgrid .row .pull_twelve.two.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_twelve.three.columns {
margin-left: -93.61979%;
}
.sixteen.colgrid .row .pull_twelve.three.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_twelve.four.columns {
margin-left: -100.0%;
}
.sixteen.colgrid .row .pull_twelve.four.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_twelve.five.columns {
margin-left: -106.38021%;
}
.sixteen.colgrid .row .pull_twelve.five.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_twelve.six.columns {
margin-left: -112.76042%;
}
.sixteen.colgrid .row .pull_twelve.six.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_twelve.seven.columns {
margin-left: -119.14062%;
}
.sixteen.colgrid .row .pull_twelve.seven.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_twelve.eight.columns {
margin-left: -125.52083%;
}
.sixteen.colgrid .row .pull_twelve.eight.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_twelve.nine.columns {
margin-left: -131.90104%;
}
.sixteen.colgrid .row .pull_twelve.nine.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_twelve.ten.columns {
margin-left: -138.28125%;
}
.sixteen.colgrid .row .pull_twelve.ten.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_twelve.eleven.columns {
margin-left: -144.66146%;
}
.sixteen.colgrid .row .pull_twelve.eleven.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_twelve.twelve.columns {
margin-left: -151.04167%;
}
.sixteen.colgrid .row .pull_twelve.twelve.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_twelve.thirteen.columns {
margin-left: -157.42188%;
}
.sixteen.colgrid .row .pull_twelve.thirteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_twelve.fourteen.columns {
margin-left: -163.80208%;
}
.sixteen.colgrid .row .pull_twelve.fourteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_twelve.fifteen.columns {
margin-left: -170.18229%;
}
.sixteen.colgrid .row .pull_twelve.fifteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .push_thirteen {
margin-left: 85.02604%;
}
.sixteen.colgrid .row .push_thirteen:first-child {
margin-left: 82.94271%;
}
.sixteen.colgrid .row .pull_thirteen.one.column {
margin-left: -87.23958%;
}
.sixteen.colgrid .row .pull_thirteen.one.column:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_thirteen.two.columns {
margin-left: -93.61979%;
}
.sixteen.colgrid .row .pull_thirteen.two.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_thirteen.three.columns {
margin-left: -100%;
}
.sixteen.colgrid .row .pull_thirteen.three.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_thirteen.four.columns {
margin-left: -106.38021%;
}
.sixteen.colgrid .row .pull_thirteen.four.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_thirteen.five.columns {
margin-left: -112.76042%;
}
.sixteen.colgrid .row .pull_thirteen.five.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_thirteen.six.columns {
margin-left: -119.14062%;
}
.sixteen.colgrid .row .pull_thirteen.six.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_thirteen.seven.columns {
margin-left: -125.52083%;
}
.sixteen.colgrid .row .pull_thirteen.seven.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_thirteen.eight.columns {
margin-left: -131.90104%;
}
.sixteen.colgrid .row .pull_thirteen.eight.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_thirteen.nine.columns {
margin-left: -138.28125%;
}
.sixteen.colgrid .row .pull_thirteen.nine.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_thirteen.ten.columns {
margin-left: -144.66146%;
}
.sixteen.colgrid .row .pull_thirteen.ten.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_thirteen.eleven.columns {
margin-left: -151.04167%;
}
.sixteen.colgrid .row .pull_thirteen.eleven.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_thirteen.twelve.columns {
margin-left: -157.42188%;
}
.sixteen.colgrid .row .pull_thirteen.twelve.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_thirteen.thirteen.columns {
margin-left: -163.80208%;
}
.sixteen.colgrid .row .pull_thirteen.thirteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_thirteen.fourteen.columns {
margin-left: -170.18229%;
}
.sixteen.colgrid .row .pull_thirteen.fourteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_thirteen.fifteen.columns {
margin-left: -176.5625%;
}
.sixteen.colgrid .row .pull_thirteen.fifteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .push_fourteen {
margin-left: 91.40625%;
}
.sixteen.colgrid .row .push_fourteen:first-child {
margin-left: 89.32292%;
}
.sixteen.colgrid .row .pull_fourteen.one.column {
margin-left: -93.61979%;
}
.sixteen.colgrid .row .pull_fourteen.one.column:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_fourteen.two.columns {
margin-left: -100.0%;
}
.sixteen.colgrid .row .pull_fourteen.two.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_fourteen.three.columns {
margin-left: -106.38021%;
}
.sixteen.colgrid .row .pull_fourteen.three.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_fourteen.four.columns {
margin-left: -112.76042%;
}
.sixteen.colgrid .row .pull_fourteen.four.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_fourteen.five.columns {
margin-left: -119.14062%;
}
.sixteen.colgrid .row .pull_fourteen.five.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_fourteen.six.columns {
margin-left: -125.52083%;
}
.sixteen.colgrid .row .pull_fourteen.six.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_fourteen.seven.columns {
margin-left: -131.90104%;
}
.sixteen.colgrid .row .pull_fourteen.seven.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_fourteen.eight.columns {
margin-left: -138.28125%;
}
.sixteen.colgrid .row .pull_fourteen.eight.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_fourteen.nine.columns {
margin-left: -144.66146%;
}
.sixteen.colgrid .row .pull_fourteen.nine.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_fourteen.ten.columns {
margin-left: -151.04167%;
}
.sixteen.colgrid .row .pull_fourteen.ten.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_fourteen.eleven.columns {
margin-left: -157.42187%;
}
.sixteen.colgrid .row .pull_fourteen.eleven.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_fourteen.twelve.columns {
margin-left: -163.80208%;
}
.sixteen.colgrid .row .pull_fourteen.twelve.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_fourteen.thirteen.columns {
margin-left: -170.18229%;
}
.sixteen.colgrid .row .pull_fourteen.thirteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_fourteen.fourteen.columns {
margin-left: -176.5625%;
}
.sixteen.colgrid .row .pull_fourteen.fourteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_fourteen.fifteen.columns {
margin-left: -182.94271%;
}
.sixteen.colgrid .row .pull_fourteen.fifteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .push_fifteen {
margin-left: 97.78646%;
}
.sixteen.colgrid .row .push_fifteen:first-child {
margin-left: 95.70312%;
}
.sixteen.colgrid .row .pull_fifteen.one.column {
margin-left: -100.0%;
}
.sixteen.colgrid .row .pull_fifteen.one.column:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_fifteen.two.columns {
margin-left: -106.38021%;
}
.sixteen.colgrid .row .pull_fifteen.two.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_fifteen.three.columns {
margin-left: -112.76042%;
}
.sixteen.colgrid .row .pull_fifteen.three.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_fifteen.four.columns {
margin-left: -119.14062%;
}
.sixteen.colgrid .row .pull_fifteen.four.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_fifteen.five.columns {
margin-left: -125.52083%;
}
.sixteen.colgrid .row .pull_fifteen.five.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_fifteen.six.columns {
margin-left: -131.90104%;
}
.sixteen.colgrid .row .pull_fifteen.six.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_fifteen.seven.columns {
margin-left: -138.28125%;
}
.sixteen.colgrid .row .pull_fifteen.seven.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_fifteen.eight.columns {
margin-left: -144.66146%;
}
.sixteen.colgrid .row .pull_fifteen.eight.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_fifteen.nine.columns {
margin-left: -151.04167%;
}
.sixteen.colgrid .row .pull_fifteen.nine.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_fifteen.ten.columns {
margin-left: -157.42188%;
}
.sixteen.colgrid .row .pull_fifteen.ten.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_fifteen.eleven.columns {
margin-left: -163.80208%;
}
.sixteen.colgrid .row .pull_fifteen.eleven.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_fifteen.twelve.columns {
margin-left: -170.18229%;
}
.sixteen.colgrid .row .pull_fifteen.twelve.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_fifteen.thirteen.columns {
margin-left: -176.5625%;
}
.sixteen.colgrid .row .pull_fifteen.thirteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_fifteen.fourteen.columns {
margin-left: -182.94271%;
}
.sixteen.colgrid .row .pull_fifteen.fourteen.columns:first-child {
margin-left: 0;
}
.sixteen.colgrid .row .pull_fifteen.fifteen.columns {
margin-left: -189.32292%;
}
.sixteen.colgrid .row .pull_fifteen.fifteen.columns:first-child {
margin-left: 0;
}
/* Hybrid Centered Classes */
.sixteen.colgrid .row .one.centered {
margin-left: 47.85156%;
}
.sixteen.colgrid .row .two.centered {
margin-left: 44.66146%;
}
.sixteen.colgrid .row .three.centered {
margin-left: 41.47135%;
}
.sixteen.colgrid .row .four.centered {
margin-left: 38.28125%;
}
.sixteen.colgrid .row .five.centered {
margin-left: 35.09115%;
}
.sixteen.colgrid .row .six.centered {
margin-left: 31.90104%;
}
.sixteen.colgrid .row .seven.centered {
margin-left: 28.71094%;
}
.sixteen.colgrid .row .eight.centered {
margin-left: 25.52083%;
}
.sixteen.colgrid .row .nine.centered {
margin-left: 22.33073%;
}
.sixteen.colgrid .row .ten.centered {
margin-left: 19.14063%;
}
.sixteen.colgrid .row .eleven.centered {
margin-left: 15.95052%;
}
.sixteen.colgrid .row .twelve.centered {
margin-left: 12.76042%;
}
.sixteen.colgrid .row .thirteen.centered {
margin-left: 9.57031%;
}
.sixteen.colgrid .row .fourteen.centered {
margin-left: 6.38021%;
}
.sixteen.colgrid .row .fifteen.centered {
margin-left: 3.1901%;
}
img, object, embed {
max-width: 100%;
height: auto;
}
img {
-ms-interpolation-mode: bicubic;
}
#map_canvas img, .map_canvas img {
max-width: none !important;
}
/* Tile Grid */
.tiles {
display: block;
overflow: hidden;
}
.tiles > li {
display: block;
height: auto;
float: left;
padding-bottom: 0;
}
.tiles.two_up {
margin-left: -4%;
}
.tiles.two_up > li {
margin-left: 4%;
width: 46%;
}
.tiles.three_up, .tiles.four_up {
margin-left: -2%;
}
.tiles.three_up > li {
margin-left: 2%;
width: 31.3%;
}
.tiles.four_up > li {
margin-left: 2%;
width: 23%;
}
.tiles.five_up {
margin-left: -1.5%;
}
.tiles.five_up > li {
margin-left: 1.5%;
width: 18.5%;
}
/* Nicolas Gallagher's micro clearfix */
.clearfix {
*zoom: 1;
}
.clearfix:before, .clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
.row {
*zoom: 1;
}
.row:before, .row:after {
content: "";
display: table;
}
.row:after {
clear: both;
}
.valign {
display: table;
width: 100%;
}
.valign > div, .valign > article, .valign > section, .valign > figure {
display: table-cell;
vertical-align: middle;
}
/* Mobile */
@media only screen and (max-width: 767px) {
body {
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
width: 100%;
min-width: 0;
}
.container {
min-width: 0;
margin-left: 0;
margin-right: 0;
}
.row {
width: 100%;
min-width: 0;
margin-left: 0;
margin-right: 0;
}
.row .row .column, .row .row .columns {
padding: 0;
}
.row .centered {
margin-left: 0 !important;
}
.column, .columns {
width: auto !important;
float: none;
margin-left: 0;
margin-right: 0;
}
.column:last-child, .columns:last-child {
margin-right: 0;
float: none;
}
[class*="column"] + [class*="column"]:last-child {
float: none;
}
[class*="column"]:before {
display: table;
}
[class*="column"]:after {
display: table;
clear: both;
}
[class^="push_"],
[class*="push_"],
[class^="pull_"],
[class*="pull_"] {
margin-left: 0 !important;
}
}
/*=====================================================
Navigation (with dropdowns)
======================================================*/
.navbar {
width: 100%;
min-height: 60px;
display: block;
margin-bottom: 20px;
background: #4a4d50;
position: relative;
}
@media only screen and (max-width: 767px) {
.navbar {
border: none;
}
.navbar .column, .navbar .columns {
min-height: 0;
}
}
.navbar.fixed {
position: fixed;
z-index: 99999;
}
.navbar.pinned {
position: absolute;
}
.navbar a.toggle {
display: none;
}
@media only screen and (max-width: 767px) {
.navbar a.toggle {
top: 18%;
right: 4%;
width: 46px;
position: absolute;
text-align: center;
display: inline-block;
color: white;
background: #4a4d50;
height: 40px;
line-height: 38px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
font-size: 30px;
font-size: 1.875rem;
}
.navbar a.toggle:hover {
background: #565a5d;
}
.navbar a.toggle:active, .navbar a.toggle.active {
background: #3e4043;
}
}
.navbar .logo {
display: inline-block;
margin: 0 2.08333% 0 0;
padding: 0;
height: 60px;
line-height: 58px;
}
.navbar .logo a {
display: block;
padding: 0;
overflow: hidden;
height: 60px;
line-height: 58px;
}
.navbar .logo a img {
max-height: 95%;
}
@media only screen and (max-width: 767px) {
.navbar .logo {
float: left;
display: inline;
}
.navbar .logo a {
padding: 0;
}
.navbar .logo a img {
width: auto;
height: auto;
max-width: 100%;
}
}
.navbar ul {
display: table;
vertical-align: middle;
margin: 0;
float: none;
}
@media only screen and (max-width: 767px) {
.navbar ul {
position: absolute;
display: block;
width: 100% !important;
height: 0;
max-height: 0;
top: 60px;
left: 0;
overflow: hidden;
text-align: center;
background: #3e4043;
}
.navbar ul.active {
height: auto;
max-height: 600px;
z-index: 999999;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-box-shadow: 0 2px 2px #252728;
-moz-box-shadow: 0 2px 2px #252728;
box-shadow: 0 2px 2px #252728;
}
}
.navbar ul li {
display: table-cell;
text-align: center;
padding-bottom: 0;
margin: 0;
height: 60px;
line-height: 58px;
}
@media only screen and (max-width: 767px) {
.navbar ul li {
display: block;
position: relative;
min-height: 50px;
max-height: 320px;
height: auto;
width: 100%;
border-right: 0 !important;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
}
.navbar ul li > a {
display: block;
padding: 0 16px;
white-space: nowrap;
color: white;
text-shadow: 0 1px 2px #191a1b, 0 1px 0 #191a1b;
height: 60px;
line-height: 58px;
font-size: 16px;
font-size: 1rem;
}
.navbar ul li > a i.icon-popup {
position: absolute;
}
.navbar ul li .btn {
border-color: #000101 !important;
}
.navbar ul li.field {
margin-bottom: 0 !important;
margin-right: 0;
}
@media only screen and (max-width: 767px) {
.navbar ul li.field {
padding: 0 20px;
}
}
.navbar ul li.field input.search {
background: #191a1b;
border: none;
color: #f2f2f2;
}
.navbar ul li .dropdown {
width: auto;
min-width: 0px;
max-width: 320px;
height: 0;
position: absolute;
background: #fafafa;
overflow: hidden;
z-index: 999;
}
@media only screen and (max-width: 767px) {
.navbar ul li .dropdown {
width: 100%;
max-width: 100%;
position: relative;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
.navbar ul li.active .dropdown {
border-bottom: 1px solid #313436;
}
.navbar ul li.active .dropdown ul {
position: relative;
top: 0;
background: #36393b;
min-height: 50px;
max-height: 250px;
height: auto;
overflow: auto;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
.navbar ul li.active .dropdown ul li {
min-height: 50px;
border-bottom: #3e4043;
}
.navbar ul li.active .dropdown ul li a {
color: white;
border-bottom: 1px solid #313436;
}
.navbar ul li.active .dropdown ul li a:hover {
color: #ca2470;
}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.navbar > ul > li > .btn a {
padding: 0 10px 0 10px !important;
}
.navbar ul > li .dropdown ul li.active .dropdown {
left: -320px;
}
}
.navcontain {
height: 80px;
}
@media only screen and (max-width: 768px) {
.navcontain {
height: auto;
}
}
.pretty.navbar {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7b8085), color-stop(100%, #313436));
background-image: -webkit-linear-gradient(#7b8085, #313436);
background-image: -moz-linear-gradient(#7b8085, #313436);
background-image: -o-linear-gradient(#7b8085, #313436);
background-image: linear-gradient(#7b8085, #313436);
-webkit-box-shadow: inset 0 1px 1px #7b8085, 0 1px 2px rgba(0, 0, 0, 0.8) !important;
-moz-box-shadow: inset 0 1px 1px #7b8085, 0 1px 2px rgba(0, 0, 0, 0.8) !important;
box-shadow: inset 0 1px 1px #7b8085, 0 1px 2px rgba(0, 0, 0, 0.8) !important;
/* Remove this line if you dont want a dropshadow on your navigation*/
}
@media only screen and (max-width: 767px) {
.pretty.navbar a.toggle {
border: 1px solid #3e4043;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7b8085), color-stop(100%, #4a4d50));
background-image: -webkit-linear-gradient(#7b8085, #4a4d50);
background-image: -moz-linear-gradient(#7b8085, #4a4d50);
background-image: -o-linear-gradient(#7b8085, #4a4d50);
background-image: linear-gradient(#7b8085, #4a4d50);
-webkit-box-shadow: inset 0 1px 2px #888d91, inset 0 -1px 1px #565a5d, inset 1px 0 1px #565a5d, inset -1px 0 1px #565a5d, 0 1px 1px #63676a;
-moz-box-shadow: inset 0 1px 2px #888d91, inset 0 -1px 1px #565a5d, inset 1px 0 1px #565a5d, inset -1px 0 1px #565a5d, 0 1px 1px #63676a;
box-shadow: inset 0 1px 2px #888d91, inset 0 -1px 1px #565a5d, inset 1px 0 1px #565a5d, inset -1px 0 1px #565a5d, 0 1px 1px #63676a;
}
.pretty.navbar a.toggle i {
text-shadow: 0 1px 1px #191a1b;
}
.pretty.navbar a.toggle:hover {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #888d91), color-stop(100%, #565a5d));
background-image: -webkit-linear-gradient(#888d91, #565a5d);
background-image: -moz-linear-gradient(#888d91, #565a5d);
background-image: -o-linear-gradient(#888d91, #565a5d);
background-image: linear-gradient(#888d91, #565a5d);
}
.pretty.navbar a.toggle:active, .pretty.navbar a.toggle.active {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3e4043), color-stop(100%, #4a4d50));
background-image: -webkit-linear-gradient(#3e4043, #4a4d50);
background-image: -moz-linear-gradient(#3e4043, #4a4d50);
background-image: -o-linear-gradient(#3e4043, #4a4d50);
background-image: linear-gradient(#3e4043, #4a4d50);
-webkit-box-shadow: 0 1px 1px #63676a;
-moz-box-shadow: 0 1px 1px #63676a;
box-shadow: 0 1px 1px #63676a;
}
}
.pretty.navbar.row {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
@media only screen and (max-width: 767px) {
.pretty.navbar.row {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
}
.pretty.navbar ul li.field input.search {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #191a1b), color-stop(100%, #4f5255));
background-image: -webkit-linear-gradient(#191a1b, #4f5255);
background-image: -moz-linear-gradient(#191a1b, #4f5255);
background-image: -o-linear-gradient(#191a1b, #4f5255);
background-image: linear-gradient(#191a1b, #4f5255);
border: none;
-webkit-box-shadow: 0 1px 2px #888d91 !important;
-moz-box-shadow: 0 1px 2px #888d91 !important;
box-shadow: 0 1px 2px #888d91 !important;
/* Remove this line if you dont want a dropshadow on your navigation*/
}
.pretty.navbar > ul > li:first-child, .pretty.navbar .pretty.navbar > ul > li:first-child a:hover {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.navbar li .dropdown {
width: auto;
min-width: 0px;
max-width: 320px;
height: 0;
position: absolute;
background: #fafafa;
overflow: hidden;
z-index: 999;
}
@media only screen and (max-width: 767px) {
.navbar li .dropdown .dropdown {
width: 100%;
max-width: 100%;
position: relative;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
.navbar li .dropdown.active .dropdown {
border-bottom: 1px solid #313436;
}
.navbar li .dropdown.active .dropdown ul {
position: relative;
top: 0;
background: #36393b;
min-height: 50px;
max-height: 250px;
height: auto;
overflow: auto;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
.navbar li .dropdown.active .dropdown ul li {
min-height: 50px;
border-bottom: #3e4043;
}
.navbar li .dropdown.active .dropdown ul li a {
color: white;
border-bottom: 1px solid #313436;
}
.navbar li .dropdown.active .dropdown ul li a:hover {
color: #ca2470;
}
}
.navbar li .dropdown ul {
margin: 0;
display: block;
}
.navbar li .dropdown ul > li {
position: relative;
display: block;
width: 100%;
float: left;
text-align: left;
height: auto;
-webkit-border-radius: none;
-moz-border-radius: none;
-ms-border-radius: none;
-o-border-radius: none;
border-radius: none;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.navbar li .dropdown ul > li {
max-width: 320px;
word-wrap: break-word;
}
}
.navbar li .dropdown ul > li a {
display: block;
padding: 0 20px;
color: #ca2470;
border-bottom: 1px solid #cccccc;
text-shadow: none;
height: 51px;
line-height: 49px;
}
@media only screen and (max-width: 767px) {
.navbar li .dropdown ul > li a {
padding: 0 20px;
}
}
.navbar li .dropdown ul > li .dropdown {
display: none;
background: white;
}
.navbar li .dropdown ul li:first-child a {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.gumby-no-touch .navbar ul li:hover > a,
.gumby-touch .navbar ul li.active > a {
position: relative;
background: #868d92;
z-index: 1000;
}
.gumby-no-touch .navbar ul li:hover .dropdown,
.gumby-touch .navbar ul li.active .dropdown {
min-height: 50px;
max-height: 561px;
overflow: visible;
height: auto;
width: 100%;
padding: 0;
border-top: 1px solid #3e4043;
-webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3);
box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3);
}
.gumby-no-touch .navbar ul li:hover .dropdown ul {
position: relative;
top: 0;
min-height: 50px;
max-height: 250px;
height: auto;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
@media only screen and (max-width: 767px) {
.gumby-no-touch .navbar ul li:hover .dropdown ul {
overflow: auto;
background: #36393b;
}
.gumby-no-touch .navbar ul li:hover .dropdown ul li {
border-bottom: #3e4043;
}
.gumby-no-touch .navbar ul li:hover .dropdown ul li a {
color: white;
border-bottom: 1px solid #313436;
}
.gumby-no-touch .navbar ul li:hover .dropdown ul li a:hover {
color: #ca2470;
}
}
.gumby-no-touch .navbar li .dropdown ul > li:hover .dropdown,
.gumby-touch .navbar li .dropdown ul > li.active .dropdown {
border-top: none;
display: block;
position: absolute;
z-index: 9999;
left: 100%;
top: 0px;
margin-top: 0;
}
@media only screen and (max-width: 767px) {
.gumby-no-touch .navbar li .dropdown ul > li:hover .dropdown,
.gumby-touch .navbar li .dropdown ul > li.active .dropdown {
position: relative;
left: 0;
}
.gumby-no-touch .navbar li .dropdown ul > li:hover .dropdown ul,
.gumby-touch .navbar li .dropdown ul > li.active .dropdown ul {
background: #252728 !important;
}
}
.gumby-no-touch .navbar li .dropdown ul li a:hover {
background: #f2f2f2;
}
.gumby-touch .navbar a:hover {
color: white !important;
}
.subnav {
display: block;
width: auto;
overflow: hidden;
margin: 0 0 18px 0;
padding-top: 4px;
}
.subnav li, .subnav dt, .subnav dd {
float: left;
display: inline;
margin-left: 9px;
margin-bottom: 4px;
}
.subnav li:first-child, .subnav dt:first-child, .subnav dd:first-child {
margin-left: 0;
}
.subnav dt {
color: #f2f2f2;
font-weight: normal;
}
.subnav li a, .subnav dd a {
color: white;
font-size: 15px;
text-decoration: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.subnav li.active a, .subnav dd.active a {
background: #4a4d50;
padding: 5px 9px;
text-shadow: 0 1px 1px #4a4d50;
}
/* Buttons */
.btn, .skiplink {
display: inline-block;
width: auto;
background: #f2f2f2;
-webkit-appearance: none;
font-family: anaheimregular, sans-serif;
font-weight: 600;
padding: 0 !important;
text-align: center;
}
.btn > a, .btn input, .btn button, .skiplink > a, .skiplink input, .skiplink button {
display: block;
padding: 0 18px;
color: white;
height: 100%;
}
.btn input, .btn button, .skiplink input, .skiplink button {
background: none;
border: none;
width: 100%;
font-size: 100%;
cursor: pointer;
font-weight: 400;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.btn.xlarge, .skiplink.xlarge {
font-size: 30px;
font-size: 1.875rem;
height: 66px;
line-height: 64px;
}
.btn.xlarge a, .skiplink.xlarge a {
position: relative;
padding: 0 30px;
}
.btn.xlarge.icon-left a, .skiplink.xlarge.icon-left a {
padding-left: 66px;
}
.btn.xlarge.icon-left a:before, .skiplink.xlarge.icon-left a:before {
left: 20px;
}
.btn.xlarge.icon-right a, .skiplink.xlarge.icon-right a {
padding-right: 66px;
}
.btn.xlarge.icon-right a:after, .skiplink.xlarge.icon-right a:after {
right: 20px;
}
.btn.large, .skiplink.large {
font-size: 26px;
font-size: 1.625rem;
height: 58px;
line-height: 56px;
}
.btn.large a, .skiplink.large a {
position: relative;
padding: 0 26px;
}
.btn.large.icon-left a, .skiplink.large.icon-left a {
padding-left: 58px;
}
.btn.large.icon-left a:before, .skiplink.large.icon-left a:before {
left: 17.33333px;
}
.btn.large.icon-right a, .skiplink.large.icon-right a {
padding-right: 58px;
}
.btn.large.icon-right a:after, .skiplink.large.icon-right a:after {
right: 17.33333px;
}
.btn.medium, .skiplink.medium {
font-size: 16px;
font-size: 1rem;
height: 36px;
line-height: 34px;
}
.btn.medium a, .skiplink.medium a {
position: relative;
padding: 0 16px;
}
.btn.medium.icon-left a, .skiplink.medium.icon-left a {
padding-left: 36px;
}
.btn.medium.icon-left a:before, .skiplink.medium.icon-left a:before {
left: 10.66667px;
}
.btn.medium.icon-right a, .skiplink.medium.icon-right a {
padding-right: 36px;
}
.btn.medium.icon-right a:after, .skiplink.medium.icon-right a:after {
right: 10.66667px;
}
.btn.medium a, .skiplink.medium a {
padding: 0 18px;
}
.btn.small, .skiplink.small {
font-size: 10px;
font-size: 0.625rem;
height: 23px;
line-height: 21px;
}
.btn.small a, .skiplink.small a {
position: relative;
padding: 0 10px;
}
.btn.small.icon-left a, .skiplink.small.icon-left a {
padding-left: 23px;
}
.btn.small.icon-left a:before, .skiplink.small.icon-left a:before {
left: 6.66667px;
}
.btn.small.icon-right a, .skiplink.small.icon-right a {
padding-right: 23px;
}
.btn.small.icon-right a:after, .skiplink.small.icon-right a:after {
right: 6.66667px;
}
.btn.small a, .skiplink.small a {
padding: 0 10px;
}
.btn.oval, .skiplink.oval {
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
-ms-border-radius: 1000px;
-o-border-radius: 1000px;
border-radius: 1000px;
}
.btn.pill-left, .skiplink.pill-left {
-webkit-border-radius: 500px 0 0 500px;
-moz-border-radius: 500px 0 0 500px;
-ms-border-radius: 500px 0 0 500px;
-o-border-radius: 500px 0 0 500px;
border-radius: 500px 0 0 500px;
}
.btn.pill-right, .skiplink.pill-right {
-webkit-border-radius: 0 500px 500px 0;
-moz-border-radius: 0 500px 500px 0;
-ms-border-radius: 0 500px 500px 0;
-o-border-radius: 0 500px 500px 0;
border-radius: 0 500px 500px 0;
}
.btn.primary, .skiplink.primary {
background: #3085d6;
border: 1px solid #3085d6;
}
.btn.primary:hover, .skiplink.primary:hover {
background: #5b9ede;
}
.btn.primary:active, .skiplink.primary:active {
background: #236bb0;
}
.btn.secondary, .skiplink.secondary {
background: #42a35a;
border: 1px solid #42a35a;
}
.btn.secondary:hover, .skiplink.secondary:hover {
background: #5bbd73;
}
.btn.secondary:active, .skiplink.secondary:active {
background: #337f46;
}
.btn.default, .skiplink.default {
background: #f2f2f2;
border: 1px solid #f2f2f2;
color: #555555;
border: 1px solid #f2f2f2;
}
.btn.default:hover, .skiplink.default:hover {
background: white;
}
.btn.default:active, .skiplink.default:active {
background: #d8d8d8;
}
.btn.default:hover, .skiplink.default:hover {
border: 1px solid #e5e5e5;
}
.btn.default a, .btn.default input, .btn.default button, .skiplink.default a, .skiplink.default input, .skiplink.default button {
color: #555555;
}
.btn.info, .skiplink.info {
background: #4a4d50;
border: 1px solid #4a4d50;
}
.btn.info:hover, .skiplink.info:hover {
background: #63676a;
}
.btn.info:active, .skiplink.info:active {
background: #313436;
}
.btn.danger, .skiplink.danger {
background: #ca3838;
border: 1px solid #ca3838;
}
.btn.danger:hover, .skiplink.danger:hover {
background: #d56060;
}
.btn.danger:active, .skiplink.danger:active {
background: #a32c2c;
}
.btn.warning, .skiplink.warning {
background: #f6b83f;
border: 1px solid #f6b83f;
color: #644405;
}
.btn.warning:hover, .skiplink.warning:hover {
background: #f8ca70;
}
.btn.warning:active, .skiplink.warning:active {
background: #f4a60e;
}
.btn.warning a, .btn.warning input, .btn.warning button, .skiplink.warning a, .skiplink.warning input, .skiplink.warning button {
color: #644405;
}
.btn.success, .skiplink.success {
background: #58c026;
border: 1px solid #58c026;
}
.btn.success:hover, .skiplink.success:hover {
background: #72d940;
}
.btn.success:active, .skiplink.success:active {
background: #44951e;
}
.btn.metro, .metro .btn, .metro .skiplink, .btn.metro:hover, .skiplink.metro:hover, .btn.metro:active, .skiplink.metro:active, .skiplink.metro {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.btn.metro.rounded, .metro .rounded.btn, .metro .rounded.skiplink, .rounded.skiplink.metro:hover, .rounded.skiplink.metro:active, .skiplink.metro.rounded {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.btn.pretty, .pretty .btn, .pretty .skiplink, .btn.pretty:hover, .skiplink.pretty:hover, .btn.pretty:active, .skiplink.pretty:active, .skiplink.pretty {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.btn.pretty.squared, .pretty .squared.btn, .pretty .squared.skiplink, .squared.skiplink.pretty:hover, .squared.skiplink.pretty:active, .skiplink.pretty.squared {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.btn.pretty.primary, .pretty .primary.btn, .pretty .primary.skiplink, .primary.skiplink.pretty:hover, .primary.skiplink.pretty:active, .skiplink.pretty.primary {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #85b7e7), color-stop(100%, #2a85dc));
background-image: -webkit-linear-gradient(#85b7e7, #2a85dc);
background-image: -moz-linear-gradient(#85b7e7, #2a85dc);
background-image: -o-linear-gradient(#85b7e7, #2a85dc);
background-image: linear-gradient(#85b7e7, #2a85dc);
-webkit-box-shadow: inset 0 0 3px #f0f6fc;
-moz-box-shadow: inset 0 0 3px #f0f6fc;
box-shadow: inset 0 0 3px #f0f6fc;
border: 1px solid #1f5e9b;
}
.pretty .primary.btn:hover, .pretty .primary.skiplink:hover, .primary.btn.pretty:hover, .primary.skiplink.pretty:hover, .skiplink.pretty.primary:hover {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a2d4fc), color-stop(100%, #54b2fe));
background-image: -webkit-linear-gradient(#a2d4fc, #54b2fe);
background-image: -moz-linear-gradient(#a2d4fc, #54b2fe);
background-image: -o-linear-gradient(#a2d4fc, #54b2fe);
background-image: linear-gradient(#a2d4fc, #54b2fe);
-webkit-box-shadow: inset 0 0 3px white;
-moz-box-shadow: inset 0 0 3px white;
box-shadow: inset 0 0 3px white;
border: 1px solid #0e90f8;
}
.pretty .primary.btn:active, .pretty .primary.skiplink:active, .primary.btn.pretty:active, .primary.skiplink.pretty:active, .skiplink.pretty.primary:active {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2a85dc), color-stop(100%, #85b7e7));
background-image: -webkit-linear-gradient(#2a85dc, #85b7e7);
background-image: -moz-linear-gradient(#2a85dc, #85b7e7);
background-image: -o-linear-gradient(#2a85dc, #85b7e7);
background-image: linear-gradient(#2a85dc, #85b7e7);
-webkit-box-shadow: inset 0 0 3px white;
-moz-box-shadow: inset 0 0 3px white;
box-shadow: inset 0 0 3px white;
}
.btn.pretty.primary a, .pretty .primary.btn a, .pretty .primary.skiplink a, .primary.skiplink.pretty:hover a, .primary.skiplink.pretty:active a, .btn.pretty.primary input, .pretty .primary.btn input, .pretty .primary.skiplink input, .primary.skiplink.pretty:hover input, .primary.skiplink.pretty:active input, .btn.pretty.primary button, .pretty .primary.btn button, .pretty .primary.skiplink button, .primary.skiplink.pretty:hover button, .primary.skiplink.pretty:active button, .skiplink.pretty.primary a, .skiplink.pretty.primary input, .skiplink.pretty.primary button {
text-shadow: 0 1px 1px #1a5186;
}
.btn.pretty.secondary, .pretty .secondary.btn, .pretty .secondary.skiplink, .secondary.skiplink.pretty:hover, .secondary.skiplink.pretty:active, .skiplink.pretty.secondary {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #80cb92), color-stop(100%, #3ca957));
background-image: -webkit-linear-gradient(#80cb92, #3ca957);
background-image: -moz-linear-gradient(#80cb92, #3ca957);
background-image: -o-linear-gradient(#80cb92, #3ca957);
background-image: linear-gradient(#80cb92, #3ca957);
-webkit-box-shadow: inset 0 0 3px #daf0e0;
-moz-box-shadow: inset 0 0 3px #daf0e0;
box-shadow: inset 0 0 3px #daf0e0;
border: 1px solid #2c6d3c;
}
.pretty .secondary.btn:hover, .pretty .secondary.skiplink:hover, .secondary.btn.pretty:hover, .secondary.skiplink.pretty:hover, .skiplink.pretty.secondary:hover {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a1d3ad), color-stop(100%, #68c07d));
background-image: -webkit-linear-gradient(#a1d3ad, #68c07d);
background-image: -moz-linear-gradient(#a1d3ad, #68c07d);
background-image: -o-linear-gradient(#a1d3ad, #68c07d);
background-image: linear-gradient(#a1d3ad, #68c07d);
-webkit-box-shadow: inset 0 0 3px #f8fcf9;
-moz-box-shadow: inset 0 0 3px #f8fcf9;
box-shadow: inset 0 0 3px #f8fcf9;
border: 1px solid #469659;
}
.pretty .secondary.btn:active, .pretty .secondary.skiplink:active, .secondary.btn.pretty:active, .secondary.skiplink.pretty:active, .skiplink.pretty.secondary:active {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3ca957), color-stop(100%, #80cb92));
background-image: -webkit-linear-gradient(#3ca957, #80cb92);
background-image: -moz-linear-gradient(#3ca957, #80cb92);
background-image: -o-linear-gradient(#3ca957, #80cb92);
background-image: linear-gradient(#3ca957, #80cb92);
-webkit-box-shadow: inset 0 0 3px #ecf8ef;
-moz-box-shadow: inset 0 0 3px #ecf8ef;
box-shadow: inset 0 0 3px #ecf8ef;
}
.btn.pretty.secondary a, .pretty .secondary.btn a, .pretty .secondary.skiplink a, .secondary.skiplink.pretty:hover a, .secondary.skiplink.pretty:active a, .btn.pretty.secondary input, .pretty .secondary.btn input, .pretty .secondary.skiplink input, .secondary.skiplink.pretty:hover input, .secondary.skiplink.pretty:active input, .btn.pretty.secondary button, .pretty .secondary.btn button, .pretty .secondary.skiplink button, .secondary.skiplink.pretty:hover button, .secondary.skiplink.pretty:active button, .skiplink.pretty.secondary a, .skiplink.pretty.secondary input, .skiplink.pretty.secondary button {
text-shadow: 0 1px 1px #255a32;
}
.btn.pretty.default, .pretty .default.btn, .pretty .default.skiplink, .default.skiplink.pretty:hover, .default.skiplink.pretty:active, .skiplink.pretty.default {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f3f1f1));
background-image: -webkit-linear-gradient(#ffffff, #f3f1f1);
background-image: -moz-linear-gradient(#ffffff, #f3f1f1);
background-image: -o-linear-gradient(#ffffff, #f3f1f1);
background-image: linear-gradient(#ffffff, #f3f1f1);
-webkit-box-shadow: inset 0 0 3px white;
-moz-box-shadow: inset 0 0 3px white;
box-shadow: inset 0 0 3px white;
border: 1px solid #cccccc;
}
.pretty .default.btn:hover, .pretty .default.skiplink:hover, .default.btn.pretty:hover, .default.skiplink.pretty:hover, .skiplink.pretty.default:hover {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
background-image: -webkit-linear-gradient(#ffffff, #ffffff);
background-image: -moz-linear-gradient(#ffffff, #ffffff);
background-image: -o-linear-gradient(#ffffff, #ffffff);
background-image: linear-gradient(#ffffff, #ffffff);
-webkit-box-shadow: inset 0 0 3px white;
-moz-box-shadow: inset 0 0 3px white;
box-shadow: inset 0 0 3px white;
border: 1px solid #d9d9d9;
}
.pretty .default.btn:active, .pretty .default.skiplink:active, .default.btn.pretty:active, .default.skiplink.pretty:active, .skiplink.pretty.default:active {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f3f1f1), color-stop(100%, #ffffff));
background-image: -webkit-linear-gradient(#f3f1f1, #ffffff);
background-image: -moz-linear-gradient(#f3f1f1, #ffffff);
background-image: -o-linear-gradient(#f3f1f1, #ffffff);
background-image: linear-gradient(#f3f1f1, #ffffff);
-webkit-box-shadow: inset 0 0 3px white;
-moz-box-shadow: inset 0 0 3px white;
box-shadow: inset 0 0 3px white;
}
.btn.pretty.default a, .pretty .default.btn a, .pretty .default.skiplink a, .default.skiplink.pretty:hover a, .default.skiplink.pretty:active a, .btn.pretty.default input, .pretty .default.btn input, .pretty .default.skiplink input, .default.skiplink.pretty:hover input, .default.skiplink.pretty:active input, .btn.pretty.default button, .pretty .default.btn button, .pretty .default.skiplink button, .default.skiplink.pretty:hover button, .default.skiplink.pretty:active button, .skiplink.pretty.default a, .skiplink.pretty.default input, .skiplink.pretty.default button {
text-shadow: 0 1px 1px white;
}
.btn.pretty.info, .pretty .info.btn, .pretty .info.skiplink, .info.skiplink.pretty:hover, .info.skiplink.pretty:active, .skiplink.pretty.info {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7b8085), color-stop(100%, #464d54));
background-image: -webkit-linear-gradient(#7b8085, #464d54);
background-image: -moz-linear-gradient(#7b8085, #464d54);
background-image: -o-linear-gradient(#7b8085, #464d54);
background-image: linear-gradient(#7b8085, #464d54);
-webkit-box-shadow: inset 0 0 3px #bdc0c2;
-moz-box-shadow: inset 0 0 3px #bdc0c2;
box-shadow: inset 0 0 3px #bdc0c2;
border: 1px solid #252728;
}
.pretty .info.btn:hover, .pretty .info.skiplink:hover, .info.btn.pretty:hover, .info.skiplink.pretty:hover, .skiplink.pretty.info:hover {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #aeb3b6), color-stop(100%, #808e98));
background-image: -webkit-linear-gradient(#aeb3b6, #808e98);
background-image: -moz-linear-gradient(#aeb3b6, #808e98);
background-image: -o-linear-gradient(#aeb3b6, #808e98);
background-image: linear-gradient(#aeb3b6, #808e98);
-webkit-box-shadow: inset 0 0 3px #f1f2f3;
-moz-box-shadow: inset 0 0 3px #f1f2f3;
box-shadow: inset 0 0 3px #f1f2f3;
border: 1px solid #60676b;
}
.pretty .info.btn:active, .pretty .info.skiplink:active, .info.btn.pretty:active, .info.skiplink.pretty:active, .skiplink.pretty.info:active {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #464d54), color-stop(100%, #7b8085));
background-image: -webkit-linear-gradient(#464d54, #7b8085);
background-image: -moz-linear-gradient(#464d54, #7b8085);
background-image: -o-linear-gradient(#464d54, #7b8085);
background-image: linear-gradient(#464d54, #7b8085);
-webkit-box-shadow: inset 0 0 3px #cbcdce;
-moz-box-shadow: inset 0 0 3px #cbcdce;
box-shadow: inset 0 0 3px #cbcdce;
}
.btn.pretty.info a, .pretty .info.btn a, .pretty .info.skiplink a, .info.skiplink.pretty:hover a, .info.skiplink.pretty:active a, .btn.pretty.info input, .pretty .info.btn input, .pretty .info.skiplink input, .info.skiplink.pretty:hover input, .info.skiplink.pretty:active input, .btn.pretty.info button, .pretty .info.btn button, .pretty .info.skiplink button, .info.skiplink.pretty:hover button, .info.skiplink.pretty:active button, .skiplink.pretty.info a, .skiplink.pretty.info input, .skiplink.pretty.info button {
text-shadow: 0 1px 1px #191a1b;
}
.btn.pretty.danger, .pretty .danger.btn, .pretty .danger.skiplink, .danger.skiplink.pretty:hover, .danger.skiplink.pretty:active, .skiplink.pretty.danger {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #df8989), color-stop(100%, #d03232));
background-image: -webkit-linear-gradient(#df8989, #d03232);
background-image: -moz-linear-gradient(#df8989, #d03232);
background-image: -o-linear-gradient(#df8989, #d03232);
background-image: linear-gradient(#df8989, #d03232);
-webkit-box-shadow: inset 0 0 3px #faeded;
-moz-box-shadow: inset 0 0 3px #faeded;
box-shadow: inset 0 0 3px #faeded;
border: 1px solid #8f2626;
}
.pretty .danger.btn:hover, .pretty .danger.skiplink:hover, .danger.btn.pretty:hover, .danger.skiplink.pretty:hover, .skiplink.pretty.danger:hover {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f79696), color-stop(100%, #f64a4a));
background-image: -webkit-linear-gradient(#f79696, #f64a4a);
background-image: -moz-linear-gradient(#f79696, #f64a4a);
background-image: -o-linear-gradient(#f79696, #f64a4a);
background-image: linear-gradient(#f79696, #f64a4a);
-webkit-box-shadow: inset 0 0 3px white;
-moz-box-shadow: inset 0 0 3px white;
box-shadow: inset 0 0 3px white;
border: 1px solid #e21212;
}
.pretty .danger.btn:active, .pretty .danger.skiplink:active, .danger.btn.pretty:active, .danger.skiplink.pretty:active, .skiplink.pretty.danger:active {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d03232), color-stop(100%, #df8989));
background-image: -webkit-linear-gradient(#d03232, #df8989);
background-image: -moz-linear-gradient(#d03232, #df8989);
background-image: -o-linear-gradient(#d03232, #df8989);
background-image: linear-gradient(#d03232, #df8989);
-webkit-box-shadow: inset 0 0 3px white;
-moz-box-shadow: inset 0 0 3px white;
box-shadow: inset 0 0 3px white;
}
.btn.pretty.danger a, .pretty .danger.btn a, .pretty .danger.skiplink a, .danger.skiplink.pretty:hover a, .danger.skiplink.pretty:active a, .btn.pretty.danger input, .pretty .danger.btn input, .pretty .danger.skiplink input, .danger.skiplink.pretty:hover input, .danger.skiplink.pretty:active input, .btn.pretty.danger button, .pretty .danger.btn button, .pretty .danger.skiplink button, .danger.skiplink.pretty:hover button, .danger.skiplink.pretty:active button, .skiplink.pretty.danger a, .skiplink.pretty.danger input, .skiplink.pretty.danger button {
text-shadow: 0 1px 1px #7b2121;
}
.btn.pretty.warning, .pretty .warning.btn, .pretty .warning.skiplink, .warning.skiplink.pretty:hover, .warning.skiplink.pretty:active, .skiplink.pretty.warning {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbdca0), color-stop(100%, #fbba3a));
background-image: -webkit-linear-gradient(#fbdca0, #fbba3a);
background-image: -moz-linear-gradient(#fbdca0, #fbba3a);
background-image: -o-linear-gradient(#fbdca0, #fbba3a);
background-image: linear-gradient(#fbdca0, #fbba3a);
-webkit-box-shadow: inset 0 0 3px white;
-moz-box-shadow: inset 0 0 3px white;
box-shadow: inset 0 0 3px white;
border: 1px solid #de960a;
color: #644405;
}
.pretty .warning.btn:hover, .pretty .warning.skiplink:hover, .warning.btn.pretty:hover, .warning.skiplink.pretty:hover, .skiplink.pretty.warning:hover {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #feecca), color-stop(100%, #ffd37d));
background-image: -webkit-linear-gradient(#feecca, #ffd37d);
background-image: -moz-linear-gradient(#feecca, #ffd37d);
background-image: -o-linear-gradient(#feecca, #ffd37d);
background-image: linear-gradient(#feecca, #ffd37d);
-webkit-box-shadow: inset 0 0 3px white;
-moz-box-shadow: inset 0 0 3px white;
box-shadow: inset 0 0 3px white;
border: 1px solid #fcb834;
}
.pretty .warning.btn:active, .pretty .warning.skiplink:active, .warning.btn.pretty:active, .warning.skiplink.pretty:active, .skiplink.pretty.warning:active {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbba3a), color-stop(100%, #fbdca0));
background-image: -webkit-linear-gradient(#fbba3a, #fbdca0);
background-image: -moz-linear-gradient(#fbba3a, #fbdca0);
background-image: -o-linear-gradient(#fbba3a, #fbdca0);
background-image: linear-gradient(#fbba3a, #fbdca0);
-webkit-box-shadow: inset 0 0 3px white;
-moz-box-shadow: inset 0 0 3px white;
box-shadow: inset 0 0 3px white;
}
.btn.pretty.warning a, .pretty .warning.btn a, .pretty .warning.skiplink a, .warning.skiplink.pretty:hover a, .warning.skiplink.pretty:active a, .btn.pretty.warning input, .pretty .warning.btn input, .pretty .warning.skiplink input, .warning.skiplink.pretty:hover input, .warning.skiplink.pretty:active input, .btn.pretty.warning button, .pretty .warning.btn button, .pretty .warning.skiplink button, .warning.skiplink.pretty:hover button, .warning.skiplink.pretty:active button, .skiplink.pretty.warning a, .skiplink.pretty.warning input, .skiplink.pretty.warning button {
text-shadow: 0 1px 1px #fbdca0;
}
.btn.pretty.success, .pretty .success.btn, .pretty .success.skiplink, .success.skiplink.pretty:hover, .success.skiplink.pretty:active, .skiplink.pretty.success {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #91e26a), color-stop(100%, #56c620));
background-image: -webkit-linear-gradient(#91e26a, #56c620);
background-image: -moz-linear-gradient(#91e26a, #56c620);
background-image: -o-linear-gradient(#91e26a, #56c620);
background-image: linear-gradient(#91e26a, #56c620);
-webkit-box-shadow: inset 0 0 3px #e0f7d5;
-moz-box-shadow: inset 0 0 3px #e0f7d5;
box-shadow: inset 0 0 3px #e0f7d5;
border: 1px solid #3b8019;
}
.pretty .success.btn:hover, .pretty .success.skiplink:hover, .success.btn.pretty:hover, .success.skiplink.pretty:hover, .skiplink.pretty.success:hover {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #96e570), color-stop(100%, #64df29));
background-image: -webkit-linear-gradient(#96e570, #64df29);
background-image: -moz-linear-gradient(#96e570, #64df29);
background-image: -o-linear-gradient(#96e570, #64df29);
background-image: linear-gradient(#96e570, #64df29);
-webkit-box-shadow: inset 0 0 3px #e5f9db;
-moz-box-shadow: inset 0 0 3px #e5f9db;
box-shadow: inset 0 0 3px #e5f9db;
border: 1px solid #479f1d;
}
.pretty .success.btn:active, .pretty .success.skiplink:active, .success.btn.pretty:active, .success.skiplink.pretty:active, .skiplink.pretty.success:active {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #56c620), color-stop(100%, #91e26a));
background-image: -webkit-linear-gradient(#56c620, #91e26a);
background-image: -moz-linear-gradient(#56c620, #91e26a);
background-image: -o-linear-gradient(#56c620, #91e26a);
background-image: linear-gradient(#56c620, #91e26a);
-webkit-box-shadow: inset 0 0 3px #f0fbea;
-moz-box-shadow: inset 0 0 3px #f0fbea;
box-shadow: inset 0 0 3px #f0fbea;
}
.btn.pretty.success a, .pretty .success.btn a, .pretty .success.skiplink a, .success.skiplink.pretty:hover a, .success.skiplink.pretty:active a, .btn.pretty.success input, .pretty .success.btn input, .pretty .success.skiplink input, .success.skiplink.pretty:hover input, .success.skiplink.pretty:active input, .btn.pretty.success button, .pretty .success.btn button, .pretty .success.skiplink button, .success.skiplink.pretty:hover button, .success.skiplink.pretty:active button, .skiplink.pretty.success a, .skiplink.pretty.success input, .skiplink.pretty.success button {
text-shadow: 0 1px 1px #316b15;
}
/* Icons */
[class^="icon-"] a:before,
[class*=" icon-"] a:before,
[class^="icon-"] a:after,
[class*=" icon-"] a:after,
i[class^="icon-"],
i[class*=" icon-"] {
font-family: "entypo";
position: absolute;
text-decoration: none;
zoom: 1;
}
i[class^="icon-"],
i[class*=" icon-"] {
display: inline-block;
position: static;
min-width: 20px;
margin: 0 5px;
text-align: center;
}
.icon-note.icon-left a:before, .icon-note.icon-right a:after {
content: "\266a";
height: inherit;
}
i.icon-note:before {
content: "\266a";
height: inherit;
}
.icon-note-beamed.icon-left a:before, .icon-note-beamed.icon-right a:after {
content: "\266b";
height: inherit;
}
i.icon-note-beamed:before {
content: "\266b";
height: inherit;
}
.icon-music.icon-left a:before, .icon-music.icon-right a:after {
content: "🎵";
height: inherit;
}
i.icon-music:before {
content: "🎵";
height: inherit;
}
.icon-search.icon-left a:before, .icon-search.icon-right a:after {
content: "🔍";
height: inherit;
}
i.icon-search:before {
content: "🔍";
height: inherit;
}
.icon-flashlight.icon-left a:before, .icon-flashlight.icon-right a:after {
content: "🔦";
height: inherit;
}
i.icon-flashlight:before {
content: "🔦";
height: inherit;
}
.icon-mail.icon-left a:before, .icon-mail.icon-right a:after {
content: "\2709";
height: inherit;
}
i.icon-mail:before {
content: "\2709";
height: inherit;
}
.icon-heart.icon-left a:before, .icon-heart.icon-right a:after {
content: "\2665";
height: inherit;
}
i.icon-heart:before {
content: "\2665";
height: inherit;
}
.icon-heart-empty.icon-left a:before, .icon-heart-empty.icon-right a:after {
content: "\2661";
height: inherit;
}
i.icon-heart-empty:before {
content: "\2661";
height: inherit;
}
.icon-star.icon-left a:before, .icon-star.icon-right a:after {
content: "\2605";
height: inherit;
}
i.icon-star:before {
content: "\2605";
height: inherit;
}
.icon-star-empty.icon-left a:before, .icon-star-empty.icon-right a:after {
content: "\2606";
height: inherit;
}
i.icon-star-empty:before {
content: "\2606";
height: inherit;
}
.icon-user.icon-left a:before, .icon-user.icon-right a:after {
content: "👤";
height: inherit;
}
i.icon-user:before {
content: "👤";
height: inherit;
}
.icon-users.icon-left a:before, .icon-users.icon-right a:after {
content: "👥";
height: inherit;
}
i.icon-users:before {
content: "👥";
height: inherit;
}
.icon-user-add.icon-left a:before, .icon-user-add.icon-right a:after {
content: "\e700";
height: inherit;
}
i.icon-user-add:before {
content: "\e700";
height: inherit;
}
.icon-video.icon-left a:before, .icon-video.icon-right a:after {
content: "🎬";
height: inherit;
}
i.icon-video:before {
content: "🎬";
height: inherit;
}
.icon-picture.icon-left a:before, .icon-picture.icon-right a:after {
content: "🌄";
height: inherit;
}
i.icon-picture:before {
content: "🌄";
height: inherit;
}
.icon-camera.icon-left a:before, .icon-camera.icon-right a:after {
content: "📷";
height: inherit;
}
i.icon-camera:before {
content: "📷";
height: inherit;
}
.icon-layout.icon-left a:before, .icon-layout.icon-right a:after {
content: "\268f";
height: inherit;
}
i.icon-layout:before {
content: "\268f";
height: inherit;
}
.icon-menu.icon-left a:before, .icon-menu.icon-right a:after {
content: "\2630";
height: inherit;
}
i.icon-menu:before {
content: "\2630";
height: inherit;
}
.icon-check.icon-left a:before, .icon-check.icon-right a:after {
content: "\2713";
height: inherit;
}
i.icon-check:before {
content: "\2713";
height: inherit;
}
.icon-cancel.icon-left a:before, .icon-cancel.icon-right a:after {
content: "\2715";
height: inherit;
}
i.icon-cancel:before {
content: "\2715";
height: inherit;
}
.icon-cancel-circled.icon-left a:before, .icon-cancel-circled.icon-right a:after {
content: "\2716";
height: inherit;
}
i.icon-cancel-circled:before {
content: "\2716";
height: inherit;
}
.icon-cancel-squared.icon-left a:before, .icon-cancel-squared.icon-right a:after {
content: "\274e";
height: inherit;
}
i.icon-cancel-squared:before {
content: "\274e";
height: inherit;
}
.icon-plus.icon-left a:before, .icon-plus.icon-right a:after {
content: "\2b";
height: inherit;
}
i.icon-plus:before {
content: "\2b";
height: inherit;
}
.icon-plus-circled.icon-left a:before, .icon-plus-circled.icon-right a:after {
content: "\2795";
height: inherit;
}
i.icon-plus-circled:before {
content: "\2795";
height: inherit;
}
.icon-plus-squared.icon-left a:before, .icon-plus-squared.icon-right a:after {
content: "\229e";
height: inherit;
}
i.icon-plus-squared:before {
content: "\229e";
height: inherit;
}
.icon-minus.icon-left a:before, .icon-minus.icon-right a:after {
content: "\2d";
height: inherit;
}
i.icon-minus:before {
content: "\2d";
height: inherit;
}
.icon-minus-circled.icon-left a:before, .icon-minus-circled.icon-right a:after {
content: "\2796";
height: inherit;
}
i.icon-minus-circled:before {
content: "\2796";
height: inherit;
}
.icon-minus-squared.icon-left a:before, .icon-minus-squared.icon-right a:after {
content: "\229f";
height: inherit;
}
i.icon-minus-squared:before {
content: "\229f";
height: inherit;
}
.icon-help.icon-left a:before, .icon-help.icon-right a:after {
content: "\2753";
height: inherit;
}
i.icon-help:before {
content: "\2753";
height: inherit;
}
.icon-help-circled.icon-left a:before, .icon-help-circled.icon-right a:after {
content: "\e704";
height: inherit;
}
i.icon-help-circled:before {
content: "\e704";
height: inherit;
}
.icon-info.icon-left a:before, .icon-info.icon-right a:after {
content: "\2139";
height: inherit;
}
i.icon-info:before {
content: "\2139";
height: inherit;
}
.icon-info-circled.icon-left a:before, .icon-info-circled.icon-right a:after {
content: "\e705";
height: inherit;
}
i.icon-info-circled:before {
content: "\e705";
height: inherit;
}
.icon-back.icon-left a:before, .icon-back.icon-right a:after {
content: "🔙";
height: inherit;
}
i.icon-back:before {
content: "🔙";
height: inherit;
}
.icon-home.icon-left a:before, .icon-home.icon-right a:after {
content: "\2302";
height: inherit;
}
i.icon-home:before {
content: "\2302";
height: inherit;
}
.icon-link.icon-left a:before, .icon-link.icon-right a:after {
content: "🔗";
height: inherit;
}
i.icon-link:before {
content: "🔗";
height: inherit;
}
.icon-attach.icon-left a:before, .icon-attach.icon-right a:after {
content: "📎";
height: inherit;
}
i.icon-attach:before {
content: "📎";
height: inherit;
}
.icon-lock.icon-left a:before, .icon-lock.icon-right a:after {
content: "🔒";
height: inherit;
}
i.icon-lock:before {
content: "🔒";
height: inherit;
}
.icon-lock-open.icon-left a:before, .icon-lock-open.icon-right a:after {
content: "🔓";
height: inherit;
}
i.icon-lock-open:before {
content: "🔓";
height: inherit;
}
.icon-eye.icon-left a:before, .icon-eye.icon-right a:after {
content: "\e70a";
height: inherit;
}
i.icon-eye:before {
content: "\e70a";
height: inherit;
}
.icon-tag.icon-left a:before, .icon-tag.icon-right a:after {
content: "\e70c";
height: inherit;
}
i.icon-tag:before {
content: "\e70c";
height: inherit;
}
.icon-bookmark.icon-left a:before, .icon-bookmark.icon-right a:after {
content: "🔖";
height: inherit;
}
i.icon-bookmark:before {
content: "🔖";
height: inherit;
}
.icon-bookmarks.icon-left a:before, .icon-bookmarks.icon-right a:after {
content: "📑";
height: inherit;
}
i.icon-bookmarks:before {
content: "📑";
height: inherit;
}
.icon-flag.icon-left a:before, .icon-flag.icon-right a:after {
content: "\2691";
height: inherit;
}
i.icon-flag:before {
content: "\2691";
height: inherit;
}
.icon-thumbs-up.icon-left a:before, .icon-thumbs-up.icon-right a:after {
content: "👍";
height: inherit;
}
i.icon-thumbs-up:before {
content: "👍";
height: inherit;
}
.icon-thumbs-down.icon-left a:before, .icon-thumbs-down.icon-right a:after {
content: "👎";
height: inherit;
}
i.icon-thumbs-down:before {
content: "👎";
height: inherit;
}
.icon-download.icon-left a:before, .icon-download.icon-right a:after {
content: "📥";
height: inherit;
}
i.icon-download:before {
content: "📥";
height: inherit;
}
.icon-upload.icon-left a:before, .icon-upload.icon-right a:after {
content: "📤";
height: inherit;
}
i.icon-upload:before {
content: "📤";
height: inherit;
}
.icon-upload-cloud.icon-left a:before, .icon-upload-cloud.icon-right a:after {
content: "\e711";
height: inherit;
}
i.icon-upload-cloud:before {
content: "\e711";
height: inherit;
}
.icon-reply.icon-left a:before, .icon-reply.icon-right a:after {
content: "\e712";
height: inherit;
}
i.icon-reply:before {
content: "\e712";
height: inherit;
}
.icon-reply-all.icon-left a:before, .icon-reply-all.icon-right a:after {
content: "\e713";
height: inherit;
}
i.icon-reply-all:before {
content: "\e713";
height: inherit;
}
.icon-forward.icon-left a:before, .icon-forward.icon-right a:after {
content: "\27a6";
height: inherit;
}
i.icon-forward:before {
content: "\27a6";
height: inherit;
}
.icon-quote.icon-left a:before, .icon-quote.icon-right a:after {
content: "\275e";
height: inherit;
}
i.icon-quote:before {
content: "\275e";
height: inherit;
}
.icon-code.icon-left a:before, .icon-code.icon-right a:after {
content: "\e714";
height: inherit;
}
i.icon-code:before {
content: "\e714";
height: inherit;
}
.icon-export.icon-left a:before, .icon-export.icon-right a:after {
content: "\e715";
height: inherit;
}
i.icon-export:before {
content: "\e715";
height: inherit;
}
.icon-pencil.icon-left a:before, .icon-pencil.icon-right a:after {
content: "\270e";
height: inherit;
}
i.icon-pencil:before {
content: "\270e";
height: inherit;
}
.icon-feather.icon-left a:before, .icon-feather.icon-right a:after {
content: "\2712";
height: inherit;
}
i.icon-feather:before {
content: "\2712";
height: inherit;
}
.icon-print.icon-left a:before, .icon-print.icon-right a:after {
content: "\e716";
height: inherit;
}
i.icon-print:before {
content: "\e716";
height: inherit;
}
.icon-retweet.icon-left a:before, .icon-retweet.icon-right a:after {
content: "\e717";
height: inherit;
}
i.icon-retweet:before {
content: "\e717";
height: inherit;
}
.icon-keyboard.icon-left a:before, .icon-keyboard.icon-right a:after {
content: "\2328";
height: inherit;
}
i.icon-keyboard:before {
content: "\2328";
height: inherit;
}
.icon-comment.icon-left a:before, .icon-comment.icon-right a:after {
content: "\e718";
height: inherit;
}
i.icon-comment:before {
content: "\e718";
height: inherit;
}
.icon-chat.icon-left a:before, .icon-chat.icon-right a:after {
content: "\e720";
height: inherit;
}
i.icon-chat:before {
content: "\e720";
height: inherit;
}
.icon-bell.icon-left a:before, .icon-bell.icon-right a:after {
content: "🔔";
height: inherit;
}
i.icon-bell:before {
content: "🔔";
height: inherit;
}
.icon-attention.icon-left a:before, .icon-attention.icon-right a:after {
content: "\26a0";
height: inherit;
}
i.icon-attention:before {
content: "\26a0";
height: inherit;
}
.icon-alert.icon-left a:before, .icon-alert.icon-right a:after {
content: "💥";
height: inherit;
}
i.icon-alert:before {
content: "💥";
height: inherit;
}
.icon-vcard.icon-left a:before, .icon-vcard.icon-right a:after {
content: "\e722";
height: inherit;
}
i.icon-vcard:before {
content: "\e722";
height: inherit;
}
.icon-address.icon-left a:before, .icon-address.icon-right a:after {
content: "\e723";
height: inherit;
}
i.icon-address:before {
content: "\e723";
height: inherit;
}
.icon-location.icon-left a:before, .icon-location.icon-right a:after {
content: "\e724";
height: inherit;
}
i.icon-location:before {
content: "\e724";
height: inherit;
}
.icon-map.icon-left a:before, .icon-map.icon-right a:after {
content: "\e727";
height: inherit;
}
i.icon-map:before {
content: "\e727";
height: inherit;
}
.icon-direction.icon-left a:before, .icon-direction.icon-right a:after {
content: "\27a2";
height: inherit;
}
i.icon-direction:before {
content: "\27a2";
height: inherit;
}
.icon-compass.icon-left a:before, .icon-compass.icon-right a:after {
content: "\e728";
height: inherit;
}
i.icon-compass:before {
content: "\e728";
height: inherit;
}
.icon-cup.icon-left a:before, .icon-cup.icon-right a:after {
content: "\2615";
height: inherit;
}
i.icon-cup:before {
content: "\2615";
height: inherit;
}
.icon-trash.icon-left a:before, .icon-trash.icon-right a:after {
content: "\e729";
height: inherit;
}
i.icon-trash:before {
content: "\e729";
height: inherit;
}
.icon-doc.icon-left a:before, .icon-doc.icon-right a:after {
content: "\e730";
height: inherit;
}
i.icon-doc:before {
content: "\e730";
height: inherit;
}
.icon-docs.icon-left a:before, .icon-docs.icon-right a:after {
content: "\e736";
height: inherit;
}
i.icon-docs:before {
content: "\e736";
height: inherit;
}
.icon-doc-landscape.icon-left a:before, .icon-doc-landscape.icon-right a:after {
content: "\e737";
height: inherit;
}
i.icon-doc-landscape:before {
content: "\e737";
height: inherit;
}
.icon-doc-text.icon-left a:before, .icon-doc-text.icon-right a:after {
content: "📄";
height: inherit;
}
i.icon-doc-text:before {
content: "📄";
height: inherit;
}
.icon-doc-text-inv.icon-left a:before, .icon-doc-text-inv.icon-right a:after {
content: "\e731";
height: inherit;
}
i.icon-doc-text-inv:before {
content: "\e731";
height: inherit;
}
.icon-newspaper.icon-left a:before, .icon-newspaper.icon-right a:after {
content: "📰";
height: inherit;
}
i.icon-newspaper:before {
content: "📰";
height: inherit;
}
.icon-book-open.icon-left a:before, .icon-book-open.icon-right a:after {
content: "📖";
height: inherit;
}
i.icon-book-open:before {
content: "📖";
height: inherit;
}
.icon-book.icon-left a:before, .icon-book.icon-right a:after {
content: "📕";
height: inherit;
}
i.icon-book:before {
content: "📕";
height: inherit;
}
.icon-folder.icon-left a:before, .icon-folder.icon-right a:after {
content: "📁";
height: inherit;
}
i.icon-folder:before {
content: "📁";
height: inherit;
}
.icon-archive.icon-left a:before, .icon-archive.icon-right a:after {
content: "\e738";
height: inherit;
}
i.icon-archive:before {
content: "\e738";
height: inherit;
}
.icon-box.icon-left a:before, .icon-box.icon-right a:after {
content: "📦";
height: inherit;
}
i.icon-box:before {
content: "📦";
height: inherit;
}
.icon-rss.icon-left a:before, .icon-rss.icon-right a:after {
content: "\e73a";
height: inherit;
}
i.icon-rss:before {
content: "\e73a";
height: inherit;
}
.icon-phone.icon-left a:before, .icon-phone.icon-right a:after {
content: "📞";
height: inherit;
}
i.icon-phone:before {
content: "📞";
height: inherit;
}
.icon-cog.icon-left a:before, .icon-cog.icon-right a:after {
content: "\2699";
height: inherit;
}
i.icon-cog:before {
content: "\2699";
height: inherit;
}
.icon-tools.icon-left a:before, .icon-tools.icon-right a:after {
content: "\2692";
height: inherit;
}
i.icon-tools:before {
content: "\2692";
height: inherit;
}
.icon-share.icon-left a:before, .icon-share.icon-right a:after {
content: "\e73c";
height: inherit;
}
i.icon-share:before {
content: "\e73c";
height: inherit;
}
.icon-shareable.icon-left a:before, .icon-shareable.icon-right a:after {
content: "\e73e";
height: inherit;
}
i.icon-shareable:before {
content: "\e73e";
height: inherit;
}
.icon-basket.icon-left a:before, .icon-basket.icon-right a:after {
content: "\e73d";
height: inherit;
}
i.icon-basket:before {
content: "\e73d";
height: inherit;
}
.icon-bag.icon-left a:before, .icon-bag.icon-right a:after {
content: "👜";
height: inherit;
}
i.icon-bag:before {
content: "👜";
height: inherit;
}
.icon-calendar.icon-left a:before, .icon-calendar.icon-right a:after {
content: "📅";
height: inherit;
}
i.icon-calendar:before {
content: "📅";
height: inherit;
}
.icon-login.icon-left a:before, .icon-login.icon-right a:after {
content: "\e740";
height: inherit;
}
i.icon-login:before {
content: "\e740";
height: inherit;
}
.icon-logout.icon-left a:before, .icon-logout.icon-right a:after {
content: "\e741";
height: inherit;
}
i.icon-logout:before {
content: "\e741";
height: inherit;
}
.icon-mic.icon-left a:before, .icon-mic.icon-right a:after {
content: "🎤";
height: inherit;
}
i.icon-mic:before {
content: "🎤";
height: inherit;
}
.icon-mute.icon-left a:before, .icon-mute.icon-right a:after {
content: "🔇";
height: inherit;
}
i.icon-mute:before {
content: "🔇";
height: inherit;
}
.icon-sound.icon-left a:before, .icon-sound.icon-right a:after {
content: "🔊";
height: inherit;
}
i.icon-sound:before {
content: "🔊";
height: inherit;
}
.icon-volume.icon-left a:before, .icon-volume.icon-right a:after {
content: "\e742";
height: inherit;
}
i.icon-volume:before {
content: "\e742";
height: inherit;
}
.icon-clock.icon-left a:before, .icon-clock.icon-right a:after {
content: "🕔";
height: inherit;
}
i.icon-clock:before {
content: "🕔";
height: inherit;
}
.icon-hourglass.icon-left a:before, .icon-hourglass.icon-right a:after {
content: "\23f3";
height: inherit;
}
i.icon-hourglass:before {
content: "\23f3";
height: inherit;
}
.icon-lamp.icon-left a:before, .icon-lamp.icon-right a:after {
content: "💡";
height: inherit;
}
i.icon-lamp:before {
content: "💡";
height: inherit;
}
.icon-light-down.icon-left a:before, .icon-light-down.icon-right a:after {
content: "🔅";
height: inherit;
}
i.icon-light-down:before {
content: "🔅";
height: inherit;
}
.icon-light-up.icon-left a:before, .icon-light-up.icon-right a:after {
content: "🔆";
height: inherit;
}
i.icon-light-up:before {
content: "🔆";
height: inherit;
}
.icon-adjust.icon-left a:before, .icon-adjust.icon-right a:after {
content: "\25d1";
height: inherit;
}
i.icon-adjust:before {
content: "\25d1";
height: inherit;
}
.icon-block.icon-left a:before, .icon-block.icon-right a:after {
content: "🚫";
height: inherit;
}
i.icon-block:before {
content: "🚫";
height: inherit;
}
.icon-resize-full.icon-left a:before, .icon-resize-full.icon-right a:after {
content: "\e744";
height: inherit;
}
i.icon-resize-full:before {
content: "\e744";
height: inherit;
}
.icon-resize-small.icon-left a:before, .icon-resize-small.icon-right a:after {
content: "\e746";
height: inherit;
}
i.icon-resize-small:before {
content: "\e746";
height: inherit;
}
.icon-popup.icon-left a:before, .icon-popup.icon-right a:after {
content: "\e74c";
height: inherit;
}
i.icon-popup:before {
content: "\e74c";
height: inherit;
}
.icon-publish.icon-left a:before, .icon-publish.icon-right a:after {
content: "\e74d";
height: inherit;
}
i.icon-publish:before {
content: "\e74d";
height: inherit;
}
.icon-window.icon-left a:before, .icon-window.icon-right a:after {
content: "\e74e";
height: inherit;
}
i.icon-window:before {
content: "\e74e";
height: inherit;
}
.icon-arrow-combo.icon-left a:before, .icon-arrow-combo.icon-right a:after {
content: "\e74f";
height: inherit;
}
i.icon-arrow-combo:before {
content: "\e74f";
height: inherit;
}
.icon-down-circled.icon-left a:before, .icon-down-circled.icon-right a:after {
content: "\e758";
height: inherit;
}
i.icon-down-circled:before {
content: "\e758";
height: inherit;
}
.icon-left-circled.icon-left a:before, .icon-left-circled.icon-right a:after {
content: "\e759";
height: inherit;
}
i.icon-left-circled:before {
content: "\e759";
height: inherit;
}
.icon-right-circled.icon-left a:before, .icon-right-circled.icon-right a:after {
content: "\e75a";
height: inherit;
}
i.icon-right-circled:before {
content: "\e75a";
height: inherit;
}
.icon-up-circled.icon-left a:before, .icon-up-circled.icon-right a:after {
content: "\e75b";
height: inherit;
}
i.icon-up-circled:before {
content: "\e75b";
height: inherit;
}
.icon-down-open.icon-left a:before, .icon-down-open.icon-right a:after {
content: "\e75c";
height: inherit;
}
i.icon-down-open:before {
content: "\e75c";
height: inherit;
}
.icon-left-open.icon-left a:before, .icon-left-open.icon-right a:after {
content: "\e75d";
height: inherit;
}
i.icon-left-open:before {
content: "\e75d";
height: inherit;
}
.icon-right-open.icon-left a:before, .icon-right-open.icon-right a:after {
content: "\e75e";
height: inherit;
}
i.icon-right-open:before {
content: "\e75e";
height: inherit;
}
.icon-up-open.icon-left a:before, .icon-up-open.icon-right a:after {
content: "\e75f";
height: inherit;
}
i.icon-up-open:before {
content: "\e75f";
height: inherit;
}
.icon-down-open-mini.icon-left a:before, .icon-down-open-mini.icon-right a:after {
content: "\e760";
height: inherit;
}
i.icon-down-open-mini:before {
content: "\e760";
height: inherit;
}
.icon-left-open-mini.icon-left a:before, .icon-left-open-mini.icon-right a:after {
content: "\e761";
height: inherit;
}
i.icon-left-open-mini:before {
content: "\e761";
height: inherit;
}
.icon-right-open-mini.icon-left a:before, .icon-right-open-mini.icon-right a:after {
content: "\e762";
height: inherit;
}
i.icon-right-open-mini:before {
content: "\e762";
height: inherit;
}
.icon-up-open-mini.icon-left a:before, .icon-up-open-mini.icon-right a:after {
content: "\e763";
height: inherit;
}
i.icon-up-open-mini:before {
content: "\e763";
height: inherit;
}
.icon-down-open-big.icon-left a:before, .icon-down-open-big.icon-right a:after {
content: "\e764";
height: inherit;
}
i.icon-down-open-big:before {
content: "\e764";
height: inherit;
}
.icon-left-open-big.icon-left a:before, .icon-left-open-big.icon-right a:after {
content: "\e765";
height: inherit;
}
i.icon-left-open-big:before {
content: "\e765";
height: inherit;
}
.icon-right-open-big.icon-left a:before, .icon-right-open-big.icon-right a:after {
content: "\e766";
height: inherit;
}
i.icon-right-open-big:before {
content: "\e766";
height: inherit;
}
.icon-up-open-big.icon-left a:before, .icon-up-open-big.icon-right a:after {
content: "\e767";
height: inherit;
}
i.icon-up-open-big:before {
content: "\e767";
height: inherit;
}
.icon-down.icon-left a:before, .icon-down.icon-right a:after {
content: "\2b07";
height: inherit;
}
i.icon-down:before {
content: "\2b07";
height: inherit;
}
.icon-arrow-left.icon-left a:before, .icon-arrow-left.icon-right a:after {
content: "\2b05";
height: inherit;
}
i.icon-arrow-left:before {
content: "\2b05";
height: inherit;
}
.icon-arrow-right.icon-left a:before, .icon-arrow-right.icon-right a:after {
content: "\27a1";
height: inherit;
}
i.icon-arrow-right:before {
content: "\27a1";
height: inherit;
}
.icon-up.icon-left a:before, .icon-up.icon-right a:after {
content: "\2b06";
height: inherit;
}
i.icon-up:before {
content: "\2b06";
height: inherit;
}
.icon-down-dir.icon-left a:before, .icon-down-dir.icon-right a:after {
content: "\25be";
height: inherit;
}
i.icon-down-dir:before {
content: "\25be";
height: inherit;
}
.icon-left-dir.icon-left a:before, .icon-left-dir.icon-right a:after {
content: "\25c2";
height: inherit;
}
i.icon-left-dir:before {
content: "\25c2";
height: inherit;
}
.icon-right-dir.icon-left a:before, .icon-right-dir.icon-right a:after {
content: "\25b8";
height: inherit;
}
i.icon-right-dir:before {
content: "\25b8";
height: inherit;
}
.icon-up-dir.icon-left a:before, .icon-up-dir.icon-right a:after {
content: "\25b4";
height: inherit;
}
i.icon-up-dir:before {
content: "\25b4";
height: inherit;
}
.icon-down-bold.icon-left a:before, .icon-down-bold.icon-right a:after {
content: "\e4b0";
height: inherit;
}
i.icon-down-bold:before {
content: "\e4b0";
height: inherit;
}
.icon-left-bold.icon-left a:before, .icon-left-bold.icon-right a:after {
content: "\e4ad";
height: inherit;
}
i.icon-left-bold:before {
content: "\e4ad";
height: inherit;
}
.icon-right-bold.icon-left a:before, .icon-right-bold.icon-right a:after {
content: "\e4ae";
height: inherit;
}
i.icon-right-bold:before {
content: "\e4ae";
height: inherit;
}
.icon-up-bold.icon-left a:before, .icon-up-bold.icon-right a:after {
content: "\e4af";
height: inherit;
}
i.icon-up-bold:before {
content: "\e4af";
height: inherit;
}
.icon-down-thin.icon-left a:before, .icon-down-thin.icon-right a:after {
content: "\2193";
height: inherit;
}
i.icon-down-thin:before {
content: "\2193";
height: inherit;
}
.icon-left-thin.icon-left a:before, .icon-left-thin.icon-right a:after {
content: "\2190";
height: inherit;
}
i.icon-left-thin:before {
content: "\2190";
height: inherit;
}
.icon-right-thin.icon-left a:before, .icon-right-thin.icon-right a:after {
content: "\2192";
height: inherit;
}
i.icon-right-thin:before {
content: "\2192";
height: inherit;
}
.icon-up-thin.icon-left a:before, .icon-up-thin.icon-right a:after {
content: "\2191";
height: inherit;
}
i.icon-up-thin:before {
content: "\2191";
height: inherit;
}
.icon-ccw.icon-left a:before, .icon-ccw.icon-right a:after {
content: "\27f2";
height: inherit;
}
i.icon-ccw:before {
content: "\27f2";
height: inherit;
}
.icon-cw.icon-left a:before, .icon-cw.icon-right a:after {
content: "\27f3";
height: inherit;
}
i.icon-cw:before {
content: "\27f3";
height: inherit;
}
.icon-arrows-ccw.icon-left a:before, .icon-arrows-ccw.icon-right a:after {
content: "🔄";
height: inherit;
}
i.icon-arrows-ccw:before {
content: "🔄";
height: inherit;
}
.icon-level-down.icon-left a:before, .icon-level-down.icon-right a:after {
content: "\21b3";
height: inherit;
}
i.icon-level-down:before {
content: "\21b3";
height: inherit;
}
.icon-level-up.icon-left a:before, .icon-level-up.icon-right a:after {
content: "\21b0";
height: inherit;
}
i.icon-level-up:before {
content: "\21b0";
height: inherit;
}
.icon-shuffle.icon-left a:before, .icon-shuffle.icon-right a:after {
content: "🔀";
height: inherit;
}
i.icon-shuffle:before {
content: "🔀";
height: inherit;
}
.icon-loop.icon-left a:before, .icon-loop.icon-right a:after {
content: "🔁";
height: inherit;
}
i.icon-loop:before {
content: "🔁";
height: inherit;
}
.icon-switch.icon-left a:before, .icon-switch.icon-right a:after {
content: "\21c6";
height: inherit;
}
i.icon-switch:before {
content: "\21c6";
height: inherit;
}
.icon-play.icon-left a:before, .icon-play.icon-right a:after {
content: "\25b6";
height: inherit;
}
i.icon-play:before {
content: "\25b6";
height: inherit;
}
.icon-stop.icon-left a:before, .icon-stop.icon-right a:after {
content: "\25a0";
height: inherit;
}
i.icon-stop:before {
content: "\25a0";
height: inherit;
}
.icon-pause.icon-left a:before, .icon-pause.icon-right a:after {
content: "\2389";
height: inherit;
}
i.icon-pause:before {
content: "\2389";
height: inherit;
}
.icon-record.icon-left a:before, .icon-record.icon-right a:after {
content: "\26ab";
height: inherit;
}
i.icon-record:before {
content: "\26ab";
height: inherit;
}
.icon-to-end.icon-left a:before, .icon-to-end.icon-right a:after {
content: "\23ed";
height: inherit;
}
i.icon-to-end:before {
content: "\23ed";
height: inherit;
}
.icon-to-start.icon-left a:before, .icon-to-start.icon-right a:after {
content: "\23ee";
height: inherit;
}
i.icon-to-start:before {
content: "\23ee";
height: inherit;
}
.icon-fast-forward.icon-left a:before, .icon-fast-forward.icon-right a:after {
content: "\23e9";
height: inherit;
}
i.icon-fast-forward:before {
content: "\23e9";
height: inherit;
}
.icon-fast-backward.icon-left a:before, .icon-fast-backward.icon-right a:after {
content: "\23ea";
height: inherit;
}
i.icon-fast-backward:before {
content: "\23ea";
height: inherit;
}
.icon-progress-0.icon-left a:before, .icon-progress-0.icon-right a:after {
content: "\e768";
height: inherit;
}
i.icon-progress-0:before {
content: "\e768";
height: inherit;
}
.icon-progress-1.icon-left a:before, .icon-progress-1.icon-right a:after {
content: "\e769";
height: inherit;
}
i.icon-progress-1:before {
content: "\e769";
height: inherit;
}
.icon-progress-2.icon-left a:before, .icon-progress-2.icon-right a:after {
content: "\e76a";
height: inherit;
}
i.icon-progress-2:before {
content: "\e76a";
height: inherit;
}
.icon-progress-3.icon-left a:before, .icon-progress-3.icon-right a:after {
content: "\e76b";
height: inherit;
}
i.icon-progress-3:before {
content: "\e76b";
height: inherit;
}
.icon-target.icon-left a:before, .icon-target.icon-right a:after {
content: "🎯";
height: inherit;
}
i.icon-target:before {
content: "🎯";
height: inherit;
}
.icon-palette.icon-left a:before, .icon-palette.icon-right a:after {
content: "🎨";
height: inherit;
}
i.icon-palette:before {
content: "🎨";
height: inherit;
}
.icon-list.icon-left a:before, .icon-list.icon-right a:after {
content: "\e005";
height: inherit;
}
i.icon-list:before {
content: "\e005";
height: inherit;
}
.icon-list-add.icon-left a:before, .icon-list-add.icon-right a:after {
content: "\e003";
height: inherit;
}
i.icon-list-add:before {
content: "\e003";
height: inherit;
}
.icon-signal.icon-left a:before, .icon-signal.icon-right a:after {
content: "📶";
height: inherit;
}
i.icon-signal:before {
content: "📶";
height: inherit;
}
.icon-trophy.icon-left a:before, .icon-trophy.icon-right a:after {
content: "🏆";
height: inherit;
}
i.icon-trophy:before {
content: "🏆";
height: inherit;
}
.icon-battery.icon-left a:before, .icon-battery.icon-right a:after {
content: "🔋";
height: inherit;
}
i.icon-battery:before {
content: "🔋";
height: inherit;
}
.icon-back-in-time.icon-left a:before, .icon-back-in-time.icon-right a:after {
content: "\e771";
height: inherit;
}
i.icon-back-in-time:before {
content: "\e771";
height: inherit;
}
.icon-monitor.icon-left a:before, .icon-monitor.icon-right a:after {
content: "💻";
height: inherit;
}
i.icon-monitor:before {
content: "💻";
height: inherit;
}
.icon-mobile.icon-left a:before, .icon-mobile.icon-right a:after {
content: "📱";
height: inherit;
}
i.icon-mobile:before {
content: "📱";
height: inherit;
}
.icon-network.icon-left a:before, .icon-network.icon-right a:after {
content: "\e776";
height: inherit;
}
i.icon-network:before {
content: "\e776";
height: inherit;
}
.icon-cd.icon-left a:before, .icon-cd.icon-right a:after {
content: "💿";
height: inherit;
}
i.icon-cd:before {
content: "💿";
height: inherit;
}
.icon-inbox.icon-left a:before, .icon-inbox.icon-right a:after {
content: "\e777";
height: inherit;
}
i.icon-inbox:before {
content: "\e777";
height: inherit;
}
.icon-install.icon-left a:before, .icon-install.icon-right a:after {
content: "\e778";
height: inherit;
}
i.icon-install:before {
content: "\e778";
height: inherit;
}
.icon-globe.icon-left a:before, .icon-globe.icon-right a:after {
content: "🌎";
height: inherit;
}
i.icon-globe:before {
content: "🌎";
height: inherit;
}
.icon-cloud.icon-left a:before, .icon-cloud.icon-right a:after {
content: "\2601";
height: inherit;
}
i.icon-cloud:before {
content: "\2601";
height: inherit;
}
.icon-cloud-thunder.icon-left a:before, .icon-cloud-thunder.icon-right a:after {
content: "\26c8";
height: inherit;
}
i.icon-cloud-thunder:before {
content: "\26c8";
height: inherit;
}
.icon-flash.icon-left a:before, .icon-flash.icon-right a:after {
content: "\26a1";
height: inherit;
}
i.icon-flash:before {
content: "\26a1";
height: inherit;
}
.icon-moon.icon-left a:before, .icon-moon.icon-right a:after {
content: "\263d";
height: inherit;
}
i.icon-moon:before {
content: "\263d";
height: inherit;
}
.icon-flight.icon-left a:before, .icon-flight.icon-right a:after {
content: "\2708";
height: inherit;
}
i.icon-flight:before {
content: "\2708";
height: inherit;
}
.icon-paper-plane.icon-left a:before, .icon-paper-plane.icon-right a:after {
content: "\e79b";
height: inherit;
}
i.icon-paper-plane:before {
content: "\e79b";
height: inherit;
}
.icon-leaf.icon-left a:before, .icon-leaf.icon-right a:after {
content: "🍂";
height: inherit;
}
i.icon-leaf:before {
content: "🍂";
height: inherit;
}
.icon-lifebuoy.icon-left a:before, .icon-lifebuoy.icon-right a:after {
content: "\e788";
height: inherit;
}
i.icon-lifebuoy:before {
content: "\e788";
height: inherit;
}
.icon-mouse.icon-left a:before, .icon-mouse.icon-right a:after {
content: "\e789";
height: inherit;
}
i.icon-mouse:before {
content: "\e789";
height: inherit;
}
.icon-briefcase.icon-left a:before, .icon-briefcase.icon-right a:after {
content: "💼";
height: inherit;
}
i.icon-briefcase:before {
content: "💼";
height: inherit;
}
.icon-suitcase.icon-left a:before, .icon-suitcase.icon-right a:after {
content: "\e78e";
height: inherit;
}
i.icon-suitcase:before {
content: "\e78e";
height: inherit;
}
.icon-dot.icon-left a:before, .icon-dot.icon-right a:after {
content: "\e78b";
height: inherit;
}
i.icon-dot:before {
content: "\e78b";
height: inherit;
}
.icon-dot-2.icon-left a:before, .icon-dot-2.icon-right a:after {
content: "\e78c";
height: inherit;
}
i.icon-dot-2:before {
content: "\e78c";
height: inherit;
}
.icon-dot-3.icon-left a:before, .icon-dot-3.icon-right a:after {
content: "\e78d";
height: inherit;
}
i.icon-dot-3:before {
content: "\e78d";
height: inherit;
}
.icon-brush.icon-left a:before, .icon-brush.icon-right a:after {
content: "\e79a";
height: inherit;
}
i.icon-brush:before {
content: "\e79a";
height: inherit;
}
.icon-magnet.icon-left a:before, .icon-magnet.icon-right a:after {
content: "\e7a1";
height: inherit;
}
i.icon-magnet:before {
content: "\e7a1";
height: inherit;
}
.icon-infinity.icon-left a:before, .icon-infinity.icon-right a:after {
content: "\221e";
height: inherit;
}
i.icon-infinity:before {
content: "\221e";
height: inherit;
}
.icon-erase.icon-left a:before, .icon-erase.icon-right a:after {
content: "\232b";
height: inherit;
}
i.icon-erase:before {
content: "\232b";
height: inherit;
}
.icon-chart-pie.icon-left a:before, .icon-chart-pie.icon-right a:after {
content: "\e751";
height: inherit;
}
i.icon-chart-pie:before {
content: "\e751";
height: inherit;
}
.icon-chart-line.icon-left a:before, .icon-chart-line.icon-right a:after {
content: "📈";
height: inherit;
}
i.icon-chart-line:before {
content: "📈";
height: inherit;
}
.icon-chart-bar.icon-left a:before, .icon-chart-bar.icon-right a:after {
content: "📊";
height: inherit;
}
i.icon-chart-bar:before {
content: "📊";
height: inherit;
}
.icon-chart-area.icon-left a:before, .icon-chart-area.icon-right a:after {
content: "🔾";
height: inherit;
}
i.icon-chart-area:before {
content: "🔾";
height: inherit;
}
.icon-tape.icon-left a:before, .icon-tape.icon-right a:after {
content: "\2707";
height: inherit;
}
i.icon-tape:before {
content: "\2707";
height: inherit;
}
.icon-graduation-cap.icon-left a:before, .icon-graduation-cap.icon-right a:after {
content: "🎓";
height: inherit;
}
i.icon-graduation-cap:before {
content: "🎓";
height: inherit;
}
.icon-language.icon-left a:before, .icon-language.icon-right a:after {
content: "\e752";
height: inherit;
}
i.icon-language:before {
content: "\e752";
height: inherit;
}
.icon-ticket.icon-left a:before, .icon-ticket.icon-right a:after {
content: "🎫";
height: inherit;
}
i.icon-ticket:before {
content: "🎫";
height: inherit;
}
.icon-water.icon-left a:before, .icon-water.icon-right a:after {
content: "💦";
height: inherit;
}
i.icon-water:before {
content: "💦";
height: inherit;
}
.icon-droplet.icon-left a:before, .icon-droplet.icon-right a:after {
content: "💧";
height: inherit;
}
i.icon-droplet:before {
content: "💧";
height: inherit;
}
.icon-air.icon-left a:before, .icon-air.icon-right a:after {
content: "\e753";
height: inherit;
}
i.icon-air:before {
content: "\e753";
height: inherit;
}
.icon-credit-card.icon-left a:before, .icon-credit-card.icon-right a:after {
content: "💳";
height: inherit;
}
i.icon-credit-card:before {
content: "💳";
height: inherit;
}
.icon-floppy.icon-left a:before, .icon-floppy.icon-right a:after {
content: "💾";
height: inherit;
}
i.icon-floppy:before {
content: "💾";
height: inherit;
}
.icon-clipboard.icon-left a:before, .icon-clipboard.icon-right a:after {
content: "📋";
height: inherit;
}
i.icon-clipboard:before {
content: "📋";
height: inherit;
}
.icon-megaphone.icon-left a:before, .icon-megaphone.icon-right a:after {
content: "📣";
height: inherit;
}
i.icon-megaphone:before {
content: "📣";
height: inherit;
}
.icon-database.icon-left a:before, .icon-database.icon-right a:after {
content: "\e754";
height: inherit;
}
i.icon-database:before {
content: "\e754";
height: inherit;
}
.icon-drive.icon-left a:before, .icon-drive.icon-right a:after {
content: "\e755";
height: inherit;
}
i.icon-drive:before {
content: "\e755";
height: inherit;
}
.icon-bucket.icon-left a:before, .icon-bucket.icon-right a:after {
content: "\e756";
height: inherit;
}
i.icon-bucket:before {
content: "\e756";
height: inherit;
}
.icon-thermometer.icon-left a:before, .icon-thermometer.icon-right a:after {
content: "\e757";
height: inherit;
}
i.icon-thermometer:before {
content: "\e757";
height: inherit;
}
.icon-key.icon-left a:before, .icon-key.icon-right a:after {
content: "🔑";
height: inherit;
}
i.icon-key:before {
content: "🔑";
height: inherit;
}
.icon-flow-cascade.icon-left a:before, .icon-flow-cascade.icon-right a:after {
content: "\e790";
height: inherit;
}
i.icon-flow-cascade:before {
content: "\e790";
height: inherit;
}
.icon-flow-branch.icon-left a:before, .icon-flow-branch.icon-right a:after {
content: "\e791";
height: inherit;
}
i.icon-flow-branch:before {
content: "\e791";
height: inherit;
}
.icon-flow-tree.icon-left a:before, .icon-flow-tree.icon-right a:after {
content: "\e792";
height: inherit;
}
i.icon-flow-tree:before {
content: "\e792";
height: inherit;
}
.icon-flow-line.icon-left a:before, .icon-flow-line.icon-right a:after {
content: "\e793";
height: inherit;
}
i.icon-flow-line:before {
content: "\e793";
height: inherit;
}
.icon-flow-parallel.icon-left a:before, .icon-flow-parallel.icon-right a:after {
content: "\e794";
height: inherit;
}
i.icon-flow-parallel:before {
content: "\e794";
height: inherit;
}
.icon-rocket.icon-left a:before, .icon-rocket.icon-right a:after {
content: "🚀";
height: inherit;
}
i.icon-rocket:before {
content: "🚀";
height: inherit;
}
.icon-gauge.icon-left a:before, .icon-gauge.icon-right a:after {
content: "\e7a2";
height: inherit;
}
i.icon-gauge:before {
content: "\e7a2";
height: inherit;
}
.icon-traffic-cone.icon-left a:before, .icon-traffic-cone.icon-right a:after {
content: "\e7a3";
height: inherit;
}
i.icon-traffic-cone:before {
content: "\e7a3";
height: inherit;
}
.icon-cc.icon-left a:before, .icon-cc.icon-right a:after {
content: "\e7a5";
height: inherit;
}
i.icon-cc:before {
content: "\e7a5";
height: inherit;
}
.icon-cc-by.icon-left a:before, .icon-cc-by.icon-right a:after {
content: "\e7a6";
height: inherit;
}
i.icon-cc-by:before {
content: "\e7a6";
height: inherit;
}
.icon-cc-nc.icon-left a:before, .icon-cc-nc.icon-right a:after {
content: "\e7a7";
height: inherit;
}
i.icon-cc-nc:before {
content: "\e7a7";
height: inherit;
}
.icon-cc-nc-eu.icon-left a:before, .icon-cc-nc-eu.icon-right a:after {
content: "\e7a8";
height: inherit;
}
i.icon-cc-nc-eu:before {
content: "\e7a8";
height: inherit;
}
.icon-cc-nc-jp.icon-left a:before, .icon-cc-nc-jp.icon-right a:after {
content: "\e7a9";
height: inherit;
}
i.icon-cc-nc-jp:before {
content: "\e7a9";
height: inherit;
}
.icon-cc-sa.icon-left a:before, .icon-cc-sa.icon-right a:after {
content: "\e7aa";
height: inherit;
}
i.icon-cc-sa:before {
content: "\e7aa";
height: inherit;
}
.icon-cc-nd.icon-left a:before, .icon-cc-nd.icon-right a:after {
content: "\e7ab";
height: inherit;
}
i.icon-cc-nd:before {
content: "\e7ab";
height: inherit;
}
.icon-cc-pd.icon-left a:before, .icon-cc-pd.icon-right a:after {
content: "\e7ac";
height: inherit;
}
i.icon-cc-pd:before {
content: "\e7ac";
height: inherit;
}
.icon-cc-zero.icon-left a:before, .icon-cc-zero.icon-right a:after {
content: "\e7ad";
height: inherit;
}
i.icon-cc-zero:before {
content: "\e7ad";
height: inherit;
}
.icon-cc-share.icon-left a:before, .icon-cc-share.icon-right a:after {
content: "\e7ae";
height: inherit;
}
i.icon-cc-share:before {
content: "\e7ae";
height: inherit;
}
.icon-cc-remix.icon-left a:before, .icon-cc-remix.icon-right a:after {
content: "\e7af";
height: inherit;
}
i.icon-cc-remix:before {
content: "\e7af";
height: inherit;
}
.icon-github.icon-left a:before, .icon-github.icon-right a:after {
content: "\f300";
height: inherit;
}
i.icon-github:before {
content: "\f300";
height: inherit;
}
.icon-github-circled.icon-left a:before, .icon-github-circled.icon-right a:after {
content: "\f301";
height: inherit;
}
i.icon-github-circled:before {
content: "\f301";
height: inherit;
}
.icon-flickr.icon-left a:before, .icon-flickr.icon-right a:after {
content: "\f303";
height: inherit;
}
i.icon-flickr:before {
content: "\f303";
height: inherit;
}
.icon-flickr-circled.icon-left a:before, .icon-flickr-circled.icon-right a:after {
content: "\f304";
height: inherit;
}
i.icon-flickr-circled:before {
content: "\f304";
height: inherit;
}
.icon-vimeo.icon-left a:before, .icon-vimeo.icon-right a:after {
content: "\f306";
height: inherit;
}
i.icon-vimeo:before {
content: "\f306";
height: inherit;
}
.icon-vimeo-circled.icon-left a:before, .icon-vimeo-circled.icon-right a:after {
content: "\f307";
height: inherit;
}
i.icon-vimeo-circled:before {
content: "\f307";
height: inherit;
}
.icon-twitter.icon-left a:before, .icon-twitter.icon-right a:after {
content: "\f309";
height: inherit;
}
i.icon-twitter:before {
content: "\f309";
height: inherit;
}
.icon-twitter-circled.icon-left a:before, .icon-twitter-circled.icon-right a:after {
content: "\f30a";
height: inherit;
}
i.icon-twitter-circled:before {
content: "\f30a";
height: inherit;
}
.icon-facebook.icon-left a:before, .icon-facebook.icon-right a:after {
content: "\f30c";
height: inherit;
}
i.icon-facebook:before {
content: "\f30c";
height: inherit;
}
.icon-facebook-circled.icon-left a:before, .icon-facebook-circled.icon-right a:after {
content: "\f30d";
height: inherit;
}
i.icon-facebook-circled:before {
content: "\f30d";
height: inherit;
}
.icon-facebook-squared.icon-left a:before, .icon-facebook-squared.icon-right a:after {
content: "\f30e";
height: inherit;
}
i.icon-facebook-squared:before {
content: "\f30e";
height: inherit;
}
.icon-gplus.icon-left a:before, .icon-gplus.icon-right a:after {
content: "\f30f";
height: inherit;
}
i.icon-gplus:before {
content: "\f30f";
height: inherit;
}
.icon-gplus-circled.icon-left a:before, .icon-gplus-circled.icon-right a:after {
content: "\f310";
height: inherit;
}
i.icon-gplus-circled:before {
content: "\f310";
height: inherit;
}
.icon-pinterest.icon-left a:before, .icon-pinterest.icon-right a:after {
content: "\f312";
height: inherit;
}
i.icon-pinterest:before {
content: "\f312";
height: inherit;
}
.icon-pinterest-circled.icon-left a:before, .icon-pinterest-circled.icon-right a:after {
content: "\f313";
height: inherit;
}
i.icon-pinterest-circled:before {
content: "\f313";
height: inherit;
}
.icon-tumblr.icon-left a:before, .icon-tumblr.icon-right a:after {
content: "\f315";
height: inherit;
}
i.icon-tumblr:before {
content: "\f315";
height: inherit;
}
.icon-tumblr-circled.icon-left a:before, .icon-tumblr-circled.icon-right a:after {
content: "\f316";
height: inherit;
}
i.icon-tumblr-circled:before {
content: "\f316";
height: inherit;
}
.icon-linkedin.icon-left a:before, .icon-linkedin.icon-right a:after {
content: "\f318";
height: inherit;
}
i.icon-linkedin:before {
content: "\f318";
height: inherit;
}
.icon-linkedin-circled.icon-left a:before, .icon-linkedin-circled.icon-right a:after {
content: "\f319";
height: inherit;
}
i.icon-linkedin-circled:before {
content: "\f319";
height: inherit;
}
.icon-dribbble.icon-left a:before, .icon-dribbble.icon-right a:after {
content: "\f31b";
height: inherit;
}
i.icon-dribbble:before {
content: "\f31b";
height: inherit;
}
.icon-dribbble-circled.icon-left a:before, .icon-dribbble-circled.icon-right a:after {
content: "\f31c";
height: inherit;
}
i.icon-dribbble-circled:before {
content: "\f31c";
height: inherit;
}
.icon-stumbleupon.icon-left a:before, .icon-stumbleupon.icon-right a:after {
content: "\f31e";
height: inherit;
}
i.icon-stumbleupon:before {
content: "\f31e";
height: inherit;
}
.icon-stumbleupon-circled.icon-left a:before, .icon-stumbleupon-circled.icon-right a:after {
content: "\f31f";
height: inherit;
}
i.icon-stumbleupon-circled:before {
content: "\f31f";
height: inherit;
}
.icon-lastfm.icon-left a:before, .icon-lastfm.icon-right a:after {
content: "\f321";
height: inherit;
}
i.icon-lastfm:before {
content: "\f321";
height: inherit;
}
.icon-lastfm-circled.icon-left a:before, .icon-lastfm-circled.icon-right a:after {
content: "\f322";
height: inherit;
}
i.icon-lastfm-circled:before {
content: "\f322";
height: inherit;
}
.icon-rdio.icon-left a:before, .icon-rdio.icon-right a:after {
content: "\f324";
height: inherit;
}
i.icon-rdio:before {
content: "\f324";
height: inherit;
}
.icon-rdio-circled.icon-left a:before, .icon-rdio-circled.icon-right a:after {
content: "\f325";
height: inherit;
}
i.icon-rdio-circled:before {
content: "\f325";
height: inherit;
}
.icon-spotify.icon-left a:before, .icon-spotify.icon-right a:after {
content: "\f327";
height: inherit;
}
i.icon-spotify:before {
content: "\f327";
height: inherit;
}
.icon-spotify-circled.icon-left a:before, .icon-spotify-circled.icon-right a:after {
content: "\f328";
height: inherit;
}
i.icon-spotify-circled:before {
content: "\f328";
height: inherit;
}
.icon-qq.icon-left a:before, .icon-qq.icon-right a:after {
content: "\f32a";
height: inherit;
}
i.icon-qq:before {
content: "\f32a";
height: inherit;
}
.icon-instagram.icon-left a:before, .icon-instagram.icon-right a:after {
content: "\f32d";
height: inherit;
}
i.icon-instagram:before {
content: "\f32d";
height: inherit;
}
.icon-dropbox.icon-left a:before, .icon-dropbox.icon-right a:after {
content: "\f330";
height: inherit;
}
i.icon-dropbox:before {
content: "\f330";
height: inherit;
}
.icon-evernote.icon-left a:before, .icon-evernote.icon-right a:after {
content: "\f333";
height: inherit;
}
i.icon-evernote:before {
content: "\f333";
height: inherit;
}
.icon-flattr.icon-left a:before, .icon-flattr.icon-right a:after {
content: "\f336";
height: inherit;
}
i.icon-flattr:before {
content: "\f336";
height: inherit;
}
.icon-skype.icon-left a:before, .icon-skype.icon-right a:after {
content: "\f339";
height: inherit;
}
i.icon-skype:before {
content: "\f339";
height: inherit;
}
.icon-skype-circled.icon-left a:before, .icon-skype-circled.icon-right a:after {
content: "\f33a";
height: inherit;
}
i.icon-skype-circled:before {
content: "\f33a";
height: inherit;
}
.icon-renren.icon-left a:before, .icon-renren.icon-right a:after {
content: "\f33c";
height: inherit;
}
i.icon-renren:before {
content: "\f33c";
height: inherit;
}
.icon-sina-weibo.icon-left a:before, .icon-sina-weibo.icon-right a:after {
content: "\f33f";
height: inherit;
}
i.icon-sina-weibo:before {
content: "\f33f";
height: inherit;
}
.icon-paypal.icon-left a:before, .icon-paypal.icon-right a:after {
content: "\f342";
height: inherit;
}
i.icon-paypal:before {
content: "\f342";
height: inherit;
}
.icon-picasa.icon-left a:before, .icon-picasa.icon-right a:after {
content: "\f345";
height: inherit;
}
i.icon-picasa:before {
content: "\f345";
height: inherit;
}
.icon-soundcloud.icon-left a:before, .icon-soundcloud.icon-right a:after {
content: "\f348";
height: inherit;
}
i.icon-soundcloud:before {
content: "\f348";
height: inherit;
}
.icon-mixi.icon-left a:before, .icon-mixi.icon-right a:after {
content: "\f34b";
height: inherit;
}
i.icon-mixi:before {
content: "\f34b";
height: inherit;
}
.icon-behance.icon-left a:before, .icon-behance.icon-right a:after {
content: "\f34e";
height: inherit;
}
i.icon-behance:before {
content: "\f34e";
height: inherit;
}
.icon-google-circles.icon-left a:before, .icon-google-circles.icon-right a:after {
content: "\f351";
height: inherit;
}
i.icon-google-circles:before {
content: "\f351";
height: inherit;
}
.icon-vkontakte.icon-left a:before, .icon-vkontakte.icon-right a:after {
content: "\f354";
height: inherit;
}
i.icon-vkontakte:before {
content: "\f354";
height: inherit;
}
.icon-smashing.icon-left a:before, .icon-smashing.icon-right a:after {
content: "\f357";
height: inherit;
}
i.icon-smashing:before {
content: "\f357";
height: inherit;
}
.icon-sweden.icon-left a:before, .icon-sweden.icon-right a:after {
content: "\f601";
height: inherit;
}
i.icon-sweden:before {
content: "\f601";
height: inherit;
}
.icon-db-shape.icon-left a:before, .icon-db-shape.icon-right a:after {
content: "\f600";
height: inherit;
}
i.icon-db-shape:before {
content: "\f600";
height: inherit;
}
.icon-logo-db.icon-left a:before, .icon-logo-db.icon-right a:after {
content: "\f603";
height: inherit;
}
i.icon-logo-db:before {
content: "\f603";
height: inherit;
}
/* Form Styles */
form {
margin: 0 0 18px;
}
form label {
display: block;
font-size: 16px;
font-size: 1rem;
line-height: 1.625em;
cursor: pointer;
margin-bottom: 9px;
}
form label.inline {
display: inline-block;
padding-right: 20px;
}
form dt {
margin: 0;
}
form textarea {
height: 150px;
}
form ul, form ul li {
margin-left: 0;
list-style-type: none;
}
form fieldset {
border-style: solid;
border-width: 0.0625em;
padding: 1.5625em;
border-color: #d8d8d8;
margin: 18px 0;
}
form fieldset legend {
padding: 5px 10px;
}
.field {
position: relative;
max-width: 100%;
margin-bottom: 10px;
vertical-align: middle;
font-size: 16px;
overflow: hidden;
/* remove inline-block white-space — A 0px font-size = 0px of white space */
}
.field.metro, .field .metro {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.field input, .field input[type="*"], .field textarea {
max-width: 100%;
width: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
resize: none;
-webkit-appearance: none;
font-family: anaheimregular, sans-serif;
font-weight: 300;
font-size: 16px;
font-size: 1rem;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.field .input {
position: relative;
padding: 0 10px;
background: #fff;
border: 1px solid #d8d8d8;
height: 36px;
line-height: 34px;
font-size: 16px;
font-size: 1rem;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.field .input.search {
height: 36px;
line-height: 34px;
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
-ms-border-radius: 1000px;
-o-border-radius: 1000px;
border-radius: 1000px;
padding-right: 0;
}
.field .input.textarea {
height: auto;
}
.field .xnarrow {
width: 13.33333%;
}
.field .narrow {
width: 30.66667%;
}
.field .normal {
width: 48%;
}
.field .wide {
width: 65.33333%;
}
.field .xwide {
width: 82.66667%;
}
.field .xxwide {
width: 100%;
}
.field .xnarrow, .field .narrow, .field .normal, .field .wide, .field .xwide, .field .xxwide {
margin: 0;
}
.field .xnarrow:last-child, .field .narrow:last-child, .field .normal:last-child, .field .wide:last-child, .field .xwide:last-child, .field .xxwide:last-child {
margin-left: -4px;
}
.field .xnarrow:first-child, .field .narrow:first-child, .field .normal:first-child, .field .wide:first-child, .field .xwide:first-child, .field .xxwide:first-child {
margin-right: 3.94%;
margin-left: 0;
}
.field .xnarrow:first-child:last-child, .field .narrow:first-child:last-child, .field .normal:first-child:last-child, .field .wide:first-child:last-child, .field .xwide:first-child:last-child, .field .xxwide:first-child:last-child {
margin: 0;
}
.field label + .xnarrow:last-child, .field label + .narrow:last-child, .field label + .normal:last-child, .field label + .wide:last-child, .field label + .xwide:last-child, .field label + .xxwide:last-child {
margin-left: 0;
}
@media only screen and (max-width: 980px) {
.field .xxwide:first-child, .field .xxwide:last-child {
margin-right: 0%;
}
}
.field.prepend, .field.append {
font-size: 0;
white-space: nowrap;
padding-bottom: 3.5px;
}
.field.prepend input, .field.prepend .input, .field.append input, .field.append .input {
display: inline-block;
max-width: 100%;
}
.field.prepend.append input {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.field.prepend.append input:last-child {
margin-left: -1px;
}
.field.prepend .adjoined, .field.append .adjoined, .field.prepend .btn, .field.append .btn {
position: relative;
display: inline-block;
margin-bottom: 0;
z-index: 99;
}
.field.prepend .btn a, .field.prepend .btn input, .field.prepend .btn button, .field.append .btn a, .field.append .btn input, .field.append .btn button {
padding: 0 12px;
}
.field.prepend .adjoined, .field.append .adjoined {
padding: 0 10px 0 10px;
background: #f2f2f2;
border: 1px solid #d8d8d8;
font-family: anaheimregular, sans-serif;
font-weight: 600;
color: #555555;
font-size: 16px;
font-size: 1rem;
height: 36px;
line-height: 34px;
}
.field.prepend input:first-child {
margin-right: 0;
}
.field.prepend .adjoined, .field.prepend .btn {
margin-right: -1px;
}
.field .adjoined:first-child {
margin-left: 0 !important;
}
.field.append .adjoined, .field.append .btn {
margin-left: -1px;
}
.field.append button, .field.prepend button {
display: inline-block;
}
.field.append input:first-child {
margin-right: 0;
}
.field.double input, .field.double .input {
width: 50% !important;
}
.field.double input:last-child, .field.double .input:last-child {
margin-left: -1px;
}
.field.danger:after {
font-family: "entypo";
content: "\2716";
font-size: 16px;
position: absolute;
top: 14%;
right: 15px;
z-index: 999;
color: #ca3838;
}
.field.danger.no-icon:after {
display: none;
}
.field.danger.append:after, .field.danger.prepend:after {
content: "";
}
.field.danger input, .field.danger .input, .field.danger textarea, .field.danger .textarea, .field.danger .radio span, .field.danger .checkbox span, .field.danger .picker {
border-color: #ca3838;
color: #ca3838;
background: #f0c5c5;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.field.danger textarea {
color: #ca3838;
}
.field.danger input::-webkit-input-placeholder, .field.danger textarea::-webkit-input-placeholder {
color: #ca3838;
}
.field.danger input:-moz-placeholder, .field.danger textarea:-moz-placeholder {
color: #ca3838;
}
.field.warning:after {
font-family: "entypo";
content: "\26a0";
font-size: 16px;
position: absolute;
top: 14%;
right: 15px;
z-index: 999;
color: #f6b83f;
}
.field.warning.no-icon:after {
display: none;
}
.field.warning.append:after, .field.warning.prepend:after {
content: "";
}
.field.warning input, .field.warning .input, .field.warning textarea, .field.warning .textarea, .field.warning .radio span, .field.warning .checkbox span, .field.warning .picker {
border-color: #f6b83f;
color: #f6b83f;
background: #fef7ea;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.field.warning textarea {
color: #f6b83f;
}
.field.warning input::-webkit-input-placeholder, .field.warning textarea::-webkit-input-placeholder {
color: #f6b83f;
}
.field.warning input:-moz-placeholder, .field.warning textarea:-moz-placeholder {
color: #f6b83f;
}
.field.success:after {
font-family: "entypo";
content: "\2713";
font-size: 16px;
position: absolute;
top: 14%;
right: 15px;
z-index: 999;
color: #58c026;
}
.field.success.no-icon:after {
display: none;
}
.field.success.append:after, .field.success.prepend:after {
content: "";
}
.field.success input, .field.success .input, .field.success textarea, .field.success .textarea, .field.success .radio span, .field.success .checkbox span, .field.success .picker {
border-color: #58c026;
color: #58c026;
background: #c0eeaa;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.field.success textarea {
color: #58c026;
}
.field.success input::-webkit-input-placeholder, .field.success textarea::-webkit-input-placeholder {
color: #58c026;
}
.field.success input:-moz-placeholder, .field.success textarea:-moz-placeholder {
color: #58c026;
}
.field .picker.danger {
border-color: #ca3838;
color: #ca3838;
background: #f0c5c5;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.field .picker.danger select, .field .picker.danger:after {
color: #ca3838;
}
.field .picker.warning {
border-color: #f6b83f;
color: #f6b83f;
background: #fef7ea;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.field .picker.warning select, .field .picker.warning:after {
color: #f6b83f;
}
.field .picker.success {
border-color: #58c026;
color: #58c026;
background: #c0eeaa;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.field .picker.success select, .field .picker.success:after {
color: #58c026;
}
.field .text input[type="search"] {
-webkit-appearance: textfield;
}
.no-js .radio input {
-webkit-appearance: radio;
margin-left: 1px;
}
.no-js .checkbox input {
-webkit-appearance: checkbox;
}
.no-js .radio input, .no-js .checkbox input {
display: inline-block;
width: 16px;
}
.js .field .radio, .js .field .checkbox {
position: relative;
}
.js .field .radio.danger, .js .field .checkbox.danger {
color: #ca3838;
}
.js .field .radio.danger span, .js .field .checkbox.danger span {
border-color: #ca3838;
color: #ca3838;
background: #f0c5c5;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.js .field .radio.warning, .js .field .checkbox.warning {
color: #f6b83f;
}
.js .field .radio.warning span, .js .field .checkbox.warning span {
border-color: #f6b83f;
color: #f6b83f;
background: #fef7ea;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.js .field .radio.success, .js .field .checkbox.success {
color: #58c026;
color: #555555;
}
.js .field .radio.success i, .js .field .checkbox.success i {
color: #58c026;
}
.js .field .radio.success span, .js .field .checkbox.success span {
border-color: #58c026;
color: #58c026;
background: #c0eeaa;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.js .field .radio.checked i, .js .field .checkbox.checked i {
position: absolute;
top: -1px;
left: -8px;
line-height: 16px;
}
.js .field .radio span, .js .field .checkbox span {
display: inline-block;
width: 16px;
height: 16px;
position: relative;
top: 2px;
border: solid 1px #ccc;
background: #fefefe;
}
.js .field .radio input[type="radio"], .js .field .radio input[type="checkbox"], .js .field .checkbox input[type="radio"], .js .field .checkbox input[type="checkbox"] {
display: none;
}
.js .field .radio span {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
}
.js .field .checkbox span {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.field .text input[type="search"] {
-webkit-appearance: textfield;
}
/* Form Picker Element (<select>) */
.picker {
position: relative;
width: auto;
display: inline-block;
margin: 0 0 2px 1.2%;
overflow: hidden;
border: 1px solid #e5e5e5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
font-family: anaheimregular, sans-serif;
font-weight: 600;
height: auto;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
background-image: -webkit-linear-gradient(#ffffff, #f2f2f2);
background-image: -moz-linear-gradient(#ffffff, #f2f2f2);
background-image: -o-linear-gradient(#ffffff, #f2f2f2);
background-image: linear-gradient(#ffffff, #f2f2f2);
}
.picker:after {
content: "\25BE";
font-family: entypo;
z-index: 0;
position: absolute;
right: 8%;
top: 50%;
margin-top: -12px;
color: #555555;
}
.picker:first-child {
margin-left: 0;
}
.picker select {
position: relative;
display: block;
min-width: 100%;
width: 135%;
height: 34px;
padding: 6px 45px 6px 15px;
color: #555555;
border: none;
background: transparent;
outline: none;
-webkit-appearance: none;
z-index: 99;
cursor: pointer;
font-size: 16px;
font-size: 1rem;
}
.picker select::-ms-expand {
display: none;
}
/* Labels */
.badge, .label {
height: 20px;
display: inline-block;
font-family: Helvetica, arial, verdana, sans-serif;
font-weight: bold;
line-height: 20px;
text-align: center;
color: #fff;
}
.badge a, .label a {
color: #fff;
}
.badge.primary, .label.primary {
background: #3085d6;
}
.badge.light, .label.light {
background: #fff;
color: #555555;
border: 1px solid #f2f2f2;
}
.badge.light a, .label.light a {
color: #ca2470;
}
.badge.dark, .label.dark {
background: #212121;
}
.badge.secondary, .label.secondary {
background: #42a35a;
}
.badge.light, .label.light {
background: #fff;
color: #555555;
border: 1px solid #f2f2f2;
}
.badge.light a, .label.light a {
color: #ca2470;
}
.badge.dark, .label.dark {
background: #212121;
}
.badge.default, .label.default {
background: #f2f2f2;
color: #555555;
border: 1px solid #f2f2f2;
}
.badge.default:hover, .label.default:hover {
border: 1px solid #e5e5e5;
}
.badge.default a, .label.default a {
color: #555555;
}
.badge.light, .label.light {
background: #fff;
color: #555555;
border: 1px solid #f2f2f2;
}
.badge.light a, .label.light a {
color: #ca2470;
}
.badge.dark, .label.dark {
background: #212121;
}
.badge.info, .label.info {
background: #4a4d50;
}
.badge.light, .label.light {
background: #fff;
color: #555555;
border: 1px solid #f2f2f2;
}
.badge.light a, .label.light a {
color: #ca2470;
}
.badge.dark, .label.dark {
background: #212121;
}
.badge.danger, .label.danger {
background: #ca3838;
}
.badge.light, .label.light {
background: #fff;
color: #555555;
border: 1px solid #f2f2f2;
}
.badge.light a, .label.light a {
color: #ca2470;
}
.badge.dark, .label.dark {
background: #212121;
}
.badge.warning, .label.warning {
background: #f6b83f;
color: #644405;
}
.badge.warning a, .label.warning a {
color: #644405;
}
.badge.light, .label.light {
background: #fff;
color: #555555;
border: 1px solid #f2f2f2;
}
.badge.light a, .label.light a {
color: #ca2470;
}
.badge.dark, .label.dark {
background: #212121;
}
.badge.success, .label.success {
background: #58c026;
}
.badge.light, .label.light {
background: #fff;
color: #555555;
border: 1px solid #f2f2f2;
}
.badge.light a, .label.light a {
color: #ca2470;
}
.badge.dark, .label.dark {
background: #212121;
}
.badge {
padding: 0 10px;
font-size: 14px;
font-size: 0.875rem;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}
.label {
padding: 0 10px;
font-size: 12px;
font-size: 0.75rem;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.alert {
padding: 0 10px;
font-family: anaheimregular, sans-serif;
font-weight: 600;
list-style-type: none;
word-wrap: break-word;
margin-bottom: 8px;
font-size: 14px;
font-size: 0.875rem;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.alert.primary {
background: #85b7e7;
border: 1px solid #3085d6;
color: #1a5186;
}
.alert.secondary {
background: #80cb92;
border: 1px solid #42a35a;
color: #255a32;
}
.alert.default {
background: white;
border: 1px solid #f2f2f2;
color: #bfbfbf;
color: #555555;
border: 1px solid #f2f2f2;
}
.alert.info {
background: #7b8085;
border: 1px solid #4a4d50;
color: #191a1b;
color: #f2f2f2;
}
.alert.danger {
background: #df8989;
border: 1px solid #ca3838;
color: #7b2121;
}
.alert.warning {
background: #fbdca0;
border: 1px solid #f6b83f;
color: #c68609;
color: #644405;
}
.alert.success {
background: #91e26a;
border: 1px solid #58c026;
color: #316b15;
}
/* Tabs */
.tabs {
display: block;
}
.tab-nav {
margin: 0;
padding: 0;
border-bottom: 1px solid #e5e5e5;
}
.tab-nav > li {
display: inline-block;
width: auto;
padding: 0;
margin: 0 2.08333% 0 0;
cursor: default;
top: 1px;
-webkit-box-shadow: 0 1px 0 white;
-moz-box-shadow: 0 1px 0 white;
box-shadow: 0 1px 0 white;
}
.tab-nav > li > li {
display: inline-block;
width: auto;
padding: 0;
margin: 0 2.08333% 0 0;
cursor: default;
top: 1px;
-webkit-box-shadow: 0 1px 0 white;
-moz-box-shadow: 0 1px 0 white;
box-shadow: 0 1px 0 white;
}
.tab-nav > li > li > a {
display: block;
width: auto;
padding: 0 16px;
margin: 0;
color: #555555;
font-family: anaheimregular, sans-serif;
font-weight: 600;
border: 1px solid #e5e5e5;
border-width: 1px 1px 0 1px;
text-shadow: 0 1px 1px white;
background: #f2f2f2;
cursor: pointer;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-ms-border-radius: 4px 4px 0 0;
-o-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
height: 42px;
line-height: 40px;
}
.tab-nav > li > li > a:hover {
text-decoration: none;
background: whitesmoke;
}
.tab-nav > li > li > a:active {
background: #ededed;
}
.tab-nav > li > li.active > a {
height: 43px;
line-height: 41px;
background: white;
cursor: default;
}
.tab-nav > li > li:last-child {
margin-right: 0;
}
.tab-nav > li:last-child {
margin-right: 0;
}
.tab-nav > li > a {
display: block;
width: auto;
padding: 0 16px;
margin: 0;
color: #555555;
font-family: anaheimregular, sans-serif;
font-weight: 600;
border: 1px solid #e5e5e5;
border-width: 1px 1px 0 1px;
text-shadow: 0 1px 1px white;
background: #f2f2f2;
cursor: pointer;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-ms-border-radius: 4px 4px 0 0;
-o-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
height: 42px;
line-height: 40px;
}
.tab-nav > li > a:hover {
text-decoration: none;
background: whitesmoke;
}
.tab-nav > li > a:active {
background: #ededed;
}
.tab-nav > li.active > a {
height: 43px;
line-height: 41px;
background: white;
}
.tabs.pill .tab-nav {
width: 100%;
/* remove if you dont want the tabs to span the full container width */
display: table;
overflow: hidden;
border: 1px solid #e5e5e5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.tabs.pill .tab-nav > li {
display: table-cell;
margin: 0;
margin-left: -4px;
text-align: center;
top: 0;
}
.tabs.pill .tab-nav > li:first-child {
margin-left: 0;
}
.tabs.pill .tab-nav > li > a {
border: none;
border-right: 1px solid #e5e5e5;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
height: 42px;
line-height: 40px;
}
.tabs.pill .tab-nav > li:last-child > a {
border-right: none;
}
.tab-content {
display: none;
padding: 20px 10px;
}
.tab-content.active {
display: block;
}
.tabs.vertical .tab-nav {
border: none;
}
.tabs.vertical .tab-nav > li {
display: block;
margin: 0;
margin-bottom: 5px;
}
.tabs.vertical .tab-nav > li.active {
position: relative;
z-index: 99;
}
.tabs.vertical .tab-nav > li.active > a {
border-right: 1px solid white;
}
.tabs.vertical .tab-nav > li > a {
border: 1px solid #e5e5e5;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
-ms-border-radius: 4px 0 0 4px;
-o-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
.tabs.vertical .tab-content {
padding: 10px 0 30px 20px;
margin-left: -1px;
border-left: 1px solid #e5e5e5;
}
.image {
line-height: 0;
margin-bottom: 20px;
}
.image.circle {
-webkit-border-radius: 50% !important;
-moz-border-radius: 50% !important;
-ms-border-radius: 50% !important;
-o-border-radius: 50% !important;
border-radius: 50% !important;
overflow: hidden;
width: auto;
}
.image.rounded {
overflow: hidden;
-webkit-border-radius: 4px 4px;
-moz-border-radius: 4px 4px;
-ms-border-radius: 4px 4px;
-o-border-radius: 4px 4px;
border-radius: 4px 4px;
}
.image.photo {
border: 5px solid #fff;
-webkit-box-shadow: 0 0 1px #555555;
-moz-box-shadow: 0 0 1px #555555;
box-shadow: 0 0 1px #555555;
}
.image.photo.polaroid {
padding-bottom: 50px;
background: #fff;
}
body .video {
width: 100%;
position: relative;
height: 0;
padding-bottom: 56.25%;
}
body .video.twitch, body .video.youtube.show_controls {
padding-top: 30px;
}
.video > video, .video > iframe, .video > object, .video > embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.drawer {
position: relative;
width: 100%;
max-height: 0;
background: #3e4144;
-webkit-box-shadow: inset 0 -2px 5px #313436, inset 0 2px 5px #313436;
-moz-box-shadow: inset 0 -2px 5px #313436, inset 0 2px 5px #313436;
box-shadow: inset 0 -2px 5px #313436, inset 0 2px 5px #313436;
overflow: hidden;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.drawer.active {
height: auto;
max-height: 800px;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.modal {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: -999999;
background: black;
background: rgba(0, 0, 0, 0.8);
}
.modal > .content {
width: 50%;
min-height: 50%;
max-height: 65%;
position: relative;
top: 25%;
margin: 0 auto;
padding: 20px;
background: white;
z-index: 2;
overflow: auto;
}
@media only screen and (max-width: 768px) {
.modal > .content {
width: 80%;
min-height: 80%;
max-height: 80%;
top: 10%;
}
}
@media only screen and (max-width: 767px) {
.modal > .content {
width: 92.5%;
min-height: 92.5%;
max-height: 92.5%;
top: 3.75%;
}
}
.modal > .content > .close {
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
z-index: 3;
}
.modal, .modal > .content {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
.modal.active {
z-index: 999999;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.modal.active, .modal.active > .content {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
table {
display: table;
background-color: white;
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 20px;
width: 100%;
border: 1px solid #e5e5e5;
}
table caption {
text-align: center;
font-size: 30px;
padding: .75em;
}
table thead th,
table tbody td,
table tr td {
display: table-cell;
padding: 10px;
vertical-align: top;
text-align: left;
border-top: 1px solid #e5e5e5;
}
table tr td, table tbody tr td {
font-size: 16px;
}
table tr td:first-child {
font-weight: bold;
}
table thead {
background-color: #3085d6;
color: #fff;
}
table thead tr th {
font-size: 16px;
font-weight: bold;
vertical-align: bottom;
}
table.striped tr:nth-of-type(even),
table table tr.stripe,
table table tr.striped {
background-color: #e5e5e5;
}
table.rounded {
border-radius: 4px;
border-collapse: separate;
}
table.rounded caption + thead tr:first-child th:first-child,
table.rounded caption + tr td:first-child,
table.rounded > thead tr:first-child th:first-child,
table.rounded > thead tr:first-child td:first-child,
table.rounded > tr:first-child td:first-child {
border-top-left-radius: 4px;
}
table.rounded caption + thead tr:first-child th:last-child,
table.rounded caption + tr td:last-child,
table.rounded > thead tr:first-child th:last-child,
table.rounded > thead tr:first-child td:last-child,
table.rounded > tr:first-child td:last-child {
border-top-right-radius: 4px;
}
table.rounded thead ~ tr:last-child td:last-child,
table.rounded tbody tr:last-child td:last-child {
border-bottom-right-radius: 4px;
}
table.rounded thead ~ tr:last-child td:first-child,
table.rounded tbody tr:last-child td:first-child {
border-bottom-left-radius: 4px;
}
table.rounded thead th, table.rounded thead td,
table.rounded caption + tbody tr:first-child td,
table.rounded > tbody:first-child tr:first-child td {
border-top: 0;
}
/* Tooltips */
.ttip {
position: relative;
cursor: pointer;
}
.ttip:after {
display: block;
background: #3085d6;
border: 1px solid #3085d6;
border-bottom: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
padding: 0.5em 0.75em;
width: auto;
min-width: 130px;
max-width: 500px;
position: absolute;
left: 0;
bottom: 101%;
margin-bottom: 8px;
text-align: left;
color: #fff;
content: attr(data-tooltip);
line-height: 1.5;
font-size: 16px;
font-weight: normal;
font-style: normal;
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
pointer-events: none;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #65a4e1), color-stop(100%, #3085d6));
background-image: -webkit-linear-gradient(top, #65a4e1, #3085d6);
background-image: -moz-linear-gradient(top, #65a4e1, #3085d6);
background-image: -o-linear-gradient(top, #65a4e1, #3085d6);
background-image: linear-gradient(top, #65a4e1, #3085d6);
-webkit-box-shadow: 0 0 5px 0 rgba(48, 133, 214, 0.25);
-moz-box-shadow: 0 0 5px 0 rgba(48, 133, 214, 0.25);
box-shadow: 0 0 5px 0 rgba(48, 133, 214, 0.25);
}
.ttip:before {
content: " ";
width: 0;
height: 0;
position: absolute;
bottom: 101%;
left: 8px;
border-top: 9px solid #3085d6 !important;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
pointer-events: none;
}
.ttip:hover:after, .ttip:hover:before {
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
@media only screen and (max-width: 768px) {
.ttip:after, .ttip:before {
display: none;
}
}
.parallax {
background-attachment: fixed !important;
}
.oldie .parallax, .ie9 .parallax {
background-attachment: static !important;
}
/* shame */
.ie8 .xxwide,
.ie8 .xwide,
.ie8 .wide,
.ie8 .normal,
.ie8 .narrow,
.ie8 .xnarrow {
display: inline;
}
.ie8 .xxwide + input,
.ie8 .xwide + input,
.ie8 .wide + input,
.ie8 .normal + input,
.ie8 .narrow + input,
.ie8 .xnarrow + input {
display: inline;
margin: 0 0 0 -.25em;
}
.ie8 .ttip:before, .ie8 .ttip:after {
display: none;
}
.ie8 .ttip:hover:before, .ie8 .ttip:hover:after {
display: block;
}
.ie9 .radio.checked i, .ie9 .checkbox.checked i {
top: 0px;
}
.oldie .features-item {
margin-bottom: 30px;
}
.oldie .testimonial {
height: auto;
}
/****************
*
* Reel v1.0
* -------------
*
* Simple, Responsive App Showcase
* AUTHOR: SterlingThemes.com
* CUSTOM REEL STYLES
*
**************************************************************************/
/**
* Reusable animations & classes
* Animations can be attached to any element using a class with their name.
* Also included in this section are global utility classes,
* such as .screen-reader-text.
*****************************************************/
/* Utility classes
*****************/
.screen-reader-text {
display: none;
}
/**
* Reusable Noise Class
* Will add transparent noise to
* any element with this class.
* For more details:
* http://www.mightymeta.co.uk/css-noise/
*****************/
.noise {
position: relative;
z-index: 1;
}
.noise:before {
content: "";
opacity: 0.7;
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==);
}
.scroll-animation-init {
opacity: 0;
}
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Custom Form Components
*****************/
.catch-errors-top, .catch-errors-bot {
display: none;
}
.alert.catch-errors-top {
display: block;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
padding: 10px 20px;
background-color: rgba(0, 0, 0, 0.3);
border-color: rgba(0, 0, 0, 0.5);
width: 90%;
}
@media screen and (max-width: 767px) {
.alert.catch-errors-top {
width: 100%;
}
}
.alert.catch-errors-bot {
display: block;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
padding: 15px 0;
background-color: #ef7d71;
color: #851a0f;
border: 0;
margin-top: 30px;
}
/**
* Custom Scrollbar
*****************/
::-webkit-scrollbar {
width: .95em;
}
::-webkit-scrollbar-track {
background-color: rgba(217, 217, 217, 0.5);
}
::-webkit-scrollbar-thumb {
background: rgba(65, 72, 83, 0.8);
box-shadow: inset 0.05em 0.05em 0 rgba(0, 0, 0, 0.1), inset 0 -0.05em 0 rgba(0, 0, 0, 0.07);
}
/**
* Declare keyframe animations
*****************/
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-ms-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(40px);
-moz-transform: translateX(40px);
-ms-transform: translateX(40px);
-o-transform: translateX(40px);
transform: translateX(40px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(40px);
-moz-transform: translateX(40px);
-ms-transform: translateX(40px);
-o-transform: translateX(40px);
transform: translateX(40px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@-ms-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(40px);
-moz-transform: translateX(40px);
-ms-transform: translateX(40px);
-o-transform: translateX(40px);
transform: translateX(40px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(40px);
-moz-transform: translateX(40px);
-ms-transform: translateX(40px);
-o-transform: translateX(40px);
transform: translateX(40px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-40px);
-moz-transform: translateX(-40px);
-ms-transform: translateX(-40px);
-o-transform: translateX(-40px);
transform: translateX(-40px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-40px);
-moz-transform: translateX(-40px);
-ms-transform: translateX(-40px);
-o-transform: translateX(-40px);
transform: translateX(-40px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@-ms-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-40px);
-moz-transform: translateX(-40px);
-ms-transform: translateX(-40px);
-o-transform: translateX(-40px);
transform: translateX(-40px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-40px);
-moz-transform: translateX(-40px);
-ms-transform: translateX(-40px);
-o-transform: translateX(-40px);
transform: translateX(-40px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes fadeUpIn {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-moz-keyframes fadeUpIn {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-ms-keyframes fadeUpIn {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeUpIn {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes fadeUpInRight {
0% {
opacity: 0;
-webkit-transform: translate(40px, 40px);
-moz-transform: translate(40px, 40px);
-ms-transform: translate(40px, 40px);
-o-transform: translate(40px, 40px);
transform: translate(40px, 40px);
}
100% {
opacity: 1;
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
}
}
@-moz-keyframes fadeUpInRight {
0% {
opacity: 0;
-webkit-transform: translate(40px, 40px);
-moz-transform: translate(40px, 40px);
-ms-transform: translate(40px, 40px);
-o-transform: translate(40px, 40px);
transform: translate(40px, 40px);
}
100% {
opacity: 1;
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
}
}
@-ms-keyframes fadeUpInRight {
0% {
opacity: 0;
-webkit-transform: translate(40px, 40px);
-moz-transform: translate(40px, 40px);
-ms-transform: translate(40px, 40px);
-o-transform: translate(40px, 40px);
transform: translate(40px, 40px);
}
100% {
opacity: 1;
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
}
}
@keyframes fadeUpInRight {
0% {
opacity: 0;
-webkit-transform: translate(40px, 40px);
-moz-transform: translate(40px, 40px);
-ms-transform: translate(40px, 40px);
-o-transform: translate(40px, 40px);
transform: translate(40px, 40px);
}
100% {
opacity: 1;
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
}
}
@-webkit-keyframes fadeUpInLeft {
0% {
opacity: 0;
-webkit-transform: translate(-40px, 40px);
-moz-transform: translate(-40px, 40px);
-ms-transform: translate(-40px, 40px);
-o-transform: translate(-40px, 40px);
transform: translate(-40px, 40px);
}
100% {
opacity: 1;
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
}
}
@-moz-keyframes fadeUpInLeft {
0% {
opacity: 0;
-webkit-transform: translate(-40px, 40px);
-moz-transform: translate(-40px, 40px);
-ms-transform: translate(-40px, 40px);
-o-transform: translate(-40px, 40px);
transform: translate(-40px, 40px);
}
100% {
opacity: 1;
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
}
}
@-ms-keyframes fadeUpInLeft {
0% {
opacity: 0;
-webkit-transform: translate(-40px, 40px);
-moz-transform: translate(-40px, 40px);
-ms-transform: translate(-40px, 40px);
-o-transform: translate(-40px, 40px);
transform: translate(-40px, 40px);
}
100% {
opacity: 1;
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
}
}
@keyframes fadeUpInLeft {
0% {
opacity: 0;
-webkit-transform: translate(-40px, 40px);
-moz-transform: translate(-40px, 40px);
-ms-transform: translate(-40px, 40px);
-o-transform: translate(-40px, 40px);
transform: translate(-40px, 40px);
}
100% {
opacity: 1;
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
}
}
@-webkit-keyframes fadeDownIn {
0% {
opacity: 0;
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-moz-keyframes fadeDownIn {
0% {
opacity: 0;
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-ms-keyframes fadeDownIn {
0% {
opacity: 0;
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeDownIn {
0% {
opacity: 0;
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes fullSpin {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes fullSpin {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-ms-keyframes fullSpin {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes fullSpin {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/**
* Associate keyframe animations with classes.
* Default animation time = 1 second.
*****************/
.fadeIn {
opacity: 1;
animation: fadeIn 1s;
-webkit-animation: fadeIn 1s;
-moz-animation: fadeIn 1s;
}
.fadeInRight {
opacity: 1;
animation: fadeInRight 1s;
-webkit-animation: fadeInRight 1s;
-moz-animation: fadeInRight 1s;
}
.fadeInLeft, .alert.catch-errors-bot {
opacity: 1;
animation: fadeInLeft 1s;
-webkit-animation: fadeInLeft 1s;
-moz-animation: fadeInLeft 1s;
}
.fadeUpIn {
opacity: 1;
animation: fadeUpIn 1s;
-webkit-animation: fadeUpIn 1s;
-moz-animation: fadeUpIn 1s;
}
.fadeUpInRight {
opacity: 1;
animation: fadeUpInRight 1s;
-webkit-animation: fadeUpInRight 1s;
-moz-animation: fadeUpInRight 1s;
}
.fadeUpInLeft {
opacity: 1;
animation: fadeUpInLeft 1s;
-webkit-animation: fadeUpInLeft 1s;
-moz-animation: fadeUpInLeft 1s;
}
.fadeDownIn {
opacity: 1;
animation: fadeDownIn 1s;
-webkit-animation: fadeDownIn 1s;
-moz-animation: fadeDownIn 1s;
}
/**
* Site Header
*****************************************************/
.site-header {
background-color: #2b3848;
/**
* Add your custom background image for a cool parallax effect.
* background-image:url('img/your-header-background-image.png')
*****************/
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
width: 100%;
color: #fff;
border-top: 5px solid #20b24b;
}
.logo {
font-weight: 900;
font-size: 90px;
color: #fff;
}
.logo span {
color: #20b24b;
}
.header-intro-wrap {
padding-left: 30px;
padding-top: 180px;
}
.header-intro-wrap p {
font-size: 24px;
}
@media screen and (max-width: 767px) {
.header-intro-wrap p {
text-align: center;
}
}
.header-intro-wrap .hs-disclaimer {
margin-top: 15px;
font-size: 18px;
font-weight: 300;
color: #E9E9E9;
}
@media screen and (max-width: 767px) {
.header-intro-wrap .hs-disclaimer {
text-align: center;
}
}
@media screen and (max-width: 960px) {
.header-intro-wrap {
padding-left: 0;
}
}
@media screen and (max-width: 767px) {
.header-intro-wrap {
padding-top: 0;
text-align: center;
}
}
.header-graphic-wrap {
padding-right: 30px;
padding-top: 60px;
}
@media screen and (max-width: 790px) and (min-width: 768px) {
.header-graphic-wrap {
padding-top: 70px;
}
}
@media screen and (max-width: 960px) {
.header-graphic-wrap {
padding-right: 0;
}
}
@media screen and (max-width: 767px) {
.header-graphic-wrap {
padding-top: 50px;
}
}
.header-graphic {
display: block;
float: right;
}
@media screen and (max-width: 767px) {
.header-graphic {
float: none;
margin: 0 auto;
}
}
.header-signup {
margin-top: 45px;
}
@media screen and (max-width: 767px) {
.header-signup .input-side {
width: 70%;
}
}
@media screen and (max-width: 767px) {
.header-signup .btn-side {
width: 30%;
}
}
.input-side, .btn-side {
padding: 20px;
display: inline-block;
font-family: anaheimregular, sans-serif;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.input-side {
width: 65%;
outline: none;
font-size: 18px;
border: 5px solid #fff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-appearance: none;
}
.input-side:focus {
border-color: #20b24b;
}
.btn-side {
width: 25%;
margin-left: -5px;
border: 5px solid #20b24b;
font-size: 24px;
text-transform: uppercase;
color: #fff;
font-weight: 600;
background-color: #20b24b;
-webkit-appearance: none;
padding-left: 0;
padding-right: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.btn-side:hover {
cursor: pointer;
background-color: #f18f2b;
border-color: #f18f2b;
color:#333;
}
.btn-side:active {
background-color: #e73e2c;
border-color: #e73e2c;
}
.btn-join {
border: 5px solid #ca2470;
background-color: #ca2470;
}
@media screen and (max-width: 500px) {
.btn-side {
font-size: 17px;
padding-top: 21px;
}
}
/**
* Main Content & Section General Styles
* Applied globally across the main content area.
*****************************************************/
.site-section {
padding-top: 90px;
padding-bottom: 90px;
}
/**
* Features Section
*****************************************************/
.features-item {
display: inline-block;
float: left;
padding-left: 1.04167%;
padding-right: 1.04167%;
padding: 0 15px;
text-align: center;
}
@media only screen and (min-width: 320px) {
.features-item {
width: 100%;
}
}
@media only screen and (min-width: 768px) {
.features-item {
width: 100%;
}
}
@media only screen and (min-width: 960px) {
.features-item {
width: 33.33333%;
}
}
.features-item:hover .features-circle {
background-color: #f18f2b;
border-color: #c03d20;
border-width: 8px;
}
.features-item:hover .features-circle-icon {
font-size: 80px;
}
.features-item h3 {
margin-bottom: 15px;
}
.features-item p {
font-weight: 300;
text-align: center;
}
@media screen and (max-width: 960px) {
.features-item {
margin-bottom: 60px;
padding-left: 20%;
padding-right: 20%;
}
.features-item:last-child {
margin-bottom: 0;
}
}
@media screen and (max-width: 500px) {
.features-item {
padding-left: 0;
padding-right: 0;
}
}
.features-circle {
display: block;
position: relative;
border-radius: 50%;
background-color: #20b24b;
width: 180px;
height: 180px;
margin: 0 auto 30px auto;
border: 6px solid rgba(211, 41, 24, 0.3);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.features-circle-icon {
position: absolute;
text-align: center;
width: 100px;
height: 100px;
left: 50%;
top: 50%;
margin-left: -50px;
margin-top: -50px;
color: #fff;
font-size: 60px;
display: table;
transition: all 0.3s ease;
}
.features-circle-icon i {
display: table-cell;
vertical-align: middle;
}
/**
* Testimonials Section
*****************************************************/
.section-testimonials {
background-color: #f2f2f2;
}
.testimonial {
display: inline-block;
float: left;
padding-left: 1.04167%;
padding-right: 1.04167%;
height: 190px;
}
@media only screen and (min-width: 320px) {
.testimonial {
width: 100%;
}
}
@media only screen and (min-width: 768px) {
.testimonial {
width: 50%;
}
}
@media only screen and (min-width: 960px) {
.testimonial {
width: 50%;
}
}
.testimonial:nth-of-type(1), .testimonial:nth-of-type(2) {
margin-bottom: 60px;
}
.testimonial:nth-of-type(1), .testimonial:nth-of-type(3) {
padding-right: 30px;
}
.testimonial:nth-of-type(2), .testimonial:nth-of-type(4) {
padding-left: 30px;
padding-right: 0;
}
@media screen and (max-width: 767px) {
.testimonial {
height: auto;
margin-bottom: 60px;
}
}
@media screen and (max-width: 767px) {
.testimonial:nth-of-type(1), .testimonial:nth-of-type(2), .testimonial:nth-of-type(3), .testimonial:nth-of-type(4) {
padding-right: 0;
padding-left: 0;
}
}
@media screen and (max-width: 767px) {
.testimonial:last-of-type {
margin-bottom: 0;
}
}
.testimonial-avatar {
width: 30%;
}
.testimonial-avatar img {
width: 100%;
border-radius: 50%;
}
@media screen and (max-width: 767px) and (min-width: 450px) {
.testimonial-avatar img {
width: 90%;
}
}
.testimonial-details {
width: 70%;
padding-left: 25px;
}
.testimonial-avatar, .testimonial-details {
float: left;
display: inline-block;
}
.testimonial-name {
font-weight: 500;
font-size: 24px;
}
.testimonial-title {
font-weight: 400;
font-size: 18px;
}
.testimonial-content {
font-weight: 300;
}
/**
* Sign-Up Section
*****************************************************/
.section-signup {
background-color: #20b24b;
text-align: center;
}
.signup-title {
color: #fff;
font-weight: 300;
font-size: 45px;
}
.signup-subtitle {
color: #290805;
font-weight: 300;
font-size: 24px;
}
.signup-form {
margin-top: 50px;
}
.signup-form .input-side {
width: 67%;
margin-right: 3%;
}
.signup-form .input-side:focus {
border-color: #ee7468;
}
@media screen and (max-width: 540px) {
.signup-form .input-side {
width: 100%;
}
}
.signup-form .btn-side {
width: 50%;
background-color: transparent;
border: 5px solid #fff;
}
.signup-form .btn-side:hover {
border-color: #f18f2b;
background-color: #f18f2b;
}
.signup-form .btn-side:active {
border-color: #1e2732;
background-color: #1e2732;
}
@media screen and (max-width: 540px) {
.signup-form .btn-side {
width: 100%;
margin-top: 20px;
}
}
/**
* Site Footer
*****************************************************/
.site-footer {
background-color: #2b3848;
padding: 50px 0;
}
.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6 {
color: #97aac1;
}
.footer-info {
padding-bottom: 50px;
}
.footer-copyright {
font-weight: 300;
margin-bottom: 5px;
color: #b7c4d4;
}
.footer-copyright strong {
font-weight: 500;
}
@media screen and (max-width: 767px) {
.footer-copyright {
text-align: center;
}
}
.footer-rights {
margin: 0;
font-size: 14px;
color: #7790ae;
}
@media screen and (max-width: 767px) {
.footer-rights {
text-align: center;
margin-bottom: 20px;
}
}
.social-wrapper {
margin-top: 10px;
}
.social-item {
display: inline-block;
float: left;
padding-left: 1.04167%;
padding-right: 1.04167%;
display: inline-block;
text-align: center;
}
@media only screen and (min-width: 320px) {
.social-item {
width: 33.33333%;
}
}
@media only screen and (min-width: 768px) {
.social-item {
width: 16.66667%;
}
}
@media only screen and (min-width: 960px) {
.social-item {
width: 16.66667%;
}
}
.social-item:last-child {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.social-item:nth-child(1), .social-item:nth-child(2), .social-item:nth-child(3) {
margin-top: 30px;
margin-bottom: 30px;
}
}
.social-link {
color: #1c242e;
font-size: 45px;
-webkit-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.social-link:hover {
color: #181f28;
}
.social-engagement-wrapper {
border-top: 1px solid #38495e;
}
.footer-widget {
display: inline-block;
}
@media screen and (max-width: 468px) {
.widget-1 {
max-width: 75%;
}
.widget-1 .fb-like {
top: 0;
}
}
@media screen and (max-width: 512px) {
.widget-2, .widget-3 {
margin-top: 20px;
}
}
.social-engagement {
text-align: center;
padding-top: 40px;
}
.social-engagement .fb-like {
position: relative;
top: 10px;
}