html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body { margin: 0 }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary { display: block }
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template { display: none }
a { background-color: transparent }
a:active,
a:hover { outline: 0 }
abbr[title] { border-bottom: 1px dotted }
b,
strong { font-weight: bold }
dfn { font-style: italic }
h1 {
    font-size: 2em;
    margin: .67em 0;
}
mark {
    background: #ff0;
    color: #000;
}
small { font-size: 80% }
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup { top: -0.5em }
sub { bottom: -0.25em }
img { border: 0 }
svg:not(:root) { overflow: hidden }
figure { margin: 1em 40px }
hr {
    box-sizing: content-box;
    height: 0;
}
pre { overflow: auto }
code,
kbd,
pre,
samp {
    font-family: monospace,monospace;
    font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button { overflow: visible }
button,
select { text-transform: none }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] { cursor: default }
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input { line-height: normal }
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { height: auto }
input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none }
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em;
}
legend {
    border: 0;
    padding: 0;
}
textarea { overflow: auto }
optgroup { font-weight: bold }
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td,
th { padding: 0 }
.cf:after,
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .cf,
* html .clearfix { zoom: 1 }
*:first-child+html .cf,
*:first-child+html .clearfix { zoom: 1 }
.fw,
.force-wrap {
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -hp-pre-wrap;
    word-wrap: break-word;
}
.ep,
.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.nl,
.nolist {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
}
.nl>li,
.nolist>li {
    display: block;
    float: none;
}
.ns,
.noselect {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.na,
.noappearance {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
}
.cb,
.clearboth {
    float: none;
    display: block;
    clear: both;
}
html { box-sizing: border-box }
*,
*:before,
*:after { box-sizing: inherit }
html,
body {
    margin: 0;
    padding: 0;
}
html,
body { height: 100% }
body {
    font-size: 16px;
    line-height: 1.25;
    background-color: #FFF;
    color: #000;
    font-family: 'Lato',arial,sans-serif;
}
.wrapper { position: relative }
.wrapper>.wrapper-inner { position: relative }
.size { width: 100% }
.size.xs-1 { width: 8.33333333% }
.size.xs-2 { width: 16.66666667% }
.size.xs-3 { width: 25% }
.size.xs-4 { width: 33.33333333% }
.size.xs-5 { width: 41.66666667% }
.size.xs-6 { width: 50% }
.size.xs-7 { width: 58.33333333% }
.size.xs-8 { width: 66.66666667% }
.size.xs-9 { width: 75% }
.size.xs-10 { width: 83.33333333% }
.size.xs-11 { width: 91.66666667% }
.size.xs-12 { width: 100% }
.size.xs-offset-1 { margin-left: 8.33333333% }
.size.xs-offset-2 { margin-left: 16.66666667% }
.size.xs-offset-3 { margin-left: 25% }
.size.xs-offset-4 { margin-left: 33.33333333% }
.size.xs-offset-5 { margin-left: 41.66666667% }
.size.xs-offset-6 { margin-left: 50% }
.size.xs-offset-7 { margin-left: 58.33333333% }
.size.xs-offset-8 { margin-left: 66.66666667% }
.size.xs-offset-9 { margin-left: 75% }
.size.xs-offset-10 { margin-left: 83.33333333% }
.size.xs-offset-11 { margin-left: 91.66666667% }
.size.xs-offset-12 { margin-left: 100% }
.size.xs-auto { width: auto }
.size.xs-vert-divide { border-right: #E4E3E1 solid 1px }
.size.xs-vert-no-divide { border-right-width: 0 }
.size.xs-horiz-divide {
    border-bottom: #E4E3E1 solid 1px;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.size.xs-horiz-no-divide {
    border-bottom-width: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
@media (min-width:768px) { 
    .size.sm-1 { width: 8.33333333% }
    .size.sm-2 { width: 16.66666667% }
    .size.sm-3 { width: 25% }
    .size.sm-4 { width: 33.33333333% }
    .size.sm-5 { width: 41.66666667% }
    .size.sm-6 { width: 50% }
    .size.sm-7 { width: 58.33333333% }
    .size.sm-8 { width: 66.66666667% }
    .size.sm-9 { width: 75% }
    .size.sm-10 { width: 83.33333333% }
    .size.sm-11 { width: 91.66666667% }
    .size.sm-12 { width: 100% }
    .size.sm-offset-1 { margin-left: 8.33333333% }
    .size.sm-offset-2 { margin-left: 16.66666667% }
    .size.sm-offset-3 { margin-left: 25% }
    .size.sm-offset-4 { margin-left: 33.33333333% }
    .size.sm-offset-5 { margin-left: 41.66666667% }
    .size.sm-offset-6 { margin-left: 50% }
    .size.sm-offset-7 { margin-left: 58.33333333% }
    .size.sm-offset-8 { margin-left: 66.66666667% }
    .size.sm-offset-9 { margin-left: 75% }
    .size.sm-offset-10 { margin-left: 83.33333333% }
    .size.sm-offset-11 { margin-left: 91.66666667% }
    .size.sm-offset-12 { margin-left: 100% }
    .size.sm-auto { width: auto }
    .size.sm-vert-divide { border-right: #E4E3E1 solid 1px }
    .size.sm-vert-no-divide { border-right-width: 0 }
    .size.sm-horiz-divide {
        border-bottom: #E4E3E1 solid 1px;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .size.sm-horiz-no-divide {
        border-bottom-width: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }
}
@media (min-width:992px) { 
    .size.md-1 { width: 8.33333333% }
    .size.md-2 { width: 16.66666667% }
    .size.md-3 { width: 25% }
    .size.md-4 { width: 33.33333333% }
    .size.md-5 { width: 41.66666667% }
    .size.md-6 { width: 50% }
    .size.md-7 { width: 58.33333333% }
    .size.md-8 { width: 66.66666667% }
    .size.md-9 { width: 75% }
    .size.md-10 { width: 83.33333333% }
    .size.md-11 { width: 91.66666667% }
    .size.md-12 { width: 100% }
    .size.md-offset-1 { margin-left: 8.33333333% }
    .size.md-offset-2 { margin-left: 16.66666667% }
    .size.md-offset-3 { margin-left: 25% }
    .size.md-offset-4 { margin-left: 33.33333333% }
    .size.md-offset-5 { margin-left: 41.66666667% }
    .size.md-offset-6 { margin-left: 50% }
    .size.md-offset-7 { margin-left: 58.33333333% }
    .size.md-offset-8 { margin-left: 66.66666667% }
    .size.md-offset-9 { margin-left: 75% }
    .size.md-offset-10 { margin-left: 83.33333333% }
    .size.md-offset-11 { margin-left: 91.66666667% }
    .size.md-offset-12 { margin-left: 100% }
    .size.md-auto { width: auto }
    .size.md-vert-divide { border-right: #E4E3E1 solid 1px }
    .size.md-vert-no-divide { border-right-width: 0 }
    .size.md-horiz-divide {
        border-bottom: #E4E3E1 solid 1px;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .size.md-horiz-no-divide {
        border-bottom-width: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }
}
@media (min-width:1200px) { 
    .size.lg-1 { width: 8.33333333% }
    .size.lg-2 { width: 16.66666667% }
    .size.lg-3 { width: 25% }
    .size.lg-4 { width: 33.33333333% }
    .size.lg-5 { width: 41.66666667% }
    .size.lg-6 { width: 50% }
    .size.lg-7 { width: 58.33333333% }
    .size.lg-8 { width: 66.66666667% }
    .size.lg-9 { width: 75% }
    .size.lg-10 { width: 83.33333333% }
    .size.lg-11 { width: 91.66666667% }
    .size.lg-12 { width: 100% }
    .size.lg-offset-1 { margin-left: 8.33333333% }
    .size.lg-offset-2 { margin-left: 16.66666667% }
    .size.lg-offset-3 { margin-left: 25% }
    .size.lg-offset-4 { margin-left: 33.33333333% }
    .size.lg-offset-5 { margin-left: 41.66666667% }
    .size.lg-offset-6 { margin-left: 50% }
    .size.lg-offset-7 { margin-left: 58.33333333% }
    .size.lg-offset-8 { margin-left: 66.66666667% }
    .size.lg-offset-9 { margin-left: 75% }
    .size.lg-offset-10 { margin-left: 83.33333333% }
    .size.lg-offset-11 { margin-left: 91.66666667% }
    .size.lg-offset-12 { margin-left: 100% }
    .size.lg-auto { width: auto }
    .size.lg-vert-divide { border-right: #E4E3E1 solid 1px }
    .size.lg-vert-no-divide { border-right-width: 0 }
    .size.lg-horiz-divide {
        border-bottom: #E4E3E1 solid 1px;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .size.lg-horiz-no-divide {
        border-bottom-width: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }
}
.row {
    position: relative;
    margin: 0 -15px;
}
.row:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .row { zoom: 1 }
*:first-child+html .row { zoom: 1 }
.row .col {
    position: relative;
    float: left;
    width: 100%;
    padding: 0 15px;
}
.row .col:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .row .col { zoom: 1 }
*:first-child+html .row .col { zoom: 1 }
.row .col.xs-1 { width: 8.33333333% }
.row .col.xs-2 { width: 16.66666667% }
.row .col.xs-3 { width: 25% }
.row .col.xs-4 { width: 33.33333333% }
.row .col.xs-5 { width: 41.66666667% }
.row .col.xs-6 { width: 50% }
.row .col.xs-7 { width: 58.33333333% }
.row .col.xs-8 { width: 66.66666667% }
.row .col.xs-9 { width: 75% }
.row .col.xs-10 { width: 83.33333333% }
.row .col.xs-11 { width: 91.66666667% }
.row .col.xs-12 { width: 100% }
.row .col.xs-offset-1 { margin-left: 8.33333333% }
.row .col.xs-offset-2 { margin-left: 16.66666667% }
.row .col.xs-offset-3 { margin-left: 25% }
.row .col.xs-offset-4 { margin-left: 33.33333333% }
.row .col.xs-offset-5 { margin-left: 41.66666667% }
.row .col.xs-offset-6 { margin-left: 50% }
.row .col.xs-offset-7 { margin-left: 58.33333333% }
.row .col.xs-offset-8 { margin-left: 66.66666667% }
.row .col.xs-offset-9 { margin-left: 75% }
.row .col.xs-offset-10 { margin-left: 83.33333333% }
.row .col.xs-offset-11 { margin-left: 91.66666667% }
.row .col.xs-offset-12 { margin-left: 100% }
.row .col.xs-auto { width: auto }
.row .col.xs-vert-divide { border-right: #E4E3E1 solid 1px }
.row .col.xs-vert-no-divide { border-right-width: 0 }
.row .col.xs-horiz-divide {
    border-bottom: #E4E3E1 solid 1px;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.row .col.xs-horiz-no-divide {
    border-bottom-width: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
@media (min-width:768px) { 
    .row .col.sm-1 { width: 8.33333333% }
    .row .col.sm-2 { width: 16.66666667% }
    .row .col.sm-3 { width: 25% }
    .row .col.sm-4 { width: 33.33333333% }
    .row .col.sm-5 { width: 41.66666667% }
    .row .col.sm-6 { width: 50% }
    .row .col.sm-7 { width: 58.33333333% }
    .row .col.sm-8 { width: 66.66666667% }
    .row .col.sm-9 { width: 75% }
    .row .col.sm-10 { width: 83.33333333% }
    .row .col.sm-11 { width: 91.66666667% }
    .row .col.sm-12 { width: 100% }
    .row .col.sm-offset-1 { margin-left: 8.33333333% }
    .row .col.sm-offset-2 { margin-left: 16.66666667% }
    .row .col.sm-offset-3 { margin-left: 25% }
    .row .col.sm-offset-4 { margin-left: 33.33333333% }
    .row .col.sm-offset-5 { margin-left: 41.66666667% }
    .row .col.sm-offset-6 { margin-left: 50% }
    .row .col.sm-offset-7 { margin-left: 58.33333333% }
    .row .col.sm-offset-8 { margin-left: 66.66666667% }
    .row .col.sm-offset-9 { margin-left: 75% }
    .row .col.sm-offset-10 { margin-left: 83.33333333% }
    .row .col.sm-offset-11 { margin-left: 91.66666667% }
    .row .col.sm-offset-12 { margin-left: 100% }
    .row .col.sm-auto { width: auto }
    .row .col.sm-vert-divide { border-right: #E4E3E1 solid 1px }
    .row .col.sm-vert-no-divide { border-right-width: 0 }
    .row .col.sm-horiz-divide {
        border-bottom: #E4E3E1 solid 1px;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .row .col.sm-horiz-no-divide {
        border-bottom-width: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }
}
@media (min-width:992px) { 
    .row .col.md-1 { width: 8.33333333% }
    .row .col.md-2 { width: 16.66666667% }
    .row .col.md-3 { width: 25% }
    .row .col.md-4 { width: 33.33333333% }
    .row .col.md-5 { width: 41.66666667% }
    .row .col.md-6 { width: 50% }
    .row .col.md-7 { width: 58.33333333% }
    .row .col.md-8 { width: 66.66666667% }
    .row .col.md-9 { width: 75% }
    .row .col.md-10 { width: 83.33333333% }
    .row .col.md-11 { width: 91.66666667% }
    .row .col.md-12 { width: 100% }
    .row .col.md-offset-1 { margin-left: 8.33333333% }
    .row .col.md-offset-2 { margin-left: 16.66666667% }
    .row .col.md-offset-3 { margin-left: 25% }
    .row .col.md-offset-4 { margin-left: 33.33333333% }
    .row .col.md-offset-5 { margin-left: 41.66666667% }
    .row .col.md-offset-6 { margin-left: 50% }
    .row .col.md-offset-7 { margin-left: 58.33333333% }
    .row .col.md-offset-8 { margin-left: 66.66666667% }
    .row .col.md-offset-9 { margin-left: 75% }
    .row .col.md-offset-10 { margin-left: 83.33333333% }
    .row .col.md-offset-11 { margin-left: 91.66666667% }
    .row .col.md-offset-12 { margin-left: 100% }
    .row .col.md-auto { width: auto }
    .row .col.md-vert-divide { border-right: #E4E3E1 solid 1px }
    .row .col.md-vert-no-divide { border-right-width: 0 }
    .row .col.md-horiz-divide {
        border-bottom: #E4E3E1 solid 1px;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .row .col.md-horiz-no-divide {
        border-bottom-width: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }
}
@media (min-width:1200px) { 
    .row .col.lg-1 { width: 8.33333333% }
    .row .col.lg-2 { width: 16.66666667% }
    .row .col.lg-3 { width: 25% }
    .row .col.lg-4 { width: 33.33333333% }
    .row .col.lg-5 { width: 41.66666667% }
    .row .col.lg-6 { width: 50% }
    .row .col.lg-7 { width: 58.33333333% }
    .row .col.lg-8 { width: 66.66666667% }
    .row .col.lg-9 { width: 75% }
    .row .col.lg-10 { width: 83.33333333% }
    .row .col.lg-11 { width: 91.66666667% }
    .row .col.lg-12 { width: 100% }
    .row .col.lg-offset-1 { margin-left: 8.33333333% }
    .row .col.lg-offset-2 { margin-left: 16.66666667% }
    .row .col.lg-offset-3 { margin-left: 25% }
    .row .col.lg-offset-4 { margin-left: 33.33333333% }
    .row .col.lg-offset-5 { margin-left: 41.66666667% }
    .row .col.lg-offset-6 { margin-left: 50% }
    .row .col.lg-offset-7 { margin-left: 58.33333333% }
    .row .col.lg-offset-8 { margin-left: 66.66666667% }
    .row .col.lg-offset-9 { margin-left: 75% }
    .row .col.lg-offset-10 { margin-left: 83.33333333% }
    .row .col.lg-offset-11 { margin-left: 91.66666667% }
    .row .col.lg-offset-12 { margin-left: 100% }
    .row .col.lg-auto { width: auto }
    .row .col.lg-vert-divide { border-right: #E4E3E1 solid 1px }
    .row .col.lg-vert-no-divide { border-right-width: 0 }
    .row .col.lg-horiz-divide {
        border-bottom: #E4E3E1 solid 1px;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .row .col.lg-horiz-no-divide {
        border-bottom-width: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }
}
.container,
.container-narrow,
.container-wrapper {
    position: relative;
    margin: 0 auto;
    overflow: visible;
}
.container>.row,
.container-narrow>.row,
.container-wrapper>.row {
    margin-left: 0;
    margin-right: 0;
}
.container { max-width: 1270px }
.container-narrow { max-width: 460px }
.section {
    position: relative;
    padding: 15px 0;
}
.section:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .section { zoom: 1 }
*:first-child+html .section { zoom: 1 }
.section.divide { border-top: #E4E3E1 solid 1px }
.box { position: relative }
.box:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .box { zoom: 1 }
*:first-child+html .box { zoom: 1 }
[class^="visible-"],
[class*=" visible-"] { display: none }
@media (max-width:768px) { 
    .visible-xs,
    .visible-xs-block { display: block }
    .visible-xs-inline-block { display: inline-block }
    .visible-xs-inline { display: inline }
    .hidden-xs { display: none !important }
}
@media (min-width:768px) and (max-width:992px) { 
    .visible-sm,
    .visible-sm-block { display: block }
    .visible-sm-inline-block { display: inline-block }
    .visible-sm-inline { display: inline }
    .hidden-sm { display: none !important }
}
@media (min-width:992px) and (max-width:1200px) { 
    .visible-md,
    .visible-md-block { display: block }
    .visible-md-inline-block { display: inline-block }
    .visible-md-inline { display: inline }
    .hidden-md { display: none !important }
}
@media (min-width:1200px) { 
    .visible-lg,
    .visible-lg-block { display: block }
    .visible-lg-inline-block { display: inline-block }
    .visible-lg-inline { display: inline }
    .hidden-lg { display: none !important }
}
ul.items {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
}
ul.items>li {
    display: block;
    float: none;
}
ul.items.right { float: right }
ul.items>li { float: left }
ul.items>li>a {
    display: inline-block;
    text-decoration: none;
    margin-right: 15px;
}
ul.items>li:last-child>a { margin-right: 0 }
ul.items.listlike { float: none }
ul.items.listlike>li { float: none }
ul.items.listlike>li>a { margin-right: 0 }
ul.items.blocks>li>a {
    display: block;
    text-decoration: none;
    color: #000;
    padding: 15px;
}
ul.items.blocks>li>a:hover { background-color: #E4E3E1 }
a,
input,
select,
textarea,
button {
    outline: none;
    -webkit-appearance: none;
    appearance: none;
}
a:hover,
input:hover,
select:hover,
textarea:hover,
button:hover,
a:focus,
input:focus,
select:focus,
textarea:focus,
button:focus,
a:active,
input:active,
select:active,
textarea:active,
button:active { outline: none }
a {
    cursor: pointer;
    color: #2183FB;
}
a:hover { color: #1472E3 }
.error-help {
    font-size: 14px;
    display: none;
    padding: 4px 0;
    color: #F24333;
}
input,
select,
textarea {
    display: inline-block;
    padding: 10px 10px;
    border: #B0B0B0 solid 1px;
    border-radius: 4px;
    line-height: 1.25;
}
input:focus,
select:focus,
textarea:focus { border-color: #222 }
input.error,
select.error,
textarea.error { border-color: #F24333 }
input.error:focus,
select.error:focus,
textarea.error:focus { border-color: #222 }
input.error+.error-help,
select.error+.error-help,
textarea.error+.error-help { display: block }
input[readonly],
select[readonly],
textarea[readonly] { background-color: #F6F6F6 }
button,
.button {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    padding: 10px 25px;
    border: #E4E3E1 solid 1px;
    border-radius: 4px;
    background-color: #E4E3E1;
    color: #000;
    cursor: pointer;
}
button:hover,
.button:hover {
    background-color: #eae9e7;
    border-color: #eae9e7;
    color: #060606;
}
button:active,
.button:active {
    background-color: #dedddb;
    border-color: #dedddb;
}
button.wide,
.button.wide {
    padding-right: 80px;
    padding-left: 80px;
}
button.subtle,
.button.subtle {
    border-width: 0;
    padding: 0 10px;
    margin: 0;
    background-color: transparent;
    border-color: transparent;
    color: #2183FB;
}
button.subtle:hover,
.button.subtle:hover {
    background-color: #eae9e7;
    color: #060606;
}
button.slim,
.button.slim {
    padding-top: 5px;
    padding-bottom: 5px;
}
button.checkstyle,
.button.checkstyle { padding: 10px 15px }
button.checkstyle:before,
.button.checkstyle:before {
    display: block;
    float: left;
    content: '';
    background: transparent url(../images/check.png) no-repeat top left;
    background-size: 200%;
    border: #B0B0B0 solid 1px;
    border-radius: 3px;
    height: 16px;
    width: 16px;
    margin: 2px 0;
    color: #2183FB;
    line-height: .8;
}
button.checkstyle.checked:before,
.button.checkstyle.checked:before {
    content: '\2013';
    border-color: #2183FB;
}
button.checkstyle.checked.full:before,
.button.checkstyle.checked.full:before {
    content: '';
    border-color: #2183FB;
    background-position: top right;
}
button.hollow,
.button.hollow {
    border-color: #000;
    background-color: transparent;
    color: #000;
}
button.hollow:hover,
.button.hollow:hover {
    border-color: #000;
    background-color: #000;
    color: #FFF;
}
button.hollow:active,
.button.hollow:active {
    background-color: #000;
    border-color: #000;
    color: #FFF;
}
button.white,
.button.white {
    border-color: #FFF;
    background-color: #FFF;
    color: #000;
}
button.white:hover,
.button.white:hover {
    background-color: #fff;
    border-color: #fff;
    color: #000;
}
button.white:active,
.button.white:active {
    background-color: #f9f9f9;
    border-color: #f9f9f9;
    color: #000;
}
button.white.hollow,
.button.white.hollow {
    border-color: #FFF;
    background-color: transparent;
    color: #FFF;
}
button.white.hollow:hover,
.button.white.hollow:hover {
    border-color: #FFF;
    background-color: #FFF;
    color: #000;
}
button.white.hollow:active,
.button.white.hollow:active {
    background-color: #FFF;
    border-color: #FFF;
    color: #000;
}
button.black,
.button.black {
    border-color: #000;
    background-color: #000;
    color: #fff;
}
button.black:hover,
.button.black:hover {
    background-color: #060606;
    border-color: #060606;
    color: #fff;
}
button.black:active,
.button.black:active {
    background-color: #000;
    border-color: #000;
    color: #fff;
}
button.black.hollow,
.button.black.hollow {
    border-color: #000;
    background-color: transparent;
    color: #000;
}
button.black.hollow:hover,
.button.black.hollow:hover {
    border-color: #000;
    background-color: #000;
    color: #fff;
}
button.black.hollow:active,
.button.black.hollow:active {
    background-color: #000;
    border-color: #000;
    color: #fff;
}
button.blue,
.button.blue {
    border-color: #2183FB;
    background-color: #2183FB;
    color: #fff;
}
button.blue:hover,
.button.blue:hover {
    background-color: #2789ff;
    border-color: #2789ff;
    color: #fff;
}
button.blue:active,
.button.blue:active {
    background-color: #1b7df5;
    border-color: #1b7df5;
    color: #fff;
}
button.blue.hollow,
.button.blue.hollow {
    border-color: #2183FB;
    background-color: transparent;
    color: #2183FB;
}
button.blue.hollow:hover,
.button.blue.hollow:hover {
    border-color: #2183FB;
    background-color: #2183FB;
    color: #fff;
}
button.blue.hollow:active,
.button.blue.hollow:active {
    background-color: #2183FB;
    border-color: #2183FB;
    color: #fff;
}
button.red,
.button.red {
    border-color: #F24333;
    background-color: #F24333;
    color: #fff;
}
button.red:hover,
.button.red:hover {
    background-color: #f84939;
    border-color: #f84939;
    color: #fff;
}
button.red:active,
.button.red:active {
    background-color: #ec3d2d;
    border-color: #ec3d2d;
    color: #fff;
}
button.red.hollow,
.button.red.hollow {
    border-color: #F24333;
    background-color: transparent;
    color: #F24333;
}
button.red.hollow:hover,
.button.red.hollow:hover {
    border-color: #F24333;
    background-color: #F24333;
    color: #fff;
}
button.red.hollow:active,
.button.red.hollow:active {
    background-color: #F24333;
    border-color: #F24333;
    color: #fff;
}
button.pink,
.button.pink {
    border-color: #E71D61;
    background-color: #E71D61;
    color: #fff;
}
button.pink:hover,
.button.pink:hover {
    background-color: #ed2367;
    border-color: #ed2367;
    color: #fff;
}
button.pink:active,
.button.pink:active {
    background-color: #e1175b;
    border-color: #e1175b;
    color: #fff;
}
button.pink.hollow,
.button.pink.hollow {
    border-color: #E71D61;
    background-color: transparent;
    color: #E71D61;
}
button.pink.hollow:hover,
.button.pink.hollow:hover {
    border-color: #E71D61;
    background-color: #E71D61;
    color: #fff;
}
button.pink.hollow:active,
.button.pink.hollow:active {
    background-color: #E71D61;
    border-color: #E71D61;
    color: #fff;
}
button.purple,
.button.purple {
    border-color: #9B26B0;
    background-color: #9B26B0;
    color: #fff;
}
button.purple:hover,
.button.purple:hover {
    background-color: #a12cb6;
    border-color: #a12cb6;
    color: #fff;
}
button.purple:active,
.button.purple:active {
    background-color: #9520aa;
    border-color: #9520aa;
    color: #fff;
}
button.purple.hollow,
.button.purple.hollow {
    border-color: #9B26B0;
    background-color: transparent;
    color: #9B26B0;
}
button.purple.hollow:hover,
.button.purple.hollow:hover {
    border-color: #9B26B0;
    background-color: #9B26B0;
    color: #fff;
}
button.purple.hollow:active,
.button.purple.hollow:active {
    background-color: #9B26B0;
    border-color: #9B26B0;
    color: #fff;
}
button.indigo,
.button.indigo {
    border-color: #3E50B4;
    background-color: #3E50B4;
    color: #fff;
}
button.indigo:hover,
.button.indigo:hover {
    background-color: #4456ba;
    border-color: #4456ba;
    color: #fff;
}
button.indigo:active,
.button.indigo:active {
    background-color: #384aae;
    border-color: #384aae;
    color: #fff;
}
button.indigo.hollow,
.button.indigo.hollow {
    border-color: #3E50B4;
    background-color: transparent;
    color: #3E50B4;
}
button.indigo.hollow:hover,
.button.indigo.hollow:hover {
    border-color: #3E50B4;
    background-color: #3E50B4;
    color: #fff;
}
button.indigo.hollow:active,
.button.indigo.hollow:active {
    background-color: #3E50B4;
    border-color: #3E50B4;
    color: #fff;
}
button.green,
.button.green {
    border-color: #00BE73;
    background-color: #00BE73;
    color: #fff;
}
button.green:hover,
.button.green:hover {
    background-color: #06c479;
    border-color: #06c479;
    color: #fff;
}
button.green:active,
.button.green:active {
    background-color: #00b86d;
    border-color: #00b86d;
    color: #fff;
}
button.green.hollow,
.button.green.hollow {
    border-color: #00BE73;
    background-color: transparent;
    color: #00BE73;
}
button.green.hollow:hover,
.button.green.hollow:hover {
    border-color: #00BE73;
    background-color: #00BE73;
    color: #fff;
}
button.green.hollow:active,
.button.green.hollow:active {
    background-color: #00BE73;
    border-color: #00BE73;
    color: #fff;
}
button.lime,
.button.lime {
    border-color: #CCDB38;
    background-color: #CCDB38;
    color: #000;
}
button.lime:hover,
.button.lime:hover {
    background-color: #d2e13e;
    border-color: #d2e13e;
    color: #000;
}
button.lime:active,
.button.lime:active {
    background-color: #c6d532;
    border-color: #c6d532;
    color: #000;
}
button.lime.hollow,
.button.lime.hollow {
    border-color: #CCDB38;
    background-color: transparent;
    color: #CCDB38;
}
button.lime.hollow:hover,
.button.lime.hollow:hover {
    border-color: #CCDB38;
    background-color: #CCDB38;
    color: #000;
}
button.lime.hollow:active,
.button.lime.hollow:active {
    background-color: #CCDB38;
    border-color: #CCDB38;
    color: #000;
}
button.yellow,
.button.yellow {
    border-color: #FFEA3B;
    background-color: #FFEA3B;
    color: #000;
}
button.yellow:hover,
.button.yellow:hover {
    background-color: #fff041;
    border-color: #fff041;
    color: #000;
}
button.yellow:active,
.button.yellow:active {
    background-color: #f9e435;
    border-color: #f9e435;
    color: #000;
}
button.yellow.hollow,
.button.yellow.hollow {
    border-color: #FFEA3B;
    background-color: transparent;
    color: #FFEA3B;
}
button.yellow.hollow:hover,
.button.yellow.hollow:hover {
    border-color: #FFEA3B;
    background-color: #FFEA3B;
    color: #000;
}
button.yellow.hollow:active,
.button.yellow.hollow:active {
    background-color: #FFEA3B;
    border-color: #FFEA3B;
    color: #000;
}
button.bubblegum-pink,
.button.bubblegum-pink {
    border-color: #FF78B0;
    background-color: #FF78B0;
    color: #000;
}
button.bubblegum-pink:hover,
.button.bubblegum-pink:hover {
    background-color: #ff7eb6;
    border-color: #ff7eb6;
    color: #000;
}
button.bubblegum-pink:active,
.button.bubblegum-pink:active {
    background-color: #f972aa;
    border-color: #f972aa;
    color: #000;
}
button.bubblegum-pink.hollow,
.button.bubblegum-pink.hollow {
    border-color: #FF78B0;
    background-color: transparent;
    color: #FF78B0;
}
button.bubblegum-pink.hollow:hover,
.button.bubblegum-pink.hollow:hover {
    border-color: #FF78B0;
    background-color: #FF78B0;
    color: #000;
}
button.bubblegum-pink.hollow:active,
.button.bubblegum-pink.hollow:active {
    background-color: #FF78B0;
    border-color: #FF78B0;
    color: #000;
}
.group {
    position: relative;
    margin-bottom: 15px;
}
.group:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .group { zoom: 1 }
*:first-child+html .group { zoom: 1 }
.group input,
.group select,
.group textarea { width: 100% }
.group input[type="checkbox"],
.group input[type="radio"] { width: auto }
.group textarea {
    min-width: 100%;
    max-width: 100%;
    min-height: 80px;
}
.group.multiple>* {
    display: block;
    float: left;
    margin-right: 15px;
}
.group.multiple>*:last-child { margin-right: 0 }
@media (max-width:768px) { 
    .group.multiple>* {
        float: none;
        margin-right: 0;
        margin-bottom: 15px;
    }
}
.group.center .checkbox label,
.group.nobleed .checkbox label,
.group.center .radio label,
.group.nobleed .radio label { margin: 0 }
.group.error input,
.group.error select,
.group.error textarea { border-color: #F24333 }
.group.error input:focus,
.group.error select:focus,
.group.error textarea:focus { border-color: #222 }
.group.error .dropdown.select .dropdown-toggle { border-color: #F24333 }
.group.error .checkbox label:before,
.group.error .radio label:before { border-color: #F24333 }
.group.error .error-help { display: block }
.group.extra-pad { margin: 30px 0 }
.group.extra-pad-top { margin-top: 30px }
.group.extra-pad-bottom { margin-bottom: 30px }
.extra-link {
    font-weight: normal;
    text-transform: none;
    text-decoration: none;
}
.alert {
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 4px;
    background-color: #2195F4;
    color: #FFF;
}
.alert .alert-link {
    color: #FFF;
    text-decoration: underline;
    margin-left: 5px;
}
.alert.error { background-color: #F24333 }
.alert.success { background-color: #00BE73 }
.alert.info {
    background-color: #FFEA3B;
    color: #000;
}
.alert.info .alert-link { color: #000 }
.checkbox,
.radio {
    position: relative;
    display: inline-block;
}
.checkbox label,
.radio label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    padding: 10px 10px;
    padding: 5px 10px;
    margin: 0 10px 0 -10px;
    border: transparent solid 1px;
    border-radius: 4px;
    cursor: pointer;
}
.checkbox label:before,
.radio label:before {
    display: block;
    float: left;
    content: '';
    border: #B0B0B0 solid 1px;
    height: 16px;
    width: 16px;
    margin-top: 2px;
    margin-right: 8px;
}
.checkbox label:hover,
.radio label:hover {
    background-color: #f3f3f3;
    border-color: #f3f3f3;
}
.checkbox label:active:before,
.radio label:active:before { border-color: #929292 }
.checkbox input[type="checkbox"],
.radio input[type="checkbox"],
.checkbox input[type="radio"],
.radio input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    display: block;
    float: right;
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0;
    padding: 0;
}
.checkbox input[type="checkbox"]:checked+label:active:before,
.radio input[type="checkbox"]:checked+label:active:before,
.checkbox input[type="radio"]:checked+label:active:before,
.radio input[type="radio"]:checked+label:active:before { border-color: #929292 }
.checkbox input[type="checkbox"]:focus+label,
.radio input[type="checkbox"]:focus+label,
.checkbox input[type="radio"]:focus+label,
.radio input[type="radio"]:focus+label { border-color: #222 }
.checkbox label:before {
    border-radius: 3px;
    background: #FFF url(../images/check-w.png) no-repeat top left;
    background-size: 100%;
}
.checkbox input[type="checkbox"]:checked+label:before {
    border-color: #2183FB;
    background-color: #2183FB;
}
.checkbox input[type="checkbox"]:checked+label:active:before { background-color: #929292 }
.option-help-text {
    font-size: 14px;
    color: #888;
    display: block;
    margin-left: 24px;
}
.checkbox.thin label:before {
    border-radius: 3px;
    background: transparent url(../images/check.png) no-repeat top left;
    background-size: 200%;
}
.checkbox.thin input[type="checkbox"]:checked+label:before {
    background-position: top right;
    background-color: transparent;
    border-color: #2183FB;
}
.radio label:before {
    background-color: #FFF;
    border-radius: 100px;
}
.radio label:active:before { border-color: #929292 }
.radio input[type="radio"]:checked+label:before {
    border-width: 5.33333333px;
    background-color: #FFF;
    border-color: #2183FB;
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown .dropdown-toggle {
    display: inline-block;
    text-decoration: none;
    color: #000;
}
.dropdown .dropdown-toggle .toggle-icon { padding-right: 5px }
.dropdown .dropdown-toggle .toggle-icon.right {
    padding-right: 0;
    padding-left: 5px;
}
.dropdown ul.dropdown-menu {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
    position: absolute;
    left: 0;
    right: auto;
    padding: 8px 0;
    background-color: #FFF;
    -webkit-box-shadow: 0 0 2.6px .6px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 2.6px .6px rgba(0,0,0,0.3);
    box-shadow: 0 0 2.6px .6px rgba(0,0,0,0.3);
    z-index: 3000;
}
.dropdown ul.dropdown-menu>li {
    display: block;
    float: none;
}
.dropdown ul.dropdown-menu.right {
    right: 0;
    left: auto;
}
.dropdown ul.dropdown-menu>li { display: block }
.dropdown ul.dropdown-menu>li.sep {
    border-top: #f0efed solid 1px;
    margin: 5px 5px;
}
.dropdown ul.dropdown-menu>li.sep>.header {
    margin: -5px;
    padding-top: 10px;
}
.dropdown ul.dropdown-menu>li .header {
    font-size: 14px;
    display: block;
    padding: 5px 15px 5px;
    color: #888;
}
.dropdown ul.dropdown-menu>li:first-child .header { padding-top: 0 }
.dropdown ul.dropdown-menu>li>a {
    display: block;
    text-decoration: none;
    padding: 8px 25px;
    color: #000;
    white-space: nowrap;
    min-width: 180px;
}
.dropdown ul.dropdown-menu>li>a:hover { background-color: #f0efed }
.dropdown ul.dropdown-menu>li>a .nav-icon-image { margin-left: -5px }
.dropdown ul.dropdown-menu>li.sel>a {
    background-color: #2183FB;
    color: #FFF;
}
.dropdown ul.dropdown-menu>li.sel>a:hover { background-color: #3B92FF }
.dropdown.open .dropdown-toggle { background-color: #dedddb }
.dropdown.open ul.dropdown-menu { display: block }
.dropdown.select .dropdown-toggle {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 10px 15px;
    border-radius: 4px;
    border: #E4E3E1 solid 1px;
    background-color: #E4E3E1;
}
.dropdown.select .dropdown-toggle:hover {
    background-color: #eae9e7;
    border-color: #eae9e7;
}
.dropdown.select .dropdown-toggle:active {
    background-color: #dedddb;
    border-color: #dedddb;
}
.dropdown.select .dropdown-toggle:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #000 transparent transparent;
    content: '';
    display: block;
    float: right;
    margin: 9px 0 0 8px;
}
.dropdown.select .dropdown-toggle.nocaret:after { display: none }
.dropdown.select.open .dropdown-toggle {
    background-color: #dedddb;
    border-color: #dedddb;
}
.dropdown.select ul.dropdown-menu { border-radius: 4px }
.dropdown.select ul.dropdown-menu>li>a {
    padding-left: 10px;
    padding-right: 10px;
    min-width: 120px;
}
.dropdown.select ul.dropdown-menu>li .header {
    padding-left: 10px;
    padding-right: 10px;
}
.dropdown.up.select .dropdown-toggle:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #000;
    content: '';
    display: block;
    float: right;
    margin: 8px 0 0 8px;
}
.dropdown.up ul.dropdown-menu { bottom: 100% }
.dropdown.control-like .dropdown-toggle {
    background-color: #fff;
    border: #B0B0B0 solid 1px;
}
.dropdown.control-like .dropdown-toggle:hover { border-color: #222 }
.group .dropdown.select.control-like { display: block }
.group .dropdown.select.control-like .dropdown-toggle {
    display: block;
    width: 100%;
}
.text-bold { font-weight: 700 }
.text-thin { font-weight: 300 }
.text-bigger { font-size: 18px }
.text-smaller { font-size: 14px }
.center,
.text-center { text-align: center }
.text-left { text-align: left }
.text-right { text-align: right }
.text-muted { color: #888 }
.text-label {
    display: block;
    color: #888;
    font-size: 14px;
    margin-bottom: 6px;
}
.text-label .extra-link { margin-left: 5px }
.star {
    font-size: 16px;
    font-weight: bold;
    color: #F24333;
}
.heading {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    font-size: 32px;
    padding: 10px 0;
    margin-bottom: 15px;
    font-weight: 300;
}
.heading .title { margin-right: 5px }
@media (max-width:768px) { 
    .heading .title {
        display: block;
        float: none;
        margin-right: 0;
    }
}
.heading .description {
    color: #888;
    font-size: 18px;
}
@media (max-width:768px) { 
    .heading .description {
        display: block;
        float: none;
        margin-top: 5px;
        margin-left: 0;
    }
}
.heading+.description {
    color: #888;
    font-size: 18px;
    font-weight: 300;
    margin-top: -15px;
    margin-bottom: 15px;
}
@media (max-width:768px) { 
    .heading {
        white-space: initial;
        overflow: initial;
        text-overflow: initial;
        -o-text-overflow: initial;
    }
}
.line {
    border-bottom: #E4E3E1 solid 1px;
    margin: 15px 0;
}
.line.light { border-bottom-color: rgba(228,227,225,0.7) }
.line.extra-pad { margin: 30px 0 }
.line.extra-pad-top { margin-top: 30px }
.line.extra-pad-bottom { margin-bottom: 30px }
.label {
    text-decoration: none;
    padding: 3px 6px;
    border-radius: 3px;
    font-size: 13px;
    background-color: #029487;
    color: #FFF;
}
.label.block {
    display: block;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 16px;
}
.loader {
    position: relative;
    margin: 0 auto;
    width: 40px;
    padding: 21px 0;
}
.loader:before {
    content: '';
    display: block;
    padding-top: 100%;
}
.loader .circular {
    animation: rotate 2s linear infinite;
    height: 100%;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.loader .path {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
    animation: dash 1.5s ease-in-out infinite;
    stroke: #2183FB;
    stroke-linecap: round;
    stroke-width: 4px;
}
@keyframes rotate { 
    100% { transform: rotate(360deg) }
}
@keyframes dash { 
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px;
    }
}
.loader-wrapper {
    position: relative;
    text-align: center;
}
.loader-wrapper .loader-wrapper-inner {
    display: inline-block;
    vertical-align: top;
}
.loader-wrapper .loader-wrapper-inner .loader { float: left }
.loader-wrapper .loader-wrapper-inner .loader-text {
    font-size: 18px;
    font-weight: 300;
    float: left;
    height: 42px;
    line-height: 42px;
    margin-left: 8px;
}
html,
body { height: 100% }
body { background-color: #e2e3e4 }
.abs-vert-center {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 30%;
    margin: auto;
}
.banner {
    position: relative;
    min-height: 400px;
    height: 100%;
    background: url(../images/programmer_opt.jpg) #333 right no-repeat;
    background-size: cover;
    color: #FFF;
}
.banner .content {
    position: relative;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 30%;
    margin: auto;
    text-align: center;
    padding: 15px;
}
.banner .content .title {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 15px;
}
@media (max-width:768px) { 
    .banner .content .title { margin-top: -15px }
}
.banner .content .title .t1 {
    text-transform: uppercase;
    font-size: 38px;
    font-weight: bold;
    color: #fff;
}
@media (max-width:768px) { 
    .banner .content .title .t1 { font-size: 26px }
}
.banner .content .title .t2 {
    margin-top: 10px;
    text-transform: uppercase;
    font-size: 23px;
    font-weight: bold;
    //color: #20DBF1;
    color: khaki
}
@media (max-width:768px) { 
    .banner .content .title .t2 { font-size: 20px }
    .banner .content .title .t2 .t2-1 { font-size: 22px }
    .banner .content .title .t2 .t2-2 { font-size: 19.4px }
}
.banner .content .elements { font-size: 18px }
@media (max-width:768px) { 
    .banner .content .elements { font-size: 16px }
}
.banner .content .elements a {
    color: #FFF;
    padding: 6px 8px;
    border-radius: 4px;
    text-transform: uppercase;
    text-decoration: none;
}
.banner .content .elements a:hover { background-color: rgba(0,0,0,0.2) }
.banner .content .elements .sep {
    color: rgba(255,255,255,0.4);
    padding: 0 3px;
}
.banner .show-more {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    padding-bottom: 25px;
}
.banner .show-more .action {
    font-size: 36px;
    color: rgba(255,255,255,0.4);
    padding: 25px 50px;
}
.banner .show-more .action:hover { color: #FFF }
.banner .banner-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
.banner .banner-bg img,
.banner .banner-bg video { max-width: 100% }
.banner .banner-bg .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    //background-color: rgba(51,51,51,0.1);
}
.navigation {
    position: relative;
    background-color: #e2e3e4;
    z-index: 800;
}
.navigation ul.menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    text-align: center;
    border-bottom: #d3d3d3 solid 1px;
}
.navigation ul.menu>li {
    display: block;
    float: none;
}
.navigation ul.menu>li {
    position: relative;
    display: inline-block;
}
.navigation ul.menu>li:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    margin: 0 10px -1px 10px;
    background-color: transparent;
    pointer-events: none;
}
.navigation ul.menu>li>a {
    text-transform: uppercase;
    display: block;
    padding: 20px 15px;
    text-decoration: none;
    color: #000;
}
.navigation ul.menu>li>a:hover {
    color: #169CBE;
    background-color: #ddd;
}
.navigation ul.menu>li:hover:after { background-color: rgba(22,156,190,0.5) }
.navigation ul.menu>li.sel:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    margin: 0 10px -1px 10px;
    background-color: rgba(211,60,111,0.5);
}
.navigation ul.menu>li.sel>a { color: #D33C6F }
.filteredOut { display: none }
.tags {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
    margin-bottom: 15px;
    font-size: 14px;
}
.tags>li {
    display: block;
    float: none;
}
.tags>li {
    display: inline-block;
    margin-bottom: 6px;
}
.tags>li>.lbl {
    display: block;
    padding: 6px 0;
    color: #888;
}
.tags>li>.clr {
    display: none;
    padding: 6px 0;
    margin-left: 5px;
}
.tags>li>.clr.on { display: block }
.tags>li>.clr>a { text-decoration: none }
.tags>li>.clr>a .lnr { font-size: .7em }
.tags>li>a {
    display: block;
    text-decoration: none;
    padding: 6px 10px;
    border-radius: 3px;
    background-color: #d3d3d3;
    margin-left: 5px;
    color: #000;
}
.tags>li>a:hover {
    background-color: #444;
    color: #fff;
}
.tags>li>a.active {
    background-color: #2183FB;
    color: #fff;
}
.tags>li>a.active:hover { background-color: #1472E3 }
.thumbs { padding: 0 15px }
.thumb {
    display: block;
    text-decoration: none;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    color: #fff;
    background-color: #222;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
}
@media (max-width:768px) { 
    .thumb { margin: 0 -15px 15px }
}
.thumb.spl-tf {
    background: #1A7CE3;
    background: -moz-linear-gradient(45deg, #1A7CE3 0, #21B3D2 100%);
    background: -webkit-linear-gradient(45deg, #1A7CE3 0, #21B3D2 100%);
    background: linear-gradient(45deg, #1A7CE3 0, #21B3D2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A7CE3', endColorstr='#21B3D2', GradientType=1);
}
.thumb.spl-tf .thumb-banner .itx { color: #fff }
.thumb.spl-rl3 {
    background: #22B7A4;
    background: -moz-linear-gradient(45deg, #22B7A4 0, #22B670 100%);
    background: -webkit-linear-gradient(45deg, #22B7A4 0, #22B670 100%);
    background: linear-gradient(45deg, #22B7A4 0, #22B670 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#22B7A4', endColorstr='#22B670', GradientType=1);
}
.thumb.spl-rl3 .thumb-banner .itx { color: #fff }
.thumb.spl-cf {
    background: #56ABD2;
    background: -moz-linear-gradient(45deg, #56ABD2 0, #A6C6E2 100%);
    background: -webkit-linear-gradient(45deg, #56ABD2 0, #A6C6E2 100%);
    background: linear-gradient(45deg, #56ABD2 0, #A6C6E2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#56ABD2', endColorstr='#A6C6E2', GradientType=1);
}
.thumb.spl-cf .thumb-banner .itx { color: #fff }
.thumb.spl-rl2 {
    background: #F05F62;
    background: -moz-linear-gradient(45deg, #F05F62 0, #F89C5A 100%);
    background: -webkit-linear-gradient(45deg, #F05F62 0, #F89C5A 100%);
    background: linear-gradient(45deg, #F05F62 0, #F89C5A 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F05F62', endColorstr='#F89C5A', GradientType=1);
}
.thumb.spl-rl2 .thumb-banner .itx { color: #fff }
.thumb.spl-ar {
    background: #8B54C4;
    background: -moz-linear-gradient(45deg, #8B54C4 0, #6E74EF 100%);
    background: -webkit-linear-gradient(45deg, #8B54C4 0, #6E74EF 100%);
    background: linear-gradient(45deg, #8B54C4 0, #6E74EF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8B54C4', endColorstr='#6E74EF', GradientType=1);
}
.thumb.spl-ar .thumb-banner .itx { color: #fff }
.thumb .thumb-banner { height: 240px }
.thumb .thumb-banner .itx {
    font-size: 120px;
    line-height: 1;
    padding-top: 80px;
    padding-bottom: 40px;
    text-align: center;
}
.thumb .thumb-content {
    font-family: 'Raleway';
    height: 100px;
    padding: 15px;
}
.thumb .thumb-content:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .thumb .thumb-content { zoom: 1 }
*:first-child+html .thumb .thumb-content { zoom: 1 }
.thumb .thumb-content .thumb-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-align: center;
    font-size: 18px;
    margin-bottom: 15px;
}
.thumb .thumb-inside {
    display: none;
    padding: 0 30px 15px;
    height: 240px;
    overflow: hidden;
    text-align: center;
    font-family: 'Raleway';
}
@media (max-width:1092px) { 
    .thumb .thumb-inside {
        padding-left: 15px;
        padding-right: 15px;
    }
}
.thumb .thumb-tags { text-align: center }
.thumb .cover { height: 340px }
.thumb .thumb-close {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 54px;
    height: 54px;
    cursor: pointer;
}
.thumb .thumb-close:before {
    content: 'x';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    margin: 15px;
    text-transform: uppercase;
    font-size: 12px;
    background-color: #444;
    color: #fff;
    width: 24px;
    line-height: 24px;
    border-radius: 24px;
    text-align: center;
}
@media (min-width:992px) { 
    .thumb:hover {
        background-color: #fff;
        color: #000;
        text-decoration: none;
    }
    .thumb:hover .thumb-banner { display: none }
    .thumb:hover .thumb-content { padding-top: 25px }
    .thumb:hover .thumb-content .thumb-title { margin-bottom: 10px }
    .thumb:hover .thumb-inside { display: block }
    .thumb:hover .thumb-tags .tag {
        border: rgba(68,68,68,0.6) solid 1px;
        color: #444;
    }
    .thumb[class^="spl-"]:hover,
    .thumb[class*=" spl-"]:hover {
        background: #fff;
        background-color: #fff;
        color: #000;
    }
    .thumb[class^="spl-"]:hover .thumb-banner .itx,
    .thumb[class*=" spl-"]:hover .thumb-banner .itx { color: #000 }
}
@media (max-width:992px) { 
    .thumb.flipped {
        background-color: #fff;
        color: #000;
        text-decoration: none;
    }
    .thumb.flipped .thumb-banner { display: none }
    .thumb.flipped .thumb-content { padding-top: 25px }
    .thumb.flipped .thumb-content .thumb-title { margin-bottom: 10px }
    .thumb.flipped .thumb-inside { display: block }
    .thumb.flipped .thumb-tags .tag {
        border: rgba(68,68,68,0.6) solid 1px;
        color: #444;
    }
    .thumb.flipped .thumb-close { display: block }
    .thumb[class^="spl-"].flipped,
    .thumb[class*=" spl-"].flipped {
        background: #fff;
        background-color: #fff;
        color: #000;
    }
    .thumb[class^="spl-"].flipped .thumb-banner .itx,
    .thumb[class*=" spl-"].flipped .thumb-banner .itx { color: #000 }
}
.tag {
    display: inline-block;
    padding: 3px 5px 4px;
    margin-right: 6px;
    margin-bottom: 6px;
    border-radius: 3px;
    background-color: transparent;
    border: rgba(238,238,238,0.6) solid 1px;
    color: #eee;
    font-weight: 300;
    font-size: 14px;
}
.footer-text {
    font-size: 14px;
    padding: 25px 15px 70px;
    color: #888;
    text-align: center;
}
.footer-text a {
    color: rgba(17,126,247,0.8);
    text-decoration: none;
}
.footer-text a:hover { color: #117EF7 }
.resume-page {
    position: relative;
    margin-top: 15px;
}
.resume-page .resume-section {
    position: relative;
    margin-bottom: 30px;
    background-color: #f6f6f6;
    padding: 15px;
    border-radius: 3px;
    color: #000;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
}
.resume-page .resume-section .rs-title {
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 14px;
    color: #888;
}
.resume-page .resume-section .rs-desc {
    font-weight: 300;
    margin-bottom: 10px;
    font-size: 14px;
    color: #888;
}
.resume-page .resume-section .rs-para { padding: 10px 0 }
.resume-page .resume-section .rs-fnote {
    font-size: 14px;
    color: #888;
}
.card { padding: 10px 0 }
.card .name {
    font-family: 'Merriweather',arial,sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
}
.card .contact { font-weight: normal }
.card .action { margin-top: 10px }
.card .title { margin-top: 10px }
.card .soc-links {
    margin-top: 10px;
    color: #888;
}
.card .soc-links a { text-decoration: none }
.skills { position: relative }
.skills .skills-section {
    position: relative;
    margin-bottom: 15px;
}
.skills .skills-section .ss-title {
    text-transform: uppercase;
    font-size: 14px;
    padding: 10px 0;
    border-bottom: #E4E3E1 solid 1px;
    margin-bottom: 5px;
    font-weight: bold;
}
.skills .skills-section .ss-ellip {
    color: #ddd;
    font-size: 14px;
    text-align: center;
    padding: 10px 0;
}
.skills .skill {
    padding: 10px 0 5px;
    margin-bottom: 5px;
}
.skills .skill:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .skills .skill { zoom: 1 }
*:first-child+html .skills .skill { zoom: 1 }
.skills .skill .name.emp {
    float: left;
    background-color: #eee;
    border-radius: 3px;
    padding: 8px 10px;
    margin-right: 5px;
    margin-bottom: 5px;
}
.skills .skill .desc {
    font-size: 12px;
    color: #888;
    margin-top: 2px;
}
.skills .skill .rating {
    position: relative;
    border-bottom: #e6e6e6 solid 4px;
    margin-top: 5px;
}
.skills .skill .rating .liquid {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-bottom: #666 solid 4px;
    width: 1%;
}
.skills .skill .rating .liquid.s-5 { width: 5% }
.skills .skill .rating .liquid.s-10 { width: 10% }
.skills .skill .rating .liquid.s-15 { width: 15% }
.skills .skill .rating .liquid.s-20 { width: 20% }
.skills .skill .rating .liquid.s-25 { width: 25% }
.skills .skill .rating .liquid.s-30 { width: 30% }
.skills .skill .rating .liquid.s-35 { width: 35% }
.skills .skill .rating .liquid.s-40 { width: 40% }
.skills .skill .rating .liquid.s-45 { width: 45% }
.skills .skill .rating .liquid.s-50 { width: 50% }
.skills .skill .rating .liquid.s-55 { width: 55% }
.skills .skill .rating .liquid.s-60 { width: 60% }
.skills .skill .rating .liquid.s-65 { width: 65% }
.skills .skill .rating .liquid.s-70 { width: 70% }
.skills .skill .rating .liquid.s-75 { width: 75% }
.skills .skill .rating .liquid.s-80 { width: 80% }
.skills .skill .rating .liquid.s-85 { width: 85% }
.skills .skill .rating .liquid.s-90 { width: 90% }
.skills .skill .rating .liquid.s-95 { width: 95% }
.skills .skill .rating .liquid.s-100 { width: 100% }
.skills .skill .rating .liquid.s-plus { border-bottom-color: #3AC381 }
.skills .skill .rating .liquid.s-good { border-bottom-color: #4486E6 }
.timeline {
    position: relative;
    padding: 10px 0;
}
.timeline .story { position: relative }
.timeline .story.passion .desc { border-left-color: #D33C6F }
.timeline .story.passion .desc:before { border-color: #D33C6F }
.timeline .story.passion .title .role,
.timeline .story.passion .desc .project .pr-title { color: #c22b5e }
.timeline .story.passion .toggle-view { color: #c22b5e }
.timeline .story.passion.project-view .toggle-view { background-color: #D33C6F }
.timeline .story.passion.project-view .toggle-view:hover { background-color: #c22b5e }
.timeline .story.passion .stew {
    height: 80px;
    text-align: right;
    overflow: hidden;
    margin-bottom: 6px;
}
.timeline .story.passion .stew img { max-height: 100% }
@media (max-width:768px) { 
    .timeline .story.passion .stew { text-align: left }
}
.timeline .story .title {
    text-align: right;
    padding-bottom: 15px;
}
@media (max-width:768px) { 
    .timeline .story .title { text-align: left }
}
.timeline .story .title .role { font-weight: bold }
.timeline .story .title .company { margin-top: 5px }
.timeline .story .title .company .mi { font-weight: 300 }
.timeline .story .title .period {
    margin-top: 5px;
    color: #000;
    font-size: 14px;
}
.timeline .story .title .highlights-text {
    margin-top: 25px;
    color: #000;
    max-width: 240px;
    margin-left: auto;
    font-weight: 300;
}
@media (max-width:768px) { 
    .timeline .story .title .highlights-text {
        margin-left: 0;
        margin-right: auto;
    }
}
.timeline .story .desc {
    position: relative;
    padding-bottom: 15px;
    border-left: #add1fe solid 2px;
}
@media (max-width:768px) { 
    .timeline .story .desc {
        border-left-width: 10px;
        margin-bottom: 15px;
    }
}
.timeline .story .desc:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    top: 0;
    left: 0;
    margin-left: -6px;
    margin-top: 6px;
    border: #add1fe solid 2px;
    border-radius: 10px;
    background-color: #f6f6f6;
}
.timeline .story .desc.end { padding-bottom: 0 }
.timeline .story .desc.end .pr-ellip { padding-bottom: 0 }
.timeline .story .pr-ellip {
    color: #ddd;
    font-size: 14px;
    text-align: left;
    padding: 10px 0;
}
.timeline .story .highlights { display: block }
.timeline .story .projects { display: none }
.timeline .story .toggle { margin-top: 15px }
.timeline .story .toggle-view {
    text-decoration: none;
    padding: 6px 12px;
    border-radius: 4px;
    background-color: #e9e9e9;
}
.timeline .story .toggle-view:before {
    content: '+';
    padding-right: 4px;
}
.timeline .story .toggle-view:hover { background-color: #e3e3e3 }
.timeline .story.project-view .highlights { display: none }
.timeline .story.project-view .projects { display: block }
.timeline .story.project-view .toggle-view {
    background-color: #2183FB;
    color: #fff;
}
.timeline .story.project-view .toggle-view:before { content: '\25CB' }
.timeline .story.project-view .toggle-view:hover {
    background-color: #1472E3;
    color: #fff;
}
.timeline .story-section-title {
    padding: 8px;
    margin: -8px -8px 10px;
    background-color: #FDEF78;
    border: #E3D55E solid 1px;
    border-radius: 4px;
}
.website{
    text-decoration: none;
}
.project {
    position: relative;
    padding-bottom: 15px;
}
@media (min-width:768px) { 
    .project { padding-right: 15px }
}
.project .pr-title { font-weight: bold }
.project .pr-desc {
    margin-top: 10px;
    color: #777;
    font-weight: 300;
}
.project .pr-desc.d-sub {
    margin-top: 10px;
    font-style: italic;
}
.project .pr-features { padding-bottom: 10px }
.project .pr-features:last-child {
    padding-bottom: 35px;
    border-bottom: #E4E3E1 solid 1px;
    margin-bottom: 15px;
}
.highlights .project .pr-features:last-child {
    padding-bottom: 10px;
    margin-bottom: 0;
    border-bottom-width: 0;
}
.passionLinks{
    text-decoration: none;
}
.project .pf-list {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
    padding: 20px 0 0;
}
.project .pf-list>li {
    display: block;
    float: none;
}
.project .pf-list>li {
    position: relative;
    margin-bottom: 15px;
    padding-left: 30px;
}
.project .pf-list>li:last-child { margin-bottom: 0 }
.project .pf-list>li:before {
    content: '\2022';
    display: block;
    position: absolute;
    color: #000;
    left: 0;
    margin-left: 15px;
}
.pseudoLink{
    cursor : pointer;    
}
.pseudoLink:hover{
    text-decoration: underline;
}
.ite.ite-a {
    color: #888;
    font-size: 14px;
    margin-bottom: 2px;
}
.ite.ite-b { margin-bottom: 10px }
.edu-item { margin-bottom: 20px }
.edu-item:last-child { margin-bottom: 0 }
.edu-item .title { font-weight: bold }
.edu-item .desc { color: #888 }
button.download,
.button.download {
    border-color: #2183FB;
    color: #2183FB;
    background-color: transparent;
    padding: 6px 15px;
}
button.download:hover,
.button.download:hover,
button.download:active,
.button.download:active {
    background-color: #2183FB;
    color: #fff;
}
.scrmbl { position: relative }
.scrmbl .x,
.scrmbl .dg,
.scrmbl .sdfh,
.scrmbl .jf,
.scrmbl .dfh,
.scrmbl .rhc {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    top: 0;
    left: 0;
    color: transparent;
}
.scrmbl .yj,
.scrmbl .dhr,
.scrmbl .er,
.scrmbl .mes,
.scrmbl .erj {
    top: 0;
    left: 0;
}
span.marker {
    display: block;
    position: relative;
    height: 0;
}
span.marker>span {
    display: block;
    position: absolute;
    bottom: 0;
    height: 70px;
}
span.marker i.get-link {
    display: block;
    position: absolute;
    right: 0;
    cursor: pointer;
}
span.marker i.get-link:before {
    display: block;
    content: '#';
    position: absolute;
    right: 0;
    height: 26px;
    width: 26px;
    border-radius: 26px;
    line-height: 26px;
    text-align: center;
    font-style: normal;
    top: 0;
    margin-top: -3px;
    margin-right: -20px;
    background-color: #ddd;
    color: #fff;
    z-index: 200;
}
@media (max-width:768px) { 
    span.marker i.get-link:before { margin-right: -5px }
}
span.marker i.get-link:hover:before { background-color: #222 }