/**
 * Reset
 */
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
body div,
caption,
cite,
code,
dd,
del,
dfn,
dl,
dt,
em,
fieldset,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
  background: transparent;
  border: 0;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
/**
 * Basic Page Styles
 */
html {
  background: #fff;
  font-size: 62.5%;
  height: 100%;
  min-height: 100%;
  min-width: 1080px;
  -ms-text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: #f3f5f6;
  -webkit-text-size-adjust: 100%;
  width: 100%;
}
body {
  background-color: transparent;
  color: #444;
  font-family: "Ubuntu", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  height: 100%;
  line-height: 1.5em;
  margin: 0;
  min-height: 100%;
  min-width: 1080px;
  padding: 0;
  width: 100%;
}
.container {
  margin: 0 auto;
  width: 280px;
}
.wrapper .container {
  padding: 4rem 0 2rem;
}
.clearfix,
.container {
  *zoom: 1;
}
.clearfix:after,
.container:after,
.clearfix:before,
.container:before {
  content: '';
  display: table;
}
.clearfix:after,
.container:after {
  clear: both;
}
/**
 * Color
 */
a {
  color: #21759b;
  text-decoration: none;
}
a:active,
a:hover {
  outline: 0;
}
a:focus {
  color: #000;
  outline: none;
}
a:hover {
  color: #d54e21;
}
a:visited {
  /* color: #000203; */
  color: #6cc8e1;
}
a:visited:hover {
  color: #d54e21;
}
::selection {
  background-color: #d6dbe1;
  color: #2d353e;
  text-shadow: none;
}
::-moz-selection {
  background-color: #d6dbe1;
  color: #2d353e;
  text-shadow: none;
}
/**
 * Elements
 */
/* hr */
hr {
  border: 0;
  border-top: 1px solid #c7ced6;
  border-bottom: 1px solid #fff;
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
}
/* img */
img {
  border-width: 0;
  display: block;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
  overflow: hidden;
}
/* figure */
figure {
  margin-bottom: 1.5em;
}
figure img {
  margin: 0.375em;
}
figure figcaption {
  color: #808080;
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
}
/**
  * Typography
  */
/* h1 - h6 */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: inherit;
  font-family: "Rockitt", Cambria, Georgia, Times, "Times New Roman", serif;
  font-weight: bold;
  letter-spacing: 0.5px;
  margin: 0;
  text-rendering: optimizelegibility;
}
h1 small,
h2 small {
  color: #bfbfbf;
  font-weight: normal;
}
h1 {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1.2;
  margin-bottom: 0.75em;
}
h2 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.2;
  margin-bottom: 0.75em;
}
h3 {
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 1.3;
  margin-bottom: 1em;
}
h4 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.25;
  margin-bottom: 01.5em;
}
h5 {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 1.5em;
}
h6 {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  margin-bottom: 1.5em;
  text-transform: uppercase;
}
/* abbr */
abbr[title] {
  border-bottom: 1px dotted #c7ced6;
}
/* address, dl, ol, p, ul */
address,
dl,
ol,
p,
ul {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5em;
  margin-bottom: 1.5em;
}
.intro {
  font-family: "Rockitt", Cambria, Georgia, Times, "Times New Roman", serif;
  font-size: 20px;
  font-size: 2rem;
}
dd,
dl {
  margin-bottom: 1.5em;
}
dt {
  font-weight: bold;
}
.dl-horizontal dt {
  clear: left;
  float: left;
  text-align: right;
  width: 20.25%;
}
.dl-horizontal dd {
  margin-left: 22.78%;
}
ol,
ul {
  margin: 0 0 1.5em 0;
  padding-left: 24px;
}
li ol,
li ul {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0;
}
.unstyled {
  margin-left: -24px;
}
/* b, strong */
b,
strong {
  font-weight: bold;
}
/* blockquote, q */
blockquote {
  border-left: 2px solid #c7ced6;
  font-family: "Rockitt", Cambria, Georgia, Times, "Times New Roman", serif;
  font-style: normal;
  margin: 0 0 1.5em;
  padding-left: 24px;
}
q {
  quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: '';
  content: none;
}
cite {
  font-style: none;
}
/* code, kbd, pre, samp */
code,
kbd,
pre,
samp {
  font-family: "Ubuntu Mono", Monaco, "Courier New", monospace;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5rem;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/* dfn */
dfn {
  font-style: italic;
}
/* ins */
ins {
  background-color: #f3f5f6;
  color: #000;
  text-decoration: none;
}
/* mark */
mark {
  background-color: #f3f5f6;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
/* small */
small {
  font-size: 14px;
  font-size: 1.4rem;
}
/* sub, sup */
sub,
sup {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 0;
  position: relative;
  vertical-align: baselineheight;
}
sub {
  top: -0.5em;
}
sup {
  bottom: -0.25em;
}
/**
 * Basic Page Layout
 */
header,
section.wrapper,
footer {
  min-width: 100%;
  position: relative;
  text-align: center;
  width: 100%;
}
.container {
  margin: 0 auto;
  text-align: left;
  width: 960px;
}
/**
 * Alignment & Floating
 */
/* Alignment */
.align-center {
  text-align: center;
}
img.align-center {
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto;
}
.align-justify {
  text-align: justify;
}
.align-left {
  text-align: left;
}
img.align-left {
  display: inline;
  float: left;
  margin: 0 20px 10px 0;
}
.align-right {
  text-align: right;
}
img.align-right {
  display: inline;
  float: right;
  margin: 0 0 10px 20px;
}
/* Floating */
.pull-left {
  display: inline;
  float: left;
}
.pull-right {
  display: inline;
  float: right;
}
/**
 * 16 Column Grid
 * (960 - (32*15)) / 16 = 30
 */
.grid {
  width: 100%;
  *zoom: 1;
}
.grid:after,
.grid:before {
  content: "";
  display: table;
  line-height: 0;
}
.grid:after {
  clear: both;
}
.grid [class*="span"] {
  display: block;
  float: left;
  margin-left: 3.3333333333333335%;
  *margin-left: 3.28125%;
}
.grid [class*="span"]:first-child {
  margin-left: 0;
}
.grid .span16 {
  margin-bottom: 20px;
  width: 100%;
  *width: 99.94791666666667%;
}
.grid .span15 {
  margin-bottom: 20px;
  width: 93.54166666666667%;
  *width: 93.48958333333334%;
}
.grid .span14 {
  margin-bottom: 20px;
  width: 87.08333333333334%;
  *width: 87.03125000000001%;
}
.grid .span13 {
  margin-bottom: 20px;
  width: 80.625%;
  *width: 80.57291666666667%;
}
.grid .span12 {
  margin-bottom: 20px;
  width: 74.16666666666667%;
  *width: 74.11458333333334%;
}
.grid .span11 {
  margin-bottom: 20px;
  width: 67.70833333333334%;
  *width: 67.65625000000001%;
}
.grid .span10 {
  margin-bottom: 20px;
  width: 61.25%;
  *width: 61.197916666666664%;
}
.grid .span9 {
  margin-bottom: 20px;
  width: 54.79166666666667%;
  *width: 54.739583333333336%;
}
.grid .span8 {
  margin-bottom: 20px;
  width: 48.333333333333336%;
  *width: 48.28125%;
}
.grid .span7 {
  margin-bottom: 20px;
  width: 41.875%;
  *width: 41.822916666666664%;
}
.grid .span6 {
  margin-bottom: 20px;
  width: 35.41666666666667%;
  *width: 35.364583333333336%;
}
.grid .span5 {
  margin-bottom: 20px;
  width: 28.958333333333336%;
  *width: 28.906250000000004%;
}
.grid .span4 {
  margin-bottom: 20px;
  width: 22.5%;
  *width: 22.447916666666668%;
}
.grid .span3 {
  margin-bottom: 20px;
  width: 16.041666666666668%;
  *width: 15.989583333333334%;
}
.grid .span2 {
  margin-bottom: 20px;
  width: 9.583333333333334%;
  *width: 9.53125%;
}
.grid .span1 {
  margin-bottom: 20px;
  width: 3.125%;
  *width: 3.0729166666666665%;
}
.grid .offset16 {
  margin-left: 106.66666666666667%;
  *margin-left: 106.56250000000001%;
}
.grid .offset16:first-child {
  margin-left: 103.33333333333333%;
  *margin-left: 103.22916666666667%;
}
.grid .offset15 {
  margin-left: 100.20833333333334%;
  *margin-left: 100.10416666666669%;
}
.grid .offset15:first-child {
  margin-left: 96.875%;
  *margin-left: 96.77083333333334%;
}
.grid .offset14 {
  margin-left: 93.75000000000001%;
  *margin-left: 93.64583333333336%;
}
.grid .offset14:first-child {
  margin-left: 90.41666666666667%;
  *margin-left: 90.31250000000001%;
}
.grid .offset13 {
  margin-left: 87.29166666666667%;
  *margin-left: 87.18750000000001%;
}
.grid .offset13:first-child {
  margin-left: 83.95833333333333%;
  *margin-left: 83.85416666666667%;
}
.grid .offset12 {
  margin-left: 80.83333333333334%;
  *margin-left: 80.72916666666669%;
}
.grid .offset12:first-child {
  margin-left: 77.5%;
  *margin-left: 77.39583333333334%;
}
.grid .offset11 {
  margin-left: 74.37500000000001%;
  *margin-left: 74.27083333333336%;
}
.grid .offset11:first-child {
  margin-left: 71.04166666666667%;
  *margin-left: 70.93750000000001%;
}
.grid .offset10 {
  margin-left: 67.91666666666667%;
  *margin-left: 67.8125%;
}
.grid .offset10:first-child {
  margin-left: 64.58333333333333%;
  *margin-left: 64.47916666666667%;
}
.grid .offset9 {
  margin-left: 61.458333333333336%;
  *margin-left: 61.354166666666664%;
}
.grid .offset9:first-child {
  margin-left: 58.12500000000001%;
  *margin-left: 58.020833333333336%;
}
.grid .offset8 {
  margin-left: 55%;
  *margin-left: 54.89583333333333%;
}
.grid .offset8:first-child {
  margin-left: 51.66666666666667%;
  *margin-left: 51.5625%;
}
.grid .offset7 {
  margin-left: 48.541666666666664%;
  *margin-left: 48.43749999999999%;
}
.grid .offset7:first-child {
  margin-left: 45.208333333333336%;
  *margin-left: 45.104166666666664%;
}
.grid .offset6 {
  margin-left: 42.083333333333336%;
  *margin-left: 41.979166666666664%;
}
.grid .offset6:first-child {
  margin-left: 38.75000000000001%;
  *margin-left: 38.645833333333336%;
}
.grid .offset5 {
  margin-left: 35.625%;
  *margin-left: 35.520833333333336%;
}
.grid .offset5:first-child {
  margin-left: 32.29166666666667%;
  *margin-left: 32.1875%;
}
.grid .offset4 {
  margin-left: 29.166666666666668%;
  *margin-left: 29.062500000000004%;
}
.grid .offset4:first-child {
  margin-left: 25.833333333333332%;
  *margin-left: 25.729166666666668%;
}
.grid .offset3 {
  margin-left: 22.708333333333336%;
  *margin-left: 22.604166666666668%;
}
.grid .offset3:first-child {
  margin-left: 19.375%;
  *margin-left: 19.270833333333336%;
}
.grid .offset2 {
  margin-left: 16.25%;
  *margin-left: 16.145833333333336%;
}
.grid .offset2:first-child {
  margin-left: 12.916666666666668%;
  *margin-left: 12.8125%;
}
.grid .offset1 {
  margin-left: 9.791666666666668%;
  *margin-left: 9.6875%;
}
.grid .offset1:first-child {
  margin-left: 6.458333333333334%;
  *margin-left: 6.354166666666667%;
}