@charset "UTF-8";
@import url("/vendor/fonts.googleapis.com/styles.css");
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

script {
    display: none!important
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

a {
    background: transparent
}

a:focus {
    outline: thin dotted
}

a:active,
a:hover {
    outline: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,
input {
    line-height: normal
}

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
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

meta.foundation-mq-small {
    font-family: "only screen and (min-width: 768px)";
    width: 768px
}

meta.foundation-mq-medium {
    font-family: "only screen and (min-width:1080px)";
    width: 1080px
}

meta.foundation-mq-large {
    font-family: "only screen and (min-width:1440px)";
    width: 1440px
}

*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html,
body {
    font-size: 15px
}

body {
    background: #fff;
    color: #565656;
    padding: 0;
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    position: relative;
    cursor: default
}

a:hover {
    cursor: pointer
}

img,
object,
embed {
    max-width: 100%;
    height: auto
}

object,
embed {
    height: 100%
}

img {
    -ms-interpolation-mode: bicubic
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
    max-width: none!important
}

.left {
    float: left!important
}

.right {
    float: right!important
}

.text-left {
    text-align: left!important
}

.text-right {
    text-align: right!important
}

.text-center {
    text-align: center!important
}

.text-justify {
    text-align: justify!important
}

.hide {
    display: none
}

.antialiased {
    -webkit-font-smoothing: antialiased
}

img {
    display: inline-block;
    vertical-align: middle
}

textarea {
    height: auto;
    min-height: 50px
}

select {
    width: 100%
}

.row {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 1080px;
    width: 100%;
    *zoom: 1
}

.row:before,
.row:after {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.row.collapse .column,
.row.collapse .columns {
    padding-left: 0;
    padding-right: 0;
    float: left
}

.row .row {
    margin-left: -10px;
    margin-right: -10px;
    max-width: none;
    width: auto;
    *zoom: 1
}

.row .row:before,
.row .row:after {
    content: " ";
    display: table
}

.row .row:after {
    clear: both
}

.row .row.collapse {
    margin-left: 0;
    margin-right: 0;
    max-width: none;
    width: auto;
    *zoom: 1
}

.row .row.collapse:before,
.row .row.collapse:after {
    content: " ";
    display: table
}

.row .row.collapse:after {
    clear: both
}

.column,
.columns {
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    float: left;
    position: relative
}

@media only screen {
    .small-1 {
        width: 8.33333%
    }
    .small-2 {
        width: 16.66667%
    }
    .small-3 {
        width: 25%
    }
    .small-4 {
        width: 33.33333%
    }
    .small-5 {
        width: 41.66667%
    }
    .small-6 {
        width: 50%
    }
    .small-7 {
        width: 58.33333%
    }
    .small-8 {
        width: 66.66667%
    }
    .small-9 {
        width: 75%
    }
    .small-10 {
        width: 83.33333%
    }
    .small-11 {
        width: 91.66667%
    }
    .small-12 {
        width: 100%
    }
    .small-offset-0 {
        margin-left: 0%
    }
    .small-offset-1 {
        margin-left: 8.33333%
    }
    .small-offset-2 {
        margin-left: 16.66667%
    }
    .small-offset-3 {
        margin-left: 25%
    }
    .small-offset-4 {
        margin-left: 33.33333%
    }
    .small-offset-5 {
        margin-left: 41.66667%
    }
    .small-offset-6 {
        margin-left: 50%
    }
    .small-offset-7 {
        margin-left: 58.33333%
    }
    .small-offset-8 {
        margin-left: 66.66667%
    }
    .small-offset-9 {
        margin-left: 75%
    }
    .small-offset-10 {
        margin-left: 83.33333%
    }
    [class*="column"]+[class*="column"]:last-child {
        float: right
    }
    [class*="column"]+[class*="column"].end {
        float: left
    }
    .column.small-centered,
    .columns.small-centered {
        margin-left: auto;
        margin-right: auto;
        float: none!important
    }
}

@media only screen and (min-width:768px) {
    .medium-1 {
        width: 8.33333%
    }
    .medium-2 {
        width: 16.66667%
    }
    .medium-3 {
        width: 25%
    }
    .medium-4 {
        width: 33.33333%
    }
    .medium-5 {
        width: 41.66667%
    }
    .medium-6 {
        width: 50%
    }
    .medium-7 {
        width: 58.33333%
    }
    .medium-8 {
        width: 66.66667%
    }
    .medium-9 {
        width: 75%
    }
    .medium-10 {
        width: 83.33333%
    }
    .medium-11 {
        width: 91.66667%
    }
    .medium-12 {
        width: 100%
    }
    .medium-offset-0 {
        margin-left: 0%
    }
    .medium-offset-1 {
        margin-left: 8.33333%
    }
    .medium-offset-2 {
        margin-left: 16.66667%
    }
    .medium-offset-3 {
        margin-left: 25%
    }
    .medium-offset-4 {
        margin-left: 33.33333%
    }
    .medium-offset-5 {
        margin-left: 41.66667%
    }
    .medium-offset-6 {
        margin-left: 50%
    }
    .medium-offset-7 {
        margin-left: 58.33333%
    }
    .medium-offset-8 {
        margin-left: 66.66667%
    }
    .medium-offset-9 {
        margin-left: 75%
    }
    .medium-offset-10 {
        margin-left: 83.33333%
    }
    .medium-offset-11 {
        margin-left: 91.66667%
    }
    .medium-push-1 {
        left: 8.33333%;
        right: auto
    }
    .medium-pull-1 {
        right: 8.33333%;
        left: auto
    }
    .medium-push-2 {
        left: 16.66667%;
        right: auto
    }
    .medium-pull-2 {
        right: 16.66667%;
        left: auto
    }
    .medium-push-3 {
        left: 25%;
        right: auto
    }
    .medium-pull-3 {
        right: 25%;
        left: auto
    }
    .medium-push-4 {
        left: 33.33333%;
        right: auto
    }
    .medium-pull-4 {
        right: 33.33333%;
        left: auto
    }
    .medium-push-5 {
        left: 41.66667%;
        right: auto
    }
    .medium-pull-5 {
        right: 41.66667%;
        left: auto
    }
    .medium-push-6 {
        left: 50%;
        right: auto
    }
    .medium-pull-6 {
        right: 50%;
        left: auto
    }
    .medium-push-7 {
        left: 58.33333%;
        right: auto
    }
    .medium-pull-7 {
        right: 58.33333%;
        left: auto
    }
    .medium-push-8 {
        left: 66.66667%;
        right: auto
    }
    .medium-pull-8 {
        right: 66.66667%;
        left: auto
    }
    .medium-push-9 {
        left: 75%;
        right: auto
    }
    .medium-pull-9 {
        right: 75%;
        left: auto
    }
    .medium-push-10 {
        left: 83.33333%;
        right: auto
    }
    .medium-pull-10 {
        right: 83.33333%;
        left: auto
    }
    .medium-push-11 {
        left: 91.66667%;
        right: auto
    }
    .medium-pull-11 {
        right: 91.66667%;
        left: auto
    }
    .column.medium-centered,
    .columns.medium-centered {
        margin-left: auto;
        margin-right: auto;
        float: none!important
    }
    .column.medium-uncentered,
    .columns.medium-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left!important
    }
}

@media only screen and (min-width:1080px) {
    .large-1 {
        width: 8.33333%
    }
    .large-2 {
        width: 16.66667%
    }
    .large-3 {
        width: 25%
    }
    .large-4 {
        width: 33.33333%
    }
    .large-5 {
        width: 41.66667%
    }
    .large-6 {
        width: 50%
    }
    .large-7 {
        width: 58.33333%
    }
    .large-8 {
        width: 66.66667%
    }
    .large-9 {
        width: 75%
    }
    .large-10 {
        width: 83.33333%
    }
    .large-11 {
        width: 91.66667%
    }
    .large-12 {
        width: 100%
    }
    .large-offset-0 {
        margin-left: 0%
    }
    .large-offset-1 {
        margin-left: 8.33333%
    }
    .large-offset-2 {
        margin-left: 16.66667%
    }
    .large-offset-3 {
        margin-left: 25%
    }
    .large-offset-4 {
        margin-left: 33.33333%
    }
    .large-offset-5 {
        margin-left: 41.66667%
    }
    .large-offset-6 {
        margin-left: 50%
    }
    .large-offset-7 {
        margin-left: 58.33333%
    }
    .large-offset-8 {
        margin-left: 66.66667%
    }
    .large-offset-9 {
        margin-left: 75%
    }
    .large-offset-10 {
        margin-left: 83.33333%
    }
    .large-offset-11 {
        margin-left: 91.66667%
    }
    .large-push-1 {
        left: 8.33333%;
        right: auto
    }
    .large-pull-1 {
        right: 8.33333%;
        left: auto
    }
    .large-push-2 {
        left: 16.66667%;
        right: auto
    }
    .large-pull-2 {
        right: 16.66667%;
        left: auto
    }
    .large-push-3 {
        left: 25%;
        right: auto
    }
    .large-pull-3 {
        right: 25%;
        left: auto
    }
    .large-push-4 {
        left: 33.33333%;
        right: auto
    }
    .large-pull-4 {
        right: 33.33333%;
        left: auto
    }
    .large-push-5 {
        left: 41.66667%;
        right: auto
    }
    .large-pull-5 {
        right: 41.66667%;
        left: auto
    }
    .large-push-6 {
        left: 50%;
        right: auto
    }
    .large-pull-6 {
        right: 50%;
        left: auto
    }
    .large-push-7 {
        left: 58.33333%;
        right: auto
    }
    .large-pull-7 {
        right: 58.33333%;
        left: auto
    }
    .large-push-8 {
        left: 66.66667%;
        right: auto
    }
    .large-pull-8 {
        right: 66.66667%;
        left: auto
    }
    .large-push-9 {
        left: 75%;
        right: auto
    }
    .large-pull-9 {
        right: 75%;
        left: auto
    }
    .large-push-10 {
        left: 83.33333%;
        right: auto
    }
    .large-pull-10 {
        right: 83.33333%;
        left: auto
    }
    .large-push-11 {
        left: 91.66667%;
        right: auto
    }
    .large-pull-11 {
        right: 91.66667%;
        left: auto
    }
    .column.large-centered,
    .columns.large-centered {
        margin-left: auto;
        margin-right: auto;
        float: none!important
    }
    .column.large-uncentered,
    .columns.large-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left!important
    }
}

.show-for-small,
.show-for-medium-down,
.show-for-large-down {
    display: inherit!important
}

.show-for-medium,
.show-for-medium-up,
.show-for-large,
.show-for-large-up,
.show-for-xlarge {
    display: none!important
}

.hide-for-medium,
.hide-for-medium-up,
.hide-for-large,
.hide-for-large-up,
.hide-for-xlarge {
    display: inherit!important
}

.hide-for-small,
.hide-for-medium-down,
.hide-for-large-down {
    display: none!important
}

table.show-for-small,
table.show-for-medium-down,
table.show-for-large-down,
table.hide-for-medium,
table.hide-for-medium-up,
table.hide-for-large,
table.hide-for-large-up,
table.hide-for-xlarge {
    display: table
}

thead.show-for-small,
thead.show-for-medium-down,
thead.show-for-large-down,
thead.hide-for-medium,
thead.hide-for-medium-up,
thead.hide-for-large,
thead.hide-for-large-up,
thead.hide-for-xlarge {
    display: table-header-group!important
}

tbody.show-for-small,
tbody.show-for-medium-down,
tbody.show-for-large-down,
tbody.hide-for-medium,
tbody.hide-for-medium-up,
tbody.hide-for-large,
tbody.hide-for-large-up,
tbody.hide-for-xlarge {
    display: table-row-group!important
}

tr.show-for-small,
tr.show-for-medium-down,
tr.show-for-large-down,
tr.hide-for-medium,
tr.hide-for-medium-up,
tr.hide-for-large,
tr.hide-for-large-up,
tr.hide-for-xlarge {
    display: table-row!important
}

td.show-for-small,
td.show-for-medium-down,
td.show-for-large-down,
td.hide-for-medium,
td.hide-for-medium-up,
td.hide-for-large,
td.hide-for-large-up,
td.hide-for-xlarge,
th.show-for-small,
th.show-for-medium-down,
th.show-for-large-down,
th.hide-for-medium,
th.hide-for-medium-up,
th.hide-for-large,
th.hide-for-large-up,
th.hide-for-xlarge {
    display: table-cell!important
}

@media only screen and (min-width:768px) {
    .show-for-medium,
    .show-for-medium-up {
        display: inherit!important
    }
    .show-for-small {
        display: none!important
    }
    .hide-for-small {
        display: inherit!important
    }
    .hide-for-medium,
    .hide-for-medium-up {
        display: none!important
    }
    table.show-for-medium,
    table.show-for-medium-up,
    table.hide-for-small {
        display: table
    }
    thead.show-for-medium,
    thead.show-for-medium-up,
    thead.hide-for-small {
        display: table-header-group!important
    }
    tbody.show-for-medium,
    tbody.show-for-medium-up,
    tbody.hide-for-small {
        display: table-row-group!important
    }
    tr.show-for-medium,
    tr.show-for-medium-up,
    tr.hide-for-small {
        display: table-row!important
    }
    td.show-for-medium,
    td.show-for-medium-up,
    td.hide-for-small,
    th.show-for-medium,
    th.show-for-medium-up,
    th.hide-for-small {
        display: table-cell!important
    }
}

@media only screen and (min-width:1080px) {
    .show-for-large,
    .show-for-large-up {
        display: inherit!important
    }
    .show-for-medium,
    .show-for-medium-down {
        display: none!important
    }
    .hide-for-medium,
    .hide-for-medium-down {
        display: inherit!important
    }
    .hide-for-large,
    .hide-for-large-up {
        display: none!important
    }
    table.show-for-large,
    table.show-for-large-up,
    table.hide-for-medium,
    table.hide-for-medium-down {
        display: table
    }
    thead.show-for-large,
    thead.show-for-large-up,
    thead.hide-for-medium,
    thead.hide-for-medium-down {
        display: table-header-group!important
    }
    tbody.show-for-large,
    tbody.show-for-large-up,
    tbody.hide-for-medium,
    tbody.hide-for-medium-down {
        display: table-row-group!important
    }
    tr.show-for-large,
    tr.show-for-large-up,
    tr.hide-for-medium,
    tr.hide-for-medium-down {
        display: table-row!important
    }
    td.show-for-large,
    td.show-for-large-up,
    td.hide-for-medium,
    td.hide-for-medium-down,
    th.show-for-large,
    th.show-for-large-up,
    th.hide-for-medium,
    th.hide-for-medium-down {
        display: table-cell!important
    }
}

@media only screen and (min-width:1440px) {
    .show-for-xlarge {
        display: inherit!important
    }
    .show-for-large,
    .show-for-large-down {
        display: none!important
    }
    .hide-for-large,
    .hide-for-large-down {
        display: inherit!important
    }
    .hide-for-xlarge {
        display: none!important
    }
    table.show-for-xlarge,
    table.hide-for-large,
    table.hide-for-large-down {
        display: table
    }
    thead.show-for-xlarge,
    thead.hide-for-large,
    thead.hide-for-large-down {
        display: table-header-group!important
    }
    tbody.show-for-xlarge,
    tbody.hide-for-large,
    tbody.hide-for-large-down {
        display: table-row-group!important
    }
    tr.show-for-xlarge,
    tr.hide-for-large,
    tr.hide-for-large-down {
        display: table-row!important
    }
    td.show-for-xlarge,
    td.hide-for-large,
    td.hide-for-large-down,
    th.show-for-xlarge,
    th.hide-for-large,
    th.hide-for-large-down {
        display: table-cell!important
    }
}

.show-for-landscape,
.hide-for-portrait {
    display: inherit!important
}

.hide-for-landscape,
.show-for-portrait {
    display: none!important
}

table.hide-for-landscape,
table.show-for-portrait {
    display: table
}

thead.hide-for-landscape,
thead.show-for-portrait {
    display: table-header-group!important
}

tbody.hide-for-landscape,
tbody.show-for-portrait {
    display: table-row-group!important
}

tr.hide-for-landscape,
tr.show-for-portrait {
    display: table-row!important
}

td.hide-for-landscape,
td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
    display: table-cell!important
}

@media only screen and (orientation:landscape) {
    .show-for-landscape,
    .hide-for-portrait {
        display: inherit!important
    }
    .hide-for-landscape,
    .show-for-portrait {
        display: none!important
    }
    table.show-for-landscape,
    table.hide-for-portrait {
        display: table
    }
    thead.show-for-landscape,
    thead.hide-for-portrait {
        display: table-header-group!important
    }
    tbody.show-for-landscape,
    tbody.hide-for-portrait {
        display: table-row-group!important
    }
    tr.show-for-landscape,
    tr.hide-for-portrait {
        display: table-row!important
    }
    td.show-for-landscape,
    td.hide-for-portrait,
    th.show-for-landscape,
    th.hide-for-portrait {
        display: table-cell!important
    }
}

@media only screen and (orientation:portrait) {
    .show-for-portrait,
    .hide-for-landscape {
        display: inherit!important
    }
    .hide-for-portrait,
    .show-for-landscape {
        display: none!important
    }
    table.show-for-portrait,
    table.hide-for-landscape {
        display: table
    }
    thead.show-for-portrait,
    thead.hide-for-landscape {
        display: table-header-group!important
    }
    tbody.show-for-portrait,
    tbody.hide-for-landscape {
        display: table-row-group!important
    }
    tr.show-for-portrait,
    tr.hide-for-landscape {
        display: table-row!important
    }
    td.show-for-portrait,
    td.hide-for-landscape,
    th.show-for-portrait,
    th.hide-for-landscape {
        display: table-cell!important
    }
}

.show-for-touch {
    display: none!important
}

.hide-for-touch {
    display: inherit!important
}

.touch .show-for-touch {
    display: inherit!important
}

.touch .hide-for-touch {
    display: none!important
}

table.hide-for-touch {
    display: table
}

.touch table.show-for-touch {
    display: table
}

thead.hide-for-touch {
    display: table-header-group!important
}

.touch thead.show-for-touch {
    display: table-header-group!important
}

tbody.hide-for-touch {
    display: table-row-group!important
}

.touch tbody.show-for-touch {
    display: table-row-group!important
}

tr.hide-for-touch {
    display: table-row!important
}

.touch tr.show-for-touch {
    display: table-row!important
}

td.hide-for-touch {
    display: table-cell!important
}

.touch td.show-for-touch {
    display: table-cell!important
}

th.hide-for-touch {
    display: table-cell!important
}

.touch th.show-for-touch {
    display: table-cell!important
}

@media only screen {
    [class*="block-grid-"] {
        display: block;
        padding: 0;
        margin: 0 -.66667em;
        *zoom: 1
    }
    [class*="block-grid-"]:before,
    [class*="block-grid-"]:after {
        content: " ";
        display: table
    }
    [class*="block-grid-"]:after {
        clear: both
    }
    [class*="block-grid-"]>li {
        display: inline;
        height: auto;
        float: left;
        padding: 0 .66667em 1.33333em
    }
    .small-block-grid-1>li {
        width: 100%;
        padding: 0 .66667em 1.33333em
    }
    .small-block-grid-1 > li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-1 > li:nth-of-type(1n+1) {
        clear: both
    }
    .small-block-grid-2>li {
        width: 50%;
        padding: 0 .66667em 1.33333em
    }
    .small-block-grid-2 > li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-2 > li:nth-of-type(2n+1) {
        clear: both
    }
    .small-block-grid-3>li {
        width: 33.33333%;
        padding: 0 .66667em 1.33333em
    }
    .small-block-grid-3 > li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-3 > li:nth-of-type(3n+1) {
        clear: both
    }
    .small-block-grid-4>li {
        width: 25%;
        padding: 0 .66667em 1.33333em
    }
    .small-block-grid-4 > li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-4 > li:nth-of-type(4n+1) {
        clear: both
    }
    .small-block-grid-5>li {
        width: 20%;
        padding: 0 .66667em 1.33333em
    }
    .small-block-grid-5 > li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-5 > li:nth-of-type(5n+1) {
        clear: both
    }
    .small-block-grid-6>li {
        width: 16.66667%;
        padding: 0 .66667em 1.33333em
    }
    .small-block-grid-6 > li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-6 > li:nth-of-type(6n+1) {
        clear: both
    }
    .small-block-grid-7>li {
        width: 14.28571%;
        padding: 0 .66667em 1.33333em
    }
    .small-block-grid-7 > li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-7 > li:nth-of-type(7n+1) {
        clear: both
    }
    .small-block-grid-8>li {
        width: 12.5%;
        padding: 0 .66667em 1.33333em
    }
    .small-block-grid-8 > li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-8 > li:nth-of-type(8n+1) {
        clear: both
    }
    .small-block-grid-9>li {
        width: 11.11111%;
        padding: 0 .66667em 1.33333em
    }
    .small-block-grid-9 > li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-9 > li:nth-of-type(9n+1) {
        clear: both
    }
    .small-block-grid-10>li {
        width: 10%;
        padding: 0 .66667em 1.33333em
    }
    .small-block-grid-10 > li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-10 > li:nth-of-type(10n+1) {
        clear: both
    }
    .small-block-grid-11>li {
        width: 9.09091%;
        padding: 0 .66667em 1.33333em
    }
    .small-block-grid-11 > li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-11 > li:nth-of-type(11n+1) {
        clear: both
    }
    .small-block-grid-12>li {
        width: 8.33333%;
        padding: 0 .66667em 1.33333em
    }
    .small-block-grid-12 > li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-12 > li:nth-of-type(12n+1) {
        clear: both
    }
}

@media only screen and (min-width:768px) {
    .small-block-grid-1 > li:nth-of-type(1n+1) {
        clear: none
    }
    .small-block-grid-2 > li:nth-of-type(2n+1) {
        clear: none
    }
    .small-block-grid-3 > li:nth-of-type(3n+1) {
        clear: none
    }
    .small-block-grid-4 > li:nth-of-type(4n+1) {
        clear: none
    }
    .small-block-grid-5 > li:nth-of-type(5n+1) {
        clear: none
    }
    .small-block-grid-6 > li:nth-of-type(6n+1) {
        clear: none
    }
    .small-block-grid-7 > li:nth-of-type(7n+1) {
        clear: none
    }
    .small-block-grid-8 > li:nth-of-type(8n+1) {
        clear: none
    }
    .small-block-grid-9 > li:nth-of-type(9n+1) {
        clear: none
    }
    .small-block-grid-10 > li:nth-of-type(10n+1) {
        clear: none
    }
    .small-block-grid-11 > li:nth-of-type(11n+1) {
        clear: none
    }
    .small-block-grid-12 > li:nth-of-type(12n+1) {
        clear: none
    }
    .large-block-grid-1>li {
        width: 100%;
        padding: 0 .66667em 1.33333em
    }
    .large-block-grid-1 > li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-1 > li:nth-of-type(1n+1) {
        clear: both
    }
    .large-block-grid-2>li {
        width: 50%;
        padding: 0 .66667em 1.33333em
    }
    .large-block-grid-2 > li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-2 > li:nth-of-type(2n+1) {
        clear: both
    }
    .large-block-grid-3>li {
        width: 33.33333%;
        padding: 0 .66667em 1.33333em
    }
    .large-block-grid-3 > li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-3 > li:nth-of-type(3n+1) {
        clear: both
    }
    .large-block-grid-4>li {
        width: 25%;
        padding: 0 .66667em 1.33333em
    }
    .large-block-grid-4 > li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-4 > li:nth-of-type(4n+1) {
        clear: both
    }
    .large-block-grid-5>li {
        width: 20%;
        padding: 0 .66667em 1.33333em
    }
    .large-block-grid-5 > li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-5 > li:nth-of-type(5n+1) {
        clear: both
    }
    .large-block-grid-6>li {
        width: 16.66667%;
        padding: 0 .66667em 1.33333em
    }
    .large-block-grid-6 > li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-6 > li:nth-of-type(6n+1) {
        clear: both
    }
    .large-block-grid-7>li {
        width: 14.28571%;
        padding: 0 .66667em 1.33333em
    }
    .large-block-grid-7 > li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-7 > li:nth-of-type(7n+1) {
        clear: both
    }
    .large-block-grid-8>li {
        width: 12.5%;
        padding: 0 .66667em 1.33333em
    }
    .large-block-grid-8 > li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-8 > li:nth-of-type(8n+1) {
        clear: both
    }
    .large-block-grid-9>li {
        width: 11.11111%;
        padding: 0 .66667em 1.33333em
    }
    .large-block-grid-9 > li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-9 > li:nth-of-type(9n+1) {
        clear: both
    }
    .large-block-grid-10>li {
        width: 10%;
        padding: 0 .66667em 1.33333em
    }
    .large-block-grid-10 > li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-10 > li:nth-of-type(10n+1) {
        clear: both
    }
    .large-block-grid-11>li {
        width: 9.09091%;
        padding: 0 .66667em 1.33333em
    }
    .large-block-grid-11 > li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-11 > li:nth-of-type(11n+1) {
        clear: both
    }
    .large-block-grid-12>li {
        width: 8.33333%;
        padding: 0 .66667em 1.33333em
    }
    .large-block-grid-12 > li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-12 > li:nth-of-type(12n+1) {
        clear: both
    }
}

@media only screen {
    [class*="block-grid-"] {
        display: block;
        padding: 0;
        margin: 0 -.66667em;
        *zoom: 1
    }
    [class*="block-grid-"]:before,
    [class*="block-grid-"]:after {
        content: " ";
        display: table
    }
    [class*="block-grid-"]:after {
        clear: both
    }
    [class*="block-grid-"]>li {
        display: inline;
        height: auto;
        float: left;
        padding: 0 .66667em 1.33333em
    }
    .small-block-grid-1>li {
        width: 100%;
        padding: 0 .66667em 1.33333em
    }
    .small-block-grid-1 > li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-1 > li:nth-of-type(1n+1) {
        clear: both
    }
    .small-block-grid-2>li {
        width: 50%;
        padding: 0 .66667em 1.33333em
    }
    .small-block-grid-2 > li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-2 > li:nth-of-type(2n+1) {
        clear: both
    }
    .small-block-grid-3>li {
        width: 33.33333%;
        padding: 0 .66667em 1.33333em
    }
    .small-block-grid-3 > li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-3 > li:nth-of-type(3n+1) {
        clear: both
    }
    .small-block-grid-4>li {
        width: 25%;
        padding: 0 .66667em 1.33333em
    }
    .small-block-grid-4 > li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-4 > li:nth-of-type(4n+1) {
        clear: both
    }
    .small-block-grid-5>li {
        width: 20%;
        padding: 0 .66667em 1.33333em
    }
    .small-block-grid-5 > li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-5 > li:nth-of-type(5n+1) {
        clear: both
    }
    .small-block-grid-6>li {
        width: 16.66667%;
        padding: 0 .66667em 1.33333em
    }
    .small-block-grid-6 > li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-6 > li:nth-of-type(6n+1) {
        clear: both
    }
    .small-block-grid-7>li {
        width: 14.28571%;
        padding: 0 .66667em 1.33333em
    }
    .small-block-grid-7 > li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-7 > li:nth-of-type(7n+1) {
        clear: both
    }
    .small-block-grid-8>li {
        width: 12.5%;
        padding: 0 .66667em 1.33333em
    }
    .small-block-grid-8 > li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-8 > li:nth-of-type(8n+1) {
        clear: both
    }
    .small-block-grid-9>li {
        width: 11.11111%;
        padding: 0 .66667em 1.33333em
    }
    .small-block-grid-9 > li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-9 > li:nth-of-type(9n+1) {
        clear: both
    }
    .small-block-grid-10>li {
        width: 10%;
        padding: 0 .66667em 1.33333em
    }
    .small-block-grid-10 > li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-10 > li:nth-of-type(10n+1) {
        clear: both
    }
    .small-block-grid-11>li {
        width: 9.09091%;
        padding: 0 .66667em 1.33333em
    }
    .small-block-grid-11 > li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-11 > li:nth-of-type(11n+1) {
        clear: both
    }
    .small-block-grid-12>li {
        width: 8.33333%;
        padding: 0 .66667em 1.33333em
    }
    .small-block-grid-12 > li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-12 > li:nth-of-type(12n+1) {
        clear: both
    }
}

@media only screen and (min-width:768px) {
    .small-block-grid-1 > li:nth-of-type(1n+1) {
        clear: none
    }
    .small-block-grid-2 > li:nth-of-type(2n+1) {
        clear: none
    }
    .small-block-grid-3 > li:nth-of-type(3n+1) {
        clear: none
    }
    .small-block-grid-4 > li:nth-of-type(4n+1) {
        clear: none
    }
    .small-block-grid-5 > li:nth-of-type(5n+1) {
        clear: none
    }
    .small-block-grid-6 > li:nth-of-type(6n+1) {
        clear: none
    }
    .small-block-grid-7 > li:nth-of-type(7n+1) {
        clear: none
    }
    .small-block-grid-8 > li:nth-of-type(8n+1) {
        clear: none
    }
    .small-block-grid-9 > li:nth-of-type(9n+1) {
        clear: none
    }
    .small-block-grid-10 > li:nth-of-type(10n+1) {
        clear: none
    }
    .small-block-grid-11 > li:nth-of-type(11n+1) {
        clear: none
    }
    .small-block-grid-12 > li:nth-of-type(12n+1) {
        clear: none
    }
    .large-block-grid-1>li {
        width: 100%;
        padding: 0 .66667em 1.33333em
    }
    .large-block-grid-1 > li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-1 > li:nth-of-type(1n+1) {
        clear: both
    }
    .large-block-grid-2>li {
        width: 50%;
        padding: 0 .66667em 1.33333em
    }
    .large-block-grid-2 > li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-2 > li:nth-of-type(2n+1) {
        clear: both
    }
    .large-block-grid-3>li {
        width: 33.33333%;
        padding: 0 .66667em 1.33333em
    }
    .large-block-grid-3 > li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-3 > li:nth-of-type(3n+1) {
        clear: both
    }
    .large-block-grid-4>li {
        width: 25%;
        padding: 0 .66667em 1.33333em
    }
    .large-block-grid-4 > li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-4 > li:nth-of-type(4n+1) {
        clear: both
    }
    .large-block-grid-5>li {
        width: 20%;
        padding: 0 .66667em 1.33333em
    }
    .large-block-grid-5 > li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-5 > li:nth-of-type(5n+1) {
        clear: both
    }
    .large-block-grid-6>li {
        width: 16.66667%;
        padding: 0 .66667em 1.33333em
    }
    .large-block-grid-6 > li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-6 > li:nth-of-type(6n+1) {
        clear: both
    }
    .large-block-grid-7>li {
        width: 14.28571%;
        padding: 0 .66667em 1.33333em
    }
    .large-block-grid-7 > li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-7 > li:nth-of-type(7n+1) {
        clear: both
    }
    .large-block-grid-8>li {
        width: 12.5%;
        padding: 0 .66667em 1.33333em
    }
    .large-block-grid-8 > li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-8 > li:nth-of-type(8n+1) {
        clear: both
    }
    .large-block-grid-9>li {
        width: 11.11111%;
        padding: 0 .66667em 1.33333em
    }
    .large-block-grid-9 > li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-9 > li:nth-of-type(9n+1) {
        clear: both
    }
    .large-block-grid-10>li {
        width: 10%;
        padding: 0 .66667em 1.33333em
    }
    .large-block-grid-10 > li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-10 > li:nth-of-type(10n+1) {
        clear: both
    }
    .large-block-grid-11>li {
        width: 9.09091%;
        padding: 0 .66667em 1.33333em
    }
    .large-block-grid-11 > li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-11 > li:nth-of-type(11n+1) {
        clear: both
    }
    .large-block-grid-12>li {
        width: 8.33333%;
        padding: 0 .66667em 1.33333em
    }
    .large-block-grid-12 > li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-12 > li:nth-of-type(12n+1) {
        clear: both
    }
}

p.lead {
    font-size: 1.23333em;
    line-height: 1.6
}

.subheader {
    line-height: 1.4;
    color: #6f6f6f;
    font-weight: 300;
    margin-top: .2em;
    margin-bottom: .5em
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
    direction: ltr
}

a {    
    color: #565656;
    text-decoration: none;
    line-height: inherit
}

a:hover,
a:focus {
    color: #2795b6
}

a img {
    border: none
}

p {
    font-family: inherit;
    font-weight: normal;
    font-size: 1em;
    line-height: 1.6;
    margin-bottom: 1.33333em;
    text-rendering: optimizeLegibility
}

p aside {
    font-size: .93333em;
    line-height: 1.35;
    font-style: italic
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #222;
    text-rendering: optimizeLegibility;
    margin-top: .2em;
    margin-bottom: .5em;
    line-height: 1.2em
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-size: 60%;
    color: #6f6f6f;
    line-height: 0
}

h1 {
    font-size: 2.26667em
}

h2 {
    font-size: 1.8em
}

h3 {
    font-size: 1.46667em
}

h4 {
    font-size: 1.2em
}

h5 {
    font-size: 1.2em
}

h6 {
    font-size: 1em
}

hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 1.33333em 0 1.26667em;
    height: 0
}

em,
i {
    font-style: italic;
    line-height: inherit
}

strong,
b {
    font-weight: bold;
    line-height: inherit
}

small {
    font-size: 60%;
    line-height: inherit
}

code {
    font-family: Monaco, Menlo, "Ubuntu Mono", "Droid Sans Mono", Consolas, Courier, monospace;
    font-weight: bold;
    color: #7f0a0c
}

ul,
ol,
dl {
    font-size: 1em;
    line-height: 1.6;
    margin-bottom: 1.33333em;
    list-style-position: outside;
    font-family: inherit
}

ul,
ol {
    margin-left: 0
}

ul.no-bullet,
ol.no-bullet {
    margin-left: 0
}

ul li ul,
ul li ol {
    margin-left: 1.33333em;
    margin-bottom: 0;
    font-size: 1em
}

ul.square li ul,
ul.circle li ul,
ul.disc li ul {
    list-style: inherit
}

ul.square {
    list-style-type: square
}

ul.circle {
    list-style-type: circle
}

ul.disc {
    list-style-type: disc
}

ul.no-bullet {
    list-style: none
}

ol li ul,
ol li ol {
    margin-left: 1.33333em;
    margin-bottom: 0
}

dl dt {
    margin-bottom: .3em;
    font-weight: bold
}

dl dd {
    margin-bottom: .8em
}

abbr,
acronym {
    text-transform: uppercase;
    font-size: 90%;
    color: #565656;
    border-bottom: 1px dotted #ddd;
    cursor: help
}

abbr {
    text-transform: none
}

blockquote {
    margin: 0 0 1.33333em;
    padding: .6em 1.33333em 0 1.26667em;
    border-left: 1px solid #ddd
}

blockquote cite {
    display: block;
    font-size: .86667em;
    color: #555
}

blockquote cite:before {
    content: "\2014 \0020"
}

blockquote cite a,
blockquote cite a:visited {
    color: #555
}

blockquote,
blockquote p {
    line-height: 1.6;
    color: #6f6f6f
}

.vcard {
    display: inline-block;
    margin: 0 0 1.33333em 0;
    border: 1px solid #ddd;
    padding: .66667em .8em
}

.vcard li {
    margin: 0;
    display: block
}

.vcard .fn {
    font-weight: bold;
    font-size: 1em
}

.vevent .summary {
    font-weight: bold
}

.vevent abbr {
    cursor: default;
    text-decoration: none;
    font-weight: bold;
    border: none;
    padding: 0 .06667em
}

@media only screen and (min-width:768px) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: 1.4
    }
    h1 {
        font-size: 2.93333em
    }
    h2 {
        font-size: 2.46667em
    }
    h3 {
        font-size: 1.8em
    }
    h4 {
        font-size: 1.53333em
    }
}

.print-only {
    display: none!important
}

@media print {
    * {
        background: transparent!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    tr,
    img {
        page-break-inside: avoid
    }
    img {
        max-width: 100%!important
    }
    @page {
        margin: .5cm
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    .hide-on-print {
        display: none!important
    }
    .print-only {
        display: block!important
    }
    .hide-for-print {
        display: none!important
    }
    .show-for-print {
        display: inherit!important
    }
}

form {
    margin: 0 0 1em
}

form .row .row {
    margin: 0 -.5em
}

form .row .row .column,
form .row .row .columns {
    padding: 0 .5em
}

form .row .row.collapse {
    margin: 0
}

form .row .row.collapse .column,
form .row .row.collapse .columns {
    padding: 0
}

form .row .row.collapse input {
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0
}

form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
    padding-left: .5em
}

label {
    font-size: 1.2em;
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-weight: 300;
    margin-bottom: .2em
}

label.right {
    float: none;
    text-align: right
}

label.inline {
    margin: 0 0 1em 0;
    padding: .63333em 0
}

label small {
    text-transform: capitalize;
    color: #666
}

.prefix,
.postfix {
    display: block;
    position: relative;
    z-index: 2;
    text-align: center;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    font-size: 1.2em;
    height: 2.63333em;
    line-height: 2.63333em
}

.postfix.button,
.button-group>li>a.postfix,
.button-group>li>button.postfix {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    line-height: 2.26667em
}

.prefix.button,
.button-group>li>a.prefix,
.button-group>li>button.prefix {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    line-height: 2.26667em
}

.prefix.button.radius,
.button-group>li>a.prefix.radius,
.button-group>li>button.prefix.radius {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.postfix.button.radius,
.button-group>li>a.postfix.radius,
.button-group>li>button.postfix.radius {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.prefix.button.round,
.button-group>li>a.prefix.round,
.button-group>li>button.prefix.round {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-bottomleft: 1000px;
    -moz-border-radius-topleft: 1000px;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px
}

.postfix.button.round,
.button-group>li>a.postfix.round,
.button-group>li>button.postfix.round {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-topright: 1000px;
    -moz-border-radius-bottomright: 1000px;
    -webkit-border-top-right-radius: 1000px;
    -webkit-border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px
}

span.prefix,
label.prefix {
    background: #f2f2f2;
    border-color: #d9d9d9;
    border-right: none;
    color: #333
}

span.prefix.radius,
label.prefix.radius {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

span.postfix,
label.postfix {
    background: #f2f2f2;
    border-color: #ccc;
    border-left: none;
    color: #333
}

span.postfix.radius,
label.postfix.radius {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.input-group.radius>*:first-child,
.input-group.radius>*:first-child * {
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.input-group.radius>*:last-child,
.input-group.radius>*:last-child * {
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.input-group.round>*:first-child,
.input-group.round>*:first-child * {
    -moz-border-radius-bottomleft: 1000px;
    -moz-border-radius-topleft: 1000px;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px
}

.input-group.round>*:last-child,
.input-group.round>*:last-child * {
    -moz-border-radius-topright: 1000px;
    -moz-border-radius-bottomright: 1000px;
    -webkit-border-top-right-radius: 1000px;
    -webkit-border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #fff;
    font-family: inherit;
    border: 1px solid #ccc;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #724770;
    display: block;
    font-size: 1em;
    margin: 0 0 1em 0;
    padding: .5em;
    height: 2.43333em;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
    -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
    transition: box-shadow 0.45s, border-color 0.45s ease-in-out
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus {
    -webkit-box-shadow: 0 0 5px #b391b3;
    -moz-box-shadow: 0 0 5px #b391b3;
    box-shadow: 0 0 5px #b391b3;
    border-color: #b391b3
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus {
    background: #fafafa;
    border-color: #b391b3;
    outline: none
}

input[type="text"][disabled],
input[type="password"][disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="month"][disabled],
input[type="week"][disabled],
input[type="email"][disabled],
input[type="number"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
textarea[disabled] {
    background-color: #ddd
}

input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
    margin: 0 0 1em 0
}

input[type="file"] {
    width: 100%
}

fieldset {
    border: solid 1px #ddd;
    padding: 1.33333em;
    margin: 1.2em 0
}

fieldset legend {
    font-weight: bold;
    background: #fff;
    padding: 0 .2em;
    margin: 0;
    margin-left: -.2em
}

[data-abide] .error small.error,
[data-abide] span.error,
[data-abide] small.error {
    display: block;
    padding: .4em .26667em;
    margin-top: 0;
    margin-bottom: 1em;
    font-size: .8em;
    font-weight: bold;
    background: #c60f13;
    color: #fff
}

[data-abide] span.error,
[data-abide] small.error {
    display: none
}

span.error,
small.error {
    display: block;
    padding: .4em .26667em;
    margin-top: 0;
    margin-bottom: 1em;
    font-size: .8em;
    font-weight: bold;
    background: #c60f13;
    color: #fff
}

.error input,
.error textarea,
.error select {
    border-color: #c60f13;
    background-color: rgba(198, 15, 19, .1);
    margin-bottom: 0
}

.error input:focus,
.error textarea:focus,
.error select:focus {
    background: #fafafa;
    border-color: #b391b3
}

.error label,
.error label.error {
    color: #c60f13
}

.error>small,
.error small.error {
    display: block;
    padding: .4em .26667em;
    margin-top: 0;
    margin-bottom: 1em;
    font-size: .8em;
    font-weight: bold;
    background: #c60f13;
    color: #fff
}

.error span.error-message {
    display: block
}

input.error,
textarea.error {
    border-color: #c60f13;
    background-color: rgba(198, 15, 19, .1);
    margin-bottom: 0
}

input.error:focus,
textarea.error:focus {
    background: #fafafa;
    border-color: #b391b3
}

.error select {
    border-color: #c60f13;
    background-color: rgba(198, 15, 19, .1)
}

.error select:focus {
    background: #fafafa;
    border-color: #b391b3
}

label.error {
    color: #c60f13
}

.flex-video {
    position: relative;
    padding-top: 1.66667em;
    padding-bottom: 67.5%;
    height: 0;
    margin-bottom: 1.06667em;
    overflow: hidden
}

.flex-video.widescreen {
    padding-bottom: 57.25%
}

.flex-video.vimeo {
    padding-top: 0
}

.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.panel {
    border-style: solid;
    border-width: 1px;
    border-color: #d9d9d9;
    margin-bottom: 1.33333em;
    padding: 1.33333em;
    background: #f2f2f2
}

.panel>:first-child {
    margin-top: 0
}

.panel>:last-child {
    margin-bottom: 0
}

.panel h1,
.panel h2,
.panel h3,
.panel h4,
.panel h5,
.panel h6,
.panel p {
    color: #333
}

.panel h1,
.panel h2,
.panel h3,
.panel h4,
.panel h5,
.panel h6 {
    line-height: 1;
    margin-bottom: .66667em
}

.panel h1.subheader,
.panel h2.subheader,
.panel h3.subheader,
.panel h4.subheader,
.panel h5.subheader,
.panel h6.subheader {
    line-height: 1.4
}

.panel.callout {
    border-style: solid;
    border-width: 1px;
    border-color: #2284a1;
    margin-bottom: 1.33333em;
    padding: 1.33333em;
    background: #2ba6cb;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset
}

.panel.callout>:first-child {
    margin-top: 0
}

.panel.callout>:last-child {
    margin-bottom: 0
}

.panel.callout h1,
.panel.callout h2,
.panel.callout h3,
.panel.callout h4,
.panel.callout h5,
.panel.callout h6,
.panel.callout p {
    color: #fff
}

.panel.callout h1,
.panel.callout h2,
.panel.callout h3,
.panel.callout h4,
.panel.callout h5,
.panel.callout h6 {
    line-height: 1;
    margin-bottom: .66667em
}

.panel.callout h1.subheader,
.panel.callout h2.subheader,
.panel.callout h3.subheader,
.panel.callout h4.subheader,
.panel.callout h5.subheader,
.panel.callout h6.subheader {
    line-height: 1.4
}

.panel.callout a {
    color: #fff
}

.panel.radius {
    -webkit-border-radius: 3px;
    border-radius: 3px
}

table {
    background: #fff;
    margin-bottom: 1.33333em;
    border: solid 1px #ddd
}

table thead,
table tfoot {
    background: #f5f5f5;
    font-weight: bold
}

table thead tr th,
table thead tr td,
table tfoot tr th,
table tfoot tr td {
    padding: .8em;
    font-size: .93333em;
    color: #222;
    text-align: left
}

table tr th,
table tr td {
    padding: .8em;
    font-size: .93333em;
    color: #222
}

table tr.even,
table tr.alt,
table tr:nth-of-type(even) {
    background: #f9f9f9
}

table thead tr th,
table tfoot tr th,
table tbody tr td,
table tr td,
table tfoot tr td {
    display: table-cell;
    line-height: 1.2em
}

.miniForm_node_select_overlay:after,
.miniForm .miniForm_node_prefix i,
.miniForm .miniForm_node_prefix img,
.miniForm .miniForm_node_sufix i,
.miniForm .miniForm_node_sufix img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: top
}

@-moz-keyframes header-gradient {
    0%,
    100% {
        -moz-transform: translateX(0) scaleX(1);
        transform: translateX(0) scaleX(1);
    }
    35% {
        -moz-transform: translateX(-10%) scaleX(1.3);
        transform: translateX(-10%) scaleX(1.3);
    }
    65% {
        -moz-transform: translateX(10%) scaleX(1.3);
        transform: translateX(10%) scaleX(1.3);
    }
}

@-webkit-keyframes header-gradient {
    0%,
    100% {
        -webkit-transform: translateX(0) scaleX(1);
        transform: translateX(0) scaleX(1);
    }
    35% {
        -webkit-transform: translateX(-10%) scaleX(1.3);
        transform: translateX(-10%) scaleX(1.3);
    }
    65% {
        -webkit-transform: translateX(10%) scaleX(1.3);
        transform: translateX(10%) scaleX(1.3);
    }
}

@keyframes header-gradient {
    0%,
    100% {
        -moz-transform: translateX(0) scaleX(1);
        -ms-transform: translateX(0) scaleX(1);
        -webkit-transform: translateX(0) scaleX(1);
        transform: translateX(0) scaleX(1);
    }
    35% {
        -moz-transform: translateX(-10%) scaleX(1.3);
        -ms-transform: translateX(-10%) scaleX(1.3);
        -webkit-transform: translateX(-10%) scaleX(1.3);
        transform: translateX(-10%) scaleX(1.3);
    }
    65% {
        -moz-transform: translateX(10%) scaleX(1.3);
        -ms-transform: translateX(10%) scaleX(1.3);
        -webkit-transform: translateX(10%) scaleX(1.3);
        transform: translateX(10%) scaleX(1.3);
    }
}

@-moz-keyframes heart-pulse {
    0%,
    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
    15% {
        -moz-transform: scale(1.15);
        transform: scale(1.15);
        background: #ff4646;
    }
}

@-webkit-keyframes heart-pulse {
    0%,
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    15% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
        background: #ff4646;
    }
}

@keyframes heart-pulse {
    0%,
    100% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    15% {
        -moz-transform: scale(1.15);
        -ms-transform: scale(1.15);
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
        background: #ff4646;
    }
}

@-moz-keyframes pulse {
    0%,
    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -moz-transform: scale(1.03);
        transform: scale(1.03);
    }
}

@-webkit-keyframes pulse {
    0%,
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.03);
        transform: scale(1.03);
    }
}

@keyframes pulse {
    0%,
    100% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -moz-transform: scale(1.03);
        -ms-transform: scale(1.03);
        -webkit-transform: scale(1.03);
        transform: scale(1.03);
    }
}

.pulse {
    -moz-animation: pulse 300ms;
    -webkit-animation: pulse 300ms;
    animation: pulse 300ms
}

.clear,
footer .categories,
.clearfix,
.arrow-list,
.page-tabs,
.ui-popup .popup-title,
.popup-search .popup-title,
.app-compact,
body,
#subnav ul,
#footer-social,
.popup-cart li,
.popup-search li,
.popup-wishlist li,
#tuts-downs ul li {
    *zoom: 1
}

.clear:before,
footer .categories:before,
.clear:after,
footer .categories:after,
.clearfix:before,
.arrow-list:before,
.page-tabs:before,
.ui-popup .popup-title:before,
.popup-search .popup-title:before,
.app-compact:before,
body:before,
#subnav ul:before,
#footer-social:before,
.popup-cart li:before,
.popup-search li:before,
.popup-wishlist li:before,
#tuts-downs ul li:before,
.clearfix:after,
.arrow-list:after,
.page-tabs:after,
.ui-popup .popup-title:after,
.popup-search .popup-title:after,
.app-compact:after,
body:after,
#subnav ul:after,
#footer-social:after,
.popup-cart li:after,
.popup-search li:after,
.popup-wishlist li:after,
#tuts-downs ul li:after {
    content: " ";
    display: table
}

.clear:after,
footer .categories:after,
.clearfix:after,
.arrow-list:after,
.page-tabs:after,
.ui-popup .popup-title:after,
.popup-search .popup-title:after,
.app-compact:after,
body:after,
#subnav ul:after,
#footer-social:after,
.popup-cart li:after,
.popup-search li:after,
.popup-wishlist li:after,
#tuts-downs ul li:after {
    clear: both
}

.border-box {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.animate,
.plupload-files .delete,
.app-compact .title,
.app-compact .wishlist,
.app-compact .wishlist i,
#gradient,
#nav a,
#newsletter .submit,
#page #featured #slide-left,
#page #featured #slide-right,
body.homepage #page #promo .circles .circle,
body.homepage #page #promo .circles .title,
.animate-long,
.tabs-content>div,
.plupload-files .progress,
.animate-longer {
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: .12s;
    -o-transition-duration: .12s;
    -webkit-transition-duration: .12s;
    transition-duration: .12s
}

.isLoading,
.app-popup .hero-image img {

}

.icon,
ul.hollow li:before,
.flag,
.loader,
.app-category a:before,
.stars i,
.app-compact .wishlist i,
.app-compact .rating i,
.app-compact .rating i.empty,
#hamburger i,
#userbar>ul>li>a i,
.side-categories li.featured a:before {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    vertical-align: middle
}

.picture {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.large-block-grid-2 li,
.large-block-grid-3 li,
.large-block-grid-4 li {
    padding-bottom: 0;
    margin-bottom: 20px
}

.show-for-small-up {
    display: none
}

@media only screen and (max-width:419px) {
    .hide-for-small {
        display: inherit!important
    }
    .hide-for-mobile {
        display: none!important
    }
}

@media only screen and (min-width:420px) {
    .hide-for-mobile {
        display: inherit!important
    }
    .hide-for-small {
        display: none!important
    }
    .show-for-small-up {
        display: inherit!important
    }
}

.flex-video.vimeo {
    padding-bottom: 56.3%
}

small {
    font-size: 80%
}

.row {
    padding: 0 10px
}

.row .row {
    padding: 0
}

@media only screen and (min-width:1080px) {
    .row {
        padding: 0
    }
}

.mobile-grid-1 {
    display: block;
    padding: 0;
    margin: 0 -10px;
    *zoom: 1
}

.mobile-grid-1:before,
.mobile-grid-1:after {
    content: " ";
    display: table
}

.mobile-grid-1:after {
    clear: both
}

.mobile-grid-1>li {
    display: inline;
    height: auto;
    float: left;
    padding: 0 10px 20px
}

.mobile-grid-1>li {
    width: 100%;
    padding: 0 10px 20px
}

.mobile-grid-1 > li:nth-of-type(n) {
    clear: none
}

.mobile-grid-1 > li:nth-of-type(1n+1) {
    clear: both
}

.mobile-grid-2 {
    display: block;
    padding: 0;
    margin: 0 -10px;
    *zoom: 1
}

.mobile-grid-2:before,
.mobile-grid-2:after {
    content: " ";
    display: table
}

.mobile-grid-2:after {
    clear: both
}

.mobile-grid-2>li {
    display: inline;
    height: auto;
    float: left;
    padding: 0 10px 20px
}

.mobile-grid-2>li {
    width: 50%;
    padding: 0 10px 20px
}

.mobile-grid-2 > li:nth-of-type(n) {
    clear: none
}

.mobile-grid-2 > li:nth-of-type(2n+1) {
    clear: both
}

@media only screen and (min-width:420px) {
    .small-grid-1 {
        display: block;
        padding: 0;
        margin: 0 -10px;
        *zoom: 1
    }
    .small-grid-1:before,
    .small-grid-1:after {
        content: " ";
        display: table
    }
    .small-grid-1:after {
        clear: both
    }
    .small-grid-1>li {
        display: inline;
        height: auto;
        float: left;
        padding: 0 10px 20px
    }
    .small-grid-1>li {
        width: 100%;
        padding: 0 10px 20px
    }
    .small-grid-1 > li:nth-of-type(n) {
        clear: none
    }
    .small-grid-1 > li:nth-of-type(1n+1) {
        clear: both
    }
    .small-grid-2 {
        display: block;
        padding: 0;
        margin: 0 -10px;
        *zoom: 1
    }
    .small-grid-2:before,
    .small-grid-2:after {
        content: " ";
        display: table
    }
    .small-grid-2:after {
        clear: both
    }
    .small-grid-2>li {
        display: inline;
        height: auto;
        float: left;
        padding: 0 10px 20px
    }
    .small-grid-2>li {
        width: 50%;
        padding: 0 10px 20px
    }
    .small-grid-2 > li:nth-of-type(n) {
        clear: none
    }
    .small-grid-2 > li:nth-of-type(2n+1) {
        clear: both
    }
    .small-grid-3 {
        display: block;
        padding: 0;
        margin: 0 -10px;
        *zoom: 1
    }
    .small-grid-3:before,
    .small-grid-3:after {
        content: " ";
        display: table
    }
    .small-grid-3:after {
        clear: both
    }
    .small-grid-3>li {
        display: inline;
        height: auto;
        float: left;
        padding: 0 10px 20px
    }
    .small-grid-3>li {
        width: 33.33333%;
        padding: 0 10px 20px
    }
    .small-grid-3 > li:nth-of-type(n) {
        clear: none
    }
    .small-grid-3 > li:nth-of-type(3n+1) {
        clear: both
    }
    .small-grid-2.compact li,
    .small-grid-3.compact li {
        padding: 0 1px
    }
    .small-grid-2.compact li:first-child,
    .small-grid-3.compact li:first-child {
        padding-left: 10px
    }
    .small-grid-2.compact li:last-child,
    .small-grid-3.compact li:last-child {
        padding-right: 10px
    }
}

@media only screen and (min-width:768px) {
    .medium-grid-2 {
        display: block;
        padding: 0;
        margin: 0 -10px;
        *zoom: 1
    }
    .medium-grid-2:before,
    .medium-grid-2:after {
        content: " ";
        display: table
    }
    .medium-grid-2:after {
        clear: both
    }
    .medium-grid-2>li {
        display: inline;
        height: auto;
        float: left;
        padding: 0 10px 20px
    }
    .medium-grid-2>li {
        width: 50%;
        padding: 0 10px 20px
    }
    .medium-grid-2 > li:nth-of-type(n) {
        clear: none
    }
    .medium-grid-2 > li:nth-of-type(2n+1) {
        clear: both
    }
    .medium-grid-3 {
        display: block;
        padding: 0;
        margin: 0 -10px;
        *zoom: 1
    }
    .medium-grid-3:before,
    .medium-grid-3:after {
        content: " ";
        display: table
    }
    .medium-grid-3:after {
        clear: both
    }
    .medium-grid-3>li {
        display: inline;
        height: auto;
        float: left;
        padding: 0 10px 20px
    }
    .medium-grid-3>li {
        width: 33.33333%;
        padding: 0 10px 20px
    }
    .medium-grid-3 > li:nth-of-type(n) {
        clear: none
    }
    .medium-grid-3 > li:nth-of-type(3n+1) {
        clear: both
    }
    .medium-grid-4 {
        display: block;
        padding: 0;
        margin: 0 -10px;
        *zoom: 1
    }
    .medium-grid-4:before,
    .medium-grid-4:after {
        content: " ";
        display: table
    }
    .medium-grid-4:after {
        clear: both
    }
    .medium-grid-4>li {
        display: inline;
        height: auto;
        float: left;
        padding: 0 10px 20px
    }
    .medium-grid-4>li {
        width: 25%;
        padding: 0 10px 20px
    }
    .medium-grid-4 > li:nth-of-type(n) {
        clear: none
    }
    .medium-grid-4 > li:nth-of-type(4n+1) {
        clear: both
    }
    .medium-grid-2.compact li,
    .medium-grid-3.compact li,
    .medium-grid-4.compact li {
        padding: 0 1px
    }
    .medium-grid-2.compact li:first-child,
    .medium-grid-3.compact li:first-child,
    .medium-grid-4.compact li:first-child {
        padding-left: 10px
    }
    .medium-grid-2.compact li:last-child,
    .medium-grid-3.compact li:last-child,
    .medium-grid-4.compact li:last-child {
        padding-right: 10px
    }
}

@media only screen and (min-width:1080px) {
    .large-grid-2 {
        display: block;
        padding: 0;
        margin: 0 -10px;
        *zoom: 1
    }
    .large-grid-2:before,
    .large-grid-2:after {
        content: " ";
        display: table
    }
    .large-grid-2:after {
        clear: both
    }
    .large-grid-2>li {
        display: inline;
        height: auto;
        float: left;
        padding: 0 10px 20px
    }
    .large-grid-2>li {
        width: 50%;
        padding: 0 10px 20px
    }
    .large-grid-2 > li:nth-of-type(n) {
        clear: none
    }
    .large-grid-2 > li:nth-of-type(2n+1) {
        clear: both
    }
    .large-grid-3 {
        display: block;
        padding: 0;
        margin: 0 -10px;
        *zoom: 1
    }
    .large-grid-3:before,
    .large-grid-3:after {
        content: " ";
        display: table
    }
    .large-grid-3:after {
        clear: both
    }
    .large-grid-3>li {
        display: inline;
        height: auto;
        float: left;
        padding: 0 10px 20px
    }
    .large-grid-3>li {
        width: 33.33333%;
        padding: 0 10px 20px
    }
    .large-grid-3 > li:nth-of-type(n) {
        clear: none
    }
    .large-grid-3 > li:nth-of-type(3n+1) {
        clear: both
    }
    .large-grid-4 {
        display: block;
        padding: 0;
        margin: 0 -10px;
        *zoom: 1
    }
    .large-grid-4:before,
    .large-grid-4:after {
        content: " ";
        display: table
    }
    .large-grid-4:after {
        clear: both
    }
    .large-grid-4>li {
        display: inline;
        height: auto;
        float: left;
        padding: 0 10px 20px
    }
    .large-grid-4>li {
        width: 25%;
        padding: 0 10px 20px
    }
    .large-grid-4 > li:nth-of-type(n) {
        clear: none
    }
    .large-grid-4 > li:nth-of-type(4n+1) {
        clear: both
    }
    .large-grid-5 {
        display: block;
        padding: 0;
        margin: 0 -10px;
        *zoom: 1
    }
    .large-grid-5:before,
    .large-grid-5:after {
        content: " ";
        display: table
    }
    .large-grid-5:after {
        clear: both
    }
    .large-grid-5>li {
        display: inline;
        height: auto;
        float: left;
        padding: 0 10px 20px
    }
    .large-grid-5>li {
        width: 20%;
        padding: 0 10px 20px
    }
    .large-grid-5 > li:nth-of-type(n) {
        clear: none
    }
    .large-grid-5 > li:nth-of-type(5n+1) {
        clear: both
    }
    .large-grid-2.compact li,
    .large-grid-3.compact li,
    .large-grid-4.compact li,
    .large-grid-5.compact li {
        padding: 0 1px
    }
    .large-grid-2.compact li:first-child,
    .large-grid-3.compact li:first-child,
    .large-grid-4.compact li:first-child,
    .large-grid-5.compact li:first-child {
        padding-left: 10px
    }
    .large-grid-2.compact li:last-child,
    .large-grid-3.compact li:last-child,
    .large-grid-4.compact li:last-child,
    .large-grid-5.compact li:last-child {
        padding-right: 10px
    }
}

.preformat ul ul,
.preformat ol ul,
.preformat ul ol,
.preformat ol ol {
    margin-top: 12px;
    margin-bottom: 0
}

.preformat ul ul,
.preformat ol ul {
    margin-left: 1.18em;
    list-style-type: circle
}

.preformat ul ul ul,
.preformat ol ul ul {
    list-style-type: disc
}

.preformat ul ol,
.preformat ol ol {
    margin-left: 1.45em
}

.font-base {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.font-heading,
.securePayment,
#nav a,
#subnav a {
    font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif
}

.success-color {
    color: #5c942e!important
}

.unselectable,
form input[disabled],
form select[disabled],
form textarea[disabled],
.viewChoice_item_label,
.miniForm_node_label,
#userNav_open,
#userNav_close,
#lang-trigger,
.searchHero_wrapper .searchHero_clear,
#page #featured #slide-left,
#page #featured #slide-right {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin-bottom: 15px
}

h1.clean,
h2.clean,
h3.clean,
h4.clean,
h5.clean,
h6.clean {
    margin: 0
}

.alpha {
    font-size: 2em
}

.beta {
    font-size: 1.6em
}

.gamma {
    font-size: 1.46667em
}

.delta {
    font-size: 1.2em
}

.heading-style-content {
    margin-top: -4px;
    font-size: 24px;
    font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: 300;
    color: #863286
}

.heading-style-sidebar,
dl.side dt,
.sidebar .block .block-title {
    margin-top: -3px;
    font-size: 20px;
    font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: 300;
    color: #a2a2a2
}

@media only screen and (min-width:768px) {
    .heading-style-content {
        font-size: 28px
    }
    .heading-style-sidebar,
    dl.side dt,
    .sidebar .block .block-title {
        font-size: 22px
    }
}

.HPE02_hero_title {
    font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 1.8em;
    font-weight: 600;
    line-height: 1.25;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .4)
}

a {
    text-decoration: none
}

.link,
.links a,
.arrow-list li a,
.comma-list li a,
.bar-list li a,
dl.side dd a {
    display: inline;
    text-decoration: none
}

.link:hover,
.links a:hover,
.arrow-list li a:hover,
.comma-list li a:hover,
.bar-list li a:hover,
dl.side dd a:hover {
    color: #0083c5;
    border-bottom: 1px solid;
    text-decoration: none
}

.trueLink {
    color: #0293dd;
    text-decoration: underline
}

.text-base {
    font-size: 1em
}

.text-small {
    font-size: .93333em
}

.text-smaller {
    font-size: .86667em
}

.text-smallest {
    font-size: .73333em
}

.text-extrasmall {
    font-size: .6em
}

.text-large {
    font-size: 1.075em
}

.text-larger {
    font-size: 1.15em
}

.text-largest {
    font-size: 1.35em
}

.text-extralarge {
    font-size: 1.6em
}

ul,
ol,
dl {
    list-style: none;
    margin: 0;
    padding: 0
}

ul li,
ol li,
dl li {
    margin-left: 0
}

ul li ul,
ol li ul,
dl li ul {
    margin-left: 0
}

@media only screen and (max-width:767px) {
    ul.responsive li,
    ol.responsive li {
        display: block
    }
    ul.responsive li a,
    ol.responsive li a {
        display: block;
        margin-bottom: 2px;
        padding: .75em .9em;
        background: rgba(0, 0, 0, .15);
        border: 0!important
    }
    ul.responsive li a:hover,
    ol.responsive li a:hover {
        background: rgba(0, 0, 0, .35)
    }
}

.standard-list {
    padding-left: 1.75em;
    list-style: square
}

.standard-list li {
    margin-bottom: .25em
}

.standard-list li p {
    margin-bottom: .75em
}

.standard-list li:last-child {
    margin-bottom: 0
}

.standard-list li:last-child p {
    margin-bottom: 0
}

.inline-list li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin-right: 20px
}

.inline-list li:last-child {
    margin-right: 0
}

.arrow-list li {
    float: left
}

.arrow-list li:before {
    float: left;
    margin: -1px 4px 0;
    height: 20px;
    vertical-align: 20px;
    color: #aaa;
    content: ' › ';
    font-size: 1.06667em
}

.arrow-list li:first-child:before {
    display: none
}

.comma-list li {
    display: inline
}

.comma-list li:after {
    content: ', '
}

.comma-list li:last-child:after {
    display: none
}

.bar-list li {
    display: inline
}

.bar-list li:after {
    padding: 0 4px;
    color: #bebebe;
    content: ' | '
}

.bar-list li:last-child:after {
    display: none
}

dl.side dt {
    margin-bottom: 0
}

dl.side dd {
    margin-bottom: 20px
}

dl.side dd:last-child {
    margin-bottom: 0
}

.side-navigation {
    font-size: 15px
}

.side-navigation li {
    display: block
}

.side-navigation a {
    display: block;
    padding: 1px 0 1px 1em;
    color: gray
}

.side-navigation a:hover {
    text-decoration: underline
}

.side-navigation li.active a {
    font-weight: bold;
    color: #0083c5
}

.side-navigation li.active a:before {
    float: left;
    margin: 6px 0 0 -1em;
    width: 0;
    height: 0;
    border-left: 6px solid #0083c5;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    content: ''
}

.side-navigation li:first-child a {
    padding-top: 0
}

.side-navigation li:last-child a {
    padding-bottom: 0
}

ul.hollow li {
    position: relative;
    padding: .2em 0 .2em 1.15em
}

ul.hollow li:before {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: .45em;
    height: 10px;
    width: 10px;
    background: url("/css/main.css") 0 -900px no-repeat;
    content: ''
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    ul.hollow li:before {
        background: url("/css/main.css") 0 -744px;
        -moz-background-size: 32px auto;
        -o-background-size: 32px auto;
        -webkit-background-size: 32px auto;
        background-size: 32px auto
    }
}

.preformat {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 150%
}

.preformat h1,
.preformat h2,
.preformat h3,
.preformat h4,
.preformat h5,
.preformat p,
.preformat img,
.preformat ul,
.preformat ol,
.preformat iframe,
.preformat pre,
.preformat hr {
    margin: 0;
    margin-bottom: 19px
}

.preformat p {
    line-height: inherit
}

.preformat h1,
.preformat h2,
.preformat h3,
.preformat h4,
.preformat h5 {
    font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #393039
}

.preformat h1 {
    font-size: 1.8em
}

.preformat h2 {
    font-size: 1.53333em
}

.preformat h3 {
    font-size: 1.26667em
}

.preformat h4 {
    font-size: 1.13333em
}

.preformat h5 {
    font-size: 1.13333em
}

.preformat ul {
    margin-left: 1.05em;
    list-style-type: disc
}

.preformat ul li {
    margin-bottom: 12px;
    padding-left: .2em
}

.preformat ul li:last-child {
    margin-bottom: 0
}

.preformat ul li p:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:768px) {
    .preformat ul {
        margin-left: 2em
    }
}

.preformat ol {
    margin-left: 1.4em;
    list-style-type: decimal
}

.preformat ol li {
    margin-bottom: 12px
}

.preformat ol li:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:768px) {
    .preformat ol {
        margin-left: 2em
    }
}

.preformat ol ul {
    list-style-type: disc
}

.preformat ol ul ul {
    list-style-type: circle
}

.preformat blockquote {
    padding: .6em 1.333em
}

.preformat hr {
    margin: 30px 0;
    border: 0;
    height: 0;
    border-bottom: 1px dashed #d3d3d3
}

.preformat pre {
    padding: 1em;
    border: 1px solid #ddd;
    background: #f8f8f8;
    border-radius: 4px
}

.preformat pre code {
    font-family: Monaco, Menlo, "Ubuntu Mono", "Droid Sans Mono", Consolas, Courier, monospace;
    font-size: 12px;
    line-height: 1.5
}

.preformat>*:last-child {
    margin-bottom: 0
}

.preformat iframe {
    max-width: 100%
}

.preformat.-compact {
    font-size: .95em;
    line-height: 1.25
}

.unselectable,
form input[disabled],
form select[disabled],
form textarea[disabled],
.viewChoice_item_label,
.miniForm_node_label,
#userNav_open,
#userNav_close,
#lang-trigger,
.searchHero_wrapper .searchHero_clear,
#page #featured #slide-left,
#page #featured #slide-right {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.clean-text {
    padding: 0;
    margin: 0;
    line-height: 1;
    text-decoration: none;
    font-weight: inherit;
    background: none
}

.bold {
    font-weight: bold!important
}

.uppercase {
    text-transform: uppercase
}

.justify {
    text-align: justify
}

.align-left {
    text-align: left
}

.align-center {
    text-align: center
}

.align-right {
    text-align: right
}

.align-middle {
    vertical-align: middle
}

.nowrap {
    white-space: nowrap
}

.fit-text,
.app-category,
.app-compact .title a,
.app-popup .author .name,
.appGrid_title a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.preformat {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 150%
}

.preformat h1,
.preformat h2,
.preformat h3,
.preformat h4,
.preformat h5,
.preformat p,
.preformat img,
.preformat ul,
.preformat ol,
.preformat iframe,
.preformat pre,
.preformat hr {
    margin: 0;
    margin-bottom: 17px!important
}

.preformat h1,
.preformat h2 {
    margin-bottom: .55em!important
}

.preformat h3,
.preformat h4,
.preformat h5 {
    margin-bottom: .65em!important
}

.preformat p {
    line-height: inherit
}

.preformat b {
    font-weight: bold;
    color: #393039
}

.preformat h1,
.preformat h2,
.preformat h3,
.preformat h4,
.preformat h5 {
    font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #393039
}

.preformat h1 {
    font-size: 1.8em
}

.preformat h2 {
    font-size: 1.53333em
}

.preformat h3 {
    font-size: 1.26667em
}

.preformat h4 {
    font-size: 1.13333em
}

.preformat h5 {
    font-size: 1.13333em
}

.preformat ul {
    margin-left: 1.05em;
    list-style-type: disc
}

.preformat ul li {
    margin-bottom: 12px;
    padding-left: .2em
}

.preformat ul li:last-child {
    margin-bottom: 0
}

.preformat ul li p:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:768px) {
    .preformat ul {
        margin-left: 2em
    }
}

.preformat ol {
    margin-left: 1.4em;
    list-style-type: decimal
}

.preformat ol li {
    margin-bottom: 12px
}

.preformat ol li:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:768px) {
    .preformat ol {
        margin-left: 2em
    }
}

.preformat ol ul {
    list-style-type: disc
}

.preformat ol ul ul {
    list-style-type: circle
}

.preformat blockquote {
    padding: .6em 1.333em
}

.preformat hr {
    margin: 30px 0;
    border: 0;
    height: 0;
    border-bottom: 1px dashed #d3d3d3
}

.preformat pre {
    padding: 1em;
    border: 1px solid #ddd;
    background: #f8f8f8;
    border-radius: 4px
}

.preformat pre code {
    font-family: Monaco, Menlo, "Ubuntu Mono", "Droid Sans Mono", Consolas, Courier, monospace;
    font-size: 12px;
    line-height: 1.5
}

.preformat>*:last-child {
    margin-bottom: 0!important
}

.preformat iframe {
    max-width: 100%
}

.preformat.-compact {
    font-size: .95em;
    line-height: 1.25
}

.preformat.-terms {
    margin-top: 2em
}

.preformat.-terms h2,
.preformat.-terms h3,
.preformat.-terms h4,
.preformat.-terms h5 {
    margin-top: 1.25em;
    margin-bottom: .55em!important;
    font-family: "Helvetica Neue", Helvetica, Arial;
    font-weight: bold;
    color: #000
}

.preformat.-terms h3 {
    font-size: 17px
}

.preformat.-terms h4 {
    font-size: 16px
}

.preformat.-terms h3+ul,
.preformat.-terms h4+ul,
.preformat.-terms h3+ol,
.preformat.-terms h4+ol {
    margin-top: 1em!important
}

.preformat.-terms ol.lower-alpha {
    margin: 0 0 0 26px;
    list-style: none;
    counter-reset: lowAlpha
}

.preformat.-terms ol.lower-alpha>li {
    margin-bottom: 2em
}

.preformat.-terms ol.lower-alpha>li:before {
    float: left;
    margin-right: 10px;
    margin-left: -26px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.35;
    color: #000;
    counter-increment: lowAlpha;
    content: counter(lowAlpha, lower-alpha) ")"
}

.preformat.-terms>ol {
    margin: 0 0 0 32px;
    list-style: none;
    counter-reset: section
}

.preformat.-terms>ol>li {
    margin-bottom: 2em
}

.preformat.-terms>ol>li:before {
    float: left;
    margin-right: 10px;
    margin-left: -32px;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #5b5b5b;
    counter-increment: section;
    content: counter(section)
}

.preformat.-terms>ol>li>ol {
    margin: 2em 0 0 50px;
    list-style: none;
    counter-reset: subSection
}

.preformat.-terms>ol>li>ol>li:before {
    float: left;
    margin-right: 10px;
    margin-left: -50px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    color: #5b5b5b;
    counter-increment: subSection;
    content: counter(section) "." counter(subSection)
}

.preformat.-terms>ol>li>ol>li>*:last-child {
    margin-bottom: 0!important
}

.preformat.-terms>ol>li>*:last-child {
    margin-bottom: 0!important
}

.preformat.-terms ul {
    list-style: disc
}

.preformat.-terms ul li {
    margin-bottom: 8px
}

.preformat.-terms ul li ul {
    list-style: circle
}

.preformat.-terms p {
    margin-bottom: 10px!important
}

.preformat.-terms .gap,
.preformat.-terms .gap-bottom,
.preformat.-terms p.gap,
.preformat.-terms p.gap-bottom {
    margin-bottom: 30px!important
}

.clean-text {
    padding: 0;
    margin: 0;
    line-height: 1;
    text-decoration: none;
    font-weight: inherit;
    background: none
}

.bold {
    font-weight: bold!important
}

.uppercase {
    text-transform: uppercase
}

.justify {
    text-align: justify
}

.align-left {
    text-align: left
}

.align-center {
    text-align: center
}

.align-right {
    text-align: right
}

.align-middle {
    vertical-align: middle
}

.nowrap {
    white-space: nowrap
}

.fit-text,
.app-category,
.app-compact .title a,
.app-popup .author .name,
.appGrid_title a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.button,
.button-group>li>a,
.button-group>li>button {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: .25em;
    padding: .60em .25em!important;
    line-height: 1.2em;
    color: #3d3d3d;
    font-weight: normal;
    font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    text-transform: uppercase;
    text-align: center;
    background: #ebebeb;
    background: #ebebeb linear-gradient(to bottom, #f0f0f0, #e8e8e8);
    border: 0;
    border-radius: 3px;
    -moz-transition-property: box-shadow;
    -o-transition-property: box-shadow;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    -moz-transition-duration: .15s;
    -o-transition-duration: .15s;
    -webkit-transition-duration: .15s;
    transition-duration: .15s
}

.button span,
.button-group>li>a span,
.button-group>li>button span {
    position: relative;
    z-index: 2
}

.button.-withAside,
.button-group>li>a.-withAside,
.button-group>li>button.-withAside {
    padding: 0!important
}

.button.-withAside .button_body,
.button-group>li>a.-withAside .button_body,
.button-group>li>button.-withAside .button_body {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    padding: .535em .85em .55em;
    padding-left: .52em
}

.button.-withAside .button_aside,
.button-group>li>a.-withAside .button_aside,
.button-group>li>button.-withAside .button_aside {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    padding: .535em .75em .55em;
    padding-right: .7em;
    background: rgba(0, 0, 0, .16)
}

.button.compact,
.button-group>li>a.compact,
.button-group>li>button.compact {
    padding: .70em .8em!important;
    font-size: 15px;
    font-weight: bold!important
}

.button.small,
.button-group>li>a.small,
.button-group>li>button.small {
    padding: .3em .55em .4em .5em!important;
    font-size: 15px
}

.button.tall,
.button-group>li>a.tall,
.button-group>li>button.tall {
    padding-top: .8em!important;
    padding-bottom: .8em!important
}

.button.taller,
.button-group>li>a.taller,
.button-group>li>button.taller {
    padding-top: 1em!important;
    padding-bottom: 1em!important
}

.button.tallest,
.button-group>li>a.tallest,
.button-group>li>button.tallest {
    padding-top: 1.15em!important;
    padding-bottom: 1.15em!important
}

.button.extratall,
.button-group>li>a.extratall,
.button-group>li>button.extratall {
    padding-top: 1.35em!important;
    padding-bottom: 1.35em!important
}

.button.text-large,
.button-group>li>a.text-large,
.button-group>li>button.text-large {
    font-size: 1.29em!important
}

.button.text-larger,
.button-group>li>a.text-larger,
.button-group>li>button.text-larger {
    font-size: 1.38em!important
}

.button.text-largest,
.button-group>li>a.text-largest,
.button-group>li>button.text-largest {
    font-size: 1.62em!important
}

.button.text-extralarge,
.button-group>li>a.text-extralarge,
.button-group>li>button.text-extralarge {
    font-size: 1.92em!important
}

.button:hover,
.button-group>li>a:hover,
.button-group>li>button:hover,
.button.hover,
.button-group>li>a.hover,
.button-group>li>button.hover {
    color: #000;
    text-decoration: none!important;
    background: #e0e0e0;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e5e5e5), color-stop(100%, #e0e0e0));
    background: -moz-linear-gradient(top, #e5e5e5, #e0e0e0);
    background: -webkit-linear-gradient(top, #e5e5e5, #e0e0e0);
    background: linear-gradient(to bottom, #e5e5e5, #e0e0e0)
}

.button.active,
.button-group>li>a.active,
.button-group>li>button.active,
.pagination.button-group li.active a {
    color: #fff;
    background: #0083c5
}

.button.expandable:after,
.button-group>li>a.expandable:after,
.button-group>li>button.expandable:after {
    position: absolute;
    top: 17px;
    right: 12px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-top: 6px solid gray;
    content: ''
}

.button.history,
.button-group>li>a.history,
.button-group>li>button.history {
    margin-left: 15px;
    background: #0083c5!important
}

.button.history:hover,
.button-group>li>a.history:hover,
.button-group>li>button.history:hover {
    color: #000!important;
    background-color: #0097e4!important
}

.button.no-notifications,
.button-group>li>a.no-notifications,
.button-group>li>button.no-notifications {
    background: #0083c5!important
}

.button.no-notifications:hover,
.button-group>li>a.no-notifications:hover,
.button-group>li>button.no-notifications:hover {
    color: #000!important;
    background-color: #0097e4!important
}

.button.redirect,
.button-group>li>a.redirect,
.button-group>li>button.redirect {
    background: #0083c5!important;
    width: 55%
}

@media only screen and (min-width:420px) {
    .button,
    .button-group>li>a,
    .button-group>li>button {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        width: auto;
        margin-bottom: 0;
        padding-left: 1em!important;
        padding-right: 1em!important
    }
    .button.wide,
    .button-group>li>a.wide,
    .button-group>li>button.wide {
        padding-left: 1.5em!important;
        padding-right: 1.5em!important
    }
    .button.wider,
    .button-group>li>a.wider,
    .button-group>li>button.wider {
        padding-left: 2.25em!important;
        padding-right: 2.25em!important
    }
    .button.widest,
    .button-group>li>a.widest,
    .button-group>li>button.widest {
        padding-left: 4.5em!important;
        padding-right: 4.5em!important
    }
    .button.extrawide,
    .button-group>li>a.extrawide,
    .button-group>li>button.extrawide {
        padding-left: 6em!important;
        padding-right: 6em!important
    }
    .button.full-width,
    .button-group>li>a.full-width,
    .button-group>li>button.full-width {
        width: 100%;
        text-align: center
    }
}

.button.disabled,
.button-group>li>a.disabled,
.button-group>li>button.disabled {
    cursor: not-allowed;
    color: #fff!important;
    background: #d3d3d3!important
}

.button.inset:hover,
.button-group>li>a.inset:hover,
.button-group>li>button.inset:hover,
.button.inset.hover,
.button-group>li>a.inset.hover,
.button-group>li>button.inset.hover {
    background: #e5e5e5;
    box-shadow: inset 0 0 9px rgba(0, 0, 0, .25)
}

.button.cta,
.button-group>li>a.cta,
.button-group>li>button.cta {
    color: #fff;
    font-weight: normal;
    background: #6315b8;
	border-radius: 50px;
}

.button.cta:hover,
.button-group>li>a.cta:hover,
.button-group>li>button.cta:hover,
.button.cta.hover,
.button-group>li>a.cta.hover,
.button-group>li>button.cta.hover {
    color: #fff;
    background: #6315b8;
}

.button.cta2,
.button-group>li>a.cta2,
.button-group>li>button.cta2 {
    color: #fff;
    font-weight: 500;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    background: #4a0e89;
    background: #4a0e89 linear-gradient(0deg,#5817a1,#8618ff);
    /*background: #4a0e89 linear-gradient(0deg,#5916a1,#7d1ee5);*/
    /*background: #6315b8 linear-gradient(0deg,#680b6e,#a619ae);*/
    box-shadow: inset 0 -1px 0 #851af8;
}

.button.cta2.-withAside .button_aside,
.button-group>li>a.cta2.-withAside .button_aside,
.button-group>li>button.cta2.-withAside .button_aside {
    background-image: linear-gradient(to bottom, #59a02b, #4c9122)
}

.button.cta2:active,
.button-group>li>a.cta2:active,
.button-group>li>button.cta2:active,
.button.cta2[disabled],
.button-group>li>a.cta2[disabled],
.button-group>li>button.cta2[disabled] {
    background: #6da63e;
    box-shadow: inset 0 2px 0 rgba(0, 0, 0, .4)
}

.button.light,
.button-group>li>a.light,
.button-group>li>button.light {
    color: #565656;
    background: #fff;
    box-shadow: inset 0 0 0 1px #e5e5e5;
    border: 1px solid #e5e5e5;
    border-radius: 4px
}

.button.border-only,
.button-group>li>a.border-only,
.button-group>li>button.border-only {
    border: 2px solid #fff;
    border: 2px solid rgba(255, 255, 255, .75);
    background: none;
    color: #fff
}

.button.red,
.button-group>li>a.red,
.button-group>li>button.red {
    color: #fff;
    background: #ee4848;
    background: #ee4848 linear-gradient(to bottom, #ed4d4d, #e64646)
}

.button.red:hover,
.button-group>li>a.red:hover,
.button-group>li>button.red:hover,
.button.red.hover,
.button-group>li>a.red.hover,
.button-group>li>button.red.hover {
    color: #fff
}

.button.purple,
.button-group>li>a.purple,
.button-group>li>button.purple {
    color: #fff;
    background: #863286
}

.button.purple:hover,
.button-group>li>a.purple:hover,
.button-group>li>button.purple:hover {
    background: #9e459e
}

.button.blue,
.button-group>li>a.blue,
.button-group>li>button.blue {
    color: #fff;
    background: #0293dd
}

.button.blue:hover,
.button-group>li>a.blue:hover,
.button-group>li>button.blue:hover {
    background: #15affd
}

.button.wishlist,
.button-group>li>a.wishlist,
.button-group>li>button.wishlist {
    color: #ff4848;
    background: #f9ebeb
}

.button.wishlist:hover,
.button-group>li>a.wishlist:hover,
.button-group>li>button.wishlist:hover,
.button.wishlist.hover,
.button-group>li>a.wishlist.hover,
.button-group>li>button.wishlist.hover {
    color: #ce3131;
    background: #f9d9d9
}

.button.facebook,
.button-group>li>a.facebook,
.button-group>li>button.facebook {
    padding: .60em .5em!important;
    padding-left: 40px!important;
    font-size: 18px;
    color: #fff;
    background: #3a5795;
    background: #3a5795 linear-gradient(to bottom, #3f5e9c, #34508d)
}

.button.facebook .svg,
.button-group>li>a.facebook .svg,
.button-group>li>button.facebook .svg {
    position: absolute;
    top: 7px;
    left: 7px;
    height: 29px
}

.button.github,
.button-group>li>a.github,
.button-group>li>button.github {
    color: #fff;
    background: #5b5b5b;
    background: #5b5b5b linear-gradient(to bottom, #606060, #565656)
}

.button-group {
    font-size: 0
}

.button-group>li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-size: 15px
}

.button-group>li>a,
.button-group>li>button {
    margin-left: 1px;
    border-radius: 0
}

.button-group>li:first-child>.button,
.button-group>li:first-child>a,
.button-group>li:first-child>button {
    border-radius: 3px 0 0 3px;
    margin-left: 0
}

.button-group>li:last-child>.button,
.button-group>li:last-child>a,
.button-group>li:last-child>button {
    border-radius: 0px 3px 3px 0
}

.media {
    *zoom: 1
}

.media:before,
.media:after {
    content: " ";
    display: table
}

.media:after {
    clear: both
}

.media_left {
    float: left;
    margin-right: 1.2em
}

.media_right {
    float: right;
    margin-left: 1.2em
}

.media_body {
    display: block;
    padding-bottom: 2px;
    overflow: hidden;
    zoom: 1
}

.media.-mediumUp .media_left,
.media.-mediumUp .media_right {
    float: none;
    margin: 0 0 1.2em
}

@media only screen and (min-width:600px) {
    .media.-mediumUp .media_left {
        float: left;
        margin: 0 1.2em 0 0
    }
    .media.-mediumUp .media_right {
        float: right;
        margin: 0 0 0 1.2em
    }
}

.hardTabsWrapper {
    background: #ebebeb
}

.hardTabs {
    display: table;
    width: 100%
}

.hardTabs_item {
    display: table-cell
}

.hardTabs_item_link {
    display: block;
    margin-top: 7px;
    padding: 10px 15px;
    font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #242424;
    text-align: center;
    background: #efefef;
    border: 1px solid #d4d4d4;
    border-bottom-width: 0;
    border-right-width: 0
}

.hardTabs_item:first-child .hardTabs_item_link {
    border-left-width: 0
}

.hardTabs_item.-active .hardTabs_item_link {
    color: #0293dd;
    background: #fcfcfc
}

@media only screen and (min-width:600px) {
    .hardTabs {
        *zoom: 1;
        display: block
    }
    .hardTabs:before,
    .hardTabs:after {
        content: " ";
        display: table
    }
    .hardTabs:after {
        clear: both
    }
    .hardTabs_item {
        float: left
    }
    .hardTabs_item_link {
        padding: 11px 22px;
        font-size: 17px
    }
    .hardTabs_item:first-child .hardTabs_item_link {
        border-left-width: 1px
    }
    .hardTabs_item:last-child .hardTabs_item_link {
        border-right-width: 1px
    }
}

.securePayment {
    color: #717171
}

.securePayment_poweredBy {
    float: left;
    margin: 6px 0 0 -70px;
    font-size: 13px;
    font-style: italic
}

.securePayment_brand {
    margin-bottom: 1px
}

.img-paypal-26,
.securePayment_brand.-paypal {
    width: 103px;
    height: 26px;
}

.img-stripe-28,
.securePayment_brand.-stripe {
    width: 69px;
    height: 29px;
}

.img-lock-black-16,
.securePayment_icon {
    width: 12px;
    height: 16px;
}

.securePayment_icon {
    margin-right: 2px;
    vertical-align: -2px!important;
    opacity: .35
}

.media {
    *zoom: 1
}

.media:before,
.media:after {
    content: " ";
    display: table
}

.media:after {
    clear: both
}

.media_left {
    float: left;
    margin-right: 1em
}

.media_body {
    display: block;
    overflow: hidden;
    zoom: 1
}

.media_right {
    float: right;
    margin-left: 1em
}

.media {
    *zoom: 1
}

.media:before,
.media:after {
    content: " ";
    display: table
}

.media:after {
    clear: both
}

.media_left {
    float: left;
    margin-right: 1em
}

.media_body {
    display: block;
    overflow: hidden;
    zoom: 1
}

.media_right {
    float: right;
    margin-left: 1em
}

.translWarning {
    margin-bottom: 1em;
    padding: .7em 1em;
    font-size: 14px;
    color: #656458;
    background: #f3f2e3
}

.translWarning .translWarning_icon {
    margin: -1px .8em -1px -2px
}

.translWarning p:last-child {
    margin-bottom: 0
}

.translWarning.-disabled {
    background: #f0f0f0
}

.modal {
    margin: 2% auto;
    width: 90%;
    max-height: 90%;
    overflow-y: auto;
    background: #fff
}

.modal.transparent {
    background: none
}

.modal.transparent .mfp-close {
    color: #fff
}

.modal.extra-wide {
    width: 80%
}

.modal.persistant .mfp-close {
    display: none!important
}

@media only screen and (min-width:768px) {
    .modal {
        width: 80%
    }
}

@media only screen and (min-width:1080px) {
    .modal {
        width: 40%
    }
}

.modal .row {
    max-width: 2000px
}

.modal h1,
.modal .preformat h1 {
    margin-bottom: 30px;
    padding-bottom: .8em;
    font-size: 26px;
    font-weight: 300;
    color: #863286;
    border-bottom: 1px solid #e4e4e4
}

.modal .top {
    margin-bottom: 30px;
    padding-bottom: 26px;
    border-bottom: 1px solid #e4e4e4;
    *zoom: 1
}

.modal .top:before,
.modal .top:after {
    content: " ";
    display: table
}

.modal .top:after {
    clear: both
}

.modal .top h1 {
    margin: 0;
    padding: 0;
    border: 0
}

.modal .top p {
    margin: 0
}

.zoom-anim .modal {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform: scale(.9, .9);
    -ms-transform: scale(.9, .9);
    -webkit-transform: scale(.9, .9);
    transform: scale(.9, .9);
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.zoom-anim.mfp-ready .modal {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.zoom-anim.mfp-removing .modal {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform: scale(.9, .9);
    -ms-transform: scale(.9, .9);
    -webkit-transform: scale(.9, .9);
    transform: scale(.9, .9);
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    -webkit-transition-delay: 0;
    transition-delay: 0
}

.parallax {
    padding: 0!important;
    position: relative;
    width: 100%;
    overflow: hidden
}

.parallax .background {
    position: absolute;
    z-index: 1;
    top: -2%!important;
    left: -2%!important;
    width: 104%!important;
    height: 104%!important;
    background: #863286 center center;
    -moz-background-size: "cover";
    -o-background-size: "cover";
    -webkit-background-size: "cover";
    background-size: "cover"
}

.parallax>.row {
    position: relative;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

#page #promo {
    margin: 0;
    color: #fff;
    text-align: center;
    border: 0
}

#page #promo .columns {
    padding-top: 4em;
    padding-bottom: 4.66667em
}

#page #promo h1,
#page #promo h2,
#page #promo h3,
#page #promo h4,
#page #promo .circle strong,
#page #promo .title {
    font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: 300;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .4)
}

#page #promo h1 {
    margin-bottom: 32px;
    font-size: 1.86667em
}

@media only screen and (min-width:420px) {
    #page #promo h1 {
        font-size: 2.26667em
    }
}

@media only screen and (min-width:768px) {
    #page #promo h1 {
        font-size: 2.53333em
    }
}

.parallax.css-animate .layer {
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: .1s;
    -o-transition-duration: .1s;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

.pagination.button-group {
    text-align: center
}

.pagination.button-group a {
    padding: 0 12px!important;
    height: 34px;
    line-height: 33px;
    font-size: 16px;
    color: #5f5f5f
}

.pagination.button-group li.ellipsis a {
    cursor: default;
    color: gray;
    background: none
}

.pagination.button-group li.prev a,
.pagination.button-group li.next a {
    font-size: 26px;
    line-height: 31px
}

.pagination.button-group li.next a {
    padding: 0 24px
}

.page-tabs {
    display: block;
    font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    border-bottom: 2px solid #e5e5e5
}

.page-tabs li {
    float: left
}

.page-tabs .pageTabs_link {
    cursor: pointer;
    display: block;
    padding: 0 .5em;
    margin-bottom: -2px;
    color: #444
}

.page-tabs span {
    display: block;
    padding-bottom: .2em;
    border-bottom: 2px solid transparent
}

.page-tabs .pageTabs_link:hover {
    color: #1c1c1c
}

.page-tabs .pageTabs_link:hover span {
    border-color: #1c1c1c
}

.page-tabs li:first-child .pageTabs_link {
    padding-left: 0
}

.page-tabs li.active .pageTabs_link {
    color: #0083c5
}

.page-tabs li.active .pageTabs_link span {
    border-bottom-color: #0083c5
}

.tabs-content>div {
    height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden
}

.tabs-content>div.active {
    display: block;
    height: auto;
    opacity: 1;
    visibility: visible;
    overflow: visible
}

.ui-popup,
.popup-search {
    position: absolute;
    top: 100%;
    z-index: 25;
    margin-top: 10px;
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    display: none;
    background: #fff;
    border-top: 3px solid #863286;
    -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, .35);
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .35);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .35);
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: .05s;
    -o-transition-duration: .05s;
    -webkit-transition-duration: .05s;
    transition-duration: .05s
}

.ui-popup:before,
.popup-search:before {
    position: absolute;
    top: -14px;
    left: 0;
    right: 0;
    height: 12px;
    content: ''
}

.ui-popup .arrow,
.popup-search .arrow {
    position: absolute;
    top: -15px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #863286;
    border-top: 6px solid transparent;
    content: ''
}

.ui-popup .popup-title,
.popup-search .popup-title {
    display: block;
    padding: 10px .75em;
    font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 1.26667em;
    font-weight: 300;
    color: #863286;
    background: #f3ecf3;
    border-bottom: 1px solid #e2cfe1
}

.ui-popup .popup-title .left,
.popup-search .popup-title .left {
    font-weight: 400
}

.ui-popup .popup-title .right,
.popup-search .popup-title .right {
    margin-left: 1.5em
}

.ui-popup .popup-title b,
.popup-search .popup-title b {
    font-weight: 400
}

.ui-popup .popup-content,
.popup-search .popup-content {
    margin: 1.2em
}

.ui-popup.active,
.active.popup-search {
    display: block;
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

@media only screen and (min-width:1080px) {
    .ui-popup,
    .popup-search {
        display: block;
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        visibility: hidden
    }
    .ui-popup.active,
    .active.popup-search {
        filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        visibility: visible
    }
}

ul.popup-menu li {
    display: block
}

ul.popup-menu a {
    display: block;
    padding: .3em 1.3em .3em .92em;
    font-size: 1em;
    color: #4e4e4e
}

ul.popup-menu .counter {
    float: right;
    min-width: 1.75em;
    margin: 1px -5px 0 10px;
    padding: 4px;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    background: #ed4c4d;
    border-radius: 4px
}

ul.popup-menu a:hover {
    color: #0083c5;
    background: #f4f9f9
}

ul.popup-menu li.subtle a {
    color: #b2aeae
}

ul.popup-menu li:first-child a {
    padding-top: .55em
}

ul.popup-menu li:last-child a {
    padding-bottom: .55em
}

.featured-logos li,
.featured-logos i {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.featured-logos li {
    margin: 1em 1em
}

.featured-logos a {
    display: block
}

@media only screen and (min-width:420px) {
    .featured-logos li {
        margin: 1em 2em
    }
}

input:-moz-placeholder {
    color: #a1a1a1
}

input::-moz-placeholder {
    color: #a1a1a1
}

input::-ms-input-placeholder {
    color: #a1a1a1
}

input::-webkit-input-placeholder {
    color: #a1a1a1
}

form label {
    margin-bottom: .4em;
    font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    color: #747474
}

form label.checkbox {
    margin-top: 1px;
    color: #3f3f3f
}

form label.checkbox input[type="checkbox"] {
    margin: 2px 3px 0 0;
    vertical-align: 1px
}

form input,
form select,
form textarea {
    margin: 0
}

form input[disabled],
form select[disabled],
form textarea[disabled] {
    color: #4e4e4e!important;
    background: #f2f2f2!important
}

form input.-error,
form select.-error,
form textarea.-error {
    border-color: #ed4848
}

form textarea {
    padding: .75em;
    resize: vertical
}

form .help {
    margin: 10px 0 0 3px
}

form .form-button {
    height: 38px!important;
    padding-top: 9px!important
}

select {
    cursor: pointer;
    width: 100%!important;
    height: 34px;
    font-size: 13px;
    color: gray;
    border: 1px solid #cfcfcf
}

select option[selected] {
    text-transform: none
}

form.standard fieldset {
    padding: 0;
    margin: 0 0 30px 0;
    border: 0;
    border-bottom: 1px dashed #d3d3d3
}

form.standard fieldset:last-child {
    border: 0
}

form.standard fieldset .field-wrapper:last-child {
    margin-bottom: 30px
}

form.standard .legend {
    font-size: 24px;
    font-weight: 400;
    color: #863286
}

form.standard .legend.-minor {
    font-size: 20px;
    color: #5d5d5d
}

form.standard .legend.-question {
    font-size: 17px;
    font-weight: 500;
    color: #565656
}

form.standard .description {
    margin-top: -15px;
    font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.4
}

form.standard a:hover {
    text-decoration: underline
}

form.standard .field-wrapper {
    position: relative;
    margin-bottom: 21.42857px
}

form.standard .field-wrapper.-clean {
    margin-bottom: 0
}

form.standard label {
    font-size: 18px
}

form.standard label small {
    display: block;
    margin-top: 5px
}

form.standard label small a:hover {
    text-decoration: underline
}

form.standard label.small {
    cursor: default;
    font-size: 14px
}

form.standard label.checkbox,
form.standard label.radio {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0 1.2em 0 0;
    padding-left: 22px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    *zoom: 1
}

form.standard label.checkbox:before,
form.standard label.checkbox:after,
form.standard label.radio:before,
form.standard label.radio:after {
    content: " ";
    display: table
}

form.standard label.checkbox:after,
form.standard label.radio:after {
    clear: both
}

form.standard label.checkbox input,
form.standard label.radio input {
    cursor: pointer;
    float: left;
    height: auto;
    margin-left: -22px
}

form.standard label.checkbox span,
form.standard label.radio span {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin-top: -8px;
    line-height: 1.25
}

form.standard label.checkbox:last-child,
form.standard label.radio:last-child {
    margin-right: 0
}

form.standard .grid-fields li {
    padding-bottom: 0
}

form.standard .grid-fields label.checkbox,
form.standard .grid-fields label.radio {
    display: block;
    height: 28px!important
}

form.standard .grid-fields label.checkbox span,
form.standard .grid-fields label.radio span {
    margin-top: -16px
}

form.standard input {
    padding: .1em .75em 0;
    height: 38px
}

form.standard input[type="submit"] {
    height: auto!important
}

form.standard input[type="file"] {
    padding-left: 0;
    padding-right: 0;
    height: auto
}

form.standard .custom-select select,
form.standard .customSelect select,
form.standard .custom-select .overlay,
form.standard .customSelect .overlay {
    height: 38px;
    line-height: 38px
}

form.standard textarea {
    height: 96px
}

form.standard textarea.medium {
    height: 172px
}

form.standard textarea.large {
    height: 248px
}

form.standard textarea.editor {
    font-family: Monaco, Menlo, "Ubuntu Mono", "Droid Sans Mono", Consolas, Courier, monospace;
    font-size: 13px
}

form.standard .field-wrapper.inline label {
    height: 38px;
    margin-bottom: 0;
    padding-top: 8.83721px
}

form.standard .field-wrapper.inline label.small {
    padding-top: 10px
}

form.standard .field-wrapper.inline label.checkbox,
form.standard .field-wrapper.inline label.radio {
    margin-top: 2px;
    margin-bottom: -2px
}

form.standard .field-wrapper.inline input,
form.standard .field-wrapper.inline select {
    margin-bottom: 0
}

form.standard .field-wrapper.inline textarea {
    height: 73.7px
}

form.standard .field-wrapper.inline textarea.medium {
    height: 182px
}

form.standard .field-wrapper.inline textarea.large {
    height: 258px
}

.stackedFields {
    display: block;
    list-style: none
}

.stackedFields_item {
    margin: -1px 0 0 0!important
}

.stackedFields_item input,
.stackedFields_item select,
.stackedFields_item textarea {
    margin: 0!important
}

.stackedFields_item input:focus,
.stackedFields_item select:focus,
.stackedFields_item textarea:focus {
    position: relative;
    z-index: 2
}

.redactor_box {
    margin-bottom: 15px
}

.redactor_box:last-child {
    margin-bottom: 0
}

.no-js .custom-select select,
.no-js .customSelect select {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.custom-select,
.customSelect {
    position: relative;
    text-align: left
}

.custom-select form,
.customSelect form {
    margin: 0
}

.custom-select select,
.customSelect select {
    position: relative;
    margin: 0;
    z-index: 2;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

.custom-select .overlay,
.customSelect .overlay {
    cursor: pointer;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%!important;
    height: 34px;
    padding: 0 .75em;
    line-height: 33px;
    font-size: 13px;
    text-transform: uppercase;
    color: gray;
    background: #f3f3f3;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #efefef));
    background: -moz-linear-gradient(top, #fafafa, #efefef);
    background: -webkit-linear-gradient(top, #fafafa, #efefef);
    background: linear-gradient(to bottom, #fafafa, #efefef);
    border: 1px solid #cfcfcf;
    border-radius: 3px
}

.custom-select .overlay:before,
.customSelect .overlay:before {
    position: absolute;
    z-index: 1;
    top: 7px;
    right: 11px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #999797;
    border-top: 4px solid transparent;
    content: ''
}

.custom-select .overlay:after,
.customSelect .overlay:after {
    position: absolute;
    z-index: 1;
    top: 18px;
    right: 11px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-top: 4px solid #999797;
    content: ''
}

.custom-select select:hover ~ .overlay,
.customSelect select:hover ~ .overlay {
    color: #454444;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f4f4f4), color-stop(100%, #e6e6e6));
    background: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
    background: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
    background: linear-gradient(to bottom, #f4f4f4, #e6e6e6)
}

.custom-select select:hover ~ .overlay:before,
.customSelect select:hover ~ .overlay:before {
    border-bottom-color: #373737
}

.custom-select select:hover ~ .overlay:after,
.customSelect select:hover ~ .overlay:after {
    border-top-color: #373737
}

.custom-select select:focus ~ .overlay,
.customSelect select:focus ~ .overlay {
    border: 1px solid #b391b3;
    box-shadow: 0 0 5px #b391b3
}

.custom-select.small,
.small.customSelect {
    width: 80px
}

.customSelect select,
.customSelect .overlay {
    height: 40px;
    line-height: 38px;
    font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: #565656;
    text-transform: none;
    background: #f4f4f4;
    border: 1px solid #d2d2d2;
    border-radius: 3px
}

.customSelect .overlay {
    cursor: pointer;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 0 .75em;
    width: 100%!important
}

.customSelect .overlay:before {
    display: none
}

.customSelect .overlay:after {
    top: 16px;
    right: 12px;
    border: 0!important;
    opacity: .5
}

.customSelect select:hover ~ .overlay:after {
    opacity: 1
}

.img-selectArrow,
.customSelect .overlay:after {
    width: 11px;
    height: 6px;
    background-image: url("/css/main.css")
}

.viewChoice {
    *zoom: 1;
    margin-bottom: 1em;
    list-style: none
}

.viewChoice:before,
.viewChoice:after {
    content: " ";
    display: table
}

.viewChoice:after {
    clear: both
}

.viewChoice_item {
    position: relative;
    float: left;
    width: 50%
}

.viewChoice_item_radio {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0
}

.viewChoice_item_label {
    display: block;
    margin: 0;
    padding: 0 .75em;
    height: 40px;
    line-height: 38px;
    font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: normal;
    color: #565656;
    text-transform: none;
    background: #f3f3f3;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #efefef));
    background: -moz-linear-gradient(top, #fafafa, #efefef);
    background: -webkit-linear-gradient(top, #fafafa, #efefef);
    background: linear-gradient(to bottom, #fafafa, #efefef);
    border: 1px solid #cfcfcf;
    border-radius: 3px
}

.viewChoice_item_label_icon {
    margin-right: 3px;
    vertical-align: -1px!important;
    opacity: .7
}

.viewChoice_item:first-child .viewChoice_item_label {
    border-radius: 3px 0 0 3px
}

.viewChoice_item:last-child .viewChoice_item_label {
    border-radius: 0 3px 3px 0
}

.img-view-grid-black-13,
.viewChoice_item_label_icon.-grid {
    width: 13px;
    height: 13px;
    background-image: url("/css/main.css")
}

.img-view-grid-blue-13,
.viewChoice_item_radio:checked+.viewChoice_item_label .viewChoice_item_label_icon.-grid {
    width: 13px;
    height: 13px;
    background-image: url("/css/main.css")
}

.img-view-list-black-13,
.viewChoice_item_label_icon.-list {
    width: 14px;
    height: 13px;
    background-image: url("/css/main.css")
}

.img-view-list-blue-13,
.viewChoice_item_radio:checked+.viewChoice_item_label .viewChoice_item_label_icon.-list {
    width: 14px;
    height: 13px;
    background-image: url("/css/main.css")
}

.viewChoice_item_label:hover .viewChoice_item_label_icon {
    opacity: 1
}

.viewChoice_item_radio:checked+.viewChoice_item_label {
    color: #0293dd;
    border-color: #75c5f0
}

.viewChoice_item_radio:checked+.viewChoice_item_label .viewChoice_item_label_icon.-grid {
    opacity: 1
}

.viewChoice_item_radio:checked+.viewChoice_item_label .viewChoice_item_label_icon.-list {
    opacity: 1
}

.selectGroup {
    margin-bottom: 1em;
    list-style: none
}

.selectGroup_item {
    position: relative;
    margin-top: -1px
}

.selectGroup_item select,
.selectGroup_item .customSelect,
.selectGroup_item .overlay {
    border-radius: 0
}

.selectGroup_item:first-child {
    margin-top: 0
}

.selectGroup_item:first-child select,
.selectGroup_item:first-child .customSelect,
.selectGroup_item:first-child .overlay {
    border-radius: 3px 3px 0 0
}

.selectGroup_item:last-child select,
.selectGroup_item:last-child .customSelect,
.selectGroup_item:last-child .overlay {
    border-radius: 0 0 3px 3px
}

.selectGroup_item.-focus {
    z-index: 2
}

.plupload-files li {
    position: relative;
    margin-bottom: 4px;
    display: block;
    color: #454545;
    border-radius: 3px;
    background: #f3f3f3;
    *zoom: 1
}

.plupload-files li:before,
.plupload-files li:after {
    content: " ";
    display: table
}

.plupload-files li:after {
    clear: both
}

.plupload-files .filename {
    float: left;
    padding: 8px 0 8px 10px
}

.plupload-files .status {
    float: right;
    padding: 8px 12px;
    font-weight: bold;
    border-left: 1px solid #fff
}

.plupload-files .delete {
    float: right;
    width: 40px;
    line-height: 40px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    color: #e84242;
    background: #f6e2df;
    border-left: 1px solid #fff
}

.plupload-files .delete:hover {
    color: #fff;
    background: #e84242;
    text-decoration: none
}

.plupload-files .progress {
    display: none;
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background: #863286
}

.plupload-files li.uploading {
    color: #5c3a5c;
    background: #f7eaf7
}

.plupload-files li.uploading .progress {
    display: block
}

.plupload-files li.uploaded.success {
    color: #648b0b;
    background: #e9efd7
}

.plupload-files li.uploaded.error {
    color: #7d2719;
    background: #f6e2df
}

#recaptcha_widget_div {
    margin-bottom: 30px
}

#recaptcha_widget_div img {
    max-width: none
}

#recaptcha_widget_div #recaptcha_logo {
    float: right
}

#recaptcha_widget_div .recaptcha_input_area input {
    margin: 0;
    padding: 5px!important;
    height: auto!important;
    font-size: 14px!important;
    border-color: #a0a0a0!important
}

#recaptcha_widget_div #recaptcha_audio_play_again {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 15px
}

#recaptcha_widget_div .recaptcha_only_if_privacy a {
    font-size: 12px;
    color: #5e5e5e
}

.heart-19-lightgray,
#userbar>ul>li.wishlist>a i {
    height: 19px;
    width: 19px;
    background: url("/css/main.css") 0 -814px no-repeat
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    .heart-19-lightgray,
    #userbar>ul>li.wishlist>a i {
        background: url("/css/main.css") 0 -673px;
        -moz-background-size: 32px auto;
        -o-background-size: 32px auto;
        -webkit-background-size: 32px auto;
        background-size: 32px auto
    }
}

.heart-19-darkgray,
#userbar>ul>li.wishlist>a:hover i,
#userbar>ul>li.wishlist>a.hover i,
#userbar>ul>li.wishlist.filled>a i {
    height: 19px;
    width: 19px;
    background: url("/css/main.css") 0 -785px no-repeat
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    .heart-19-darkgray,
    #userbar>ul>li.wishlist>a:hover i,
    #userbar>ul>li.wishlist>a.hover i,
    #userbar>ul>li.wishlist.filled>a i {
        background: url("/css/main.css") 0 -649px;
        -moz-background-size: 32px auto;
        -o-background-size: 32px auto;
        -webkit-background-size: 32px auto;
        background-size: 32px auto
    }
}

.heart-19-white,
#userbar>ul>li.wishlist.active>a i,
#userbar>ul>li.wishlist.active>a:hover i,
#userbar>ul>li.wishlist.active>a.hover i {
    height: 19px;
    width: 19px;
    background: url("/css/main.css") 0 -843px no-repeat
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    .heart-19-white,
    #userbar>ul>li.wishlist.active>a i,
    #userbar>ul>li.wishlist.active>a:hover i,
    #userbar>ul>li.wishlist.active>a.hover i {
        background: url("/css/main.css") 0 -697px;
        -moz-background-size: 32px auto;
        -o-background-size: 32px auto;
        -webkit-background-size: 32px auto;
        background-size: 32px auto
    }
}

.cart-19-lightgray,
#userbar>ul>li.cart>a i,
#userbar-mobile li.cart i {
    height: 19px;
    width: 19px;
    background: url("/css/main.css") 0 -99px no-repeat
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    .cart-19-lightgray,
    #userbar>ul>li.cart>a i,
    #userbar-mobile li.cart i {
        background: url("/css/main.css") 0 -65px;
        -moz-background-size: 32px auto;
        -o-background-size: 32px auto;
        -webkit-background-size: 32px auto;
        background-size: 32px auto
    }
}

.cart-19-darkgray,
#userbar>ul>li.cart>a:hover i,
#userbar>ul>li.cart>a.hover i,
#userbar>ul>li.cart.filled>a i {
    height: 19px;
    width: 19px;
    background: url("/css/main.css") 0 -70px no-repeat
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    .cart-19-darkgray,
    #userbar>ul>li.cart>a:hover i,
    #userbar>ul>li.cart>a.hover i,
    #userbar>ul>li.cart.filled>a i {
        background: url("/css/main.css") 0 -41px;
        -moz-background-size: 32px auto;
        -o-background-size: 32px auto;
        -webkit-background-size: 32px auto;
        background-size: 32px auto
    }
}

.cart-19-white,
#userbar>ul>li.cart.active>a i,
#userbar>ul>li.cart.active>a:hover i,
#userbar>ul>li.cart.active>a.hover i {
    height: 19px;
    width: 19px;
    background: url("/css/main.css") 0 -128px no-repeat
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    .cart-19-white,
    #userbar>ul>li.cart.active>a i,
    #userbar>ul>li.cart.active>a:hover i,
    #userbar>ul>li.cart.active>a.hover i {
        background: url("/css/main.css") 0 -89px;
        -moz-background-size: 32px auto;
        -o-background-size: 32px auto;
        -webkit-background-size: 32px auto;
        background-size: 32px auto
    }
}

.user-19-lightgray,
#userbar>ul>li.user>a i {
    height: 19px;
    width: 17px;
    background: url("/css/main.css") 0 -1521px no-repeat
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    .user-19-lightgray,
    #userbar>ul>li.user>a i {
        background: url("/css/main.css") 0 -1296px;
        -moz-background-size: 32px auto;
        -o-background-size: 32px auto;
        -webkit-background-size: 32px auto;
        background-size: 32px auto
    }
}

.user-19-darkgray,
#userbar>ul>li.user>a:hover i,
#userbar>ul>li.user>a.hover i,
#userbar>ul>li.user.filled>a i {
    height: 19px;
    width: 17px;
    background: url("/css/main.css") 0 -1492px no-repeat
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    .user-19-darkgray,
    #userbar>ul>li.user>a:hover i,
    #userbar>ul>li.user>a.hover i,
    #userbar>ul>li.user.filled>a i {
        background: url("/css/main.css") 0 -1272px;
        -moz-background-size: 32px auto;
        -o-background-size: 32px auto;
        -webkit-background-size: 32px auto;
        background-size: 32px auto
    }
}

.user-19-white,
#userbar>ul>li.user.active>a i,
#userbar>ul>li.user.active>a:hover i,
#userbar>ul>li.user.active>a.hover i {
    height: 19px;
    width: 17px;
    background: url("/css/main.css") 0 -1550px no-repeat
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    .user-19-white,
    #userbar>ul>li.user.active>a i,
    #userbar>ul>li.user.active>a:hover i,
    #userbar>ul>li.user.active>a.hover i {
        background: url("/css/main.css") 0 -1320px;
        -moz-background-size: 32px auto;
        -o-background-size: 32px auto;
        -webkit-background-size: 32px auto;
        background-size: 32px auto
    }
}

.hamburger-24-gray,
#hamburger i {
    height: 24px;
    width: 24px;
    background: url("/css/main.css") 0 -639px no-repeat
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    .hamburger-24-gray,
    #hamburger i {
        background: url("/css/main.css") 0 -504px;
        -moz-background-size: 32px auto;
        -o-background-size: 32px auto;
        -webkit-background-size: 32px auto;
        background-size: 32px auto
    }
}

.magnifier-19-lightgray {
    height: 19px;
    width: 19px;
    background: url("/css/main.css") 0 -942px no-repeat
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    .magnifier-19-lightgray {
        background: url("/css/main.css") 0 -776px;
        -moz-background-size: 32px auto;
        -o-background-size: 32px auto;
        -webkit-background-size: 32px auto;
        background-size: 32px auto
    }
}

.star-12,
.app-compact .rating i {
    height: 12px;
    width: 12px;
    background: url("/css/main.css") 0 -1215px no-repeat
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    .star-12,
    .app-compact .rating i {
        background: url("/css/main.css") 0 -1040px;
        -moz-background-size: 32px auto;
        -o-background-size: 32px auto;
        -webkit-background-size: 32px auto;
        background-size: 32px auto
    }
}

.star-12-empty,
.app-compact .rating i.empty {
    height: 12px;
    width: 12px;
    background: url("/css/main.css") 0 -1171px no-repeat
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    .star-12-empty,
    .app-compact .rating i.empty {
        background: url("/css/main.css") 0 -1006px;
        -moz-background-size: 32px auto;
        -o-background-size: 32px auto;
        -webkit-background-size: 32px auto;
        background-size: 32px auto
    }
}

.star-12-featured,
.side-categories li.featured a:before {
    height: 12px;
    width: 12px;
    background: url("/css/main.css") 0 -1193px no-repeat
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    .star-12-featured,
    .side-categories li.featured a:before {
        background: url("/css/main.css") 0 -1023px;
        -moz-background-size: 32px auto;
        -o-background-size: 32px auto;
        -webkit-background-size: 32px auto;
        background-size: 32px auto
    }
}

.star-19-inactive,
.stars i.inactive {
    height: 19px;
    width: 19px;
    background: url("/images/icons.png") 0 -1324px no-repeat
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    .star-19-inactive,
    .stars i.inactive {
        background: url("/images/icons-set.png") 0 -1129px;
        -moz-background-size: 32px auto;
        -o-background-size: 32px auto;
        -webkit-background-size: 32px auto;
        background-size: 32px auto
    }
}

.star-19-filled,
.stars i.filled {
    height: 19px;
    width: 19px;
    background: url("/images/icons.png") 0 -1266px no-repeat
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    .star-19-filled,
    .stars i.filled {
        background: url("/images/icons-set.png") 0 -1081px;
        -moz-background-size: 32px auto;
        -o-background-size: 32px auto;
        -webkit-background-size: 32px auto;
        background-size: 32px auto
    }
}

.star-19-half,
.stars i.half {
    height: 19px;
    width: 19px;
    background: url("/images/icons.png") 0 -1295px no-repeat
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    .star-19-half,
    .stars i.half {
        background: url("/images/icons-set.png") 0 -1105px;
        -moz-background-size: 32px auto;
        -o-background-size: 32px auto;
        -webkit-background-size: 32px auto;
        background-size: 32px auto
    }
}

.star-19-empty,
.stars i.empty {
    height: 19px;
    width: 19px;
    background: url("/images/icons.png") 0 -1237px no-repeat
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    .star-19-empty,
    .stars i.empty {
        background: url("/images/icons-set.png") 0 -1057px;
        -moz-background-size: 32px auto;
        -o-background-size: 32px auto;
        -webkit-background-size: 32px auto;
        background-size: 32px auto
    }
}

.img-star-16-inactive,
.stars.-compact i.inactive {
    width: 16px;
    height: 16px;
}

.img-star-16-filled,
.stars.-compact i.filled {
    width: 16px;
    height: 16px;
}

.img-star-16-half,
.stars.-compact i.half {
    width: 16px;
    height: 16px;
}

.img-star-16-empty,
.stars.-compact i.empty {
    width: 16px;
    height: 16px;
}

.x-12-lightgray,
.popup-cart li .delete i,
.popup-search li .delete i,
.popup-wishlist li .delete i {
    height: 12px;
    width: 12px;
    background: url("/images/icons.png") 0 -1579px no-repeat
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    .x-12-lightgray,
    .popup-cart li .delete i,
    .popup-search li .delete i,
    .popup-wishlist li .delete i {
        background: url("/images/icons-set.png") 0 -1344px;
        -moz-background-size: 32px auto;
        -o-background-size: 32px auto;
        -webkit-background-size: 32px auto;
        background-size: 32px auto
    }
}

.slide-left,
#page #featured #slide-left i {
    height: 68px;
    width: 28px;
    background: url("/images/icons.png") 0 -1015px no-repeat
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    .slide-left,
    #page #featured #slide-left i {
        background: url("/images/icons-set.png") 0 -860px;
        -moz-background-size: 32px auto;
        -o-background-size: 32px auto;
        -webkit-background-size: 32px auto;
        background-size: 32px auto
    }
}

.slide-right,
#page #featured #slide-right i {
    height: 68px;
    width: 28px;
    background: url("/images/icons.png") 0 -1093px no-repeat
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    .slide-right,
    #page #featured #slide-right i {
        background: url("/images/icons-set.png") 0 -933px;
        -moz-background-size: 32px auto;
        -o-background-size: 32px auto;
        -webkit-background-size: 32px auto;
        background-size: 32px auto
    }
}

.android-12,
.app-category li.android a:before {
    height: 12px;
    width: 12px;
    background: url("/images/icons.png") 0 0 no-repeat
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    .android-12,
    .app-category li.android a:before {
        background: url("/images/icons-set.png") 0 0;
        -moz-background-size: 32px auto;
        -o-background-size: 32px auto;
        -webkit-background-size: 32px auto;
        background-size: 32px auto
    }
}

.ios-12,
.app-category li.ios a:before {
    height: 12px;
    width: 12px;
    background: url("/images/icons.png") 0 -920px no-repeat
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    .ios-12,
    .app-category li.ios a:before {
        background: url("/images/icons-set.png") 0 -759px;
        -moz-background-size: 32px auto;
        -o-background-size: 32px auto;
        -webkit-background-size: 32px auto;
        background-size: 32px auto
    }
}

.translActive {
    height: 23px;
    width: 24px;
    background: url("/images/icons.png") 0 -1353px no-repeat
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    .translActive {
        background: url("/images/icons-set.png") 0 -1153px;
        -moz-background-size: 32px auto;
        -o-background-size: 32px auto;
        -webkit-background-size: 32px auto;
        background-size: 32px auto
    }
}

.translDisabled {
    height: 25px;
    width: 25px;
    background: url("/images/icons.png") 0 -1386px no-repeat
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    .translDisabled {
        background: url("/images/icons-set.png") 0 -1181px;
        -moz-background-size: 32px auto;
        -o-background-size: 32px auto;
        -webkit-background-size: 32px auto;
        background-size: 32px auto
    }
}

.flag.en {
    height: 19px;
    width: 24px;
    background: url("/images/icons.png") 0 -436px no-repeat
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    .flag.en {
        background: url("/images/icons-set.png") 0 -336px;
        -moz-background-size: 32px auto;
        -o-background-size: 32px auto;
        -webkit-background-size: 32px auto;
        background-size: 32px auto
    }
}

.flag.de {
    height: 19px;
    width: 24px;
    background: url("/images/icons.png") 0 -407px no-repeat
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    .flag.de {
        background: url("/images/icons-set.png") 0 -312px;
        -moz-background-size: 32px auto;
        -o-background-size: 32px auto;
        -webkit-background-size: 32px auto;
        background-size: 32px auto
    }
}

.flag.it {
    height: 19px;
    width: 24px;
    background: url("/images/icons.png") 0 -523px no-repeat
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    .flag.it {
        background: url("/images/icons-set.png") 0 -408px;
        -moz-background-size: 32px auto;
        -o-background-size: 32px auto;
        -webkit-background-size: 32px auto;
        background-size: 32px auto
    }
}

.flag.fr {
    height: 19px;
    width: 24px;
    background: url("/images/icons.png") 0 -494px no-repeat
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    .flag.fr {
        background: url("/images/icons-set.png") 0 -384px;
        -moz-background-size: 32px auto;
        -o-background-size: 32px auto;
        -webkit-background-size: 32px auto;
        background-size: 32px auto
    }
}

.flag.tr {
    height: 19px;
    width: 24px;
    background: url("/images/icons.png") 0 -552px no-repeat
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    .flag.tr {
        background: url("/images/icons-set.png") 0 -432px;
        -moz-background-size: 32px auto;
        -o-background-size: 32px auto;
        -webkit-background-size: 32px auto;
        background-size: 32px auto
    }
}

.flag.br {
    height: 19px;
    width: 24px;
    background: url("/images/icons.png") 0 -378px no-repeat
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    .flag.br {
        background: url("/images/icons-set.png") 0 -288px;
        -moz-background-size: 32px auto;
        -o-background-size: 32px auto;
        -webkit-background-size: 32px auto;
        background-size: 32px auto
    }
}

.flag.es {
    height: 19px;
    width: 24px;
    background: url("/images/icons.png") 0 -465px no-repeat
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    .flag.es {
        background: url("/images/icons-set.png") 0 -360px;
        -moz-background-size: 32px auto;
        -o-background-size: 32px auto;
        -webkit-background-size: 32px auto;
        background-size: 32px auto
    }
}

.twitter-32-gray,
#footer-social i.twitter {
    height: 32px;
    width: 32px;
    background: url("/images/icons.png") 0 -1450px no-repeat
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    .twitter-32-gray,
    #footer-social i.twitter {
        background: url("/images/icons-set.png") 0 -1235px;
        -moz-background-size: 32px auto;
        -o-background-size: 32px auto;
        -webkit-background-size: 32px auto;
        background-size: 32px auto
    }
}

.facebook-32-gray,
#footer-social i.facebook {
    height: 32px;
    width: 32px;
    background: url("/images/icons.png") 0 -336px no-repeat
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    .facebook-32-gray,
    #footer-social i.facebook {
        background: url("/images/icons-set.png") 0 -251px;
        -moz-background-size: 32px auto;
        -o-background-size: 32px auto;
        -webkit-background-size: 32px auto;
        background-size: 32px auto
    }
}

.img-facebook-icon-20,
.oneLogin_facebook_icon {
    width: 21px;
    height: 20px;
}

.HIW-sprite,
.HIW-earnings,
.HIW-organize,
.HIW-upload {
    background-repeat: no-repeat
}

.HIW-earnings {
    background-position: 0 0;
    height: 74px;
    width: 94px
}

.HIW-organize {
    background-position: 0 -84px;
    height: 84px;
    width: 98px
}

.HIW-upload {
    background-position: 0 -178px;
    height: 95px;
    width: 89px
}

.help {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    cursor: default
}

.help i {
    height: 19px;
    width: 19px;
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    .help i {
        -moz-background-size: 97px auto;
        -o-background-size: 97px auto;
        -webkit-background-size: 97px auto;
        background-size: 97px auto
    }
}

i.check-mark {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    cursor: default;
    width: 12px;
    height: 12px;
    background-size: cover;
}

.loader.-green {
    width: 28px;
    height: 28px;
}

.svg {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    height: 16px
}

.svg.-h14 {
    height: 14px
}

.svg.-h16 {
    height: 16px
}

.svg.-h18 {
    height: 18px
}

.svg.-h20 {
    height: 20px
}

.svg.-h22 {
    height: 22px
}

.svg.-h24 {
    height: 24px
}

.svg.-h32 {
    height: 32px
}

.svg.-h48 {
    height: 48px
}

.svg.-h64 {
    height: 64px
}

.svg.-fade {
    opacity: .35
}

.img,
.customSelect .overlay:after,
.viewChoice_item_label_icon,
.oneLogin_facebook_icon,
.stars.-compact i,
.userbar_icon {
    display: inline-block;
    vertical-align: middle;
    background-repeat: none;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.icon.logo,
ul.hollow li.logo:before,
.logo.flag,
.logo.loader,
.app-category a.logo:before,
.stars i.logo,
.app-compact .wishlist i.logo,
.app-compact .rating i.logo,
#hamburger i.logo,
#userbar>ul>li>a i.logo,
.side-categories li.featured a.logo:before {

}

.icon.logo-small,
ul.hollow li.logo-small:before,
.logo-small.flag,
.logo-small.loader,
.app-category a.logo-small:before,
.stars i.logo-small,
.app-compact .wishlist i.logo-small,
.app-compact .rating i.logo-small,
#hamburger i.logo-small,
#userbar>ul>li>a i.logo-small,
.side-categories li.featured a.logo-small:before {

}

.svg {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    height: 16px
}

.svg.-h14 {
    height: 14px
}

.svg.-h16 {
    height: 16px
}

.svg.-h18 {
    height: 18px
}

.svg.-h20 {
    height: 20px
}

.svg.-h22 {
    height: 22px
}

.svg.-h24 {
    height: 24px
}

.svg.-h32 {
    height: 32px
}

.svg.-h48 {
    height: 48px
}

.svg.-h64 {
    height: 64px
}

.svg.-fade {
    opacity: .35
}

.media {
    *zoom: 1
}

.media:before,
.media:after {
    content: " ";
    display: table
}

.media:after {
    clear: both
}

.media_left {
    float: left;
    margin-right: 1.2em
}

.media_right {
    float: right;
    margin-left: 1.2em
}

.media_body {
    display: block;
    padding-bottom: 2px;
    overflow: hidden;
    zoom: 1
}

.media.-mediumUp .media_left,
.media.-mediumUp .media_right {
    float: none;
    margin: 0 0 1.2em
}

@media only screen and (min-width:600px) {
    .media.-mediumUp .media_left {
        float: left;
        margin: 0 1.2em 0 0
    }
    .media.-mediumUp .media_right {
        float: right;
        margin: 0 0 0 1.2em
    }
}

.orHorizontal {
    display: block;
    position: relative;
    margin: 20px 0;
    font-size: 14px;
    color: #656565;
    text-transform: lowercase;
    text-align: center
}

.orHorizontal:before,
.orHorizontal:after {
    position: absolute;
    top: 8px;
    width: 40%;
    height: 1px;
    background: red;
    content: ''
}

.orHorizontal:before {
    left: 3%;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g);
    background: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, rgba(0, 0, 0, .4)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -moz-linear-gradient(right, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));
    background: -webkit-linear-gradient(right, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));
    background: linear-gradient(to left, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0))
}

.orHorizontal:after {
    right: 3%;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g);
    background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 0, 0, .4)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -moz-linear-gradient(left, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));
    background: linear-gradient(to right, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0))
}

.valign {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

[data-customSelectOverlay] {
    display: none
}

.js [data-customSelect] {
    display: block;
    position: relative;
    width: 100%
}

.js [data-customSelectSelect] {
    display: block;
    position: relative;
    z-index: 2;
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-appearance: menulist-button
}

.js [data-customSelectOverlay] {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.miniForm_nodeGroup {
    -moz-box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, .06);
    -webkit-box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, .06);
    box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, .06);
    background: #fff;
    border: 1px solid #d2d2d2;
    border-radius: 6px;
    overflow: hidden
}

.miniForm_nodeGroup.-gap {
    margin-bottom: 16px
}

@media only screen and (min-width:768px) {
    .miniForm_nodeGroup {
        border-radius: 3px
    }
}

.miniForm .grid.miniForm_grid {
    position: relative;
    margin: 0 -1px -1px 0!important
}

.miniForm_grid_column {
    border-right: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2
}

.miniForm_node {
    display: block;
    position: relative;
    margin: 0;
    padding: 8px 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    cursor: text
}

.miniForm_node_label {
    display: block;
    margin: 0;
    margin-bottom: 3px;
    padding: 0 10px;
    font-size: 13px;
    font-weight: 500;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #6a6a6a;
    cursor: text
}

.miniForm .miniForm_node_input,
.miniForm_node_select_select,
.miniForm_node_select_overlay {
    padding: 0 10px;
    font-size: 15px;
    font-weight: 500;
    color: #242424
}

.miniForm .miniForm_node_input {
    margin: 0;
    height: 18px;
    background: none;
    border: 0
}

.miniForm .miniForm_node_input:-moz-placeholder {
    color: #fff
}

.miniForm .miniForm_node_input::-moz-placeholder {
    color: #fff
}

.miniForm .miniForm_node_input::-ms-input-placeholder {
    color: #fff
}

.miniForm .miniForm_node_input::-webkit-input-placeholder {
    color: #fff
}

.miniForm .miniForm_node_input:focus {
    box-shadow: none!important;
    background: none!important;
    border: 0!important
}

.miniForm_node_select {
    position: absolute!important;
    top: 17px;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto!important
}

.miniForm_node_select_select {
    height: 100%;
    background: none;
    border: 0
}

.miniForm_node_select_overlay {
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -webkit-transition: 200ms;
    transition: 200ms;
    line-height: 45px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.miniForm_node_select_overlay:after {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-top: 6px solid gray;
    position: absolute;
    right: 14px;
    margin-top: 4px;
    content: ''
}

.miniForm .miniForm_node_prefix,
.miniForm .miniForm_node_sufix {
    position: absolute;
    z-index: 3;
    top: 0;
    width: 42px;
    height: 100%;
    text-align: center
}

.miniForm .miniForm_node_prefix.-large,
.miniForm .miniForm_node_sufix.-large {
    width: 56px
}

.miniForm .miniForm_node_prefix {
    left: 0
}

.miniForm .miniForm_node_prefix ~ .miniForm_node_label {
    margin-left: 32px
}

.miniForm .miniForm_node_prefix ~ .miniForm_node_input {
    padding-left: 42px
}

.miniForm .miniForm_node_prefix ~ .miniForm_node_select {
    left: 32px
}

.miniForm .miniForm_node_prefix.-large ~ .miniForm_node_label {
    margin-left: 46px
}

.miniForm .miniForm_node_prefix.-large ~ .miniForm_node_input {
    padding-left: 56px
}

.miniForm .miniForm_node_sufix {
    right: 0
}

.miniForm .miniForm_node_sufix ~ .miniForm_node_label {
    margin-right: 32px
}

.miniForm .miniForm_node_sufix ~ .miniForm_node_input {
    padding-right: 42px
}

.miniForm .miniForm_node_sufix.-large ~ .miniForm_node_label {
    margin-right: 46px
}

.miniForm .miniForm_node_sufix.-large ~ .miniForm_node_input {
    padding-right: 56px
}

.miniForm_node.-error {
    border-left: 2px solid red;
    background: rgba(237, 72, 72, .035)
}

.miniForm_node.-error .miniForm_node_label {
    color: #ed4848!important;
    font-weight: 500
}

.js {}

.js .miniForm_node_label {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    -moz-transition: -moz-transform 200ms, opacity 200ms, visibility 200ms;
    -o-transition: -o-transform 200ms, opacity 200ms, visibility 200ms;
    -webkit-transition: -webkit-transform 200ms, opacity 200ms, visibility 200ms;
    transition: transform 200ms, opacity 200ms, visibility 200ms;
    visibility: hidden;
    margin-bottom: 1px;
    font-size: 12px;
    font-weight: normal;
    color: #a0a0a0
}

.js .miniForm_node_input {
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
    -moz-transition: -moz-transform 200ms;
    -o-transition: -o-transform 200ms;
    -webkit-transition: -webkit-transform 200ms;
    transition: transform 200ms;
    font-weight: normal
}

.js .miniForm_node_input:-moz-placeholder {
    color: #939393
}

.js .miniForm_node_input::-moz-placeholder {
    color: #939393
}

.js .miniForm_node_input::-ms-input-placeholder {
    color: #939393
}

.js .miniForm_node_input::-webkit-input-placeholder {
    color: #939393
}

.js .miniForm_node_select {
    top: 0
}

.js .miniForm_node_select_overlay {
    font-weight: normal;
    color: #939393
}

.js .miniForm_node.-focus {
    z-index: 2;
    -moz-box-shadow: inset 0 -2px 0 0 #0293dd;
    -webkit-box-shadow: inset 0 -2px 0 0 #0293dd;
    box-shadow: inset 0 -2px 0 0 #0293dd
}

.js .miniForm_node.-focus .miniForm_node_label {
    color: #0293dd
}

.js .miniForm_node.-filled .miniForm_node_label {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible
}

.js .miniForm_node.-filled .miniForm_node_input {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    font-weight: 500
}

.js .miniForm_node.-filled .miniForm_node_select_overlay {
    padding-top: 8px;
    font-weight: 500;
    color: #242424
}

.js .miniForm_node.-error .miniForm_node_input:-moz-placeholder {
    color: #ed4848;
    font-weight: 500
}

.js .miniForm_node.-error .miniForm_node_input::-moz-placeholder {
    color: #ed4848;
    font-weight: 500
}

.js .miniForm_node.-error .miniForm_node_input::-ms-input-placeholder {
    color: #ed4848;
    font-weight: 500
}

.js .miniForm_node.-error .miniForm_node_input::-webkit-input-placeholder {
    color: #ed4848;
    font-weight: 500
}

.oneLogin_footer {
    text-align: center
}

.oneLogin_facebook {
    display: inline-block;
    width: auto;
    margin: -3px auto 12px;
    padding: 8px;
    font-weight: bold;
    color: #3c5a99!important
}

.oneLogin_facebook_icon {
    margin-top: -.2em;
    margin-right: 3px
}

.oneLogin_facebook:hover {
    background: rgba(60, 90, 153, .075)
}

.oneLogin_forgotPass {
    display: inline-block;
    color: #646564
}

.cookieLaw {
    display: none;
    position: fixed;
    z-index: 101;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    padding: 1em;
    font-size: 14px;
    color: #fff;
    background: #000;
    background: rgba(0, 0, 0, .85);
    opacity: 0
}

@media only screen and (min-width:600px) {
    .cookieLaw {
        bottom: 1em;
        left: 1em;
        right: auto;
        width: 420px;
        padding: 1.25em
    }
}

.cookieLaw.-show {
    display: block;
    opacity: 1
}

@media only screen and (min-width:1080px) {
    #survey-popup {
        position: fixed;
        right: 2.723em;
        bottom: 0;
        width: auto;
        height: auto;
        background-color: #fcfcfc;
        border-radius: 1em 0em 0em 0em;
        border: .182em solid #6f7070;
        border-bottom-width: 0px;
        padding: 20px 30px 10px;
        visibility: hidden;
        display: none;
        z-index: 9999
    }
    #survey-close {
        position: absolute;
        top: -2.273em;
        min-width: 2.909em;
        height: 2.273em;
        border-radius: .636em .636em 0px 0px;
        cursor: pointer;
        stroke-width: 16px;
        right: -.15em;
        background-color: #fcfcfc;
        border: .182em solid #6f7070;
        border-bottom-width: 0px;
        text-align: center
    }
    #survey-close span {
        display: inline-block;
        vertical-align: sub;
        font-size: small;
        color: #242424
    }
    #survey-text {
        margin: 1em 0 -.5em;
        position: relative;
        text-align: center;
        line-height: 1.417em;
        font-weight: 800;
        font-size: 1.3em
    }
    #survey-logo {
        width: 254px;
        height: 43px;
        display: block;
        margin: auto
    }
    form[name="user_choices_popup"] label {
        float: left;
        clear: none;
        display: block;
        padding: 2px .6em 0px 1px;
        margin-bottom: 0
    }
    form[name="user_choices_popup"] input {
        float: left;
        clear: none;
        margin: 4px 2px 0px 8px
    }
    form[name="user_choices_popup"] button {
        display: block;
        margin: auto
    }
    form[name="user_choices_popup"] fieldset {
        padding: .5em;
        margin: 1em 0
    }
}

@media only screen and (max-width:1079px) {
    #survey-popup {
        display: none!important
    }
}

.appGrid .appGrid_footer .app-category {
    display: none
}

.oldGrid .appGrid {
    margin-left: -10px!important;
    margin-right: -10px!important
}

.oldGrid .appGrid .appGrid_item {
    margin-bottom: 20px!important;
    padding-left: 10px!important;
    padding-right: 10px!important
}

.oldGrid .appGrid .app-compact {
    padding: 0;
    border: 0
}

.oldGrid .appGrid .appGrid_image,
.oldGrid .appGrid .app-compact .image,
.app-compact .oldGrid .appGrid .image {
    margin-bottom: 0
}

.oldGrid .appGrid .appGrid_image .title,
.oldGrid .appGrid .app-compact .image .title,
.app-compact .oldGrid .appGrid .image .title,
.oldGrid .appGrid .appGrid_image .price,
.oldGrid .appGrid .app-compact .image .price,
.app-compact .oldGrid .appGrid .image .price,
.oldGrid .appGrid .appGrid_image .popup-search .view,
.popup-search .oldGrid .appGrid .appGrid_image .view,
.oldGrid .appGrid .app-compact .image .popup-search .view,
.popup-search .oldGrid .appGrid .app-compact .image .view,
.app-compact .oldGrid .appGrid .image .popup-search .view,
.popup-search .app-compact .oldGrid .appGrid .image .view {
    display: block
}

.oldGrid .appGrid .appGrid_title {
    display: none
}

.oldGrid .appGrid .appGrid_title+.app-category {
    display: none
}

.oldGrid .appGrid .appGrid_footer {
    margin-right: 0;
    margin-left: 0
}

.oldGrid .appGrid .appGrid_footer .appGrid_footer_column {
    padding: 0
}

.oldGrid .appGrid .appGrid_footer .appGrid_price {
    display: none
}

.oldGrid .appGrid .appGrid_footer .app-category {
    display: block
}

.oldGrid .appGrid .appGrid_footer .rating {
    margin-top: 2px
}

.app-category {
    font-size: 12px
}

.app-category li {
    display: inline;
    margin: 0
}

.app-category a {
    display: inline;
    height: 20px;
    color: inherit
}

.app-category a:before {
    display: inline;
    display: none;
    margin-top: 2px;
    margin-right: 3px;
    content: ''
}

.app-category a:hover {
    color: #0083c5;
    text-decoration: underline
}

.app-category li:before {
    display: inline;
    margin: -3px 0 0;
    height: 20px;
    color: #aaa;
    content: ' › ';
    font-size: 15px
}

.app-category li:first-child:before {
    margin: 0;
    content: ''
}

.app-category li.android a {
    color: #4e7d09
}

.app-category li.android a:before {
    margin-right: 3px;
    display: inline-block;
    vertical-align: -1px
}

.app-category li.ios a {
    color: #000
}

.app-category li.ios a:before {
    margin-top: 2px;
    display: inline-block;
    vertical-align: -1px
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    .app-category li:before {
        margin-top: -4px
    }
    .app-category li.ios a:before {
        margin-top: 1px
    }
}

.stars {
    font-size: 0;
    height: 19px;
    padding-right: 4px;
    vertical-align: middle
}

.stars i {
    font-size: 15px
}

.rating-count {
    vertical-align: middle;
    color: #e99900
}

.stars.-compact {
    padding-right: 0
}

.stars.-compact i {
    background-position: 0 0
}

.rating-count.-compact {
    font-size: 15px;
    vertical-align: 0
}

.app-compact {
    position: relative
}

.app-compact .title {
    display: none;
    position: absolute;
    z-index: 5;
    left: 0;
    bottom: 28px;
    max-width: 95%;
    margin: 0;
    font-size: 18px;
    background: #000;
    background: rgba(0, 0, 0, .9)
}

.app-compact .title a {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    padding: 2px 4px 3px 8px;
    color: #fff
}

.app-compact .price,
.app-compact .popup-search .view,
.popup-search .app-compact .view {
    display: none;
    position: absolute;
    z-index: 4;
    left: 0;
    bottom: 0;
    height: 28px;
    line-height: 27px;
    padding: 0 8px;
    font-size: 16px;
    font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #fff;
    background: #863286
}

.app-compact .wishlist {
    position: absolute;
    z-index: 3;
    top: 10px;
    right: 10px;
    display: none;
    width: 34px;
    height: 34px;
    -moz-border-radius: 34px;
    -webkit-border-radius: 34px;
    border-radius: 34px
}

.app-compact .wishlist i {
    margin-top: 9px;
    margin-left: 8px
}

.app-compact .wishlist.add {
    background: #ee4848
}

.app-compact .wishlist.add i {
    height: 18px;
    width: 18px;
    background: url("/css/h/hygame/images/icons.png") 0 -757px no-repeat
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    .app-compact .wishlist.add i {
        background: url("/images/icons-set.png") 0 -602px;
        -moz-background-size: 32px auto;
        -o-background-size: 32px auto;
        -webkit-background-size: 32px auto;
        background-size: 32px auto
    }
}

.app-compact .wishlist.remove {
    background: #ee4848
}

.app-compact .wishlist.remove i {
    height: 18px;
    width: 18px;
    background: url("/images/icons.png") 0 -701px no-repeat
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    .app-compact .wishlist.remove i {
        background: url("/images/icons-set.png") 0 -556px;
        -moz-background-size: 32px auto;
        -o-background-size: 32px auto;
        -webkit-background-size: 32px auto;
        background-size: 32px auto
    }
}

.app-compact .image:hover .wishlist {
    display: block
}

.app-compact .image:hover .wishlist:hover {
    -moz-animation: heart-pulse 1s infinite;
    -webkit-animation: heart-pulse 1s infinite;
    animation: heart-pulse 1s infinite
}

.app-compact .app-category {
    float: left;
    width: 100%;
    margin: 0;
    margin-top: 2px
}

.app-compact .rating {
    float: right;
    margin-top: 4px;
    font-size: 13px;
    color: #e09400;
    font-weight: bold;
    white-space: nowrap
}

.app-compact .rating i {
    margin-right: 2px;
    vertical-align: -1px
}

.app-compact .rating i.empty {
    vertical-align: -1px
}

.app-popup {
    -moz-box-shadow: 0 0 12px 3px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 12px 3px rgba(0, 0, 0, .2);
    box-shadow: 0 0 12px 3px rgba(0, 0, 0, .2);
    display: none;
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 554px;
    min-height: 315px;
    padding-bottom: 6px;
    background: #f3f3f3;
    border: 1px solid #3d3d3d
}

.app-popup .arrow {
    position: absolute;
    left: -9px;
    top: 82px;
    width: 9px;
    height: 20px;
    overflow: hidden
}

.app-popup .arrow:before,
.app-popup .arrow:after {
    position: absolute;
    z-index: 2;
    border: 8px solid transparent;
    content: ''
}

.app-popup .arrow:after {
    z-index: 1;
    border: 10px solid transparent
}

.app-popup.left .arrow {
    left: auto;
    right: -9px
}

.app-popup.left .arrow:before {
    border-left-color: #f2f2f2;
    margin-top: 2px
}

.app-popup.left .arrow:after {
    border-left-color: #393939
}

.app-popup.right .arrow:before,
.app-popup.right .arrow:after {
    left: -10px
}

.app-popup.right .arrow:before {
    border-right-color: #f2f2f2;
    margin: 2px 0 0 3px
}

.app-popup.right .arrow:after {
    border-right-color: #393939
}

.app-popup.middle .arrow {
    top: auto;
    top: 150px
}

.app-popup.top .arrow {
    top: auto;
    bottom: 62px
}

.app-popup.-show {
    display: block
}

.app-popup .hero-image {
    position: relative;
    width: 530px;
    max-height: 246px;
    overflow: hidden;
    margin: 10px 0 0 10px;
    background: #eaeaea
}

.app-popup .hero-image .price,
.app-popup .hero-image .popup-search .view,
.popup-search .app-popup .hero-image .view {
    height: 46px;
    line-height: 45px;
    padding: 0 15px;
    font-size: 24px
}

.app-popup .hero-image .tutorial {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 5px 6px 4px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color: #2a1f0a;
    background: #ffbb38
}

.app-popup .hero-image .tutorial.-show {
    display: block
}

.app-popup .hero-image img {
    width: 530px;
    height: 236px
}

.app-popup .big-title {
    display: block;
    height: 1.2em;
    margin: 8px 0 -1px 11px;
    font-size: 21px;
    font-weight: 400;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.app-popup .big-title strong {
    font-weight: normal
}

.app-popup .popup-info {
    width: 380px
}

.app-popup .popup-info .app-category {
    display: block;
    float: none;
    margin: 0 9px
}

.app-popup .popup-info .stars {
    display: block;
    margin: 0 0 5px -14px;
    -moz-transform: scale(.8) translateX(-18px);
    -ms-transform: scale(.8) translateX(-18px);
    -webkit-transform: scale(.8) translateX(-18px);
    transform: scale(.8) translateX(-18px)
}

.app-popup .author {
    position: absolute;
    bottom: 10px;
    right: 12px;
    vertical-align: middle
}

.app-popup .author .name {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin-top: 7px;
    width: 100px;
    height: 25px;
    padding-right: 6px;
    font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 16px;
    text-align: right
}

.app-popup .author img {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 45px;
    height: 45px
}

@media only screen and (max-width:1079px) {
    .app-compact .wishlist {
        display: none!important
    }
    .app-popup {
        display: none!important
    }
}

.app-list.-compact {
    display: block;
    padding: 0;
    margin: 0 -4px;
    *zoom: 1
}

.app-list.-compact:before,
.app-list.-compact:after {
    content: " ";
    display: table
}

.app-list.-compact:after {
    clear: both
}

.app-list.-compact>li {
    display: inline;
    height: auto;
    float: left;
    padding: 0 4px 8px
}

.app-list.-compact li {
    padding-bottom: 12px
}

.app-list.-wrapped .app-compact {
    padding: 4px;
    background: #fff;
    background: rgba(255, 255, 255, .92);
    border-radius: 3px
}

.app-list.-wrapped .app-popup.right {
    left: 96.5%
}

.app-list.-wrapped .app-popup.left {
    right: 96.5%
}

.appStack_item {
    margin-top: 30px
}

.appStack .appStack_item:first-child {
    margin-top: 0
}

.appStack_thumb img {
    display: block;
    height: 68px
}

.appStack_title {
    margin: -5px 0 5px;
    font-size: 20px;
    font-weight: normal;
    color: #565656
}

.appStack_title a {
    color: #565656;
    text-decoration: none
}

@media only screen and (min-width:420px) {
    .appStack_title a {
        display: block;
        width: 100%;
        height: 1.35em;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }
}

.appStack.-larger .appStack_thumb img {
    height: 74px
}

.listView_item {
    position: relative;
    min-height: 188px;
    margin-bottom: 26px;
    padding: 0 0 1.3em 0!important;
    border-bottom: 1px solid #ebebeb
}

.listView_item_photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px
}

.listView_item_photo .app-compact {
    padding: 0;
    border: 0
}

.listView_item_photo .app-compact>a {
    display: block
}

.listView_item_photo_img {
    display: block;
    width: 100%
}

.listView_item_photo .app-category {
    max-width: 100%;
    width: 100%
}

.listView_item_photo_price {
    display: block;
    padding: 2px 0 3px;
    font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: 500;
    color: #fff!important;
    text-align: center;
    background: #863285;
    border-radius: 0 0 3px 3px
}

.listView_item_photo_rating {
    display: none;
    margin-top: .75em
}

.listView_item_photo_rating span {
    display: block;
    text-align: center
}

.listView_item_content {
    margin-left: 60px
}

.listView_item_title {
    display: block;
    width: 70%;
    margin-bottom: 5px;
    height: 1.4em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 1.15em;
    line-height: 1.3;
    font-weight: 500;
    color: #863285
}

.listView_item_title_link {
    color: #863285
}

.listView_item_title_link:hover {
    color: #863285;
    text-decoration: underline
}

.listView_item_rating {
    float: right;
    margin: -3px -2px 0 0;
    transform: scale(.9)
}

.listView_item_rating_star {
    padding: 0
}

.listView_item_rating_avg {
    font-size: 1.1em;
    vertical-align: -3px
}

.listView_item_tags {
    margin: 3px 0;
    max-height: 49px;
    overflow: hidden
}

.listView_item_description {
    max-height: 66px;
    overflow: hidden
}

.listView_item_button {
    display: none
}

.queryHighlight,
.tagList_item .queryHighlight {
    color: inherit;
    background: #ffea00;
    background: rgba(255, 234, 0, .45)
}

@media only screen and (min-width:320px) {
    .listView_item_photo {
        width: 80px
    }
    .listView_item_content {
        margin-left: 90px
    }
    .listView_item_title {
        width: 75%
    }
}

@media only screen and (min-width:400px) {
    .listView_item_photo {
        width: 90px
    }
    .listView_item_content {
        margin-left: 100px
    }
    .listView_item_title {
        width: 78%
    }
}

@media only screen and (min-width:600px) {
    .listView_item_photo a {
        width: 150px
    }
    .listView_item_photo_price {
        display: none
    }
    .listView_item_content {
        overflow: hidden;
        margin-left: 162px
    }
    .listView_item_title {
        width: 85%;
        margin-bottom: 8px;
        font-size: 1.3em
    }
    .listView_item_tags {
        max-height: 2.05em
    }
    .listView_item_button {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        margin: .5em 0 8px;
        font-size: 18px
    }
}

@media only screen and (min-width:768px) {
    .listView_item_photo {
        width: 188px
    }
    .listView_item_content {
        overflow: hidden;
        margin-left: 200px
    }
}

@media only screen and (min-width:1025px) {
    .listView_item_photo a {
        width: 210px
    }
    .listView_item_photo_rating {
        display: none
    }
    .listView_item_content {
        margin-left: 225px
    }
    .listView_item_title {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        width: 90%;
        margin-bottom: 1px;
        padding-right: 3px;
        font-size: 1.4em
    }
    .listView_item_rating {
        display: block;
        margin-top: 0
    }
}

.tagList {
    list-style: none;
    font-size: 12px
}

.tagList_item {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0 1px 4px 0
}

.tagList_item_inner {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    padding: 1px 5px;
    font-weight: bold;
    color: #565656;
    background: #ececec;
    border-radius: 3px
}

.tagList_item_link {
    color: #565656;
    background: #ececec
}

.tagList_item_link:hover {
    color: #fff;
    background: #0293dd
}

@media only screen and (min-width:600px) {
    .tagList {
        font-size: 13px
    }
    .tagList_item_inner {
        padding: 2px 6px
    }
}

.appGrid,
.grid.appGrid {
    text-align: left
}

.appGrid_item,
.grid_column.appGrid_item {
    margin-bottom: 10px
}

.app-compact {
    padding: 10px;
    padding-bottom: 9.09091px;
    border: 1px solid #e1e1e1;
    background: #fcfcfc
}

.appGrid_image,
.app-compact .image {
    position: relative;
    margin-bottom: 8px;
    background: #eaeaea
}

.appGrid_image_inner,
.app-compact .thumb {
    display: block;
    position: relative;
    z-index: 1;
    padding-bottom: 70%;
    width: 100%;
    height: 0
}

.appGrid_image_inner img,
.app-compact .thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.appGrid_title {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: normal
}

.appGrid_title a {
    display: block;
    color: #242424
}

.appGrid .app-category {
    margin: 0 0 0 -3px
}

.appGrid_price {
    color: #242424;
    font-size: 16px;
    font-weight: bold
}

[data-modalContent] {
    display: none!important
}

body.modalActive {
    height: 100%!important;
    overflow: hidden!important
}

body.modalBlur #site {
    -webkit-filter: blur(3px) translateZ(0);
    filter: blur(3px) translateZ(0);
    -moz-transition: 2000ms 100ms;
    -o-transition: 2000ms 100ms;
    -webkit-transition: 2000ms;
    -webkit-transition-delay: 100ms;
    transition: 2000ms 100ms
}

.chupaModal {
    display: none;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: opacity 200ms ease-out;
    -o-transition: opacity 200ms ease-out;
    -webkit-transition: opacity 200ms ease-out;
    transition: opacity 200ms ease-out;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background: rgba(0, 0, 0, .6);
    background: -moz-repeating-linear-gradient(45deg, rgba(0, 0, 0, .62), rgba(0, 0, 0, .62) 8px, rgba(0, 0, 0, .6) 8px, rgba(0, 0, 0, .6) 10px);
    background: -webkit-repeating-linear-gradient(45deg, rgba(0, 0, 0, .62), rgba(0, 0, 0, .62) 8px, rgba(0, 0, 0, .6) 8px, rgba(0, 0, 0, .6) 10px);
    background: repeating-linear-gradient(45deg, rgba(0, 0, 0, .62), rgba(0, 0, 0, .62) 8px, rgba(0, 0, 0, .6) 8px, rgba(0, 0, 0, .6) 10px)
}

.chupaModal[disableTransitions] {
    -moz-transition: none!important;
    -o-transition: none!important;
    -webkit-transition: none!important;
    transition: none!important
}

.chupaModal[disableTransitions] .chupaModal_content {
    -moz-transition: none!important;
    -o-transition: none!important;
    -webkit-transition: none!important;
    transition: none!important
}

.chupaModal[show] {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-perspective: 1200;
    -webkit-perspective: 1200;
    perspective: 1200
}

.chupaModal[show] .chupaModal_content {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: translateZ(0) translateY(0);
    -ms-transform: translateZ(0) translateY(0);
    -webkit-transform: translateZ(0) translateY(0);
    transform: translateZ(0) translateY(0)
}

.chupaModal[flipOut] .chupaModal_content {
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.chupaModal[flipSet] .chupaModal_content {
    -moz-transform: rotateY(270deg);
    -ms-transform: rotateY(270deg);
    -webkit-transform: rotateY(270deg);
    transform: rotateY(270deg)
}

.chupaModal[flipIn] .chupaModal_content {
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg)
}

.chupaModal_inner {
    display: table;
    width: auto;
    max-width: 780px;
    height: 100%;
    margin: auto
}

.chupaModal_inner2 {
    display: table-cell;
    vertical-align: middle
}

.chupaModal_content {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform: translateZ(0) translateY(-30px);
    -ms-transform: translateZ(0) translateY(-30px);
    -webkit-transform: translateZ(0) translateY(-30px);
    transform: translateZ(0) translateY(-30px);
    -moz-transform-style: "preserve-3d";
    -webkit-transform-style: "preserve-3d";
    transform-style: "preserve-3d";
    -moz-transition: ease-out 250ms;
    -o-transition: ease-out 250ms;
    -webkit-transition: ease-out 250ms;
    transition: ease-out 250ms;
    position: relative;
    display: block;
    margin: 1em;
    padding: 18.66667px;
    background: #fff
}

@media only screen and (min-width:600px) {
    .chupaModal_content {
        padding: 28px
    }
}

.chupaModal_close {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 5px;
    font-size: 22px;
    color: #8e8e8e
}

.loginModal .chupaModal_inner {
    width: 720px
}

.loginModal .chupaModal_content {
    padding: 0;
    background: none
}

.loginModal_body {
    display: none;
    padding: 22.4px!important;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

@media only screen and (min-width:600px) {
    .loginModal_body {
        padding: 28px!important
    }
}

.loginModal.-showLogin .loginModal_body.-login {
    display: block
}

.loginModal.-showRegister .loginModal_body.-register {
    display: block
}

.loginModal_header {
    text-align: center
}

.loginModal_header_logo {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin-bottom: 14px;
    width: 240px
}

.loginModal_header_title {
    margin-bottom: 0;
    font-size: 24px
}

.loginModal_header_subtitle {
    margin-bottom: 22px;
    font-size: 16px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #7b7b7b
}

.loginModal_formWrapper {
    max-width: 280px;
    margin: auto;
    margin-bottom: 16px
}

.loginModal_formWrapper form {
    margin: 0
}

.loginModal_submit {
    margin-top: 1em
}

.loginModal_terms {
    margin-bottom: 15.55556px;
    font-size: 13px;
    color: #7d7d7d;
    text-align: center
}

.loginModal_flip {
    text-align: center
}

.loginModal_flip_link {
    color: #242424;
    text-decoration: underline
}

.loginModal_footer {
    display: none;
    margin-top: 1em;
    color: #f6f6f6;
    text-align: center
}

@media only screen and (min-width:400px) {
    .loginModal_footer {
        display: block
    }
}

.loginModal_footer_left,
.loginModal_footer_right {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    padding: 0 12px;
    font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    text-align: left
}

.loginModal_footer_left {
    padding-right: 16px;
    border-right: 2px solid #f6f6f6
}

.loginModal_footer strong {
    float: left;
    margin-right: 7px;
    font-size: 32px;
    font-weight: normal;
    line-height: 1.1
}

.loginModal_footer span {
    font-size: 14px;
    line-height: 1.2
}

html {
    padding: 0!important;
    overflow: visible!important;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

body {
    color: #565656;
    background: #312f31;
    overflow-x: hidden
}

body.overflow-none {
    height: 100%!important;
    overflow: hidden!important
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

h1,
h2,
h3,
h4,
h5,
h6,
* {
    margin-top: 0
}

hr {
    margin-bottom: 30px
}

img.alt {
    width: 1px;
    height: 1px
}

table {
    width: 100%
}

#breakpoint {
    display: none;
    font-family: default
}

@media only screen and (min-width:420px) {
    #breakpoint {
        font-family: small
    }
}

@media only screen and (min-width:768px) {
    #breakpoint {
        font-family: medium
    }
}

@media only screen and (min-width:1080px) {
    #breakpoint {
        font-family: large
    }
}

.lt-ie10 #breakpoint {
    font-family: large
}

.grid {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    list-style: none!important;
    font-size: 0;
    letter-spacing: -.31em;
    text-align: center;
    direction: ltr
}

.grid.-reverse {
    direction: rtl
}

.grid_column {
    position: relative;
    float: none!important;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    padding-left: 14px;
    padding-right: 14px;
    width: 100%;
    vertical-align: top;
    font-size: 16px;
    letter-spacing: normal;
    text-align: left;
    direction: ltr
}

.grid .grid,
.row .grid {
    margin-left: -14px;
    margin-right: -14px
}

.grid.-alignLeft {
    text-align: left
}

.grid.-center>.grid_column {
    display: block
}

@media only screen and (min-width:320px) {
    .-small1 {
        width: 8.33333%
    }
    .-small2 {
        width: 16.66667%
    }
    .-small3 {
        width: 25%
    }
    .-small4 {
        width: 33.33333%
    }
    .-small5 {
        width: 41.66667%
    }
    .-small6 {
        width: 50%
    }
    .-small7 {
        width: 58.33333%
    }
    .-small8 {
        width: 66.66667%
    }
    .-small9 {
        width: 75%
    }
    .-small10 {
        width: 83.33333%
    }
    .-small11 {
        width: 91.66667%
    }
    .-small12 {
        width: 100%
    }
    .-small20p {
        width: 20%
    }
}

@media only screen and (min-width:400px) {
    .-smallPlus1 {
        width: 8.33333%
    }
    .-smallPlus2 {
        width: 16.66667%
    }
    .-smallPlus3 {
        width: 25%
    }
    .-smallPlus4 {
        width: 33.33333%
    }
    .-smallPlus5 {
        width: 41.66667%
    }
    .-smallPlus6 {
        width: 50%
    }
    .-smallPlus7 {
        width: 58.33333%
    }
    .-smallPlus8 {
        width: 66.66667%
    }
    .-smallPlus9 {
        width: 75%
    }
    .-smallPlus10 {
        width: 83.33333%
    }
    .-smallPlus11 {
        width: 91.66667%
    }
    .-smallPlus12 {
        width: 100%
    }
    .-smallPlus20p {
        width: 20%
    }
}

@media only screen and (min-width:600px) {
    .-medium1 {
        width: 8.33333%
    }
    .-medium2 {
        width: 16.66667%
    }
    .-medium3 {
        width: 25%
    }
    .-medium4 {
        width: 33.33333%
    }
    .-medium5 {
        width: 41.66667%
    }
    .-medium6 {
        width: 50%
    }
    .-medium7 {
        width: 58.33333%
    }
    .-medium8 {
        width: 66.66667%
    }
    .-medium9 {
        width: 75%
    }
    .-medium10 {
        width: 83.33333%
    }
    .-medium11 {
        width: 91.66667%
    }
    .-medium12 {
        width: 100%
    }
    .-medium20p {
        width: 20%
    }
}

@media only screen and (min-width:768px) {
    .-mediumPlus1 {
        width: 8.33333%
    }
    .-mediumPlus2 {
        width: 16.66667%
    }
    .-mediumPlus3 {
        width: 25%
    }
    .-mediumPlus4 {
        width: 33.33333%
    }
    .-mediumPlus5 {
        width: 41.66667%
    }
    .-mediumPlus6 {
        width: 50%
    }
    .-mediumPlus7 {
        width: 58.33333%
    }
    .-mediumPlus8 {
        width: 66.66667%
    }
    .-mediumPlus9 {
        width: 75%
    }
    .-mediumPlus10 {
        width: 83.33333%
    }
    .-mediumPlus11 {
        width: 91.66667%
    }
    .-mediumPlus12 {
        width: 100%
    }
    .-mediumPlus20p {
        width: 20%
    }
}

@media only screen and (min-width:1025px) {
    .grid {
        max-width: 1090px
    }
    .-large1 {
        width: 8.33333%
    }
    .-large2 {
        width: 16.66667%
    }
    .-large3 {
        width: 25%
    }
    .-large4 {
        width: 33.33333%
    }
    .-large5 {
        width: 41.66667%
    }
    .-large6 {
        width: 50%
    }
    .-large7 {
        width: 58.33333%
    }
    .-large8 {
        width: 66.66667%
    }
    .-large9 {
        width: 75%
    }
    .-large10 {
        width: 83.33333%
    }
    .-large11 {
        width: 91.66667%
    }
    .-large12 {
        width: 100%
    }
    .-large20p {
        width: 20%
    }
}

.grid.-collapse {
    margin-left: auto!important;
    margin-right: auto!important
}

.grid.-collapse>.grid_column {
    padding-left: 0;
    padding-right: 0
}

@media only screen and (min-width:320px) {
    .grid.-collapse.-smallExpand>.grid_column {
        padding-left: 14px;
        padding-right: 14px
    }
}

@media only screen and (min-width:600px) {
    .grid.-collapse.-mediumExpand>.grid_column {
        padding-left: 14px;
        padding-right: 14px
    }
}

@media only screen and (min-width:1025px) {
    .grid.-collapse.-largeExpand>.grid_column {
        padding-left: 14px;
        padding-right: 14px
    }
}

.lt-ie9 .grid.-appGrid,
.grid.-appGrid {
    margin-left: -5px;
    margin-right: -5px
}

.lt-ie9 .grid.-appGrid>.grid_column,
.grid.-appGrid>.grid_column {
    padding-left: 5px;
    padding-right: 5px
}

[hidden] {
    display: none!important
}

.showForJS {
    display: none!important
}

.js .showForJS {
    display: block!important
}

.js .hideForJS {
    display: none!important
}

.showFromSmall,
.showFromSmallPlus,
.showFromMedium,
.showFromMediumPlus,
.showFromLarge {
    display: none!important
}

@media only screen and (min-width:320px) {
    .hideFromSmall {
        display: none!important
    }
    .showFromSmall {
        display: inherit!important
    }
}

@media only screen and (min-width:400px) {
    .hideFromSmallPlus {
        display: none!important
    }
    .showFromSmallPlus {
        display: inherit!important
    }
}

@media only screen and (min-width:600px) {
    .hideFromMedium {
        display: none!important
    }
    .showFromMedium {
        display: inherit!important
    }
}

@media only screen and (min-width:768px) {
    .hideFromMediumPlus {
        display: none!important
    }
    .showFromMediumPlus {
        display: inherit!important
    }
}

@media only screen and (min-width:1025px) {
    .hideFromLarge {
        display: none!important
    }
    .showFromLarge {
        display: inherit!important
    }
}

.placeholder .hideIfPlaceholder {
    display: none!important
}

header {
    position: relative;
    z-index: 101;
    height: 108px
}

.headerInner {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid #e4e4e4
}

.headerInner.offset {
    /* box-shadow: 0 2px 3px rgba(0, 0, 0, .3) */
}

header .top {
    height: 54px;
    background: #fff
}

#hamburger {
    float: left;
    position: relative;
    margin-left: -20px;
    margin-right: 1em;
    padding: 20px;
    border-right: 1px solid #d5d5d5
}

#hamburger .notification {
    display: none;
    position: absolute;
    top: 7px;
    right: 7px;
    padding: 2px 3px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    background: #ee4848;
    border-radius: 3px
}

#hamburger .notification.active {
    display: block
}

#logo {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin-top: 14px;
    margin-left: -9px
}

#logo img {
    height: 28px
}

@media only screen and (min-width:1080px) {
    #logo img {
        height: 36px
    }
}

#nav {
    height: 80px;
    display: none
}

#nav ul {
    -moz-transition: ease-out 200ms;
    -o-transition: ease-out 200ms;
    -webkit-transition: ease-out 200ms;
    transition: ease-out 200ms
}

#nav ul {
    font-size: 0
}

#nav li {
    position: relative;
    font-size: 15px
}

#nav a {
    float: none!important;
    display: block;
    padding: 0 15px;
    line-height: 79px;
    font-weight: 300;
    font-size: 19px;
    color: #565656;
    text-decoration: none;
    border: 1px solid transparent;
    background: #fff;
    border-top: 0;
    border-bottom: 0
}

#nav li.active a {
    color: #0083c5
}

#nav li.open.active a {
    background: #f5f5f5;
    border-color: #e0e0e0
}

#nav>ul>li {
    -moz-box-shadow: 0 2px 5px transparent;
    -webkit-box-shadow: 0 2px 5px transparent;
    box-shadow: 0 2px 5px transparent
}

#nav>ul>li:hover {
    z-index: 2;
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25)
}

#nav>ul>li:hover>a {
    color: #242424
}

#nav>ul>li:hover>a i {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: .75
}

#nav>ul>li:hover ul {
    display: block;
    z-index: 2;
    margin-top: -12px;
    opacity: 1;
    visibility: visible
}

#nav>ul>li:hover ul li {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -moz-transition: 200ms 200ms;
    -o-transition: 200ms 200ms;
    -webkit-transition: 200ms;
    -webkit-transition-delay: 200ms;
    transition: 200ms 200ms
}

#nav ul ul {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: -100;
    margin-top: -40%;
    width: 100%;
    height: auto;
    opacity: 0;
    visibility: hidden;
    background: #fff
}

#nav ul ul li {
    display: block;
    height: auto;
    float: none;
    -moz-transition: 200ms 200ms;
    -o-transition: 200ms 200ms;
    -webkit-transition: 200ms;
    -webkit-transition-delay: 200ms;
    transition: 200ms 200ms
}

#nav ul ul li a {
    display: block;
    padding: 5px 15px;
    height: auto;
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
    text-align: left;
    background: none
}

#nav ul ul li a:hover {
    color: #0293dd;
    background: rgba(2, 147, 221, .08)
}

#nav ul ul li:nth-child(1) {
    -moz-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%)
}

#nav ul ul li:nth-child(2) {
    -moz-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%)
}

#nav ul ul li:nth-child(3) {
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%)
}

#nav ul ul li:last-child a {
    padding-bottom: 12px
}

#userbar {
    position: relative;
    z-index: 3;
    float: right;
    margin-top: 18px;
    display: none;
    position: relative
}

#userbar>ul {
    float: left
}

#userbar>ul>li {
    float: left
}

#userbar>ul>li>a {
    float: left;
    margin-left: 1px;
    text-decoration: none;
    text-align: center
}

#userbar>ul>li>a i {
    margin-right: 3px;
    margin-bottom: -2px;
    vertical-align: -1px!important
}

#userbar>ul>li>a strong {
    color: #8f8f8f;
    font-weight: 400
}

#userbar>ul>li>a:hover,
#userbar>ul>li>a.hover {
    box-shadow: inset 0 0 11px rgba(0, 0, 0, .25)
}

#userbar>ul>li>a:hover strong,
#userbar>ul>li>a.hover strong {
    color: #000
}

#userbar>ul>li.active>a {
    color: #fff;
    background: #0083c5
}

#userbar>ul>li.active>a strong {
    color: #fff
}

#userbar>ul>li.active.filled>a strong {
    color: #fff
}

#userbar>ul>li.wishlist>a i {
    margin-left: -2px
}

#userbar>ul>li.cart>a i {
    margin-left: -2px
}

#userbar>ul>li.user>a i {
    margin-left: -2px
}

#userbar>ul>li.filled>a strong {
    color: #000
}

#userbar #login {
    right: 0;
    width: 22em
}

#userbar #login .arrow {
    right: 214px
}

#userbar #login #login-form {
    margin-top: 1.2em;
    border-top: 1px solid #e7e7e7;
    padding-top: 1.2em
}

#userbar #login .forgot-password {
    margin-top: 1px;
    font-size: 14px
}

#userbar #wishlist {
    right: 0;
    width: 25em
}

#userbar #wishlist .arrow {
    right: 165px
}

#userbar #cart {
    right: 0;
    width: 25em
}

#userbar #cart .arrow {
    right: 95px
}

#userbar #cart.for-guests .arrow {
    right: 137px
}

#userbar #user {
    right: 0;
    min-width: 15em
}

#userbar #user .arrow {
    right: 27px
}

#userbar-mobile {
    position: absolute;
    top: 0;
    right: 0
}

#userbar-mobile .userbar_item {
    float: left
}

#userbar-mobile .userbar_link {
    display: block;
    padding: 0 11px;
    height: 54px;
    line-height: 54px;
    border-left: 1px solid #ebebeb;
    font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #b6b6b6
}

@media only screen and (min-width:420px) {
    #userbar-mobile .userbar_link {
        padding: 0 15px
    }
}

.img-cart-19-lightgray,
.userbar_icon.-cart {
    width: 19px;
    height: 19px;
}

.img-cart-19-darkgray,
.userbar_item.-filled .userbar_icon.-cart {
    width: 19px;
    height: 19px;
}

.img-heart-19-lightgray,
.userbar_icon.-wishlist {
    width: 19px;
    height: 19px;
}

.img-heart-19-darkgray,
.userbar_item.-filled .userbar_icon.-wishlist {
    width: 19px;
    height: 19px;
}

.img-user-19-lightgray,
.userbar_icon.-user {
    width: 17px;
    height: 19px;
}

.img-user-19-darkgray,
.userbar_item.-filled .userbar_icon.-user {
    width: 17px;
    height: 19px;
}

.userbar_item {
    position: relative
}

.userbar_link {
    position: relative
}

.userbar_icon {
    vertical-align: -4px
}

.userbar_counter {
    display: none;
    position: absolute;
    top: 20%;
    right: 12%;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background: #0075af;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    line-height: 1.4;
    text-align: center
}

.userbar_item.-filled .userbar_counter {
    display: block
}

.userbar_item.-filled .userbar_icon {
    margin-left: -2px;
    margin-right: 2px
}

.img-x-17,
#userNav_close .img,
#userNav_close .customSelect .overlay:after,
.customSelect #userNav_close .overlay:after,
#userNav_close .viewChoice_item_label_icon,
#userNav_close .oneLogin_facebook_icon,
#userNav_close .stars.-compact i,
.stars.-compact #userNav_close i,
#userNav_close .userbar_icon {
    width: 16px;
    height: 17px;
}

#userNav_close {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #474747;
    display: none
}

#userNav_close .img,
#userNav_close .customSelect .overlay:after,
.customSelect #userNav_close .overlay:after,
#userNav_close .viewChoice_item_label_icon,
#userNav_close .oneLogin_facebook_icon,
#userNav_close .stars.-compact i,
.stars.-compact #userNav_close i,
#userNav_close .userbar_icon {
    margin-top: 17px;
    vertical-align: -4px
}

.userNav {
    position: absolute;
    z-index: 101;
    top: 100%;
    right: 0;
    display: none;
    width: 200px;
    font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    background: #474747
}

.userNav_item {
    float: left;
    width: 50%
}

.userNav_link {
    display: block;
    padding: 11px;
    color: #e0e0e0;
    font-size: 15px;
    font-weight: 300;
    border: 0;
    border-bottom: 1px solid #3c3c3c;
    border-top: 1px solid #545454;
    border-right: 1px solid #3c3c3c
}

@media only screen and (min-width:768px) {
    .userNav_item {
        width: 33.3333%
    }
    .userNav_link {
        padding: 13px;
        font-size: 16px
    }
}

body.userNav-open #userNav_close {
    display: block
}

body.userNav-open .userNav {
    display: block
}

header .bottom {
    position: relative;
    height: 54px;
    background: #f5f5f5;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #f0f0f0));
    background: -moz-linear-gradient(top, #f5f5f5, #f0f0f0);
    background: -webkit-linear-gradient(top, #f5f5f5, #f0f0f0);
    background: linear-gradient(to bottom, #f5f5f5, #f0f0f0);
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4
}

header .bottom .column:nth-child(2) {
    position: absolute;
    top: 0;
    right: 0;
    height: 54px;
    max-width: 54px
}

#lang-trigger {
    float: left;
    display: none;
    position: relative;
    margin-left: -20px;
    padding: 0 36px 0 20px;
    height: 60px;
    line-height: 55px;
    border: 1px solid transparent;
    border-right-color: #e4e4e4
}

#lang-trigger:before {
    position: absolute;
    top: 19px;
    right: 22px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #bebebe;
    border-top: 4px solid transparent;
    content: ''
}

#lang-trigger:after {
    position: absolute;
    top: 30px;
    right: 22px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-top: 4px solid #bebebe;
    content: ''
}

#lang-trigger:hover,
#lang-trigger.hover {
    background: #ebebeb;
    border-color: #cbcbcb;
    box-shadow: inset 0 0 9px rgba(0, 0, 0, .2);
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

#lang {
    left: -7px;
    right: auto
}

#lang .arrow {
    left: 24px
}

#lang li {
    display: block
}

#lang a {
    display: block;
    padding: .2em 1.3em .2em .9em;
    font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 1.13333em;
    font-weight: 400;
    white-space: nowrap;
    color: #373737
}

#lang i {
    vertical-align: -4px;
    margin-right: 6px
}

#lang a:hover {
    color: #0083c5;
    background: #f4f9f9
}

#lang li:first-child a {
    padding-top: .7em
}

#lang li:last-child a {
    padding-bottom: .7em
}

#subnav {
    display: block;
    height: 53px;
    margin-left: -11px;
    overflow: hidden
}

#subnav ul {
    display: block
}

#subnav li {
    float: left
}

#subnav a {
    display: block;
    padding: 0 10px;
    font-size: 17px;
    color: #565656;
    line-height: 54px
}

#subnav span {
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    height: 54px
}

#subnav a:hover span {
    border-bottom: 2px solid #454545
}

#subnav li.active a span {
    border-bottom: 2px solid #0083c5
}

.img-search-clear {
    width: 21px;
    height: 21px;
}

@media only screen and (min-width:768px) {
    #nav {
        display: block;
        width: 100%;
        margin-top: 80px;
        text-align: center;
        border-top: 1px solid #ececec
    }
    #userbar {
        display: block;
        position: absolute;
        top: 0px;
        right: 10px
    }
    header .bottom .column:nth-child(2) {
        position: static;
        max-width: none
    }
}

@media only screen and (min-width:1080px) {
    header {
        height: 80px
    }
    header .top {
        height: 80px
    }
    #logo {
        zoom: 1;
        float: left;
        margin-top: 20px;
        max-width: 254px
    }
    #logo {
        float: left;
        margin-right: 15px;
        margin-left: -10px
    }
    #nav {
        float: left;
        width: auto;
        margin-top: 0;
        border-top: 0
    }
    #nav ul,
    #nav li,
    #nav a {
        float: left
    }
    #userbar.active {
        display: block;
        position: static;
        top: auto;
        right: auto
    }
    header .bottom {
        display: none!important;
        height: 60px;
        border-top: 0
    }
    #lang-trigger {
        display: block
    }
    #subnav {
        float: left;
        width: auto
    }
    #subnav a {
        line-height: 60px
    }
    #subnav span {
        height: 60px
    }
    #subnav li a:hover span {
        border-bottom-color: #565656
    }
    #subnav li.active a {
        color: #0083c5
    }
    #subnav li.active a span {
        border-bottom-color: #0083c5
    }
    #subnav li:first-child a {
        padding-left: 20px
    }
}

.searchHero {
    position: relative;
    z-index: 15;
    display: block;
    width: 100%;
    margin: 0;
    -moz-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms
}

.searchHero .grid {
    position: relative;
    z-index: 2
}

.searchHero::before {
    position: absolute;
    top: -20%;
    left: 0;
    width: 100%;
    height: 140%;
    background: -moz-radial-gradient(circle, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));
    background: -webkit-radial-gradient(circle, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));
    background: radial-gradient(circle, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0))
}

.img-search-white-22,
.searchHero_wrapper .searchHero_submit i {
    width: 22px;
    height: 22px;
}

.img-delete-22,
.searchHero_wrapper .searchHero_clear i {
    width: 22px;
    height: 22px;
}

.searchHero_wrapper {
    position: relative;
    margin: 1.25em 0;
    height: 52px;
    background: #fff;
    border-radius: 50px;
    overflow: visible!important
}

.searchHero_wrapper form {
    position: relative;
    height: 52px;
    margin: 0
}

.searchHero_wrapper .searchHero_input {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    padding-left: 15px;
    padding-right: 21%;
    font-size: 16px;
    color: #565656!important;
    background: none!important;
    border: 0;
    border-radius: 5px
}

.searchHero_wrapper .searchHero_clear {
    display: none;
    position: absolute;
    z-index: 3;
    top: 3px;
    right: 64px;
    text-align: center;
    width: 46px;
    height: 46px
}

.searchHero_wrapper .searchHero_clear i {
    margin-top: 13px;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=25);
    opacity: .25;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -webkit-transition: 200ms;
    transition: 200ms
}

.searchHero_wrapper .searchHero_clear i:hover {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: .75
}

.searchHero_wrapper .searchHero_clear.-visible {
    display: block
}

.searchHero_wrapper .searchHero_submit {
    position: absolute;
    padding: 0 18px!important;
    top: 3px;
    right: 3px;
    line-height: 46px;
    height: 46px;
    border-radius: 50px;
    width: 150px;
}

.searchHero_wrapper .searchHero_submit i {
    vertical-align: -4px
}

.searchHero.-hideInitially {
    position: absolute;
    left: -9999px;
    opacity: 0
}

@media only screen and (min-width:600px) {
    .searchHero_wrapper {
        margin: 2em 0;
        height: 58px
    }
    .searchHero_wrapper form {
        height: 58px
    }
    .searchHero_wrapper .searchHero_clear {
        right: 74px;
        height: 52px
    }
    .searchHero_wrapper .searchHero_clear i {
        margin-top: 15px
    }
    .searchHero_wrapper .searchHero_input {
        padding-left: 20px;
        font-size: 18px
    }
    .searchHero_wrapper .searchHero_submit {
        padding: 0 23px!important;
        line-height: 52px;
        height: 52px
    }
}

#site {
    overflow: hidden
}

#page {
    padding-bottom: 3em;
    background: #fcfcfc
}

#page>section {
    padding-top: 2em;
    margin-bottom: 2.25em;
    border-top: 1px solid #e7e7e7
}

#page>section:first-child {
    border-top: 0
}

#page>section.-clean {
    margin-bottom: 0!important
}

#page>section:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:768px) {
    #page>section {
        padding-top: 2.5em;
        margin-bottom: 3.2em
    }
}

.sidebar {
    font-size: .93333em
}

.sidebar .block {
    margin-bottom: 1em;
    padding: 1.2em 1.1em;
    background: #f5f5f5;
    border: 1px solid #d2d2d2;
    border-radius: 3px
}

.sidebar .block .block-title {
    margin-bottom: .5em;
    font-size: 1.35em;
    font-weight: 300
}

.sidebar .block section {
    margin-top: 22.22222px;
    padding: 1.48148em;
    border-top: 1px solid #e3e3e3
}

.sidebar .block section:first-child {
    border: 0;
    margin: 0
}

.sidebar .block.clean {
    padding: 0
}

.sidebar .block_label {
    margin-bottom: 1em;
    font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: #565656
}

.side-categories {
    line-height: 15px
}

.side-categories li a {
    display: block;
    padding: 4px 0;
    color: #595959
}

.side-categories li a span {
    position: relative
}

.side-categories li a small {
    float: right;
    font-size: inherit;
    color: #b9b9b9
}

.side-categories li a small.red,
.side-categories li a small.gray {
    margin-top: -1px;
    min-width: 20px;
    padding: 3px;
    font-size: 12px;
    line-height: 1;
    color: #fff!important;
    text-align: center;
    background: #cecece;
    border-radius: 2px
}

.side-categories li a small.red {
    background: #ed4c4d
}

.side-categories li a:hover {
    color: #0083c5;
    text-decoration: underline
}

.side-categories li a:hover small {
    color: #0083c5
}

.side-categories li.featured a:before {
    margin: -2px 4px 0 0;
    content: ''
}

.side-categories li.active>a {
    font-weight: bold;
    color: #0083c5
}

.side-categories li.active>a small {
    color: #0083c5
}

.side-categories li ul {
    margin: 6px 0;
    line-height: 15px;
    border-left: 1px solid #cdcdcd
}

.side-categories li ul li span {
    padding-left: 1em
}

.side-categories li ul li.active a span:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -2px;
    width: 3px;
    background: #0083c5;
    content: ''
}

.side-categories li ul li:first-child a {
    padding-top: 0
}

.side-categories li ul li:last-child a {
    padding-bottom: 0
}

.new-category-parent {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 1.11em;
    font-weight: bolder
}

.category-splitter {
    margin-top: 5px;
    margin-bottom: 5px
}

.category-filter {
    position: relative;
    padding-left: 10px!important
}

.categoryFilter_remove {
    display: none!important;
    position: absolute;
    top: 5px;
    right: 0;
    padding: 0 3px 3px 3px!important;
    font-weight: bold;
    line-height: .9;
    text-decoration: none!important;
    background: #ddd;
    border-radius: 50%
}

.categoryFilter_remove:hover {
    color: #fff!important;
    background: #ed4848
}

.category-filter.-active .categoryFilter_remove {
    display: block!important
}

.no-categories {
    padding-left: 10px!important;
    opacity: .5!important
}

.sectionTitle.-line {
    position: relative;
    display: block!important;
    padding: 0 20px;
    font-size: 22px!important;
    font-weight: 300!important;
    color: gray!important;
    text-align: center!important
}

@media only screen and (min-width:400px) {
    .sectionTitle.-line {
        font-size: 26px!important
    }
    .sectionTitle.-line:before {
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 1px;
        top: .725em;
        left: 0;
        background: #e2e2e2;
        content: ''
    }
    .sectionTitle.-line span {
        position: relative;
        z-index: 2;
        padding: 0 .75em;
        background: #fcfcfc
    }
}

@media only screen and (min-width:1025px) {
    .sectionTitle.-line {
        font-size: 32px!important
    }
}

footer {
    color: #7c7b7b
}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
    color: #e7e7e7
}

footer .links a {
    color: #7c7b7b;
    text-decoration: none
}

footer .links a:hover {
    color: #35a7b5
}

footer hr {
    height: 0;
    background: none;
    border: 0;
    border-bottom: 1px solid #3c3a3c;
    border-top: 1px solid #1f1d1f
}

footer>section {
    padding: 30px 0;
    border-top: 1px solid #3c3a3c;
    border-bottom: 1px solid #1f1d1f
}

footer>section:first-child {
    border-top: 0
}

footer>section:last-child {
    border-bottom: 0
}

@media only screen and (min-width:768px) {
    footer .categories li {
        float: left
    }
}

footer .categories a {
    font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 18px
}

#footer-social a {
    padding: 16px 0 16px 65px!important;
    margin-bottom: 10px;
    line-height: 1em;
    text-align: left;
    background: #2b292b;
    background: rgba(0, 0, 0, .15)
}

#footer-social i {
    float: left
}

#footer-social i.facebook {
    margin-top: 4px;
    margin-left: -48px
}

#footer-social i.twitter {
    margin-top: 4px;
    margin-left: -47px
}

#footer-social strong {
    color: #35a7b5
}

#footer-social strong {
    color: white;
    margin-bottom: -11px;
    display: block;
}

#footer-social small {
    font-size: .86667em;
    color: #cbcbcb;
    font-weight: 300;
    text-transform: none
}

#footer-social a:hover {
    background: rgba(0, 0, 0, .35);
    box-shadow: inset 0 0 11px rgba(0, 0, 0, .5)
}

#newsletter label {
    display: block;
    margin-bottom: 1em
}

#newsletter label h4 {
    font-size: 25px
}

#newsletter form {
    display: block;
    position: relative;
    margin: 0
}

#newsletter .email {
    padding: .8em;
    margin: 0;
    height: 2.7em;
    color: #ababab;
    background: #292729;
    border: 1px solid #212021;
    border-radius: 3px 3px 0 0
}

#newsletter .email:-moz-placeholder {
    color: #626262;
    font-style: italic
}

#newsletter .email::-moz-placeholder {
    color: #626262;
    font-style: italic
}

#newsletter .email::-ms-input-placeholder {
    color: #626262;
    font-style: italic
}

#newsletter .email::-webkit-input-placeholder {
    color: #626262;
    font-style: italic
}

#newsletter .submit {
    display: block;
    width: 100%;
    padding: .6em 0;
    font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 17px;
    color: #35a7b5;
    background: #222122;
    border: 0;
    border-radius: 0 0 3px 3px
}

#newsletter .submit:hover {
    color: #fff;
    background: #35a7b5
}

@media only screen and (min-width:420px) {
    #footer-social li {
        float: left;
        width: 49%
    }
    #footer-social a {
        margin-bottom: 0px
    }
    #footer-social li:last-child {
        float: right
    }
    #newsletter .email {
        border-radius: 3px
    }
    #newsletter .submit {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: auto;
        padding: 0 2em;
        border-radius: 0 3px 3px 0
    }
}

@media only screen and (min-width:768px) {
    footer>section {
        padding: 45px 0
    }
}

@media only screen and (min-width:1080px) {
    #footer-social {
        padding-right: 1em
    }
    #footer-social li {
        float: none!important;
        display: block;
        width: auto
    }
    #footer-social a {
        margin-bottom: 10px
    }
    #newsletter label {
        float: left;
        margin: 0;
        margin-top: 3px;
        width: 38%
    }
    #newsletter form {
        float: right;
        width: 60%
    }
}

.errorMessage {
    width: 100%;
    padding: 15px;
    color: #e03e3c;
    background: #f9eae9;
    border: 1px solid #e03e3c;
    font-weight: bold;
    font-size: 1.06667em
}

.not-found-container {
    margin-bottom: 25px;
    text-align: center;
    color: #797979;
    font-size: 1.2em
}

.not-found-container #logo-not-found {
    padding-top: 15px
}

.not-found-container .text-info {
    margin: 25px 0 50px 0
}

.not-found-container .text-info h2 {
    margin: 0;
    font-size: 7.8em;
    font-weight: bold;
    color: #863286;
    font-family: "Chalet"
}

.not-found-container .text-info h3 {
    margin-top: -25px;
    color: #797979;
    font-size: 2.5em;
    font-family: "Chalet"
}

.popup-cart,
.popup-search,
.popup-wishlist {
    margin: 0;
    padding: 1em 1em 0 1em;
    width: 25em
}

.popup-cart li,
.popup-search li,
.popup-wishlist li {
    margin-top: 1em;
    padding: 0 20px 1em 82px;
    position: relative;
    line-height: 1px;
    border-bottom: 1px solid #e5e5e5
}

.popup-cart li .image,
.popup-search li .image,
.popup-wishlist li .image {
    float: left;
    margin-left: -82px
}

.popup-cart li .image img,
.popup-search li .image img,
.popup-wishlist li .image img {
    width: 70px;
    height: 49px
}

.popup-cart li .title,
.popup-search li .title,
.popup-wishlist li .title {
    margin: -1px 0 8px 0;
    font-size: 1.13333em;
    line-height: 1.1
}

.popup-cart li .title a,
.popup-search li .title a,
.popup-wishlist li .title a {
    color: #4d4d4d;
    font-weight: 400
}

.popup-cart li .title a:hover,
.popup-search li .title a:hover,
.popup-wishlist li .title a:hover {
    text-decoration: underline
}

.popup-cart li .delete,
.popup-search li .delete,
.popup-wishlist li .delete {
    position: absolute;
    top: -3px;
    right: -3px;
    padding: 3px
}

.popup-cart li .delete:hover,
.popup-search li .delete:hover,
.popup-wishlist li .delete:hover {
    background: #efefef
}

.popup-cart li:first-child,
.popup-search li:first-child,
.popup-wishlist li:first-child {
    margin-top: 0
}

.popup-cart li small,
.popup-search li small {
    font-size: .73333em;
    font-weight: 300;
    color: #8e448e;
    text-transform: uppercase
}

.popup-cart li .price,
.popup-search li .price,
.popup-cart li .popup-search .view,
.popup-search li .view {
    position: absolute;
    bottom: 1em;
    right: 0;
    padding: 3px 6px;
    font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 1.06667em;
    line-height: 18px;
    color: #fff;
    background: #863286
}

.popup-wishlist li .title {
    margin-bottom: 2px
}

.popup-wishlist li .stars {
    -moz-transform: scale(.8) translateX(-12px);
    -ms-transform: scale(.8) translateX(-12px);
    -webkit-transform: scale(.8) translateX(-12px);
    transform: scale(.8) translateX(-12px)
}

.wrapper .active h1 {
    margin-bottom: 30px;
    font-size: 2em;
    text-align: center
}

.wrapper .active .button-holder {
    text-align: center
}

.popup-search {
    position: absolute;
    z-index: 25;
    margin-top: -10px!important;
    padding: 0em;
    width: 100%;
    border-top: 0;
    opacity: 1;
    visibility: visible
}

.popup-search .title {
    margin-bottom: 0!important;
    padding-right: 30px;
    width: auto;
    height: 20px;
    overflow: hidden;
    font-weight: 400
}

.popup-search .image {
    width: 57px;
    height: 40px;
    margin-left: .5em!important;
    margin-right: .5em;
    background: #e5e5e5
}

.popup-search .summary {
    font-size: 12px;
    color: #5c5c5c;
    line-height: 1;
    margin-bottom: 0;
    margin-left: 72px;
    padding: 2px 30px 0 0
}

.popup-search .view {
    font-weight: lighter
}

.popup-search .view a {
    color: #fff
}

.popup-search li {
    padding-bottom: .5em!important;
    padding-top: .5em!important;
    padding-left: 0!important;
    margin-top: 0!important
}

.popup-search li .view {
    margin-right: .5em;
    border-radius: 3px;
    font-size: 12px;
    text-transform: uppercase
}

.popup-search li:hover {
    background: #f4f9f9
}

.errorMessage {
    width: 100%;
    padding: 12px;
    font-size: 13px;
    font-weight: bold;
    color: #e03e3c;
    background: #f9eae9;
    border: 1px solid #e03e3c
}

.errorList {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    font-weight: normal;
    color: #e03e3c;
    list-style: disc;
    background: #f9eae9;
    border: 1px solid #e03e3c
}

.errorList li {
    margin-left: 1.5em;
    padding: 2px 0
}

.padding-b0 {
    padding-bottom: 0!important
}

.padding-b5 {
    padding-bottom: 5px!important
}

.padding-b10 {
    padding-bottom: 10px!important
}

.padding-b15 {
    padding-bottom: 15px!important
}

.padding-b20 {
    padding-bottom: 20px!important
}

.padding-b25 {
    padding-bottom: 25px!important
}

.padding-b30 {
    padding-bottom: 30px!important
}

.padding-t0 {
    padding-top: 0!important
}

.padding-t5 {
    padding-top: 5px!important
}

.padding-t10 {
    padding-top: 10px!important
}

.padding-t15 {
    padding-top: 15px!important
}

.padding-t20 {
    padding-top: 20px!important
}

.padding-t25 {
    padding-top: 25px!important
}

.padding-t30 {
    padding-top: 30px!important
}

.padding-l0 {
    padding-left: 0!important
}

.padding-l5 {
    padding-left: 5px!important
}

.padding-l10 {
    padding-left: 10px!important
}

.padding-l15 {
    padding-left: 15px!important
}

.padding-l20 {
    padding-left: 20px!important
}

.padding-l25 {
    padding-left: 25px!important
}

.padding-l30 {
    padding-left: 30px!important
}

.padding-r0 {
    padding-right: 0!important
}

.padding-r5 {
    padding-right: 5px!important
}

.padding-r10 {
    padding-right: 10px!important
}

.padding-r15 {
    padding-right: 15px!important
}

.padding-r20 {
    padding-right: 20px!important
}

.padding-r25 {
    padding-right: 25px!important
}

.padding-r30 {
    padding-right: 30px!important
}

.margin-b0 {
    margin-bottom: 0!important
}

.margin-b5 {
    margin-bottom: 5px!important
}

.margin-b10 {
    margin-bottom: 10px!important
}

.margin-b15 {
    margin-bottom: 15px!important
}

.margin-b20 {
    margin-bottom: 20px!important
}

.margin-b25 {
    margin-bottom: 25px!important
}

.margin-b30 {
    margin-bottom: 30px!important
}

.margin-t0 {
    margin-top: 0!important
}

.margin-t5 {
    margin-top: 5px!important
}

.margin-t10 {
    margin-top: 10px!important
}

.margin-t15 {
    margin-top: 15px!important
}

.margin-t20 {
    margin-top: 20px!important
}

.margin-t25 {
    margin-top: 25px!important
}

.margin-t30 {
    margin-top: 30px!important
}

.margin-l0 {
    margin-left: 0!important
}

.margin-l5 {
    margin-left: 5px!important
}

.margin-l10 {
    margin-left: 10px!important
}

.margin-l15 {
    margin-left: 15px!important
}

.margin-l20 {
    margin-left: 20px!important
}

.margin-l25 {
    margin-left: 25px!important
}

.margin-l30 {
    margin-left: 30px!important
}

.margin-r0 {
    margin-right: 0!important
}

.margin-r5 {
    margin-right: 5px!important
}

.margin-r10 {
    margin-right: 10px!important
}

.margin-r15 {
    margin-right: 15px!important
}

.margin-r20 {
    margin-right: 20px!important
}

.margin-r25 {
    margin-right: 25px!important
}

.margin-r30 {
    margin-right: 30px!important
}

.no-margin {
    margin: 0!important
}

.gap,
.gap-bottom {
    margin-bottom: 30px!important
}

.gap-small {
    margin-bottom: 24px!important
}

.gap-smaller {
    margin-bottom: 20px!important
}

.gap-smallest,
.gap-half {
    margin-bottom: 15px!important
}

.gap-third {
    margin-bottom: 10px!important
}

.gap-large {
    margin-bottom: 37.5px!important
}

.gap-larger {
    margin-bottom: 45px!important
}

.gap-largest,
.gap-double {
    margin-bottom: 60px!important
}

.gap-top {
    margin-top: 30px!important
}

.gap-right {
    margin-right: 30px!important
}

.gap-left {
    margin-left: 30px!important
}

.mobile-gap {
    margin-bottom: 30px
}

.mobile-gap-half {
    margin-bottom: 15px
}

.small-gap {
    margin-bottom: 2em
}

.small-gap-half {
    margin-bottom: 1em
}

@media only screen and (min-width:768px) {
    .small-gap,
    .small-gap-half,
    .mobile-gap,
    .mobile-gap-half {
        margin-bottom: 0
    }
    .medium-gap {
        margin-bottom: 2em
    }
}

@media only screen and (min-width:1080px) {
    .medium-gap {
        margin-bottom: 0
    }
}

.hide,
.hidden,
[hidden] {
    display: none!important
}

.full-width {
    width: 100%
}

.full-height {
    height: 100%
}

.pos-static {
    position: static
}

.pos-relative {
    position: relative
}

.pos-absolute {
    position: relative
}

.z-index-1 {
    z-index: 1
}

.z-index-2 {
    z-index: 2
}

.z-index-3 {
    z-index: 3
}

.z-index-4 {
    z-index: 4
}

.z-index-5 {
    z-index: 5
}

.z-index-6 {
    z-index: 6
}

.z-index-7 {
    z-index: 7
}

.z-index-8 {
    z-index: 8
}

.z-index-9 {
    z-index: 9
}

.z-index-10 {
    z-index: 10
}

.display-block {
    display: block
}

.display-inline {
    display: inline
}

.inline-block,
label,
.stars,
#nav ul,
#nav li,
body.homepage #page #promo .circles li,
body.homepage #page #promo .circles .circle,
#tuts-downs ul li .title {
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.table {
    display: table;
    width: 100%
}

.table-cell {
    display: table-cell;
    vertical-align: middle
}

.padding {
    padding: 15px
}

.padding-double {
    padding: 30px
}

.no-scroll {
    overflow: hidden
}

.translateZ {
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.round {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.round5,
.tooltipster-default {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.no-box-shadow {
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

#page #featured {
    margin: 0;
    padding: 1.66667em 0 2em 0
}

#page #featured>.row {
    position: relative;
    z-index: 2
}

#page #featured .section-title {
    float: left
}

#page #featured #slider-pagination {
    float: left;
    margin-left: 13px;
    margin-top: 13px
}

#page #featured #slider-pagination span {
    float: left;
    cursor: pointer;
    margin-right: 5px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #e2d2e2
}

#page #featured #slider-pagination span.swiper-active-switch {
    background: #985998
}

#page #featured #slide-left,
#page #featured #slide-right {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=15);
    opacity: .15;
    position: absolute;
    display: none;
    top: 50px;
    width: 60px;
    line-height: 270px;
    text-align: center
}

#page #featured #slide-left:hover,
#page #featured #slide-right:hover {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

#page #featured #slide-left {
    left: -10%
}

#page #featured #slide-right {
    right: -10%
}

#page #featured .swiper-container {
    width: 100%
}

#page #featured .swiper-wrapper {
    width: 100%
}

#page #featured .swiper-slide {
    width: 100%
}

#page #featured .swiper-slide .description p {
    margin-bottom: 0
}

@media only screen and (min-width:1140px) {
    #page #featured #slide-left,
    #page #featured #slide-right {
        display: block
    }
}

@media only screen and (min-width:1080px) {
    #page #featured {
        padding: 3.33333em 0 4em 0
    }
    #page #featured #slide-left,
    #page #featured #slide-right,
    #page #featured .swiper-container,
    #page #featured .swiper-wrapper,
    #page #featured .swiper-slide {
        height: 278px
    }
}

.app-featured {
    position: absolute;
    top: 0;
    left: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden;
    font-size: 15px;
    background: #fcfcfc
}

.app-featured .app-photo {
    display: block
}

.app-featured .app-photo img {
    width: 100%
}

.app-featured .large-5 {
    position: relative
}

.app-featured .title {
    padding-bottom: 5px
}

.app-featured .title h3 {
    display: inline;
    line-height: 1.1
}

.app-featured .title a {
    margin-top: -4px;
    font-size: 24px;
    font-weight: 400;
    color: #0083c5
}

.app-featured .stars {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: -11px 0 0 6px
}

.app-featured .app-category {
    clear: both;
    margin: 0;
    font-size: 12px
}

.app-featured .app-category a:before {
    margin-top: 2px;
    margin-right: 3px!important
}

.app-featured .description {
    margin-top: 10px;
    color: #787878
}

.app-featured .description p {
    line-height: 1.5
}

.app-featured .button,
.app-featured .button-group>li>a,
.app-featured .button-group>li>button {
    display: block;
    width: 100%;
    font-size: 22px;
    text-align: center
}

@media only screen and (min-width:420px) {
    .app-featured .large-5 {
        padding-bottom: 54px
    }
    .app-featured .button,
    .app-featured .button-group>li>a,
    .app-featured .button-group>li>button {
        position: absolute;
        bottom: 0;
        left: 10px;
        width: 30%
    }
    .app-featured .button.cta,
    .app-featured .button-group>li>a.cta,
    .app-featured .button-group>li>button.cta {
        width: 62%;
        left: auto;
        right: 10px
    }
}

@media only screen and (min-width:1080px) {
    .app-featured .columns {
        height: 278px
    }
}

.app-featured:first-child,
.swiper-wrapper.active li {
    position: static;
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible
}

body.homepage #page #promo .background {

}

@media only screen and (min-width:768px) {
    body.homepage #page #promo .background {

    }
}

@media only screen and (min-width:1080px) {
    body.homepage #page #promo .background {

    }
}

body.homepage #page #promo h1,
body.homepage #page #promo h2,
body.homepage #page #promo h3,
body.homepage #page #promo h4,
body.homepage #page #promo .circle strong,
body.homepage #page #promo .title {
    font-weight: 400
}

body.homepage #page #promo .circles {
    margin-bottom: 25px
}

body.homepage #page #promo .circles li {
    margin: 0 30px
}

body.homepage #page #promo .circles li p {
    margin-top: 15px;
    font-style: italic
}

body.homepage #page #promo .circles .circle {
    width: 132px;
    height: 132px;
    font-size: 2.6em;
    line-height: 128px;
    -moz-border-radius: 132px;
    -webkit-border-radius: 132px;
    border-radius: 132px;
    border: 2px solid #fff
}

body.homepage #page #promo .circles .circle strong {
    font-weight: 300
}

body.homepage #page #promo .circles .circle:hover {
    -moz-transform: scale(1.06, 1.06);
    -ms-transform: scale(1.06, 1.06);
    -webkit-transform: scale(1.06, 1.06);
    transform: scale(1.06, 1.06);
    border-color: #f8c300
}

body.homepage #page #promo .circles .circle:hover ~ .title a {
    color: #f8c300
}

body.homepage #page #promo .circles .title {
    padding-top: 10px;
    font-size: 1.66667em
}

body.homepage #page #promo .circles .title a {
    color: #fff
}

body.homepage #page #promo .info-bottom {
    z-index: 10;
    display: block;
    position: absolute;
    width: 100%;
    background: rgba(0, 0, 0, .15);
    bottom: 0
}

body.homepage #page #promo .info-bottom .info-text {
    padding: 5px;
    display: inline-block;
    vertical-align: middle
}

body.homepage #page #promo .info-bottom .info-text h4 {
    margin: 0
}

body.homepage #page #promo .info-bottom .info-text a {
    margin-top: -10px;
    margin-bottom: -10px
}

body.homepage #page #promo .info-bottom .info-video {
    display: inline-block
}

@media only screen and (min-width:1080px) {
    body.homepage #page #promo .info-bottom .info-text {
        padding: 20px
    }
}

@media only screen and (min-width:768px) {
    body.homepage #page #promo .hp-cta {
        margin-right: 1em
    }
}

body.homepage .button.hp-video,
body.homepage .button-group>li>a.hp-video,
body.homepage .button-group>li>button.hp-video {
    color: #79626e;
    background: #fff;
    background: rgba(255, 255, 255, .85);
    opacity: .6
}

body.homepage .button.hp-video:hover,
body.homepage .button-group>li>a.hp-video:hover,
body.homepage .button-group>li>button.hp-video:hover {
    color: #000;
    background: #fff;
    background: rgba(255, 255, 255, .95);
    opacity: 1
}

body.homepage .button.hp-video img,
body.homepage .button-group>li>a.hp-video img,
body.homepage .button-group>li>button.hp-video img {
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 10px
}

body.homepage .button.hp-cta,
body.homepage .button-group>li>a.hp-cta,
body.homepage .button-group>li>button.hp-cta {
    color: #2c4a14;
    background: #8ed157;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkyZDY1YSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhiY2M1NiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #92d65a), color-stop(100%, #8bcc56));
    background: -moz-linear-gradient(top, #92d65a, #8bcc56);
    background: -webkit-linear-gradient(top, #92d65a, #8bcc56);
    background: linear-gradient(to bottom, #92d65a, #8bcc56)
}

body.homepage .button.hp-cta:hover,
body.homepage .button-group>li>a.hp-cta:hover,
body.homepage .button-group>li>button.hp-cta:hover {
    color: #fff
}

body.homepage .page-tabs {
    border-bottom-color: transparent;
    font-size: 20px
}

body.homepage #tuts-downs .section-title a {
    color: #863286
}

body.homepage #tuts-downs .section-title a:hover {
    text-decoration: underline
}

#page #as-seen-on {
    padding-bottom: 15px;
    margin-bottom: 0;
    background: #efefef
}

#page #as-seen-on .section-title {
    font-size: 1.73333em;
    font-weight: 300;
    text-transform: uppercase;
    color: #bbb;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .3)
}

#page #as-seen-on i {

}

#page #as-seen-on .wired i {
    background-position: -343px -31px;
    height: 28px;
    width: 136px
}

#page #as-seen-on .techcrunch i {
    background-position: -272px -59px;
    height: 36px;
    width: 71px
}

#page #as-seen-on .readwrite i {
    background-position: -106px -95px;
    height: 29px;
    width: 166px
}

#page #as-seen-on .yahoogames i {
    background-position: -479px 0;
    height: 31px;
    width: 86px
}

#page #as-seen-on .bbc i {
    background-position: 0 -124px;
    height: 32px;
    width: 106px
}

@media only screen and (min-width:768px) {
    #page #as-seen-on i {

    }
    #page #as-seen-on .wired i {
        background-position: -598px -119px;
        height: 46px;
        width: 227px
    }
    #page #as-seen-on .techcrunch i {
        background-position: -479px -165px;
        height: 60px;
        width: 119px
    }
    #page #as-seen-on .readwrite i {
        background-position: -203px -225px;
        height: 48px;
        width: 276px
    }
    #page #as-seen-on .yahoogames i {
        background-position: -933px -32px;
        height: 65px;
        width: 180px
    }
    #page #as-seen-on .bbc i {
        background-position: 0 -273px;
        height: 61px;
        width: 203px
    }
}

#tuts-downs ul li {
    margin-bottom: 1.35em;
    padding-left: 90px
}

#tuts-downs ul li .thumb {
    float: left;
    margin-left: -90px
}

#tuts-downs ul li .thumb img {
    width: 75px;
    height: 65px
}

#tuts-downs ul li div {
    float: left
}

#tuts-downs ul li .title {
    margin: -5px 0 0 0;
    font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 1.46667em;
    line-height: 1.3;
    color: #0083c5
}

#tuts-downs ul li .title:hover {
    text-decoration: underline
}

#tuts-downs ul li .description {
    display: block;
    margin: 0;
    font-size: 14px;
    line-height: 1.4
}

@media only screen and (min-width:768px) {
    #tuts-downs ul li .description {
        height: 38px;
        overflow: hidden
    }
}

#tuts-downs ul li:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:768px) {
    #tuts-downs ul li {
        margin-bottom: 1em
    }
}

.hpHero {
    margin: 0!important;
    padding-top: 27px!important;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;    
    background-color: #31055a;
    background-position: center center;
}

.hpHero_title {
    display: block;
    margin: 0 0 24px;
    font-size: 24px;
    text-align: center
}

.hpHero_item {
    padding: 2.6em 0;
    text-align: center
}

.hpHero_item_image {
    width: 110px;
    height: 110px
}

.hpHero_item_title {
    margin: 0 0 5px;
    font-size: 22px
}

.hpHero_item_desc {
    display: none;
    font-weight: 500
}

.hpHero_item_desc p {
    line-height: 1.35
}

.hpHero_item_desc p:last-child {
    margin-bottom: 0!important
}

.hpHero_item:after {
    position: absolute;
    background: #fff;
    background: rgba(255, 255, 255, .6);
    bottom: 1.3em;
    left: 40%;
    right: 40%;
    height: 2px;
    content: ''
}

.hpHero_item.-last {
    padding-bottom: 0
}

.hpHero_item.-last:after {
    display: none!important
}

.hpHero_footer {
    margin-top: 2em;
    padding: 1.25em 0;
    background: #23455a;
    background: rgba(0, 0, 0, .6)
}

.hpHero_footer_left,
.hpHero_footer_right {
    display: none;
    font-size: 20px;
    font-weight: normal!important
}

.hpHero_footer_left {
    text-align: right
}

.hpHero_footer_right {
    text-align: left
}

.hpHero_footer_inner {
    display: block;
    padding-top: 13px
}

.hpHero_item_desc,
.hpHero_title,
.hpHero_item_title,
.hpHero_footer_left,
.hpHero_footer_right {
    color: #fff;
    text-shadow: 0 1px 2px black, 0 0 20px rgba(0, 0, 0, 0.4)
}

.hpHero_title,
.hpHero_item_title,
.hpHero_footer_left,
.hpHero_footer_right {
    font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: 700
}

@media only screen and (min-width:400px) {
    .hpHero_item {
        clear: both;
        padding-left: 125px;
        text-align: left
    }
    .hpHero_item_image {
        float: left;
        margin-left: -125px
    }
    .hpHero_item_desc {
        display: block
    }
    .hpHero_item:after {
        left: 18.66667px;
        right: 18.66667px;
        height: 1px
    }
}

@media only screen and (min-width:600px) {
    .hpHero_title {
        font-size: 28px
    }
    .hpHero_item {
        padding-left: 140px
    }
    .hpHero_item_image {
        margin-left: -140px;
        width: 125px;
        height: 125px
    }
    .hpHero_item_title {
        font-size: 24px
    }
    .hpHero_footer {
        margin-right: -6em;
        margin-left: -6em;
        padding: 1.5em 0 1.25em;
        border-radius: 50% 50% 0 0
    }
}

@media only screen and (min-width:768px) {
    .hpHero_title {
        font-size: 32px
    }
    .hpHero_item {
        text-align: center;
        padding: 0
    }
    .hpHero_item_image {
        float: none;
        margin: 0 0 8px;
        width: 140px;
        height: 140px
    }
    .hpHero_item_title {
        font-size: 27px
    }
    .hpHero_item:after {
        right: 0;
        top: 0;
        left: auto;
        bottom: 0;
        width: 1px;
        height: 100%
    }
    .hpHero_item.-first {
        padding-right: 22px
    }
    .hpHero_item.-middle {
        padding-right: 11px;
        padding-left: 11px
    }
    .hpHero_item.-last {
        padding-left: 22px
    }
}

@media only screen and (min-width:1025px) {
    .hpHero_item_image {
        width: 154px;
        height: 154px
    }
    .hpHero_footer {
        margin-right: -3em;
        margin-left: -3em
    }
    .hpHero_footer_left,
    .hpHero_footer_right {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline
    }
}

#heroSearch {
    display: none
}

.searchExperiment #promo,
.searchExperiment #featured {
    display: none
}

.searchExperiment #heroSearch {
    display: block
}

#heroSearch {
    position: relative;
    overflow: hidden;
    background: #2682cc url("/vendor/web.archive.org/web/20160315044139im_/https://i.imgur.com/q6qeaBo.png") repeat
}

#heroSearch .row {
    position: relative;
    z-index: 2
}

#heroSearch .column {
    padding: 0!important
}

#heroSearch::after {
    position: absolute;
    top: -20%;
    left: 0;
    width: 100%;
    height: 140%;
    content: '';
    background: -webkit-radial-gradient(circle, rgba(255, 255, 255, .12), rgba(255, 255, 255, 0));
    background: -moz-radial-gradient(circle, rgba(255, 255, 255, .12), rgba(255, 255, 255, 0));
    background: -ms-radial-gradient(circle, rgba(255, 255, 255, .12), rgba(255, 255, 255, 0))
}

#heroSearch .wrapper {
    padding: 50px 0;
    text-align: center
}

#heroSearch h1,
#heroSearch h2 {
    font-size: 21px;
    line-height: 1.05;
    color: #fff;
    font-weight: bold;
    font-family: 'Roboto Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif
}

#heroSearch h3 {
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 1.1;
    color: #fff;
    color: rgba(255, 255, 255, .9)
}

#heroSearch h3 a {
    color: #fff;
    text-decoration: underline
}

#bigSearch {
    position: relative;
    margin: 0 auto 30px;
    width: 98%;
    height: 68px;
    background: #fff;
    border-radius: 6px
}

#bigSearch_input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-left: 20px;
    padding-right: 22%;
    font-size: 16px;
    background: none;
    border: 0;
    border-radius: 6px
}

#bigSearch_submit {
    position: absolute;
    top: 4px;
    right: 4px;
    padding: 0 18px!important;
    line-height: 60px;
    height: 60px
}

#bigSearch_submit i {
    display: inline-block;
    width: 19px;
    height: 19px;
    vertical-align: -3px;
    background: url("/vendor/web.archive.org/web/20160315044139im_/https://i.imgur.com/Mtok8AM.png") no-repeat
}

#bigSearch_submit span {
    display: none
}

.button.dark,
.button-group>li>a.dark,
.button-group>li>button.dark {
    display: inline-block;
    padding: 8px 14px!important;
    font-size: 16px;
    color: #fff;
    background: #145484
}

@media only screen and (min-width:420px) {
    #heroSearch h1,
    #heroSearch h2 {
        font-size: 26px
    }
    #heroSearch h3 {
        font-size: 18px
    }
}

@media only screen and (min-width:520px) {
    #heroSearch h1,
    #heroSearch h2 {
        font-size: 32px
    }
    #heroSearch h3 {
        font-size: 19px
    }
    #bigSearch {
        width: 80%
    }
    #bigSearch_input {
        font-size: 19px
    }
    #bigSearch_submit {
        padding: 0 25px!important
    }
    #bigSearch_submit i {
        display: none
    }
    #bigSearch_submit span {
        display: inline
    }
    .button.dark,
    .button-group>li>a.dark,
    .button-group>li>button.dark {
        padding: 8px 28px!important
    }
}

@media only screen and (min-width:1024px) {
    #heroSearch h1,
    #heroSearch h2 {
        font-size: 35px
    }
    #heroSearch h3 {
        font-size: 20px
    }
}

.tooltipster-default {
    color: #fff;
    border: 2px solid #000;
    background: #4c4c4c
}

.tooltipster-default .tooltipster-content {
    padding: 8px 10px;
    overflow: hidden
}

.tooltipster-icon {
    cursor: help;
    margin-left: 4px
}

.tooltipster-base {
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    z-index: 9999999;
    pointer-events: none;
    width: auto;
    overflow: visible
}

.tooltipster-base .tooltipster-content {
    overflow: hidden
}

.tooltipster-arrow {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.tooltipster-arrow span,
.tooltipster-arrow-border {
    display: block;
    width: 0;
    height: 0;
    position: absolute
}

.tooltipster-arrow-top span,
.tooltipster-arrow-top-right span,
.tooltipster-arrow-top-left span {
    border-left: 8px solid transparent!important;
    border-right: 8px solid transparent!important;
    border-top: 8px solid;
    bottom: -8px
}

.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-top-left .tooltipster-arrow-border {
    border-left: 9px solid transparent!important;
    border-right: 9px solid transparent!important;
    border-top: 9px solid;
    bottom: -8px
}

.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom-right span,
.tooltipster-arrow-bottom-left span {
    border-left: 8px solid transparent!important;
    border-right: 8px solid transparent!important;
    border-bottom: 8px solid;
    top: -8px
}

.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    border-left: 9px solid transparent!important;
    border-right: 9px solid transparent!important;
    border-bottom: 9px solid;
    top: -8px
}

.tooltipster-arrow-top span,
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom .tooltipster-arrow-border {
    left: 0;
    right: 0;
    margin: 0 auto
}

.tooltipster-arrow-top-left span,
.tooltipster-arrow-bottom-left span {
    left: 6px
}

.tooltipster-arrow-top-left .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    left: 5px
}

.tooltipster-arrow-top-right span,
.tooltipster-arrow-bottom-right span {
    right: 6px
}

.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border {
    right: 5px
}

.tooltipster-arrow-left span,
.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 8px solid transparent!important;
    border-bottom: 8px solid transparent!important;
    border-left: 8px solid;
    top: 50%;
    margin-top: -7px;
    right: -8px
}

.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 9px solid transparent!important;
    border-bottom: 9px solid transparent!important;
    border-left: 9px solid;
    margin-top: -8px
}

.tooltipster-arrow-right span,
.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 8px solid transparent!important;
    border-bottom: 8px solid transparent!important;
    border-right: 8px solid;
    top: 50%;
    margin-top: -7px;
    left: -8px
}

.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 9px solid transparent!important;
    border-bottom: 9px solid transparent!important;
    border-right: 9px solid;
    margin-top: -8px
}

.tooltipster-fade {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.tooltipster-fade-show {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.tooltipster-grow {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden
}

.tooltipster-grow-show {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}

.tooltipster-swing {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -o-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform
}

.tooltipster-swing-show {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 1);
    -webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
    -moz-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
    -ms-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
    -o-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
    transition-timing-function: cubic-bezier(.23, .635, .495, 2.4)
}

.tooltipster-fall {
    top: 0;
    -moz-transition-property: top;
    -o-transition-property: top;
    -webkit-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}

.tooltipster-fall.tooltipster-dying {
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    top: 0px!important;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

.tooltipster-slide {
    left: -40px;
    -moz-transition-property: left;
    -o-transition-property: left;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}

.tooltipster-slide.tooltipster-dying {
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    left: 0px!important;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

.tooltipster-content-changing {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: .5;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

.tooltipster-base,
.tooltipster-base * {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.tooltipster-base .tooltipster-content {
    padding: 8px 9px 7px!important;
    font-size: 14px;
    color: #fff;
    line-height: 20px
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8;
    filter: alpha(opacity=80)
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none!important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none!important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1
}

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after,
.mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before,
.mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure {}
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.mfp-ie7 .mfp-img {
    padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}

.mfp-ie7 .mfp-container {
    padding: 0
}

.mfp-ie7 .mfp-content {
    padding-top: 44px
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}

.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8)
}

.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);
    opacity: 0
}

.my-mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: .8
}

.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0
}

.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    transform: translateY(-20px) perspective(600px) rotateX(10deg)
}

.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: translateY(0) perspective(600px) rotateX(0);
    -moz-transform: translateY(0) perspective(600px) rotateX(0);
    -ms-transform: translateY(0) perspective(600px) rotateX(0);
    -o-transform: translateY(0) perspective(600px) rotateX(0);
    transform: translateY(0) perspective(600px) rotateX(0)
}

.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;
    -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    transform: translateY(-10px) perspective(600px) rotateX(10deg)
}

.my-mfp-slide-bottom.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: .8
}

.my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0px, 0, 0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0px, 0, 0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0px, 0, 0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0px, 0px);
    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0px, 0, 0);
    -ms-transition-timing-function: ease;
    transition-property: transform, left, top;
    transition-duration: 0s;
    transform: translate3d(0px, 0, 0);
    transition-timing-function: ease
}

.swiper-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    float: left
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x
}

.swiper-container {}

.swiper-slide {}

.swiper-slide-active {}

.swiper-slide-visible {}

.swiper-pagination-switch {}

.swiper-active-switch {}

.swiper-visible-switch {}

.-clean {
    margin-bottom: 0!important
}

.showTranslatedContent {
    display: none;
    margin-bottom: 0px
}

[unselectable="on"] {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#screenSize {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    font-family: "default"
}

@media only screen and (min-width:320px) {
    #screenSize {
        font-family: "default, small"
    }
}

@media only screen and (min-width:400px) {
    #screenSize {
        font-family: "default, small, smallPlus"
    }
}

@media only screen and (min-width:600px) {
    #screenSize {
        font-family: "default, small, smallPlus, medium"
    }
}

@media only screen and (min-width:768px) {
    #screenSize {
        font-family: "default, small, smallPlus, medium, mediumPlus"
    }
}

@media only screen and (min-width:1080px) {
    #screenSize {
        font-family: "default, small, smallPlus, medium, mediumPlus, large"
    }
}

.HPE02_headSearch,
.HPE02_appHeader,
.HPE02_quotes {
    display: none
}

.HPE02 {}

.HPE02 .HPE02_headSearch {
    float: left;
    width: 210px;
    padding: 0 5px
}

.HPE02 .HPE02_headSearch form {
    display: block
}

.HPE02 .HPE02_headSearch .searchHero_input {
    margin: 18px 0 0;
    padding-left: 46px
}

.HPE02 .HPE02_searchDropdown {
    position: relative
}

.HPE02 .HPE02_searchDropdown_toggle {
    position: absolute;
    top: 0;
    left: 0;
    width: 46px;
    height: 36px;
    padding-top: 9px;
    text-align: center;
    opacity: .3;
    transition: opacity 300ms
}

.HPE02 .HPE02_searchDropdown_toggle:hover {
    opacity: .8
}

.HPE02 .HPE02_searchDropdown_options {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: -1px;
    min-width: 100%;
    list-style: none;
    background: #fcfcfc;
    border: 1px solid #dbdbdb;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
    transform: translateY(-5%);
    transition: 200ms;
    opacity: 0
}

.HPE02 .HPE02_searchDropdown_options.-show {
    visibility: visible;
    opacity: 1;
    transform: translateY(0)
}

.HPE02 .HPE02_searchDropdown_options li {
    display: block
}

.HPE02 .HPE02_searchDropdown_options a {
    display: block;
    padding: 2px 10px;
    padding-left: 46px;
    color: #6b6b6b
}

.HPE02 .HPE02_searchDropdown_options a:hover {
    background: rgba(0, 0, 0, .05)
}

.HPE02 .HPE02_searchDropdown_options li:first-child a {
    padding-top: 8px
}

.HPE02 .HPE02_searchDropdown_options li:last-child a {
    padding-bottom: 8px
}

.HPE02_hero {
    display: none;
    clear: both;
    position: relative;
    margin-bottom: 0!important;
    padding: 0!important;
    font-size: 15px;
    background: #0293dd;
    background-image: linear-gradient(to bottom, #21abf1, #0293dd)
}

.HPE02_hero_inner {
    position: relative;
    height: 460px;
    background-size: auto 100%
}

.HPE02_hero_content {
    position: relative;
    width: 540px
}

.HPE02_hero_title {
    font-size: 34px
}

.HPE02_hero_subtitle {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 19px;
    font-weight: 300;
    color: #fff
}

.HPE02_hero_subtitle p:last-child {
    margin-bottom: 0
}

.HPE02_hero_button.button,
.button-group>li>a.HPE02_hero_button,
.button-group>li>button.HPE02_hero_button {
    margin-top: .5em;
    padding: 13px 20px!important;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    background: #0470a3;
    border: 0
}

.HPE02_hero_quote {
    position: absolute;
    top: 12%;
    right: 0
}

.HPE02_hero_quote_bubble {
    width: 240px;
    padding: 20px;
    font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 21px;
    line-height: 1.25;
    color: #fff;
    background: rgba(255, 255, 255, .2);
    border-radius: 8px
}

.HPE02_hero_quote_trail {
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, .2);
    border-radius: 50%
}

.HPE02_hero_quote_trail.-t1 {
    left: -16px;
    bottom: -22px;
    width: 20px;
    height: 20px
}

.HPE02_hero_quote_trail.-t2 {
    left: -32px;
    bottom: -39px;
    width: 15px;
    height: 15px
}

.HPE02_hero_quote_trail.-t3 {
    left: -50px;
    bottom: -50px;
    width: 12px;
    height: 12px
}

.HPE02_hero+section {
    order-top: 0!important
}

.HPE02 .icon.wiredSmall,
.HPE02 ul.hollow li.wiredSmall:before,
ul.hollow .HPE02 li.wiredSmall:before,
.HPE02 .wiredSmall.flag,
.HPE02 .wiredSmall.loader,
.HPE02 .app-category a.wiredSmall:before,
.app-category .HPE02 a.wiredSmall:before,
.HPE02 .stars i.wiredSmall,
.stars .HPE02 i.wiredSmall,
.HPE02 .app-compact .wishlist i.wiredSmall,
.app-compact .wishlist .HPE02 i.wiredSmall,
.HPE02 .app-compact .rating i.wiredSmall,
.app-compact .rating .HPE02 i.wiredSmall,
.HPE02 #hamburger i.wiredSmall,
#hamburger .HPE02 i.wiredSmall,
.HPE02 #userbar>ul>li>a i.wiredSmall,
#userbar>ul>li>a .HPE02 i.wiredSmall,
.HPE02 .side-categories li.featured a.wiredSmall:before,
.side-categories li.featured .HPE02 a.wiredSmall:before {
    background-position: -825px -97px;
    height: 22px;
    width: 108px
}

.HPE02 .icon.yahoogames,
.HPE02 ul.hollow li.yahoogames:before,
ul.hollow .HPE02 li.yahoogames:before,
.HPE02 .yahoogames.flag,
.HPE02 .yahoogames.loader,
.HPE02 .app-category a.yahoogames:before,
.app-category .HPE02 a.yahoogames:before,
.HPE02 .stars i.yahoogames,
.stars .HPE02 i.yahoogames,
.HPE02 .app-compact .wishlist i.yahoogames,
.app-compact .wishlist .HPE02 i.yahoogames,
.HPE02 .app-compact .rating i.yahoogames,
.app-compact .rating .HPE02 i.yahoogames,
.HPE02 #hamburger i.yahoogames,
#hamburger .HPE02 i.yahoogames,
.HPE02 #userbar>ul>li>a i.yahoogames,
#userbar>ul>li>a .HPE02 i.yahoogames,
.HPE02 .side-categories li.featured a.yahoogames:before,
.side-categories li.featured .HPE02 a.yahoogames:before {
    background-position: -1113px 0;
    height: 32px;
    width: 81px
}

.HPE02 .section.-quotes {
    padding: 3.5em 0 3em
}

.HPE02 .plainQuote {
    position: relative;
    margin: 0;
    border: 0;
    padding: 0 35px 50px 35px;
    font-size: 22px;
    font-family: Georgia, "Times New Roman", serif;
    font-style: italic;
    color: #424242
}

.HPE02 .plainQuote:before,
.HPE02 .plainQuote:after {
    font-size: 46px;
    color: #d8d8d8
}

.HPE02 .plainQuote:before {
    position: absolute;
    top: -14px;
    left: 0;
    content: "“"
}

.HPE02 .plainQuote:after {
    display: inline;
    vertical-align: -30px;
    line-height: .1;
    content: "”"
}

.HPE02 .plainQuote cite {
    position: absolute;
    left: 37px;
    bottom: 0
}

.HPE02 .plainQuote cite:before {
    margin-right: .65em;
    content: '—'
}

@media only screen and (min-width:1080px) {
    .HPE02 .plainQuote {
        font-size: 24px
    }
}

.HPE02_numberPromo {
    padding: 5em 0;
    color: #fff;
}

.HPE02_numberPromo strong {
    display: block;
    font-size: 36px;
    font-weight: bold;
    text-align: center
}

.HPE02_numberPromo span {
    display: block;
    font-size: 24px;
    font-weight: 300;
    text-align: center
}

.HPE02_testimonals {
    padding: 5em 0;
    background: #f2f2f2
}

.HPE02_appHeader {
    display: none;
    text-align: center
}

.HPE02_appHeader h1 {
    margin-bottom: 0;
    font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 36px;
    font-weight: bold;
    color: #1a1a1a
}

.HPE02_appHeader h2 {
    margin-bottom: 1.5em;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 17px;
    font-weight: 300;
    color: #626262
}

.HPE02_tagList {
    display: none;
    background-color: #f2f2f2;
    padding-bottom: 1.6em;
    padding-top: 1.0em
}

.HPE02_tagList strong {
    display: block;
    padding: .75em 0 1em 0;
    font-size: 17px;
    color: #626262;
    font-weight: 300;
    text-align: center
}

.HPE02_tagList ul {
    display: block;
    font-size: 16px
}

.HPE02_tagList ul li {
    display: inline-block;
    margin: 0 6px
}

.HPE02_tagList ul a {
    display: block;
    font-weight: 500;
    color: #0293dd;
    text-decoration: underline
}

@media only screen and (min-width:1080px) {
    .HPE02 .hpHero,
    .HPE02 .searchHero,
    .HPE02 #tuts-downs,
    .HPE02 #as-seen-on,
    .HPE02 #footer-cta {
        display: none
    }
    .HPE02 #page {
        padding-bottom: 0!important
    }
    .HPE02 .HPE02_headSearch,
    .HPE02 .HPE02_hero,
    .HPE02 .HPE02_appHeader,
    .HPE02 .HPE02_tagList {
        display: block
    }
    .HPE02 .popup-search {
        min-width: 400px
    }
    .HPE02_button {
        font-size: 22px!important
    }
    .HPE02 header {
        height: 70px
    }
    .HPE02 header .top {
        height: 70px
    }
    .HPE02 #logo {
        margin-top: 19px
    }
    .HPE02 #logo img {
        height: 35px
    }
    .HPE02 #nav {
        height: 70px
    }
    .HPE02 #nav a {
        padding-left: 10px;
        padding-right: 10px
    }
    .HPE02 #nav a.strong {
        font-weight: bold!important;
        color: #323232!important
    }
    .HPE02 #nav>ul>li>a {
        font-size: 17px;
        line-height: 70px
    }
    .HPE02 #userbar {
        margin-top: 13px
    }
    .HPE02 #userbar>ul>li {
        margin-left: -2px
    }
    .HPE02 #userbar .button,
    .HPE02 #userbar .button-group>li>a,
    .HPE02 #userbar .button-group>li>button {
        background: none!important;
        border: 1px solid #d6d6d6
    }
    .HPE02 .page-tabs {
        text-align: center
    }
    .HPE02 .page-tabs li {
        float: none;
        display: inline-block
    }
    .HPE02 .page-tabs li span {
        padding-bottom: 0
    }
}

.userQuoteWrapper {
    margin-bottom: 25px
}

.userQuote {
    position: relative;
    margin: 0 6px 30px;
    padding: 1.3em 1.5em 4em;
    height: 100%;
    font-size: 16px;
    font-family: Georgia, "Times New Roman", serif;
    font-style: italic;
    font-weight: 300;
    color: #6d6d6d;
    background: #fff;
    border: 1px solid #e7e7e7;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .08);
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .08);
    box-shadow: 0 2px 3px rgba(0, 0, 0, .08)
}

.userQuote:before {
    position: absolute;
    z-index: 2;
    bottom: -16px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-top: 8px solid #fff;
    content: ''
}

.userQuote:after {
    position: absolute;
    z-index: 1;
    bottom: -20px;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-top: 10px solid rgba(0, 0, 0, .06);
    content: ''
}

.userQuote cite {
    position: absolute;
    left: 1.5em;
    bottom: 1.3em;
    font-size: 18px;
    font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    color: #454545
}

.userQuote cite:before {
    display: none
}

.userQuote_picture {
    display: block;
    margin: 0 auto 50px;
    width: 100px;
    height: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px
}

@media only screen and (min-width:768px) {
    .userQuote_picture {
        margin-bottom: 0
    }
}

.add-comment .redactor_box {
    margin-left: 0;
    min-height: 50px
}

.add-comment .redactor_box .redactor_editor {
    min-height: 50px
}

.redactor_editor,
.redactor_editor:focus {
    background: #fff!important
}

.edit-comment-original-content {
    overflow: hidden
}

.redactor_editor ul {
    list-style: disc
}

.redactor_editor ul ul,
.redactor_editor ol ul {
    list-style: circle
}

.redactor_editor ol {
    list-style: decimal
}

.redactor_editor ol ol,
.redactor_editor ul ol {
    list-style: lower-alpha
}

.tag_title {
    color: #863286;
    font-size: 2.13333em;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: -8px
}

#redactor_tab1:last-child {
    display: none!important
}

.button.ignore {
    background-color: #ee4848;
    color: #fff
}

.button.ignore:hover {
    background-color: #ff5050;
    color: #fff
}

body  {
    font-family: "Roboto Condensed","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    background: white;
}
.hpHero_footer {
    margin-right: -6em;
    margin-left: -6em;
    padding: 1.5em 0 1.25em;
    border-radius: 0px;
}
body.homepage  {
  padding-top: 80px;
}
.hpHero {
    background-image: url("/images/hygame-page.jpg");
        background-position: inherit;
            background-position-y: -109px;
            background-position-y: -31px;
            padding-bottom: 0px;
}

#logo img {
    height: 36px;
    margin-left: 4px;
}
.hpHero_title {
        font-size: 57px;
    width: 720px;
    margin: 0 auto;
    padding-top: 20px;
    margin-bottom: 15px;
    float: left;
    position: relative;
    text-align: left;
}

.hpHero_title2 {
       font-size: 22px;
    margin-top: 27px;
    width: 900px;
    margin-bottom: 67px;
    padding-top: 0;
    margin-top: 5px;
}

.laurel-left {
    position: absolute;
    top: 80px;
    right: 62%;
    margin-right: 225px;
}

.laurel-right {
    position: absolute;
    top: 80px;
    left: 62%;
    margin-left: 225px;
}
.iconhomepage {
    position: relative;
    display: inline-block;
    width: 77px;
    height: 77px;
    border-radius: 50%;
    margin: 5px 20px;
    text-align: center;
    vertical-align: top;
    color: #fff;
    float: left;
    top: -33px;
    background: white;
    border: 3px solid #ffffff;
    fill: #2c0659;
}
#page {
  padding-bottom: 0px;
}
.container {
    max-width: 1080px;
}

.searchHero {
    position: relative;
    z-index: 15;
    display: block;
    width: 100%;
    margin: 0;
    background: #ffffff29;
    -moz-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
    margin-top: 87px;
    padding-bottom: 0px;
}

.searchHero_wrapper {
  margin-top: 29px;
  margin-bottom: 30px;
}

.rowgames {
    width: 1071px;
    margin-left: -10px;
}

.col-sm-4, .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 25.0%;
    padding: 5px;
}

.col-sm-4 .card-title, .col-lg-4 .card-title{
    font-size: 20px;
    margin-bottom: 0px !important;
}

.buttonprice {
       position: absolute;
    float: left !important;
    top: 13px;
    width: 61px;
    border-radius: 0;
    background: #6315b8;
    border: none;
    font-size: 17px;
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem;
}

.btn-primary:hover {
    color: #fff;
    background-color: #6315b8;
    border-color: #6315b8;
}

.pt-5, .py-5 {
    padding-top: 0 !important;
}

.tittleitem {
    color: #863286;
    font-size: 30px;
    font-weight: 400;
}
.author-widget {
    position: relative;
    top: 10px;
}

.author-widget .avatar img {
    width: 50px;
    height: 50px;
    background: #f3f3f3;
}

.section1 .author-widget {
    float: right;
    margin-top: 0;
    padding-left: 60px;
}
.author-widget .avatar {
    display: inline-block;
}
.blockname {
    display: inline-block;   
    position: relative;
    top: 11px;
}
.author-widget .authorLabel {
  display: block;
    font-size: 18px;
}
.author-widget .name {
  display: block;
    font-size: 18px;
}

footer .links a:hover {
    color: #ffffff;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #6315b8;
    border-color: #6315b8 !important;
}

.btn-primary:hover {
    color: #fff;
    background-color: #6315b8;
    border-color: #6315b8;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem #6315b836;
}

.btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: #6315b8;
    border-color: #6315b8;
}

.badge-warning {
    color: white;
    background-color: #6315b8;
}
.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #6315b8;
    border-color: #6315b8;
}

.badge-warning {
    color: white;
    background-color: #6315b8;
    font-size: 13px;
    margin-left: 4px;
    padding-bottom: 4px;
    position: relative;
    padding-top: 5px;
}
#userbar .navbar-nav li a:hover {
   box-shadow: inherit;
}

.navbar-nav .dropdown-menu {
    position: absolute;
    float: none;
    padding-top: 0px;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    padding-top: 10px;
    padding-left: 21px;
    padding-right: 0px;
    padding-bottom: 0px;
    left: 0px;
}
.dropdown-item .svg-inline--fa {
    margin-right: 5px;
    display: inline-block;
    width: 25px;
}

.dropdown-menu hr {
    margin-top: 10px;
    margin-bottom: 0px;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}

.dropdown-item.active, .dropdown-item:active {
        color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}

.dropdown-menu{
    left: -10px;
}

a:hover {
    text-decoration: none !important;
}

.section-quotes .plainQuote::before {
    position: absolute;
    top: -14px;
    left: 0px;
    content: "“";
    font-size: 46px;
    color: rgb(216, 216, 216);
}

.section-quotes .plainQuote::after {
    display: inline;
    vertical-align: -30px;
    line-height: 0.1;
    content: "”";
    font-size: 46px;
    color: rgb(216, 216, 216);
}

.numberPromo .container h3 {
    color: white !important;
    text-align: center;
    font-size: 35px;
    text-align: left;
    margin-bottom: 36px;
    margin-top: 31px;
    line-height: 35px;
}


.numberPromo .container p, .numberPromo .container h5 {
    color: white !important;
    text-align: left;
        width: 643px;
    font-size: 17px;
}

.numberPromo .container p {
    margin-bottom: 30px;
}

.numberPromo .container a {
  color:  #6315b8 !important;
  background:  white;
}

.numberPromo a:hover {
  color:  #6315b8 !important;
  background:  white  !important;
}

.numberPromo1 h3 {
    text-align: center;
}

.choose-box__l-item:before {
    right: 30px;
    background-color: #ff2c9c;
    box-shadow: 0 0 50px #ff2c9c;
}

.row-full {
  max-width: 100%;
  padding-left: 10px !important;
  padding-right: 10px !important;
  text-align: center;
}

.row-full a {
  width: 100%;
}

.row-full h5 {
    font-weight: bold;
    font-size: 23px;
}

.row-full h6  {
    margin-bottom: 21px;
    margin-top: 13px;
}