@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, audio, canvas, datagrid, datalist, details, dialog, figure, footer, header, menu, nav, section, video, abbr, eventsource, mark, meter, time, progress, output, bb { margin: 0; padding: 0; border: 0; outline: 0; font: inherit; font-size: 100%; vertical-align: baseline; background: transparent no-repeat top left; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; }

a, ins { text-decoration: none; }

article, aside, audio, canvas, datagrid, datalist, details, dialog, figure, figcaption, footer, header, hgroup, menu, main, nav, section, video { display: block; }

abbr, eventsource, mark, meter, time, progress, output, bb { display: inline; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }

nav ul { list-style: none; }

input, button, select { vertical-align: middle; }

input[type="radio"], input[type="checkbox"] { margin: 0; vertical-align: text-bottom; }

textarea { resize: vertical; }

.lt_ie8 input[type="checkbox"] { vertical-align: baseline; }

input:focus { outline: 0; }

input:-webkit-autofill { background-color: #ccc !important; }

input[type=number], input[type=search] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; width: 0; height: 0; }

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

input[type=date]::-webkit-clear-button, input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-calendar-picker-indicator { display: none; }

input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, button::-moz-focus-inner { margin: 0; padding: 0; border: 0; }

input[type="submit"], input[type="image"], button { cursor: pointer; }

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

iframe { border: 0; }

.gm-style img, .gmnoprint img { max-width: none; }

.lt_ie8 img { -ms-interpolation-mode: bicubic; }

img, input[type=image] { vertical-align: bottom; }

p img { vertical-align: baseline; }

[hidden] { display: none; }

html { min-height: 100%; background: #fff; }

body { position: relative; min-height: 100%; font: 62.5%/1 sans-serif; color: #212121; -webkit-text-size-adjust: none; }

.lt_ie8 body { height: 100%; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { display: block; margin-bottom: 5px; font-weight: bold; line-height: 1.3; }

h1, .h1 { margin-bottom: 10px; font-size: 25px; }

h2, .h2 { margin-bottom: 7px; font-size: 20px; }

h3, .h3 { font-size: 15px; }

h4, .h4 { font-size: 13px; }

h5, .h5 { font-size: 12px; }

h6, .h6 { font-size: 11px; }

p, dl, li { font-size: 13px; line-height: 1.4; }

p { margin-bottom: 18px; }

blockquote p:last-child, p:last-child { margin-bottom: 0; }

del { text-decoration: line-through; }

ins { border-bottom: 1px dotted #DDD; }

mark { background-color: #FF9; }

em { font-style: italic; }

strong { font-weight: bold; }

sub, sup { position: relative; margin: 0 1px; font-size: 80%; line-height: 0; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

small { font-size: 80%; }

abbr[title], acronym[title] { border-bottom: 1px dashed #ccc; border-color: rgba(0, 0, 0, 0.2); cursor: help; }

blockquote { display: block; padding: 5px 0 5px 10px; border-left: 5px solid #DDD; border-color: rgba(0, 0, 0, 0.1); font-size: 12px; }

blockquote p { margin-bottom: 4px; }

hr { clear: both; border: 0; border-top: 1px solid #aaa; border-bottom: 1px solid #f0f0f0; }

.clearfix, .cssc-grid:before, .cssc-grid:after, .clearfix:after, .subfloat:after { content: " "; display: block; visibility: hidden; clear: both; max-height: 0; overflow: hidden; }

hr.clearfix { height: 0; border: 0; outline: 0; background: transparent; }

::-moz-selection { color: #000; background: rgba(51, 102, 153, 0.3); }

::selection { color: #000; background: rgba(51, 102, 153, 0.3); }

a { color: #69C; }

a:focus, a:hover { color: #369; }

a:active { color: #000; }

.aimginv { opacity: 0.70; filter: alpha(opacity=70); }

a img, .aimginv:hover, .aimg { opacity: 0.999; filter: alpha(opacity=99); }

.aimg:hover, a:hover img { opacity: 0.80; filter: alpha(opacity=80); }

a, .trans-col { -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; }

a img, .aimg, .aimginv, .cssc-btn, .trans-opa { -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }

.trans-all { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

input, button, textarea, .cssc-pagination a, .cssc-button, .trans-button { -webkit-transition: border 0.3s ease,background 0.3s ease,color 0.3s ease; -moz-transition: border 0.3s ease,background 0.3s ease,color 0.3s ease; -o-transition: border 0.3s ease,background 0.3s ease,color 0.3s ease; transition: border 0.3s ease,background 0.3s ease,color 0.3s ease; }

.ir-children a, .cssc-btn-px, .cssc-btn, .ir { display: inline-block; z-index: 1; position: relative; overflow: hidden; direction: ltr; text-align: left; text-indent: -9999px; white-space: nowrap; vertical-align: 0; background: transparent no-repeat top left; *text-indent: 0; *color: transparent; *font-size: 1px; *line-height: 0; *display: inline; *zoom: 1; }

.cssc-btn-px { -webkit-background-size: contain; background-size: contain; }

.cssc-btn { margin: 0; padding: 0; border: 0; outline: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; }

.cssc-btn:focus, .cssc-btn:hover { opacity: 0.50; filter: alpha(opacity=50); }

.ir-switch { display: inline-block; z-index: 1; position: relative; vertical-align: middle; background: none !important; }

.ir-switch > * { z-index: 1; position: absolute; top: 0; left: 0; vertical-align: 0; opacity: 0.999; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }

.ir-switch * + *, .ir-switch:hover > * { opacity: 0; }

.ir-switch:hover * + * { opacity: 0.999; }

.cssc-oneline { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }

.cssc-remove-element-children > *, .cssc-remove-element { z-index: 0; position: absolute; top: -9999px; left: -9999px; font-size: 1px; color: transparent; opacity: 0.001; }

.wdrw { z-index: 2; position: relative; }

.wdrw > a { display: block; height: 100%; line-height: inherit; }

.wdrw .submenu { visibility: hidden; z-index: 1; position: absolute; top: 100%; left: 0; line-height: 1; opacity: 0; background-color: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: translateZ(0); transform: translateZ(0); }

.wdrw .submenu-r { right: 0; left: auto; }

.wdrw:hover { z-index: 1000; }

.wdrw > a:focus + .submenu, .wdrw:hover .submenu { visibility: visible; z-index: 999; opacity: 1; }

.bmedia, .bmedia-right, .bm-cont { display: block; z-index: 1; position: relative; zoom: 1; overflow: hidden; }

.bmedia > :first-child { float: left; margin-right: 10px; }

.bmedia-right > :first-child { float: right; margin-left: 10px; }

.bmedia-right > .bm-cont:first-child, .bmedia > .bm-cont:first-child { float: none; margin-right: 0; margin-left: 0; }

.progress-bar { display: block; z-index: 1; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 1px; background-color: #f0f0f0; }

.progress-bar .bar, .progress-bar:before { z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.progress-bar:before { content: ''; z-index: 9; }

.progress-bar .bar { width: 0; max-width: 100%; overflow: hidden; text-align: left; text-indent: -9999px; background: #000 no-repeat 0 0; }

.progress-bar--default { height: 15px; margin: 3px; background-color: #fff; }

.progress-bar--default:before { top: -1px; right: -1px; bottom: -1px; left: -1px; border: 2px solid #333; }

.progress-bar--default:before, .progress-bar--default .bar { -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; }

.progress-bar--default .bar { background-color: #369; background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2)); background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2)); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(1, rgba(0, 0, 0, 0.2))); background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.2)); background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2)); -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2); box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2); }

tt, pre, code, kbd, samp, .cssc-label { display: inline-block; padding: 3px; border: 1px solid #ddd; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-shadow: 1px 1px 0 white; font: 11px/1.2 'Lucida Console',Monospace; vertical-align: middle; color: #333; background: #f5f5f5; *display: inline; *zoom: 1; }

tt:hover, tt:focus, pre:hover, pre:focus, code:hover, code:focus, kbd:hover, kbd:focus, samp:hover, samp:focus, .cssc-label:hover, .cssc-label:focus { border: 1px solid #aaa; color: #000; background-color: #fff; }

pre { display: block; margin-bottom: 12px; max-width: 100%; overflow: auto; }

.subfloat { position: relative; }

.subfloat > * { float: left; }

.sf_100_20 { margin-right: -20px; }

.sf_100_20 > * { width: 100px; margin: 0 20px 20px 0; }

.tooltip { z-index: 2; position: relative; }

.tooltip:hover { z-index: 3; }

.tooltip-bubble { visibility: hidden; z-index: 1; position: absolute; bottom: 100%; left: 0; opacity: 0; }

.tooltip:hover .tooltip-bubble { visibility: visible; opacity: 0.99; }

.tooltip--bottom .tooltip-bubble { top: 100%; bottom: auto; }

.tooltip--default .tooltip-bubble { width: 150px; margin-bottom: 5px; padding: 10px; color: #333; background-color: #e0e0e0; }

.tooltip--default .tooltip-bubble:after { content: ''; position: absolute; top: 100%; left: 25px; width: 0; height: 0; margin-left: -5px; border-top: 5px solid #e0e0e0; border-right: 5px solid transparent; border-left: 5px solid transparent; }

.tooltip--default.tooltip--bottom .tooltip-bubble { margin-top: 5px; margin-bottom: 0; }

.tooltip--default.tooltip--bottom .tooltip-bubble:after { top: auto; bottom: 100%; border-top: 0; border-bottom: 5px solid #e0e0e0; }

.cssc-panel { z-index: 1; position: relative; overflow: hidden; }

.cssc-panel--default { padding: 10px; border: 1px solid #e0e0e0; background-color: #f0f0f0; }

.cssc-messages a { display: block; margin-bottom: 5px; padding: 7px; border: 1px solid #ccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #333; background: #fff; -webkit-background-clip: padding-box; }

.cssc-messages .error { border-color: #C66; color: #800; background-color: #FEE; }

.cssc-messages .notice { border-color: #66C; color: #008; background-color: #EEF; }

.cssc-messages .success { border-color: #6C6; color: #080; background-color: #EFE; }

.cssc-messages .warning { border-color: #CC6; color: #880; background-color: #FFE; }

.cssc-tags a, .cssc-tag { display: inline-block; z-index: 1; position: relative; white-space: nowrap; vertical-align: middle; *display: inline; *zoom: 1; }

.cssc-tags a:before, .cssc-tag:before { margin-right: 3px; vertical-align: baseline; }

.cssc-tags--default a, .cssc-tag--default { margin-right: 1px; margin-bottom: 5px; padding: 1px 4px; border: 1px solid #e0e0e0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #333; }

.cssc-tags--default a:before, .cssc-tag--default:before { content: '✔'; color: #676767; }

.cssc-stars { z-index: 1; position: relative; overflow: hidden; }

.cssc-stars-list { float: left; }

.cssc-stars label { float: right; cursor: pointer; }

.cssc-stars input { z-index: 1; position: absolute; top: -100px; left: -100px; }

.cssc-stars--default label { padding: 2px; font-size: 20px; cursor: pointer; }

.cssc-stars--default .current ~ label, .cssc-stars--default input:checked ~ label { color: #F99; }

.cssc-stars--default label:hover, .cssc-stars--default input:checked ~ label:hover, .cssc-stars--default label:hover ~ label { color: #F33; }

.vertical-center { z-index: 1; position: relative; overflow: hidden; }

.vertical-center__wrapper { z-index: 1; position: absolute; top: 50%; }

.vertical-center__centered { display: inline-block; line-height: 1; vertical-align: middle; *display: inline; *zoom: 1; }

.vertical-center { height: 100px; }

.vertical-center__wrapper { height: 400px; margin-top: -200px; line-height: 400px; }

.vertical-center { background-color: #f0f0f0; }

.vertical-center p { padding: 0 10px; font-size: 12px; }

.cssc-sep { z-index: 1; position: relative; }

.cssc-sep-before:before, .cssc-sep-after:after { content: ''; z-index: 1; position: absolute; left: 50%; }

.cssc-sep-before:before { top: 0; }

.cssc-sep-after:after { bottom: 0; }

.cssc-sep--default { text-align: center; }

.cssc-sep--default:before, .cssc-sep--default:after { width: 20px; height: 5px; margin-left: -10px; border-radius: 10px; background-color: #BDF; }

.cssc-sep--default.cssc-sep-before { padding-top: 15px; }

.cssc-sep--default.cssc-sep-after { padding-bottom: 15px; }

.centered-container { padding: 0 10px; min-width: 960px; }

.centered-container > * { max-width: 940px; }

.centered-container { z-index: 1; clear: both; position: relative; text-align: center; }

.cssc-is-responsive .centered-container { min-width: 0; }

.centered-container > * { margin: 0 auto; text-align: left; }

.cssc-is-responsive .centered-container > * { width: auto; }

.centered-container .cc-full { width: auto; max-width: none; }

.centered-container .cc-full-bg, .centered-container .cc-full-image { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: none; background: transparent repeat top center; }

.centered-container .cc-full-image { background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; }

.centered-container .cc-content { z-index: 2; position: relative; }

.cssc-lay { display: table; clear: both; width: 100%; table-layout: fixed; }

.cssc-lay > * { display: table-cell; vertical-align: top; }

.lt_ie8 .cssc-lay { display: block; }

.lt_ie8 .cssc-lay > * { display: block; float: left; }

.cssc-lay > .col-main { width: auto; }

.cssc-lay > .col-side { width: 220px; }

.lt_ie8 .cssc-lay > .col-main { width: 720px; }

.clay-wide > .col-side { width: 300px; }

.lt_ie8 .clay-wide > .col-main { width: 640px; }

.clay-resp { max-width: 940px; }

.lt_ie9 .clay-resp { min-width: 800px; }

.clay-resp > .col-side { width: 220px; }

@media all and (max-width: 600px) { .cssc-is-responsive .clay-resp { display: block; width: auto; }
  .cssc-is-responsive .clay-resp > .col-side, .cssc-is-responsive .clay-resp > .col-main { display: block; width: auto; }
  .cssc-is-responsive .clay-resp > .col-side .liste-widgets > * { display: inline-block; width: 48%; }
  .cssc-is-responsive .clay-resp > .col-side .liste-widgets > :nth-child(even) { margin-left: 2%; } }
@media all and (max-width: 400px) { .cssc-is-responsive .clay-resp > .col-side .liste-widgets > * { display: block; }
  .cssc-is-responsive .clay-resp > .col-side .liste-widgets > :nth-child(even) { margin-left: 0; } }
.lt_ie9 .hidden-on-full, .lt_ie9 .visible-only-tablet, .lt_ie9 .visible-only-phone { display: none; }

@media (min-width: 861px) { .hidden-on-full, .visible-only-tablet, .visible-only-phone { display: none; } }
@media (max-width: 860px) and (min-width: 521px) { .hidden-on-tablet, .visible-only-full, .visible-only-phone { display: none; } }
@media (max-width: 520px) { .hidden-on-phone, .visible-only-full, .visible-only-tablet { display: none; } }
.cssc-is-fullscreen #main-container, .cssc-is-fullscreen body, .cssc-is-fullscreen { height: 100%; }

.cssc-fullscreen { z-index: 1; position: relative; height: 100%; text-align: center; }

.cssc-fullscreen__centered { z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }

.cssc-fullscreen__centered > * { display: inline-block; line-height: 1.3; vertical-align: middle; }

@media (max-height: 400px) { .cssc-fullscreen__centered { position: static; height: auto; line-height: inherit; } }
.cssc-fullscreen--default .cssc-fullscreen__centered { height: 400px; line-height: 400px; }

@media (max-height: 400px) { .cssc-fullscreen--default .cssc-fullscreen__centered { position: static; height: auto; line-height: inherit; } }
.cssc-fullscreen--parallax { background: fixed no-repeat center center; -webkit-background-size: cover; background-size: cover; }

@font-face { font-family: "icons"; src: url("../fonts/icons/icons-0fa1b822b8dc863cffc5d01ec5429861.eot"); font-weight: normal; font-style: normal; }
@font-face { font-family: "icons"; src: url("../fonts/icons/icons-0fa1b822b8dc863cffc5d01ec5429861.eot"); src: url("../fonts/icons/icons-0fa1b822b8dc863cffc5d01ec5429861.eot?#iefix") format("embedded-opentype"), url("../fonts/icons/icons-0fa1b822b8dc863cffc5d01ec5429861.woff") format("woff"), url("../fonts/icons/icons-0fa1b822b8dc863cffc5d01ec5429861.ttf") format("truetype"), url("../fonts/icons/icons-0fa1b822b8dc863cffc5d01ec5429861.svg?#icons") format("svg"); font-weight: normal; font-style: normal; }
.icon { font-family: "icons"; display: inline-block; vertical-align: middle; line-height: 1; font-weight: normal; font-style: normal; speak: none; text-decoration: inherit; text-transform: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon_facebook:before { content: "\f101"; }

.icon_instagram:before { content: "\f102"; }

.icon_twitter:before { content: "\f103"; }

html, body { z-index: 1; position: relative; height: 100%; overflow: hidden; font-family: "Muli", sans-serif; }

.main-footer, .main-header { z-index: 1; position: relative; height: 80px; text-align: center; line-height: 80px; background-color: #F0F0F0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.vertical-center-content, .type-text .grid-container { display: -ms-flexbox; display: flex; align-items: center; justify-content: center; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 5px; padding-bottom: 5px; text-align: center; -ms-flex-align: center; }

.vertical-center-content:after, .type-text .grid-container:after, .vertical-center-content:before, .type-text .grid-container:before { content: ''; }

.vertical-center-content:before, .type-text .grid-container:before { align-self: flex-start; }

.vertical-center-content:after, .type-text .grid-container:after { align-self: flex-end; }

.header-event, .header-logoevent, .header-name { z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; font-size: 40px; font-weight: normal; line-height: inherit; letter-spacing: 1px; }

.header-event { right: auto; left: 30px; }

.header-logoevent { top: 10px; bottom: 10px; background: transparent no-repeat center center; background-size: contain; }

.header-name { right: 30px; left: auto; width: 50%; max-height: 44px; background: transparent no-repeat center right; background-size: contain; }

.main-footer { z-index: 1; position: absolute; right: 0; bottom: 0; left: 0; margin: auto; }

.footer-logos-wrapper { z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; opacity: 0; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }

.footer-logos-wrapper[data-slider-visible="1"] { opacity: 0.999; }

.footer-logos, .footer-logos li { z-index: 1; position: relative; height: 100%; line-height: inherit; }

.footer-logos { width: 100%; text-align: center; font-size: 0; -webkit-transition: -webkit-transform 0.6s ease; transition: transform 0.6s ease; }

.footer-logos li { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; font-size: 10px; }

.footer-logos--basic { display: table; }

.footer-logos--basic li { display: table-cell; z-index: 1; position: relative; vertical-align: top; vertical-align: middle; }

.footer-logos li, .footer-logos img { vertical-align: middle; }

.footer-logos img { width: auto; height: auto; max-height: 70px; max-width: 90%; vertical-align: middle; }

.footer-logos--basic li:only-child img { max-height: initial; max-width: 100%; }

.grid-layout, .grid-wrapper { z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; overflow: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); }

.grid-layout, .grid-block { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; }

.grid-block { z-index: 1; position: absolute; overflow: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); }

.grid-container { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: auto; background-color: #FFF; }

.grid-container .grid-media { width: 100%; height: 100%; object-fit: cover; }

.grid-text, .grid-username { z-index: 1; position: absolute; right: 0; left: 0; margin: auto; padding: 10px; overflow: hidden; text-align: left; font-size: 14px; font-weight: 300; line-height: 20px; letter-spacing: 0.5px; color: #FFF; }

.grid-username { bottom: 0; height: 2.5em; padding: 0.75em; text-overflow: ellipsis; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75); text-transform: lowercase; line-height: 2.5; white-space: nowrap; word-wrap: normal; }

.grid-username:before { content: ''; z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); }

.grid-username--has-text:before { opacity: 0.99; }

.grid-username .content { display: block; z-index: 0; position: relative; line-height: 1.5; vertical-align: 0; }

.grid-authorpictureurl { display: inline-block; width: 1.5em; height: 1.5em; margin-right: 0.5em; border-radius: 999px; vertical-align: middle; }

.grid-username .grid-authorpictureurl { z-index: 1; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; }

.promo-content .grid-username { display: none; }

.grid-text { top: 10px; padding-top: 0; padding-bottom: 0; max-height: 96px; font-size: 16px; line-height: 1.5; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; word-wrap: break-word; }

.grid-authorname { display: block; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 3em; padding-left: 2em; max-width: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }

.src-twitter .grid-authorname:before, .src-instagram .grid-authorname:before { content: '@'; }

.src-back-office .grid-username { display: none; }

.grid-username .icon { z-index: 1; position: absolute; top: 0; right: 10px; bottom: 0; height: 1em; margin: auto; font-size: 1.5em; line-height: 1; }

.grid-username .icon_twitter { top: 0.2em; }

.grid-username .icon_instagram { top: 0.2em; font-size: 1.2em; }

.grid-image { z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; overflow: hidden; background: transparent no-repeat center center; background-size: cover; -webkit-transform: translateZ(0); transform: translateZ(0); }

.grid-username--has-text:before { background-color: rgba(255, 255, 255, 0.5); }
.grid-username--has-text { height: auto; }
.grid-username--has-text .text-content { display: block; z-index: 1; position: relative; padding-bottom: 0.75em; text-align: center; font-size: 1.2em; line-height: 1.5; white-space: normal; }
.grid-username--has-text .content { z-index: 1; position: relative; }
.grid-username--has-text.grid-username { text-shadow: 0 0 0; }

.type-text .grid-text { z-index: 1; position: relative; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; max-height: 100%; overflow: visible; text-align: center; }

.type-text .grid-text .text-content { display: block; max-height: 6em; overflow: hidden; }

.type-text .grid-text .content-author { display: block; z-index: 1; position: relative; padding-top: 1em; text-align: center; }

.type-text .grid-text .content-author:before { content: '-'; z-index: 1; position: absolute; top: 0; right: 0; left: 0; margin: auto; line-height: 1; }

.type-text .grid-main-icon { display: block; margin-top: -0.5em; text-align: center; font-size: 1.5em; line-height: 1; }

.type-text .grid-username { display: none; }

.type-image .grid-container .grid-media, .type-imageonly .grid-container .grid-media { position: absolute; left: 0; top: 0; background-position: center; background-size: cover; }

.grid-block.default-opacity { opacity: 0; }

.grid-block.default-opacity[data-is-visible] { opacity: 0.999; }

.grid-block.was-slided-left .grid-container { -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); }

.grid-block.is-slided-left .grid-container { -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); }

.grid-block.was-slided-right .grid-container { -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); }

.grid-block.is-slided-right .grid-container { -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); }

.grid-block.was-slided-top .grid-container { -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); }

.grid-block.is-slided-top .grid-container { -moz-transform: translateY(100%); -ms-transform: translateY(100%); -webkit-transform: translateY(100%); transform: translateY(100%); }

.grid-block.was-slided-bottom .grid-container { -moz-transform: translateY(100%); -ms-transform: translateY(100%); -webkit-transform: translateY(100%); transform: translateY(100%); }

.grid-block.is-slided-bottom .grid-container { -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); }

.grid-block.was-flipped-top .grid-container { -moz-transform: rotateX(90deg); -webkit-transform: rotateX(90deg); transform: rotateX(90deg); }

.grid-block.was-flipped-right .grid-container { -moz-transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform: rotateY(90deg); }

.grid-block.was-flipped-bottom .grid-container { -moz-transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); }

.grid-block.was-flipped-left .grid-container { -moz-transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); }

.loadingcontent, .main-loadingscreen { z-index: 99; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }

.loadingcontent, .main-loadingscreen { visibility: visible; opacity: 0.9999; -webkit-transition: all 1s ease; transition: all 1s ease; }

.main-loadingscreen { background-color: #F0F0F0; }

.loadingcontent[data-hidden="1"], .main-loadingscreen[data-hidden="1"] { visibility: hidden; opacity: 0; filter: alpha(opacity=0); }

.loadingcontent { margin: 0; overflow: hidden; background: transparent no-repeat center center; background-size: cover; }

.loadingcontent video { z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: auto; object-fit: cover; }

img.ob-emoji { height: 1em; width: 1em; margin: 0 .05em 0 .1em; vertical-align: -0.1em; }