/*
	default.less
	-------------
	Do NOT delete, or reorder
	the contents of this file.
	uses the ITCSS methodology.
	-------------
		@import package(s)
*/
/*
	_settings
	-------------
	import all the settings
	settings are GLOBAL variables
*/
/*
	_color.less
	-------------
	define color variables
*/
/*
	_font-awesome.less
	-------------
	define font-awesome variables
*/
/*
	_form.less
	-------------
	define form variables
*/
/*
	_modal.less
	-------------
	define modal variables
*/
/*
	_structure.less
	-------------
	define structure variables
*/
@viewport {
  width: extend-to-zoom;
  zoom: 1.0;
}
/*
	_font.less
	-------------
	define font variables
*/
@font-face {
  font-family: 'FontAwesome';
  src: url('../../asset/font/fontawesome-webfont.eot');
  src: url('../../asset/font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../../asset/font/fontawesome-webfont.woff2') format('woff2'), url('../../asset/font/fontawesome-webfont.woff') format('woff'), url('../../asset/font/fontawesome-webfont.ttf') format('truetype'), url('../../asset/font/fontawesome-webfont.svg#glyphiconsregular') format('svg');
  font-style: normal;
  font-weight: normal;
}
/*
	_tools
	-------------
	import all the tools
	tools are mixins and functions
*/
/*
	_after-link.less
	-------------
	define after-link mixin
*/
.after-link {
  display: inline-block;
  font-size: 10px;
  margin-left: 2px;
  position: relative;
  text-decoration: none;
  top: -3px;
}
/*
	_animate.less
	-------------
	define animate
	-------------
		.breathe
		.blink
		.spin
		.progress
*/
/*
	applies a breathing animation to elements
	-------------
	arguments
		duration
	examples
		.breathe(.10s);
*/
@-webkit-keyframes breathing {
  from {
    opacity: 1.0;
  }
  to {
    opacity: 0.5;
  }
}
@keyframes breathing {
  from {
    opacity: 1.0;
  }
  to {
    opacity: 0.5;
  }
}
/*
	applies a blinking animation to elements
	requires a ; at the end of all arguments
	-------------
	arguments
		duration, iteration-count
	examples
		.blink(.5s, 15;);
*/
@-webkit-keyframes blinking {
  from {
    opacity: 1.0;
  }
  to {
    opacity: 0.3;
  }
}
@keyframes blinking {
  from {
    opacity: 1.0;
  }
  to {
    opacity: 0.3;
  }
}
/*
	applies a spinning animation to elements
	-------------
	arguments
		duration
	examples
		.spin(.10s);
*/
@-webkit-keyframes spinner {
  from {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spinner {
  from {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
/*
	applies a progressing animation to elements
	-------------
	arguments
		duration
	examples
		.progress(.10s);
*/
@-webkit-keyframes progressed {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
@keyframes progressed {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
/*
	_boxsize.less
	-------------
	define boxsize mixin
*/
/*
	applies box-sizing to block level elements
	fixes box model inconsistencies for width: 100%
	-------------
	arguments
		type
	example
		.boxsize(border-box);
*/
/*
	_corners.less
	-------------
	define corners mixin
*/
/*
	applies rounded corners to block level elements
	-------------
	arguments
		all
		top left + right bottom
		top-left top-right bottom-right bottom-left
	examples
		.corners(5px);
		.corners(5px 10px 15px);
		.corners(5px 10px 15px 20px);
*/
/*
	_floats.less
	-------------
	define floats
	-------------
		.left
		.right
		.clear
*/
.left,
.right {
  display: inline;
}
.left {
  float: left;
}
.right {
  float: right;
}
/*
	clears floated elements
	-------------
	arguments
		none
	examples
		.parent:after{ .clear; }
*/
.clear {
  clear: both;
  content: '.';
  display: block;
  font-size: 0;
  visibility: hidden;
}
/*
	_font-wk.less
	-------------
	define font-wk
*/
.font-wk {
  -webkit-font-smoothing: antialiased;
}
/*
	_grade.less
	-------------
	define grade mixin
*/
/*
	applies background gradients to box level elements
	requires a ; at the end of all arguments
	-------------
	arguments
		direction, color position
	examples
		faded out ends
			.grade(left, #FFF 0%, #000 50%, #FFF 100%;);
		diagonal lines
		requires a background-size set on element
			.grade(left, #FFF 0%, #FFF 25%, #000 25%, #000 50%, #FFF 50%, #FFF 75%, #000 75%;);
*/
/*
	_hide.less
	-------------
	define hide
*/
.hide {
  display: none;
}
/*
	_ico.less
	-------------
	define ico
*/
.ico {
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
/*
	_menu.less
	-------------
	define menu
*/
/*
	menu reset
	-------------
	arguments
		none
	examples
		ul:extend(.menu){ ... }
*/
.menu,
.item-grid,
.item-list,
.tabs,
.breadcrumb ul,
.main-nav,
.paginate ul {
  list-style-type: none;
  margin: 0;
}
/*
	_ph-txt.less
	-------------
	define ph-txt
*/
/*
	styles `placeholder=""` attribute
	-------------
	arguments
		color
	examples
		fieldset{ .ph-txt(@black); }
*/
/*
	_shadow.less
	-------------
	define shadow mixin
*/
/*
	applies a shadow to block level elements
	-------------
	arguments
		h-shadow v-shadow blur spread color inset
	examples
		drop shadow
			.shadow(0 0 0 0 rgba(0,0,0,0));
		inner shadow
			.shadow(0 0 0 0 rgba(0,0,0,0) inset);
*/
/*
	_tf.less
	-------------
	define tf mixin
*/
/*
	applies a transform to block level elements
	-------------
	arguments
		any valid transform value
	example
		.tf(rotate(10deg));
*/
/*
	_ts.less
	-------------
	define ts mixin
*/
/*
	applies a transition to block level elements
	-------------
	arguments
		prop, time, ease
	example
		.ts(all 1s linear);

*/
/*
	_txt-shadow.less
	-------------
	define txt-shadow mixin
*/
/*
	applies a drop shadow to text
	-------------
	arguments
		h-shadow v-shadow blur color
	example
		.txt-shadow(0 0 0 rgba(0,0,0,0));
*/
/*
	_underline.less
	-------------
	define underline mixin
*/
/*
	applies an animated underline
	-------------
	arguments
		color, speed, height, pos
	example
		.underline(@gray);
*/
/*
	_generic
	-------------
	import all the generics
	generic is reset and normalization
*/
/*
	_reset.less
	-------------
	define browser normalization
	-------------
*/
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary,
figure img {
  display: block;
}
address,
body,
button,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
html,
input,
ol,
p,
pre,
section,
select,
ul {
  margin: 0;
  padding: 0;
}
a {
  background-color: transparent;
}
a,
input:focus,
textarea:focus,
select {
  outline: 0;
}
a img,
fieldset {
  border: 0;
}
abbr {
  cursor: help;
}
address {
  font-style: normal;
}
body {
  font: normal normal 14px 'Helvetica', 'Arial', Sans-Serif;
}
code,
kbd,
pre,
samp {
  font-family: 'New Courier', 'Courier', Monospace;
}
button,
input,
optgroup,
select,
textarea,
td,
th {
  font: inherit;
}
em,
i,
strong,
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
ins {
  text-decoration: none;
}
sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.25em;
}
sub {
  bottom: -0.25em;
}
img {
  max-width: 100%;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}
th {
  text-align: left;
}
th,
td {
  padding: 0;
}
address,
blockquote,
dl,
figure,
ol,
p,
ul,
table {
  margin: 20px 0;
}
figure table {
  margin: 0;
}
ul {
  list-style-position: inside;
  margin-left: 40px;
}
ol {
  list-style-position: outside;
  margin-left: 57px;
}
address,
li,
p {
  line-height: 1.5;
}
input,
table,
textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
input:not([type='checkbox']):not([type='radio']),
textarea {
  -webkit-appearance: none;
}
button {
  border: 0;
  line-height: 1;
  overflow: visible;
  text-transform: none;
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 750px) {
  figure:first-child {
    margin-top: 0;
  }
}
/*
	_base
	-------------
	import all the base
	base are non-classed HTML elements
*/
/*
	_abbr.less
	-------------
	define abbr
*/
abbr[title] {
  border-bottom: 1px dotted #B5B5B5;
}
/*
	_blockquote.less
	-------------
	define blockquote
*/
blockquote {
  border-left: 5px solid #F1F1F1;
  display: table;
  margin-left: 32px;
  padding: 0 0 0 20px;
}
blockquote p {
  font-family: 'Georgia', Serif;
  font-size: 16px;
  line-height: 1.7;
  margin: 0 0 10px;
}
blockquote p:last-child {
  margin-bottom: 0;
}
blockquote code {
  font-size: 12px;
  font-style: normal;
}
blockquote cite {
  color: #808080;
  font-style: normal;
}
/*
	_body.less
	-------------
	define body
*/
body {
  color: #7d7d7d;
}
/*
	_code.less
	-------------
	define code
*/
p code {
  background-color: #F9F9F9;
  border: 1px solid #F1F1F1;
  padding: 1px 3px;
  white-space: nowrap;
}
p code:hover {
  background-color: #fff9e5;
  border-color: #ffd24d;
}
/*
	_del.less
	-------------
	define del
*/
del {
  color: #808080;
}
/*
	_fields.less
	-------------
	define fields
*/
textarea,
select[multiple='multiple'],
input:not([type='submit']) {
  background-color: #FFFFFF;
  border: 1px solid #B5B5B5;
  color: #808080;
  padding: 5px 10px;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
textarea:focus,
select[multiple='multiple']:focus,
input:not([type='submit']):focus {
  background-color: #ffffff;
  border-color: #426896;
  -moz-box-shadow: 0 0 0 2px rgba(32, 226, 255, 0.3);
  -webkit-box-shadow: 0 0 0 2px rgba(32, 226, 255, 0.3);
  box-shadow: 0 0 0 2px rgba(32, 226, 255, 0.3);
}
input[type='radio'],
input[type='checkbox'] {
  border: 0;
  padding: 0;
  width: auto;
}
input[type='submit'] {
  cursor: pointer;
}
select[multiple='multiple'] {
  padding: 8px 10px;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
textarea {
  min-height: 50px;
  max-height: 500px;
  resize: vertical;
  vertical-align: top;
}
/*
	_fieldset.less
	-------------
	define fieldset
*/
fieldset {
  border-bottom: 1px solid #d8d8d8;
  padding: 10px 0;
}
fieldset em {
  color: #808080;
  display: block;
  font-size: 12px;
  font-style: normal;
}
fieldset.ctrls {
  border-bottom: 0;
  text-align: center;
}
fieldset.first {
  padding-top: 0;
}
fieldset input::-webkit-input-placeholder {
  color: #cfcfcf;
}
fieldset textarea::-webkit-input-placeholder {
  color: #cfcfcf;
}
fieldset input:-moz-placeholder {
  color: #cfcfcf;
}
fieldset textarea:-moz-placeholder {
  color: #cfcfcf;
}
fieldset input::-moz-placeholder {
  color: #cfcfcf;
}
fieldset textarea::-moz-placeholder {
  color: #cfcfcf;
}
fieldset input:-ms-input-placeholder {
  color: #cfcfcf;
}
fieldset textarea:-ms-input-placeholder {
  color: #cfcfcf;
}
fieldset [class*='w-'] {
  border-bottom: 1px solid #d8d8d8;
  padding: 10px 0;
}
fieldset [class*='w-']:first-child {
  padding-top: 0;
}
fieldset [class*='w-']:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
@media screen and (min-width: 750px) {
  fieldset [class*='w-'] {
    border-bottom: 0;
    padding: 0;
  }
}
/*
	_figure.less
	-------------
	define figure
*/
figure figcaption {
  color: #808080;
  font-family: 'Georgia', Serif;
  font-style: italic;
  padding: 5px;
  text-align: center;
}
figure figcaption:first-child {
  padding-top: 0;
}
figure figcaption:last-child {
  padding-bottom: 0;
}
figure:first-of-type {
  margin-top: 0;
}
@media screen and (min-width: 750px) {
  figure.left {
    margin: 5px 15px 0 0;
    width: 37.5%;
  }
  figure.right {
    margin: 5px 0 0 15px;
    width: 37.5%;
  }
}
/*
	_footer.less
	-------------
	define footer
*/
footer {
  margin: 0 auto;
  max-width: 1180px;
  padding: 0 20px 20px;
}
/*
	_header.less
	-------------
	define header
*/
header.full {
  background-color: #fff;
  padding: 20px 0;
}
header h1 {
  color: #e3b805;
  font-size: 20px;
  margin: 0;
}
header a {
  border-bottom: 0;
  color: #54575e;
  text-decoration: none;
}
header a:hover {
  color: rgba(255, 255, 255, 0.8);
  color: #ab1a33;
}
@media screen and (min-width: 750px) {
  header h1 a {
    border: 0;
  }
  header .row section:last-child .main-nav {
    display: inline;
    float: right;
  }
}
/*
	_headings.less
	-------------
	define headings
*/
h1 {
  font-size: 32px;
}
h2 {
  font-size: 24px;
}
h3 {
  font-size: 18px;
}
h4,
h5,
h6 {
  font-size: 16px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #23374f;
  font-weight: normal;
  margin: 0 0 20px;
  position: relative;
}
h4,
h5,
h6 {
  font-weight: bold;
}
/*
	_hr.less
	-------------
	define hr
*/
hr {
  border: 0;
  border-top: 1px solid #B5B5B5;
  display: block;
  height: 1px;
  margin: 20px 0;
}
/*
	_ins.less
	-------------
	define ins
*/
ins {
  background-color: #e0f5d6;
  color: #3d7a1f;
}
/*
	_label.less
	-------------
	define label
*/
label input {
  margin-right: 5px;
  position: relative;
  top: -1px;
}
/*
	_links.less
	-------------
	define links
*/
a {
  color: #23374f;
}
a:hover {
  border-color: #ab1a33;
  color: #ab1a33s;
}
/*
	_mark.less
	-------------
	define mark
*/
mark {
  background-color: #fff2cc;
  color: #806000;
}
/*
	_pre.less
	-------------
	define pre
*/
pre {
  overflow: auto;
}
/*
	_table.less
	-------------
	define table
*/
table {
  background-color: #FFFFFF;
  border: 1px solid #B5B5B5;
  padding: 1px;
  table-layout: fixed;
}
table tr:last-child td {
  border-bottom: 0;
}
table tbody tr:nth-child(2n) {
  background-color: #F9F9F9;
}
table th,
table td {
  border-right: 1px solid #B5B5B5;
  padding: 10px;
}
table th:last-child,
table td:last-child {
  border-right: 0;
}
table th {
  background-color: #808080;
  color: #FFFFFF;
}
table td {
  border-bottom: 1px solid #B5B5B5;
  border-right-color: #B5B5B5;
}
/*
	_objects
	-------------
	import all the objects
	objects are non-cosmetic interface patterns
*/
/*
	_base-grid.less
	-------------
	define base-grid
	-------------
		.row
		.full
		.fill
		.col-width
*/
.row [class*='w-'] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.row.pad {
  padding: 0 20px;
}
.fill > .row [class*='w-'] {
  margin-bottom: 0;
}
@media screen and (min-width: 750px) {
  .row {
    margin: 0 auto;
    max-width: 1200px;
  }
  .row [class*='w-'] {
    padding: 0 10px;
    display: inline;
    float: left;
  }
  .row .row {
    margin: 0 -10px;
  }
  .row.pad {
    padding: 0 10px;
  }
  .row.fluid-fix > .fluid {
    margin-right: -300px;
    width: 100%;
    display: inline;
    float: left;
  }
  .row.fluid-fix > .fluid > .box {
    margin-right: 300px;
  }
  .row.fluid-fix > .fixed {
    width: 300px;
    display: inline;
    float: right;
  }
  .row.reverse > [class*='w-'] {
    display: inline;
    float: right;
  }
  .row.reverse.fluid-fix > .fluid {
    margin-left: -300px;
    margin-right: 0;
    display: inline;
    float: right;
  }
  .row.reverse.fluid-fix > .fluid > .box {
    margin-left: 300px;
    margin-right: 0;
  }
  .row.reverse.fluid-fix > .fixed {
    display: inline;
    float: left;
  }
  .row.first > [class*='w-'] h1,
  .row.first > [class*='w-'] h2,
  .row.first > [class*='w-'] h3,
  .row.first > [class*='w-'] h4,
  .row.first > [class*='w-'] h5,
  .row.first > [class*='w-'] h6 {
    margin-top: 0;
  }
  fieldset.row {
    border: 0;
    padding-bottom: 10px;
    position: relative;
  }
  fieldset.row:before {
    background-color: #d8d8d8;
    bottom: 0;
    content: '';
    left: 10px;
    display: block;
    height: 1px;
    position: absolute;
    right: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .row:after {
    clear: both;
    content: '.';
    display: block;
    font-size: 0;
    visibility: hidden;
  }
  .fill > .row {
    max-width: 100%;
  }
  .fill > .row [class*='w-'] {
    height: 100%;
  }
  .fill > .row [class*='w-']:first-child {
    left: 0;
  }
  .fill > .row [class*='w-']:last-child {
    right: 0;
  }
  .fill > .row.fluid-fix > .fixed {
    position: fixed;
    overflow: auto;
  }
  .fill > .row.reverse [class*='w-']:first-child {
    left: auto;
    right: 0;
  }
  .fill > .row.reverse [class*='w-']:last-child {
    left: 0;
    right: auto;
  }
  .w-1 {
    width: 6.25%;
  }
  .w-2 {
    width: 12.5%;
  }
  .w-3 {
    width: 18.75%;
  }
  .w-4 {
    width: 25%;
  }
  .w-5 {
    width: 31.25%;
  }
  .w-6 {
    width: 37.5%;
  }
  .w-7 {
    width: 43.75%;
  }
  .w-8 {
    width: 50%;
  }
  .w-9 {
    width: 56.25%;
  }
  .w-10 {
    width: 62.5%;
  }
  .w-11 {
    width: 68.75%;
  }
  .w-12 {
    width: 75%;
  }
  .w-13 {
    width: 81.25%;
  }
  .w-14 {
    width: 87.5%;
  }
  .w-15 {
    width: 93.75%;
  }
  .w-16 {
    width: 100%;
  }
  .w-3rds {
    width: 33.33%;
  }
}
/*
	_btn.less
	-------------
	define btn object
*/
.btn {
  background-color: #D7D7D7;
  color: #222222;
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.btn:before,
.btn:after {
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.btn:hover {
  background-color: #bebebe;
  color: #222222;
}
button.btn {
  padding: 14px 20px;
}
/*
	_item-grid.less
	-------------
	define item-grid
	all items should be square and equally sized
*/
.item-grid li {
  margin-bottom: 20px;
}
.item-grid figure {
  margin: 0;
}
@media screen and (min-width: 420px) {
  .item-grid {
    margin: 0 -10px;
  }
  .item-grid li {
    padding: 0 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    display: inline;
    float: left;
  }
  .item-grid:after {
    clear: both;
    content: '.';
    display: block;
    font-size: 0;
    visibility: hidden;
  }
}
@media screen and (min-width: 750px) {
  .item-grid li {
    width: 33.33%;
  }
}
@media screen and (min-width: 1200px) {
  .item-grid li {
    width: 25%;
  }
}
/*
	_item-list.less
	-------------
	define item-list
*/
.item-list {
  background-color: #F9F9F9;
  margin: 20px 0;
}
.item-list li {
  border-bottom: 1px solid #B5B5B5;
  padding: 20px;
}
.item-list li:last-child {
  border-bottom: 0;
}
.item-list li h1:first-of-type,
.item-list li h2:first-of-type,
.item-list li h3:first-of-type,
.item-list li h4:first-of-type,
.item-list li h5:first-of-type,
.item-list li h6:first-of-type {
  margin-top: 0;
}
.item-list li p:first-child,
.item-list li ul:first-child,
.item-list li ol:first-child {
  margin-top: 0;
}
.item-list li p:last-child,
.item-list li ul:last-child,
.item-list li ol:last-child {
  margin-bottom: 0;
}
.item-list li p:only-of-type,
.item-list li ul:only-of-type,
.item-list li ol:only-of-type {
  margin: 0;
}
/*
	_item.less
	-------------
	define item
*/
.item,
.comments .comment,
.entries .entry {
  border-bottom: 1px solid #B5B5B5;
  margin-bottom: 20px;
}
.item h1:first-of-type,
.item h2:first-of-type,
.item h3:first-of-type,
.item h4:first-of-type,
.item h5:first-of-type,
.item h6:first-of-type {
  margin-top: 0;
}
.item p:first-child,
.item ul:first-child,
.item ol:first-child {
  margin-top: 0;
}
.item p:last-child,
.item ul:last-child,
.item ol:last-child {
  margin-bottom: 0;
}
.item p:only-of-type,
.item ul:only-of-type,
.item ol:only-of-type {
  margin: 0;
}
/*
	_media.less
	-------------
	define media
*/
.media {
  margin: 20px 0;
}
.media .media-img,
.media .media-content {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 750px) {
  .media .media-img,
  .media .media-content {
    display: inline;
    float: left;
  }
  .media .media-img {
    padding-right: 20px;
    width: 18.75%;
  }
  .media .media-content {
    width: 81.25%;
  }
  .media .media-content h1:first-of-type,
  .media .media-content h2:first-of-type,
  .media .media-content h3:first-of-type,
  .media .media-content h4:first-of-type,
  .media .media-content h5:first-of-type,
  .media .media-content h6:first-of-type {
    margin-top: 0;
  }
  .media:after {
    clear: both;
    content: '.';
    display: block;
    font-size: 0;
    visibility: hidden;
  }
}
/*
	_modal.less
	-------------
	define modal
	-------------
	.modal-wrap
	.modal-header
	.modal
*/
.modal-wrap {
  left: 0;
  max-width: 940px;
  margin: 0 auto;
  padding: 0 10px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 4;
  display: none;
}
.modal-header {
  background-color: #F9F9F9;
  margin: 0 -20px 20px;
  padding: 20px;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.modal {
  background-color: #FFFFFF;
  margin: 10px 0;
  padding: 0 20px 20px;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.9);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.9);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.9);
}
.modal .close {
  color: #808080;
  text-decoration: none;
}
.modal .close:before {
  content: '\f00d';
  font-size: 24px;
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.modal .close:hover {
  color: #CC0000;
}
.modal .close:hover:after {
  content: ' Dismiss';
  position: relative;
  top: -3px;
}
.modal h1:nth-child(2),
.modal h2:nth-child(2),
.modal h3:nth-child(2),
.modal h4:nth-child(2),
.modal h5:nth-child(2),
.modal h6:nth-child(2) {
  margin-top: 0;
}
.modal p:first-child {
  margin-top: 0;
}
.modal p:last-child {
  margin-bottom: 0;
}
.modal p:only-of-type {
  margin: 0;
}
@media screen and (min-width: 750px) {
  .modal {
    margin: 40px 0;
  }
}
/*
	_overlay.less
	-------------
	define overlay
*/
.overlay {
  background-color: rgba(0, 0, 0, 0.85);
  bottom: 0;
  padding: 0 10px 40px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 3;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
}
/*
	_snap.less
	-------------
	define snap
*/
.snap {
  margin: 0 auto;
  max-width: 1200px;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.snap:after {
  clear: both;
  content: '.';
  display: block;
  font-size: 0;
  visibility: hidden;
}
/*
	_tabs.less
	-------------
	define tabs
	-------------
		.tabs
		.tab
		.tab-open
*/
.tabs li {
  display: inline;
  float: left;
}
.tabs:after {
  clear: both;
  content: '.';
  display: block;
  font-size: 0;
  visibility: hidden;
}
.tab {
  display: none;
}
.tab p:last-child,
.tab ul:last-child,
.tab ol:last-child {
  margin-bottom: 0;
}
.tab-open {
  display: block;
}
/*
	_toggle.less
	-------------
	define toggle
	-------------
		.toggle-content
		.toggle-open
*/
.toggle-content {
  display: none;
}
.toggle-open {
  display: block;
}
/*
	_video.less
	-------------
	define video
*/
.video .player {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  /* 16/9 ratio */
  padding-top: 30px;
  /* IE6 workaround */
  position: relative;
}
.video .player embed,
.video .player iframe,
.video .player img,
.video .player object,
.video .player video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
/*
	_components
	-------------
	import all the components
	components are visual interfaces
*/
/*
	_alert.less
	-------------
	define alert
*/
.alert {
  background-color: #F9F9F9;
  border: 1px solid #808080;
  margin-bottom: 10px;
  padding: 10px;
  position: relative;
}
.alert h3 {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
}
.alert h3:before {
  content: '\f071';
  font-family: 'FontAwesome';
  font-size: 12px;
  font-weight: normal;
  margin-right: 5px;
}
.alert p,
.alert ul,
.alert ol {
  margin: 0 0 10px;
}
.alert p:last-child,
.alert ul:last-child,
.alert ol:last-child,
.alert p:nth-last-child(2),
.alert ul:nth-last-child(2),
.alert ol:nth-last-child(2) {
  margin-bottom: 0;
}
.alert ul,
.alert ol {
  margin-left: 20px;
}
.alert ol {
  list-style-position: inside;
}
.alert.issue {
  background-color: #fff0f0;
  border-color: #ff9999;
}
.alert.issue h3,
.alert.issue p,
.alert.issue li,
.alert.issue a {
  color: #CC0000;
}
.alert.warn {
  background-color: #fff9e5;
  border-color: #ffd24d;
}
.alert.warn h3,
.alert.warn p,
.alert.warn li,
.alert.warn a {
  color: #997300;
}
.alert.success {
  background-color: #f0faeb;
  border-color: #a3e085;
}
.alert.success h3,
.alert.success p,
.alert.success li,
.alert.success a {
  color: #3d7a1f;
}
.alert a:hover {
  color: #222222;
}
.alert .close {
  position: absolute;
  top: 10px;
  right: 10px;
}
/*
	_breadcrumb.less
	-------------
	define breadcrumb
*/
.breadcrumb {
  margin-top: 10px;
}
.breadcrumb ul {
  border-bottom: 1px solid #F1F1F1;
  padding-bottom: 10px;
}
.breadcrumb ul li:last-child {
  color: #808080;
  font-weight: bold;
}
@media screen and (min-width: 750px) {
  .breadcrumb li {
    margin-right: 10px;
    display: inline;
    float: left;
  }
  .breadcrumb li:after {
    color: #B5B5B5;
    content: '/';
    padding-left: 10px;
  }
  .breadcrumb li:last-child:after {
    content: '';
    padding-left: 0;
  }
  .breadcrumb ul:after {
    clear: both;
    content: '.';
    display: block;
    font-size: 0;
    visibility: hidden;
  }
}
/*
	_btn.less
	-------------
	define btn
*/
.btn {
  margin-right: 5px;
  text-decoration: none;
}
.btn:before {
  font-family: 'FontAwesome';
}
.btn.contrast:before {
  content: '\f042';
}
.btn.copy:before {
  content: '\f24d';
}
.ctrls .btn {
  background-color: #c2ebad;
  border: 1px solid #a3e085;
  color: #3d7a1f;
  font-weight: bold;
  padding: 10px 15px 8px;
  -moz-box-shadow: 0 4px 0 0 #a3e085;
  -webkit-box-shadow: 0 4px 0 0 #a3e085;
  box-shadow: 0 4px 0 0 #a3e085;
}
.ctrls .btn:hover {
  background-color: #b2e699;
  color: #3d7a1f;
  -moz-box-shadow: 0 3px 0 0 #a3e085;
  -webkit-box-shadow: 0 3px 0 0 #a3e085;
  box-shadow: 0 3px 0 0 #a3e085;
}
.ctrls .btn.disable,
.ctrls .btn.disable:hover {
  background-color: #f3f3f3;
  border: 1px solid #d9d9d9;
  color: #B5B5B5;
  cursor: not-allowed;
  -moz-box-shadow: 0 4px 0 0 #d9d9d9;
  -webkit-box-shadow: 0 4px 0 0 #d9d9d9;
  box-shadow: 0 4px 0 0 #d9d9d9;
}
.ctrls .btn.remove,
.ctrls .btn.remove:hover {
  background-color: #ffb3b3;
  border: 1px solid #ff8080;
  color: #CC0000;
  -moz-box-shadow: 0 4px 0 0 #ff8080;
  -webkit-box-shadow: 0 4px 0 0 #ff8080;
  box-shadow: 0 4px 0 0 #ff8080;
}
.ctrls .btn.work,
.ctrls .btn.work:hover {
  background-color: #FFFFFF;
  border: 1px dashed #e4e4e4;
  -webkit-animation: breathing 0.8s ease-in-out 0 infinite alternate;
  animation-name: breathing;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
  -moz-box-shadow: 0 4px 0 0 #e8e8e8;
  -webkit-box-shadow: 0 4px 0 0 #e8e8e8;
  box-shadow: 0 4px 0 0 #e8e8e8;
}
h1 .btn {
  background-color: #F1F1F1;
  border: 0;
  color: #23374f;
  font-size: 14px;
  margin: 0;
  padding: 5px 10px;
  position: absolute;
  right: 0;
  top: 0;
}
h1 .btn:hover {
  background-color: #23374f;
  color: #FFFFFF;
}
/*
	_codeblock.less
	-------------
	define codeblock
*/
.syn-comment {
  color: #B5B5B5;
}
.syn-brackets {
  color: #B5B5B5;
}
.syn-element {
  color: #EB650C;
}
.syn-value {
  color: #b38600;
}
.syn-attr {
  color: #23374f;
}
.syn-alias {
  color: #0CAFEB;
}
.syn-class {
  color: #52a329;
}
.syn-pseudo {
  color: #CC6600;
}
.syn-id {
  color: #ff8080;
}
.syn-var {
  color: #CE5F9D;
}
.syn-func {
  color: #4CB9BD;
}
.code-block {
  background-color: #F9F9F9;
  border: 1px solid #e4e4e4;
  color: #737373;
  margin: 20px 0;
  padding: 20px;
  position: relative;
}
.code-block:hover {
  border-color: #B5B5B5;
}
.code-block a {
  border-bottom: 0;
}
.code-block pre {
  tab-size: 4;
  white-space: pre-wrap;
}
.code-block .options {
  background-color: #F1F1F1;
  border-top: 1px solid #e4e4e4;
  margin: 20px -20px -20px;
  padding: 10px 10px 8px;
}
.code-block .options .info {
  position: relative;
  top: 2px;
  display: inline;
  float: right;
}
.code-block.dark {
  background-color: #2f2f2f;
}
.code-block.dark:hover {
  border-color: #222222;
}
.code-block.dark code {
  background-color: #2f2f2f;
  color: #FFFFFF;
}
.code-block.dark .syn-comment {
  color: #626262;
}
.code-block.dark .syn-attr {
  color: #3a5c84;
}
.code-block.dark .options {
  background-color: #3c3c3c;
  border-top: 1px solid #151515;
}
.code-block.dark .options a {
  color: #FFFFFF;
}
.code-block.dark .options a:hover {
  color: #b38600;
}
.code-block:last-child {
  margin-bottom: 0;
}
/*
	_comments.less
	-------------
	define comments
*/
.comments {
  border-top: 3px double #dbdbdb;
  margin-top: 40px;
  padding-top: 40px;
}
.comments .comment {
  border-bottom-color: #dbdbdb;
}
.comments .comment h3 + p {
  color: #808080;
  margin-top: -20px;
}
.comments .comment .author:after {
  color: #CC6600;
  content: '\f007';
  font-family: 'FontAwesome';
  font-size: 13px;
  margin-left: 5px;
}
.comments .comment .ignored {
  color: #CC0000;
  text-decoration: line-through;
}
/*
	_content.less
	-------------
	define content
*/
.content {
  padding: 20px 0;
}
/*
	_cycle-slideshow.less
	-------------
	define cycle-slideshow
*/
.cycle-slideshow {
  margin: 0 auto 20px;
}
.cycle-slideshow .slide-ctrls a {
  z-index: 1;
}
.cycle-slideshow:hover .slide-ctrls a {
  z-index: 101;
}
/*
	_entries.less
	-------------
	define entries
*/
.entries .entry {
  border-bottom-color: #F1F1F1;
}
.entries .entry h2 + p {
  color: #808080;
  margin-top: -10px;
}
.home .entries h2 {
  font-size: 18px;
}
@media screen and (min-width: 750px) {
  .entries .entry:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
/*
	_footer-content.less
	-------------
	define footer-content
*/

footer{
	margin: 0 auto;
	max-width: @max-width - 20px;
	padding: 0 20px 20px;
	background-color: #fff;
	border-top: 1px solid #8e7301;
}

.footer-content p {
  margin: 0;
  color: #8e7301;
}
.footer-content .main-nav {
  border-bottom: 1px solid #e4e4e4;
  display: block;
  margin: 0px 0;
  padding-bottom: 20px;
}
@media screen and (min-width: 750px) {
  .footer-content {
    padding: 20px 0;
  }
  .footer-content .main-nav {
    border: 0;
    margin: 0;
    padding: 0;
    display: inline;
    float: left;
	color: #fff;
  }
}
/*
	_format-tools.less
	-------------
	define format-tools
*/
.format-tools {
  margin-bottom: 20px;
}
.format-tools table {
  background-color: transparent;
  border-color: #B5B5B5;
  margin: 0;
}
.format-tools table td {
  border: 0;
  padding: 0;
  text-align: center;
}
.format-tools table a {
  background-color: #F1F1F1;
  border: 0;
  display: block;
  padding: 5px 10px;
  text-decoration: none;
}
.format-tools table a:hover {
  background-color: #23374f;
  color: #FFFFFF;
}
.format-tools .format-btns {
  margin-bottom: 10px;
}
/*
	_invalid.less
	-------------
	define invalid
*/
.invalid h3 {
  color: #CC0000;
}
.invalid textarea,
.invalid select[multiple='multiple'],
.invalid input:not([type='submit']) {
  background-color: #fff0f0;
  border-color: #CC0000;
}
.invalid .field em {
  color: #CC0000;
  display: block;
  font-size: 14px;
  font-style: italic;
  margin: 5px 0 0;
}
.invalid .field em:before {
  content: '\f056';
  font-family: 'FontAwesome';
  font-size: 12px;
  font-style: normal;
  margin-right: 5px;
}
.invalid .field label {
  color: #CC0000;
}
/*
	_list.less
	-------------
	define list
*/
.list {
  list-style-type: none;
}
.list li:before {
  color: #B5B5B5;
  content: '\f054';
  font-family: 'FontAwesome';
  font-size: 12px;
  margin-right: 5px;
  position: relative;
  top: 1px;
}
.list li a.act {
  font-weight: bold;
}
.list li.fav:before,
.list.fav li:before {
  color: #ff8080;
  content: '\f004';
}
.list li.star:before,
.list.star li:before {
  color: #b38600;
  content: '\f005';
  top: 0;
}
.list li.yes:before,
.list.yes li:before {
  color: #66CC33;
  content: '\f00c';
}
.list li.no:before,
.list.no li:before {
  color: #CC0000;
  content: '\f00d';
}
.list li.rss:before,
.list.rss li:before {
  color: #b38600;
  content: '\f143';
}
/*
	_main-nav.less
	-------------
	define main-nav
*/
.main-nav {
  display: none;
}
.main-nav.menu-open {
  background-color: rgba(255, 255, 255, 0.1);
  display: block;
  margin-top: 20px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.main-nav.menu-open li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.main-nav.menu-open li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.main-nav.menu-open li:first-child a.act,
.main-nav.menu-open li:first-child a:hover {
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.main-nav.menu-open li:last-child a.act,
.main-nav.menu-open li:last-child a:hover {
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.main-nav.menu-open a {
  border: 0;
  color: #54575e;
  display: block;
  font-weight: normal;
  letter-spacing: 1px;
  padding: 5px 10px;
}
.main-nav.menu-open a:first-letter {
  font-weight: normal;
}
.main-nav.menu-open a.act,
.main-nav.menu-open a:hover {
  background-color: rgba(255, 255, 255, 0.8);
  color: #ab1a33;
}
@media screen and (min-width: 750px) {
  .main-nav li {
    margin-left: 10px;
    display: inline;
    float: left;
  }
  header .main-nav a {
    background-color: rgba(255, 255, 255, 0.1);
    border: 0;
    color: #54575e;
    display: block;
    font-weight: normal;
    letter-spacing: 1px;
    padding: 5px 10px;
    text-decoration: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
  header .main-nav a:first-letter {
    font-weight: normal;
  }
  header .main-nav a.act,
  header .main-nav a:hover {
    background-color: rgba(255, 255, 255, 0.8);
    color: #ab1a33;
  }
  
  .topheader {
    background-color: #233c76;
	background-image: url("http://apb.souzouzone.net/images/topballs_bg.jpg");
	background-repeat:none;
    border: 0;
    color: #9fa6b7;
    display: block;
    font-weight: normal;
    letter-spacing: 1px;
    padding: 30px 10px;
    text-decoration: none;
	align-content: right;
  }
  
  footer .main-nav a.act {
    color: #ab2840;
  }
}
/*
	_member-bar.less
	-------------
	define member-bar
*/
.member-bar {
  padding: 10px 0;
}
.member-bar .member-nav {
  display: inline;
  float: right;
}
/*
	_member-meta.less
	-------------
	define member-meta
*/
.member-meta {
  border-bottom: 1px solid #F1F1F1;
  margin: -15px 0 20px;
  padding: 0 0 10px;
}
/*
	_menu-link.less
	-------------
	define menu-link
*/
.menu-link {
  background-color: #e8e8e8;
  border: 0;
  color: #222222;
  display: block;
  font-weight: normal;
  letter-spacing: 1px;
  padding: 5px 10px 3px;
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.09);
  -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.09);
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.09);
}
.menu-link.act,
.menu-link:hover {
  background-color: #23374f;
  color: #FFFFFF;
  -moz-box-shadow: 0 2px 0 0 #0c121a;
  -webkit-box-shadow: 0 2px 0 0 #0c121a;
  box-shadow: 0 2px 0 0 #0c121a;
}
/*
	_no-results.less
	-------------
	define no-results
*/
.no-results {
  margin: 20px 0;
}
/*
	_paginate.less
	-------------
	define paginate
*/
.paginate ul:after {
  clear: both;
  content: '.';
  display: block;
  font-size: 0;
  visibility: hidden;
}
.paginate li {
  margin-right: 5px;
  display: inline;
  float: left;
}
.paginate a {
  background-color: #F1F1F1;
  border: 0;
  display: block;
  padding: 3px 10px;
  text-decoration: none;
}
.paginate a.act {
  background-color: #23374f;
  color: #FFFFFF;
}
.paginate.single {
  margin-bottom: 20px;
}
.paginate.single a {
  padding: 5px 10px;
  display: inline;
  float: left;
}
.paginate.single a.page-next {
  display: inline;
  float: right;
}
.paginate.single:after {
  clear: both;
  content: '.';
  display: block;
  font-size: 0;
  visibility: hidden;
}
@media screen and (min-width: 750px) {
  .paginate li {
    margin-right: 10px;
  }
}
/*
	_password-req.less
	-------------
	define password-req
*/
@media screen and (min-width: 750px) {
  .password-req .w-8 {
    display: inline;
    float: left;
  }
}
/*
	_required.less
	-------------
	define required
*/
.required {
  color: #CC6600;
  font-weight: normal;
}
h1 .required,
h2 .required {
  display: block;
  font-size: 14px;
  margin-top: 5px;
}
/*
	_search-wrap.less
	-------------
	define search-wrap
*/
.search-wrap {
  border-bottom: 1px solid #F1F1F1;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.search-wrap input[type='text'] {
  margin-bottom: 5px;
}
.search-wrap:last-child {
  border: 0;
  margin: 0;
  padding: 0;
}
/*
	_search.less
	-------------
	define search
*/
.search {
  padding: 10px;
}
.search input[type='text'] {
  font-size: 16px;
}
.search .ctrls {
  border-bottom: 0;
  margin-top: 10px;
  padding: 0;
  text-align: center;
}
@media screen and (min-width: 750px) {
  .search input[type='text'] {
    font-size: 14px;
  }
}
/*
	_sidebar.less
	-------------
	define sidebar
*/
.sidebar {
  background-color: #F9F9F9;
  border: 1px solid #F1F1F1;
  margin-top: 20px;
}
.sidebar h2 {
  background-color: #F1F1F1;
  font-size: 16px;
  margin: 0;
  padding: 10px;
}
.sidebar ul {
  margin: 10px 0 10px 20px;
}
@media screen and (min-width: 750px) {
  .sidebar {
    margin: 0;
  }
}
/*
	_slide-ctrls.less
	-------------
	define slide-ctrls
*/
.slide-ctrls a {
  background-color: #FFFFFF;
  border: 0;
  margin-top: -20px;
  padding: 10px;
  position: absolute;
  top: 50%;
  text-decoration: none;
}
.slide-ctrls a:hover {
  background-color: #F9F9F9;
}
.slide-ctrls a:before {
  font-family: 'FontAwesome';
}
.slide-ctrls .prev-slide {
  left: 0;
}
.slide-ctrls .prev-slide:before {
  content: '\f053';
}
.slide-ctrls .next-slide {
  right: 0;
}
.slide-ctrls .next-slide:before {
  content: '\f054';
}
/*
	_small-menu.less
	-------------
	define small-menu
*/
.small-menu {
  background-color: rgba(255, 255, 255, 0.1);
  border: 0;
  color: #FFFFFF;
  display: block;
  font-weight: normal;
  letter-spacing: 1px;
  padding: 5px 10px 3px;
  position: absolute;
  right: 20px;
  text-decoration: none;
  top: 22px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.small-menu.act,
.small-menu:hover {
  background-color: rgba(255, 255, 255, 0.8);
  color: #23374f;
}
.small-menu:after {
  content: '\f0c9';
  font-family: 'FontAwesome';
  -webkit-font-smoothing: antialiased;
}
@media screen and (min-width: 750px) {
  .small-menu {
    display: none;
  }
}
/*
	_table-sorting.less
	-------------
	define table-sorting
*/
.table-sorting {
  background-color: #F9F9F9;
  border: solid #B5B5B5;
  border-width: 1px 1px 0;
  font-size: 12px;
  margin: 20px 0 0;
  padding: 10px;
}
.table-sorting + table {
  margin-top: 0;
}
.table-sorting select {
  margin-right: 10px;
}
.table-sorting label {
  margin-bottom: 10px;
}
@media screen and (min-width: 750px) {
  .table-sorting label {
    display: inline-block;
    margin-bottom: 0;
  }
}
/*
	_v-card.less
	-------------
	define v-card
*/
.v-card .address,
.v-card .alternate {
  display: block;
}
.v-card .alternate {
  margin-top: 10px;
}
@media screen and (min-width: 750px) {
  .v-card {
    margin-top: 0;
  }
}
/*
	_theme
	-------------
	import the theme
	theme is used for specific overrides
*/
/*
	_trumps
	-------------
	import all trumps
	trumps are ultra specific overrides
*/
/*
	_bottom.less
	-------------
	define bottom removes margin from last element
*/
.bottom {
  margin-bottom: 0;
}
/*
	_links-external.less
	-------------
	define links-external
*/
[rel='external']:after {
  color: #808080;
  content: '\f08e';
  display: inline-block;
  font-size: 10px;
  margin-left: 2px;
  position: relative;
  text-decoration: none;
  top: -3px;
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
/*
	_nudges.less
	-------------
	define nudges
	add extra margins to the grid
	-------------
		.nudge-top
		.nudge-right
		.nudge-bottom
		.nudge-left
*/
.nudge-top {
  margin-top: 20px;
}
.nudge-right {
  margin-right: 20px;
}
.nudge-bottom {
  margin-bottom: 20px;
}
.nudge-left {
  margin-left: 20px;
}
/*
	_top.less
	-------------
	define top removes margin from first element
*/
.top {
  margin-top: 0;
}