meta.foundation-version { font-family: "/5.3.0/"; }
meta.foundation-mq-small { font-family: "/only screen/";width: 0em; }
meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/";width: 40.063em; }
meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/";width: 64.063em; }
meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/";width: 90.063em; }
meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/";width: 120.063em; }
meta.foundation-data-attribute-namespace { font-family: false; }
html, body { height: 100%; }
*,
*:before,
*:after { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
html,
body { font-size: 100%; }
body { background: white;color: #222222;padding: 0;margin: 0;font-family: "aktiv-grotesk-std", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;font-weight: normal;font-style: normal;line-height: 1;position: relative;cursor: default; }
a:hover { cursor: pointer; }
img { max-width: 100%;height: auto; }
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; }
.clearfix:before, .clearfix:after { content: " ";display: table; }
.clearfix:after { clear: both; }
.hide { display: none; }
.antialiased { -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }
img { display: inline-block;vertical-align: middle; }
textarea { height: auto;min-height: 50px; }
select { width: 100%; }
.row { width: 100%;margin-left: auto;margin-right: auto;margin-top: 0;margin-bottom: 0;max-width: 62.5rem; }
.row:before, .row:after { content: " ";display: table; }
.row:after { clear: both; }
.row.collapse > .column,
.row.collapse > .columns { padding-left: 0;padding-right: 0; }
.row.collapse .row {margin-left: 0;margin-right: 0; }
.row .row { width: auto;margin-left: -0.9375rem;margin-right: -0.9375rem;margin-top: 0;margin-bottom: 0;max-width: none; }
.row .row:before, .row .row:after { content: " ";display: table; }
.row .row:after { clear: both; }
.row .row.collapse { width: auto;margin: 0;max-width: none; }
.row .row.collapse:before, .row .row.collapse:after { content: " ";display: table; }
.row .row.collapse:after { clear: both; }
.column,
.columns { padding-left: 0.9375rem;padding-right: 0.9375rem;width: 100%;float: left; }
[class*="column"] + [class*="column"]:last-child { float: right; }
[class*="column"] + [class*="column"].end { float: left; }
@media only screen {
.small-push-0 { position: relative;left: 0%;right: auto; }
.small-pull-0 { position: relative;right: 0%;left: auto; }
.small-push-1 { position: relative;left: 8.33333%;right: auto; }
.small-pull-1 { position: relative;right: 8.33333%;left: auto; }
.small-push-2 { position: relative;left: 16.66667%;right: auto; }
.small-pull-2 { position: relative;right: 16.66667%;left: auto; }
.small-push-3 { position: relative;left: 25%;right: auto; }
.small-pull-3 { position: relative;right: 25%;left: auto; }
.small-push-4 { position: relative;left: 33.33333%;right: auto; }
.small-pull-4 { position: relative;right: 33.33333%;left: auto; }
.small-push-5 { position: relative;left: 41.66667%;right: auto; }
.small-pull-5 { position: relative;right: 41.66667%;left: auto; }
.small-push-6 { position: relative;left: 50%;right: auto; }
.small-pull-6 { position: relative;right: 50%;left: auto; }
.small-push-7 { position: relative;left: 58.33333%;right: auto; }
.small-pull-7 { position: relative;right: 58.33333%;left: auto; }
.small-push-8 { position: relative;left: 66.66667%;right: auto; }
.small-pull-8 { position: relative;right: 66.66667%;left: auto; }
.small-push-9 { position: relative;left: 75%;right: auto; }
.small-pull-9 { position: relative;right: 75%;left: auto; }
.small-push-10 { position: relative;left: 83.33333%;right: auto; }
.small-pull-10 { position: relative;right: 83.33333%;left: auto; }
.small-push-11 { position: relative;left: 91.66667%;right: auto; }
.small-pull-11 { position: relative;right: 91.66667%;left: auto; }
.column,
.columns { position: relative;padding-left: 0.9375rem;padding-right: 0.9375rem;float: left; }
.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% !important; }
.small-offset-1 { margin-left: 8.33333% !important; }
.small-offset-2 { margin-left: 16.66667% !important; }
.small-offset-3 { margin-left: 25% !important; }
.small-offset-4 { margin-left: 33.33333% !important; }
.small-offset-5 { margin-left: 41.66667% !important; }
.small-offset-6 { margin-left: 50% !important; }
.small-offset-7 { margin-left: 58.33333% !important; }
.small-offset-8 { margin-left: 66.66667% !important; }
.small-offset-9 { margin-left: 75% !important; }
.small-offset-10 { margin-left: 83.33333% !important; }
.small-offset-11 { margin-left: 91.66667% !important; }
.small-reset-order { margin-left: 0;margin-right: 0;left: auto;right: auto;float: left; }
.column.small-centered,
.columns.small-centered { margin-left: auto;margin-right: auto;float: none; }
.column.small-uncentered,
.columns.small-uncentered { margin-left: 0;margin-right: 0;float: left; }
.column.small-centered:last-child,
.columns.small-centered:last-child { float: none; }
.column.small-uncentered:last-child,
.columns.small-uncentered:last-child { float: left; }
.column.small-uncentered.opposite,
.columns.small-uncentered.opposite { float: right; } }
@media only screen and (min-width: 40.063em) {
.medium-push-0 { position: relative;left: 0%;right: auto; }
.medium-pull-0 { position: relative;right: 0%;left: auto; }
.medium-push-1 { position: relative;left: 8.33333%;right: auto; }
.medium-pull-1 { position: relative;right: 8.33333%;left: auto; }
.medium-push-2 { position: relative;left: 16.66667%;right: auto; }
.medium-pull-2 { position: relative;right: 16.66667%;left: auto; }
.medium-push-3 { position: relative;left: 25%;right: auto; }
.medium-pull-3 { position: relative;right: 25%;left: auto; }
.medium-push-4 { position: relative;left: 33.33333%;right: auto; }
.medium-pull-4 { position: relative;right: 33.33333%;left: auto; }
.medium-push-5 { position: relative;left: 41.66667%;right: auto; }
.medium-pull-5 { position: relative;right: 41.66667%;left: auto; }
.medium-push-6 { position: relative;left: 50%;right: auto; }
.medium-pull-6 { position: relative;right: 50%;left: auto; }
.medium-push-7 { position: relative;left: 58.33333%;right: auto; }
.medium-pull-7 { position: relative;right: 58.33333%;left: auto; }
.medium-push-8 { position: relative;left: 66.66667%;right: auto; }
.medium-pull-8 { position: relative;right: 66.66667%;left: auto; }
.medium-push-9 { position: relative;left: 75%;right: auto; }
.medium-pull-9 { position: relative;right: 75%;left: auto; }
.medium-push-10 { position: relative;left: 83.33333%;right: auto; }
.medium-pull-10 { position: relative;right: 83.33333%;left: auto; }
.medium-push-11 { position: relative;left: 91.66667%;right: auto; }
.medium-pull-11 { position: relative;right: 91.66667%;left: auto; }
.column,
.columns { position: relative;padding-left: 0.9375rem;padding-right: 0.9375rem;float: left; }
.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% !important; }
.medium-offset-1 { margin-left: 8.33333% !important; }
.medium-offset-2 { margin-left: 16.66667% !important; }
.medium-offset-3 { margin-left: 25% !important; }
.medium-offset-4 { margin-left: 33.33333% !important; }
.medium-offset-5 { margin-left: 41.66667% !important; }
.medium-offset-6 { margin-left: 50% !important; }
.medium-offset-7 { margin-left: 58.33333% !important; }
.medium-offset-8 { margin-left: 66.66667% !important; }
.medium-offset-9 { margin-left: 75% !important; }
.medium-offset-10 { margin-left: 83.33333% !important; }
.medium-offset-11 { margin-left: 91.66667% !important; }
.medium-reset-order { margin-left: 0;margin-right: 0;left: auto;right: auto;float: left; }
.column.medium-centered,
.columns.medium-centered { margin-left: auto;margin-right: auto;float: none; }
.column.medium-uncentered,
.columns.medium-uncentered { margin-left: 0;margin-right: 0;float: left; }
.column.medium-centered:last-child,
.columns.medium-centered:last-child { float: none; }
.column.medium-uncentered:last-child,
.columns.medium-uncentered:last-child { float: left; }
.column.medium-uncentered.opposite,
.columns.medium-uncentered.opposite { float: right; }
.push-0 { position: relative;left: 0%;right: auto; }
.pull-0 { position: relative;right: 0%;left: auto; }
.push-1 { position: relative;left: 8.33333%;right: auto; }
.pull-1 { position: relative;right: 8.33333%;left: auto; }
.push-2 { position: relative;left: 16.66667%;right: auto; }
.pull-2 { position: relative;right: 16.66667%;left: auto; }
.push-3 { position: relative;left: 25%;right: auto; }
.pull-3 { position: relative;right: 25%;left: auto; }
.push-4 { position: relative;left: 33.33333%;right: auto; }
.pull-4 { position: relative;right: 33.33333%;left: auto; }
.push-5 { position: relative;left: 41.66667%;right: auto; }
.pull-5 { position: relative;right: 41.66667%;left: auto; }
.push-6 { position: relative;left: 50%;right: auto; }
.pull-6 { position: relative;right: 50%;left: auto; }
.push-7 { position: relative;left: 58.33333%;right: auto; }
.pull-7 { position: relative;right: 58.33333%;left: auto; }
.push-8 { position: relative;left: 66.66667%;right: auto; }
.pull-8 { position: relative;right: 66.66667%;left: auto; }
.push-9 { position: relative;left: 75%;right: auto; }
.pull-9 { position: relative;right: 75%;left: auto; }
.push-10 { position: relative;left: 83.33333%;right: auto; }
.pull-10 { position: relative;right: 83.33333%;left: auto; }
.push-11 { position: relative;left: 91.66667%;right: auto; }
.pull-11 { position: relative;right: 91.66667%;left: auto; } }
@media only screen and (min-width: 64.063em) {
.large-push-0 { position: relative;left: 0%;right: auto; }
.large-pull-0 { position: relative;right: 0%;left: auto; }
.large-push-1 { position: relative;left: 8.33333%;right: auto; }
.large-pull-1 { position: relative;right: 8.33333%;left: auto; }
.large-push-2 { position: relative;left: 16.66667%;right: auto; }
.large-pull-2 { position: relative;right: 16.66667%;left: auto; }
.large-push-3 { position: relative;left: 25%;right: auto; }
.large-pull-3 { position: relative;right: 25%;left: auto; }
.large-push-4 { position: relative;left: 33.33333%;right: auto; }
.large-pull-4 { position: relative;right: 33.33333%;left: auto; }
.large-push-5 { position: relative;left: 41.66667%;right: auto; }
.large-pull-5 { position: relative;right: 41.66667%;left: auto; }
.large-push-6 { position: relative;left: 50%;right: auto; }
.large-pull-6 { position: relative;right: 50%;left: auto; }
.large-push-7 { position: relative;left: 58.33333%;right: auto; }
.large-pull-7 { position: relative;right: 58.33333%;left: auto; }
.large-push-8 { position: relative;left: 66.66667%;right: auto; }
.large-pull-8 { position: relative;right: 66.66667%;left: auto; }
.large-push-9 { position: relative;left: 75%;right: auto; }
.large-pull-9 { position: relative;right: 75%;left: auto; }
.large-push-10 { position: relative;left: 83.33333%;right: auto; }
.large-pull-10 { position: relative;right: 83.33333%;left: auto; }
.large-push-11 { position: relative;left: 91.66667%;right: auto; }
.large-pull-11 { position: relative;right: 91.66667%;left: auto; }
.column,
.columns { position: relative;padding-left: 0.9375rem;padding-right: 0.9375rem;float: left; }
.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% !important; }
.large-offset-1 { margin-left: 8.33333% !important; }
.large-offset-2 { margin-left: 16.66667% !important; }
.large-offset-3 { margin-left: 25% !important; }
.large-offset-4 { margin-left: 33.33333% !important; }
.large-offset-5 { margin-left: 41.66667% !important; }
.large-offset-6 { margin-left: 50% !important; }
.large-offset-7 { margin-left: 58.33333% !important; }
.large-offset-8 { margin-left: 66.66667% !important; }
.large-offset-9 { margin-left: 75% !important; }
.large-offset-10 { margin-left: 83.33333% !important; }
.large-offset-11 { margin-left: 91.66667% !important; }
.large-reset-order { margin-left: 0;margin-right: 0;left: auto;right: auto;float: left; }
.column.large-centered,
.columns.large-centered { margin-left: auto;margin-right: auto;float: none; }
.column.large-uncentered,
.columns.large-uncentered { margin-left: 0;margin-right: 0;float: left; }
.column.large-centered:last-child,
.columns.large-centered:last-child { float: none; }
.column.large-uncentered:last-child,
.columns.large-uncentered:last-child { float: left; }
.column.large-uncentered.opposite,
.columns.large-uncentered.opposite { float: right; }
.push-0 { position: relative;left: 0%;right: auto; }
.pull-0 { position: relative;right: 0%;left: auto; }
.push-1 { position: relative;left: 8.33333%;right: auto; }
.pull-1 { position: relative;right: 8.33333%;left: auto; }
.push-2 { position: relative;left: 16.66667%;right: auto; }
.pull-2 { position: relative;right: 16.66667%;left: auto; }
.push-3 { position: relative;left: 25%;right: auto; }
.pull-3 { position: relative;right: 25%;left: auto; }
.push-4 { position: relative;left: 33.33333%;right: auto; }
.pull-4 { position: relative;right: 33.33333%;left: auto; }
.push-5 { position: relative;left: 41.66667%;right: auto; }
.pull-5 { position: relative;right: 41.66667%;left: auto; }
.push-6 { position: relative;left: 50%;right: auto; }
.pull-6 { position: relative;right: 50%;left: auto; }
.push-7 { position: relative;left: 58.33333%;right: auto; }
.pull-7 { position: relative;right: 58.33333%;left: auto; }
.push-8 { position: relative;left: 66.66667%;right: auto; }
.pull-8 { position: relative;right: 66.66667%;left: auto; }
.push-9 { position: relative;left: 75%;right: auto; }
.pull-9 { position: relative;right: 75%;left: auto; }
.push-10 { position: relative;left: 83.33333%;right: auto; }
.pull-10 { position: relative;right: 83.33333%;left: auto; }
.push-11 { position: relative;left: 91.66667%;right: auto; }
.pull-11 {position: relative;right: 91.66667%;left: auto; } }
button, .button { border-style: solid;border-width: 0px;cursor: pointer;font-family: "aktiv-grotesk-std","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;font-weight: normal;line-height: normal;margin: 0 0 1.25rem;position: relative;text-decoration: none;text-align: center;-webkit-appearance: none;-webkit-border-radius: 0;display: inline-block;padding-top: 1rem;padding-right: 2rem;padding-bottom: 1.0625rem;padding-left: 2rem;font-size: 1rem;background-color: #008cba;border-color: #007095;color: white;transition: background-color 300ms ease-out; }
button:hover, button:focus, .button:hover, .button:focus { background-color: #007095; }
button:hover, button:focus, .button:hover, .button:focus { color: white; }
button.secondary, .button.secondary { background-color: #e7e7e7;border-color: #b9b9b9;color: #333333; }
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { background-color: #b9b9b9; }
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { color: #333333; }
button.success, .button.success { background-color: #43ac6a;border-color: #368a55;color: white; }
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { background-color: #368a55; }
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { color: white; }
button.alert, .button.alert { background-color: #f04124;border-color: #cf2a0e;color: white; }
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { background-color: #cf2a0e; }
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { color: white; }
button.large, .button.large { padding-top: 1.125rem;padding-right: 2.25rem;padding-bottom: 1.1875rem;padding-left: 2.25rem;font-size: 1.25rem; }
button.small, .button.small { padding-top: 0.875rem;padding-right: 1.75rem;padding-bottom: 0.9375rem;padding-left: 1.75rem;font-size: 0.8125rem; }
button.tiny, .button.tiny { padding-top: 0.625rem;padding-right: 1.25rem;padding-bottom: 0.6875rem;padding-left: 1.25rem;font-size: 0.6875rem; }
button.expand, .button.expand { padding-right: 0;padding-left: 0;width: 100%; }
button.left-align, .button.left-align { text-align: left;text-indent: 0.75rem; }
button.right-align, .button.right-align { text-align: right;padding-right: 0.75rem; }
button.radius, .button.radius { border-radius: 3px; }
button.round, .button.round { border-radius: 1000px; }
button.disabled, button[disabled], .button.disabled, .button[disabled] { background-color: #008cba;border-color: #007095;color: white;cursor: default;opacity: 0.7;box-shadow: none; }
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #007095; }
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { color: white; }
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #008cba; }
button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary { background-color: #e7e7e7;border-color: #b9b9b9;color: #333333;cursor: default;opacity: 0.7;box-shadow: none; }
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #b9b9b9; }
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { color: #333333; }
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #e7e7e7; }
button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success { background-color: #43ac6a;border-color: #368a55;color: white;cursor: default;opacity: 0.7;box-shadow: none; }
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #368a55; }
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { color: white; }
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #43ac6a; }
button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert { background-color: #f04124;border-color: #cf2a0e;color: white;cursor: default;opacity: 0.7;box-shadow: none; }
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #cf2a0e; }
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { color: white; }
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #f04124; }
@media only screen and (min-width: 40.063em) {
button, .button { display: inline-block; } }
meta.foundation-mq-topbar { font-family: "/only screen and (min-width:64.00em)/";width: 64.00em; }
/* Wrapped around .top-bar to contain to grid width */
.contain-to-grid { width: 100%;background: #333333; }
.contain-to-grid .top-bar { margin-bottom: 0; }
.fixed { width: 100%;left: 0;position: fixed;top: 0;z-index: 99; }
.fixed.expanded:not(.top-bar) { overflow-y: auto;height: auto;width: 100%;max-height: 100%; }
.fixed.expanded:not(.top-bar) .title-area { position: fixed;width: 100%;z-index: 99; }
.fixed.expanded:not(.top-bar) .top-bar-section { z-index: 98;margin-top: 45px; }
.top-bar { overflow: hidden;height: 45px;line-height: 45px;position: relative;background: #333333;margin-bottom: 0; }
.top-bar ul { margin-bottom: 0;list-style: none; }
.top-bar .row { max-width: none; }
.top-bar form,
.top-bar input { margin-bottom: 0; }
.top-bar input { height: auto;padding-top: .35rem;padding-bottom: .35rem;font-size: 0.75rem; }
.top-bar .button, .top-bar button { padding-top: .45rem;padding-bottom: .35rem;margin-bottom: 0;font-size: 0.75rem; }
.top-bar .title-area { position: relative;margin: 0; }
.top-bar .name { height: 45px;margin: 0;font-size: 16px; }
.top-bar .name h1 { line-height: 45px;font-size: 1.0625rem;margin: 0; }
.top-bar .name h1 a { font-weight: normal;color: white;width: 75%;display: block;padding: 0 15px; }
.top-bar .toggle-topbar { position: absolute;right: 0;top: 0; }
.top-bar .toggle-topbar a { color: white;text-transform: uppercase;font-size: 0.8125rem;font-weight: bold;position: relative;display: block;padding: 0 15px;height: 45px;line-height: 45px; }
.top-bar .toggle-topbar.menu-icon { top: 50%;margin-top: -16px; }
.top-bar .toggle-topbar.menu-icon a { height: 34px;line-height: 33px;padding: 0 40px 0 15px;color: white;position: relative; }
.top-bar .toggle-topbar.menu-icon a span::after { content: "";position: absolute;display: block;height: 0;top: 50%;margin-top: -8px;right: 15px;box-shadow: 0 0px 0 1px white, 0 7px 0 1px white, 0 14px 0 1px white;width: 16px; }
.top-bar .toggle-topbar.menu-icon a span:hover:after { box-shadow: 0 0px 0 1px white, 0 7px 0 1px white, 0 14px 0 1px white; }
.top-bar.expanded { height: auto;background: transparent; }
.top-bar.expanded .title-area { background: #333333; }
.top-bar.expanded .toggle-topbar a { color: #888888; }
.top-bar.expanded .toggle-topbar a::after { box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888; }
.top-bar-section { left: 0;position: relative;width: auto;transition: left 300ms ease-out; }
.top-bar-section ul { padding: 0;width: 100%;height: auto;display: block;font-size: 16px;margin: 0; }
.top-bar-section .divider,
.top-bar-section [role="separator"] { border-top: solid 1px #1a1a1a;clear: both;height: 1px;width: 100%; }
.top-bar-section ul li { background: #333333; }
.top-bar-section ul li > a { display: block;width: 100%;color: white;padding: 12px 0 12px 0;padding-left: 15px;font-family: "aktiv-grotesk-std","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;font-size: 0.8125rem;font-weight: normal;text-transform: none; }
.top-bar-section ul li > a.button { font-size: 0.8125rem;padding-right: 15px;padding-left: 15px;background-color: #008cba;border-color: #007095;color: white; }
.top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus { background-color: #007095; }
.top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus { color: white; }
.top-bar-section ul li > a.button.secondary { background-color: #e7e7e7;border-color: #b9b9b9;color: #333333; }
.top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus { background-color: #b9b9b9; }
.top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus { color: #333333; }
.top-bar-section ul li > a.button.success { background-color: #43ac6a;border-color: #368a55;color: white; }
.top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus { background-color: #368a55; }
.top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus { color: white; }
.top-bar-section ul li > a.button.alert { background-color: #f04124;border-color: #cf2a0e;color: white; }
.top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus { background-color: #cf2a0e; }
.top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus { color: white; }
.top-bar-section ul li > button { font-size: 0.8125rem;padding-right: 15px;padding-left: 15px;background-color: #008cba;border-color: #007095;color: white; }
.top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus { background-color: #007095; }
.top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus { color: white; }
.top-bar-section ul li > button.secondary { background-color: #e7e7e7;border-color: #b9b9b9;color: #333333; }
.top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus { background-color: #b9b9b9; }
.top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus { color: #333333; }
.top-bar-section ul li > button.success { background-color: #43ac6a;border-color: #368a55;color: white; }
.top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus { background-color: #368a55; }
.top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus { color: white; }
.top-bar-section ul li > button.alert { background-color: #f04124;border-color: #cf2a0e;color: white; }
.top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus { background-color: #cf2a0e; }
.top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus { color: white; }
.top-bar-section ul li:hover:not(.has-form) > a { background-color: #555555;background: #272727;color: white; }
.top-bar-section ul li.active > a { background: #008cba;color: white; }
.top-bar-section ul li.active > a:hover { background: #0078a0;color: white; }
.top-bar-section .has-form { padding: 15px; }
.top-bar-section .has-dropdown { position: relative; }
.top-bar-section .has-dropdown > a:after { content: "";display: block;width: 0;height: 0;border: inset 5px;border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);border-left-style: solid;margin-right: 15px;margin-top: -4.5px;position: absolute;top: 50%;right: 0; }
.top-bar-section .has-dropdown.moved { position: static; }
.top-bar-section .has-dropdown.moved > .dropdown { display: block;position: static !important;height: auto;width: auto;overflow: visible;clip: auto;position: absolute !important;width: 100%; }
.top-bar-section .has-dropdown.moved > a:after { display: none; }
.top-bar-section .dropdown { padding: 0;position: absolute;left: 100%;top: 0;z-index: 99;display: block;position: absolute !important;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px); }
.top-bar-section .dropdown li { width: 100%;height: auto; }
.top-bar-section .dropdown li a { font-weight: normal;padding: 8px 15px; }
.top-bar-section .dropdown li a.parent-link { font-weight: normal; }
.top-bar-section .dropdown li.title h5 { margin-bottom: 0;margin-top: 0; }
.top-bar-section .dropdown li.title h5 a { color: white;line-height: 22.5px;display: block; }
.top-bar-section .dropdown li.has-form { padding: 8px 15px; }
.top-bar-section .dropdown li .button, .top-bar-section .dropdown li button { top: auto; }
.top-bar-section .dropdown label { padding: 8px 15px 2px;margin-bottom: 0;text-transform: uppercase;color: #777777;font-weight: bold;font-size: 0.625rem; }
.js-generated { display: block; }
/*--cambiar min-width para desactivar el toggle (antes:64.00em)*/
@media only screen and (min-width: 0.00em) {
.top-bar { background: #333333;overflow: visible; }
.top-bar:before, .top-bar:after { content: " ";display: table; }
.top-bar:after { clear: both; }
.top-bar .toggle-topbar { display: none; }
.top-bar .title-area { float: left; }
.top-bar .name h1 a { width: auto; }
.top-bar input,
.top-bar .button,
.top-bar button { font-size: 0.875rem;position: relative;top: 7px; }
.top-bar.expanded { background: #333333; }
.contain-to-grid .top-bar { max-width: 62.5rem;margin: 0 auto;margin-bottom: 0; }
.top-bar-section { transition: none 0 0;left: 0 !important; }
.top-bar-section ul { width: auto;height: auto !important;display: inline; }
.top-bar-section ul li { float: left; }
.top-bar-section ul li .js-generated { display: none; }
.top-bar-section li.hover > a:not(.button) { background-color: #555555;background: #272727;color: white; }
.top-bar-section li:not(.has-form) a:not(.button) { padding: 0 15px;line-height: 45px;background: #333333; }
.top-bar-section li:not(.has-form) a:not(.button):hover { background-color: #555555;background: #272727; }
.top-bar-section li.active:not(.has-form) a:not(.button) { padding: 0 15px;line-height: 45px;color: white;background: #008cba; }
.top-bar-section li.active:not(.has-form) a:not(.button):hover { background: #0078a0; }
.top-bar-section .has-dropdown > a { padding-right: 35px !important; }
.top-bar-section .has-dropdown > a:after { content: "";display: block;width: 0;height: 0;border: inset 5px;border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;border-top-style: solid;margin-top: -2.5px;top: 22.5px; }
.top-bar-section .has-dropdown.moved { position: relative; }
.top-bar-section .has-dropdown.moved > .dropdown { display: block;position: absolute !important;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px); }
.top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown { display: block;position: static !important;height: auto;width: auto;overflow: visible;clip: auto;position: absolute !important; }
.top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after { border: none;content: "\00bb";top: 1rem;margin-top: -1px;right: 5px;line-height: 1.2; }
.top-bar-section .dropdown { left: 0;top: auto;background: transparent;min-width: 100%; }
.top-bar-section .dropdown li a { color: white;line-height: 45px;white-space: nowrap;padding: 12px 15px;background: #333333; }
.top-bar-section .dropdown li:not(.has-form) a:not(.button) { color: white;background: #333333; }
.top-bar-section .dropdown li:not(.has-form):hover > a:not(.button) { color: white;background-color: #555555;background: #272727; }
.top-bar-section .dra, Arial, sans-serif; }
.side-nav li { margin: 0 0 0.4375rem 0;font-size: 0.875rem; }
.side-nav li a:not(.button) { display: block;color: #008cba;margin: 0;padding: 0.4375rem 0.875rem; }
.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus { background: rgba(0, 0, 0, 0.025);color: #1cc7ff; }
.side-nav li.active > a:first-child:not(.button) { color: #1cc7ff;font-weight: normal;font-family: "aktiv-grotesk-std", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
.side-nav li.divider { border-top: 1px solid;height: 0;padding: 0;list-style: none;border-top-color: white; }
.side-nav li.heading { color: #008cba;font-size: 0.875rem;font-weight: bold;text-transform: uppercase; }
/*Mixin: accordion-container() 
  Decription: Responsible for the container component of accordions, generating styles relating to a margin of zero and a clearfix
  Explicit Dependencies: a clearfix mixin *is* defined. 
  Implicit Dependencies: None 
*/
/*Mixin: accordion-navigation( $bg, $hover-bg, $active-bg, $padding, $active_class,  $font-color, $font-size, $font-family){  
    @params $bg-color: [ color or string ]: Specify the background color for the navigation element
    @params $hover-bg-color [ color or string ]: Specify the background color for the navigation element when hovered
    @params $active-bg [ color or string ]: Specify the background color for the navigation element when clicked and not released. 
    @params $active_class [ string ]: Specify the class name used to keep track of which accordion tab should be visible 
    @params $font-color [ color or string ]: Color of the font for accordion 
    @params $font-size [ number ]: Specifiy the font-size of the text inside the navigation element 
    @params $font-family [ string ]: Specify the font family for the text of the navigation of the accorion
*/
/*Mixin: accordion-content($bg, $padding, $active-class) 
    @params $padding [ number ]: Padding for the content of the container 
    @params $bg [ color  ]: Background color for the content when it's visible 
    @params $active_class [ string ]: Class name used to keep track of which accordion tab should be visible. 
*/
.accordion { margin-bottom: 0; }
.accordion:before, .accordion:after { content: " ";display: table; }
.accordion:after { clear: both; }
.accordion .accordion-navigation, .accordion dd { display: block;margin-bottom: 0 !important; }
.accordion .accordion-navigation.active > a, .accordion dd.active > a { background: #e8e8e8; }
.accordion .accordion-navigation > a, .accordion dd > a { background: #efefef;color: #222222;padding: 1rem;display: block;font-family: "aktiv-grotesk-std", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;font-size: 1rem; }
.accordion .accordion-navigation > a:hover, .accordion dd > a:hover { background: #e3e3e3; }
.accordion .accordion-navigation > .content, .accordion dd > .content { display: none;padding: 0.9375rem; }
.accordion .accordion-navigation > .content.active, .accordion dd > .content.active { display: block;background: white; }
.split.button { position: relative;padding-right: 5.0625rem; }
.split.button span { display: block;height: 100%;position: absolute;right: 0;top: 0;border-left: solid 1px; }
.split.button span:after { position: absolute;content: "";width: 0;height: 0;display: block;border-style: inset;top: 50%;left: 50%; }
.split.button span:active { background-color: rgba(0, 0, 0, 0.1); }
.split.button span { border-left-color: rgba(255, 255, 255, 0.5); }
.split.button span { width: 3.09375rem; }
.split.button span:after { border-top-style: solid;border-width: 0.375rem;top: 48%;margin-left: -0.375rem; }
.split.button span:after { border-color: white transparent transparent transparent; }
.split.button.secondary span { border-left-color: rgba(255, 255, 255, 0.5); }
.split.button.secondary span:after { border-color: white transparent transparent transparent; }
.split.button.alert span { border-left-color: rgba(255, 255, 255, 0.5); }
.split.button.success span { border-left-color: rgba(255, 255, 255, 0.5); }
.split.button.tiny { padding-right: 3.75rem; }
.split.button.tiny span { width: 2.25rem; }
.split.button.tiny span:after { border-top-style: solid;border-width: 0.375rem;top: 48%;margin-left: -0.375rem; }
.split.button.small { padding-right: 4.375rem; }
.split.button.small span { width: 2.625rem; }
.split.button.small span:after { border-top-style: solid;border-width: 0.4375rem;top: 48%;margin-left: -0.375rem; }
.split.button.large { padding-right: 5.5rem; }
.split.button.large span { width: 3.4375rem; }
.split.button.large span:after { border-top-style: solid;border-width: 0.3125rem;top: 48%;margin-left: -0.375rem; }
.split.button.expand { padding-left: 2rem; }
.split.button.secondary span:after { border-color: #333333 transparent transparent transparent; }
.split.button.radius span { border-bottom-right-radius: 3px;border-top-right-radius: 3px; }
.split.button.round span { border-bottom-right-radius: 1000px;border-top-right-radius: 1000px; }
.reveal-modal-bg { position: fixed;height: 100%;width: 100%;background: black;background: rgba(0, 0, 0, 0.45);z-index: 99;display: none;top: 0;left: 0; }
dialog, .reveal-modal { visibility: hidden;display: none;position: absolute;z-index: 100;width: 100vw;top: 0;left: 0;background-color: white;padding: 1.25rem;border: solid 1px #666666;box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
@media only screen and (max-width: 40em) {
dialog, .reveal-modal { min-height: 100vh; } 
}
@media only screen and (min-width: 40.063em) {
dialog, .reveal-modal { left: 50%; } 
}
dialog .column,
dialog .columns, .reveal-modal .column,
.reveal-modal .columns { min-width: 0; }
dialog > :first-child, .reveal-modal > :first-child { margin-top: 0; }
dialog > :last-child, .reveal-modal > :last-child { margin-bottom: 0; }
@media only screen and (min-width: 40.063em) {
dialog, .reveal-modal { margin-left: -40%;width: 80%; } 
}
@media only screen and (min-width: 40.063em) {
dialog, .reveal-modal { top: 6.25rem; } 
}
dialog .close-reveal-modal, .reveal-modal .close-reveal-modal { font-size: 2.5rem;line-height: 1;position: absolute;top: 0.5rem;right: 0.6875rem;color: #aaaaaa!important;font-weight: bold;cursor: pointer; }
dialog[open] { display: block;visibility: visible; }
@media only screen and (min-width: 40.063em) {
dialog, .reveal-modal { padding: 1.875rem; }
dialog.radius, .reveal-modal.radius { border-radius: 3px; }
dialog.round, .reveal-modal.round { border-radius: 1000px; }
dialog.collapse, .reveal-modal.collapse { padding: 0; }
dialog.full, .reveal-modal.full { top: 0;left: 0;height: 100vh;min-height: 100vh;margin-left: 0 !important; } 
}
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {
dialog.tiny, .reveal-modal.tiny { margin-left: -15%;width: 30%; } 
}
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {
dialog.small, .reveal-modal.small { margin-left: -20%;width: 40%; } 
}
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {
dialog.medium, .reveal-modal.medium { margin-left: -30%;width: 60%; } 
}
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {
dialog.large, .reveal-modal.large { margin-left: -35%;width: 70%; } 
}
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {
dialog.xlarge, .reveal-modal.xlarge { margin-left: -47.5%;width: 95%; } 
}
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {
dialog.full, .reveal-modal.full { margin-left: -50vw;width: 100vw; } 
}
@media print {
dialog, .reveal-modal { background: white !important; } 
}
/* Tooltips */
.has-tip { border-bottom: dotted 1px #cccccc;cursor: help;font-weight: bold;color: #333333; }
.has-tip:hover, .has-tip:focus { border-bottom: dotted 1px #003f54;color: #008cba; }
.has-tip.tip-left, .has-tip.tip-right { float: none !important; }
.tooltip { display: none;position: absolute;z-index: 999;font-weight: normal;font-size: 0.875rem;line-height: 1.3;padding: 0.75rem;max-width: 300px;left: 50%;width: 100%;color: white;background: #333333; }
.tooltip > .nub { display: block;left: 5px;position: absolute;width: 0;height: 0;border: solid 5px;border-color: transparent transparent #333333 transparent;top: -10px; }
.tooltip > .nub.rtl { left: auto;right: 5px; }
.tooltip.radius { border-radius: 3px; }
.tooltip.round { border-radius: 1000px; }
.tooltip.round > .nub { left: 2rem; }
.tooltip.opened { color: #008cba !important;border-bottom: dotted 1px #003f54 !important; }
.tap-to-close { display: block;font-size: 0.625rem;color: #777777;font-weight: normal; }
@media only screen and (min-width: 40.063em) {
.tooltip > .nub { border-color: transparent transparent #333333 transparent;top: -10px; }
.tooltip.tip-top > .nub { border-color: #333333 transparent transparent transparent;top: auto;bottom: -10px; }
.tooltip.tip-left, .tooltip.tip-right { float: none !important; }
.tooltip.tip-left > .nub { border-color: transparent transparent transparent #333333;right: -10px;left: auto;top: 50%;margin-top: -5px; }
.tooltip.tip-right > .nub { border-color: transparent #333333 transparent transparent;right: auto;left: -10px;top: 50%;margin-top: -5px; } 
}
/* Clearing Styles */
.clearing-thumbs, [data-clearing] { margin-bottom: 0;margin-left: 0;list-style: none; }
.clearing-thumbs:before, .clearing-thumbs:after, [data-clearing]:before, [data-clearing]:after { content: " ";display: table; }
.clearing-thumbs:after, [data-clearing]:after { clear: both; }
.clearing-thumbs li, [data-clearing] li { float: left;margin-right: 10px; }
.clearing-thumbs[class*="block-grid-"] li, [data-clearing][class*="block-grid-"] li { margin-right: 0; }
.clearing-blackout { background: #333333;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 998; }
.clearing-blackout .clearing-close { display: block; }
.clearing-container { position: relative;z-index: 998;height: 100%;overflow: hidden;margin: 0; }
.clearing-touch-label { position: absolute;top: 50%;left: 50%;color: #aaa;font-size: 0.6em; }
.visible-img { height: 95%;position: relative; }
.visible-img img { position: absolute;left: 50%;top: 50%;margin-left: -50%;max-height: 100%;max-width: 100%; }
.clearing-caption { color: #cccccc;font-size: 0.875em;line-height: 1.3;margin-bottom: 0;text-align: center;bottom: 0;background: #333333;width: 100%;padding: 10px 30px 20px;position: absolute;left: 0; }
.clearing-close { z-index: 999;padding-left: 20px;padding-top: 10px;font-size: 30px;line-height: 1;color: #cccccc;display: none; }
.clearing-close:hover, .clearing-close:focus { color: #ccc; }
.clearing-assembled .clearing-container { height: 100%; }
.clearing-assembled .clearing-container .carousel > ul { display: none; }
.clearing-feature li { display: none; }
.clearing-feature li.clearing-featured-img { display: block; }
@media only screen and (min-width: 40.063em) {
.clearing-main-prev,
.clearing-main-next { position: absolute;height: 100%;width: 40px;top: 0; }
.clearing-main-prev > span,
.clearing-main-next > span { position: absolute;top: 50%;display: block;width: 0;height: 0;border: solid 12px; }
.clearing-main-prev > span:hover,
.clearing-main-next > span:hover { opacity: 0.8; }
.clearing-main-prev { left: 0; }
.clearing-main-prev > span { left: 5px;border-color: transparent;border-right-color: #cccccc; }
.clearing-main-next { right: 0; }
.clearing-main-next > span { border-color: transparent;border-left-color: #cccccc; }
.clearing-main-prev.disabled,
.clearing-main-next.disabled { opacity: 0.3; }
.clearing-assembled .clearing-container .carousel { background: rgba(51, 51, 51, 0.8);height: 120px;margin-top: 10px;text-align: center; }
.clearing-assembled .clearing-container .carousel > ul { display: inline-block;z-index: 999;height: 100%;position: relative;float: none; }
.clearing-assembled .clearing-container .carousel > ul li { display: block;width: 120px;min-height: inherit;float: left;overflow: hidden;margin-right: 0;padding: 0;position: relative;cursor: pointer;opacity: 0.4;clear: none; }
.clearing-assembled .clearing-container .carousel > ul li.fix-height img { height: 100%;max-width: none; }
.clearing-assembled .clearing-container .carousel > ul li a.th { border: none;box-shadow: none;display: block; }
.clearing-assembled .clearing-container .carousel > ul li img { cursor: pointer !important;width: 100% !important; }
.clearing-assembled .clearing-container .carousel > ul li.visible { opacity: 1; }
.clearing-assembled .clearing-container .carousel > ul li:hover { opacity: 0.8; }
.clearing-assembled .clearing-container .visible-img { background: #333333;overflow: hidden;height: 85%; }
.clearing-close { position: absolute;top: 10px;right: 20px;padding-left: 0;padding-top: 0; } 
}
/* Progress Bar */
.progress { background-color: #f6f6f6;height: 1.5625rem;border: 1px solid white;padding: 0.125rem;margin-bottom: 0.625rem; }
.progress .meter { background: #008cba;height: 100%;display: block; }
.progress.secondary .meter { background: #e7e7e7;height: 100%;display: block; }
.progress.success .meter { background: #43ac6a;height: 100%;display: block; }
.progress.alert .meter { background: #f04124;height: 100%;display: block; }
.progress.radius { border-radius: 3px; }
.progress.radius .meter { border-radius: 2px; }
.progress.round { border-radius: 1000px; }
.progress.round .meter { border-radius: 999px; }
.sub-nav { display: block;width: auto;overflow: hidden;margin: -0.25rem 0 1.125rem;padding-top: 0.25rem;margin-right: 0;margin-left: -0.75rem; }
.sub-nav dt { text-transform: uppercase; }
.sub-nav dt,
.sub-nav dd,
.sub-nav li { float: left;display: inline;margin-left: 1rem;margin-bottom: 0.625rem;font-family: "aktiv-grotesk-std", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;font-weight: normal;font-size: 0.875rem;color: #999999; }
.sub-nav dt a,
.sub-nav dd a,
.sub-nav li a { text-decoration: none;color: #999999;padding: 0.1875rem 1rem; }
.sub-nav dt a:hover,
.sub-nav dd a:hover,
.sub-nav li a:hover { color: #737373; }
.sub-nav dt.active a,
.sub-nav dd.active a,
.sub-nav li.active a { border-radius: 3px;font-weight: normal;background: #008cba;padding: 0.1875rem 1rem;cursor: default;color: white; }
.sub-nav dt.active a:hover,
.sub-nav dd.active a:hover,
.sub-nav li.active a:hover { background: #0078a0; }
/* Foundation Joyride */
.joyride-list { display: none; }
/* Default styles for the container */
.joyride-tip-guide { display: none;position: absolute;background: #333333;color: white;z-index: 101;top: 0;left: 2.5%;font-family: inherit;font-weight: normal;width: 95%; }
.lt-ie9 .joyride-tip-guide { max-width: 800px;left: 50%;margin-left: -400px; }
.joyride-content-wrapper { width: 100%;padding: 1.125rem 1.25rem 1.5rem; }
.joyride-content-wrapper .button { margin-bottom: 0 !important; }
/* Add a little css triangle pip, older browser just miss out on the fanciness of it */
.joyride-tip-guide .joyride-nub { display: block;position: absolute;left: 22px;width: 0;height: 0;border: 10px solid #333333; }
.joyride-tip-guide .joyride-nub.top { border-top-style: solid;border-color: #333333;border-top-color: transparent !important;border-left-color: transparent !important;border-right-color: transparent !important;top: -20px; }
.joyride-tip-guide .joyride-nub.bottom { border-bottom-style: solid;border-color: #333333 !important;border-bottom-color: transparent !important;border-left-color: transparent !important;border-right-color: transparent !important;bottom: -20px; }
.joyride-tip-guide .joyride-nub.right { right: -20px; }
.joyride-tip-guide .joyride-nub.left { left: -20px; }
/* Typography */
.joyride-tip-guide h1,
.joyride-tip-guide h2,
.joyride-tip-guide h3,
.joyride-tip-guide h4,
.joyride-tip-guide h5,
.joyride-tip-guide h6 { line-height: 1.25;margin: 0;font-weight: bold;color: white; }
.joyride-tip-guide p { margin: 0 0 1.125rem 0;font-size: 0.875rem;line-height: 1.3; }
.joyride-timer-indicator-wrap { width: 50px;height: 3px;border: solid 1px #555555;position: absolute;right: 1.0625rem;bottom: 1rem; }
.joyride-timer-indicator { display: block;width: 0;height: inherit;background: #666666; }
.joyride-close-tip { position: absolute;right: 12px;top: 10px;color: #777777 !important;text-decoration: none;font-size: 24px;font-weight: normal;line-height: 0.5 !important; }
.joyride-close-tip:hover, .joyride-close-tip:focus { color: #eeeeee !important; }
.joyride-modal-bg { position: fixed;height: 100%;width: 100%;background: transparent;background: rgba(0, 0, 0, 0.5);z-index: 100;display: none;top: 0;left: 0;cursor: pointer; }
.joyride-expose-wrapper { background-color: #ffffff;position: absolute;border-radius: 3px;z-index: 102;box-shadow: 0 0 15px white; }
.joyride-expose-cover { background: transparent;border-radius: 3px;position: absolute;z-index: 9999;top: 0;left: 0; }
/* Styles for screens that are at least 768px; */
@media only screen and (min-width: 40.063em) {
.joyride-tip-guide { width: 300px;left: inherit; }
.joyride-tip-guide .joyride-nub.bottom { border-color: #333333 !important;border-bottom-color: transparent !important;border-left-color: transparent !important;border-right-color: transparent !important;bottom: -20px; }
.joyride-tip-guide .joyride-nub.right { border-color: #333333 !important;border-top-color: transparent !important;border-right-color: transparent !important;border-bottom-color: transparent !important;top: 22px;left: auto;right: -20px; }
.joyride-tip-guide .joyride-nub.left { border-color: #333333 !important;border-top-color: transparent !important;border-left-color: transparent !important;border-bottom-color: transparent !important;top: 22px;left: -20px;right: auto; } 
}
.label { font-weight: normal;font-family: "aktiv-grotesk-std", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;text-align: center;text-decoration: none;line-height: 1;white-space: nowrap;display: inline-block;position: relative;margin-bottom: inherit;padding: 0.25rem 0.5rem 0.375rem;font-size: 0.6875rem;background-color: #008cba;color: white; }
.label.radius { border-radius: 3px; }
.label.round { border-radius: 1000px; }
.label.alert { background-color: #f04124;color: white; }
.label.success { background-color: #43ac6a;color: white; }
.label.secondary { background-color: #e7e7e7;color: #333333; }
.off-canvas-wrap { -webkit-backface-visibility: hidden;position: relative;width: 100%;overflow: hidden; }
.off-canvas-wrap.move-right, .off-canvas-wrap.move-left { min-height: 100%;-webkit-overflow-scrolling: touch; }
.inner-wrap { -webkit-backface-visibility: hidden;position: relative;width: 100%;-webkit-transition: -webkit-transform 500ms ease;-moz-transition: -moz-transform 500ms ease;-ms-transition: -ms-transform 500ms ease;-o-transition: -o-transform 500ms ease;transition: transform 500ms ease; }
.inner-wrap:before, .inner-wrap:after { content: " ";display: table; }
.inner-wrap:after { clear: both; }
.tab-bar { -webkit-backface-visibility: hidden;background: #333333;color: white;height: 2.8125rem;line-height: 2.8125rem;position: relative; }
.tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 { color: white;font-weight: bold;line-height: 2.8125rem;margin: 0; }
.tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 { font-size: 1.125rem; }
.left-small { width: 2.8125rem;height: 2.8125rem;position: absolute;top: 0;border-right: solid 1px #1a1a1a;left: 0; }
.right-small { width: 2.8125rem;height: 2.8125rem;position: absolute;top: 0;border-left: solid 1px #1a1a1a;right: 0; }
.tab-bar-section { padding: 0 0.625rem;position: absolute;text-align: center;height: 2.8125rem;top: 0; }
@media only screen and (min-width: 40.063em) {
.tab-bar-section { text-align: left; } }
.tab-bar-section.left { left: 0;right: 2.8125rem; }
.tab-bar-section.right { left: 2.8125rem;right: 0; }
.tab-bar-section.middle { left: 2.8125rem;right: 2.8125rem; }
.tab-bar .menu-icon { text-indent: 2.1875rem;width: 2.8125rem;height: 2.8125rem;display: block;padding: 0;color: white;position: relative;transform: translate3d(0, 0, 0); }
.tab-bar .menu-icon span::after { content: "";position: absolute;display: block;height: 0;top: 50%;margin-top: -0.5rem;left: 0.90625rem;box-shadow: 0 0px 0 1px white, 0 7px 0 1px white, 0 14px 0 1px white;width: 1rem; }
.tab-bar .menu-icon span:hover:after { box-shadow: 0 0px 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3; }
.left-off-canvas-menu { -webkit-backface-visibility: hidden;width: 15.625rem;top: 0;bottom: 0;position: absolute;overflow-y: auto;background: #333333;z-index: 1001;box-sizing: content-box;transition: transform 500ms ease 0s;-webkit-overflow-scrolling: touch;-ms-transform: translate(-100%, 0);-webkit-transform: translate3d(-100%, 0, 0);-moz-transform: translate3d(-100%, 0, 0);-ms-transform: translate3d(-100%, 0, 0);-o-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);left: 0; }
.left-off-canvas-menu * { -webkit-backface-visibility: hidden; }
.right-off-canvas-menu { -webkit-backface-visibility: hidden;width: 15.625rem;top: 0;bottom: 0;position: absolute;overflow-y: auto;background: #333333;z-index: 1001;box-sizing: content-box;transition: transform 500ms ease 0s;-webkit-overflow-scrolling: touch;-ms-transform: translate(100%, 0);-webkit-transform: translate3d(100%, 0, 0);-moz-transform: translate3d(100%, 0, 0);-ms-transform: translate3d(100%, 0, 0);-o-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);right: 0; }
.right-off-canvas-menu * { -webkit-backface-visibility: hidden; }
ul.off-canvas-list { list-style-type: none;padding: 0;margin: 0; }
ul.off-canvas-list li label { display: block;padding: 0.3rem 0.9375rem;color: #999999;text-transform: uppercase;font-size: 0.75rem;font-weight: bold;background: #444444;border-top: 1px solid #5e5e5e;border-bottom: none;margin: 0; }
ul.off-canvas-list li a { display: block;padding: 0.66667rem;color: rgba(255, 255, 255, 0.7);border-bottom: 1px solid #262626;transition: background 300ms ease; }
ul.off-canvas-list li a:hover { background: #242424; }
.move-right > .inner-wrap { -ms-transform: translate(15.625rem, 0);-webkit-transform: translate3d(15.625rem, 0, 0);-moz-transform: translate3d(15.625rem, 0, 0);-ms-transform: translate3d(15.625rem, 0, 0);-o-transform: translate3d(15.625rem, 0, 0);transform: translate3d(15.625rem, 0, 0); }
.move-right .exit-off-canvas { -webkit-backface-visibility: hidden;transition: background 300ms ease;cursor: pointer;box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);display: block;position: absolute;background: rgba(255, 255, 255, 0.2);top: 0;bottom: 0;left: 0;right: 0;z-index: 1002;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
@media only screen and (min-width: 40.063em) {
.move-right .exit-off-canvas:hover { background: rgba(255, 255, 255, 0.05); } }
.move-left > .inner-wrap { -ms-transform: translate(-15.625rem, 0);-webkit-transform: translate3d(-15.625rem, 0, 0);-moz-transform: translate3d(-15.625rem, 0, 0);-ms-transform: translate3d(-15.625rem, 0, 0);-o-transform: translate3d(-15.625rem, 0, 0);transform: translate3d(-15.625rem, 0, 0); }
.move-left .exit-off-canvas { -webkit-backface-visibility: hidden;transition: background 300ms ease;cursor: pointer;box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);display: block;position: absolute;background: rgba(255, 255, 255, 0.2);top: 0;bottom: 0;left: 0;right: 0;z-index: 1002;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
@media only screen and (min-width: 40.063em) {
.move-left .exit-off-canvas:hover { background: rgba(255, 255, 255, 0.05); } 
}
.offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu { -ms-transform: none;-webkit-transform: none;-moz-transform: none;-o-transform: none;transform: none;z-index: 1003; }
.offcanvas-overlap .exit-offcanvas-menu { -webkit-backface-visibility: hidden;transition: background 300ms ease;cursor: pointer;box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);display: block;position: absolute;background: rgba(255, 255, 255, 0.2);top: 0;bottom: 0;left: 0;right: 0;z-index: 1002;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);z-index: 1002; }
@media only screen and (min-width: 40.063em) {
.offcanvas-overlap .exit-offcanvas-menu:hover { background: rgba(255, 255, 255, 0.05); } }
.no-csstransforms .left-off-canvas-menu { left: -15.625rem; }
.no-csstransforms .right-off-canvas-menu { right: -15.625rem; }
.no-csstransforms .move-left > .inner-wrap { right: 15.625rem; }
.no-csstransforms .move-right > .inner-wrap { left: 15.625rem; }
/* Foundation Dropdowns */
.f-dropdown { position: absolute;left: -9999px;list-style: none;margin-left: 0;width: 100%;max-height: none;height: auto;background: white;border: solid 1px #cccccc;font-size: 0.875rem;z-index: 99;margin-top: 2px;max-width: 200px; }
.f-dropdown > *:first-child { margin-top: 0; }
.f-dropdown > *:last-child { margin-bottom: 0; }
.f-dropdown:before { content: "";display: block;width: 0;height: 0;border: inset 6px;border-color: transparent transparent white transparent;border-bottom-style: solid;position: absolute;top: -12px;left: 10px;z-index: 99; }
.f-dropdown:after { content: "";display: block;width: 0;height: 0;border: inset 7px;border-color: transparent transparent #cccccc transparent;border-bottom-style: solid;position: absolute;top: -14px;left: 9px;z-index: 98; }
.f-dropdown.right:before { left: auto;right: 10px; }
.f-dropdown.right:after { left: auto;right: 9px; }
.f-dropdown.drop-right { position: absolute;left: -9999px;list-style: none;margin-left: 0;width: 100%;max-height: none;height: auto;background: white;border: solid 1px #cccccc;font-size: 0.875rem;z-index: 99;margin-top: 0;margin-left: 2px;max-width: 200px; }
.f-dropdown.drop-right > *:first-child { margin-top: 0; }
.f-dropdown.drop-right > *:last-child { margin-bottom: 0; }
.f-dropdown.drop-right:before { content: "";display: block;width: 0;height: 0;border: inset 6px;border-color: transparent white transparent transparent;border-right-style: solid;position: absolute;top: 10px;left: -12px;z-index: 99; }
.f-dropdown.drop-right:after { content: "";display: block;width: 0;height: 0;border: inset 7px;border-color: transparent #cccccc transparent transparent;border-right-style: solid;position: absolute;top: 9px;left: -14px;z-index: 98; }
.f-dropdown.drop-left { position: absolute;left: -9999px;list-style: none;margin-left: 0;width: 100%;max-height: none;height: auto;background: white;border: solid 1px #cccccc;font-size: 0.875rem;z-index: 99;margin-top: 0;margin-left: -2px;max-width: 200px; }
.f-dropdown.drop-left > *:first-child { margin-top: 0; }
.f-dropdown.drop-left > *:last-child { margin-bottom: 0; }
.f-dropdown.drop-left:before { content: "";display: block;width: 0;height: 0;border: inset 6px;border-color: transparent transparent transparent white;border-left-style: solid;position: absolute;top: 10px;right: -12px;left: auto;z-index: 99; }
.f-dropdown.drop-left:after { content: "";display: block;width: 0;height: 0;border: inset 7px;border-color: transparent transparent transparent #cccccc;border-left-style: solid;position: absolute;top: 9px;right: -14px;left: auto;z-index: 98; }
.f-dropdown.drop-top { position: absolute;left: -9999px;list-style: none;margin-left: 0;width: 100%;max-height: none;height: auto;background: white;border: solid 1px #cccccc;font-size: 0.875rem;z-index: 99;margin-top: -2px;margin-left: 0;max-width: 200px; }
.f-dropdown.drop-top > *:first-child { margin-top: 0; }
.f-dropdown.drop-top > *:last-child { margin-bottom: 0; }
.f-dropdown.drop-top:before { content: "";display: block;width: 0;height: 0;border: inset 6px;border-color: white transparent transparent transparent;border-top-style: solid;position: absolute;top: auto;bottom: -12px;left: 10px;right: auto;z-index: 99; }
.f-dropdown.drop-top:after { content: "";display: block;width: 0;height: 0;border: inset 7px;border-color: #cccccc transparent transparent transparent;border-top-style: solid;position: absolute;top: auto;bottom: -14px;left: 9px;right: auto;z-index: 98; }
.f-dropdown li { font-size: 0.875rem;cursor: pointer;line-height: 1.125rem;margin: 0; }
.f-dropdown li:hover, .f-dropdown li:focus { background: #eeeeee; }
.f-dropdown li a { display: block;padding: 0.5rem;color: #555555; }
.f-dropdown.content { position: absolute;left: -9999px;list-style: none;margin-left: 0;padding: 1.25rem;width: 100%;height: auto;max-height: none;background: white;border: solid 1px #cccccc;font-size: 0.875rem;z-index: 99;max-width: 200px; }
.f-dropdown.content > *:first-child { margin-top: 0; }
.f-dropdown.content > *:last-child { margin-bottom: 0; }
.f-dropdown.tiny { max-width: 200px; }
.f-dropdown.small { max-width: 300px; }
.f-dropdown.medium { max-width: 500px; }
.f-dropdown.large { max-width: 800px; }
table { background: white;margin-bottom: 1.25rem;border: solid 1px #dddddd; }
table caption { background: transparent;color: #222222;font-size: 1rem;font-weight: bold; }
table thead { background: whitesmoke; }
table thead tr th,
table thead tr td { padding: 0.5rem 0.625rem 0.625rem;font-size: 0.875rem;font-weight: bold;color: #222222; }
table tfoot { background: whitesmoke; }
table tfoot tr th,
table tfoot tr td { padding: 0.5rem 0.625rem 0.625rem;font-size: 0.875rem;font-weight: bold;color: #222222; }
table tr th,
table tr td { padding: 0.5625rem 0.625rem;font-size: 0.875rem;color: #222222;text-align: left; }
table tr.even, table tr.alt, table tr:nth-of-type(even) { background: #f9f9f9; }
table thead tr th,
table tfoot tr th,
table tfoot tr td,
table tbody tr th,
table tbody tr td,
table tr td { display: table-cell;line-height: 1.125rem; }
/* Standard Forms */
form { margin: 0 0 1rem; }
/* Using forms within rows, we need to set some defaults */
form .row .row { margin: 0 -0.5rem; }
form .row .row .column,
form .row .row .columns { padding: 0 0.5rem; }
form .row .row.collapse { margin: 0; }
form .row .row.collapse .column,
form .row .row.collapse .columns { padding: 0; }
form .row .row.collapse input { border-bottom-right-radius: 0;border-top-right-radius: 0; }
form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns { padding-left: 0.5rem; }
/* Label Styles */
label { font-size: 0.875rem;color: #4d4d4d;cursor: pointer;display: block;font-weight: normal;line-height: 1.5;margin-bottom: 0;/* Styles for required inputs */ }
label.right { float: none !important;text-align: right; }
label.inline { margin: 0 0 1rem 0;padding: 0.5625rem 0; }
label small { text-transform: capitalize;color: #676767; }
select::-ms-expand { display: none; }
/* Attach elements to the beginning or end of an input */
.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: 0.875rem;height: 2.3125rem;line-height: 2.3125rem; }
/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button { padding-left: 0;padding-right: 0;padding-top: 0;padding-bottom: 0;text-align: center;line-height: 2.125rem;border: none; }
.prefix.button { padding-left: 0;padding-right: 0;padding-top: 0;padding-bottom: 0;text-align: center;line-height: 2.125rem;border: none; }
.prefix.button.radius { border-radius: 0;border-bottom-left-radius: 3px;border-top-left-radius: 3px; }
.postfix.button.radius { border-radius: 0;border-bottom-right-radius: 3px;border-top-right-radius: 3px; }
.prefix.button.round { border-radius: 0;border-bottom-left-radius: 1000px;border-top-left-radius: 1000px; }
.postfix.button.round { border-radius: 0;border-bottom-right-radius: 1000px;border-top-right-radius: 1000px; }
/* Separate prefix and postfix styles when on span or label so buttons keep their own */
span.prefix, label.prefix { background: #f2f2f2;border-right: none;color: #333333;border-color: #cccccc; }
span.prefix.radius, label.prefix.radius { border-radius: 0;border-bottom-left-radius: 3px;border-top-left-radius: 3px; }
span.postfix, label.postfix { background: #f2f2f2;border-left: none;color: #333333;border-color: #cccccc; }
span.postfix.radius, label.postfix.radius { border-radius: 0;border-bottom-right-radius: 3px;border-top-right-radius: 3px; }
/* We use this to get basic styling on all basic form elements */
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;background-color: white;font-family: inherit;border: 1px solid #cccccc;box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);color: rgba(0, 0, 0, 0.75);display: block;font-size: 0.875rem;margin: 0 0 1rem 0;padding: 0.5rem;height: 2.3125rem;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;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 { box-shadow: 0 0 5px #999999;border-color: #999999; }
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: #999999;outline: none; }
input[type="text"][disabled], fieldset[disabled] input[type="text"],
input[type="password"][disabled], fieldset[disabled]
input[type="password"],
input[type="date"][disabled], fieldset[disabled]
input[type="date"],
input[type="datetime"][disabled], fieldset[disabled]
input[type="datetime"],
input[type="datetime-local"][disabled], fieldset[disabled]
input[type="datetime-local"],
input[type="month"][disabled], fieldset[disabled]
input[type="month"],
input[type="week"][disabled], fieldset[disabled]
input[type="week"],
input[type="email"][disabled], fieldset[disabled]
input[type="email"],
input[type="number"][disabled], fieldset[disabled]
input[type="number"],
input[type="search"][disabled], fieldset[disabled]
input[type="search"],
input[type="tel"][disabled], fieldset[disabled]
input[type="tel"],
input[type="time"][disabled], fieldset[disabled]
input[type="time"],
input[type="url"][disabled], fieldset[disabled]
input[type="url"],
textarea[disabled], fieldset[disabled]
textarea { background-color: #dddddd; }
input[type="text"].radius,
input[type="password"].radius,
input[type="date"].radius,
input[type="datetime"].radius,
input[type="datetime-local"].radius,
input[type="month"].radius,
input[type="week"].radius,
input[type="email"].radius,
input[type="number"].radius,
input[type="search"].radius,
input[type="tel"].radius,
input[type="time"].radius,
input[type="url"].radius,
textarea.radius { border-radius: 3px; }
input[type="submit"] { -webkit-appearance: none; }
/* Respect enforced amount of rows for textarea */
textarea[rows] { height: auto; }
/* Add height value for select elements to match text input height */
select { -webkit-appearance: none !important;background-color: #fafafa;background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);background-position: 100% center;background-repeat: no-repeat;border: 1px solid #cccccc;padding: 0.5rem;font-size: 0.875rem;color: rgba(0, 0, 0, 0.75);line-height: normal;border-radius: 0;height: 2.3125rem; }
select.radius { border-radius: 3px; }
select:hover { background-color: #f3f3f3;border-color: #999999; }
/* Adjust margin for form elements below */
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select { margin: 0 0 1rem 0; }
input[type="checkbox"] + label,
input[type="radio"] + label { display: inline-block;margin-left: 0.5rem;margin-right: 1rem;margin-bottom: 0;vertical-align: baseline; }
/* Normalize file input width */
input[type="file"] { width: 100%; }
/* We add basic fieldset styling */
fieldset { border: 1px solid #dddddd;padding: 1.25rem;margin: 1.125rem 0; }
fieldset legend { font-weight: bold;background: white;padding: 0 0.1875rem;margin: 0;margin-left: -0.1875rem; }
/* Error Handling */
[data-abide] .error small.error, [data-abide] span.error, [data-abide] small.error { display: block;padding: 0.375rem 0.5625rem 0.5625rem;margin-top: -1px;margin-bottom: 1rem;font-size: 0.75rem;font-weight: normal;font-style: italic;background: #f04124;color: white; }
[data-abide] span.error, [data-abide] small.error { display: none; }
span.error, small.error { display: block;padding: 0.375rem 0.5625rem 0.5625rem;margin-top: -1px;margin-bottom: 1rem;font-size: 0.75rem;font-weight: normal;font-style: italic;background: #f04124;color: white; }
.error input,
.error textarea,
.error select { margin-bottom: 0; }
.error input[type="checkbox"],
.error input[type="radio"] { margin-bottom: 1rem; }
.error label,
.error label.error { color: #f04124; }
.error small.error { display: block;padding: 0.375rem 0.5625rem 0.5625rem;margin-top: -1px;margin-bottom: 1rem;font-size: 0.75rem;font-weight: normal;font-style: italic;background: #f04124;color: white; }
.error > label > small { color: #676767;background: transparent;padding: 0;text-transform: capitalize;font-style: normal;font-size: 60%;margin: 0;display: inline; }
.error span.error-message { display: block; }
input.error,
textarea.error { margin-bottom: 0; }
label.error { color: #f04124; }
.range-slider { display: block;position: relative;width: 100%;height: 1rem;border: 1px solid #dddddd;margin: 1.25rem 0;-ms-touch-action: none;touch-action: none;background: #fafafa; }
.range-slider.vertical-range { display: block;position: relative;width: 100%;height: 1rem;border: 1px solid #dddddd;margin: 1.25rem 0;-ms-touch-action: none;touch-action: none;display: inline-block;width: 1rem;height: 12.5rem; }
.range-slider.vertical-range .range-slider-handle { margin-top: 0;margin-left: -0.5rem;position: absolute;bottom: -10.5rem; }
.range-slider.vertical-range .range-slider-active-segment { width: 0.875rem;height: auto;bottom: 0; }
.range-slider.radius { background: #fafafa;border-radius: 3px; }
.range-slider.radius .range-slider-handle { background: #008cba;border-radius: 3px; }
.range-slider.radius .range-slider-handle:hover { background: #007ba4; }
.range-slider.round { background: #fafafa;border-radius: 1000px; }
.range-slider.round .range-slider-handle { background: #008cba;border-radius: 1000px; }
.range-slider.round .range-slider-handle:hover { background: #007ba4; }
.range-slider.disabled, .range-slider[disabled] { background: #fafafa;cursor: default;opacity: 0.7; }
.range-slider.disabled .range-slider-handle, .range-slider[disabled] .range-slider-handle { background: #008cba;cursor: default;opacity: 0.7; }
.range-slider.disabled .range-slider-handle:hover, .range-slider[disabled] .range-slider-handle:hover { background: #007ba4; }
.range-slider-active-segment { display: inline-block;position: absolute;height: 0.875rem;background: #e5e5e5; }
.range-slider-handle { display: inline-block;position: absolute;z-index: 1;top: -0.3125rem;width: 2rem;height: 1.375rem;border: 1px solid none;cursor: pointer;background: #008cba; }
.range-slider-handle:hover { background: #007ba4; }
[class*="block-grid-"] { display: block;padding: 0;margin: 0 -0.625rem; }
[class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " ";display: table; }
[class*="block-grid-"]:after { clear: both; }
[class*="block-grid-"] > li { display: block;height: auto;float: left;padding: 0 0.625rem 1.25rem; }
@media only screen {
.small-block-grid-1 > li { width: 100%;list-style: none; }
.small-block-grid-1 > li:nth-of-type(1n) { clear: none; }
.small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; }
.small-block-grid-2 > li { width: 50%;list-style: none; }
.small-block-grid-2 > li:nth-of-type(1n) { clear: none; }
.small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; }
.small-block-grid-3 > li { width: 33.33333%;list-style: none; }
.small-block-grid-3 > li:nth-of-type(1n) { clear: none; }
.small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; }
.small-block-grid-4 > li { width: 25%;list-style: none; }
.small-block-grid-4 > li:nth-of-type(1n) { clear: none; }
.small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; }
.small-block-grid-5 > li { width: 20%;list-style: none; }
.small-block-grid-5 > li:nth-of-type(1n) { clear: none; }
.small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; }
.small-block-grid-6 > li { width: 16.66667%;list-style: none; }
.small-block-grid-6 > li:nth-of-type(1n) { clear: none; }
.small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; }
.small-block-grid-7 > li { width: 14.28571%;list-style: none; }
.small-block-grid-7 > li:nth-of-type(1n) { clear: none; }
.small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; }
.small-block-grid-8 > li { width: 12.5%;list-style: none; }
.small-block-grid-8 > li:nth-of-type(1n) { clear: none; }
.small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; }
.small-block-grid-9 > li { width: 11.11111%;list-style: none; }
.small-block-grid-9 > li:nth-of-type(1n) { clear: none; }
.small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; }
.small-block-grid-10 > li { width: 10%;list-style: none; }
.small-block-grid-10 > li:nth-of-type(1n) { clear: none; }
.small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; }
.small-block-grid-11 > li { width: 9.09091%;list-style: none; }
.small-block-grid-11 > li:nth-of-type(1n) { clear: none; }
.small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; }
.small-block-grid-12 > li { width: 8.33333%;list-style: none; }
.small-block-grid-12 > li:nth-of-type(1n) { clear: none; }
.small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } }
@media only screen and (min-width: 40.063em) {
.medium-block-grid-1 > li { width: 100%;list-style: none; }
.medium-block-grid-1 > li:nth-of-type(1n) { clear: none; }
.medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; }
.medium-block-grid-2 > li { width: 50%;list-style: none; }
.medium-block-grid-2 > li:nth-of-type(1n) { clear: none; }
.medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; }
.medium-block-grid-3 > li { width: 33.33333%;list-style: none; }
.medium-block-grid-3 > li:nth-of-type(1n) { clear: none; }
.medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; }
.medium-block-grid-4 > li { width: 25%;list-style: none; }
.medium-block-grid-4 > li:nth-of-type(1n) { clear: none; }
.medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; }
.medium-block-grid-5 > li { width: 20%;list-style: none; }
.medium-block-grid-5 > li:nth-of-type(1n) { clear: none; }
.medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; }
.medium-block-grid-6 > li { width: 16.66667%;list-style: none; }
.medium-block-grid-6 > li:nth-of-type(1n) { clear: none; }
.medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; }
.medium-block-grid-7 > li { width: 14.28571%;list-style: none; }
.medium-block-grid-7 > li:nth-of-type(1n) { clear: none; }
.medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; }
.medium-block-grid-8 > li { width: 12.5%;list-style: none; }
.medium-block-grid-8 > li:nth-of-type(1n) { clear: none; }
.medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; }
.medium-block-grid-9 > li { width: 11.11111%;list-style: none; }
.medium-block-grid-9 > li:nth-of-type(1n) { clear: none; }
.medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; }
.medium-block-grid-10 > li { width: 10%;list-style: none; }
.medium-block-grid-10 > li:nth-of-type(1n) { clear: none; }
.medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; }
.medium-block-grid-11 > li { width: 9.09091%;list-style: none; }
.medium-block-grid-11 > li:nth-of-type(1n) { clear: none; }
.medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; }
.medium-block-grid-12 > li { width: 8.33333%;list-style: none; }
.medium-block-grid-12 > li:nth-of-type(1n) { clear: none; }
.medium-block-grid-12 > li:nth-of-type(12n+1) {clear: both; } 
}
@media only screen and (min-width: 64.063em) {
.large-block-grid-1 > li { width: 100%;list-style: none; }
.large-block-grid-1 > li:nth-of-type(1n) { clear: none; }
.large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; }
.large-block-grid-2 > li { width: 50%;list-style: none; }
.large-block-grid-2 > li:nth-of-type(1n) { clear: none; }
.large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; }
.large-block-grid-3 > li { width: 33.33333%;list-style: none; }
.large-block-grid-3 > li:nth-of-type(1n) { clear: none; }
.large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; }
.large-block-grid-4 > li { width: 25%;list-style: none; }
.large-block-grid-4 > li:nth-of-type(1n) { clear: none; }
.large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; }
.large-block-grid-5 > li { width: 20%;list-style: none; }
.large-block-grid-5 > li:nth-of-type(1n) { clear: none; }
.large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; }
.large-block-grid-6 > li { width: 16.66667%;list-style: none; }
.large-block-grid-6 > li:nth-of-type(1n) { clear: none; }
.large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; }
.large-block-grid-7 > li { width: 14.28571%;list-style: none; }
.large-block-grid-7 > li:nth-of-type(1n) { clear: none; }
.large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; }
.large-block-grid-8 > li { width: 12.5%;list-style: none; }
.large-block-grid-8 > li:nth-of-type(1n) { clear: none; }
.large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; }
.large-block-grid-9 > li { width: 11.11111%;list-style: none; }
.large-block-grid-9 > li:nth-of-type(1n) { clear: none; }
.large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; }
.large-block-grid-10 > li { width: 10%;list-style: none; }
.large-block-grid-10 > li:nth-of-type(1n) { clear: none; }
.large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; }
.large-block-grid-11 > li { width: 9.09091%;list-style: none; }
.large-block-grid-11 > li:nth-of-type(1n) { clear: none; }
.large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; }
.large-block-grid-12 > li { width: 8.33333%;list-style: none; }
.large-block-grid-12 > li:nth-of-type(1n) { clear: none; }
.large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } }
.flex-video { /*position: relative;*/padding-top: 1.5625rem;padding-bottom: 57.5%;height: 0;/*margin-bottom: 1rem;*/overflow: hidden; }
.flex-video.widescreen { padding-bottom: /*56.34%*/2%; }
.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%; }
.keystroke,
kbd { background-color: #ededed;border-color: #dddddd;color: #222222;border-style: solid;border-width: 1px;margin: 0;font-family: "Consolas", "Menlo", "Courier", monospace;font-size: inherit;padding: 0.125rem 0.25rem 0;border-radius: 3px; }
div.switch label { display: block;margin-bottom: 1rem;position: relative;color: transparent;background: #dddddd;text-indent: 100%;width: 4rem;height: 2rem;cursor: pointer;transition: left 0.15s ease-out; }
div.switch input { display: none; }
div.switch input + label { margin-left: 0;margin-right: 0; }
div.switch label:after { content: "";display: block;background: white;position: absolute;top: .25rem;left: .25rem;width: 1.5rem;height: 1.5rem;-webkit-transition: left 0.15s ease-out;-moz-transition: left 0.15s ease-out;transition: left 0.15s ease-out; }
div.switch input:checked + label { background: #008cba; }
div.switch input:checked + label:after { left: 2.25rem; }
div.switch label { width: 4rem;height: 2rem; }
div.switch label:after { width: 1.5rem;height: 1.5rem; }
div.switch input:checked + label:after { left: 2.25rem; }
div.switch label { color: transparent;background: #dddddd; }
div.switch label:after { background: white; }
div.switch input:checked + label { background: #008cba; }
div.switch.large label { width: 5rem;height: 2.5rem; }
div.switch.large label:after { width: 2rem;height: 2rem; }
div.switch.large input:checked + label:after { left: 2.75rem; }
div.switch.small label { width: 3.5rem;height: 1.75rem; }
div.switch.small label:after { width: 1.25rem;height: 1.25rem; }
div.switch.small input:checked + label:after { left: 2rem; }
div.switch.tiny label { width: 3rem;height: 1.5rem; }
div.switch.tiny label:after { width: 1rem;height: 1rem; }
div.switch.tiny input:checked + label:after { left: 1.75rem; }
div.switch.radius label { border-radius: 4px; }
div.switch.radius label:after { border-radius: 3px; }
div.switch.round { border-radius: 1000px; }
div.switch.round label { border-radius: 2rem; }
div.switch.round label:after { border-radius: 2rem; }
/* small displays */
@media only screen {
.show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up { display: inherit !important; }
.hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up { display: none !important; }
.visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up { position: static !important;height: auto;width: auto;overflow: visible;clip: auto; }
.hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up { position: absolute !important;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px); }
table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up { display: table; }
thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up { display: table-header-group !important; }
tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up { display: table-row-group !important; }
tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up { display: table-row !important; }
th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up { display: table-cell !important; } }
/* medium displays */
@media only screen and (min-width: 40.063em) {
.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up { display: inherit !important; }
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up { display: none !important; }
.hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up { position: static !important;height: auto;width: auto;overflow: visible;clip: auto; }
.visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up { position: absolute !important;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px); }
table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up { display: table; }
thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up { display: table-header-group !important; }
tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up { display: table-row-group !important; }
tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up { display: table-row !important; }
th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up { display: table-cell !important; } 
}
/* large displays */
@media only screen and (min-width: 64.063em) {
.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up { display: inherit !important; }
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up { display: none !important; }
.hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up { position: static !important;height: auto;width: auto;overflow: visible;clip: auto; }
.visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up { position: absolute !important;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px); }
table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up { display: table; }
thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up { display: table-header-group !important; }
tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up { display: table-row-group !important; }
tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up { display: table-row !important; }
th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up { display: table-cell !important; } 
}
/* xlarge displays */
@media only screen and (min-width: 90.063em) {
.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up { display: inherit !important; }
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up { display: none !important; }
.hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up { position: static !important;height: auto;width: auto;overflow: visible;clip: auto; }
.visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up { position: absolute !important;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px); }
table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up { display: table; }
thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up { display: table-header-group !important; }
tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up { display: table-row-group !important; }
tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up { display: table-row !important; }
th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up { display: table-cell !important; } 
}
/* xxlarge displays */
@media only screen and (min-width: 120.063em) {
.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up { display: inherit !important; }
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up { display: none !important; }
.hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up { position: static !important;height: auto;width: auto;overflow: visible;clip: auto; }
.visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up { position: absolute !important;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px); }
table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xxlarge-only, table.show-for-xxlarge-up { display: table; }
thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up { display: table-header-group !important; }
tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up { display: table-row-group !important; }
tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up { display: table-row !important; }
th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up { display: table-cell !important; } 
}
/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait { display: inherit !important; }
.hide-for-landscape,
.show-for-portrait { display: none !important; }
/* Specific visibility for tables */
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; }
/* Specific visibility for tables */
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; }
  /* Specific visibility for tables */
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; } 
}
/* Touch-enabled device targeting */
.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; }
/* Specific visibility for tables */
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; }
/* Print visibility */
@media print {
.show-for-print { display: block; }
.hide-for-print { display: none; }
table.show-for-print { display: table; }
thead.show-for-print { display: table-header-group !important; }
tbody.show-for-print { display: table-row-group !important; }
tr.show-for-print { display: table-row !important; }
td.show-for-print { display: table-cell !important; }
th.show-for-print { display: table-cell !important; } 
}

.login-img{ background:url(../../images/login_img.png) no-repeat center;background-size:cover;height:305px; }

body{ /*background:url(../images/bg-body.png) repeat-x #000 fixed;*/background:#000;background-position:0 47px; }
a:active, a:visited, a:focus { outline: none; }
textarea { resize: none; }
textarea, input { outline: none; }
.contain-to-grid .top-bar,.row{ max-width:1280px; }
.profile-cover{ max-width:100%; }
table{ border-spacing:0;background:none;border:0; }
table tr.even, table tr.alt, table tr:nth-of-type(even) { background:none; }
tr, th, td{ background:none; }
.feed{ border-bottom:0.1em solid #262626; }
.feed td{ border-bottom:0.1em solid #262626;background:none;padding-top:1.2em; }
.feed h1{ color:#bcbcbc;font-size:1.6em; }
.feed h1 a{ color:#bcbcbc; }
.feed h1 a:hover{ color:#fe03c3;text-decoration:underline; }
.feed p{ color:#666;font-size:1.1em;line-height:1.4em;margin:0; }
.feed-highlight p{ font-size:1.8em;line-height:1.2em; }
.feed a{ color:#fea1e8; }
.feed a:hover{ color:#fe03c3; }
.avatar-s, .avatar-m, .avatar-l{ background:none;width:48px;vertical-align:top;padding:0;padding-top:0.8em;text-align:right; }
.avatar-l{ width:72px;padding-top:1.5em; }
.avatar-s img, .avatar-m img, .avatar-l img{ border-radius:3em;width:72px; }
.avatar-s img{ width:32px;margin-top:0.2em; }
.avatar-m img{ width:48px; }
.context{ background:none!important; }
.context td{ background:#101010;padding:0.28em;padding-left:0.8em;border-radius:0 0.4em 0.4em 0;color:#666;font-size:0.85em; }
.context a{ color:#666; }
.context a:hover{ color:#808080;text-decoration:underline; }
.context-icn{ text-align:right;vertical-align:top;border-radius:0.4em 0 0 0.4em!important; }
.feed-margin{ background:none;border:0!important; }
.feed-action{ padding:0;margin:0; }
.feed-action li{ display:inline-block;text-decoration:none;padding:0.5em 1.5em;padding-left:0;vertical-align:top; }
.feed-action a{ color:#666; }
.feed-action a:hover{ color:#fe03c3; }
.feed-icn{ display:inline-block;width:1.2em;height:1.2em;vertical-align:-10%;margin-right:0.5em; }
.feed-icn-like-noselected{ background-image:url(https://www.x-art.com/images/icn-like-small.png);background-size:contain; }
.feed-icn-like-selected{ background-image:url(https://www.x-art.com/images/icn-like-small-h.png);background-size:contain; }
.feed-icn-more, .feed-icn-reply{ background:url(https://www.x-art.com/images/icn-more-small.png) no-repeat;background-size:contain;vertical-align:top;background-position:0 3px;display:inline-block;padding-left:1.8em;width:initial; }
.feed-icn-more:hover{ background-image:url(https://www.x-art.com/images/icn-more-small-h.png);background-size:contain;background-position:0 3px; }
.feed-icn-reply{ background-image:url(https://www.x-art.com/images/icn-reply-small.png);background-size:contain;background-position:0; }
.feed-icn-reply:hover{ background-image:url(https://www.x-art.com/images/icn-reply-small-h.png);background-size:contain; }
.f-dropdown li{ width:100%; }
.img-crop{ background:#101010;height:250px;overflow:hidden;border-radius:0.5em;border:0.1em solid #262626;cursor:pointer;margin-top:0.5em;text-align:center; }
.img-crop img{ /*width:100%;*/max-height: 250px; }
.media-capture{ text-align:right;padding:1.5em 0; }
.media-capture img{ border:0.25em solid #363636; }
.media-capture img:hover{ border:0.25em solid #fe03c3; }
.media-info{ padding-top:1.5em;max-width:300px; }
.media-info h1{ color:#bcbcbc;font-size:1.15em;font-weight:bold;margin:0; }
.media-info h2{ color:#666;font-size:1.2em;margin-bottom:0.8em; }
.media-info p{ margin-bottom:1em; }
.feed .flex-video{ margin-top:2em; }
/*---------------------------------------BTNS--*/
.std-btn{ background:#262626;text-transform:uppercase;font-size:0.8em;padding:0.7em 3em;margin-right:0.8em;color:#bcbcbc; }
.std-btn:hover{ background:#fe03c3; }
.pink-btn{ background:#fe03c3;color:#fff; }
.pink-btn:hover{ background:#262626; }
.icn-btn{ background:#fe03c3;color:#fff;padding:0.7em; }
.icn-btn:hover{ background:#262626; }
.icn-text-btn{ padding:0.7em 1.2em; }
.icn-text-btn img{ vertical-align:0;margin-right:0.3em; }
/*---------------------------------------FORM--*/
.xart-form { margin:0;margin-top:1em; }
.last-row{ border-bottom:0.1em solid #262626; }
.xart-form textarea, .xart-form input, .xart-form select{ background-color:#000;border:0.1em solid #262626;color:#666;font-size:1em; }
.xart-form select{ background:url(https://www.x-art.com/images/arrow.png) no-repeat right;background-position:95% 50%; }
.xart-form select:focus, .xart-form input:focus{ outline:none;background-color:#000;box-shadow: 0 0 5px #808080;-webkit-box-shadow:0 0 5px #808080;-moz-box-shadow:0 0 5px #808080;border-color:#808080; }
.xart-form h1{ font-size:1.2em;color:#bcbcbc;margin-bottom:;padding-bottom:0.5em; }
.xart-form label{ font-size:0.8em;color:#808080; }
.xart-form label span{ font-size:0.9em;color:#666;float:right; }
.form-group{ margin-bottom:1em; }
.avatar-edit .avatar-l{ padding:0;margin:0;display:inline;margin-right:1em;margin-bottom:1em; }
.avatar-edit ul{ color:#808080;padding-top:1em;text-align:left; }
.avatar-check{ padding-top:1em;display:inline-block!important; }
.avatar-check a{ color:#fe03c3; }
.avatar-check a:hover{ text-decoration:underline; }
.avatar-edit .button{ margin:0;margin-top:1em;margin-right:1em; }
.blocked-users{ text-align:right; }
.blocked-users a{ color:#bcbcbc; }
.blocked-users a:hover{ color:#fe03c3; }
/*---------------------------------------update--*/
.update-feeds{ text-align:center; }
.update-feeds a{ display:block;color:#666;font-size:0.9em;font-weight:bold;padding:1em 0;background:none;margin-bottom:0; }
.update-feeds a:hover{ color:#bcbcbc;background:#101010; }
/*---------------------------------------profile info--*/
.profile-info, .profile-info td{ background:#101010;color:#666; }
.profile-info h1{ color:#fff;font-size:2.8em;margin-bottom:0.1em; }
.profile-info p{ font-size:1.2em;line-height:1.2em; }
.profile-info table{ margin-bottom:0; }
.btn-profile{ text-align:right;padding:0; }
.btn-profile a{ margin:0;font-size:1em;float:right; }
.profile-activity a{ font-size:1.8em;color:#fea1e8; }
.profile-activity a:hover{ color:#fe03c3; }
.profile-activity ul{ margin:0;margin-top:0.5em;text-transform:uppercase; }
.profile-activity ul li{ display:inline-block;font-size:1em;margin-right:0.8em; }
.profile-activity li a{ font-size:1em;color:#bcbcbc; }
.profile-activity-small div{ padding-bottom:1.5em;text-transform:uppercase; }
.profile-activity-small h1{ font-size:0.8em!important;color:#666; }
.profile-activity-small a{ font-size:1.5em!important;color:#bcbcbc; }
.profile-activity-small a:hover{ font-size:1.5em!important;color:#fe03c3; }
.profile-action{ text-align:left; }
/*---------------------------------------profile cover--*/
.profile-cover{ text-align:center;background:#000; }
.profile-cover h1{ color:#fea1e8;font-size:1.1em; }
.edit-cover{ position: absolute;top: 0;bottom: 0;left: 0;right: 0;/*width: 70%;*/width:15%;height: 35%;margin: auto; }
.cover-image{ max-height:300px;overflow:hidden; }
.cover-image img{ width:100%; }
.cover-margin{ height:1em; }
/*---------------------------------------feed reply--*/
.feed-expand td{ border-bottom:none; }
.feed-expand .avatar-m{ background:url(https://www.x-art.com/images/bg-feedreply.png) no-repeat;background-position:21px bottom; }
.feed-reply td{ background:#101010;padding-top:0.6em;padding-bottom:0;border-bottom:0.1em solid #000; }
.feed-reply h1{ font-size:1.2em;margin:0; }
.feed-reply .xart-form{ margin-top:0; }
.feed-reply .xart-form textarea{ margin-bottom:0.6em; }
.feed-reply .std-btn{ font-size:1em;padding:0.7em 3em;color:#bcbcbc; }
.feed-reply .std-btn:hover{ background:#fe03c3;color:#fff; }
.feed-reply .icn-btn{ background:#fe03c3;color:#fff;padding:0.7em; }
.feed-reply .icn-btn img{ vertical-align:0; }
.feed-reply .icn-btn:hover{ background:#262626; }
.reply-more td{ padding-top:0.8em;padding-bottom:0.8em; }
.reply-more a{ color:#666; }
.reply-more a:hover{ color:#bcbcbc;text-decoration:underline; }
/*--------------------------------------- FAVORITES --*/
#favorites .brick-content{ width:300px;padding:10px;border:0.1em solid #292929;border-top:0; }
#favorites .brick-content h1{ font-size:1.05em;color:#bcbcbc;line-height:1em; }
#favorites .brick-content h2{ font-size:0.9em;color:#666;line-height:0.8em; }
#favorites .masonry-brick{ margin-bottom:1em; }
#favorites .masonry-brick img{ width:300px; }
/*--------------------------------------- FAVORITES/SEARCH - MASONRY --*/
.brick-content{ width:300px;padding:10px;border:0.1em solid #292929;border-top:0; }
.brick-content h1{ font-size:1.05em;color:#bcbcbc;line-height:1em; }
.brick-content h2{ font-size:0.9em;color:#666;line-height:0.8em; }
.masonry-brick{ margin-bottom:1em; }
.masonry-brick:hover{ background:#1f1f1f;cursor:pointer; }
.masonry-brick:hover h1, .masonry-brick:hover h2{ color:#fff; }
.masonry-brick img{ width:300px; }
.search-header{ text-align:center; }
.search-header h1{ font-size:1.2em;color:#fff;margin-bottom:1em; }
.search-header h1 span{ color:#fea1e8; }
/*--------------------------------------- SEARCH GENERAL --*/
#searchContainer .brick-content{ width:300px; }
#searchContainer .brick-content-img{ width:30px; }
.search-header{ text-align:center; }
.search-header h1{ font-size:1.2em;color:#fff;margin-bottom:1em; }
.search-header h1 span{ color:#fea1e8; }
/*--------------------------------------- BROWSE --*/
.browse-item{ background:#000;padding:0.25em;padding-bottom:0.8em;border:0.1em solid #292929;cursor:pointer;height: 100%; }
.item-img img{ width:100%;margin-bottom:0.5em; }
.item-header h1{ font-size:1.1em;color:#bcbcbc;line-height:1.2em;margin-top:0.2em;margin-bottom:0.2em; }
.item-header h2{ font-size:0.9em;color:#666;line-height:1.2em;margin:0; }
.item-content p{ font-size:0.75em;color:#666;line-height:1.2em;margin-top:0.5em;margin-bottom:0;/*	height: 45px;overflow: hidden;*/ }
.item-like{ text-align:right; }
.item-like h1{ display:inline-block;font-size:1em;color:#bcbcbc; }
.item-like a{ display:inline-block;background:url(https://www.x-art.com/images/icn-like-small.png) center no-repeat;background-size:contain;width:1.2em;height:1.2em;vertical-align:-3px; }
.item-like a:hover{ background:url(https://www.x-art.com/images/icn-like-small-h.png) center no-repeat;background-size:contain; }
.item-star { background:url(https://www.x-art.com/images/icn-star-hover.png) center no-repeat;display: inline-block;height: 1.2em;vertical-align: -3px;width: 1.2em; }
.browse-item:hover{ background:#1f1f1f; }
.browse-item:hover h1, .browse-item:hover h2{ color:#fff; }
.browse-item:hover p{ color:#bcbcbc; }
/*--------------------------------------- CONNECT FIND FRIENDS --*/
.f-dropdown a:hover{ color:#fe03c3; }
.ff-avatar{ text-align:center; }
.ff-avatar img{ border-radius:5em;margin:auto; }
.ff-item-group h1{ font-size:1.2em;color:#fff;margin:0; }
.ff-item-group h2{ font-size:1em;color:#fea1e8;margin:0;margin-bottom:0.4em; }
.ff-item-group a:hover h2{ color:#fe03c3;text-decoration:underline; }
.ff-item-group p{ font-size:0.8em;color:#666;line-height:1.2em; }
.ff-item{ border:0.1em solid #292929; }
.ff-btn{ float:right;background:#262626;padding:0.5em 1em;color:#bcbcbc;text-transform:uppercase;font-size:0.7em; }
.ff-btn:hover{ background:#fe03c3;color:#fff; }
.ff-cover{ max-height:90px;overflow:hidden; }
/*--------------------------------------- POPUP --*/
.likes-popup{ padding:1em;background:#101010;border-color:#262626; }
.likes-popup table{ width:100%; }
.likes-popup .std-btn{ margin:0;float:right;color:#fff!important; }
.likes-popup h1{ font-size:1em;color:#bcbcbc;padding-bottom:0.8em;border-bottom:0.1em solid #262626;margin:0; }
.popup-content h1{ font-size:1.3em;margin:0;padding-bottom:0;border:0; }
.popup-content h2{ font-size:1.1em;color:#fea1e8; }
.popup-content h2:hover{ color:#fe03c3; }
/*--------------------------------------- SINGLE FEED --*/
.feed-page .avatar-m{ background:none; }
.feed-page .feed-date{ display:inline-block;font-size:0.9em;padding:0.2em 0.5em;margin:0.2em 0;background:#101010; }
.feed-page .feed-header td{ padding-bottom:0; }
.feed-page .feed-header h1{ color:#fff;margin:0; }
.feed-page .feed-header h2{ color:#fea1e8;font-size:1.2em;margin:0; }
.feed-page .feed-header td:hover h2{ color:#fe03c3; }
.feed-header .button{ color:#fff;float:right; }
.feed-header .button:hover{ color:#fff; }
.feed-media{ margin:0.5em 0; }
/*--------------------------------------- TOP BAR --*/
.topbar, .topbar nav, .topbar-login, .topbar-login nav{ background:#000; }
.topbar .title-area{ margin-top:0.5em !important;margin-left:1em !important; }
.title-area .name a{ position:relative;z-index:99; }
.topbar{ border-bottom:0.1em solid #262626;margin-bottom:; }
.topbar-login{ border-bottom:0.1em solid #262626;margin-bottom:3em; }
.topbar nav{ /*height:80px;*/ }
.middle-menu{ display:block;width:100%;text-align:center;vertical-align:top;position: absolute;left:0px;margin:0; }
.middle-topbar li a{ display:inline-block;color:#bcbcbc;font-size:0.8em;padding:0.8em 1em;text-transform:uppercase; }
.middle-topbar li a:hover, .middle-topbar li .active{ color:#fe03c3; }
.search-topbar{ }
.top-profile img{ border-radius:3em;margin-left:0.5em; }
.alert-icn, .topbar-profile{ padding:17px 0.8em!important; }
.alert-icn img{ width:1.5em; }
.alert-number{ font-size:0.7em;border-radius:0.2em;color:#fff;padding:0 0.3em;background:#fe03c3;position:absolute;top:0;right:0;margin-top:23px;margin-right:10px;cursor:pointer; }
.top-notifications ul, .top-profile ul{ /*  box-shadow: 0 5px 20px #000;-webkit-box-shadow:0 5px 20px #000;-moz-box-shadow:0 5px 20px #000;*/ }
.top-bar-section li:not(.has-form) a:not(.button),
.top-bar-section ul li{ background:none; text-decoration:none; }
.top-bar-section li:not(.has-form) a:not(.button):hover{ background:#101010; }
.top-bar-section .dropdown li:not(.has-form) a:not(.button){ background:#1a1a1a;border-top:0.1em solid #000; }
.top-bar-section .dropdown li:not(.has-form):hover > a:not(.button){ background:#101010; }
.top-bar-section ul li:hover:not(.has-form) > a{ background:#101010; }
.subnav .top-bar-section .has-dropdown > a,
.topbar .top-bar-section .has-dropdown > a{ padding-right:15px!important; }
.topbar .top-bar-section .has-dropdown > a:after,
.subnav .top-bar-section .has-dropdown > a:after{ display:none!important; }
/*-- topbar notifications large --*/
.top-notifications ul{ width:430px!important; }
.top-notifications li{ background:#101010!important;border-bottom:1px solid #000;display:block;padding:0.5em 0; }
.top-notifications .unread{ background:#1a1a1a!important; }
.top-notifications li:hover{ background:#1a1a1a!important; }
.top-notifications li a{ white-space:normal!important;border:0!important; }
.top-notifications-avatar{ width:48px!important;float:left; }
.top-notifications-avatar img{ width:48px;border-radius:3em; }
.top-notifications-content{ width:335px!important;padding-left:15px;float:left; }
.top-notifications-content p{ margin:0;margin-bottom:0.3em;font-size:1em;color:#bcbcbc; }
.top-notifications-content span{ color:#fb9fe5; }
.top-notifications-content h2{ font-size:1em;color:#666;margin:0;margin-left:0.5em;float:left; }
.top-notifications-content img{ width:16px;margin:0;float:left; }
.top-notifications-action{ width:25px!important;float:left;display:none; }
.top-notifications li:hover .top-notifications-action{ display:initial; }
.notifications-action-btn{ width:14px;height:14px;background:url(https://www.x-art.com/images/icn/icn-delete-gray.png) no-repeat center!important;background-size:contain!important;float:left;margin-top:0.5em;color:transparent!important; }
.notifications-action-btn:hover{ background:url(https://www.x-art.com/images/icn/icn-delete-pink.png) no-repeat center!important;background-size:contain!important; }
.top-notifications-action .f-dropdown{ border:0;margin-top:1em;margin-left:-120px!important;background:#fff;width:150px!important; }
.top-notifications-action .f-dropdown li{ background:#fff!important;padding:0;border:0; }
.top-notifications-action .f-dropdown li a{ background:#fff!important;color:#666!important; }
.top-notifications-action .f-dropdown li:hover a{ background:#eee!important;color:#fe03c3!important; }
.top-notifications-action .f-dropdown.open::before,
.top-notifications-action .f-dropdown.open::after{ left:130px; }
.notification-more{ padding:0!important;text-align:center; }
.notification-more a{ background:#101010!important;color:#fda0e7!important; }
.notification-more a:hover{ color:#fe03c3!important;text-decoration:underline; }
/*--------------------------------------- SUBNAV --*/
.subnav, .subnav nav{ background:#1a1a1a; }
.subnav{ margin-bottom:1em;box-shadow: 0 2px 20px #000;-webkit-box-shadow:0 2px 20px #000;-moz-box-shadow:0 2px 20px #000; }
.middle-menu li{ display:inline-block; }
.middle-submenu li a{ font-size:0.88em;display:block;color:#666;padding:10px 1em;padding-bottom:;border-bottom:0.2em solid #1a1a1a; }
.middle-submenu li a:hover, .middle-submenu li .active{ color:#fff;border-bottom:0.2em solid #fe03c3; }
.subnav .has-dropdown a{ /*color:#666!important;*/color:#bcbcbc!important; }
.subnav .has-dropdown span{ color:#bcbcbc!important;display:inline-block;padding-right:1em;font-size:1.2em;background:url(https://www.x-art.com/images/arrow.png) no-repeat;background-position:90% 50%; }
.subnav .has-dropdown li a{ color:#666!important; }
.subnav .has-dropdown li:hover a{ color:#bcbcbc!important; }
.subnav-search p{ color:#000; }
.subnav-search .search-btn{ background:red;position:absolute;top:0;height:44px;padding:0; }
.subnav-search .content{ min-width:450px!important; }
.back-btn-sm{ padding-left:1.8em!important;color:#bcbcbc!important;background:url(https://www.x-art.com/images/icn/back.png) no-repeat !important;background-position:0.2em 50%!important; }
.back-btn-sm:hover{ background-color:#101010!important; }
.search-subnav a{ color:#bcbcbc!important;display:inline-block;padding-right:1.5em!important;font-size:1em!important;background:url(https://www.x-art.com/images/arrow.png) no-repeat!important;background-position:90% 50%!important; }
.search-subnav a:hover{ background-color:#101010!important; }
.search-subnav-dropdown{ position:absolute;z-index:99;background:#101010;border-top:0.1em solid #000;border-bottom:0.2em solid #000; }
.search-subnav-dropdown li{ padding:0.8em 1em; }
.search-subnav-dropdown input{ display:inline;margin:0;position:initial;width:initial; }
.search-subnav-dropdown input[type="submit"]{ background:url(https://www.x-art.com/images/icn/icn-search-sm.png) center no-repeat #fe03c3;background-size:1.5em;width:37px;height:37px;border:0;color:transparent;overflow:hidden;margin-left:-5px;cursor:pointer; }
.search-subnav-dropdown input[type="text"]{ width:25em; }
.search-subnav-dropdown-rewrite{ position:relative !important;z-index:1 !important;text-align: center;border: none !important; }
/*--------------------------------------- MENU SMALL Y MEDIUM --*/
.sidebar-sm { background:#101010; }
.sidebar-sm ul li label{ background:#262626;border-color:#000;color:#666; }
.menu-sm{ background:#000;border-bottom:0.1em solid #262626;margin-bottom:1px; }
.menu-sm .left-small,
.menu-sm .right-small{ border:0; }
.menu-sm .mainlogo img{ width:7em;margin-top:-3px; }
.menu-sm .tab-bar-section{ text-align:center; }
.menu-sm .tab-bar-section.middle{ left:6rem;right:6rem; }
.off-canvas-profile h1{ display:inline;color:#fff;font-size:1.2em;margin-left:0.5em; }
.off-canvas-profile img{ width:48px;border-radius:3em; }
.icn-topbar-sm{ position:absolute;right:0; }
.icn-topbar-sm a{ width:45px;height:45px;display:inline-block;background:url(https://www.x-art.com/images/icn/icn-search-sm.png) center no-repeat;background-size:1.8em; }
.icn-topbar-sm .icn-notifications-sm{ background:url(https://www.x-art.com/images/icn/icn-notifications-sm.png) center no-repeat;background-size:1.9em;margin-right:3em; }
.alert-number-sm{ position:absolute;right:0;line-height:initial;margin-right:3.8em;margin-top:0.3em;color:#fff;background:#fe03c3;font-size:0.9em;padding:0.05em 0.2em;border-radius:0.2em; }
/*--------------------------------------- SUBMENU SMALL --*/
.submenu-sm{ text-align:center!important; }
.submenu-small{ position:initial!important;float:initial!important;display:inline-block!important;margin:0 auto; }
.submenu-small li .dropdown{ left:auto;right:auto;overflow:auto; }
.submenu-modal{ margin:0;padding:0;list-style-type:none;text-align:center; }
.submenu-modal li a{ display:block;color:#bcbcbc;border-bottom:0.1em solid #000;padding:1em 0; }
.submenu-modal li a:hover{ background:#fe03c3;color:#fff; }
/*--------------------------------------- FILTER SORT SM --*/
.filter-sort-btn-sm{ color:#bcbcbc!important;font-size:0.9em!important; }
#filters-modal .submenu-modal{ text-align:left; }
#filters-modal h1{ color:#666; }
.submenu-modal li{ border-bottom:0.1em solid #262626; }
.submenu-modal li:hover{ background:#1a1a1a; }
.submenu-modal label{ width:80%;color:#bcbcbc;padding:1em 0.5em;font-size:1em; }
.filter-btn .close-reveal-modal{ position:initial;font-weight:normal; }
.filter-btn a{ background:#fe03c3;font-size:0.9em!important;text-transform:uppercase;color:#fff!important; }
.filter-btn a:hover{ background:#262626;color:#bcbcbc; }
.modal-margin{ margin-bottom:1em; }
/*--------------------------------------- MSG --*/
.msg-header{ padding:1em;border-bottom:0.1em solid #000;background:#101010; }
.msg-header .button{ position:absolute;right:0.5em;top:1.5em; }
.msg-header h1{ font-size:1.5em;color:#bcbcbc; }
.msg-list{ /*background:#101010;height:500px;*/ }
.msg-list table{ padding:0;margin:0; }
.msg-item td{ border-bottom:0.1em solid #000;background:#101010; }
.msg-item .avatar{ width:62px;padding:1em;padding-right:0;vertical-align:top; }
.msg-item .avatar img{ width:48px;border-radius:3em; }
.msg-item h1{ font-size:1.2em;color:#808080;margin:0;line-height:1em;margin-bottom:0.2em; }
.msg-item p{ font-size:1em;color:#4c4c4c;margin:0;line-height:1.2em;height:35px;overflow:hidden;word-break: break-all; }
.msg-item p span{ color:#808080; }
.msg-item .action{ width:90px;vertical-align:top; }
.msg-item .date{ position:relative;text-align:right;white-space:nowrap;font-size:1em;color:#808080;margin:0; }
.msg-item:hover td, .msg-list .unread td{ background:#1a1a1a;cursor:pointer; }
.msg-list .selected td{ background:#fe03c3; }
.msg-item:hover h1, .msg-item:hover p, .msg-item:hover .date,
.msg-list .unread h1, .msg-list .unread p, .msg-list .unread .date{ color:#bcbcbc; }
.msg-list .selected h1, .msg-list .selected p, .msg-list .selected p span, .msg-list .selected .date{ color:#fff; }
.msg-item .action-flag ,.msg-item .action-dlt{ float:right;width:18px;height:18px;background:url(https://www.x-art.com/images/icn/icn-delete-gray.png) no-repeat center!important;background-size:contain!important;margin-top:0.5em;margin-left:1em;color:transparent!important; }
.msg-item .action-dlt:hover{ background:url(https://www.x-art.com/images/icn/icn-delete-pink.png) no-repeat center!important;background-size:contain!important; }
.msg-item .action-flag{ background:url(https://www.x-art.com/images/icn/icn-flag-gray.png) no-repeat center!important;background-size:contain!important; }
.msg-item .action-flag:hover{ background:url(https://www.x-art.com/images/icn/icn-flag-pink.png) no-repeat center!important;background-size:contain!important; }
.msg-list .selected .action-flag, .msg-list .selected .action-flag:hover{ background:url(https://www.x-art.com/images/icn/icn-flag-white.png) no-repeat center!important;background-size:contain!important; }
.msg-list .selected .action-dlt, .msg-list .selected .action-dlt:hover{ background:url(https://www.x-art.com/images/icn/icn-delete-white.png) no-repeat center!important;background-size:contain!important; }
.msg-content h1{ font-size:1.1em;color:#666;margin-top:1em; }
.chat{ /*height:490px;overflow:auto;*/padding-bottom:3.5em;float:left; }
.chat-item h1{ margin:0;margin-bottom:0.2em;font-size:1.5em;color:#bcbcbc; }
.chat-item td{ padding-bottom:1em; }
.msg-content{ }
.msg-content .xart-form .button{ margin-bottom:0; }
.msg-content .xart-form{ box-shadow:0 -8px 25px #000;-webkit-box-shadow:0 -8px 25px #000;-moz-box-shadow:0 -8px 25px #000;margin:0;padding-top:;width:100%;position:fixed;bottom:0;background:#000; }
.xart-form-chat-sm table{ margin:0;padding:0;width:100%; }
.xart-form-chat-sm textarea{ min-height:32px!important;margin:0; }
.xart-form-chat-sm table td{ padding:1em; }
.xart-form-chat-sm table .action{ width:48px;padding:0;padding-top:1em;vertical-align:top; }
.xart-form-chat-sm table .action .button{ height:100%; }
.xart-form-chat-sm table .action .button img{ vertical-align:-50%; }
.new-msg .xart-form{ position:initial;width:100%;background:#101010;padding-top:1em; }
.new-msg .xart-form input[type="text"]{ background:#000;border-color:#262626;width:100%;color:#bcbcbc; }
.new-msg{ float:initial; }
.xart-form .update-msg{ position:absolute;z-index:99;top:-30px;left:0;right:0;text-align:center; }
.xart-form .update-msg a{ display:inline-block;color:white;background:#fe03c3;padding:0.5em 2em;border-radius:5em;font-size:0.8em;cursor:pointer; }
.new-msg-to{ margin:0;margin-top:1px;padding:0;list-style:none;float:left;min-width:50%;margin-bottom:5em; }
.new-msg-to li a{ background:#101010;display:block;border-bottom:0.1em solid #000;padding:0.5em 1em; }
.new-msg-to li a:hover{ background:#fe03c3; }
/*used for autocomplete users when selecting with keyboard*/
.ui-state-focus{ background:#fe03c3 !important; }
.new-msg-to .content, .new-msg-to .avatar-m{ display:inline-block;padding:0; }
.new-msg-to .content{ padding-left:0.5em;padding-top:0.2em;min-width:75%; }
.new-msg-to .content h1{ font-size:1em;margin:0;color:#bcbcbc; }
.new-msg-to .content h2{ font-size:0.9em;margin:0;color:#fea1e8; }
.new-msg-to li a:hover h1{ color:#fff; }
.ui-helper-hidden-accessible { display:none; }
/*--------------------------------------- NOTIFICATIONS --*/
.notification:hover{ background-color:#101010; }
.top td { border-top: 0.1em solid #262626; }
.avatar-notif { text-align: center; }
.unread{ /*background-color:#1a1a1a!important;*/background-color:#101010!important; }
.msg-list .msg-item.unread{ background-color:#4d4d4d!important; }
/*--------------------------------------- SINGLE PAGE --*/
.media{ margin-bottom:1em; }
.media img{ width:100%; }
/*.single h1{ font-size:2.5em;font-weight:bold;margin:0;line-height:1em;color:#bcbcbc;padding-right:5.25em; }*/
.single h1{ font-size:2.5em;font-weight:bold;margin:0;line-height:1em;color:#bcbcbc;padding-right:8em; }
.single h2{ font-size:1.2em;margin:0;color:#808080; }
.single h2 a{ color:#fea1e8; }
.single h2 a:hover{ color:#fe03c3;text-decoration:underline; }
.single p{ color:#808080;margin-top:1em; }
.rating{ margin:0;margin-top:0.5em;margin-right:1em;padding:0;/*position:absolute;*/top:0;right:0; }
.rating li{ list-style:none;display:inline-block; }
/*.rating li a{ display:inline-block;background:url(https://www.x-art.com/images/icn-star.png) no-repeat center;background-size:contain;width:2.5em;height:2.5em;color:transparent; }*/
.rating li a{ display:inline-block;background:url(https://www.x-art.com/images/icn-star.png) no-repeat center;background-size:contain;width:1.7em;height:1.7em;color:transparent; }
.rating li .selected{ background:url(https://www.x-art.com/images/icn-star-selected.png) no-repeat center;background-size:contain; }
/*.rating:hover li .selected{ background:url(https://www.x-art.com/images/icn-star.png) no-repeat center;background-size:contain; }*/
.rating li .hover{ background:url(https://www.x-art.com/images/icn-star-hover.png) no-repeat center!important;background-size:contain!important; }
.d-download{ background:#1a1a1a;border-color:#000;max-width: 300px; }
.d-download:before{ border-color:transparent transparent #1a1a1a transparent; }
.d-download:after{ border-color:transparent transparent #262626 transparent; }
.d-download li{ font-size:0.9em;border-bottom:0.1em solid #000; }
.d-download li a{ color:#666;padding:1em!important; }
.d-download span{ float:right;min-width:45px;text-align:center;color:#bcbcbc; }
.d-download li:hover a{ color:#bcbcbc;background:#101010; }
.d-download li:hover span{ color:#fe03c3; }
.reply-form td{ background:#101010; }
.reply-form .xart-form{ margin:0; }
.reply-form .xart-form .button{ color:#bcbcbc;font-size:0.9em; }
.reply-form .xart-form .button:hover{ color:#fff; }
.comments .avatar-m{ width:63px; }
.advise{ font-family:"aktiv-grotesk-std", helvetica, arial, san-serif;font-size:0.7em;line-height:1.2em;color:#808080; }
/*--------------------------------------- GALLERY --*/
.gallery-block .browse-item{ padding:0.25em;padding-bottom:100%;position:relative;/*overflow:hidden;*/ }
.gallery-block .browse-item a{ position:absolute; }
.menu-gallery-ml .middle-submenu li a{ color:#666;height:45px;padding:0 0.7em!important; }
.menu-gallery-ml .middle-submenu li a:hover,
.menu-gallery-ml .middle-submenu .active{ color:#fff; }
.menu-gallery-ml .btns-sml li a{ color:#666;height:24px;line-height:2.2em!important;margin-top:1em;padding:0 0.6em!important;text-transform:uppercase;font-size:0.7em; }
.menu-gallery-ml .btns-sml:hover li a,
.menu-gallery-ml .btns-sml:hover li .active{ color:#666;background:#1a1a1a!important; }
.menu-gallery-ml .btns-sml li a:hover,
.menu-gallery-ml .btns-sml li .active:hover,
.menu-gallery-ml .btns-sml li .active{ color:#fff;background:#fe03c3!important; }
.btns-sml-modal{ padding:0.5em 0;margin:0;list-style:none;border-bottom:0.1em solid #262626; }
.btns-sml-modal .button{ margin:0;background:#101010; }
.btns-sml-modal .button:hover,
.btns-sml-modal .active{ background:#fe03c3; }
/*--------------------------------------- GALLERY --*/
.info-model h2{ font-size:1em; }
.info-model h2 b{ color:#bcbcbc; }
.div-title{ border-bottom:0.1em solid #262626;margin-bottom:1em;padding-top:1em; }
.div-title h1{ margin:0;padding:0;line-height:1em;font-size:1.5em;color:#bcbcbc; }
/*--------------------------------------- LOGIN --*/
.login-btns { text-align:center;background:#101010;padding:1em; }
.login-btns a{ color:#bcbcbc;font-size:0.8em;padding:0 0.5em; }
.login-btns a:hover{ text-decoration:underline;color:#fe03c3; }
.login-btns a span{ color:#808080; }

/*--------------------------------------- CHANGE AVATAR --*/
.change-avatar-btn{ position:relative; }
.change-avatar-btn span{ width:28px;height:28px;display:block;position:absolute;top:26px;right:0;background:url(https://www.x-art.com/images/icn/icn-gear.png) no-repeat center #101010;background-size:1.1em;border-radius:2em; }
.change-avatar-btn:hover span{ background:url(https://www.x-art.com/images/icn/icn-gear-white.png) no-repeat center #262626;background-size:1.1em; }
.select-avatar img{ border:3px solid #101010; }
.select-avatar img:hover,
.select-avatar .selected img{ border:3px solid #fe03c3; }
.select-avatar li{ position:relative; }
.select-avatar-btn{ position:absolute;bottom:23px;right:13px;background:url(https://www.x-art.com/images/icn/icn-delete-gray.png) no-repeat center #101010;background-size:50%;border:0;width:25%;height:25%; }
.select-avatar-btn:hover{ background:url(https://www.x-art.com/images/icn/icn-delete-pink.png) no-repeat center #101010;background-size:50%; }
/*--------------------------------------- TOUR --*/
.join-btn{ background:#fe03c3;text-transform:uppercase;padding:0.5em 1em;font-size:0.8em;float:right;margin-right:3.5em;margin-top:0.6em; }
.join-btn:hover{ background:#262626; }
.off-canvas-btn{ color:#fff!important;padding:0.5em 0!important;margin:1em 1.5em!important;margin-bottom:0.5em!important; }
.topbar-tour{ margin-bottom:;box-shadow: 0 2px 20px #000;-webkit-box-shadow:0 2px 20px #000;-moz-box-shadow:0 2px 20px #000; }
.tour-subtitle .media{ margin-bottom:0.5em; }
.tour-subtitle h1,
.tour-subtitle .button{ display:inline-block; }
.tour-subtitle .button{ padding:0.4em 0.8em;margin:0;float:right;margin-bottom:0.4em; }
.tour-title{ text-align:center; }
.tour-title h1{	font-size:2em;color:#fff; }
.tour-title p{ font-size:1em;color:#808080; }
.tour-title span{ color:#fff; }
.tour-title a{ color:#ffa1e9; }
.tour-title a:hover{ color:#f319f6;text-decoration:underline; }
.search-tour{ margin-top:1.3em; }
.search-tour input{ margin:0; }
.join-btn-wrap{ padding-left:1em; }
.tour-tab{ margin:0;padding:0;line-height:1em;font-size:1.2em;color:#262626;padding-right:0.8em; }
.tour-tab:hover{ color:#fe03c3; }
.tour-subtitle .selected{ color:#bcbcbc;font-size:1.5em; }
.tour-img{ margin-bottom:1em; }
.tour-img a{ background:#000;padding:0.25em;border:0.1em solid #292929;cursor:pointer;display:block; }
.tour-img a:hover{ background:#fe03c3;border-color:#000; }
.tour-img img{ width:100%; }
.tour-subtitle{ margin-bottom:1em!important; }
.play-img{ position:relative; }
.play-icon{ width:60px!important;position:absolute;left:0;right:0;top:35%;margin-left:auto;margin-right:auto; }
/*--------------------------------------- FOOTER --*/
.footer{ text-align:center;border-top:0.1em solid #262626;margin-top:1em;padding:1em 0; }
.footer p{ color:#bcbcbc;font-size:0.7em; }
.footer a{ color:#fe03c3; }
.footer a:hover{ text-decoration:underline; }
/*--------------------------------------- POPUP ALERT --*/
.alert-popup p{	color:#808080;margin:0;margin-top:0.5em;font-size:0.9em; }
.alert-popup img{ width:18px;margin:0;margin-top:-4px;margin-right:0.2em; }
/*--------------------------------------- PAGINATION --*/
ul.pagination li.current a { background:#fe03c3; }
/*--------------------------------------- PROFILE OFF--*/
.profile-activity-off a{ color:#262626!important;cursor:default; }
.profile-activity-off li a{ color:#262626!important; }
.profile-activity-off li{ cursor:default; }
/*--------------------------------------- SEARCH TITLE--*/
.search-result-title h1{ color:#bcbcbc;font-size:1.2em;margin-top:0.4em; }
/*--------------------------------------- ITEM RATING --*/
.item-rating{ text-align:right; }
.item-rating h1{ display:inline-block;font-size:1em;color:#bcbcbc; }
.item-rating span{ display:inline-block;background:url(https://www.x-art.com/images/icn-star-selected.png) center no-repeat;background-size:contain;width:1.2em;height:1.2em;vertical-align:-3px; }
/*--------------------------------------- SEARCH TITLE--*/
.search-result-title ul{ float:left;width:75%; }
.search-result-title h1{ color:#ffa1e9;font-size:1.1em;margin-top:0.5em;margin-left:0.8em;overflow:hidden;height:25px; }
.search-result-title h1 span{ color:#bcbcbc; }
/*--------------------------------------- FORGOT PASSWORD --*/
.login-forgot{ border:0.1em solid #262626; }
.login-forgot p{ font-size:0.8em;line-height:1.2em;color:#808080; }
.punto{ background:url(https://www.x-art.com/images/punto.png) center no-repeat;width:5px;height:5px; }
.flex-container {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-flex;
    flex-wrap:wrap;
    justify-content: space-around;
    width:100%;
}

.flex-item {
    margin: 6px 0;
    color: white;
}

.btn-play{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	z-index:1;
	width:100px;
	height:100px;
	border-radius:100%;
	border:#fff 3px solid;
	background:#fe03c3
}
.start{
	position:relative;
	top:-55%;
	right:-29%;
	width:50px;
	height:50px;
	display:block;
	z-index:2
}
.btn-play-traslate{
	position:relative;
	left:50%;
	top:50%;
	width:150px;
	height:150px;
	border-radius:100%;
	background:#fe03c3;
	opacity:0;
	margin:-75px 0 0 -75px;
	-webkit-animation:pulsate 1s ease-out;
	        animation:pulsate 1s ease-out;
	-webkit-animation-iteration-count:infinite;
	        animation-iteration-count:infinite;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%)
}

@-webkit-keyframes "pulsate"{
	0%{
		transform:scale(.1);
		opacity:0.0
	}
	50%{
		opacity:1
	}
	100%{
		transform:scale(1.2);
		opacity:0
	}
}

@keyframes "pulsate"{
	0%{
		transform:scale(.1);
		opacity:0.0
	}
	50%{
		opacity:1
	}
	100%{
		transform:scale(1.2);
		opacity:0
	}
}
/*--------------------------------------- PAGINATION --*/
	ul.pagination {
        display: block;
        min-height: 1.5rem;
        margin-left: -0.3125rem;
    }

    ul.pagination li {
        height: 1.5rem;
        color: #222222;
        font-size: 0.875rem;
        margin-left: 0.3125rem;
    }

    ul.pagination li a {
        display: block;
        padding: 0.0625rem 0.625rem 0.0625rem;
        color: #999999;
        border-radius: 3px;
    }

    ul.pagination li:hover a,
    ul.pagination li a:focus {
        background: #f0f;
    }

    ul.pagination li.unavailable a {
        cursor: default;
        color: #999999;
    }

    ul.pagination li.unavailable:hover a,
    ul.pagination li.unavailable a:focus {
        background: transparent;
    }

    ul.pagination li.current a {
        background: #f0f;
        color: white;
        font-weight: bold;
        cursor: default;
    }

    ul.pagination li.current a:hover,
    ul.pagination li.current a:focus {
        background: #008cba;
    }

    ul.pagination li {
        float: left;
        display: block;
    }

    .pagination-centered {
        text-align: center;
    }

    .pagination-centered ul.pagination li {
        float: none;
        display: inline-block;
    }
/*--------------------------------------- PAGINATION --*/
@media screen and (max-width: 640px){
	.top-bar {
		line-height: 45px;
	}
	.btn-play{
		width:75px;
		height:75px;
		border:#fff 1.5px solid
	}
	.btn-play-traslate{
		width:100px;
		height:100px;
		left:83%;
		top:83%
	}
	.start{
		width:35px;
		height:35px;
		top:-6%;
		right:-29%
	}
}

@media screen and (min-width: 640px) and (max-width: 1024px){
	.top-bar {
		line-height: 30px;
	}
	.btn-play{
		width:100px;
		height:100px
	}
	.btn-play-traslate{
		width:150px;
		height:150px
	}
	.start{
		width:50px;
		height:50px
	}
}
@media screen and (min-width: 1024px){
	.top-bar {
		line-height: 30px;
	}
	.btn-play{
		width:150px;
		height:150px
	}
	.btn-play-traslate{
		width:210px;
		height:210px;
		left:30%;
		top:30%
	}
	.start{
		width:75px;
		height:75px;
		top:-70%;
		right:-29%
	}
}

/* Default - screens over 767px wide */
/* Mobile Landscape */
#colettechoice{
    display: inline;
  }
@media only screen and (min-width: 1024px) and (max-width: 1045px){
  #colettechoice{
    display: none;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) { }
/* correcciones en Medium */
@media only screen and (min-width: 641px) and (max-width: 1025px) {
/*
.contain-to-grid .top-bar,.row{ max-width:825px; }*/
/*---------------------------------------find friends--*/
.ff-item-group div{ padding:0 0.2em;padding-right:0.25em; }
.ff-avatar img{ width:100%;border-radius:0;margin-bottom:0.3em; }
.ff-item-group h1{ font-size:1em; }
.ff-item-group h2{ font-size:0.8em;margin-bottom:0.15em; }
.ff-btn{ padding:0.8em 0.9em;padding-top:0.6em;margin-top:0.4em; }
/*--------------------------------------- TOP BAR --*/
.top-logo{ position:initial;text-align:center; }
/*--------------------------------------- avatar ff --*/
.ff-avatar img{ width:160px; }
/*--------------------------------------- TOUR --*/
.tour-title h1{ font-size:1.2em; }
.tour-title p{ font-size:0.6em; text-transform:uppercase; }
}
/* correcciones en Large */
@media only screen and (min-width: 1026px) {
body{ /*background:url(../images/bg-body.png) repeat-x #000 fixed;background-position:0 63px;*/ }
/*-----------------------scrollbar*/
/* Let's get this party started */
::-webkit-scrollbar { /*width: 0px;*/ }
 /* Track */
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 10px;border-radius: 10px; }
 /* Handle */
::-webkit-scrollbar-thumb { -webkit-border-radius: 10px;border-radius: 10px;background: rgba(30,30,30,0.8); -webkit-box-shadow:0 0 6px rgba(0,0,0,0.5); border:1px solid rgba(0,0,0,0.5); }
::-webkit-scrollbar-thumb:window-inactive { background: rgba(30,30,30,0.2); }
/*-----------------------fin scrollbar*/
.profile-activity ul{ display:none; }
.profile-info h1{ font-size:2em;padding-top:0.2em; }
.profile-info p{ font-size:1em;line-height:1.2em; }
.xart-form .row{ padding:0; }
.profile-action{ text-align:center; }
.profile-action .icn-text-btn{ margin-right:0.2em;margin-left:0.2em; }
.ff-item{ text-align:center; }
.ff-item-group p{ height:45px;overflow:hidden; }
.ff-avatar img{ margin-top:-36px;margin-bottom:0.5em; }
/*-----------------------topbar*/
.topbar nav{ height:80px; }
.middle-topbar{ height:80px; }
.topbar .title-area{ margin-top:25px!important; }
.middle-topbar{ margin:0; }
.middle-topbar li a{ padding:30px 15px;margin:0; }
.search-topbar input{ display:inline;width:initial;position:initial; }
.search-topbar input[type="text"]{ border-top-left-radius:3em;border-bottom-left-radius:3em;box-shadow:none;padding-right:0;padding-left:1em;width:180px;height:37px; }
.search-topbar input[type="submit"]{ color:transparent;border-top-right-radius:3em;border-bottom-right-radius:3em;background:url(https://www.x-art.com/images/icn/icn-search.png) center no-repeat #fff;background-size:1.5em;border:0;padding:10px 0;padding-bottom:11px;height:37px;margin-left:-8px;cursor:pointer;-webkit-box-shadow:inset -0.8px 0 1px #000;-moz-box-shadow:inset -0.8px 0 1px #000;box-shadow:inset -0.8px 0 1px #000; }
.topbar .top-bar-section .right{ margin-top:; }
.topbar .title-area{ margin-left:0!important; }
/*--------------------------------------- avatar ff --*/
.ff-avatar img{ width:72px; }
/*--------------------------------------- MSG --*/
.msg-list{ background:#101010;height:80vh;overflow:auto; }
.msg-header{ height:10vh; }
.msg-content{ padding-left:1em!important; }
.msg-item .action-flag ,.msg-item .action-dlt{ display:none;width:14px;height:14px;margin:0;margin-top:0.5em;margin-left:0.5em; }
.msg-item:hover .action-dlt,
.msg-item:hover .action-flag{ display:inline; }
.msg-item .action{ width:70px; }
.chat{ height:70vh;overflow:auto;float:initial;padding:0; }
.msg-content .xart-form{ position:relative;padding-top:1em;height:25vh; }
.new-msg .xart-form{ height:initial; }
/*-----------------------change avatar*/
.select-avatar-btn{ top:3px;right:13px;display:none;width:18%;height:18%; }
.select-avatar li:hover .select-avatar-btn{ display:block; }
/*--------------------------------------- TOUR --*/
.join-btn{ background:#fe03c3!important;text-transform:uppercase!important;margin:0;margin-right:0.5em; }
.join-btn:hover{ background:#262626!important; }
.topbar-tour{ margin-bottom:; }
.topbar-tour .top-bar-section a{ padding:17px 1.2em!important; }
.topbar-tour .top-bar-section .join-btn{ padding:0.8em 3em!important;margin-top:1.1em; }
}
/* Mobile portrait */
@media only screen and (max-width: 640px) {
/*-----------------------feed*/
.feed h1{ font-size:1em;margin-bottom:0.2em; }
.feed p{ font-size:0.9em;line-height:1.2em; }
.feed-highlight p{ font-size:1.2em;line-height:1.2em; }
.img-crop{ height:150px;border-radius:0.3em; }
.context td{ font-size:0.7em;line-height:1.3em; }
.feed .flex-video{ margin-top:1em; }
/*-----------------------feed-media */
.media-capture { text-align:center;padding:0;padding-top:0.8em; }
.media-capture img{ width:93%; }
.media-info{ max-width:100%; }
/*---------------------------------------update--*/
.update-feeds a{ font-size:0.8em; }
/*---------------------------------------profile info--*/
.profile-info h1{ font-size:2em;padding-top:0.3em; }
.profile-activity a{ font-size:1.5em; }
.profile-info p{ font-size:1em;line-height:1.2em;padding-top:1em; }
.profile-action{ text-align:center; }
.profile-action .icn-text-btn{ margin-right:0.4em;margin-left:0.4em; }
/*---------------------------------------profile cover--*/
.edit-cover{ height: 50%; }
.edit-cover img{ width:3em; }
.edit-cover h1{ font-size:0.8em; }
/*---------------------------------------find friends--*/
.ff-avatar img{ margin:0;float:right; }
.ff-item{ border:0;border-bottom:0.1em solid #292929;padding-top:0.5em; }
.ff-list li{ margin:0;padding:0; }
.ff-item .button{ margin:0;margin-top:0.5em; }
.ff-btn img, .ff-btn span{ float:left; }
.ff-btn img{ margin-right:0.5em;margin-top:0.2em; }
.ff-btn{ margin-top:0.8em;padding:0.5em 1.5em; }
.ff-item-group h1{ font-size:1em; }
.ff-item-group h2{ font-size:0.8em; }
.ff-avatar img{ margin-bottom:0.5em; }
/*--------------------------------------- avatar ff --*/
.ff-avatar img{ width:48px; }
/*---------------------------------------search--*
.search-header h1{ font-size:1em; }
/*--------------------------------------- MENU SMALL Y MEDIUM --*/
.menu-sm .tab-bar-section{ text-align:left; }
.tab-bar-section{ padding:0 3em 0 0; }
.menu-sm .tab-bar-section.middle{ left:2.8125rem;right:6rem; }
/*--------------------------------------- MSG --*/.xart-form .update-msg a{ width:100%;padding:0.8em 0;border-radius:0;display:block; }
.new-msg-to{ width:100%; }
.xart-form h1{ font-size:1em;text-transform:uppercase;border:0;padding:0; }
.xart-form select{ background-position:96% 50%; }
.avatar-edit{ text-align:center; }
.avatar-edit .button{ margin-right:0; }
.blocked-users{ text-align:left; }
/*--------------------------------------- SEARCH-SUBNAV --*/
.search-subnav-dropdown{ width:100%!important; }
.search-subnav-dropdown li{ display:block;float:initial!important;text-align:center; }
.search-subnav-dropdown input[type="text"]{ width:80%; }
/*--------------------------------------- SINGLE PAGE --*/
.rating{ position:initial;margin-top:0.5em;width:100%;text-align:center; }
/*.rating li{ width:18%; }*/
.rating li{ width:8%; }
.rating li a{ width:100%;height:3em; }
.single h1{ padding:0;font-size:1.5em; }
.single h2{ padding:0;font-size:1em; }
.single p{ font-size:0.8em; }
.single .std-btn{ width:100%; }
/*--------------------------------------- TOUR --*/
.topbar-login{ margin-bottom:0.5em; }
.tour-subtitle h1{ color:#fff;font-size:1em;margin-top:0.2em; }
.tour-subtitle .button{ margin-bottom:0.8em; }
.tour-title h1{ font-size:0.8em;margin-bottom:2em;text-transform:uppercase; }
.tour-title p{ display:none; }
.tour-tab{ font-size:0.9em;padding-right:0.5em;color:#666; }
.tour-subtitle .selected{ font-size:0.9em;color:#fff; }
/*--------------------------------------- FOOTER --*/
.footer p{ font-size:0.6em; }
/*--------------------------------------- SEARCH TITLE--*/
.search-result-title h1{ font-size:1em;margin-top:0.6em; }
.search-result-title ul{ width:60%; }
.search-result-title h1 span{ display:none; }
}
   
#toTop {display:none;text-decoration:none;position:fixed;bottom:50px;right:10px;overflow:hidden;width:51px;height:51px;border:none;text-indent:100%;background:url(https://www.x-art.com/images/ui.totop.png) no-repeat left top;}
#toTopHover {background:url(https://www.x-art.com/images/ui.totop.png) no-repeat left -51px;width:51px;height:51px;display:block;overflow:hidden;float:left;opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);}
#toTop:active, #toTop:focus {outline:none;}
.sb-search {position: absolute;margin: 0;width: 0%;min-width: 44px;height: 44px;right:0;overflow: hidden;}
.sb-search-input {position: absolute;top: 0;right: 0;border: none;outline: none;background: #fff;width: 100%;height: 44px!important;margin: 0;z-index: 10;padding: 20px 65px 20px 20px;font-family: inherit;font-size: 20px;color: #2c3e50;}
.sb-search-input::-webkit-input-placeholder {color: #666;}
.sb-search-input:-moz-placeholder {color: #666;}
.sb-search-input::-moz-placeholder {color: #666;}
.sb-search-input:-ms-input-placeholder {color: #666;}
.sb-icon-search,
.sb-search-submit  {width: 44px;height: 44px;display: block;position: absolute;right: 0;top: 0;padding: 0;margin: 0;line-height: 60px;text-align: center;cursor: pointer;}
.sb-search-submit {background: #fff; /* IE needs this */-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */filter: alpha(opacity=0); /* IE 5-7 */opacity: 0;color: transparent;border: none;outline: none;z-index: -1;}
.sb-icon-search {color: #fff;background:url(https://www.x-art.com/images/icn/icn-search-sm.png) #000 no-repeat center;background-size:2em;z-index: 90;}
/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {width: 100%;}
.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {background:url(https://www.x-art.com/images/icn/icn-search-sm.png) #fe03c3 no-repeat center;background-size:2em;color: #fff;z-index: 11;}
.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {z-index: 90;} 
.jw-state-idle .jw-controls{ background: none !important;}
.zselect {margin: 0 0 1rem 0;-webkit-appearance: none !important;background: #fafafa url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==") no-repeat;background-position: 97% center;border: 1px solid #cccccc;padding: 0.70rem;font-size: 0.77778rem;-webkit-border-radius: 0;border-radius: 0;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; }
.zselect ul{position:absolute;background-color:#fafafa;border: 1px solid #cccccc;border-top:none;padding:0;margin:11px 0 0 -0.76rem;z-index:10;list-style-type: none;display:none;}
.zselect span.zmshead{font-size: 0.9rem;}
.zselect ul li{display: table;width:100%;padding:4px 0.70rem 0px 0.70rem;font-size:0.9rem;}
.zselect ul li span{}
.zselect ul li.disabled{color:#808080;}
.zselect ul li:hover{background-color:#2672EC;color: #fff;}
.zselect ul li.zmsfilter,
.zselect ul li.zmsfilter:hover,
.zselect ul li.filterResult,
.zselect ul li.filterResult:hover,
.zselect ul li.optgroup,
.zselect ul li.optgroup:hover{background-color:transparent;color: #000;}
.zselect ul li.zmsfilter input{margin-bottom:0.3rem;}
.zselect ul li input[type='checkbox']{ padding:0;margin:0;display:table-cell;margin-right: 4px;} 
.zselect ul li.filterResult{font-size: 0.8em;}
.zselect ul li.optgroup{font-weight: bold;cursor:pointer;}
.zselect ul li.selectall{}
.zselect ul li.deselectall{}
 
body{ padding:1em;padding-top:0; }
.contain-to-grid .top-bar,.row{ max-width:100%;top:0;bottom:0;left:0;right:0;margin:auto;max-width:1366px; }
.std-btn:focus{ background:#fe03c3; }
/*-------------------------- HEADER --*/
.left-off-canvas-menu{ left:-15px; }
.tab-bar .menu-icon{ margin-left:-12px; }
.search-topbar{ position:relative;top:-25px;left:115px; }
.search-topbar input[type="text"]{ width:115px;font-size:1.5em;position:absolute;top:0;right:0; }
.search-topbar input[type="submit"]{ position:absolute;top:0;left:0; }
.top-bar-section ul li > a{ font-size:1em;color:#fff; }
.filter-sort-btn-sm,
.subnav .has-dropdown>a{ padding:6px 15px!important; }
.back-btn-sm{ padding:6px 15px!important;padding-left:1.8em!important; }
.filter-sort-btn-sm img{ padding:6px 0!important; }
.alert-icn{ padding:25px 0.8em!important;padding-top:30px!important; }
.menu-sm .tab-bar-section.middle{ left:2rem; }
.middle-topbar li a{ font-size:1.5em;text-transform:initial;padding:0;margin:0 0.8em;padding-top:0.8em;padding-bottom:0.4em;color:#666; }
.middle-topbar li a:hover,
.middle-topbar li .active{ color:#fff;border-bottom:3px solid #fe03c3; }
.subnav .top-bar{ height:56px; }
.middle-submenu li a{ padding:12px 0.85em;padding-bottom:10px;font-size:1.2em; }
.middle-submenu li a:hover,
.middle-submenu li .active{ border-bottom:3px solid #fe03c3; }
.join-btn{ margin-right:0; }
.tab-bar-section{ padding:0; }
.top-notifications ul, .top-profile ul{ box-shadow: 0 5px 20px #000;-webkit-box-shadow:0 5px 20px #000;-moz-box-shadow:0 5px 20px #000; }
.menu-gallery-ml .middle-submenu li a{ padding:5px 0.5em!important;height:56px; }
.btns-sml{ margin-top:5px!important; }
/*-------------------------- CONTENT --*/
.content-profile-large{ margin:0; }
.profile-info, .profile-info td{ background:#070707; }
.profile-activity-small h1{ font-size:1.1em!important; }
.profile-activity-small a,
.profile-activity-small a:hover{ font-size:2.2em!important; }
.profile-info p{ font-size:1.2em; }
.profile-info h1{ font-size:2.3em;margin-bottom:0.2em; }
.profile-activity a{ font-size:2.3em; }
.std-btn{ font-size:1.1em; }
.xart-form textarea{ font-size:1.5em; }
.feed h1,
.feed h1 a{ color:#666; }
.feed p,
.feed-highlight p{ color:#fff; }
.feed-highlight p{ font-size:1.9em; }
.feed-action a{ font-size:1.2em;/*font-weight:bold;*/ }
.update-feeds a{ font-size:1.2em; }
.xart-form h1{ font-size:1.5em; }
.xart-form p a{ color:#fea1e8; }
.xart-form p a:hover{ color:#fe03c3;text-decoration:underline; }
.login-forgot p{ font-size:1em; }
.tour-subtitle .button{ font-size:0.8em; }
.icn-text-btn img{ vertical-align:2px;margin-right:0.3em; }
.msg-header .std-btn{ font-size:1em;margin-top:-10px; }
.xart-form-chat-sm table{ margin:0;padding:0;width:92%; }
.xart-form-chat-sm table td{ padding-left:0; }
.xart-form-chat-sm textarea{ height:41px;font-size:1.2em; }
.main-section{ min-height:90vh; }
/* correcciones en Large */
@media screen and (min-width: 1026px) {
.msg-list{ height:55vh; }
.msg-header{ height:10vh; }
.chat{ height:50vh; }
.msg-content .xart-form{ height:10vh; }
.msg-content{ padding-right:0; }
.msg-box{ font-size:1.2em!important; }
#mediaplayer{width:1349px;height:780px;}
}
/* correcciones en Medium */
@media only screen and (min-width: 641px) and (max-width: 1025px) {
.ff-btn { padding:0.8em; }
.menu-gallery-ml .middle-submenu li a{ font-size:0.8em!important; }
}
/* Mobile portrait */
@media only screen and (max-width: 640px) {
.tour-subtitle .button{	padding:0.4em; }
}
.notifications-cambios p{ color:#666;padding:0; }
.notifications-cambios td{ padding:0.7em;padding-left:0; }
.notifications-cambios .avatar-notif{ width:48px;padding:0.7em 0;padding-left:1em;vertical-align:; }
/*------------------- arreglos 28/01/2015 --*/
/*-- subnav --*/
.active-more{ background:url(https://www.x-art.com/images/arrow-gray.png) no-repeat;background-position: right 1.5em; }
.active-more:hover{ background:url(https://www.x-art.com/images/arrow.png) no-repeat;background-position: right 1.5em; }
.menu-sm .mainlogo img{ margin:0;margin-top:0.75em; }
/*-- sidebar --*/
.sidebar-sm{ border-right:2px solid #000; }
.sidebar-sm .active,
.sidebar-sm .active:hover{ background:#fe03c3;color:#fff; }
/*.chat{ background-color: red !important;overflow: auto !important; }*/

.medium-6.right.show-for-medium-only.update_xxx{top: 0;position: absolute;right: 0;}

/*-------------------------- GENERAL --*/
body{ padding:0; }
a,
a:hover,
.cover-image:hover .btn-edit-cover,
.change-avatar-btn span,
.change-avatar-btn:hover span,
.std-btn,
.std-btn:hover,
.img-btn span,
.img-btn:hover span{ -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; }
/*.contain-to-grid .top-bar,.row{ max-width:83em; }
.contain-to-grid .top-bar,.row{ max-width:83em; }*/
.column, .columns{ padding:0 1.5em; }
.flex-video{ padding:0;height: initial;margin-bottom: 1rem;margin-top:0; }
.std-btn{ font-size:0.8em;padding:1em 3.5em;letter-spacing:0.5px;border-radius:0.2em;border:1px solid #262626; }
.pink-btn,
.std-btn:hover{ border-color:#fe03c3; }
.pink-btn:hover,
.outline-btn-pink,
.like-icn-active,
.outline-btn-gray:hover{ border-color:#fe03c3;color:#fe03c3;background:none; }
.middle-topbar{ padding-right:10em; }
.middle-submenu li a{ padding:0.8em 1em;padding-bottom:0.6em;font-size: 1.1em; }
.single h1{ padding-right:0; }
.outline-btn-gray{ border-color:#262626;color:#666;background:none; }
.xart-form textarea{ border:1px solid #805074;font-size:1.1em;color:#666;padding:0.5em; }
/*-------------------------- HEADER --*/
.left-off-canvas-menu{ left:0; }
.tab-bar .menu-icon{ margin-left:0; }
.menu-sm .tab-bar-section.middle{ left:4.8125rem; }
.menu-sm .mainlogo img{ margin-top:1.15em; }
.menu-sm{ height:3.7em;border-color:#101010; }
.tab-bar .menu-icon,
.icn-topbar-sm a,
.sb-icon-search, .sb-search-submit{ width:3.8125rem; height:3.8125rem; }
.icn-topbar-sm .icn-notifications-sm{ margin-right:3.8125rem; }
.tab-bar .menu-icon span::after{ box-shadow: 0 0px 0 2px white,0 10px 0 2px white,0 20px 0 2px white;width: 1.45rem;left:1.1rem;margin-top: -0.75rem; }
.sb-search{ height:3.6125rem; }
.sb-icon-search,
.icn-topbar-sm .icn-notifications-sm{ background-size:2.2em; }
.sb-search-input{ height:3.8125rem!important; }
/*-------------------------- PROFILE info --*/
.profile-info, .profile-info td{ background:#101010; }
.profile-activity-small a, .profile-activity-small a:hover{ font-size:1.5em!important; }
.profile-info p{ color:#666;font-size:1.1em;line-height:1.3em; }
.profile-activity h1{ font-size:1.8em;margin-bottom:0;margin-top:0.5em; }
.profile-activity a{ font-size:1.3em; }
.profile-activity-small h1{ font-size:0.8em!important;margin-bottom:0.5em; }
.profile-activity-medium li{ font-size:0.9em!important;padding-top:0.5em; }
.edit-padding{ padding-right:5em; }
.btn-config-wrap{ width:4em;padding:0;padding-top:2em;vertical-align:top; }
.btn-config{ width:4em;height:4em;display:block;border:1px solid #262626;border-radius:0.3em;background:url(https://www.x-art.com/images/icn/icn-gear.png) center no-repeat;background-size:2.5em;position:relative; }
.btn-config:hover{ background:url(https://www.x-art.com/images/icn/icn-gear-h.png) center no-repeat;background-size:2.5em;border:1px solid #fe03c3; }
.btn-config img{ position:absolute;bottom:8px;right:8px; }
.btn-config-more{ background:url(https://www.x-art.com/images/icn/icn-more.png) center no-repeat;background-size:2.5em; }
.btn-config-more:hover{ background:url(https://www.x-art.com/images/icn/icn-more-h.png) center no-repeat;background-size:2.5em; }
/*-------------------------- COVER img --*/
.btn-edit-cover{ position:absolute;z-index:1;bottom:1.5em;right:12px;width:3.5em;height:3.5em;background:url(https://www.x-art.com/images/icn/icn-edit-cover.png) center no-repeat;background-size:2.5em;background-color:rgba(255, 255, 255, 0.1);box-shadow:0 0 15px rgba(0, 0, 0, 0.7); }
.btn-edit-cover:hover{ background:url(https://www.x-art.com/images/icn/icn-edit-cover-h.png) center no-repeat;background-size:2.5em;background-color:rgba(255, 255, 255, 0.6);border-color:#101010;box-shadow:0 0 15px rgba(0, 0, 0, 0.9); }
.cover-image:hover .btn-edit-cover{ background-color:rgba(255, 255, 255, 0.3); }
.btn-edit-cover img{ width:initial; }
/*-------------------------- edit avatar btn --*/
.change-avatar-btn span{ border:1px solid #262626;width:2.2em;height:2.2em;background:url(https://www.x-art.com/images/icn/icn-edit.png) no-repeat center #101010;background-size:1.5em;top:1.5em; }
.change-avatar-btn:hover span{ border-color:#fe03c3;background:url(https://www.x-art.com/images/icn/icn-edit-h.png) no-repeat center #101010;background-size:1.5em; }
/*-------------------------- placeholder color --*/
.xart-form ::-webkit-input-placeholder { /* WebKit browsers */color:#fea1e8; }
.xart-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#fea1e8;opacity:1; }
.xart-form ::-moz-placeholder { /* Mozilla Firefox 19+ */color:#fea1e8;opacity:1; }
.xart-form :-ms-input-placeholder { /* Internet Explorer 10+ */color:#fea1e8; }
/*-------------------------- NEW File --*/
.new-file h2{ font-size:0.8em;color:#666;/*margin-top:-12px;*/margin-top:12px; }
.new-file p{ padding:0.2em 2.8em;padding-left:2.5em;background:url(https://www.x-art.com/images/icn/icn-attach.png) no-repeat;background-position:8px 50%;background-size:1.8em;color:#808080;border:1px solid #262626;border-radius:0.2em;display:inline-block;position:relative;margin-top:-8px; }
.new-file p a{ background:url(https://www.x-art.com/images/icn/icn-close.png) no-repeat;background-size:contain;position:absolute;width:1em;height:1em;top:0;bottom:0;margin:auto;right:0.5em; }
.new-file p a:hover{ background:url(https://www.x-art.com/images/icn/icn-close-h.png) no-repeat;background-size:contain; }
.upload-photo{ width:2.65em;height:2.65em;border:1px solid #fe03c3;border-radius:0.15em;background:url(https://www.x-art.com/images/icn/icn-photo-white.png) no-repeat center #fe03c3;background-size:58%;float:left;margin-right:0.8em; }
.upload-photo:hover{ background:url(https://www.x-art.com/images/icn/icn-photo-pink.png) no-repeat center #000;background-size:58%; }
/*-------------------------- btns profile --*/
.btns-profile{ padding:0 1em;padding-bottom:1em; }
.btns-profile .columns{ padding:0 0.4em; }
.btns-profile .button{ margin:0;margin-bottom:0.8em; }
.img-btn{ padding:0.55em 3.5em; }
.img-btn span{ display:inline-block;padding:0.5em 0;padding-left:2.5em;background:url(https://www.x-art.com/images/icn/icn-gear.png) no-repeat;background-size:1.8em;background-position:0 45%; }
.img-btn:hover span{ background:url(https://www.x-art.com/images/icn/icn-gear-h.png) no-repeat;background-size:1.8em;background-position:0 45%;color:#fff; }
.like-icn span{ background-image:url(https://www.x-art.com/images/icn/icn-like.png); }
.like-icn-active span{ background-image:url(https://www.x-art.com/images/icn/icn-like-pink.png); }
.like-icn:hover span,
.like-icn-active:hover span{ background-image:url(https://www.x-art.com/images/icn/icn-like-h.png); }
.msg-icn span{ background-image:url(https://www.x-art.com/images/icn/icn-msg2.png); }
.msg-icn:hover span{ background-image:url(https://www.x-art.com/images/icn/icn-msg2-h.png); }
/*-------------------------- FEEDS --*/
.feed h1{ font-size: 1.6em; }
.feed h1, .feed h1 a{ color:#bcbcbc; }
.feed p{ color:#666;font-size:1.6em; }
.reply-more a{ color:#333;font-size:0.7em;text-decoration:underline; }
.feed-action a{ font-size:1em; }
/*-------------------------- POPUP --*/
.likes-popup h1{ border:0;font-size:; }
.likes-popup .feed td{ border:0;border-top: 0.1em solid #262626; }
.popup-content{ padding-right:0; }
.popup-content .columns{ padding:0 0.2em; }
.popup-content h1{ font-size:1.25em; }
.popup-content h2{ margin:0; }
.popup-content .button{ margin:0;margin-top:0.5em; }
.popup-content .button{ color:#bcbcbc!important; }
.popup-content .outline-btn-gray{ color:#666!important; }
.popup-content .button:hover{ color:#fff!important; }
.popup-content .outline-btn-gray:hover,
.popup-content .outline-btn-pink{ color:#fe03c3!important;}
/*-------------------------- FEED REPLY y COMMENTS --*/
.comments .feed h1,
.feed-reply h1{ font-size:1.3em; }
.comments .feed p,
.feed-reply p{ font-size:1.2em; }
/*-------------------------- GALLERY --*/
.action-btns-gallery{ padding:0 1em; }
.action-btns-gallery .columns{ padding:0 0.2em; }
/*-------------------------- fav/search label --*/
.masonry-brick .left{ clear:both; }
.masonry-brick h1{ /*float:left;*/margin-right:0.3em; }
.fav-label{ float:left;color:#fff;font-size:0.6em;background:#fe03c3;padding:0.2em 0.6em;padding-top:0.3em;border-radius:1em;text-transform:uppercase;margin-top:0.4em;margin-bottom:0.3em; }
#searchContainer .fav-label{ display:inline-block;float:initial;margin-bottom:0.5em;}
.masonry-brick:hover .fav-label{ color:#101010;background:#bcbcbc; }
.brick-content{ position:relative; }
.masonry-brick #btn_favorite{ background:url(https://www.x-art.com/images/icn/icn-close-fav.png) no-repeat center;background-size:2em;width:2.5em;height:2.5em;position:absolute;top:0.8em;right:0.5em;border:1px solid #262626; }
.masonry-brick:hover #btn_favorite{ background:url(https://www.x-art.com/images/icn/icn-close-fav-h.png) no-repeat center #bcbcbc;background-size:2em;border:1px solid #262626; }
.masonry-brick #btn_favorite:hover{ background:url(https://www.x-art.com/images/icn/icn-close-fav-pink.png) no-repeat center #262626!important;background-size:2em!important;border:1px solid #fe03c3!important; }
/*-------------------------- search --*/
.search-result-title h1{ margin-top:1em;font-size:1em;text-transform:capitalize; }
.search-subnav a{ padding:0.35em 1.5em 0.35em 1em!important; }
.search-result-title ul{ width:auto; }
/*-------------------------- notifications --*/
.top-notifications .button{ font-size:0.6em; }
.notifications-cambios td{ border-top:none; }
.notifications-cambios p{ font-size:1em;color:#bcbcbc; }
.notif-time p{ color:#666; }
.notif-time{ margin-top:0.2em; }
/*-------------------------- list --*/
.browse-item h1,
.browse-item h2{ color:#fff;margin:0.2em 0;padding:0 0.2em;font-size:1em; }
.browse-item h2{ color:#ccc;font-size:0.8em; }
.browse-item p{ color:#bcbcbc;padding:0 0.2em; }
.browse-item .item-rating{ margin-top:-5px; }
/*----------------------------galleries--*/
.gallery-block .browse-item{ padding: 0.25em;position:initial;text-align:center;width:100%;display:table; }
.gallery-block .browse-item a{ position:initial;display:table-cell;text-align:center;vertical-align:middle; }
.gallery-block .browse-item img{ width:100%; }
/*----------------------------galleries--*/
.msg-list,
.chat{ /*min-height:20em;*/height:20em; }
.msg-header .std-btn{ font-size:0.7em;margin-top:-2px; }
.chat{ width:100%; }
.chat .columns{ padding:0; }
.chat .feed h1{ font-size:1.2em; }
.chat .feed p{ font-size:1.1em; }
.xart-form-chat-sm table .action{ width:2em;padding:1em 0; }
.xart-form-chat-sm table .action .button{ margin:0;height:initial; }
.send-msg{ margin:0;width:2.9em;height:2.9em;background-image:url(https://www.x-art.com/images/icn/icn-send-white.png); }
.send-msg:hover{ background-image:url(https://www.x-art.com/images/icn/icn-send-pink.png); }
/*----------------------------tour--*/
.tour-tab{ color:#666;font-size:1.2em; }
.tour-subtitle .selected,
.div-title h1{ font-size:1.2em;color:#fff; }
.tour-subtitle .button{ font-size:0.7em;padding:0.2em 1em;margin-top:-5px;margin-bottom:0.8em; }
.join-btn{border-radius:0.2em;margin-top:1.2em;margin-right:1em; }
.plus-icn span{ background-image:url(https://www.x-art.com/images/icn/icn-more.png); }
.plus-icn:hover span{ background-image:url(https://www.x-art.com/images/icn/icn-more-white.png); }
.solo{ padding:0.5em 0.8em!important; }
.single .solo{ width:initial; }
.solo span,
.solo:hover span{ width:2em;height:2em;padding:0;background-position:center; }
/*---------------------------- dropdown --*/
.f-dropdown{ text-align:left; }
.f-dropdown li{ border-bottom:1px solid #e5e5e5;padding:0; }
.f-dropdown li a{ padding:0.8em; }
.f-dropdown li a span{ color:#bcbcbc;/*float:right;*/ }
.d-download li{ border-color:#000; }
.d-download li:hover{ background-color:#101010; }
/*---------------------------- xart form --*/
.xart-form h3{ font-size:0.8em;color:#fea1e8;text-transform:uppercase;margin-top:1.5em; }
.active-more,
.active-more:hover{ padding-right:1.4em!important;background-position:97% 55%; }
.menu-gallery-ml .btns-sml li a:hover,
.menu-gallery-ml .btns-sml li .active,
.btns-sml-modal .active,
.btns-sml-modal a:hover{ border-radius:0.2em; }
/*---------------------------- FEEDS --*/
.btn-more-feeds{ width:2.5em;height:2.5em;background:url(https://www.x-art.com/images/icn/arrow-down.png) center no-repeat;background-size:2em;float:right;margin:0;margin-top:-10px;margin-right:-10px; }
.feed:hover .btn-more-feeds{ background-image:url(https://www.x-art.com/images/icn/arrow-down-gray.png); }
.btn-more-feeds:hover{ background-image:url(https://www.x-art.com/images/icn/arrow-down-h.png)!important; }
.feed-reply .btn-more-feeds{ margin-top:-5px; }
/*---------------------------- dialog report --*/
#dialog-report-text .columns{ padding:0 0.2em; }
#dialog-report-text form,
#dialog-report-text table{ margin:0; }
#dialog-report-text .button{ margin-top:1em; }
.dialog-label{ width:1em;vertical-align:top; }
.dialog-label input{ margin:0;margin-top:0.3em; }
/*---------------------------- topbar login --*/
.topbar-login .title-area img{ margin-top:0.45em;padding-left:0.8em; }
.error-msg h1{ font-size:0.8em;margin:0;margin-bottom:0.5em;color:#fe03c3;padding:0;padding-left:1.8em;background:url(https://www.x-art.com/images/icn/icn-alert-pink.png) no-repeat;background-size:1.3em; }
.error-msg input{ border-color:#fe03c3; }
/*---------------------------- dropdown conditions --*/
.dropdown-text{ float:initial!important;display:block;margin-top:0.5em; }
.dropdown-text ul{ margin:0;list-style-type: none; }
.dropdown-text li{ border:none; }
/*---------------------------- pagination --*/
ul.pagination li.current a:hover{ background: #fe03c3; }
/*---------------------------- new file --*/
.new-file p{ max-width:100%;overflow:hidden; }
.new-file span{ max-width:100%;overflow:hidden;/*float:left;*/ }
/*---------------------------- btn delete avatar/cover --*/
.select-avatar li img{ width:100%; }
.select-avatar-btn{ width: 2.2em;height: 2.2em; }
/*---------------------------- btn focus --*/
.std-btn:focus,
.std-btn:active{ background:#262626;color:#bcbcbc; }
.pink-btn:focus,
.std-btn:focus:hover,
.outline-btn-pink:focus:hover,
.pink-btn:active,
.std-btn:active:hover,
.outline-btn-pink:active:hover{ background:#fe03c3;color:#fff; }
.outline-btn-pink:focus,
.pink-btn:focus:hover,
.outline-btn-gray:focus:hover,
.outline-btn-pink:active,
.pink-btn:active:hover,
.outline-btn-gray:active:hover{ background:none;color:#fe03c3; }
.outline-btn-gray:focus,
.outline-btn-gray:active{ background:none;color:#666; }
/*---------------------------- search --*/
.sb-search-input { display:none; }
.sb-search-open .sb-search-input { display:initial; }
/*---------------------------- searchbar small medium --*/
.alert-number-sm { margin-right:5.3em;margin-top:0.8em; }
/*---------------------------- feed page/ feed --*/
.feed-page .feed-header td{ padding-right:0.5em; }
.feed-page .feed-header .avatar-m{ padding-right:0; }
.feed-page .btn-more-feeds{ margin-bottom:1em;margin-top:-15px; }
.feed-page .feed-header .std-btn{ margin:0; }
.feed-page .std-btn{ color:#bcbcbc; }
.feed-page .outline-btn-pink{ color:#fe03c3; }
.img-crop{ display:table;width:100%; }
.img-crop a{ display:table-cell;vertical-align:middle; }
/*---------------------------- login --*/
.login-checkbox{ padding-right:0.5em!important; }
.login-checkbox input{ display:none; }
.check-icn{ margin-bottom:1em;padding-left:!important;text-align:; }
.check-icn,
.check-icn:hover,
.check-icn:focus,
.check-icn:focus:hover{ background-color:#1a1a1a;border-color:#1a1a1a;color:#bcbcbc; }
.check-icn span{ position:absolute;left:1.1em;top:0.7em;width:1.8em;height:1.8em;background-color:#101010;border:1px solid #333;border-radius:0.3em; }
.check-icn-active,
.check-icn-active:hover,
.check-icn-active:focus,
.check-icn-active:focus:hover{ background-color:transparent;border-color:#fe03c3;color:#fe03c3; }
.check-icn-active span{ background:url(https://www.x-art.com/images/icn/icn-check2.png) center no-repeat #fe03c3;background-size:1.4em;border-color:#000;/*border:0!important;*/ }
/*---------------------------- msg --*/
.chat-item p{ /* Warning: Needed for oldIE support, but words are broken up letter-by-letter *//*-ms-word-break: break-all;word-break: break-all;*//* Non standard for webkit *//*word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;*/ }
/*---------------------------- msg --*/
.box-btn{ float:left;background: url(https://www.x-art.com/images/arrow.png) no-repeat right;background-position: 95% 50%;border: 0.1em solid #262626;color: #666;font-size: 0.8em;padding:0.8em 1em;margin: 0 0 1rem 0;width:100%;height: 2.3125rem;cursor:default!important;color:#666!important; }
 /*---------------------------- select multiple --*/
.zselect{ padding:0.65rem 0.70rem;background-color:#000;background: url(https://www.x-art.com/images/arrow.png) no-repeat right;background-position: 95% 50%;border:0.1em solid #262626; }
.zselect span.zmshead { color:#666;font-size:1.1em!important; }
.zselect ul li{ padding:0.5em 0.8em;color:#666; }
.comment-highlight{ background:#1f1f1f !important; }
#comment-list, #tblchat, .table-word-breaker{ table-layout: fixed;width: 100%;word-wrap: break-word; }
.tbl-reply{ table-layout: fixed;width: 100%;word-wrap: break-word;margin: 0 !important;}
.tbl-reply td{ border-bottom: 0 none !important;padding-top: 0 !important; }
.xart-mediacommentfrm ::-webkit-input-placeholder { /* WebKit browsers */color:#666; }
.xart-mediacommentfrm textarea:focus::-webkit-input-placeholder { color:transparent; }
.xart-mediacommentfrm :-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#666;opacity:1;}
.xart-mediacommentfrm textarea:focus:-moz-placeholder { color: transparent; }
.xart-mediacommentfrm ::-moz-placeholder { /* Mozilla Firefox 19+ */color:#666;opacity:1; }
.xart-mediacommentfrm textarea:focus::-moz-placeholder { color: transparent; }
.xart-mediacommentfrm :-ms-input-placeholder { /* Internet Explorer 10+ */color:#666; }
.xart-mediacommentfrm textarea:focus:-ms-input-placeholder { color: transparent; }
/*-------------------------- Photo Swipe --*/
.my-simple-gallery figure { display: block;float: left;margin:0;width:; }
.my-simple-gallery figcaption { display: none; }
.pswp__button:hover{ background-color:transparent; }
/*-------------------------- new upload photo --*/
.photo-icn span{ background-image:url(https://www.x-art.com/images/icn-attach-gray.png); }
.photo-icn:hover span{ background-image:url(https://www.x-art.com/images/icn-attach-white.png); }
/*-------------------------- notification button --*/
.notif-msg .button{ margin:0.5em;color:#bcbcbc;padding:0.8em 1.8em;font-size:0.7em; }
.notif-msg .button:hover{ color:#fff; }
/*-------------------------- correccion newfile --*/
.new-file p{ padding:0.5em;padding-right:2.5em;background:transparent;display:block;text-align:center; }
.new-file p a{ background:url(https://www.x-art.com/images/icn/icn-close-fav.png) no-repeat center;background-size:1.2em;background-color:#262626;position:absolute;width:1.6em;height:1.6em;margin:initial;top:0.5em;right:0.4em;border:1px solid #101010; }
.new-file p a:hover{ background:url(https://www.x-art.com/images/icn/icn-close-fav-h.png) no-repeat center;background-size:1.2em;background-color:#bcbcbc; }
.new-file img{ max-height:10em;max-width:100%; }
/*---------------------------- cambio Cover --*/
.subnav { margin-bottom:0; }
.cover-image{ margin-bottom:-24px; }
.profile-info{ background-color:rgba(18,18,18,0.92); }
.profile-info td{ background:transparent; }
/*---------------------------- feeds h1 --*/
.feed h1{ font-size:1.2em;margin-top:0.4em; }
/*---------------------------- rating --*/
.rating li .star-1 { background-image:url(https://www.x-art.com/images/icn-star-1.png); }
.rating li .star-2 { background-image:url(https://www.x-art.com/images/icn-star-2.png); }
.rating li .star-3 { background-image:url(https://www.x-art.com/images/icn-star-3.png); }
.rating li .star-4 { background-image:url(https://www.x-art.com/images/icn-star-4.png); }
.rating li .star-5 { background-image:url(https://www.x-art.com/images/icn-star-5.png); }
.rating li .star-6 { background-image:url(https://www.x-art.com/images/icn-star-6.png); }
.rating li .star-7 { background-image:url(https://www.x-art.com/images/icn-star-7.png); }
.rating li .star-8 { background-image:url(https://www.x-art.com/images/icn-star-8.png); }
.rating li .star-9 { background-image:url(https://www.x-art.com/images/icn-star-9.png); }
/*----------------------------xart--*/
.browse-item{ box-shadow: 0 1px 5px rgba(255,255,255,.1);margin:10px; }
body{ background:#000; }
.feed-icn-remove{ background: url(https://www.x-art.com/images/icn/icn-close-fav.png) no-repeat;background-size: contain;vertical-align: bottom;background-position: 0 3px;display: inline-block;padding-left: 1.5em;margin-bottom:0.3em;width:initial; }
.feed-icn-remove:hover{ background-image: url(https://www.x-art.com/images/icn/icn-close-fav-pink.png); }
/*---------------------------- prevent-zooming --*/
input:focus,
textarea:focus,
select:focus{ font-size:16px; }
/*---------------------------- dialog buttons --*/
.dialog-form .columns{ padding:0 0.2em; }
.dialog-form form,
.dialog-form table{ margin:0; }
.dialog-form .button{ margin-top:1em; }
/*-------------------------- notification button --*/
.notif-msg .button{ margin:0.5em;color:#bcbcbc;padding:0.8em 1.8em;font-size:0.7em; }
.notif-msg .button:hover{ color:#fff; }
/*---------------------------- margin topbar --*/
.subnav{ margin-bottom:16px!important; }
.cover-image{ margin-top:-16px; }
/*---------------------------- margin topbar login --*/
.topbar-login .title-area img { padding-left:12px!important;margin-top:7px!important; }
.topbar-login .title-area a { padding:0!important; }
/*---------------------------- create account btn --*/
.create-acc{ background:transparent!important;padding:0.5em;color:#666;font-size:0.8em; }
.create-acc:hover{ color:#fe03c3; }
/*---------------------------- feed image --*/
.img-crop{ display:block;cursor:default; }
.img-crop a{ display:block;position:relative;width:50%;height:250px;background:;overflow:hidden;left:0;right:0;margin:auto; }
.img-crop img{ width:100%;max-height:initial;position:relative;top:0;bottom:0;left:0;right:0;margin:0; }
/*.img-horizontal img{ height:100%;width:initial;max-width:initial;position:absolute;top:-9999px;bottom:-9999px;left:-9999px;right:-9999px;margin:auto; }*/
.img-horizontal img{ height:100%;width:initial;max-width:initial;position:relative;top:0;bottom:0;left:0;right:0;margin:0; }
/*---------------------------- feed image correccion --*/
.img-crop{ border:0;height:auto;border-radius:0;background:none; }
.img-crop a{ width:100%;padding-bottom: 0;height:100%; }
/*---------------------------- nuevos btns feeds --*/
.feed-action-new{ padding-top:1em; }
.feed-action-new .std-btn{ color:#bcbcbc;padding-left:1.8em;padding-right:1.8em; }
.feed-action-new .std-btn:hover{ color:#fff; }
.feed-action-new .outline-btn-pink{ color:#fe03c3; }
.feed-action-small{ display:none; }
.tbl-reply td{ padding-bottom:0; }
/*---------------------------- nuevos btns --*/
.like2-icn span{ background-image:url(https://www.x-art.com/images/icn/icn-like2.png); }
.like2-icn-active span{ background-image:url(https://www.x-art.com/images/icn/icn-like2-pink.png); }
.like2-icn:hover span,
.like2-icn-active:hover span{ background-image:url(https://www.x-art.com/images/icn/icn-like2-h.png); }
.reply-icn span{ background-image:url(https://www.x-art.com/images/icn/icn-reply-small.png); }
.reply-icn:hover span{ background-image:url(https://www.x-art.com/images/icn/icn-reply-white.png); }
/*-------------------------- correcciones SML --*/
/* correcciones SMALL */
@media only screen and (max-width: 40em) {
/*-------------------------- GENERAL --*/
.column, .columns{ padding:0 0.8em; }
/*-------------------------- PROFILE info --*/
.profile-activity-small a, .profile-activity-small a:hover{ font-size:1.8em!important; }
.profile-info p{ font-size:1em;line-height:1.3em;text-align:center;padding:1em 0;margin:0.5em 0;margin-bottom:0; }
.profile-activity h1{ font-size:1.4em;margin-top:0.9em; }
.profile-activity a{ font-size:1.1em; }
.profile-activity-small{ text-align:center; }
.profile-activity-small h1{ font-size:0.8em!important;margin-bottom:0.5em; }
/*-------------------------- NEW File --*/
.new-file p{ display:block;padding:0.8em 2.8em;padding-left:3.5em;background-position:8px 50%;background-size:2.5em; }
.new-file p a{ width:1.5em;height:1.5em; }
/*-------------------------- edit avatar btn --*/
.change-avatar-btn span{ border:2px solid #262626;width:2.7em;height:2.7em;background:url(https://www.x-art.com/images/icn/icn-edit.png) no-repeat center #101010;background-size:1.7em;top:1em; }
.change-avatar-btn:hover span{ border-color:#fe03c3;background:url(https://www.x-art.com/images/icn/icn-edit-h.png) no-repeat center #101010;background-size:1.7em; }
/*-------------------------- FEEDS --*/
.feed h1{ font-size: 1.1em; }
.feed p{ font-size:1.1em; }
.reply-more{ padding-top:0.5em;padding-bottom:0.2em; }
.reply-more a{ font-size:1em; }
.feed-action a{ font-size:1em; }
/*-------------------------- Find Friends --*/
.ff-item .button { margin: 0;margin-top:0.6em;padding:0.9em 0;font-size:0.7em; }
.ff-item{ padding-top:0.8em; }
.ff-avatar img{ margin-bottom:0.8em; }
.ff-item-group h1{ margin-top:0.2em; }
/*-------------------------- COMMENTS --*/
.comments .feed h1{ font-size:1.1em; }
.comments .feed p{ font-size:0.9em; }
/*-------------------------- GALLERY --*/
.action-btns-gallery{ padding:0 0.5em; }
/*-------------------------- notifications --*/
.notifications-cambios p{ font-size:1em; }
.notif-time p{ font-size:0.9em;padding-left:0.3em;padding-top:0.3em; }
/*-------------------------- list --*/
.browse-item h1,
.browse-item h2{ padding:0 0.5em; }
.browse-item p{ padding:0 0.5em;font-size:0.8em;color:#a6a6a6; }
.browse-item .item-rating{ margin-top:-5px; }
/*----------------------------tour--*/
.tour-tab,
.tour-subtitle .selected,
.div-title h1{ font-size:0.9em; }
.solo{ margin-top:-10px!important; }
/*---------------------------- dropdown --*/
.f-dropdown li a{ padding:1em; }
/*---------------------------- xart form --*/
.xart-form h1{ font-size:1em;color:#fff;margin-bottom:1em; }
/*---------------------------- middle menu --*/
.middle-submenu li a { padding: 1em 0.7em;padding-bottom: 0.8em;font-size: 1em; }
/*---------------------------- topbar login --*/
.error-msg h1{ font-size:0.8em;margin:0;margin-bottom:0.5em;color:#fe03c3;text-transform:initial; }
/*----------------------------msg--*/
.msg-content .chat{ padding-bottom:3em;height:initial; }
/*---------------------------- pagination --*/
.pagination li,
.pagination li a{ font-size:1em!important;color:#bcbcbc!important; }
.pagination li a{ background:#262626;padding:0.4em 0.8em!important; }
.pagination a:hover{ background:#fe03c3!important;color:#fff!important; }
.pagination .unavailable a{ background:#101010!important;color:#333!important; }
/*---------------------------- topbar --*/
.topbar-login .name img{ padding:0; }
.menu-sm .tab-bar-section.middle { left:3.5rem; }
/*---------------------------- login --*/
.login-checkbox{ padding-right:0em!important; }
.check-icn span{ left:initial;right:1.1em; }
/*---------------------------- reveal --*/
.reveal-modal{ width: 100% !important; }
#change-avatar{ top:0!important;}
.new-file p a{ background-size:2em;width:2.8em;height:2.8em; }
.new-file p a:hover{ background-size:2em; }
/*---------------------------- cambio bg --*/
body{ /*background:url(https://www.x-art.com/images/bg-small.jpg) no-repeat top center fixed #000;*/ }
/*---------------------------- rating --*/
.rating { margin:0.8em 0 0.5em 0; }
.rating li { width: 17%; }
.rating li a { height: 2.5em; }
/*---------------------------- feed image correccion --*/
.img-crop a{ width:100%;padding-bottom: 80%;height:auto; }
/*---------------------------- nuevos btns feeds --*/
.feed td{ border:0; }
.feed-action-small{ display:table-row; }
.feed-action-small td{ border-bottom:1px solid #262626; }
.feed-action-new{ padding-top:0; }
.feed-action-new .columns{ padding:0 0.1em; }
.feed-action-new .std-btn{ padding-left:0;padding-right:0; }
}
/* correcciones MEDIUM */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
/*-------------------------- PROFILE info --*/
.profile-info p{ font-size:1.3em;line-height:1.2em;padding-top:0.2em; }
.profile-activity h1{ font-size:2.5em;margin-top:0.3em; }
.profile-activity a{ font-size:1.5em; }
/*-------------------------- COVER img --*/
.btn-edit-cover{ right:1.5em; }
/*-------------------------- Find Friends --*/
.ff-avatar img { width:100%; }
.ff-item .button { margin: 0;padding:0.5em;font-size:0.6em; }
.ff-item-group h1,
.ff-item-group h2{ text-align:center; }
.ff-follow{ padding:0.5em!important;padding-top:0.2em!important; }
/*----------------------------tour--*/
.tour-tab,
.tour-subtitle .selected,
.div-title h1{ font-size:1em; }
/*---------------------------- direccion de dropdowns para medium--*/
.dropdown-left-medium .f-dropdown{ border:0;margin-top:1em;margin-left:-145px!important;background:#fff;width:200px!important; }
.dropdown-left-medium .f-dropdown.open::before,
.dropdown-left-medium .f-dropdown.open::after{ left:180px; }
.feed .dropdown-left-medium .f-dropdown{ margin-left:-170px!important;width:200px!important; }
/*----------------------------msg--*/
.msg-content .chat{ padding-bottom:3em;height:initial; }
/*---------------------------- login --*/
.check-icn{ padding-left:4.5em!important;text-align:left; }
/*---------------------------- cambio bg --*/
body{ /*background:url(https://www.x-art.com/images/bg-medium.jpg) no-repeat top center fixed #000;*/ }
/*---------------------------- rating --*/
.rating li a { width: 2.2em;height: 2.2em; }
}
/* correcciones LARGE */
@media only screen and (min-width: 64.063em) {
/*-------------------------- PROFILE info --*/
.profile-info p{ padding-top:1em; }
.btn-config-wrap{ width:3em;padding-top:2.5em; }
.btn-config{ width:3em;height:3em; }
.btn-config{ background:url(https://www.x-art.com/images/icn/icn-gear.png) center no-repeat;background-size:2em; }
.btn-config:hover{ background:url(https://www.x-art.com/images/icn/icn-gear-h.png) center no-repeat;background-size:2em; }
.btn-config img{ bottom:4px;right:4px; }
.btn-config-more{ background:url(https://www.x-art.com/images/icn/icn-more.png) center no-repeat;background-size:2em; }
.btn-config-more:hover{ background:url(https://www.x-art.com/images/icn/icn-more-h.png) center no-repeat;background-size:2em; }
/*-------------------------- COVER img --*/
.btn-edit-cover{ top:1.5em;left:1.5em;width:2.8em;height:2.8em; }
.btn-edit-cover{ background:url(https://www.x-art.com/images/icn/icn-edit-cover.png) center no-repeat;background-size:2em;background-color:rgba(255, 255, 255, 0.1); }
.btn-edit-cover:hover{ background:url(https://www.x-art.com/images/icn/icn-edit-cover-h.png) center no-repeat;background-size:2em;background-color:rgba(255, 255, 255, 0.6); }
.cover-image:hover .btn-edit-cover{ background-color:rgba(255, 255, 255, 0.3); }
/*-------------------------- NEW File --*/
.upload-photo{ background-size:50%; }
.upload-photo:hover{ background-size:50%; }
/*-------------------------- Find Friends --*/
.ff-follow{ padding:0 0.8em;padding-bottom:0.4em; }
.ff-follow table{ margin:0;width:100%;margin-bottom:0.5em; }
.ff-follow td{ padding:0 0.3em; }
.ff-follow td .columns{ padding:0; }
.ff-follow td .button{ font-size:0.9em;margin:0; }
.ff-item-group p{ margin-bottom:0.5em; }
/*
.ff-follow{ height:5em; }
.ff-follow .collapse .columns{ min-height:2.2em; }
.ff-follow .outline-btn-gray{ padding:0.3em; }
*/
/*----------------------------galleries--*/
.chat .columns{ padding:0 1.5em; }
/*---------------------------- direccion de dropdowns para large--*/
.dropdown-left-large .f-dropdown{ border:0;margin-top:1em;margin-left:-145px!important;background:#fff;width:200px!important; }
.dropdown-left-large .f-dropdown.open::before,
.dropdown-left-large .f-dropdown.open::after{ left:180px; }
.feed .dropdown-left-large .f-dropdown{ margin-left:-170px!important;width:200px!important; }
/*---------------------------- FEEDS --*/
.btn-more-feeds{ background-size:1.3em; }
/*---------------------------- cambio Cover --*/
.subnav { margin-bottom:1em; }
.cover-image{ margin-bottom:-72px; }
#column_right>table{ padding-right:0; }
#column_right .feed{ background-color:rgba(0,0,0,0.92); }
/*---------------------------- cambio bg --*/
body{ /*background:url(https://www.x-art.com/images/bg-large.jpg) no-repeat top center fixed #000;*/ }
/*---------------------------- margin topbar --*/
.cover-image{ margin-top:0; }
}
/*---------------------------- FORM LBL TEXT NEW MSG --*/
.label-usrs-box{ padding-top: 10px !important;text-align: right;color:#808080  }
.form-msg{ height:auto !important; }
.form-msg #usrs-box{ margin-bottom: 2px; }
.form-msg .msg-link{ padding-top: 0px; }
/*---------------------------- PROFILE ACTIVITY --*/
.profile-activity-cursor{ cursor: pointer;text-align: center;}
.profile-activity-border { border-left: #1a1a1a 1px solid;border-right: #1a1a1a 1px solid;}
/*---------------------------- nuevos btns --*/
.like2-icn span{ background-image:url(https://www.x-art.com/images/icn/icn-like2.png); }
.like2-icn-active span{ background-image:url(https://www.x-art.com/images/icn/icn-like2-pink.png); }
.like2-icn:hover span,
.like2-icn-active:hover span{ background-image:url(https://www.x-art.com/images/icn/icn-like2-h.png); }
.reply-icn span{ background-image:url(https://www.x-art.com/images/icn/icn-reply-small.png); }
.reply-icn:hover span{ background-image:url(https://www.x-art.com/images/icn/icn-reply-white.png); }
.profile .btn-config img{ width: 7px;height: 7px; }
::selection { background: #fe03c3; /* WebKit/Blink Browsers */ }
::-moz-selection { background: #fe03c3; /* Gecko Browsers */ }
/* CSS PROFILE INFO MODELS*/
.profile-info h1{ padding:0;margin:0;padding-top:0.2em; }
.profile-info p{ padding-top:0;padding-top:1.5em;margin:0; }
.profile-info.verifiedacc h1,
.profile-info.verifiedacc p { padding-top:0; }
.profile-info.verifiedacc .button{ margin:0.5em 0;margin-bottom:1em; }
.profile-info.verifiedacc h1 span{ display:inline-block;width:20px;height:20px;background:url(https://www.x-art.com/images/icn-verifiedacc.png) center no-repeat;background-size:20px;margin-left:0.1em; }
.outline-btn-pink.tiny,
.outline-btn-pink.tiny:focus,
.outline-btn-pink.tiny:active{ background-color:rgba(0,0,0,0.5);border-width:1px;padding:0.6em 1.5em; }
.outline-btn-pink.tiny:hover,
.outline-btn-pink.tiny:focus:hover,
.outline-btn-pink.tiny:active:hover{ background-color:#fe03c3;border-color:#fe03c3;color:#fff; }
/*-------------------MODELS LIVE CAM-------------------*/
.sidebar-group .live-icn,
.sidebar-group .live-icn:hover,
.topbar .left a.live-icn,
.menu-medium .f-dropdown a.live-icn{ background-image:url(https://www.x-art.com/images/icn-live.png)!important;background-repeat:no-repeat!important;background-size: 2.5em!important;background-position: 0.6em 0.25em!important; }
.topbar .left a.live-icn{ background-position: 0.3em!important;padding-left:3em!important;}
.menu-medium .f-dropdown a.live-icn{ background-position: 250px 0.1em!important;}
.livecams { padding:7px; }
.livecams .name { color:#fff;font-size:0.75em;float:left;padding-bottom:8px; }
.livecams .age { color:#666;font-size:0.75em;float:right;padding-bottom:8px; }
.livecams .description { color:#666;font-size:0.75em;padding-top:8px; }
.live-title{ color:#fff;font-size:1em;margin-left:20px; }
/*nuevos estilos*/
.livecams{ position:relative; }
:focus{ outline-color:#fe03c3!important; }
.livecams .img-live{ overflow:hidden;height:0;padding:35%;position:relative; }
.livecams .name{ overflow:hidden;height:12px;margin-bottom:8px;display:block;width:100%; }
.livecams .description{ overflow:hidden;height:33px; }
.livecams .age{ position:absolute;top:6px;right:6px;background-color:#000;height:14px;line-height:14px;padding-left:6px; }
.livecams .img-live img{ position:absolute;width:100%;top:0;left:0; }
/*search suggestions*/
.new-msg-to li a{ color:#fff;z-index:100;position:relative; }



/* QUOTE TWEET...  modalTitle  */
#myModalTweet h2{ color:#66757f;  font-weight:300; text-transform:none !important; font-size:22px; }
#myModalTweet hr{ border: 0;height: 1px;background: #ccd6dd;background-image: linear-gradient(to right, #ccd6dd, #ccd6dd, #ccd6dd); }
#rt_comment{ border:1px solid #1da1f2; border-radius:3px; }
.btnSendTweet , #btn_send_weet{ cursor: pointer; cursor: hand;background-color:#1da1f2;border:1px solid #1da1f2;color:#fff; box-shadow:0 1px 0 rgba(255, 255, 255, 0.15) inset ;border-radius:4px;font-size:14px;padding:8px 16px; }

.emoji-wysiwyg-editor{
    -moz-appearance: textfield-multiline; 
    -webkit-appearance: textarea;
    border: 1px solid #cccccc; 
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;  
    font: medium -moz-fixed;
    font: -webkit-small-control;
    overflow: auto; padding: 2px; resize: both; background-color: white;     
    font-size: 0.875rem; min-height: 64px; margin: 0 0 1rem; padding: 0.5rem;
    font-family: inherit !important;
}
.reveal-modal .wrap { position: relative; display: inline-block;}
.reveal-modal .wrap span {position: absolute; top: 0; right: 0;}
#close-tweet{  color: #aaaaaa !important; }
    

.cite { /*background-color: white !important;*/border-left: 5px solid #ff00ff;padding: 10px 0 10px 30px;margin: 0 0 1rem -10px;  }
.cite p { font-style: italic; }
blockquote.cite { background:url(https://si0.twimg.com/images/dev/cms/intents/bird/bird_gray/bird_32_gray.png) 0 0 no-repeat;background-position:2% 40%;padding-left:70px; }
.tumblr-icon{ background:url(../../images/tumblr_logo_blue-white_transparent-32.png) 0 0 no-repeat scroll !important;background-position: 2% 40% !important; }
blockquote.cite { font-size: 16px;font-weight: normal;line-height: 20px;/*margin-bottom: 0.75rem !important;*/ }
.img_btn_tweet { width:6%; }
/*-------------------------- GENERAL --*/
body {
	background: #383838;
}
.browse-item,
.item-notification,
.profile-info,
.profile-stats,
.profile-info2,
.feed-item,
.f-dropdown,
.masonry-brick,
.item-ff,
.profile .new-file p,
.msg-list,
.login-box,
.login-forgot,
.edit-profile-details {
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.6) !important;
}
.list-items {
	padding: 0 0.5em;
}
.f-dropdown label {
	padding: 0.8em;
	padding-left: 1em;
	background-color: #eee;
	text-transform: uppercase;
	font-size: 0.7em;
}
.black-btn {
	background-color: #101010;
}
/*------------- topbar --*/
.menu-sm,
.topbar {
	border-color: #333;
}
.menu-sm {
	margin-bottom: 0;
	border-width: 1px;
}
.tab-bar .alert-number-sm {
	margin-right: 0.5em;
	margin-top: 1.5em;
}
.top-profile .alert-number {
	line-height: 1.5em;
	margin-top: 10px;
}
.tab-bar .avatar-s img {
	margin: 0;
	margin-top: -5px;
	width: 42px;
}
.tab-bar .menu-icon {
	width: 9em;
	text-decoration: none;
}
.topbar .title-area img {
	margin-left: 1em;
}
.tab-bar .menu-icon h1 {
	padding: 0.35em 0 0 1em;
	font-weight: normal;
	font-size: 1.2em;
}
.icn-topbar-sm .avatar-s {
	margin-right: 0.5em !important;
}
.icn-topbar-sm {
	padding-right: 0.4em;
}
.menu-sm .btn-more {
	margin-left: 2.8em;
	padding-left: 1.2em;
}
/*------------- search sm (topbar)--*/
.sb-search {
	margin-right: 3.5rem;
}
.sb-search-open {
	margin-right: 0;
}
/*------------- subnav --*/
.subnav,
.subnav nav {
	background: #000;
}
.subnav {
	border-bottom: 1px solid #333;
}
.new-subnav a {
	display: block;
	text-align: center;
	color: #666;
	width: 100%;
	padding: 0.3em 0;
	padding-top: 6px;
}
.new-subnav a:hover,
.new-subnav .selected {
	color: #fff;
	border-bottom: 1px solid #fe03c3;
}
/*------------- sidebar --*/
.menu-sm .tab-bar-section.middle {
	left: 8rem;
	right: 8rem;
}
.sidebar-sm {
	background: #d8d8d8;
}
.sidebar-sm ul li label {
	background: url(https://www.x-art.com/images/icn/icn-gear.png)
		no-repeat #000;
	background-size: 1.8em;
	background-position: 1em 0.65em;
	color: #fff;
	text-transform: capitalize;
	font-size: 1em;
	font-weight: normal;
	padding: 0.8em 0;
}
.sidebar-sm .label-icn-browse label {
	background-image: url(https://www.x-art.com/images/icn/icn-browse.png);
}
.sidebar-sm .label-icn-connect label {
	background-image: url(https://www.x-art.com/images/icn/icn-connect.png);
}
ul.off-canvas-list li a,
ul.off-canvas-list li h1 {
	color: #000;
}
.sidebar-sm ul li label,
ul.off-canvas-list li a {
	padding-left: 3.5em;
	font-size: 0.9em;
}
.off-canvas-profile a {
	padding-left: 1em !important;
}
ul.off-canvas-list li a:hover {
	background: #ccc;
}
.sidebar-group li a {
	background: #000;
	color: #fff !important;
}
.sidebar-group li a:hover {
	background: #101010 !important;
}
/*------------- subnav 2nd level --*/
.subnav2 {
	margin-top: -16px;
	margin-bottom: 1em;
}
.subnav2,
.subnav2 nav {
	background: #d8d8d8;
}
.subnav2 .top-bar,
.subnav2 select {
	height: 40px;
}
.subnav2 select {
	margin: 0;
	background-color: #d8d8d8;
	border: 0;
	font-size: 0.8em;
	font-weight: bold;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	outline: none;
}
.subnav2 option {
	padding: 1em 0 !important;
	min-height: 3em;
	height: 3em;
}
.subnav2 option:hover {
	color: #000;
}
.subnav2 .left {
	border-right: 1px solid #d8d8d8;
}
.subnav2 .top-bar-section li:not(.has-form) a:not(.button) {
	color: #000;
	height: 40px;
	line-height: 40px;
}
.subnav2 .top-bar-section li:not(.has-form) a:not(.button):hover {
	background: #ccc;
	color: #000;
}
.subnav2 .top-bar-section ul li:hover:not(.has-form) > a {
	background: #ccc;
}
.subnav2 .top-bar-section .has-dropdown > a:after {
	border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
}
.subnav2 .top-bar-section .dropdown li:not(.has-form) a:not(.button) {
	background: #ccc;
	border-top: 1px solid #999;
}
.subnav2 .top-bar-section .dropdown li:not(.has-form) a:not(.button):hover {
	background: #bbb;
}
/*------------- notifications --*/
.item-notification {
	background: #000;
	padding: 1em 0;
	border: 1px solid #666;
	margin-bottom: 1.5em !important;
}
.item-notification .avatar-m {
	position: absolute;
	padding: 0;
}
.item-notification p {
	font-size: 0.8em;
	color: #bcbcbc;
	padding-left: 4.8em;
	margin: 0;
}
.item-notification h1 {
	margin: 0.5em 0 0.3em 0;
	font-size: 0.9em;
	color: #fff;
	padding-left: 4.1em;
}
.item-notification h1 a {
	color: #fff;
}
.item-notification h1 a:hover {
	color: #fe03c3;
}
.item-notification .button {
	margin: 0;
}
/*------------- profile --*/
.profile,
.profile-info {
	background: transparent;
}
.profile {
	position: relative;
}
.avatar-xl img {
	border-radius: 5em;
	width: 128px;
}
.profile-stats .columns,
.profile-info2 .columns,
.profile-btns .columns {
	padding: 0.8em 0.4em;
}
.profile-info {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	background: url(https://www.x-art.com/images/cover-bg.png)
		repeat-x;
	background-size: contain;
	position: relative;
	overflow: hidden;
	height: 300px;
	margin-top: -16px;
}
.profile-info .cover {
	position: absolute;
	top: -9999px;
	bottom: -9999px;
	left: -9999px;
	right: -9999px;
	margin: auto;
	z-index: -1;
	height: 100%;
	width: initial;
	max-width: initial;
}
.profile-info p {
	color: #fff;
	font-weight: normal;
	font-size: 0.9em;
}
.profile-stats,
.profile-info2 {
	background: #000;
}
.profile-stats .columns {
	border-bottom: 1px solid #333;
}
.profile-stats a,
.profile-stats a:hover {
	font-size: 1.8em;
	color: #bcbcbc;
	text-transform: uppercase;
}
.profile-stats h1 {
	font-size: 0.75em;
	color: #444;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
	margin-top: 0.5em;
}
.profile-activity-cursor:hover h1 {
	color: #fe03c3;
}
.profile-info2 h1,
.profile-info2 h2,
.profile-info2 h3 {
	font-size: 1em;
	color: #bcbcbc;
	margin: 0;
}
.profile-info2 h2 {
	text-align: right;
}
.profile-info2 h3 {
	text-align: center;
	color: #fff;
}
.profile-btns {
	padding-bottom: 1em;
}
.profile-btns .columns {
	padding-bottom: 0;
}
.profile-btns .button {
	margin: 0;
}
.profile .btn-config {
	float: right;
	position: absolute;
	top: 1em;
	right: 1em;
	z-index: 50;
	background-color: rgba(0, 0, 0, 0.2);
	background-image: url(https://www.x-art.com/images/icn/icn-gear-white.png);
}
.profile:hover .btn-config {
	background-color: rgba(0, 0, 0, 0.5);
}
.profile .btn-config:hover {
	border-color: #fe03c3;
	background-color: #fe03c3;
}
.profile .btn-config-more {
	background-image: url(https://www.x-art.com/images/icn/icn-more-white.png);
}
.profile textarea {
	margin: 0;
}
.profile .new-file {
	margin-top: 1.5em;
}
.profile .new-file p {
	padding: 0.5em;
	background: #000;
}
/*------------- feeds --*/
.feed-item {
	background: #000; /*margin-bottom:1.5em;*/
	position: relative;
	margin: 8px !important;
	height: 100%;
}
.feed-item .img-crop {
	margin-top: 0;
}
.feed-info {
	position: relative;
	padding-top: 0.5em;
	min-height: 5em;
}
.feed-info .avatar-m {
	position: absolute;
}
.feed-info h1,
.feed-info h2,
.feed-info p {
	padding-left: 64px;
	padding-right: 0;
}
.feed-info h1,
.feed-info h2 {
	font-size: 1.3em;
	margin-top: 0.5em;
	margin-bottom: 0;
	color: #bcbcbc;
}

.feed-info h1 a span {
	color: #bcbcbc !important;
}
.feed-info h1 a {
	color: #fe03c3 /*#bcbcbc*/;
}
.feed-info h1 a:hover {
	color: #bcbcbc;
}

.feed-info p {
	color: #fff;
	font-size: 1em;
}
.feed-info p a {
	color: #fea1e8;
}
.feed-info p a:hover {
	color: #fe03c3;
}
.feed-btns .columns {
	padding: 1em !important;
	padding-left: 0 !important;
}
.feed-info .btn-more-feeds {
	margin: 0;
	margin-top: 0.3em;
}
.feed-item .f-dropdown.open {
	margin: 0;
	margin-top: 0.5em;
	left: initial !important;
	right: 1em;
}
.feed-reply-form,
.feed-nested {
	background-color: #101010;
	margin-top: -24px;
	border-top: 1px solid #383838;
}
.feed-reply-form form {
	margin: 0;
}
.feed-reply-form textarea {
	margin: 0;
	margin-top: 1em;
	font-size: 16px;
	height: 0 !important;
}
.feed-nested .feed-info,
.feed-reply-form .feed-info {
	padding-top: 0;
}
.feed-nested .feed-btns,
.feed-reply-form .feed-btns {
	padding-bottom: 1em;
}
.feed-nested .feed-info p,
.feed-reply-form .feed-info p {
	margin-bottom: 1em !important;
	word-break: break-all;
}
.feed-nested .feed-btns .columns,
.feed-reply-form .feed-btns .columns {
	padding: 0 1em;
	padding-left: 0;
}
.feed-nested .button,
.feed-reply-form .button {
	margin: 0;
}
.feed-button {
	display: block;
	text-align: center;
	color: #bcbcbc;
	padding: 1em;
}
.feed-button:hover {
	color: #fe03c3;
}
.feed-page .feed-item,
.feed-page .feed-reply-form,
.feed-page .feed-nested {
	margin: 0;
	background-color: #000;
}
.feed-page .feed-reply-form {
	background-color: #101010;
}
.feed-reply-form .feed-info {
	padding-right: 0 !important;
}
.feed-reply-form .feed-btns .button {
	padding: 1.3em 0;
	color: #fff;
}
.feed-reply-form .feed-btns .button:hover {
	color: #fe03c3;
}
.feed-page .header .feed-info h1 {
	color: #fff;
	margin-top: 0.5em;
}
.feed-page .header .feed-info h2 {
	margin: 0;
	margin-bottom: 0.8em;
	font-size: 1.2em;
}
.feed-page .header .feed-info h2 a {
	color: #fea1e8;
}
.feed-page .header .feed-info h2 a:hover {
	color: #fe03c3;
}
.feed-page .header p {
	font-size: 1.5em;
	line-height: 1.2em;
	color: #fff;
	word-break: break-all;
}
.feed-page .header .feed-info .columns {
	padding: 0 !important;
}
.feed-page .header .feed-info .button {
	margin-top: 1.2em;
	margin-bottom: 0;
}
.feed-page .header .feed-info .feed-header {
	margin-bottom: 1em;
	border-bottom: 1px solid #333;
}
.feed-page .header .feed-info .feed-header .avatar-m {
	left: 0;
}
.feed-page .feed-date {
	font-size: 0.8em !important;
	color: #808080 !important;
	margin-bottom: 0 !important;
}
.feed-media .media-info h1 {
	color: #fff;
}
.feed-media .media-info p {
	color: #808080;
	font-size: 0.85em;
}
.feed-media .media-capture img {
	margin-bottom: 1em;
}
/*------------- filters sm --*/
.filter-btn {
	display: block;
	padding: 1.1em 0.5em;
	padding-right: 1.9em;
	border-left: 1px solid #333;
	background: url(https://www.x-art.com/images/arrow-dropdown.png)
		no-repeat right center;
	background-size: 1.8em;
}
.filter-btn h1 {
	color: #bcbcbc;
	font-size: 1em;
	overflow: hidden;
	white-space: nowrap;
	margin: 0;
}
.filter-small .f-dropdown li a,
.filter-medium .f-dropdown li a {
	padding-left: 3em;
	text-decoration: none;
}
.filter-small .f-dropdown li .selected,
.filter-medium .f-dropdown li .selected {
	background-image: url(https://www.x-art.com/images/icn/icn-check-filter.png) !important;
	background-position: 0.8em center !important;
	background-repeat: no-repeat !important;
	background-size: 1.2em !important;
}
.filter-small .f-dropdown:before,
.filter-small .f-dropdown:after,
.filter-medium .f-dropdown:before,
.filter-medium .f-dropdown:after {
	display: none;
}
/*------------- profile (topbar) sm --*/
.icn-topbar-sm .profile-btn {
	position: absolute;
	display: block;
	background: transparent;
	height: 58px;
	width: 4.8em;
	z-index: 1;
	margin: 0;
	right: 0;
	background: url(https://www.x-art.com/images/arrow-down-h.png)
		left center no-repeat;
	background-size: 0.9em;
}
.menu-sm .f-dropdown {
	background: #1a1a1a;
	border: 0;
}
.menu-sm .f-dropdown li {
	border-color: #000;
}
.menu-sm .f-dropdown li:hover {
	background: #101010;
}
.menu-sm .f-dropdown li a {
	font-size: 1.2em;
	color: #808080;
}
.menu-sm .f-dropdown li a:hover {
	color: #fff;
}
.menu-sm .f-dropdown.open {
	left: initial !important;
	right: 0 !important;
	margin: 0;
	margin-top: 1px;
	max-width: 300px !important;
}
.menu-sm .f-dropdown:before,
.menu-sm .f-dropdown:after {
	display: none;
}
.menu-medium {
	position: relative;
}
.menu-sm .menu-medium .f-dropdown.open {
	right: 0 !important;
	margin-top: 2px;
}
.menu-sm .menu-medium .f-dropdown li a {
	padding: 0.8em;
}
/*------------- favorites --*/
.masonry-brick {
	background: #000;
}
/*------------- find friends --*/
.item-ff {
	text-align: center;
	position: relative;
	margin-bottom: 0.3em;
	height: 175px;
	background: url(https://www.x-art.com/images/cover-bg2.png)
		repeat-x;
	background-size: contain;
	overflow: hidden;
	border: 1px solid #666;
}
.item-ff .cover {
	position: absolute;
	top: -9999px;
	bottom: -9999px;
	left: -9999px;
	right: -9999px;
	margin: auto;
	z-index: -1;
	height: 100%;
	width: initial;
	max-width: initial;
}
.item-ff .avatar-l {
	width: initial;
	text-align: center;
	padding: 0.5em 0;
	padding-top: 1.5em;
}
.item-ff h1,
.item-ff h2 {
	color: #fff;
	font-size: 0.8em;
	margin: 0;
}
.item-ff h2 {
	color: #fea1e8;
	margin-bottom: 0.2em;
}
.item-ff:hover h2 {
	color: #fe03c3;
}
.search-friends {
	position: relative;
	padding-right: 11.5em;
}
.search-friends input {
	font-size: 16px;
}
.search-friends input[type="submit"] {
	position: absolute;
	right: 11em;
	top: 0;
	width: 3.8em;
	height: 37px;
	border: 0;
	cursor: pointer;
	background-color: transparent;
	background-image: url(https://www.x-art.com/images/icn/icn-search-gray.png);
	background-position: 0.8em center;
	background-size: 1.5em;
	background-repeat: no-repeat;
}
.search-friends input[type="text"] {
	border-radius: 5em;
	padding-left: 1em;
	padding-right: 2.5em;
}
.mass-actions.fixed {
	top: initial;
	bottom: 0;
	background-color: #101010;
	padding-top: 1em;
}
.mass-actions .columns {
	padding: 0;
}
.mass-actions .btn-left {
	padding-right: 0.4em;
}
.mass-actions .btn-right {
	padding-left: 0.4em;
}
.action-icn span {
	background-image: url(https://www.x-art.com/images/icn/icn-action.png);
}
.action-icn:hover span {
	background-image: url(https://www.x-art.com/images/icn/icn-action-white.png);
}
.search-friends .action-icn {
	position: absolute;
	right: 0;
	top: 0;
	margin: 0 !important;
	padding: 0.4em 1.5em;
}
.item-ff {
	position: relative;
}
.item-ff .check-btn {
	display: block;
	position: absolute;
	top: 0.3em;
	left: 0.3em;
	width: 1.8em;
	height: 1.8em;
	background-color: #101010;
	border: 1px solid #666;
	cursor: pointer;
}
.item-ff .check-btn.checked {
	background-image: url(https://www.x-art.com/images/icn/icn-check-filter.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 1em;
}
/*------------- messages --*/
.msg-list {
	background: #000;
	padding: 0.2em 0;
	padding-bottom: 1.5em;
	height: initial;
}
.chat {
	height: initial;
	padding: 0 !important;
}
.msg-list .msg-item {
	border-bottom: 1px solid #333;
	padding: 1em 2.5em;
	padding-left: 4.5em;
	cursor: pointer;
	position: relative;
	background: url(https://www.x-art.com/images/arrow-right.png)
		no-repeat;
	background-size: 2em;
	background-position: right 0.8em;
}
.msg-list .msg-item:hover {
	background-color: #101010;
}
.msg-list .msg-item.selected {
	background-color: #fe03c3;
}
.msg-item .avatar-m {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 0.8em;
	left: 0.8em;
}
.msg-item .action-dlt {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 2.8em;
	right: 0.8em;
}
.msg-item h1 {
	color: #bcbcbc;
	font-size: 1.1em;
	margin-bottom: 0.5em;
}
.msg-item p {
	color: #808080;
	font-size: 0.9em;
}
.msg-item p b {
	color: #fea1e8;
}
.msg-btn {
	text-align: right;
	display: block;
	float: right;
	position: relative;
}
.msg-btn h1 {
	font-size: 0.8em;
	font-weight: bold;
	color: #bcbcbc;
	padding: 1.45em 1em;
	padding-right: 4.5em;
	margin: 0;
	display: inline-block;
}
.msg-btn:hover {
	background-color: #101010;
}
.msg-btn span {
	position: absolute;
	top: 0.6em;
	right: 0.8em;
	display: block;
	width: 2em;
	height: 2em;
	background: url(https://www.x-art.com/images/icn/icn-edit-white.png)
		center no-repeat #1aa09d;
	background-size: 1.5em;
	border-radius: 0.2em;
}
.msg-content .msg-header {
	margin: 0;
	padding: 0;
	padding-left: 3em;
	border: 1px solid #555;
	border-radius: 0.2em;
	background: transparent;
	height: 2.5em;
	position: relative;
}
.msg-header h1 {
	font-size: 1em;
	color: #808080;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0.5em;
	left: 1em;
}
.msg-header a {
	color: #bcbcbc;
}
.msg-header a:hover {
	color: #fff;
	text-decoration: underline;
}
.msg-header input[type="text"] {
	background: transparent;
	border: 0;
	font-size: 16px;
	color: #bcbcbc;
}
.msg-header ::-webkit-input-placeholder {
	color: #fea1e8;
}
.msg-header :-moz-placeholder {
	/* Firefox 18- */
	color: #fea1e8;
}
.msg-header ::-moz-placeholder {
	/* Firefox 19+ */
	color: #fea1e8;
}
.msg-header :-ms-input-placeholder {
	color: #fea1e8;
}
.msg-content .xart-form {
	padding: 0.5em;
	display: block;
	height: initial;
	left: 0;
	box-shadow: none;
	box-shadow: 0 -12px 20px #383838, 0 2px 3px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0 -12px 20px #383838, 0 2px 3px rgba(0, 0, 0, 0.6);
}
.msg-content .xart-form table {
	margin: 0;
	width: 100%;
}
.msg-content .xart-form td {
	padding: 0;
}
.msg-content .xart-form td.action {
	width: 3.5em;
	padding-left: 0.5em;
}
.msg-content .xart-form textarea {
	margin: 0;
	height: initial;
}
.msg-content .xart-form .send-msg {
	width: 3.5em;
	height: 3.5em;
}
.msg-content .xart-form .send-msg span {
	display: none;
}
.chat table {
	padding: 0 !important;
}
.chat-item p {
	color: #808080;
}
.chat-item p br,
.chat-list-item p br {
	margin: 5px 0;
}
.chat-item h1 a:hover {
	color: #fff;
}
.search-message {
	padding: 0.5em !important;
	padding-left: 5.5em !important;
}
.search-message h1 {
	position: absolute;
	top: 0.4em;
	left: 0.5em;
	margin: 0;
	font-size: 1.5em;
	color: #bcbcbc;
}
.search-message input[type="submit"] {
	position: absolute;
	right: 0;
	top: 0.5em;
}
/*------------- login --*/
.login-box {
	background-color: #000;
	border: 1px solid #333;
	padding: 1.5em;
}
.login-box .xart-form {
	margin: 0;
}
.login-box .login-info {
	padding-right: 1em !important;
}
.login-img {
	height: 20em;
}
.login-forgot {
	background-color: #000;
	border: 1px solid #333;
}
/*------------- edit profile --*/
.edit-profile-details {
	background-color: #000;
	border: 1px solid #333;
}
.edit-profile-details .xart-form label {
	text-transform: uppercase;
	color: #06b3da;
}
.edit-profile-details .xart-form textarea,
.edit-profile-details .xart-form input,
.edit-profile-details .xart-form select,
.edit-profile-details .xart-form .zselect {
	border-color: #70c597;
}
.edit-profile-details .xart-form select,
.edit-profile-details .xart-form .zselect {
	background: url(https://www.x-art.com/images/arrow-dropdown-blue.png)
		no-repeat right;
	background-position: right center;
	background-size: 2em;
	-moz-appearance: none;
}
/*------------------------------------------ Ajustes --*/
/*------------- topbar --*/
.sb-icon-search {
	z-index: 10;
}
.subnav2 nav {
	z-index: 15;
}
/*------------- popups --*/
.reveal-modal {
	background: #000;
}
.reveal-modal .title {
	color: #fff;
	font-size: 1.2em;
	border-bottom: 1px solid #bcbcbc;
	padding: 0 2em;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
	text-align: center;
}
.reveal-modal h2 {
	color: #bcbcbc;
	font-size: 0.8em;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	margin-bottom: 0.8em;
}
.reveal-modal h3 {
	color: #fff;
	font-size: 1.2em;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	margin-bottom: 0.8em;
	text-align: center;
}
.reveal-modal .edit {
	padding: 0.2em 0.8em;
	padding-left: 2em;
	margin-left: 0.5em;
	border-radius: 0.2em;
	color: #666;
	text-transform: capitalize;
	background: url(https://www.x-art.com/images/icn/icn-edit.png)
		no-repeat #101010;
	background-position: 0.5em center;
	background-size: 1.2em;
}
.reveal-modal .edit:hover,
.reveal-modal .edit.selected {
	color: #101010;
	background-color: #bcbcbc;
}
.reveal-modal-bg {
	background: rgba(0, 0, 0, 0.8);
}
.close-reveal-modal {
	color: transparent !important;
	width: 1em;
	height: 1em;
	padding: 0;
	margin: 0;
	background: url(https://www.x-art.com/images/icn/icn-close-white.png)
		no-repeat center;
	background-size: 0.8em;
}
.close-reveal-modal.back {
	right: initial;
	left: 0.2em;
	background-image: url(https://www.x-art.com/images/icn/icn-back-white.png);
}
/*------------- edit profile popup --*/
.select-avatar ul {
	padding-top: 0;
	padding-bottom: 1em;
}
.select-avatar li {
	padding: 0.4em 0.25em;
	position: relative;
}
.select-avatar li img {
	border: 2px solid #fff;
	border-radius: 5em;
}
.select-avatar li img:hover {
	border: 2px solid #fe03c3;
}
.select-avatar .icn-delete {
	position: absolute;
	top: 0.2em;
	right: 0.2em;
	display: block;
	width: 1.8em;
	height: 1.8em;
	background: url(https://www.x-art.com/images/icn/icn-close-white.png)
		center no-repeat #000;
	background-size: 1.2em;
	border: 2px solid #fff;
	border-radius: 3em;
}
.select-avatar a:hover .icn-delete {
	background-color: #fe03c3;
	border-color: #fe03c3;
}
.reveal-modal .avatar-edit ul {
	padding-top: 0;
	color: #bcbcbc;
}
.reveal-modal .avatar-edit p {
	color: #bcbcbc;
	text-align: left;
}
.reveal-modal .avatar-edit p a {
	color: #fea1e8;
	text-decoration: underline;
}
.reveal-modal .avatar-edit p a:hover {
	color: #fe03c3;
}
.edit-avatar-cover {
	margin: 1.5em 0;
}
.avatar-image-edit img {
	width: 100%;
	border-radius: 10em;
}
.cover-image-edit {
	position: relative;
	height: 0;
	padding-top: 52%;
	background: #bcbcbc;
	overflow: hidden;
}
.cover-image-edit img {
	position: absolute;
	top: -9999px;
	bottom: -9999px;
	left: -9999px;
	right: -9999px;
	margin: auto;
	height: 100%;
	width: initial;
	max-width: initial;
}
.avatar-cover-text {
	width: 90%;
	height: 80%;
	background: rgba(0, 0, 0, 0.4);
	position: absolute;
	top: 10%;
	left: 5%;
	margin: auto;
	z-index: 1;
}
.avatar-cover-text:hover {
	background: rgba(0, 0, 0, 0.6);
}
.avatar-cover-text img {
	height: 100%;
	width: auto;
}
.avatar-image-edit .avatar-cover-text {
	width: 90%;
	height: 90%;
	top: 5%;
	left: 5%;
	border-radius: 10em;
}
.cover-edit-icn {
	padding-left: 1em !important;
}
.select-cover li {
	text-align: center;
}
.select-cover li img {
	border-radius: 0;
	max-height: 6em;
	width: initial;
}
.select-cover .icn-delete {
	top: 0;
	right: 0;
}
/*------------- msg ajustes --*/
.ff-btn-icn a {
	float: right;
	padding: 0.5em 0.8em;
	padding-left: 2em;
	background: url(https://www.x-art.com/images/icn/icn-connect.png)
		no-repeat #101010;
	background-position: 0.5em center;
	background-size: 1.3em;
	color: #bcbcbc;
	border-radius: 0.2em;
	margin-top: 0.3em;
	font-size: 0.8em;
}
.ff-btn-icn a:hover {
	background-color: #bcbcbc;
	color: #333;
}
/*------------- CARDS --*/
.card-wrapper > div {
	padding: 0;
}
.card-wrapper div:first-child {
	border-top-left-radius: 0.2em;
	border-top-right-radius: 0.2em;
}
.card-wrapper div:last-child {
	border-bottom-right-radius: 0.2em;
	border-bottom-left-radius: 0.2em;
}
.profile-info,
.profile-info2 {
	padding: 0 0.8em !important;
}
.profile-info {
	padding-top: 1.5em !important;
}
.img-crop {
	border-bottom-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}
/** new rating **/
.single h1 {
	margin-bottom: 0.2em;
}
.rating {
	display: inline-block;
	vertical-align: -20%;
	margin: 0;
}
.rating li a {
	width: 1.5em;
	height: 1.5em;
}
.group-rating {
	margin-top: 1em;
}
.box-rating {
	border: 1px solid #262626;
	padding: 0.5em 0.8em;
	margin-bottom: 0.5em;
}
.box-rating h2 span {
	display: inline-block;
}
.group-rating > div,
.group-rating > div {
	padding: 0;
}
.group-rating > div:first-child {
	padding-right: 0.25em;
}
.group-rating > div:last-child {
	padding-left: 0.25em;
}
/*------------------------------------------ correcciones SML --*/
/* correcciones SMALL */
@media only screen and (max-width: 40em) {
	/*------------- topbar --*/
	.tab-bar .menu-icon h1 {
		background: url(https://www.x-art.com/images/arrow-m.png)
			no-repeat;
		background-position: 2.9em 1.5em;
		padding-top: 0.4em;
		padding-left: 2.1em;
	}
	.tab-bar .menu-icon:hover span::after,
	.tab-bar .menu-icon span::after {
		box-shadow: none;
	}
	.tab-bar .menu-icon span {
		background: url(https://www.x-art.com/images/x-art_logo-small.png)
			no-repeat;
		background-position: 0.8em 1em;
		width: 3em;
		height: 3em;
		position: absolute;
		left: 0;
	}
	/*------------- browse item --*/
	.browse-item {
		padding-bottom: 0.3em;
	}
	.browse-item h1 {
		font-size: 0.8em;
	}
	.browse-item h2 {
		font-size: 0.7em;
	}
	.browse-item h2 {
		font-size: 0.7em;
	}
	.item-img img {
		margin-bottom: 0.2em;
	}
	.item-rating {
		text-align: left;
		padding-top: 0;
	}
	.item-rating h1 {
		margin: 0;
		font-size: 0.7em;
		color: #ccc;
	}
	.item-rating span {
		margin-right: -5px;
		width: 1em;
		height: 1em;
	}
	/*------------- notifications --*/
	.item-notification .button {
		margin-top: 1.5em;
	}
	/*------------- feeds --*/
	.feed-info .avatar-m {
		left: 1.5em;
	}
	.feed-info h1,
	.feed-info h2,
	.feed-info p {
		padding-left: 72px;
	}
	.feed-info h1 {
		font-size: 0.9em;
		margin-top: 1.3em;
		margin-bottom: 0.5em;
	}
	.feed-info p {
		font-size: 0.8em;
		line-height: 1.3em;
	}
	.feed-item .f-dropdown.open {
		width: 100% !important;
		right: 0;
	}
	.feed-item .f-dropdown.open:before,
	.feed-item .f-dropdown.open:after {
		left: initial;
		right: 1.9em;
	}
	.feed-btns .columns {
		padding: 0.5em !important;
	}
	.feed-nested .feed-btns .columns,
	.feed-reply-form .feed-btns .columns {
		padding: 0 0.5em !important;
	}
	.feed-reply-form .feed-btns .button {
		padding: 1em 0;
	}
	.feed-page .header .feed-info h1 {
		margin-bottom: 0;
		margin-top: 0.8em;
	}
	.feed-page .header .feed-info h2 {
		margin: 0;
		margin-bottom: 0.8em;
		font-size: 1em;
	}
	.feed-page .header p {
		font-size: 1em;
		line-height: 1.4em;
	}
	.feed-page .header .columns {
		padding-left: 1.3em !important;
		padding-right: 1.3em !important;
	}
	.feed-page .header .feed-btns .columns {
		padding-left: 0 !important;
	}
	.feed-reply-form .feed-info {
		padding-right: 1.3em !important;
	}
	.feed-page .header .feed-info .feed-header {
		margin-bottom: 1em;
		padding-bottom: 0.5em !important;
	}
	.feed-page .header .feed-info .feed-header h1,
	.feed-page .header .feed-info .feed-header h2 {
		padding-left: 60px;
	}
	.feed-media .media-capture {
		padding: 0 !important;
	}
	/*------------- search --*/
	.sb-search {
		margin-right: 5.5rem;
	}
	.sb-search-open {
		margin-right: 0;
	}
	/*------------- filters sm --*/
	.filter-btn {
		padding: 0.7em 0.5em;
		padding-right: 1.9em;
		border: 0;
		border-right: 1px solid #333;
		background-image: url(https://www.x-art.com/images/arrow-dropdown-black.png);
	}
	.filter-btn h1 {
		color: #101010;
		font-size: 0.8em;
		font-weight: bold;
	}
	.filter-small .f-dropdown li {
		background-color: #d8d8d8;
		border-color: #808080;
	}
	.filter-small .f-dropdown {
		border-color: #808080;
		border-bottom: none;
		margin: 0;
		z-index: 50;
	}
	.filter-small .f-dropdown li a {
		color: #101010;
	}
	.filter-small .f-dropdown li a:hover {
		color: #bcbcbc;
		background-color: #101010;
	}
	.filter-small {
		position: initial !important;
	}
	.filter-small .f-dropdown {
		width: 100% !important;
		margin: 0;
		margin-top: 2px;
	}
	.filter-small .f-dropdown.open {
		left: initial !important;
		right: initial !important;
	}
	/*------------- find friends --*/
	.search-friends input[type="submit"] {
		width: 3em;
		right: 4em;
	}
	.search-friends {
		padding-right: 4em;
	}
	.search-friends .action-icn {
		right: 1em;
		padding: 0;
	}
	.search-friends .action-icn span {
		display: block;
		width: 3em;
		height: 3em;
		padding: 0;
		background-position: center;
		background-size: 2em;
	}
	/*------------- messages --*/
	.msg-list {
		height: initial;
		padding-bottom: 0;
	}
	.msg-item p,
	.msg-item h1 {
		font-size: 0.8em;
	}
	.msg-btn {
		float: initial;
	}
	.msg-btn:hover {
		background-color: transparent;
	}
	.msg-btn h1 {
		font-size: 0.9em;
		font-weight: bold;
		color: #101010;
		padding: 0.7em 0.5em;
		padding-right: 3.5em;
		display: block;
	}
	.msg-btn span {
		top: 0.25em;
		right: 0.5em;
		width: 2em;
		height: 2em;
		background-size: 1.5em;
	}
	.search-message input[type="submit"] {
		width: 3.5em;
		right: 0;
	}
	/*------------- login --*/
	.login-box .login-info {
		padding-right: 0 !important;
	}
	/*------------- CARDS --*/
	.profile .profile-btns {
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
	/*------------- FILTERS COMMETS TITLE --*/
	.filter-comments .f-dropdown.open {
		left: initial !important;
		right: 15px !important;
	}
	.filter-comments .tour-tab {
		font-size: 1.2em !important;
	}
	/** new rating **/
	.rating {
		margin-top: 0.5em;
	}
	.group-rating > div,
	.group-rating > div {
		padding: 0 !important;
	}
}
/* correcciones MEDIUM */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	/*------------- browse item --*/
	.browse-item {
		padding-bottom: 0.3em;
	}
	.browse-item h1 {
		font-size: 0.9em;
	}
	.browse-item h2 {
		font-size: 0.7em;
	}
	.item-rating span {
		margin-top: 0.2em;
		margin-right: -3px;
	}
	.item-img img {
		margin-bottom: 0.2em;
	}
	/*------------- topbar --*/
	.topbar .title-area img {
		margin-left: 0;
	}
	.topbar .title-area {
		height: 35px;
	}
	.menu-medium {
		float: left;
		margin: 0;
	}
	.menu-medium li {
		float: left;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	.menu-medium li a,
	.menu-medium li span {
		display: block;
		padding: 1.3em 0.8em;
		padding-bottom: 0.9em;
		font-size: 0.95em;
		margin: 0;
		color: #666;
	}
	.menu-medium li span {
		margin-right: 0.8em;
	}
	.menu-medium li a {
		font-size: 1.2em;
		padding: 0.8em;
		padding-bottom: 0.6em;
	}
	.menu-medium li a:hover {
		color: #fff;
		background: #101010;
	}
	.menu-medium li .selected {
		color: #fff;
	}
	.menu-medium li span {
		padding: 1.05em 0 0 0.8em;
	}
	/*------------- search (topbar)--*/
	.sb-search {
		margin-right: 0;
		left: 28em;
	}
	.sb-search.sb-search-open,
	.no-js .sb-search {
		width: 100%;
		left: 0;
	}
	/*------------- filters (topbar)--*/
	.filter-medium select {
		background: #000;
		color: #bcbcbc;
		border-right: 0;
		border-top: 0;
		border-bottom: 0;
		border-color: #333;
		height: 56px;
		font-size: 14px;
		outline: none;
		background-image: url(https://www.x-art.com/images/arrow2.png);
		background-repeat: no-repeat;
		background-position: 100% center;
		padding-right: 2em;
		margin: 0;
	}
	/*------------- profile --*/
	.profile-info p {
		padding: 0.2em 13em;
	}
	.profile-info2 h1,
	.profile-info2 h2 {
		text-align: center;
	}
	/*------------- feed --*/
	.feed-info .avatar-m {
		left: 1.5em;
	}
	.feed-info .btn-more-feeds {
		margin-right: -16px;
	}
	.feed-info .dropdown-left-medium .f-dropdown {
		margin-left: -10px !important;
	}
	.feed-reply-form p {
		padding-right: 0.8em;
	}
	.feed-reply-form .feed-btns {
		padding-left: 0 !important;
	}
	.feed-reply-form .feed-btns .columns {
		padding-right: 0 !important;
	}
	.feed-media .media-capture {
		padding-right: 0 !important;
	}
	/*------------- filters --*/
	.filter-medium {
		position: relative !important;
	}
	.filter-medium .f-dropdown {
		width: 200px !important;
		margin: 0;
		margin-top: 2px;
	}
	.filter-medium .f-dropdown.open {
		left: initial !important;
		right: 1px !important;
	}
	.filter-medium .f-dropdown {
		border-color: #333;
		border-bottom: none;
	}
	.filter-medium .f-dropdown li {
		background-color: #000;
		border-color: #333;
	}
	.filter-medium .f-dropdown li a {
		color: #808080;
	}
	.filter-medium .f-dropdown li a:hover {
		color: #fff;
		background-color: #808080;
	}
	/*------------- messages --*/
	.msg-list {
		height: initial;
		padding-bottom: 0;
	}
	/*------------- CARDS --*/
	.profile .profile-btns {
		padding-left: 1.1em;
		padding-right: 1.1em;
	}
	/*------------- FILTERS COMMETS TITLE --*/
	.filter-comments .f-dropdown.open {
		left: initial !important;
		right: 25px !important;
	}
	.filter-comments .tour-tab {
		font-size: 1.2em !important;
	}
}
/* correcciones LARGE */
@media only screen and (min-width: 64.063em) {
	/*------------- topbar --*/
	.topbar nav,
	.subnav .top-bar {
		height: 55px;
	}
	.topbar .title-area {
		margin-top: 0.8em !important;
		margin-right: 1em;
		height: 35px;
	}
	.new-subnav a {
		padding: 0;
		height: 46px;
	}
	.topbar-profile {
		padding: 0 1em !important;
	}
	.topbar .left a {
		color: #666;
		text-transform: ;
		font-size: 1.2em;
		padding: 0.2em 1.5em !important;
		padding-top: 0.3em !important;
	}
	.topbar .left .selected {
		color: #fff;
	}
	.topbar .middle {
		background: #101010;
		left: 48rem;
		right: 3.3rem;
		line-height: 0;
		max-width: 18em;
		border-right: 2px solid #000;
	}
	.topbar .searchbar input {
		background: #101010;
		border: 0;
		margin: 0;
		width: 100%;
		height: 45px;
		font-size: 1em;
		color: #bcbcbc;
	}
	.topbar .searchbar input[type="text"]:focus {
		box-shadow: none;
	}
	.topbar .searchbar input[type="submit"] {
		color: transparent;
		cursor: pointer;
		background: url(https://www.x-art.com/images/icn/icn-search-gray.png)
			center no-repeat #101010;
		background-size: 2em;
	}
	.topbar .searchbar table {
		margin: 0;
		margin-top: -7px;
		padding: 0;
		width: 100%;
	}
	.topbar .searchbar td {
		margin: 0;
		padding: 0;
	}
	.topbar .searchbar .btn-search {
		width: 3em;
	}
	.top-bar-section .btn-more {
		margin-left: 3em;
		width: initial;
	}
	.top-bar-section .top-profile:not(.has-form) a:not(.button),
	.top-bar-section .top-profile:not(.has-form) a:not(.button):hover {
		padding-left: 1.8em !important;
		background: url(https://www.x-art.com/images/arrow-down-h.png)
			no-repeat;
		background-position: 5px center;
		background-size: 0.9em;
	}
	.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
		color: #808080;
	}
	.top-bar-section .right .topbar-profile {
		height: 55px !important;
		line-height: 55px !important;
	}
	.top-bar-section .right .alert-number {
		margin-top: 1.8em;
	}
	.top-bar-section .left .dropdown li {
		font-size: 0.8em;
	}
	/*------------- subnav --*/
	.new-subnav {
		padding-left: 0.8em;
	}
	.new-subnav a {
		height: 55px;
		line-height: 50px;
	}
	/*------------- notifications --*/
	.item-notification {
		margin-bottom: 1em !important;
	}
	/*------------- search (topbar)--*/
	.sb-search {
		margin-right: 0;
		left: 59em;
		height: 55px;
		margin-top: 0;
	}
	.sb-search form {
		margin: 0;
	}
	.sb-search-submit,
	.sb-icon-search {
		width: 55px;
		height: 55px;
	}
	.sb-search-open .sb-icon-search {
		background-size: 2.2em !important;
	}
	.sb-search-input {
		height: 55px !important;
		margin: 0 !important;
	}
	.sb-search-open {
		margin-right: 0;
	}
	.sb-search.sb-search-open,
	.no-js .sb-search {
		width: 23.8em;
		left: 28em;
	}
	.search-wrapper {
		width: 100%;
		height: 0;
		max-width: 83em;
		margin: auto;
		position: relative;
		background: #000;
		display: block;
	}
	/*------------- filters (topbar)--*/
	.filter-large {
		margin-top: 0px;
		top: -55px;
		right: 0;
	}
	.filter-large li:not(.has-form) a:not(.button) {
		height: 45px;
		line-height: 2em;
	}
	.filter-large .right .has-dropdown > a {
		padding-right: 2.3em !important;
		background-image: url(https://www.x-art.com/images/arrow-dropdown.png) !important;
		background-position: right center !important;
		background-repeat: no-repeat !important;
		background-size: 1.65em !important;
		height: 55px !important;
		line-height: 43px !important;
	}
	.filter-large .right .has-dropdown > a b {
		color: #bcbcbc;
		font-weight: normal;
	}
	.filter-large .right .has-dropdown .dropdown {
		border: 1px solid #333;
		border-top: 0;
		margin-top: 3px;
		box-shadow: 0 2px 3px rgba(0, 0, 0, 0.6) !important;
	}
	.filter-large .right .has-dropdown .dropdown li a {
		border-color: #333;
		background: #000;
	}
	.filter-large .right .has-dropdown .dropdown li a:hover {
		background: #808080;
		color: #fff !important;
	}
	.filter-large li ul a {
		line-height: 2.8em !important;
		padding-left: 2.3em !important;
	}
	.filter-large li ul .selected {
		background-image: url(https://www.x-art.com/images/icn/icn-check-filter.png) !important;
		background-position: 0.8em center !important;
		background-repeat: no-repeat !important;
		background-size: 1em !important;
	}
	/*------------- profile --*/
	.profile-btns {
		padding: 0.2em;
	}
	.profile-info {
		margin-top: 0;
	}
	/*------------- feeds --*/
	.feed-item .columns {
		padding-right: 1.5em !important;
	}
	.feed-info .btn-more-feeds {
		margin-right: 0;
		position: absolute;
		top: 0;
		right: 0.5em;
	}
	.feed-info h1,
	.feed-info p,
	.feed-reply-form p {
		padding-right: 0 !important;
	}
	.feed-reply-form p {
		margin-bottom: 0 !important;
	}
	.feed-reply-form .feed-btns {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	.feed-reply-form .feed-info {
		padding-right: 0.8em !important;
	}
	.feed-media .media-capture {
		padding-right: 0 !important;
	}
	/*------------- messages --*/
	.msg-list {
		height: 24.9em;
	}
	.chat {
		height: 25em;
	}
	.msg-content .xart-form td.action {
		width: 7.5em;
		padding-left: 0.5em;
	}
	.msg-content .xart-form .send-msg {
		width: 100%;
		height: 3em;
		padding: 0.9em 0.8em;
		font-size: 1.2em;
		background-position: 90% center;
		background-size: 1.8em;
		color: #fff;
	}
	.msg-content .xart-form .send-msg:hover {
		color: #fe03c3;
	}
	.msg-content .xart-form .send-msg span {
		display: initial;
	}
	/*------------- msg ajustes --*/
	.msg-list {
		height: 29.1em;
	}
	/*------------- FILTERS COMMETS TITLE --*/
	.filter-comments .f-dropdown.open {
		left: initial !important;
		right: 25px !important;
	}
}
/*------------------------------------------ BTNS --*/
.pink-btn:hover,
.outline-btn-pink,
.outline-btn-gray,
.outline-btn-gray:hover,
.outline-btn-gray:focus,
.outline-btn-gray:focus:hover,
.outline-btn-lpink:focus,
.outline-btn-lpink,
.outline-btn-lblue,
.outline-btn-lblue:focus,
.outline-btn-green,
.outline-btn-green:focus,
.reply-icn,
.reply-icn:focus,
.like2-icn,
.like2-icn:focus,
.like2-icn-active,
.like2-icn-active:focus,
.like2-icn:hover,
.like2-icn:focus {
	background-color: #000;
}
.std-btn {
	border-width: 2px;
}
.black-btn,
.black-btn:focus {
	background-color: #101010;
	border-color: #101010;
}
.outline-btn-lpink,
.outline-btn-lpink:focus {
	border-color: #de91bf;
	color: #fff;
}
.outline-btn-lpink:hover {
	background-color: #de91bf !important;
	border-color: #de91bf;
	color: #fff;
}
.outline-btn-lblue,
.outline-btn-lblue:focus {
	border-color: #1c96be;
	color: #06b3da;
}
.outline-btn-lblue:hover {
	background-color: #1c96be !important;
	border-color: #1c96be;
	color: #fff;
}
.outline-btn-green,
.outline-btn-green:focus,
.reply-icn,
.reply-icn:focus {
	border-color: #70c597;
	color: #06b3b1;
}
.outline-btn-green:hover,
.reply-icn:hover {
	background-color: #70c597 !important;
	border-color: #70c597;
	color: #fff;
}
.reply-icn span {
	background-image: url(https://www.x-art.com/images/icn/icn-reply-green.png);
	background-size: 1.5em;
	padding-left: 2.2em;
}
.reply-icn:hover span {
	background-size: 1.5em;
}
.like2-icn,
.like2-icn:focus,
.like2-icn-active,
.like2-icn-active:focus {
	border-color: #fe03c3;
	color: #fe03c3;
}
.like2-icn:hover,
.like2-icn-active:hover {
	background-color: #fe03c3;
}
.like2-icn span {
	background-image: url(https://www.x-art.com/images/icn/icn-like2-pink.png);
}
.like2-icn-active span {
	background-image: url(https://www.x-art.com/images/icn/icn-like-pink.png);
}
.like2-icn-active:hover span {
	background-image: url(https://www.x-art.com/images/icn/icn-like-h.png);
}
.feed-date {
	width: 100%;
}
/*----------- ALERT -------*/
.alert label {
	color: #fe03c3 !important;
}
.alert input[type="text"],
.alert select,
.alert textarea,
.alert .zselect {
	border-color: #fe03c3 !important;
}
/*-------------------------- global nav-subnav border --*/
.menu-large .left li a.selected,
.menu-large .left li a:hover,
.menu-medium li a.selected,
.menu-medium li a:hover {
	border-bottom: 1px solid #9b017b;
}
.menu-medium li a.selected,
.menu-medium li a:hover {
	padding-bottom: 13px;
	text-decoration: none;
}
.new-subnav a {
	padding-bottom: 4px;
	text-decoration: none;
}
.new-subnav a:hover,
.new-subnav .selected {
	color: #fff;
	border-bottom: 2px solid #fe03c3;
}
.no-ios {
	display: none !important;
}
/*------------- filters (comments)--*/
.filter-comments select {
	background: #000;
	color: #bcbcbc;
	border-right: 0;
	border-top: 0;
	border-bottom: 0;
	border-color: #333;
	height: 56px;
	font-size: 14px;
	outline: none;
	background-image: url(https://www.x-art.com/images/arrow2.png);
	background-repeat: no-repeat;
	background-position: 100% center;
	padding-right: 2em;
	margin: 0;
}
.filter-comments {
	position: relative !important;
}
.filter-comments .tour-tab {
	line-height: 1.6 !important;
}
.filter-comments .f-dropdown {
	width: 200px !important;
	margin: 0;
	margin-top: 2px;
}
.filter-comments .f-dropdown {
	border-color: #333;
	border-bottom: none;
}
.filter-comments .f-dropdown li {
	background-color: #000;
	border-color: #333;
}
.filter-comments .f-dropdown li a {
	color: #808080;
}
.filter-comments .f-dropdown li a:hover {
	color: #fff;
	background-color: #808080;
}
.tour-subtitle .filter-comments .selected {
	font-size: 1.2em !important;
}
/**** feed icon like hover image  ***/
.effect-6 span.expand {
	background-image: url(https://www.x-art.com/images/icn/icn-like-pink.png);
	background-repeat: no-repeat;
	background-position: 100% center;
}
::-webkit-scrollbar {
	/*width: 0px;*/
}
::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: rgba(30, 30, 30, 0.8);
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
	border: 1px solid rgba(0, 0, 0, 0.5);
}
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: #0d0d0d;
}

span.emoji {display: -moz-inline-box;-moz-box-orient: vertical;display: inline-block;vertical-align: baseline;*vertical-align: auto;*zoom: 1;*display: inline;width: 1em;height: 1em;background-size: 1em;background-repeat: no-repeat;text-indent: -9999px;background-position: 50%, 50%;background-size: contain;}
span.emoji-sizer {line-height: 0.81em;font-size: 1em;margin: -2px 0;}
span.emoji-outer {display: -moz-inline-box;display: inline-block;*display: inline;height: 1em;width: 1em;}
span.emoji-inner {display: -moz-inline-box;display: inline-block;text-indent: -9999px;width: 100%;height: 100%;vertical-align: baseline;*vertical-align: auto;*zoom: 1;}
img.emoji {width: 1em;height: 1em;}

.streamad-bar-wrapper{position:fixed;bottom:0.6em;z-index:99;right:0;padding:0 0.5em;	}
.streamad-bar {position:relative;color:#333;border-radius:0.2em;padding:0;background-color:#fe03c3;background: -webkit-linear-gradient(#ff06fd, #fd0089); /* For Safari 5.1 to 6.0 */background: -o-linear-gradient(#ff06fd, #fd0089); /* For Opera 11.1 to 12.0 */background: -moz-linear-gradient(#ff06fd, #fd0089); /* For Firefox 3.6 to 15 */background: linear-gradient(#ff06fd, #fd0089); /* Standard syntax */-webkit-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.3);-moz-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.3);-o-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.3);box-shadow:0px 0px 15px rgba(0, 0, 0, 0.3);}
.streamad-bar:hover {background: -webkit-linear-gradient(#ff06fd, #fd0089); /* For Safari 5.1 to 6.0 */background: -o-linear-gradient(#ff06fd, #fd0089); /* For Opera 11.1 to 12.0 */background: -moz-linear-gradient(#ff06fd, #fd0089); /* For Firefox 3.6 to 15 */background: linear-gradient(#ff06fd, #fd0089); /* Standard syntax */}
.streamad-bar:hover,
.streamad-bar:hover .close{-webkit-transition: all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.streamad-bar .content{display:block;padding:0.8em 75px;width:360px;}
.streamad-bar .content img{width:52px;height:52px;position:absolute;top:1em;left:0.7em;border-radius:10em;border:2px solid #fff;}
.streamad-bar .content img:last-child{left:initial;right:0.8em;}
.streamad-bar .close{width:1.2em;height:1.2em;background-image:url(https://www.x-art.com/images/promo-close.png);background-size:0.9em;background-position:center;background-repeat:no-repeat;position:absolute;top:0;right:0;}
.streamad-bar:hover .close{background-image:url(https://www.x-art.com/images/promo-close-h.png);background-color:#fff;}
.streamad-bar h1{margin:0;margin-bottom:0.4em;padding:0;font-size:1em;color:#fff;text-transform:uppercase;}
.streamad-bar h1 span{font-size:0.7em;display:inline-block;padding:0.05em 0.5em;border:1px solid #fff;}
.streamad-bar p{margin:0!important;line-height:1.3em;padding:0;font-size:0.7em;color:#fcbdee;}
/* Small */
@media only screen and (max-width: 640px) {
.streamad-bar-wrapper{right:initial;width:100%;}
.streamad-bar .content{width:100%;min-height:80px;padding:0.8em 75px;}
.streamad-bar .content img{display:none;}
.streamad-bar .content img:last-child{display:block;left:0.8em;right:initial;}
.streamad-bar .close{width:2.2em;height:2.2em;background-size:contain;right:0.8em;top:1.4em;}
}