body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

/**
 * CLICKPRESS CSS-Grid
 * @author: Stefan Schulz-Lauterbach
 *
 * thanks to Dinko Skopljak for co-working
 */
.justify-items-start {
  justify-items: start;
}

.justify-items-center {
  justify-items: center;
}

.justify-items-end {
  justify-items: end;
}

.justify-items-stretch {
  justify-items: stretch;
}

.content-start {
  align-content: start;
}

.content-center {
  align-content: center;
}

.content-end {
  align-content: end;
}

.items-start {
  align-items: start;
}

.items-center {
  align-items: center;
}

.items-end {
  align-items: end;
}

.items-stretch {
  align-items: stretch;
}

.items-baseline {
  align-items: baseline;
}

[class*=grid_] {
  display: grid;
  grid-gap: 1rem;
}
[class*=grid_] > .block {
  margin-bottom: 0;
}

@media (min-width: 576px) {
  .grid_mobile_100 {
    grid-template-columns: 1fr;
  }
  .grid_mobile_50_50 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid_mobile_33_33_33 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid_mobile_25_25_25_25 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid_mobile_75_25 {
    grid-template-columns: 3fr 1fr;
  }
  .grid_mobile_25_75 {
    grid-template-columns: 1fr 3fr;
  }
  .grid_mobile_66_33 {
    grid-template-columns: 2fr 1fr;
  }
  .grid_mobile_33_66 {
    grid-template-columns: 1fr 2fr;
  }
  .grid_mobile_60_40 {
    grid-template-columns: 3fr 2fr;
  }
  .grid_mobile_40_60 {
    grid-template-columns: 2fr 3fr;
  }
  .grid_mobile_50_25_25 {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .grid_mobile_25_50_25 {
    grid-template-columns: 1fr 2fr 1fr;
  }
  .grid_mobile_25_25_50 {
    grid-template-columns: 1fr 1fr 2fr;
  }
  .grid_mobile_40_30_30 {
    grid-template-columns: 4fr 3fr 3fr;
  }
  .grid_mobile_30_40_30 {
    grid-template-columns: 3fr 4fr 3fr;
  }
  .grid_mobile_30_30_40 {
    grid-template-columns: 3fr 3fr 4fr;
  }
  .gap_mobile_0 {
    grid-gap: 0;
  }
  .gap_mobile_1 {
    grid-gap: 1rem;
  }
  .gap_mobile_2 {
    grid-gap: 2rem;
  }
  .gap_mobile_3 {
    grid-gap: 3rem;
  }
  .gap_mobile_4 {
    grid-gap: 4rem;
  }
  .gap_mobile_5 {
    grid-gap: 5rem;
  }
  .gap_mobile_6 {
    grid-gap: 6rem;
  }
  .gap_mobile_7 {
    grid-gap: 7rem;
  }
  .gap_mobile_8 {
    grid-gap: 8rem;
  }
  .gap_mobile_9 {
    grid-gap: 9rem;
  }
  .gap_mobile_10 {
    grid-gap: 10rem;
  }
  .gap_mobile_11 {
    grid-gap: 11rem;
  }
  .gap_mobile_12 {
    grid-gap: 12rem;
  }
}
@media (min-width: 768px) {
  .grid_tablet_100 {
    grid-template-columns: 1fr;
  }
  .grid_tablet_50_50 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid_tablet_33_33_33 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid_tablet_25_25_25_25 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid_tablet_75_25 {
    grid-template-columns: 3fr 1fr;
  }
  .grid_tablet_25_75 {
    grid-template-columns: 1fr 3fr;
  }
  .grid_tablet_66_33 {
    grid-template-columns: 2fr 1fr;
  }
  .grid_tablet_33_66 {
    grid-template-columns: 1fr 2fr;
  }
  .grid_tablet_60_40 {
    grid-template-columns: 3fr 2fr;
  }
  .grid_tablet_40_60 {
    grid-template-columns: 2fr 3fr;
  }
  .grid_tablet_50_25_25 {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .grid_tablet_25_50_25 {
    grid-template-columns: 1fr 2fr 1fr;
  }
  .grid_tablet_25_25_50 {
    grid-template-columns: 1fr 1fr 2fr;
  }
  .grid_tablet_40_30_30 {
    grid-template-columns: 4fr 3fr 3fr;
  }
  .grid_tablet_30_40_30 {
    grid-template-columns: 3fr 4fr 3fr;
  }
  .grid_tablet_30_30_40 {
    grid-template-columns: 3fr 3fr 4fr;
  }
  .grid_tablet_20_40_40 {
    grid-template-columns: 1fr 2fr 2fr;
  }
  .grid_tablet_40_20_40 {
    grid-template-columns: 2fr 1fr 2fr;
  }
  .grid_tablet_40_40_20 {
    grid-template-columns: 2fr 2fr 1fr;
  }
  .gap_tablet_0 {
    grid-gap: 0;
  }
  .gap_tablet_1 {
    grid-gap: 1rem;
  }
  .gap_tablet_2 {
    grid-gap: 2rem;
  }
  .gap_tablet_3 {
    grid-gap: 3rem;
  }
  .gap_tablet_4 {
    grid-gap: 4rem;
  }
  .gap_tablet_5 {
    grid-gap: 5rem;
  }
  .gap_tablet_6 {
    grid-gap: 6rem;
  }
  .gap_tablet_7 {
    grid-gap: 7rem;
  }
  .gap_tablet_8 {
    grid-gap: 8rem;
  }
  .gap_tablet_9 {
    grid-gap: 9rem;
  }
  .gap_tablet_10 {
    grid-gap: 10rem;
  }
  .gap_tablet_11 {
    grid-gap: 11rem;
  }
  .gap_tablet_12 {
    grid-gap: 12rem;
  }
}
@media (min-width: 992px) {
  .grid_desktop_100 {
    grid-template-columns: 1fr;
  }
  .grid_desktop_50_50 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid_desktop_50_25_25 {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .grid_desktop_33_33_33 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid_desktop_75_25 {
    grid-template-columns: 3fr 1fr;
  }
  .grid_desktop_25_75 {
    grid-template-columns: 1fr 3fr;
  }
  .grid_desktop_66_33 {
    grid-template-columns: 2fr 1fr;
  }
  .grid_desktop_60_40 {
    grid-template-columns: 3fr 2fr;
  }
  .grid_desktop_40_60 {
    grid-template-columns: 2fr 3fr;
  }
  .grid_desktop_33_66 {
    grid-template-columns: 1fr 2fr;
  }
  .grid_desktop_50_25_25 {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .grid_desktop_40_30_30 {
    grid-template-columns: 4fr 3fr 3fr;
  }
  .grid_desktop_50_25_25 {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .grid_desktop_25_50_25 {
    grid-template-columns: 1fr 2fr 1fr;
  }
  .grid_desktop_25_25_50 {
    grid-template-columns: 1fr 1fr 2fr;
  }
  .grid_desktop_40_30_30 {
    grid-template-columns: 4fr 3fr 3fr;
  }
  .grid_desktop_30_40_30 {
    grid-template-columns: 3fr 4fr 3fr;
  }
  .grid_desktop_30_30_40 {
    grid-template-columns: 3fr 3fr 4fr;
  }
  .grid_desktop_20_40_40 {
    grid-template-columns: 1fr 2fr 2fr;
  }
  .grid_desktop_40_20_40 {
    grid-template-columns: 2fr 1fr 2fr;
  }
  .grid_desktop_40_40_20 {
    grid-template-columns: 2fr 2fr 1fr;
  }
  .grid_desktop_25_25_25_25 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid_desktop_40_20_20_20 {
    grid-template-columns: 2fr 1fr 1fr 1fr;
  }
  .grid_desktop_20_40_20_20 {
    grid-template-columns: 1fr 2fr 1fr 1fr;
  }
  .grid_desktop_20_20_40_20 {
    grid-template-columns: 1fr 1fr 2fr 1fr;
  }
  .grid_desktop_20_20_20_40 {
    grid-template-columns: 1fr 1fr 1fr 2fr;
  }
  .grid_desktop_20_20_20_20_20 {
    grid-template-columns: repeat(5, 1fr);
  }
  .gap_desktop_0 {
    grid-gap: 0;
  }
  .gap_desktop_1 {
    grid-gap: 1rem;
  }
  .gap_desktop_2 {
    grid-gap: 2rem;
  }
  .gap_desktop_3 {
    grid-gap: 3rem;
  }
  .gap_desktop_4 {
    grid-gap: 4rem;
  }
  .gap_desktop_5 {
    grid-gap: 5rem;
  }
  .gap_desktop_6 {
    grid-gap: 6rem;
  }
  .gap_desktop_7 {
    grid-gap: 7rem;
  }
  .gap_desktop_8 {
    grid-gap: 8rem;
  }
  .gap_desktop_9 {
    grid-gap: 9rem;
  }
  .gap_desktop_10 {
    grid-gap: 10rem;
  }
  .gap_desktop_11 {
    grid-gap: 11rem;
  }
  .gap_desktop_12 {
    grid-gap: 12rem;
  }
}

/*# sourceMappingURL=clickpress-grid.css.map */

#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
@media screen, projection{body,form,img{margin:0;padding:0;border:0}.block{overflow:hidden}.clear,#clear{height:0.1px;font-size:0.1px;line-height:0.1px;clear:both}.invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline}#container,.inside{position:relative}.custom{display:block}#container:after,.custom:after{content:" ";display:block;height:0;clear:both;visibility:hidden}img{max-width:100%;height:auto;width:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ce_gallery ul{overflow:hidden;margin:0;padding:0;border:0;list-style-image:none;list-style-type:none;margin-left:0}.ce_gallery li{float:left}.ce_gallery li.col_first{clear:left}.mod_article ul,.mod_article ol{padding:0 0 0 20px;margin:5px 10px 5px}.mod_article ul{list-style:disc}.mod_article ol{list-style:decimal}.mod_article li{padding:1px 0}.data ul{margin:5px 0;padding-left:0;list-style-image:none;list-style-type:none;margin-left:0}.data span{float:left;width:55px}nav ul,.mod_sitemap ul,.pagination ul{margin:0;padding:0;border:0}}

@media screen, projection{form br{display:none}input,textarea,select{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding:5px}input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="datetime"]: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{outline:0 none}input[type="file"]{cursor:pointer;display:block}input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto}textarea,select[multiple],select[size]{height:auto}fieldset{margin:0;padding:0;border:0}legend{width:100%;display:block;border:0}.widget,.formbody>div{margin-bottom:10px}.widget label,.formbody>div label{display:inline-block}.checkbox_container,.radio_container{margin-top:10px}.checkbox_container input,.radio_container input{width:auto;vertical-align:middle}.checkbox_container label,.radio_container label{float:none;display:inline;vertical-align:middle}.checkbox_container span,.radio_container span{display:block}.checkbox_container legend>span,.radio_container legend>span{display:inline}span>input,input+label{display:inline}.captcha_text{display:block;float:none}input{position:relative}input[type="checkbox"],input.checkbox{top:-1px;margin-right:5px}input[type="radio"],input.radio{top:2px;margin-right:5px}x:-moz-any-link{position:relative}.submit_container{margin:10px 0}}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:0.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

html{font-size:93.75%;line-height:1.6em}@media screen, projection{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,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,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}body{color:#000;background-color:#fff}input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],textarea{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button::-moz-focus-inner{margin:0;padding:0;border:0}img{vertical-align:middle}object{display:block}textarea{resize:vertical}textarea[contenteditable]{-webkit-appearance:none}hr{display:block;height:1px;border:0;border-top:1px solid #999;margin:1em 0;padding:0}}

@charset "UTF-8";
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/



/*.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay:2s;
          animation-delay:2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}*/

.animated {
  -webkit-animation-duration: .2s;
          animation-duration: .2s;
  -webkit-animation-delay:.2s;
          animation-delay:.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
          animation-name: bounce;
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
          animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
          animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
          animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
          animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
  -webkit-animation-name: swing;
          animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
          animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
            transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
            transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
          animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
          animation-name: bounceIn;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
          animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
          animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
          animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
          animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
          animation-name: bounceOut;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
          animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
          animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
          animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
          animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
          animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
          animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
          animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
          animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

@keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

.fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
          animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
          animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
          animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
          animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
          animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
          animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
          animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
          animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
            transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
            transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
  -webkit-animation-name: flip;
          animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
          animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
          animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
          animation-name: flipOutX;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
          animation-name: flipOutY;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
          animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
          animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
          animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
          animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
          animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
          animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
          animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
          animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
          animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
          animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
          animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
          animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
          animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
          animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
          animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
          animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
          animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
          animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
          animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
          animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
          animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
            transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
            transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
          animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
            transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
            transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
            transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
            transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
          animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
          animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
          animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
          animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
          animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
          animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
          animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
          animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
          animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
          animation-name: slideOutUp;
}



/* ***************************************************************** */

/* Wobble Horizontal */
@-webkit-keyframes wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.wobble-horizontal {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.wobble-horizontal:hover, .wobble-horizontal:focus, .wobble-horizontal:active {
  -webkit-animation-name: wobble-horizontal;
  animation-name: wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff; opacity: 0.6; filter: alpha(opacity = 60);}
#colorbox{outline:0;}
    #cboxContent{margin-top:20px;background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url(../../files/standard/layout/images/jana/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../../files/standard/layout/images/jana/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../../files/standard/layout/images/jana/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../../files/standard/layout/images/jana/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}

html{font-size:93.75%;line-height:1.6em}html{font-size:93.75%;line-height:1.6em}@media screen, projection{body.ie9 .slider .ls-slide:not(.trainee){background-color:#c2c2c2;*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFC2C2C2', endColorstr='#FFF7F7F7');background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MyYzJjMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background-size:100%;background-image:-webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #c2c2c2),color-stop(100%, #f7f7f7));background-image:-moz-linear-gradient(left, #c2c2c2 0%,#f7f7f7 100%);background-image:-webkit-linear-gradient(left, #c2c2c2 0%,#f7f7f7 100%);background-image:linear-gradient(to right, #c2c2c2 0%,#f7f7f7 100%)}body.ie9 .slider .ls-slide:not(.trainee):after{display:none}.slider{padding:0;margin:0 0 !important}.slider .ls-slide{overflow:visible;position:relative}.slider .ls-slide:after{content:'';height:77%;left:0;position:absolute;right:0;z-index:-1}.slider .ls-slide .ls-l{z-index:100}.slider .ls-slide .ls-l.text{text-align:left}.slider .ls-slide .ls-l.text img{max-width:100% !important}.slider .ls-slide .ls-l.text h2{margin-bottom:0.238em;line-height:1.33333em;text-align:left}.slider .ls-slide .ls-l.text p{padding:0.533em 0}}@media only screen and (max-width: 720px){.slider .ls-slide .ls-l.text p{display:none}}@media screen, projection{.slider .ls-slide .ls-l .button{line-height:1em;margin-top:1.5em;padding:.86667em 1.33333em}.slider+.mod_article{padding-top:0}.socialMediaIcons{position:relative;top:72px;left:0;max-width:100%}}@media only screen and (max-width: 380px){.socialMediaIcons{top:30px;margin-bottom:80px}}@media screen, projection{.socialMediaIcons ul li{list-style:none;font-size:27px;float:left;font-family:socialMedia;padding:0 4px 0 0 !important;text-indent:0 !important}.socialMediaIcons ul li:before{display:none}.socialMediaIcons ul li a{text-decoration:none;color:#ccc}.socialMediaIcons ul li a:hover{-webkit-transition:all 1s linear;-moz-transition:all 1s linear;-o-transition:all 1s linear;transition:all 1s linear}.socialMediaIcons ul li a .twitter:hover{color:#00b0ed}.socialMediaIcons ul li a .facebook:hover{color:#3a5795}.socialMediaIcons ul li .twitter:hover{color:#00b0ed}.socialMediaIcons ul li .facebook:hover{color:#3a5795}}@media only screen and (max-width: 380px){.mod_newslist .socialMediaIcons{top:72px;margin-bottom:0}}@media screen, projection{#concrete-facts.mod_article{padding-top:30px;width:100%}#concrete-facts h2{clear:both;margin-bottom:0}#concrete-facts .lace{color:#fff;font-size:27px;overflow:hidden;position:relative;text-align:center;text-transform:uppercase;width:100%}#concrete-facts .lace:after{background:transparent url(../../files/standard/layout/images/jana/schnuerband.png) no-repeat right top;content:'';height:100%;position:absolute;width:725px;z-index:-1}#concrete-facts .lace>div{display:inline-block}#concrete-facts .lace p{background-color:#ccc;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:table-cell;vertical-align:middle}#concrete-facts .lace span{letter-spacing:0.01em;line-height:0.8em}#concrete-facts .lace.lace-0{float:left;margin-top:35px;max-width:450px}#concrete-facts .lace.lace-0:after{-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-webkit-transform:rotate(-10deg);transform:rotate(-10deg);right:0;top:50%}#concrete-facts .lace.lace-0 p{height:180px;width:180px}#concrete-facts .lace.lace-0 span{font-size:68px}#concrete-facts .lace.lace-1{float:right;margin-bottom:35px;max-width:670px}#concrete-facts .lace.lace-1:after{-moz-transform:rotate(190deg);-ms-transform:rotate(190deg);-webkit-transform:rotate(190deg);transform:rotate(190deg);left:10px;top:-50%}#concrete-facts .lace.lace-1 p{height:210px;width:210px}#concrete-facts .lace.lace-1 span{font-size:85px}#concrete-facts .lace.lace-2{float:left;font-size:18px;margin-top:10px;max-width:420px}#concrete-facts .lace.lace-2:after{-moz-transform:rotate(-14deg);-ms-transform:rotate(-14deg);-webkit-transform:rotate(-14deg);transform:rotate(-14deg);right:0;top:50%}#concrete-facts .lace.lace-2 p{height:210px;width:210px}#concrete-facts .lace.lace-2 span{font-size:85px}#concrete-facts .lace.lace-3{float:left;font-size:20px;letter-spacing:0.11em;margin-left:-95px;margin-top:85px;max-height:200px;max-width:300px}#concrete-facts .lace.lace-3>div{margin-bottom:30px;margin-top:30px}#concrete-facts .lace.lace-3:after{-moz-transform:rotate(-40deg);-ms-transform:rotate(-40deg);-webkit-transform:rotate(-40deg);transform:rotate(-40deg);left:-100%;top:100%}#concrete-facts .lace.lace-3 p{height:145px;width:145px}#concrete-facts .lace.lace-3 span{font-size:30px;letter-spacing:-0.01em;text-transform:none}#concrete-facts .lace.lace-4{float:right;font-size:20px;letter-spacing:0.11em;margin-top:35px;max-width:480px}#concrete-facts .lace.lace-4:after{-moz-transform:rotate(195deg);-ms-transform:rotate(195deg);-webkit-transform:rotate(195deg);transform:rotate(195deg);left:10px;top:-30%}#concrete-facts .lace.lace-4 p{height:180px;width:180px}#concrete-facts .lace.lace-4 span{font-size:76px;letter-spacing:0.01em}}@media screen and (min-width: 900px) and (max-width: 1125px){#concrete-facts .lace.lace-0{width:40%}#concrete-facts .lace.lace-1{width:60%}#concrete-facts .lace.lace-2,#concrete-facts .lace.lace-3{width:33%}#concrete-facts .lace.lace-4{width:40%}}@media only screen and (max-width: 900px){#concrete-facts .lace.lace-0,#concrete-facts .lace.lace-1,#concrete-facts .lace.lace-2,#concrete-facts .lace.lace-3,#concrete-facts .lace.lace-4{margin:0;max-width:690px;width:90%}#concrete-facts .lace.lace-3:after{-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-webkit-transform:rotate(-10deg);transform:rotate(-10deg);left:auto;right:0;top:60%}#concrete-facts .lace.lace-4:after{-moz-transform:rotate(190deg);-ms-transform:rotate(190deg);-webkit-transform:rotate(190deg);transform:rotate(190deg)}}

html{font-size:93.75%;line-height:1.6em}html{font-size:93.75%;line-height:1.6em}[class^="icon-"]:before,[class*=" icon-"]:before{font-family:"iconfont";speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.standalone.icon-button,.icon-button:before{content:"a"}.standalone.icon-twitter,.icon-twitter:before{content:"t"}.standalone.icon-facebook,.icon-facebook:before{content:"f"}.standalone.icon-google-plus,.icon-google-plus:before{content:"g"}.standalone.icon-envelope,.icon-envelope:before{content:"e"}.standalone.icon-linkedin,.icon-linkedin:before{content:"l"}.standalone.icon-xing,.icon-xing:before{content:"x"}.standalone.icon-print,.icon-print:before{content:"p"}.standalone.icon-navicon,.icon-navicon:before{content:"n"}.standalone.icon-arrow-next,.icon-arrow-next:before{content:""}.standalone.icon-arrow-prev,.icon-arrow-prev:before{content:""}


/*
	* Style settings of LayerSlider
	*
	* (c) 2011-2013 George Krupa, John Gera & Kreatura Media
	*
	* Plugin web:			http://kreaturamedia.com/
	* Licenses: 			http://codecanyon.net/licenses/
*/



/* Global settings */

.ls-container {
	visibility: hidden;
	position: relative;
}

.ls-lt-container {
	position: absolute;
}

.ls-lt-container,
.ls-lt-container * {
	text-align: left !important;
	direction: ltr !important;
}

.ls-container-fullscreen {
	margin: 0 auto !important;
	padding: 2% !important;
	background: black !important;
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border: none !important;
}

.ls-container-fullscreen .ls-thumbnail-wrapper,
.ls-container-fullscreen .ls-fullscreen,
.ls-container-fullscreen .ls-shadow {
	display: none !important;
}

.ls-overflow-hidden {
	overflow: hidden;
}

.ls-inner {
	position: relative;
	background-position: center center;
	z-index: 2;
}

.ls-loading-container {
	position: absolute !important;
	display: none;
	z-index: 3 !important;
	left: 50% !important;
	top: 50% !important;
}

.ls-loading-indicator {
	margin: 0 auto;
}

.ls-inner,
.ls-slide {
	width: 100%;
	height: 100%;
}

.ls-slide,
.ls-layer {
	position: absolute;
	display: none;
	background-position: center center;
	overflow: hidden;
}

.ls-active,
.ls-animating {
	display: block !important;
}

.ls-slide > * {
	position: absolute;
	line-height: normal;
	margin: 0;
	left: 0;
	top: 0;
}

.ls-slide .ls-bg {
	left: 0px;
	top: 0px;
	transform: none !important;
	-o-transform: none !important;
	-ms-transform: none !important;
	-moz-transform: none !important;
	-webkit-transform: none !important;
}

.ls-yourlogo {
	position: absolute;
	z-index: 99;
}



/* Timers */

.ls-bar-timer {
	position: absolute;
	width: 0;
	height: 2px;
	background: white;
	border-bottom: 2px solid #555;
	opacity: .55;
	filter: alpha(opacity=55);
	z-index: 4;
	top: 0;
}

.ls-circle-timer {
	width: 16px;
	height: 16px;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 4;
	opacity: .65;
	filter: alpha(opacity=65);
	display: none;
}

.ls-ct-half {
	background: white;
}

.ls-ct-center {
	background: #444;
}

.ls-ct-left,
.ls-ct-right {
	width: 50%;
	height: 100%;
	overflow: hidden;
}

.ls-ct-left,
.ls-ct-right {
	float: left;
	position: relative;
}

.ls-ct-rotate {
	width: 200%;
	height: 100%;
	position: absolute;
	top: 0;
}

.ls-ct-left .ls-ct-rotate,
.ls-ct-right .ls-ct-hider,
.ls-ct-right .ls-ct-half {
	left: 0;
}

.ls-ct-right .ls-ct-rotate,
.ls-ct-left .ls-ct-hider,
.ls-ct-left .ls-ct-half {
	right: 0;
}

.ls-ct-hider,
.ls-ct-half {
	position: absolute;
	top: 0;
}

.ls-ct-hider {
	width: 50%;
	height: 100%;
	overflow: hidden;
}

.ls-ct-half {
	width: 200%;
	height: 100%;
}

.ls-ct-center {
	width: 50%;
	height: 50%;
	left: 25%;
	top: 25%;
	position: absolute;
}

.ls-ct-half,
.ls-ct-center {
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
}



/* Navigation */

.ls-bottom-nav-wrapper {
	height: 0;
}

.ls-bottom-slidebuttons {
	text-align: left;
}

.ls-bottom-nav-wrapper,
.ls-below-thumbnails {
	z-index: 2;
	height: 0;
	position: relative;
	text-align: center;
	margin: 0 auto;
}

.ls-below-thumbnails {
	display: none;
	z-index: 6;
}

.ls-bottom-nav-wrapper a,
.ls-nav-prev,
.ls-nav-next {
	outline: none;
}

* .ls-bottom-nav-wrapper *,
* .ls-bottom-nav-wrapper span * {
	direction: ltr !important;
}

.ls-bottom-slidebuttons {
	position: relative;
	z-index: 1000;
}

.ls-bottom-slidebuttons,
.ls-nav-start,
.ls-nav-stop,
.ls-nav-sides {
	position: relative;
}

.ls-nothumb {
	text-align: center !important;
}

.ls-link {
	position: absolute;
	width: 100% !important;
	height: 100% !important;
	left: 0 !important;
	top: 0 !important;
	background-image: url(../../files/standard/layout/css/jana/blank.gif);
}

.ls-slide > a > * {
	background-image: url(../../files/standard/layout/css/jana/blank.gif);
}



/* Embedded videos */

.ls-vpcontainer {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.ls-videopreview {
	width : 100%;
	height : 100%;
	position : absolute;
	left : 0;
	top : 0;
	cursor : pointer;
}

.ls-playvideo {
	position: absolute;
	left: 50%;
	top: 50%;
	cursor: pointer;
}



/* Thumbnails */

.ls-tn {
	display: none !important;
}

.ls-thumbnail-hover {
	display: none;
	position: absolute;
	left: 0;
}

.ls-thumbnail-hover-inner {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}

.ls-thumbnail-hover-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.ls-thumbnail-hover-img {
	position: absolute;
	overflow: hidden;
}

.ls-thumbnail-hover img {
	max-width: none !important;
	position: absolute;
	display: inline-block;
	visibility: visible !important;
	left: 50%;
	top: 0;
}

.ls-thumbnail-hover span {
	left: 50%;
	top: 100%;
	width: 0;
	height: 0;
	display: block;
	position: absolute;
	border-left-color: transparent !important;
	border-right-color: transparent !important;
	border-bottom-color: transparent !important;
}

.ls-thumbnail-wrapper {
	position: relative;
	width: 100%;
	margin: 0 auto;
	z-index: 4;
}

.ls-thumbnail {
	position: relative;
	margin: 0 auto;
}

.ls-thumbnail-inner,
.ls-thumbnail-slide-container {
	width: 100%;
}

.ls-thumbnail-slide-container {
	overflow: hidden !important;
	position: relative;
}

.ls-touchscroll {
	overflow-x: auto !important;
}

.ls-thumbnail-slide {
	text-align: center;
	white-space: nowrap;
	float: left;
	position: relative;
}

.ls-thumbnail-slide a {
	overflow: hidden;
	display: inline-block;
	width: 0;
	height: 0;
	position: relative;
}

.ls-thumbnail-slide img {
	max-width: none !important;
	max-height: 100% !important;
	height: 100%;
	visibility: visible !important;
}

.ls-shadow {
	display: none;
	position: absolute;
	z-index: 1;
	top: 100%;
	width: 100%;
	left: 0;
	overflow: hidden !important;
	visibility: hidden;
}

.ls-shadow img {
	width: 100% !important;
	height: auto !important;
	position: absolute !important;
	left: 0 !important;
	bottom: 0 !important;
}

.ls-bottom-nav-wrapper,
.ls-thumbnail-wrapper,
.ls-nav-prev,
.ls-nav-next {
	visibility: hidden;
}



/* WP plugin fullwidth */

.ls-wp-fullwidth-container {
	width: 100%;
	position: relative;
}

.ls-wp-fullwidth-helper {
	position: absolute;
}



/* 2D & 3D Layer Transitions */

.ls-overflow-hidden {
	overflow: hidden;
}

.ls-lt-tile {
	position: relative;
	float: left;
	perspective: 1000px;
	-o-perspective: 1000px;
	-ms-perspective: 1000px;
	-moz-perspective: 1000px;
	-webkit-perspective: 1000px;
}

.ls-lt-tile img {
	visibility: visible;
	display: inline-block;
}

.ls-curtiles {
	overflow: hidden;
}

.ls-curtiles,
.ls-nexttiles {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.ls-curtile, .ls-nexttile {
	overflow: hidden;
	position: absolute;
	width: 100% !important;
	height: 100% !important;
	backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.ls-curtile {
	left: 0;
	top: 0;
}

.ls-curtile img,
.ls-nexttile img {
	position: absolute;
	filter: inherit;
}

.ls-3d-container {
	position: relative;
	overflow: visible !important;
}

.ls-3d-box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
}

.ls-3d-box div {
	overflow: hidden;
	background: #777;
	margin: 0;
	padding: 0;
	position: absolute;
}



/* Full screen */

.ls-fullscreen {
	position: absolute;
	z-index: 10;
	cursor: pointer;
	display: block;
}



/* Removing all default global styles of WordPress themes */

html * .ls-nav-prev,
html * .ls-nav-next,
html * .ls-container img,
html * .ls-bottom-nav-wrapper a,
html * .ls-container .ls-fullscreen,
body * .ls-nav-prev,
body * .ls-nav-next,
body * .ls-container img,
body * .ls-bottom-nav-wrapper a,
body * .ls-container .ls-fullscreen,
#ls-global * .ls-nav-prev,
#ls-global * .ls-nav-next,
#ls-global * .ls-container img,
#ls-global * .ls-bottom-nav-wrapper a,
#ls-global * .ls-container .ls-fullscreen,
html * .ls-thumbnail a,
body * .ls-thumbnail a,
#ls-global * .ls-thumbnail a {
	transition: none;
	-o-transition: none;
	-ms-transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	line-height: normal;
	outline: none;
	padding: 0;
	border: 0;
}

html * .ls-slide > a,
body * .ls-slide > a,
#ls-global * .ls-slide > a,
html * .ls-slide > h1,
body * .ls-slide > h1,
#ls-global * .ls-slide > h1,
html * .ls-slide > h2,
body * .ls-slide > h2,
#ls-global * .ls-slide > h2,
html * .ls-slide > h3,
body * .ls-slide > h3,
#ls-global * .ls-slide > h3,
html * .ls-slide > h4,
body * .ls-slide > h4,
#ls-global * .ls-slide > h4,
html * .ls-slide > h5,
body * .ls-slide > h5,
#ls-global * .ls-slide > h5,
html * .ls-slide > p,
body * .ls-slide > p,
#ls-global * .ls-slide > p,
html * .ls-slide > div,
body * .ls-slide > div,
#ls-global * .ls-slide > div,
html * .ls-slide > span,
body * .ls-slide > span,
#ls-global * .ls-slide > span,
html * .ls-slide > *,
body * .ls-slide > *,
#ls-global * .ls-slide > * {
	transition: none;
	-o-transition: none;
	-ms-transition: none;
	-moz-transition: none;
	-webkit-transition: none;
}

html * .ls-slide > *,
body * .ls-slide > *,
#ls-global * .ls-slide > * {
	margin: 0;
}

html * .ls-container img,
body * .ls-container img,
#ls-global * .ls-container img {
	background: none ;
	min-width: 0 ;
	max-width: none ;
	border-radius: 0;
	box-shadow: none;
	border: 0;
	padding: 0;
}

/*html * .ls-thumbnail a img,
body * .ls-thumbnail a img,
#ls-global * .ls-thumbnail a img {
	min-width: 100% !important;
}
*/

html * .ls-wp-container .ls-slide > *,
body * .ls-wp-container .ls-slide > *,
#ls-global * .ls-wp-container .ls-slide > * {
	line-height: normal;
	outline: none;
	padding: 0;
	margin: 0;
	border: 0;
}

html * .ls-wp-container .ls-slide > a > *,
body * .ls-wp-container .ls-slide > a > *,
#ls-global * .ls-wp-container .ls-slide > a > * {
	margin: 0;
}

html * .ls-wp-container .ls-slide > a,
body * .ls-wp-container .ls-slide > a,
#ls-global * .ls-wp-container .ls-slide > a {
	text-decoration: none;
}

.ls-wp-fullwidth-container,
.ls-wp-fullwidth-helper,
.ls-container,
.ls-container * {
	box-sizing: content-box !important;
	-moz-box-sizing: content-box !important;
	-webkit-box-sizing: content-box !important;
}

html * .ls-yourlogo,
body * .ls-yourlogo,
#ls-global * .ls-yourlogo {
	margin: 0;
}

html * .ls-tn,
body * .ls-tn,
#ls-global * .ls-tn {
	display: none;
}

.site {
	overflow: visible !important;
}



/* Style of LayerSlider Debug Console */

.ls-debug-console * {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	color: white !important;
	text-shadow: none !important;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif !important;
	line-height: normal !important;
	-webkit-font-smoothing: antialiased !important;
	text-align: left !important;
	font-style: normal !important;
}

.ls-debug-console h1 {
	padding-top: 10px !important;
	font-size: 17px !important;
	font-weight: bold !important;
}

.ls-debug-console h1:first-child {
	padding-top: 0 !important;
}

.ls-debug-console ul {
	padding-top: 10px !important;
	list-style: none !important;
}

.ls-debug-console li {
	margin-left: 10px !important;
	font-size: 13px !important;
	position: relative !important;
	font-weight: normal !important;
}

html * .ls-debug-console li ul,
body * .ls-debug-console li ul,
#ls-global * .ls-debug-console li ul {
	display: none;
	width: 260px;
	left: -10px;
}

.ls-debug-console li ul {
	position: absolute !important;
	bottom: 100% !important;
	padding: 10px 10px 10px 0 !important;
	background: white !important;
	border-radius: 10px !important;
	box-shadow: 0 0 20px black !important;
}

html * .ls-debug-console li:hover ul,
body * .ls-debug-console li:hover ul,
#ls-global * .ls-debug-console li:hover ul {
	display: block;
}

.ls-debug-console li ul * {
	color: black !important;
}

.ls-debug-console a {
	text-decoration: none !important;
	border-bottom: 1px dotted white !important;
}

.ls-error {
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-wenkit-border-radius: 5px !important;
	background: white !important;
	height: auto !important;
	width: auto !important;
	color: white !important;
	padding: 20px 40px 30px 80px !important;
	position: relative !important;
	box-shadow: 0 2px 20px -5px black;
}

.ls-error p {
	line-height: normal !important;
	text-shadow: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	text-align: justify !important;
	font-family: Arial, sans-serif !important;
}

.ls-error .ls-error-title {
	line-height: 40px !important;
	color: red !important;
	font-weight: bold !important;
	font-size: 16px !important;
}

.ls-error .ls-error-text {
	color: #555 !important;
	font-weight: normal !important;
	font-size: 13px !important;
}

.ls-error .ls-exclam {
	width: 40px !important;
	height: 40px !important;
	position: absolute !important;
	left: 20px !important;
	top: 20px !important;
	border-radius: 50px !important;
	-moz-border-radius: 50px !important;
	-webkit-border-radius: 50px !important;
	font-size: 30px !important;
	font-weight: bold !important;
	color: white !important;
	line-height: 40px !important;
	background: red !important;
	text-align: center !important;
}



/* GPU Hardware Acceleration */

html * .ls-container .ls-shadow,
html * .ls-container .ls-slide > *,
html * .ls-container .ls-fullscreen,
html * .ls-container .ls-3d-container,
html * .ls-container .ls-lt-container,
html * .ls-container .ls-lt-container *,
html * .ls-container .ls-thumbnail-wrapper,
html * .ls-container .ls-bottom-nav-wrapper,
body * .ls-container .ls-shadow,
body * .ls-container .ls-slide > *,
body * .ls-container .ls-fullscreen,
body * .ls-container .ls-3d-container,
body * .ls-container .ls-lt-container,
body * .ls-container .ls-lt-container *,
body * .ls-container .ls-thumbnail-wrapper,
body * .ls-container .ls-bottom-nav-wrapper,
#ls-global * .ls-container .ls-shadow,
#ls-global * .ls-container .ls-slide > *,
#ls-global * .ls-container .ls-fullscreen,
#ls-global * .ls-container .ls-3d-container,
#ls-global * .ls-container .ls-lt-container,
#ls-global * .ls-container .ls-lt-container *,
#ls-global * .ls-container .ls-thumbnail-wrapper,
#ls-global * .ls-container .ls-bottom-nav-wrapper,
.ls-gpuhack {
	transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
}

.ls-videohack {
	transform: none !important;
	-o-transform: none !important;
	-ms-transform: none !important;
	-moz-transform: none !important;
	-webkit-transform: none !important;
	transform-origin: none !important;
	-o-transform-origin: none !important;
	-ms-transform-origin: none !important;
	-moz-transform-origin: none !important;
	-webkit-transform-origin: none !important;
}

.ls-oldiepnghack {
	filter: none !important;
}

.ls-gpuhack {
	width: 100% !important;
	height: 100% !important;
}


html * .ls-container .ls-webkit-hack,
body * .ls-container .ls-webkit-hack,
#ls-global * .ls-container .ls-webkit-hack {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

/* GPU */

@media (transform-3d), (-o-transform-3d), (-ms-transform-3d), (-moz-transform-3d), (-webkit-transform-3d) {
	#ls-test3d {
		position: absolute;
		left: 9px;
		height: 3px;
	}
}
@media screen, projection{#cboxContent #wrapper{overflow:hidden;height:100%}#cboxContent #container,#cboxContent #main,#cboxContent #main .inside,#cboxContent .mod_article{height:100%}}

@media screen, projection {

.red_bullets ul li:before, .ce_list:not(.data) ul li:before {
    display: none !important;
    content: "" !important;
}


}
html{font-size:93.75%;line-height:1.6em}html{font-size:93.75%;line-height:1.6em}@media print{*{background:#fff !important;color:#000 !important;text-shadow:none !important;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;margin:0;padding:0;border:0}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,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,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}img,object{display:block;margin:0;padding:0;border:0}body{width:100%;text-align:left;font:11pt Arial, Helvetica, sans-serif;color:#000;background-color:#fff;background-image:none;margin:0;padding:0;border:0}h1,h2,h3,h4,h5,h6{font-weight:700;margin:0.75em 0 0.5em;text-align:left;page-break-after:avoid}h1{padding:0 0 0.5em;border-bottom:1px solid #999}h1 a{display:none}h2{font-size:24px}h3{font-size:20px}p{margin:0.5em 0;font-stretch:expanded}p,h2,h3{orphans:3;widows:3}ul{list-style-type:disc;margin:16px 0;padding-left:40px}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}img{padding:0.5em 0;max-width:100% !important;height:100%}#header{width:auto;height:auto}footer,aside,nav,.pagination,#social,.jobs-career-details .social-media,.jobs-career-details .contact .image img,.jobs-career-details .contact .content div+div{display:none}.jobs-career-details .item>div{padding:20px 0}.jobs-career-details .logos{text-align:center}.jobs-career-details .logos li,.jobs-career-details .logos img{display:inline-block;padding:10px}#main{float:none;width:auto;margin:0}.subcolumns .first,.subcolumns .mod_colsetPart,.subcolumns .sc_second{float:none;width:100%;margin:0 !important}.subcolumns .subcl,.subcolumns .subcr,.subcolumns .subc{padding:0 !important}table{width:100%}}

html{font-size:93.75%;line-height:1.6em}html{font-size:93.75%;line-height:1.6em}

@charset "UTF-8";
/*
 * Strip units from all numbers
 * 
 * Based on the following ticket:
 * https://github.com/sass/sass/issues/533
 */
/*
 * Font Settings
 */
* html {
  font-size: 93.75%; }

html {
  font-size: 15px;
  line-height: 1.6em; }

/*
 * Color settings
 *
 * How to use color variables:
 * http://davidwalsh.name/sass-color-variables-dont-suck
 * http://chir.ag/projects/name-that-color/
 */
/*
 * Icon settings
 *
 * How to use icon variables and the new map function:
 * http://jaydenseric.com/blog/fun-with-sass-and-font-icons
 *
 * To use data types "maps", use the alpha version of Compass
 * http://stackoverflow.com/questions/22515932/use-map-data-type-with-compass
 */
/*
 * Example media queries
 *
 * max-width
 * @include breakpoint(500)
 * @media screen and (max-width: 500px)
 *
 * min-width
 * @include breakpoint(500, min)
 * @media screen and (min-width: 500px)
 *
 * min-width and max-width
 * @include breakpoint(470 500)
 * @media screen and (min-width: 470px) and (max-width: 500px)
 */
/*
 * Reset the box-shadow
 */
/*
 * Normalize the icon font
 * 
 * How to use
 * @include normalize-icon-font($font-family, [$styles]);
 * 
 * Real life example (without styles)
 * @include normalize-icon-font('Arial', false);
 */
/*
 * Normalize the icon font
 * 
 * How to use
 * @include normalize-icon-font($font-family, [$styles]);
 * 
 * Real life example (without styles)
 * @include normalize-icon-font('Arial', false);
 */
/*
 * For adding font icons to elements using CSS pseudo-elements
 * 
 * Based on the following tutorial:
 * http://jaydenseric.com/blog/fun-with-sass-and-font-icons
 *
 * You need the compass alpha to use this mixin
 * http://stackoverflow.com/questions/22515932/use-map-data-type-with-compass
 * 
 * How to use
 * @include icon-font($font, [$icon], [$position], [$styles]);
 */
/*
 * Including retina images
 * Based on https://gist.github.com/twe4ked/1432554
 * 
 * How to use (without @content)
 * @include background-image-retina('$file', '$type', $width, $height);
 *
 * How to use (with @content)
 * @include background-image-retina('$file', '$type', $width, $height) {
 *   background-color:transparent;
 * };
 * 
 * Real life example
 * @include background-image-retina('logo', 'png', 50px, 50px);
 */
/*
 * Strip units from all numbers
 * 
 * Based on the following ticket:
 * https://github.com/sass/sass/issues/533
 */
/*
 * Font Settings
 */
* html {
  font-size: 93.75%; }

html {
  font-size: 15px;
  line-height: 1.6em; }

/*
 * Color settings
 *
 * How to use color variables:
 * http://davidwalsh.name/sass-color-variables-dont-suck
 * http://chir.ag/projects/name-that-color/
 */
/*
 * Icon settings
 *
 * How to use icon variables and the new map function:
 * http://jaydenseric.com/blog/fun-with-sass-and-font-icons
 *
 * To use data types "maps", use the alpha version of Compass
 * http://stackoverflow.com/questions/22515932/use-map-data-type-with-compass
 */
/*
 * Convert absolute font sizes to rem with px fallback
 * 
 * How to use
 * @include adjust-font-size-to-rem($font-size, [$line-height]);
 */
/*
 * Reset the box-shadow
 */
/**
 * Set button style
 */
/**
 * Set button style
 */
/**
 * Set button style
 */
/**
 * Set button style
 */
/*
 * Reset the box-shadow
 */
/*
 *
 */
/*
 * Reset the box-shadow
 */
/*
 *
 */
/*
 * Reset the box-shadow
 */
/**
 * Set custom background themes
 */
#footer {
    margin-top: 50px;
}

#klaro a {
  color: #eee;
  text-decoration: underline; }
#klaro .cm-header a {
  color: #eee;
  text-decoration: underline; }
#klaro .cm-footer .cm-powered-by {
  display: none; }
#klaro .cm-footer-buttons .cm-btn {
  font-family: inherit;
  border-radius: 0;
  padding: 10px 19px;
  margin: 0 7px;
  text-transform: uppercase;
  cursor: pointer; }
  #klaro .cm-footer-buttons .cm-btn-info {
    background: #555; }
  #klaro .cm-footer-buttons .cm-btn-accept-all {
    background: #00CC00; }
#klaro .cookie-notice {
  z-index: 1000; }
#klaro .cookie-notice .cm-btn.cm-btn-success {
  background-color: #00CC00; }
#klaro .cm-list-input:checked + .cm-list-label .slider {
  background-color: #00CC00; }
#klaro .cm-list-input.half-checked:checked + .cm-list-label .slider {
  opacity: 0.6;
  background-color: #00CC00; }
#klaro .cm-list-input.only-required + .cm-list-label .slider {
  opacity: 0.8;
  background-color: #00CC00; }
#klaro .cm-list-input.required:checked + .cm-list-label .slider {
  opacity: 1;
  background-color: #00CC00; }
#klaro .cm-list-label .slider {
  background-color: #ccc; }
#klaro .cm-list-description {
  color: #fafafa; }
#klaro input:focus + .slider {
  box-shadow: 0 0 1px #00CC00; }

/*------------------------------------------------------------------------*/
@media screen, projection {
  html {
    overflow-y: scroll;
    height: 100%;
    -webkit-font-smoothing: antialiased; }

  body {
    height: 100%;
    font-family: "bariol_regular";
    -webkit-text-size-adjust: none;
    letter-spacing: 0.09em; }

  body.lang-ru {
    font-family: "VAGRoundedLTCYR-Thin"; }

  /*------------------------------------------------------------------------*/
  /**
   * Normalize content elements
   */
  * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    *:before, *:after {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }

  a {
    color: #000000;
    text-decoration: underline;
    /**
     * set to default, cause we do not support visual tab navigation
     */ }
    a:visited {
      color: #000000; }
    a:hover {
      text-decoration: none; }
    a:focus {
      outline: 0; }

  .ce_text a:hover {
    color: #cccccc;
    text-decoration: underline; }

  em, i {
    font-style: italic; }

  strong, b {
    font-weight: 700; }

  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]: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: none repeat scroll 0 0 #fcfcfc;
    border: 1px solid #999999; }

  input, textarea, select {
    border: 1px solid #999999;
    font-family: "bariol_regular"; }

  .lang-ru input, .lang-ru select, .lang-ru textarea {
    font-family: "VAGRoundedLTCYR-Thin"; }

  .main p {
    padding: 8px 0;
    letter-spacing: 0.8px; }

  .clear-list, .list-count ol {
    margin: 5px 0;
    padding-left: 0;
    list-style-image: none;
    list-style-type: none;
    margin-left: 0; }

  .clear {
    clear: both; }

  /*------------------------------------------------------------------------*/
  h2, h3, h4, .ce_text, .ce_list {
    margin: 0 auto;
    max-width: 700px; }

  h1, h2 {
    color: #363535;
    font-family: "bariol_regular";
    font-size: 60px;
    line-height: 80px;
    margin-bottom: 21px;
    margin-top: 21px;
    max-width: 960px;
    text-align: center;
    display: inline-block;
    letter-spacing: 1px;
    text-transform: uppercase; }
    h1 .lowlight, h2 .lowlight {
      font-size: 0.4666666667em;
      line-height: 0.8571428571em; }
    h1 + div.ce_text p:first-child, h2 + div.ce_text p:first-child {
      padding-top: 0; } }
  @media only screen and (max-width: 599px) {
    h1, h2 {
      font-size: 2.1333333333em;
      line-height: 1.125em; } }

@media screen, projection {
  .lang-ru h1, .lang-ru h2 {
    font-family: "VAGRoundedLTCYR-Thin";
    font-size: 48px; }

  .lang-ru .lineHeight {
    line-height: 65px; }

  .handwritten {
    color: #363535;
    font-family: "bariol_regular";
    font-size: 30px;
    line-height: 80px;
    margin-bottom: 18px;
    max-width: 960px;
    text-align: left; }
    .handwritten .lowlight {
      font-size: 0.9333333333em;
      line-height: 0.8571428571em; }
    .handwritten + div.ce_text p:first-child {
      padding-top: 0; } }
  @media only screen and (max-width: 599px) {
    .handwritten {
      font-size: 2.1333333333em;
      line-height: 1.125em; } }

@media screen, projection {
  h3 {
    font-size: 1.7333333333em;
    line-height: 1.3846153846em;
    line-height: 36px;
    text-transform: uppercase;
    margin-bottom: 46px;
    letter-spacing: 2.4px; }
    h3 .lowlight {
      font-size: 0.7692307692em;
      line-height: 1.2em; } }
  @media only screen and (max-width: 599px) {
    h3 {
      font-size: 1.2em;
      line-height: 1.3333333333em; } }

@media screen, projection {
  .lang-ru h3 {
    font-family: "VAGRoundedLTCYR-Thin"; }

  .ie h3 {
    letter-spacing: 1px; }

  h4 {
    font-size: 1em;
    line-height: 1.6em; }

  h3 + h4 {
    margin-top: 20px; }

  .ce_text + h3.ce_headline,
  .ce_list + h3.ce_headline {
    margin-top: 44px; }

  .ce_text + h4.ce_headline,
  .ce_list + h4.ce_headline {
    margin-top: 22px; }

  .highlight {
    color: #cccccc; }

  .underline {
    margin-bottom: 21px;
    margin-top: 21px;
    padding-bottom: 13px;
    position: relative;
    letter-spacing: -1px; }

  h4 {
    font-size: 1.3333333333em;
    line-height: 1.2em;
    line-height: 20px; }

  .button,
  .main .button {
    -webkit-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false);
    -moz-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false false);
    -o-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false false);
    transition: compact(all 1s linear, false, false, false, false, false, false, false, false, false);
    color: #000000;
    display: inline-block;
    line-height: 15px;
    padding: 13px 20px;
    position: relative;
    vertical-align: middle;
    border: 1px solid #000000;
    margin: 38px auto 86px auto;
    width: 171px; }
    .button.btnCenter,
    .main .button.btnCenter {
      margin: 38px auto 86px auto;
      display: block !important; }
    .button a,
    .main .button a {
      color: #000000;
      padding-right: 0;
      text-align: left;
      text-decoration: none;
      text-transform: uppercase; }
    .button:after,
    .main .button:after {
      -webkit-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false);
      -moz-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false false);
      -o-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false false);
      transition: compact(all 1s linear, false, false, false, false, false, false, false, false, false); }
    .button:hover,
    .main .button:hover {
      -webkit-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false);
      -moz-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false false);
      -o-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false false);
      transition: compact(all 0.5s linear, false, false, false, false, false, false, false, false, false);
      background-color: transparent;
      background: #dfdfdf; }
      .button:hover:after,
      .main .button:hover:after {
        -webkit-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false);
        -moz-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false false);
        -o-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false false);
        transition: compact(all 0.5s linear, false, false, false, false, false, false, false, false, false);
        color: #cccccc;
        display: inline-block; }
      .button:hover a,
      .main .button:hover a {
        color: #000000; }

  .kontaktCutton .button,
  .kontaktCutton .main .button {
    -webkit-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false);
    -moz-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false false);
    -o-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false false);
    transition: compact(all 1s linear, false, false, false, false, false, false, false, false, false);
    color: #000000;
    display: inline-block;
    line-height: 15px;
    padding: 13px 20px;
    position: relative;
    vertical-align: middle;
    border: 1px solid #000000;
    margin: 38px auto 86px auto;
    width: 171px;
    padding: 0; }
    .kontaktCutton .button.btnCenter,
    .kontaktCutton .main .button.btnCenter {
      margin: 38px auto 86px auto;
      display: block !important; }
    .kontaktCutton .button a,
    .kontaktCutton .main .button a {
      color: #000000;
      padding-right: 0;
      text-align: left;
      text-decoration: none;
      text-transform: uppercase; }
    .kontaktCutton .button:after,
    .kontaktCutton .main .button:after {
      -webkit-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false);
      -moz-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false false);
      -o-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false false);
      transition: compact(all 1s linear, false, false, false, false, false, false, false, false, false); }
    .kontaktCutton .button:hover,
    .kontaktCutton .main .button:hover {
      -webkit-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false);
      -moz-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false false);
      -o-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false false);
      transition: compact(all 0.5s linear, false, false, false, false, false, false, false, false, false);
      background-color: transparent;
      background: #dfdfdf; }
      .kontaktCutton .button:hover:after,
      .kontaktCutton .main .button:hover:after {
        -webkit-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false);
        -moz-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false false);
        -o-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false false);
        transition: compact(all 0.5s linear, false, false, false, false, false, false, false, false, false);
        color: #cccccc;
        display: inline-block; }
      .kontaktCutton .button:hover a,
      .kontaktCutton .main .button:hover a {
        color: #000000; }
  .kontaktCutton .button a,
  .kontaktCutton .main .button a {
    padding: 13px 20px;
    display: block; }
  .kontaktCutton .ce_form .button,
  .kontaktCutton .ce_form .main .button {
    -webkit-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false);
    -moz-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false false);
    -o-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false false);
    transition: compact(all 1s linear, false, false, false, false, false, false, false, false, false);
    color: #000000;
    display: inline-block;
    line-height: 15px;
    padding: 13px 20px;
    position: relative;
    vertical-align: middle;
    border: 1px solid #000000;
    margin: 38px auto 86px auto;
    width: 171px; }
    .kontaktCutton .ce_form .button.btnCenter,
    .kontaktCutton .ce_form .main .button.btnCenter {
      margin: 38px auto 86px auto;
      display: block !important; }
    .kontaktCutton .ce_form .button a,
    .kontaktCutton .ce_form .main .button a {
      color: #000000;
      padding-right: 0;
      text-align: left;
      text-decoration: none;
      text-transform: uppercase; }
    .kontaktCutton .ce_form .button:after,
    .kontaktCutton .ce_form .main .button:after {
      -webkit-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false);
      -moz-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false false);
      -o-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false false);
      transition: compact(all 1s linear, false, false, false, false, false, false, false, false, false); }
    .kontaktCutton .ce_form .button:hover,
    .kontaktCutton .ce_form .main .button:hover {
      -webkit-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false);
      -moz-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false false);
      -o-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false false);
      transition: compact(all 0.5s linear, false, false, false, false, false, false, false, false, false);
      background-color: transparent;
      background: #dfdfdf; }
      .kontaktCutton .ce_form .button:hover:after,
      .kontaktCutton .ce_form .main .button:hover:after {
        -webkit-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false);
        -moz-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false false);
        -o-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false false);
        transition: compact(all 0.5s linear, false, false, false, false, false, false, false, false, false);
        color: #cccccc;
        display: inline-block; }
      .kontaktCutton .ce_form .button:hover a,
      .kontaktCutton .ce_form .main .button:hover a {
        color: #000000; }

  .button.clean {
    -webkit-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false);
    -moz-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false false);
    -o-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false false);
    transition: compact(all 1s linear, false, false, false, false, false, false, false, false, false);
    color: #000000;
    display: inline-block;
    line-height: 15px;
    padding: 13px 20px;
    position: relative;
    vertical-align: middle;
    border: 1px solid #000000;
    margin: 38px auto 86px auto;
    width: 171px;
    background-color: transparent;
    margin-top: 3px; }
    .button.clean.btnCenter {
      margin: 38px auto 86px auto;
      display: block !important; }
    .button.clean a {
      color: #000000;
      padding-right: 0;
      text-align: left;
      text-decoration: none;
      text-transform: uppercase; }
    .button.clean:after {
      -webkit-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false);
      -moz-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false false);
      -o-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false false);
      transition: compact(all 1s linear, false, false, false, false, false, false, false, false, false); }
    .button.clean:hover {
      -webkit-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false);
      -moz-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false false);
      -o-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false false);
      transition: compact(all 0.5s linear, false, false, false, false, false, false, false, false, false);
      background-color: transparent;
      background: #dfdfdf; }
      .button.clean:hover:after {
        -webkit-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false);
        -moz-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false false);
        -o-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false false);
        transition: compact(all 0.5s linear, false, false, false, false, false, false, false, false, false);
        color: #cccccc;
        display: inline-block; }
      .button.clean:hover a {
        color: #000000; }
    .button.clean:after {
      color: #cccccc; }
    .button.clean a {
      color: #000000; }
    .button.clean:hover {
      background-color: #cccccc; }
      .button.clean:hover:after {
        color: #ffffff; }
      .button.clean:hover a {
        color: #ffffff; }

  .list-count {
    counter-reset: list-order 0; }
    .list-count ol li {
      counter-increment: list-order;
      padding-left: 30px;
      position: relative;
      list-style-type: none; }
      .list-count ol li:before {
        color: #cccccc;
        content: counter(list-order) ". ";
        position: absolute;
        left: 0; }

  .data ul {
    margin: 5px 0;
    padding-left: 0;
    list-style-image: none;
    list-style-type: none;
    margin-left: 0; }
  .data span {
    float: left;
    width: 75px; }

  .red_bullets ul,
  .ce_list:not(.data) ul {
    margin: 5px 0;
    padding-left: 0;
    list-style-image: none;
    list-style-type: none;
    margin-left: 0; }
    .red_bullets ul li:before,
    .ce_list:not(.data) ul li:before {
      content: "• ";
      color: #cccccc; }

  .rounded-images figure {
    display: inline-block;
    position: relative; }
    .rounded-images figure img,
    .rounded-images figure figcaption {
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%; }
    .rounded-images figure figcaption {
      font-size: 4.8666666667em;
      line-height: 1.1506849315em;
      background-color: #cccccc;
      background-blend-mode: multiply;
      color: #ffffff;
      height: 100%;
      left: 0;
      line-height: 1em;
      position: absolute;
      top: 0;
      vertical-align: middle;
      width: 100%; }
      .rounded-images figure figcaption .inner {
        display: table;
        height: inherit;
        width: inherit; }
        .rounded-images figure figcaption .inner p {
          display: table-cell;
          text-align: center;
          vertical-align: middle; }

  .no-background-blend-mode figcaption {
    background-image: none !important;
    background-color: rgba(204, 204, 204, 0.6) !important; }

  .three-col-layout {
    margin-top: 0;
    text-align: center; }
    .three-col-layout .button {
      background-color: transparent;
      margin-top: 3px; }
      .three-col-layout .button:after {
        color: #cccccc; }
      .three-col-layout .button a {
        color: #000000; }
      .three-col-layout .button:hover {
        background-color: #cccccc; }
        .three-col-layout .button:hover:after {
          color: #ffffff; }
        .three-col-layout .button:hover a {
          color: #ffffff; }

  .bubble {
    background-color: #e8e8e8;
    max-width: 700px;
    overflow: visible;
    padding: 20px;
    position: relative; }
    .bubble > * {
      margin-left: auto;
      margin-right: auto;
      max-width: 500px; }
    .bubble:after {
      border-color: #e8e8e8 transparent transparent transparent;
      border-style: solid;
      border-width: 15px 17.5px 0 17.5px;
      content: '';
      height: 0;
      left: calc(50% - 17.5px);
      position: absolute;
      top: 100%;
      width: 0; }
    .bubble + div > .button {
      margin-top: 0; } }
@media only screen and (min-width: 599px) {
  .mobile-only {
    display: none !important; }

  .no-mobile {
    display: block !important; } }
@media only screen and (max-width: 599px) {
  .mobile-only {
    display: block !important; } }
@media only screen and (max-width: 599px) and (max-width: 460px) {
  .no-mobile .button {
    width: auto;
    display: none; } }

@media only screen and (max-width: 599px) {
  .no-margin-space {
    margin-top: 0 !important; } }
@media screen, projection {
  .striplineBottom {
    border-bottom: 1px solid #c8c8c8;
    margin: -7px 0 0 0; }
    .striplineBottom.moreMargin {
      margin: 70px 0 0 0; }
    .striplineBottom.more-marg-bottom {
      margin: 70px 0 62px 0; }
    .striplineBottom.no-marg {
      margin: 0 !important; }

  .low-line-bottom {
    border-bottom: 1px solid #c8c8c8;
    margin: 0 0 0 0; }
    .low-line-bottom.more-marg-bottom {
      margin: 0 0 70px 0; } }
@media only screen and (max-width: 460px) {
  .start .no-mobile .percent img:first-child {
    margin-top: 30%; } }

@media screen, projection {
  /*------------------------------------------------------------------------*/
  /**
   * Slider
   */
  .caroufredsel h2,
  .caroufredsel h3 {
    letter-spacing: 2.4px; }
  .caroufredsel p {
    letter-spacing: .8px;
    line-height: 22px !important; }

  .ce_caroufredsel_gallery {
    max-height: 625px; }

  /*------------------------------------------------------------------------*/
  /**
   * Header
   */
  header {
    margin: 0 auto;
    max-width: 1190px; } }
  @media only screen and (max-width: 1190px) {
    header {
      max-width: 1190px;
      width: 90%;
      margin-bottom: 20px; } }
@media screen, projection {
    header .inside {
      padding: 30px 0px 0px 0px; } }
    @media only screen and (max-width: 470px) {
      header .inside {
        padding-top: 20px;
        padding-bottom: 20px; } }
@media screen, projection {
      header .inside #logo {
        height: 60px;
        margin: 0 auto;
        width: 165px; } }
      @media only screen and (max-width: 470px) {
        header .inside #logo {
          height: 25px;
          margin: 0;
          width: 132px; } }
@media screen, projection {
        header .inside #logo a {
          display: block;
          height: 50px;
          margin: 0 auto;
          position: relative;
          width: 165px;
          background-image: url(../../files/standard/layout/images/jana/logo.jpg);
          -webkit-background-size: 165px 50px;
          background-size: 165px 50px; } }
        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
          header .inside #logo a {
            -webkit-background-size: compact(100% 100%, false, false, false, false, false, false, false, false, false);
            -moz-background-size: compact(100% 100%, false, false, false, false, false, false, false, false, false);
            -o-background-size: compact(100% 100%, false, false, false, false, false, false, false, false, false);
            background-size: compact(100% 100%, false, false, false, false, false, false, false, false, false);
            background-image: url(../../files/standard/layout/images/jana/logo@2x.jpg); } }
        @media only screen and (max-width: 470px) {
          header .inside #logo a {
            -webkit-background-size: compact(100% 100%, false, false, false, false, false, false, false, false, false);
            -moz-background-size: compact(100% 100%, false, false, false, false, false, false, false, false, false);
            -o-background-size: compact(100% 100%, false, false, false, false, false, false, false, false, false);
            background-size: compact(100% 100%, false, false, false, false, false, false, false, false, false); } }
@media screen, projection {
          header .inside #logo a img {
            display: block; }

  .logo-shop {
    width: 25%;
    display: inline-block; }

  /*------------------------------------------------------------------------*/
  @keyframes MenuAnimOut1 {
    50% {
      -webkit-transform: translateZ(-250px) rotateY(30deg);
      -moz-transform: translateZ(-250px) rotateY(30deg);
      -ms-transform: translateZ(-250px) rotateY(30deg);
      -o-transform: translateZ(-250px) rotateY(30deg);
      transform: translateZ(-250px) rotateY(30deg); }
    75% {
      -webkit-transform: translateZ(-372.5px) rotateY(15deg);
      -moz-transform: translateZ(-372.5px) rotateY(15deg);
      -ms-transform: translateZ(-372.5px) rotateY(15deg);
      -o-transform: translateZ(-372.5px) rotateY(15deg);
      transform: translateZ(-372.5px) rotateY(15deg);
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
      opacity: 0.5; }
    100% {
      -webkit-transform: translateZ(-500px) rotateY(0deg);
      -moz-transform: translateZ(-500px) rotateY(0deg);
      -ms-transform: translateZ(-500px) rotateY(0deg);
      -o-transform: translateZ(-500px) rotateY(0deg);
      transform: translateZ(-500px) rotateY(0deg);
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0; } }
  @keyframes MenuAnimIn1 {
    0% {
      -webkit-transform: translateZ(-500px) rotateY(0deg);
      -moz-transform: translateZ(-500px) rotateY(0deg);
      -ms-transform: translateZ(-500px) rotateY(0deg);
      -o-transform: translateZ(-500px) rotateY(0deg);
      transform: translateZ(-500px) rotateY(0deg);
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0; }
    20% {
      -webkit-transform: translateZ(-250px) rotateY(30deg);
      -moz-transform: translateZ(-250px) rotateY(30deg);
      -ms-transform: translateZ(-250px) rotateY(30deg);
      -o-transform: translateZ(-250px) rotateY(30deg);
      transform: translateZ(-250px) rotateY(30deg);
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
      opacity: 0.5; }
    100% {
      -webkit-transform: translateZ(0px) rotateY(0deg);
      -moz-transform: translateZ(0px) rotateY(0deg);
      -ms-transform: translateZ(0px) rotateY(0deg);
      -o-transform: translateZ(0px) rotateY(0deg);
      transform: translateZ(0px) rotateY(0deg);
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      opacity: 1; } }
  @keyframes SubMenuAnimIn1 {
    0% {
      -webkit-transform: translateX(50%);
      -moz-transform: translateX(50%);
      -ms-transform: translateX(50%);
      -o-transform: translateX(50%);
      transform: translateX(50%);
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0; }
    100% {
      -webkit-transform: translateX(0px);
      -moz-transform: translateX(0px);
      -ms-transform: translateX(0px);
      -o-transform: translateX(0px);
      transform: translateX(0px);
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      opacity: 1; } }
  @keyframes SubMenuAnimOut1 {
    0% {
      -webkit-transform: translateX(0%);
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -o-transform: translateX(0%);
      transform: translateX(0%);
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      opacity: 1; }
    100% {
      -webkit-transform: translateX(50px);
      -moz-transform: translateX(50px);
      -ms-transform: translateX(50px);
      -o-transform: translateX(50px);
      transform: translateX(50px);
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0; } }
  /*------------------------------------------------------------------------*/
  /**
   * Global navigation elements
   */ }
@media only screen and (min-width: 900px) {
  html.no-touch nav#dl-menu li a:hover {
    color: #cccccc; }
  html.no-touch nav#dl-menu li.submenu ul li a:hover {
    color: #000000; }
  html.no-touch nav#dl-menu li:hover ul, html.no-touch nav#dl-menu li:hover li {
    display: block; }
  html.is-touch nav#dl-menu li.hover:after {
    background-color: #cccccc;
    bottom: 0;
    content: '';
    height: 1px;
    left: 50%;
    margin-left: -26px;
    position: absolute;
    width: 52px; }
  html.is-touch nav#dl-menu li.hover ul,
  html.is-touch nav#dl-menu li.hover li {
    display: block; } }
@media screen, projection {
  html nav {
    /* Hauptnavigation */
    /* Footer navigation */ }
    html nav li {
      float: left;
      position: relative;
      padding: 0 20px; } }
    @media only screen and (max-width: 1210px) {
      html nav li {
        padding: 0 20px; }
        html nav li.first {
          padding: 0 10px 0 0; }
        html nav li.last {
          padding: 0 0 0 10px; } }
    @media only screen and (max-width: 1171px) {
      html nav li {
        padding: 0 10px; } }
    @media only screen and (max-width: 1060px) {
      html nav li {
        float: none; } }
@media screen, projection {
      html nav li a, html nav li span {
        text-decoration: none;
        text-transform: uppercase;
        white-space: nowrap;
        padding-bottom: 1px; }
        html nav li a:hover, html nav li span:hover {
          border-bottom: 1px solid #CCC;
          transition: all .5s 0 ease-in-out;
          -webkit-transition: all .5s 0 ease-in-out; } }
        @media only screen and (max-width: 1060px) {
          html nav li a:hover, html nav li span:hover {
            border-bottom: none;
            color: #ffffff !important;
            text-decoration: underline; } }
@media screen, projection {
        html nav li a.active, html nav li span.active {
          border-bottom: 1px solid #CCC;
          color: #ccc; } }
        @media only screen and (max-width: 1060px) {
          html nav li a.active, html nav li span.active {
            border-bottom: none;
            color: #fff;
            text-decoration: underline; } }
@media screen, projection {
    html nav#dl-menu {
      margin-top: 30px;
      margin-bottom: 18px;
      letter-spacing: 0.15em;
      /* Desktop */ } }
    @media only screen and (min-width: 1060px) {
      html nav#dl-menu {
        float: none;
        text-align: center;
        overflow: visible;
        border-bottom: 1px solid #c8c8c8; }
        html nav#dl-menu li.submenu ul {
          -webkit-transform: translate(-50%, 51px);
          -moz-transform: translate(-50%, 51px);
          -ms-transform: translate(-50%, 51px);
          -o-transform: translate(-50%, 51px);
          transform: translate(-50%, 51px);
          background-color: #ffffff;
          display: none;
          left: 50%;
          top: 0;
          padding: 10px 0;
          position: absolute;
          text-align: center;
          z-index: 100; }
          html nav#dl-menu li.submenu ul li {
            display: inline-block;
            float: none; }
            html nav#dl-menu li.submenu ul li a, html nav#dl-menu li.submenu ul li span {
              font-size: 12px;
              line-height: 25px; }
            html nav#dl-menu li.submenu ul li a {
              color: #999999; }
            html nav#dl-menu li.submenu ul li:after {
              display: none; }
        html nav#dl-menu li > a, html nav#dl-menu li > span {
          line-height: 51px; }
        html nav#dl-menu + .dl-submenu,
        html nav#dl-menu .dl-back {
          display: none !important; } }
@media screen, projection {
    html nav.footer {
      float: right;
      font-size: 12px;
      padding: 5px 0 10px; } }
    @media only screen and (max-width: 1160px) {
      html nav.footer li {
        padding: 0 0 !important; } }
@media screen, projection {
      html nav.footer li a, html nav.footer li span {
        padding: 0 15px; } }
      @media only screen and (max-width: 1160px) {
        html nav.footer li a, html nav.footer li span {
          padding: 0 0 !important; } }
@media screen, projection {
        html nav.footer li a:hover, html nav.footer li span:hover {
          border: none;
          text-decoration: none; }
      html nav.footer li a:hover {
        border: none;
        text-decoration: none;
        color: #ccc;
        -webkit-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false);
        -moz-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false false);
        -o-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false false);
        transition: compact(all 0.5s linear, false, false, false, false, false, false, false, false, false); }
      html nav.footer li.last a, html nav.footer li.last span {
        padding-right: 0; } }
    @media only screen and (max-width: 500px) {
      html nav.footer {
        float: none; } }

@media screen, projection {
  #footer .active-languages {
    display: none; }

  /**
   * Mobile navigation
   */ }
@media only screen and (min-width: 900px) {
  html .mobile-nav-button {
    display: none !important; } }
@media only screen and (max-width: 1060px) {
  html .mobile-nav-button {
    display: block !important; } }
@media only screen and (max-width: 1060px) {
  html {
    /* Animation classes for moving out and in */ }
    html.no-touch .dl-menuwrapper li a:hover,
    html.no-touch .dl-menuwrapper li span:hover {
      background-color: #d9d9d9; }
    html .dl-menuwrapper {
      -webkit-perspective: 1000px;
      -moz-perspective: 1000px;
      -ms-perspective: 1000px;
      -o-perspective: 1000px;
      perspective: 1000px;
      left: 20px;
      overflow: visible;
      position: absolute;
      right: 20px;
      top: 100%;
      z-index: 10001;
      /* Dynamically added submenu outside of the menu context */ }
      html .dl-menuwrapper a:after {
        top: 0; }
      html .dl-menuwrapper ul {
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        background-color: #ccc;
        padding: 0;
        list-style: none; }
      html .dl-menuwrapper li {
        display: inline;
        position: relative;
        /* Hide the inner submenus */ }
        html .dl-menuwrapper li > a:after,
        html .dl-menuwrapper li > span:after {
          right: 10px; }
        html .dl-menuwrapper li a,
        html .dl-menuwrapper li span {
          -webkit-transition: compact(compact(all 0.5s ease-in-out, false, false, false, false, false, false, false, false, false) false false);
          -moz-transition: compact(compact(all 0.5s ease-in-out, false, false, false, false, false, false, false, false, false) false false false);
          -o-transition: compact(compact(all 0.5s ease-in-out, false, false, false, false, false, false, false, false, false) false false false);
          transition: compact(all 0.5s ease-in-out, false, false, false, false, false, false, false, false, false);
          color: #000000;
          display: block;
          font-size: 16px;
          font-weight: 300;
          line-height: 20px;
          outline: none;
          position: relative;
          padding: 15px 20px; }
        html .dl-menuwrapper li.dl-back {
          display: block; }
          html .dl-menuwrapper li.dl-back > a,
          html .dl-menuwrapper li.dl-back > span {
            background-color: #bfbfbf;
            padding-left: 30px; }
          html .dl-menuwrapper li.dl-back:after {
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
            left: 10px; }
        html .dl-menuwrapper li.dl-back:after,
        html .dl-menuwrapper li > a:not(:only-child):after,
        html .dl-menuwrapper li > span:not(:only-child):after {
          font-family: "iconfont";
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "a"; }
        html .dl-menuwrapper li.dl-back:after,
        html .dl-menuwrapper li > a:not(:only-child):after,
        html .dl-menuwrapper li > span:not(:only-child):after {
          color: #ffffff;
          line-height: 50px;
          position: absolute;
          top: 0; }
        html .dl-menuwrapper li .dl-submenu {
          display: none; }
      html .dl-menuwrapper .dl-menu {
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        position: absolute;
        pointer-events: none;
        width: 100%; }
        html .dl-menuwrapper .dl-menu.dl-menu-toggle {
          -webkit-transition: compact(compact(all 0.3s ease, false, false, false, false, false, false, false, false, false) false false);
          -moz-transition: compact(compact(all 0.3s ease, false, false, false, false, false, false, false, false, false) false false false);
          -o-transition: compact(compact(all 0.3s ease, false, false, false, false, false, false, false, false, false) false false false);
          transition: compact(all 0.3s ease, false, false, false, false, false, false, false, false, false); }
        html .dl-menuwrapper .dl-menu.dl-menuopen {
          -webkit-transform: translateY(0px);
          -moz-transform: translateY(0px);
          -ms-transform: translateY(0px);
          -o-transform: translateY(0px);
          transform: translateY(0px);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
          pointer-events: auto; }
        html .dl-menuwrapper .dl-menu.dl-subview {
          /*
           * When a submenu is openend, we will hide all li siblings.
           * For that we give a class to the parent menu called "dl-subview".
           * We also hide the submenu link.
           * The opened submenu will get the class "dl-subviewopen".
           * All this is done for any sub-level being entered.
           */ }
          html .dl-menuwrapper .dl-menu.dl-subview li,
          html .dl-menuwrapper .dl-menu.dl-subview li.dl-subviewopen > a,
          html .dl-menuwrapper .dl-menu.dl-subview li.dl-subviewopen > span,
          html .dl-menuwrapper .dl-menu.dl-subview li.dl-subview > a,
          html .dl-menuwrapper .dl-menu.dl-subview li.dl-subview > span {
            display: none; }
          html .dl-menuwrapper .dl-menu.dl-subview li.dl-subview,
          html .dl-menuwrapper .dl-menu.dl-subview li.dl-subview .dl-submenu,
          html .dl-menuwrapper .dl-menu.dl-subview li.dl-subviewopen,
          html .dl-menuwrapper .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
          html .dl-menuwrapper .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
            display: block; }
      html .dl-menuwrapper > .dl-submenu {
        left: 0;
        margin: 0;
        position: absolute;
        top: 0;
        width: 100%; }
    html .dl-menu.dl-animate-out-1 {
      animation: MenuAnimOut1 0.4s; }
    html .dl-menu.dl-animate-in-1 {
      animation: MenuAnimIn1 0.3s; }
    html .dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
      animation: SubMenuAnimIn1 0.4s ease; }
    html .dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
      animation: SubMenuAnimOut1 0.4s ease; } }

@media screen, projection {
  /*------------------------------------------------------------------------*/
  #container {
    margin: 0 auto;
    /*------------------------------------------------------------------------*/ }
    #container .mod_article {
      margin: 0 auto;
      max-width: 1190px;
      text-align: center; }
      #container .mod_article.more-margin {
        padding: 0 0 83px 0; }
      #container .mod_article.slider {
        max-width: 1190px;
        margin: 0 auto 13px auto !important; }
      #container .mod_article:nth-child(2) {
        z-index: 2; }
      #container .mod_article.first {
        padding: 0 0 40px 0 !important; }
      #container .mod_article.inhalt {
        max-width: 1160px; }
      #container .mod_article.halfpadding {
        padding-top: 0 !important; }
      #container .mod_article.content {
        max-width: 960px; }
        #container .mod_article.content.left {
          text-align: left; }
      #container .mod_article.no-space {
        padding: 0 !important; }
        #container .mod_article.no-space.last {
          padding-bottom: 20px; } }
      @media only screen and (max-width: 1190px) {
        #container .mod_article.no-space {
          width: 100%; } }
@media screen, projection {
      #container .mod_article.gray {
        background-color: #d1d1d1;
        *zoom: 1;
        filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFD1D1D1', endColorstr='#FFF7F7F7');
        background-image: -owg(compact(linear-gradient(left, #d1d1d1 0%, #f7f7f7 100%), false, false, false, false, false, false, false, false, false));
        background-image: -webkit(compact(linear-gradient(left, #d1d1d1 0%, #f7f7f7 100%), false, false, false, false, false, false, false, false, false));
        background-image: -moz(compact(linear-gradient(left, #d1d1d1 0%, #f7f7f7 100%), false, false, false, false, false, false, false, false, false));
        background-image: -o(compact(linear-gradient(left, #d1d1d1 0%, #f7f7f7 100%), false, false, false, false, false, false, false, false, false));
        background-image: compact(linear-gradient(left, #d1d1d1 0%, #f7f7f7 100%), false, false, false, false, false, false, false, false, false);
        padding-left: 20px;
        padding-right: 20px;
        width: 100%; } }
    @media only screen and (max-width: 1190px) {
      #container .mod_article {
        width: 90%; } }
@media screen, projection {
    #container .ce_text + .rs-columns {
      margin-top: 50px; }
    #container .rs-columns {
      text-align: left; }
      #container .rs-columns .-large-col-4-1 {
        width: 23% !important;
        margin-top: 0;
        margin-right: 1%; } }
      @media only screen and (max-width: 599px) {
        #container .rs-columns .-large-col-4-1 {
          width: 100% !important; } }
@media screen, projection {
      #container .rs-columns .rs-column {
        width: 48.15385%;
        margin-top: 0;
        margin-right: 1.637931034482759% !important; }
        #container .rs-columns .rs-column.-large-last {
          margin-right: 0 !important;
          margin-left: 1.637931034482759% !important; } }
      @media only screen and (max-width: 599px) {
        #container .rs-columns .rs-column {
          width: 100% !important; } }
@media screen, projection {
        #container .rs-columns .rs-column.three-col.center, #container .rs-columns .rs-column[class*="-large-col-3"] {
          margin-top: 0;
          text-align: center; }
          #container .rs-columns .rs-column.three-col.center figure, #container .rs-columns .rs-column[class*="-large-col-3"] figure {
            display: inline-block;
            position: relative; }
            #container .rs-columns .rs-column.three-col.center figure img,
            #container .rs-columns .rs-column.three-col.center figure figcaption, #container .rs-columns .rs-column[class*="-large-col-3"] figure img,
            #container .rs-columns .rs-column[class*="-large-col-3"] figure figcaption {
              -webkit-border-radius: 50%;
              -moz-border-radius: 50%;
              -ms-border-radius: 50%;
              -o-border-radius: 50%;
              border-radius: 50%; }
            #container .rs-columns .rs-column.three-col.center figure figcaption, #container .rs-columns .rs-column[class*="-large-col-3"] figure figcaption {
              font-size: 4.8666666667em;
              line-height: 1.1506849315em;
              background-color: #cccccc;
              background-blend-mode: multiply;
              color: #ffffff;
              height: 100%;
              left: 0;
              line-height: 1em;
              position: absolute;
              top: 0;
              vertical-align: middle;
              width: 100%; }
              #container .rs-columns .rs-column.three-col.center figure figcaption .inner, #container .rs-columns .rs-column[class*="-large-col-3"] figure figcaption .inner {
                display: table;
                height: inherit;
                width: inherit; }
                #container .rs-columns .rs-column.three-col.center figure figcaption .inner p, #container .rs-columns .rs-column[class*="-large-col-3"] figure figcaption .inner p {
                  display: table-cell;
                  text-align: center;
                  vertical-align: middle; }
          #container .rs-columns .rs-column.three-col.center h3, #container .rs-columns .rs-column[class*="-large-col-3"] h3 {
            margin-bottom: 21px;
            margin-top: 21px;
            padding-bottom: 13px;
            position: relative;
            letter-spacing: -1px; }
          #container .rs-columns .rs-column.three-col.center .button, #container .rs-columns .rs-column[class*="-large-col-3"] .button {
            background-color: transparent;
            margin-top: 3px; }
            #container .rs-columns .rs-column.three-col.center .button:after, #container .rs-columns .rs-column[class*="-large-col-3"] .button:after {
              color: #cccccc; }
            #container .rs-columns .rs-column.three-col.center .button a, #container .rs-columns .rs-column[class*="-large-col-3"] .button a {
              color: #000000; }
            #container .rs-columns .rs-column.three-col.center .button:hover, #container .rs-columns .rs-column[class*="-large-col-3"] .button:hover {
              background-color: #cccccc; }
              #container .rs-columns .rs-column.three-col.center .button:hover:after, #container .rs-columns .rs-column[class*="-large-col-3"] .button:hover:after {
                color: #ffffff; }
              #container .rs-columns .rs-column.three-col.center .button:hover a, #container .rs-columns .rs-column[class*="-large-col-3"] .button:hover a {
                color: #ffffff; } }
        @media only screen and (max-width: 900px) {
          #container .rs-columns .rs-column.three-col.center, #container .rs-columns .rs-column[class*="-large-col-3"] {
            padding-bottom: 20px; }
            #container .rs-columns .rs-column.three-col.center.-large-last, #container .rs-columns .rs-column[class*="-large-col-3"].-large-last {
              padding-bottom: 0; } }
@media screen, projection {
        #container .rs-columns .rs-column.three-col.center.-large-first-row {
          margin-bottom: 50px; }
        #container .rs-columns .rs-column[class*="-large-col-2"] {
          text-align: justify; }
          #container .rs-columns .rs-column[class*="-large-col-2"] .ce_list {
            text-align: left; }
        #container .rs-columns .rs-column[class*="-large-col-5"] {
          text-align: center; }
          #container .rs-columns .rs-column[class*="-large-col-5"] .button {
            background-color: transparent;
            margin-top: 3px; }
            #container .rs-columns .rs-column[class*="-large-col-5"] .button:after {
              color: #cccccc; }
            #container .rs-columns .rs-column[class*="-large-col-5"] .button a {
              color: #000000; }
            #container .rs-columns .rs-column[class*="-large-col-5"] .button:hover {
              background-color: #cccccc; }
              #container .rs-columns .rs-column[class*="-large-col-5"] .button:hover:after {
                color: #ffffff; }
              #container .rs-columns .rs-column[class*="-large-col-5"] .button:hover a {
                color: #ffffff; }
        #container .rs-columns .rs-column[class*="-large-col-5"] {
          position: relative; }
          #container .rs-columns .rs-column[class*="-large-col-5"] .image_container {
            margin-bottom: 21px;
            margin-top: 21px;
            padding-bottom: 13px;
            position: relative;
            letter-spacing: -1px; }
          #container .rs-columns .rs-column[class*="-large-col-5"] > div > p {
            font-size: 12px; }
          #container .rs-columns .rs-column[class*="-large-col-5"] .button-outer {
            bottom: 0;
            position: absolute;
            left: 0;
            width: 100%; } }
        @media only screen and (min-width: 900px) {
          #container .rs-columns .rs-column[class*="-large-col-5"].-large-col-5-1 {
            margin-right: 1.8907563025%;
            width: 18.487394958%; }
            #container .rs-columns .rs-column[class*="-large-col-5"].-large-col-5-1:nth-child(5n) {
              margin-right: 0; } }

@media screen, projection {
  /*------------------------------------------------------------------------*/
  .slider-mobile .ce_rsce_slider {
    margin-bottom: 21px;
    margin-top: 21px;
    padding-bottom: 13px;
    position: relative;
    letter-spacing: -1px; }
    .slider-mobile .ce_rsce_slider img + .text {
      margin-top: 25px; }
      .slider-mobile .ce_rsce_slider img + .text br {
        display: none; }
    .slider-mobile .ce_rsce_slider:last-child:after {
      display: none; }

  /*------------------------------------------------------------------------*/
  .facts-and-figures #facts.mod_article {
    padding-left: 0;
    padding-right: 0; }
  .facts-and-figures #facts h3 {
    max-width: none;
    padding: 0; }
  .facts-and-figures #facts > div:nth-of-type(1),
  .facts-and-figures #facts > div:nth-of-type(3) {
    float: left;
    margin: 0;
    max-width: 420px;
    padding-left: 20px;
    text-align: left; }
  .facts-and-figures #facts > div:nth-of-type(3) {
    margin: 50px 0 25px; }
  .facts-and-figures #facts > div:nth-of-type(2),
  .facts-and-figures #facts > div:nth-of-type(4) {
    clear: both;
    height: 160px;
    position: relative;
    width: 88.2352941176%; }
    .facts-and-figures #facts > div:nth-of-type(2):after,
    .facts-and-figures #facts > div:nth-of-type(4):after {
      bottom: 50%;
      content: '';
      height: 60px;
      position: absolute;
      width: 100%; }
  .facts-and-figures #facts > div:nth-of-type(2),
  .facts-and-figures #facts > div:nth-of-type(4) {
    float: left; }
    .facts-and-figures #facts > div:nth-of-type(2):after,
    .facts-and-figures #facts > div:nth-of-type(4):after {
      -webkit-transform: rotate(-10deg);
      -moz-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
      -o-transform: rotate(-10deg);
      transform: rotate(-10deg);
      background: transparent url(../../files/standard/layout/images/jana/lace-long-left.png) no-repeat right center;
      left: -20px; }
  .facts-and-figures #facts .desc {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #cccccc;
    color: #ffffff;
    display: inline-block;
    position: absolute;
    z-index: 1; }
    .facts-and-figures #facts .desc p {
      display: table-cell;
      line-height: 1.1em;
      vertical-align: middle; }
      .facts-and-figures #facts .desc p span {
        line-height: 0.8em; }
  .facts-and-figures #facts .size-1 {
    top: -65%; }
    .facts-and-figures #facts .size-1 p {
      font-size: 25px;
      height: 230px;
      width: 230px; }
  .facts-and-figures #facts .size-2 {
    top: -10%; }
    .facts-and-figures #facts .size-2 p {
      font-size: 20px;
      height: 150px;
      width: 150px; }
  .facts-and-figures #facts .size-3 p,
  .facts-and-figures #facts .size-4 p {
    height: 100px;
    width: 100px; }
  .facts-and-figures #facts .size-3 {
    top: 20%; }
  .facts-and-figures #facts .size-4 {
    top: 35%; }
  .facts-and-figures #facts > div:nth-of-type(2) .size-1 {
    right: 20%; }
    .facts-and-figures #facts > div:nth-of-type(2) .size-1 span {
      font-size: 50px; }
  .facts-and-figures #facts > div:nth-of-type(2) .size-2 {
    right: 51%; }
    .facts-and-figures #facts > div:nth-of-type(2) .size-2 span {
      font-size: 28px; }
  .facts-and-figures #facts > div:nth-of-type(2) .size-3 span,
  .facts-and-figures #facts > div:nth-of-type(2) .size-4 span {
    font-size: 18px; }
  .facts-and-figures #facts > div:nth-of-type(2) .size-3 {
    right: 72%; }
  .facts-and-figures #facts > div:nth-of-type(2) .size-4 {
    right: 87%; }
  .facts-and-figures #facts > div:nth-of-type(4) .size-1 {
    right: 20%; }
    .facts-and-figures #facts > div:nth-of-type(4) .size-1 span {
      font-size: 100px; }
  .facts-and-figures #facts > div:nth-of-type(4) .size-2 {
    right: 51%; }
    .facts-and-figures #facts > div:nth-of-type(4) .size-2 span {
      font-size: 55px; }
  .facts-and-figures #facts > div:nth-of-type(4) .size-3 span,
  .facts-and-figures #facts > div:nth-of-type(4) .size-4 span {
    font-size: 35px; }
  .facts-and-figures #facts > div:nth-of-type(4) .size-3 {
    right: 72%; }
  .facts-and-figures #facts > div:nth-of-type(4) .size-4 {
    right: 87%; } }
@media only screen and (max-width: 900px) {
  .facts-and-figures #facts > div:nth-of-type(2),
  .facts-and-figures #facts > div:nth-of-type(4) {
    height: auto;
    text-align: center;
    width: 100%; }
    .facts-and-figures #facts > div:nth-of-type(2):after,
    .facts-and-figures #facts > div:nth-of-type(4):after {
      display: none; }
  .facts-and-figures #facts > div:nth-of-type(3) {
    margin-top: 50px; }
  .facts-and-figures #facts .desc {
    position: relative;
    left: auto !important;
    right: auto !important;
    top: auto; } }
@media only screen and (max-width: 620px) {
  .facts-and-figures #facts .ce_text {
    float: none !important;
    margin: 0 auto !important;
    text-align: center !important; }
  .facts-and-figures #facts > div:nth-of-type(2),
  .facts-and-figures #facts > div:nth-of-type(4) {
    padding-top: 25px;
    padding-bottom: 25px; }
  .facts-and-figures #facts > div:nth-of-type(3) {
    padding-top: 25px; }
  .facts-and-figures #facts .desc {
    display: table;
    margin: 5px auto; } }

@media screen, projection {
  /*------------------------------------------------------------------------*/
  /**
   * Jobs and career category pages only
   */
  .mm_list h3 {
    margin-bottom: 21px;
    margin-top: 21px;
    padding-bottom: 13px;
    position: relative;
    letter-spacing: -1px; }
  .mm_list div.layout_full div:last-child ul {
    padding-bottom: 0; }
  .mm_list div.layout_full ul {
    list-style: none;
    margin: 0;
    padding: 0 0 75px; }
    .mm_list div.layout_full ul li {
      padding: 65px 0 0;
      position: relative; }
      .mm_list div.layout_full ul li:after {
        background-color: #cccccc;
        content: '';
        height: 1px;
        left: 50%;
        margin-left: -76px;
        position: absolute;
        top: 25px;
        width: 152px; }
      .mm_list div.layout_full ul li:first-child:after {
        display: none; }
      .mm_list div.layout_full ul li ul {
        *zoom: 1; }
        .mm_list div.layout_full ul li ul:after {
          content: "";
          display: table;
          clear: both; }
        .mm_list div.layout_full ul li ul li {
          display: block;
          margin: 0 auto;
          padding: 0;
          vertical-align: middle; }
          .mm_list div.layout_full ul li ul li:after {
            display: none; }
          .mm_list div.layout_full ul li ul li.description, .mm_list div.layout_full ul li ul li.link {
            max-width: 300px; }
          .mm_list div.layout_full ul li ul li.description {
            padding-left: 30px;
            position: relative;
            text-transform: uppercase; }
            .mm_list div.layout_full ul li ul li.description a {
              text-decoration: none; }
              .mm_list div.layout_full ul li ul li.description a:hover {
                text-decoration: underline; }
            .mm_list div.layout_full ul li ul li.description:before {
              border-color: transparent transparent transparent #cccccc;
              border-style: solid;
              border-width: 7.5px 0 7.5px 12px;
              content: '';
              height: 0;
              left: 0;
              margin-top: -7.5px;
              position: absolute;
              top: 50%;
              width: 0; }
          .mm_list div.layout_full ul li ul li.location {
            padding-top: 24px;
            position: relative; }
            .mm_list div.layout_full ul li ul li.location:after {
              background: transparent url(../../files/standard/layout/images/jana/location.jpg) no-repeat center top;
              content: '';
              display: block;
              height: 24px;
              left: 50%;
              margin-left: -9.5px;
              position: absolute;
              top: 0;
              width: 19px; }
          .mm_list div.layout_full ul li ul li.link .button {
            margin: 0; } }
      @media only screen and (min-width: 900px) {
        .mm_list div.layout_full ul li ul {
          padding: 0 300px; }
          .mm_list div.layout_full ul li ul li {
            display: table-cell;
            float: left;
            width: 100%; }
            .mm_list div.layout_full ul li ul li.description {
              float: left;
              margin-left: -300px;
              width: 300px;
              text-align: left; }
            .mm_list div.layout_full ul li ul li.link {
              float: right;
              margin-right: -300px;
              text-align: right;
              width: 300px; } }
      @media only screen and (max-width: 900px) {
        .mm_list div.layout_full ul li ul li {
          margin-bottom: 20px; }
          .mm_list div.layout_full ul li ul li.link {
            margin-bottom: 0; } }

@media screen, projection {
  /**
   * Jobs and career details page only
   */ }
@media only screen and (max-width: 480px) {
  .main .mod_customnav ul {
    padding: 0;
    margin: 0; } }
@media only screen and (max-width: 480px) {
  .main .mod_customnav ul li {
    width: 100%; } }
@media screen, projection {
  .main .mod_customnav ul li a {
    -webkit-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false);
    -moz-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false false);
    -o-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false false);
    transition: compact(all 1s linear, false, false, false, false, false, false, false, false, false);
    color: #000000;
    display: inline-block;
    line-height: 15px;
    padding: 13px 20px;
    position: relative;
    vertical-align: middle;
    border: 1px solid #000000;
    margin: 38px auto 86px auto;
    width: 171px;
    background-color: #e8e8e8;
    color: #000000;
    margin-right: 20px;
    margin-top: 0; }
    .main .mod_customnav ul li a.btnCenter {
      margin: 38px auto 86px auto;
      display: block !important; }
    .main .mod_customnav ul li a a {
      color: #000000;
      padding-right: 0;
      text-align: left;
      text-decoration: none;
      text-transform: uppercase; }
    .main .mod_customnav ul li a:after {
      -webkit-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false);
      -moz-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false false);
      -o-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false false);
      transition: compact(all 1s linear, false, false, false, false, false, false, false, false, false); }
    .main .mod_customnav ul li a:hover {
      -webkit-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false);
      -moz-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false false);
      -o-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false false);
      transition: compact(all 0.5s linear, false, false, false, false, false, false, false, false, false);
      background-color: transparent;
      background: #dfdfdf; }
      .main .mod_customnav ul li a:hover:after {
        -webkit-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false);
        -moz-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false false);
        -o-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false false);
        transition: compact(all 0.5s linear, false, false, false, false, false, false, false, false, false);
        color: #cccccc;
        display: inline-block; }
      .main .mod_customnav ul li a:hover a {
        color: #000000; } }
  @media only screen and (max-width: 1147px) {
    .main .mod_customnav ul li a {
      margin-top: 20px; } }
  @media only screen and (max-width: 480px) {
    .main .mod_customnav ul li a {
      display: block;
      margin-right: 0;
      margin-top: 10px; } }
@media screen, projection {
    .main .mod_customnav ul li a:after, .main .mod_customnav ul li a:hover:after {
      display: none; }

  #jobs-career-details.mod_article {
    padding-top: 0;
    width: 100%; }
    #jobs-career-details.mod_article .jobs-career-details .item > div {
      margin: 50px auto; }
    #jobs-career-details.mod_article .jobs-career-details .item .teaser {
      margin-top: 0;
      max-width: 450px;
      text-transform: uppercase;
      width: 90%; }
    #jobs-career-details.mod_article .jobs-career-details .item .headline {
      background-color: #cccccc;
      color: #ffffff;
      max-width: 990px;
      padding: 30px; }
      #jobs-career-details.mod_article .jobs-career-details .item .headline h2 {
        margin-bottom: 0; }
    #jobs-career-details.mod_article .jobs-career-details .item .qualification {
      max-width: 990px;
      text-align: left;
      width: 90%; }
      #jobs-career-details.mod_article .jobs-career-details .item .qualification ul {
        margin: 5px 0;
        padding-left: 0;
        list-style-image: none;
        list-style-type: none;
        margin-left: 0; }
        #jobs-career-details.mod_article .jobs-career-details .item .qualification ul li:before {
          content: "• ";
          color: #cccccc; }
      #jobs-career-details.mod_article .jobs-career-details .item .qualification h3 {
        color: #cccccc; }
      #jobs-career-details.mod_article .jobs-career-details .item .qualification > div {
        float: left;
        width: 46%;
        margin-right: 8%; }
        #jobs-career-details.mod_article .jobs-career-details .item .qualification > div:last-child {
          margin-right: 0; } }
      @media only screen and (max-width: 780px) {
        #jobs-career-details.mod_article .jobs-career-details .item .qualification > div {
          width: 100%;
          margin: 0; }
          #jobs-career-details.mod_article .jobs-career-details .item .qualification > div:last-child {
            margin-top: 25px; } }
@media screen, projection {
    #jobs-career-details.mod_article .jobs-career-details .item .bubble + div {
      margin-bottom: 0; }
    #jobs-career-details.mod_article .jobs-career-details .item .contact {
      background-color: #e8e8e8;
      *zoom: 1;
      filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFE8E8E8', endColorstr='#FFFCFCFC');
      background-image: -owg(compact(linear-gradient(left, #e8e8e8 0%, #fcfcfc 100%), false, false, false, false, false, false, false, false, false));
      background-image: -webkit(compact(linear-gradient(left, #e8e8e8 0%, #fcfcfc 100%), false, false, false, false, false, false, false, false, false));
      background-image: -moz(compact(linear-gradient(left, #e8e8e8 0%, #fcfcfc 100%), false, false, false, false, false, false, false, false, false));
      background-image: -o(compact(linear-gradient(left, #e8e8e8 0%, #fcfcfc 100%), false, false, false, false, false, false, false, false, false));
      background-image: compact(linear-gradient(left, #e8e8e8 0%, #fcfcfc 100%), false, false, false, false, false, false, false, false, false);
      padding: 50px 50px 50px 50px;
      position: relative;
      text-align: left; }
      #jobs-career-details.mod_article .jobs-career-details .item .contact h3, #jobs-career-details.mod_article .jobs-career-details .item .contact h4 {
        color: #cccccc; }
      #jobs-career-details.mod_article .jobs-career-details .item .contact h3 + .mod_contaomaps {
        margin-top: 20px; }
      #jobs-career-details.mod_article .jobs-career-details .item .contact .image {
        bottom: 0;
        position: absolute;
        width: 330px; }
      #jobs-career-details.mod_article .jobs-career-details .item .contact .content {
        margin-left: 340px;
        max-width: 675px; }
        #jobs-career-details.mod_article .jobs-career-details .item .contact .content > div {
          float: left;
          width: 50%; }
          #jobs-career-details.mod_article .jobs-career-details .item .contact .content > div:last-child {
            margin-right: 0; }
      #jobs-career-details.mod_article .jobs-career-details .item .contact .mod_contaomaps {
        display: inline-block;
        width: 100%;
        margin-bottom: 45px !important; }
        #jobs-career-details.mod_article .jobs-career-details .item .contact .mod_contaomaps > div {
          width: 100% !important; }
        #jobs-career-details.mod_article .jobs-career-details .item .contact .mod_contaomaps .mapfullscreen_control,
        #jobs-career-details.mod_article .jobs-career-details .item .contact .mod_contaomaps .gmnoprint,
        #jobs-career-details.mod_article .jobs-career-details .item .contact .mod_contaomaps .gm-style-cc {
          display: none; }
        #jobs-career-details.mod_article .jobs-career-details .item .contact .mod_contaomaps .map_ajaxBox {
          bottom: 10px;
          left: auto;
          right: 10px; } }
    @media only screen and (max-width: 1023px) {
      #jobs-career-details.mod_article .jobs-career-details .item .contact .image {
        display: none; }
      #jobs-career-details.mod_article .jobs-career-details .item .contact .content {
        margin-left: 0;
        max-width: 100%; }
      #jobs-career-details.mod_article .jobs-career-details .item .contact .mod_contaomaps,
      #jobs-career-details.mod_article .jobs-career-details .item .contact .mod_contaomaps > div {
        height: 150px !important; } }
    @media only screen and (max-width: 800px) {
      #jobs-career-details.mod_article .jobs-career-details .item .contact .content > div {
        width: 100%; }
        #jobs-career-details.mod_article .jobs-career-details .item .contact .content > div:last-child {
          margin-top: 25px; } }
@media screen, projection {
    #jobs-career-details.mod_article .jobs-career-details .item .social-media {
      display: table;
      padding: 0 90px;
      text-align: left;
      width: 100%; }
      #jobs-career-details.mod_article .jobs-career-details .item .social-media h3 {
        display: table-cell;
        white-space: nowrap; }
      #jobs-career-details.mod_article .jobs-career-details .item .social-media ul {
        list-style: none;
        display: table-cell;
        margin: 0;
        max-width: 730px;
        padding: 0;
        vertical-align: middle;
        width: 100%; }
        #jobs-career-details.mod_article .jobs-career-details .item .social-media ul li {
          float: left;
          font-size: 2em;
          line-height: 1.2em;
          text-align: right;
          width: 14.2857142857%; }
          #jobs-career-details.mod_article .jobs-career-details .item .social-media ul li [class^="icon-"]:before,
          #jobs-career-details.mod_article .jobs-career-details .item .social-media ul li [class*=" icon-"]:before {
            -webkit-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false);
            -moz-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false false);
            -o-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false false);
            transition: compact(all 1s linear, false, false, false, false, false, false, false, false, false);
            border-radius: 90px;
            height: 50px;
            padding: 10px;
            width: 50px; }
          #jobs-career-details.mod_article .jobs-career-details .item .social-media ul li [class^="icon-"]:hover:before,
          #jobs-career-details.mod_article .jobs-career-details .item .social-media ul li [class*=" icon-"]:hover:before {
            -webkit-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false);
            -moz-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false false);
            -o-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false false);
            transition: compact(all 0.5s linear, false, false, false, false, false, false, false, false, false);
            background-color: #cccccc;
            color: #ffffff; } }
    @media only screen and (max-width: 900px) {
      #jobs-career-details.mod_article .jobs-career-details .item .social-media {
        padding: 0;
        text-align: center; }
        #jobs-career-details.mod_article .jobs-career-details .item .social-media h3 {
          display: block; }
          #jobs-career-details.mod_article .jobs-career-details .item .social-media h3 br {
            display: none; }
        #jobs-career-details.mod_article .jobs-career-details .item .social-media ul {
          display: block;
          margin-top: 25px; }
          #jobs-career-details.mod_article .jobs-career-details .item .social-media ul li {
            text-align: center; } }
@media screen, projection {
    #jobs-career-details.mod_article .jobs-career-details .item .red_box {
      background-color: #cccccc;
      color: #ffffff; }
      #jobs-career-details.mod_article .jobs-career-details .item .red_box .ce_text {
        margin: 0 auto;
        max-width: 680px;
        padding: 50px 20px; }
    #jobs-career-details.mod_article .jobs-career-details .item .logos {
      text-align: center; }
      #jobs-career-details.mod_article .jobs-career-details .item .logos > div {
        margin-bottom: 21px;
        margin-top: 21px;
        padding-bottom: 13px;
        position: relative;
        letter-spacing: -1px;
        margin: 0 auto;
        width: 90%; }
      #jobs-career-details.mod_article .jobs-career-details .item .logos ul {
        list-style: none;
        margin: 0;
        padding: 0; }
        #jobs-career-details.mod_article .jobs-career-details .item .logos ul li {
          display: inline-block;
          padding: 0 25px;
          margin: 15px 0;
          vertical-align: bottom; }

  .mod_contaomaps {
    display: inline-block;
    width: 100%;
    margin-bottom: 45px !important; }

  /*------------------------------------------------------------------------*/
  /**
   * Global statement container styles
   */
  .ce_rsce_statement {
    color: #ffffff;
    position: relative;
    text-align: left; }
    .ce_rsce_statement:after {
      background-color: #cccccc;
      content: '';
      height: calc(100% - 80px);
      left: 0;
      position: absolute;
      top: 80px;
      width: 100%;
      z-index: -1; }
    .ce_rsce_statement .inner {
      margin: 0 auto;
      max-width: 900px; }
      .ce_rsce_statement .inner .image_container {
        height: calc(100% + 80px);
        position: relative; }
        .ce_rsce_statement .inner .image_container.float_left {
          padding-right: 20px; }
          .ce_rsce_statement .inner .image_container.float_left .job {
            left: -140px; }
        .ce_rsce_statement .inner .image_container.float_right {
          padding-left: 20px; }
          .ce_rsce_statement .inner .image_container.float_right .job {
            right: -140px; }
        .ce_rsce_statement .inner .image_container.resized img {
          height: 100%;
          max-width: none; }
        .ce_rsce_statement .inner .image_container .job {
          bottom: 100px;
          position: absolute;
          width: 170px; }
          .ce_rsce_statement .inner .image_container .job:before {
            -webkit-transform: rotate(220deg);
            -moz-transform: rotate(220deg);
            -ms-transform: rotate(220deg);
            -o-transform: rotate(220deg);
            transform: rotate(220deg);
            background: transparent url(../../files/standard/layout/images/jana/arrow-statement-to-right.png) no-repeat center center;
            bottom: 180%;
            content: '';
            height: 18px;
            left: -15%;
            position: absolute;
            width: 108px; } }
        @media only screen and (max-width: 1190px) {
          .ce_rsce_statement .inner .image_container .job {
            display: none; } }
@media screen, projection {
      .ce_rsce_statement .inner .content {
        padding-top: 120px; }
        .ce_rsce_statement .inner .content h2,
        .ce_rsce_statement .inner .content h3 {
          margin-left: 0;
          margin-right: 0; }
        .ce_rsce_statement .inner .content h2 {
          margin-bottom: 24px;
          text-align: left; }
        .ce_rsce_statement .inner .content h3 {
          margin-bottom: 21px;
          margin-top: 21px;
          padding-bottom: 13px;
          position: relative;
          letter-spacing: -1px; }
          .ce_rsce_statement .inner .content h3:after {
            background-color: #ffffff;
            margin-left: 0;
            left: 0; }
        .ce_rsce_statement .inner .content .button {
          margin: 24px 0 50px -20px; }
          .ce_rsce_statement .inner .content .button:hover {
            background-color: #ffffff; }
          .ce_rsce_statement .inner .content .button:before {
            background: transparent url(../../files/standard/layout/images/jana/arrow-statement-to-right.png) no-repeat center center;
            content: '';
            height: 18px;
            left: -54px;
            position: absolute;
            top: 120%;
            width: 108px; } }
  @media only screen and (max-width: 900px) {
    .ce_rsce_statement {
      background-color: #cccccc;
      padding: 20px; }
      .ce_rsce_statement:after {
        display: none; }
      .ce_rsce_statement .inner .image_container {
        display: none; }
      .ce_rsce_statement .inner .content {
        padding-top: 0; }
        .ce_rsce_statement .inner .content .button-outer p:before {
          display: none; } }

@media screen, projection {
  /**
   * Statement styles for field report only
   */
  #field-report .mod_article {
    padding-bottom: 0;
    width: 100%; }
  #field-report .ce_rsce_statement .button:before {
    display: none; } }
@media only screen and (min-width: 900px) {
  #field-report.mod_article {
    margin-top: -117px; } }

@media screen, projection {
  /**
   * Field report page only
   */
  body.field-report {
    counter-reset: list-order 0; }
    body.field-report h3 {
      color: #cccccc; }
    body.field-report .ce_text,
    body.field-report h3.ce_headline {
      text-align: left; }
    body.field-report h3.ce_headline + .ce_text {
      padding-left: 30px; }
    body.field-report h3 {
      counter-increment: list-order;
      padding-left: 30px;
      position: relative;
      list-style-type: none; }
      body.field-report h3:before {
        color: #cccccc;
        content: counter(list-order) ". ";
        position: absolute;
        left: 0; }

  /*------------------------------------------------------------------------*/
  /**
   * Job tips page only
   */
  #container .job-tips {
    margin-bottom: 257px !important;
    overflow: visible;
    width: 100%; }
    #container .job-tips .ce_list {
      background-color: #e8e8e8;
      *zoom: 1;
      filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE8E8E8', endColorstr='#FFFFFFFF');
      background-image: -owg(compact(linear-gradient(top, #e8e8e8 0%, #ffffff 40%), false, false, false, false, false, false, false, false, false));
      background-image: -webkit(compact(linear-gradient(top, #e8e8e8 0%, #ffffff 40%), false, false, false, false, false, false, false, false, false));
      background-image: -moz(compact(linear-gradient(top, #e8e8e8 0%, #ffffff 40%), false, false, false, false, false, false, false, false, false));
      background-image: -o(compact(linear-gradient(top, #e8e8e8 0%, #ffffff 40%), false, false, false, false, false, false, false, false, false));
      background-image: compact(linear-gradient(top, #e8e8e8 0%, #ffffff 40%), false, false, false, false, false, false, false, false, false);
      max-width: 100%;
      overflow: visible;
      padding-top: 90px;
      position: relative; }
      #container .job-tips .ce_list li {
        background-color: #e8e8e8;
        max-width: 700px;
        overflow: visible;
        padding: 20px;
        position: relative; }
        #container .job-tips .ce_list li > * {
          margin-left: auto;
          margin-right: auto;
          max-width: 500px; }
        #container .job-tips .ce_list li:after {
          border-color: #e8e8e8 transparent transparent transparent;
          border-style: solid;
          border-width: 15px 17.5px 0 17.5px;
          content: '';
          height: 0;
          left: calc(50% - 17.5px);
          position: absolute;
          top: 100%;
          width: 0; }
        #container .job-tips .ce_list li + div > .button {
          margin-top: 0; }
        #container .job-tips .ce_list li:nth-of-type(odd) {
          margin-right: 65%;
          width: 45%;
          float: left; }
          #container .job-tips .ce_list li:nth-of-type(odd):after {
            -webkit-transform: rotate(-7deg);
            -moz-transform: rotate(-7deg);
            -ms-transform: rotate(-7deg);
            -o-transform: rotate(-7deg);
            transform: rotate(-7deg);
            border-style: solid;
            border-width: 0 62px 42px 0;
            border-color: transparent #e8e8e8 transparent transparent;
            bottom: -30px;
            height: 0;
            left: auto;
            right: 75px;
            top: auto;
            width: 0; }
        #container .job-tips .ce_list li:nth-of-type(even) {
          margin-left: 65%;
          width: 45%;
          float: right; }
          #container .job-tips .ce_list li:nth-of-type(even):after {
            -webkit-transform: rotate(7deg);
            -moz-transform: rotate(7deg);
            -ms-transform: rotate(7deg);
            -o-transform: rotate(7deg);
            transform: rotate(7deg);
            border-style: solid;
            border-width: 42px 62px 0 0;
            border-color: #e8e8e8 transparent transparent transparent;
            bottom: -30px;
            height: 0;
            left: 75px;
            top: auto;
            width: 0; }
        #container .job-tips .ce_list li:nth-of-type(1) {
          max-width: 36%;
          margin-left: 45px; }
        #container .job-tips .ce_list li:nth-of-type(3) {
          max-width: 39%;
          margin-left: 10px; }
        #container .job-tips .ce_list li:nth-of-type(5) {
          max-width: 34%;
          margin-left: 90px; }
        #container .job-tips .ce_list li:nth-of-type(7) {
          max-width: 40%;
          margin-left: 60px; }
        #container .job-tips .ce_list li:nth-of-type(9) {
          max-width: 35%;
          margin-left: 25px; }
        #container .job-tips .ce_list li:nth-of-type(2) {
          max-width: 35%;
          margin-right: 25px; }
        #container .job-tips .ce_list li:nth-of-type(4) {
          max-width: 39%;
          margin-right: 10px; }
        #container .job-tips .ce_list li:nth-of-type(6) {
          max-width: 34%;
          margin-right: 50px; }
        #container .job-tips .ce_list li:nth-of-type(8) {
          max-width: 36%;
          margin-right: 45px; }
        #container .job-tips .ce_list li:nth-of-type(10) {
          max-width: 40%;
          margin-right: 5px; }
        #container .job-tips .ce_list li.last {
          background-color: transparent;
          float: none;
          height: 1px;
          position: static; }
          #container .job-tips .ce_list li.last:after {
            display: none; }
          #container .job-tips .ce_list li.last div.lace {
            background: transparent url(../../files/standard/layout/images/jana/lace-middle.png) repeat-y left bottom;
            bottom: 0;
            height: 100%;
            left: 50%;
            overflow: visible;
            position: absolute;
            top: 0;
            width: 60px; }
            #container .job-tips .ce_list li.last div.lace:before {
              background: transparent url(../../files/standard/layout/images/jana/lace-top.png) no-repeat left top;
              content: '';
              height: 237px;
              left: 0;
              position: absolute;
              top: -21px;
              width: 116px; }
            #container .job-tips .ce_list li.last div.lace:after {
              background: transparent url(../../files/standard/layout/images/jana/lace-bottom.png) no-repeat left top;
              content: '';
              height: 257px;
              left: 0;
              position: absolute;
              top: 100%;
              width: 60px; }

  .btn-charity {
    margin-bottom: 13px !important; }

  /*------------------------------------------------------------------------*/
  /**
   * News page only
   */
  #container #news,
  #container #archiv {
    max-width: 1050px !important; }
    #container #news .layout_full,
    #container #archiv .layout_full {
      margin-bottom: 21px;
      margin-top: 21px;
      padding-bottom: 13px;
      position: relative;
      letter-spacing: -1px;
      text-align: left; }
      #container #news .layout_full h3,
      #container #news .layout_full .ce_text,
      #container #archiv .layout_full h3,
      #container #archiv .layout_full .ce_text {
        max-width: 100%; }
      #container #news .layout_full:last-child:after,
      #container #archiv .layout_full:last-child:after {
        display: none; }
      #container #news .layout_full .rs-column,
      #container #archiv .layout_full .rs-column {
        position: relative; }
        #container #news .layout_full .rs-column .ce_download,
        #container #archiv .layout_full .rs-column .ce_download {
          text-align: right; } }
      @media only screen and (min-width: 900px) {
        #container #news .layout_full .rs-column .ce_download,
        #container #archiv .layout_full .rs-column .ce_download {
          bottom: 0;
          position: absolute;
          right: 0; } }
      @media only screen and (max-width: 900px) {
        #container #news .layout_full .rs-column,
        #container #archiv .layout_full .rs-column {
          height: auto !important; }
          #container #news .layout_full .rs-column .ce_download,
          #container #archiv .layout_full .rs-column .ce_download {
            text-align: left; } }

@media screen, projection {
  /**
   * global styles
   */
  .main .button:after, .button:after {
    position: relative;
    top: 1px; }

  /*------------------------------------------------------------------------*/
  /**
   * Privacy protection page only
   */
  .privacy_protection h3, .privacy_protection h4,
  .privacy_protection .ce_list {
    text-align: left; }
  .privacy_protection .ce_text {
    text-align: justify; }

  /*------------------------------------------------------------------------*/
  footer {
    border-top: 1px solid #d1d1d1;
    margin: 0 auto 0 auto;
    max-width: 1190px;
    padding: 0;
    text-align: right; } }
  @media only screen and (max-width: 1190px) {
    footer {
      width: 90%; } }

@media screen, projection {
  /*------------------------------------------------------------------------*/
  .clearfix, #jobs-career-details.mod_article .jobs-career-details .item .qualification, #jobs-career-details.mod_article .jobs-career-details .item .contact, .ce_rsce_statement .inner, #container .job-tips .ce_list {
    *zoom: 1; }
    .clearfix:before, #jobs-career-details.mod_article .jobs-career-details .item .qualification:before, #jobs-career-details.mod_article .jobs-career-details .item .contact:before, .ce_rsce_statement .inner:before, #container .job-tips .ce_list:before, .clearfix:after, #jobs-career-details.mod_article .jobs-career-details .item .qualification:after, #jobs-career-details.mod_article .jobs-career-details .item .contact:after, .ce_rsce_statement .inner:after, #container .job-tips .ce_list:after {
      content: ".";
      display: block;
      height: 0;
      overflow: hidden; }
    .clearfix:after, #jobs-career-details.mod_article .jobs-career-details .item .qualification:after, #jobs-career-details.mod_article .jobs-career-details .item .contact:after, .ce_rsce_statement .inner:after, #container .job-tips .ce_list:after {
      clear: both; } }
.accordionWrapper {
  margin-top: 54px; }
  .accordionWrapper ul {
    margin: 0;
    padding: 0; }
    .accordionWrapper ul li {
      list-style: none;
      display: inline-block;
      vertical-align: top;
      margin: 0 40px 0 0; }
      .accordionWrapper ul li:last-child {
        margin: 0; }
  .accordionWrapper .accordionHidden {
    text-align: center;
    display: none; }
    .accordionWrapper .accordionHidden.open {
      display: block; }
  .accordionWrapper.lastone {
    margin-bottom: 67px; }

.engage {
  margin: 22px 0 0; }

.img-right img {
  float: right; }

.email {
  text-decoration: none; }

.low-margin-headline {
  margin: 34px 0 15px; }

.no-bullets-list ul li {
  list-style: none; }
  .no-bullets-list ul li:before {
    display: none; }

.more-margin-img {
  margin-top: 30px; }

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

/** mobile
 *
 */
.mobileDevices .gewinnspiel {
  display: none; }
.mobileDevices .red_bullets ul li:before, .mobileDevices .ce_list:not(.data) ul li:before {
  content: ""; }
.mobileDevices p, .mobileDevices li, .mobileDevices h3, .mobileDevices h2, .mobileDevices h6 {
  text-align: left !important; }
.mobileDevices .mod_article.first {
  margin-top: 30px !important; }
.mobileDevices .change-languages {
  right: 0;
  top: 35px; }
.mobileDevices h3 {
  margin-bottom: 20px; }
.mobileDevices.lang-ru p, .mobileDevices.lang-ru li {
  font-size: 14px !important; }

/*------------------------------------------------------------------------*/
/*
* Set custom background
* for Startseite
*/
@media only screen and (max-width: 1190px) {
  .mod_article {
    padding: 0 0 0 0 !important; } }

.jana-comfort {
  position: relative;
  width: 100%;
  max-width: 1190px;
  height: auto;
  display: block;
  overflow: visible; }
  .jana-comfort .jana-comfort-imgwrapper {
    position: absolute;
    width: 100%;
    max-width: 100%;
    height: auto;
    top: 0;
    left: 0; }
    @media only screen and (max-width: 510px) {
      .jana-comfort .jana-comfort-imgwrapper {
        position: static;
        display: none; } }
  @media only screen and (max-width: 929px) {
    .jana-comfort .large-bg-wrapp {
      display: none; } }
  .jana-comfort .small-bg-wrapp {
    display: none; }
    @media only screen and (max-width: 929px) {
      .jana-comfort .small-bg-wrapp {
        display: block; } }
  .jana-comfort .jana-comfort-textwrapper {
    box-sizing: border-box;
    max-width: 400px;
    width: 100%;
    padding: 40px;
    position: relative;
    right: 0;
    top: 95px;
    float: right; }
    @media only screen and (max-width: 1190px) {
      .jana-comfort .jana-comfort-textwrapper {
        max-width: 350px; } }
    @media only screen and (max-width: 1100px) {
      .jana-comfort .jana-comfort-textwrapper {
        top: 40px; } }
    @media only screen and (max-width: 1030px) {
      .jana-comfort .jana-comfort-textwrapper {
        max-width: 330px;
        top: 20px; } }
    @media only screen and (max-width: 929px) {
      .jana-comfort .jana-comfort-textwrapper {
        overflow: visible;
        height: 400px;
        margin: 361px 25% 0 0; } }
    @media only screen and (max-width: 890px) {
      .jana-comfort .jana-comfort-textwrapper {
        margin: 350px 25% 0 0; } }
    @media only screen and (max-width: 855px) {
      .jana-comfort .jana-comfort-textwrapper {
        margin: 350px 25% 0 0;
        height: 400px; } }
    @media only screen and (max-width: 830px) {
      .jana-comfort .jana-comfort-textwrapper {
        margin: 325px 25% 0 0; } }
    @media only screen and (max-width: 800px) {
      .jana-comfort .jana-comfort-textwrapper {
        height: 400px; } }
    @media only screen and (max-width: 790px) {
      .jana-comfort .jana-comfort-textwrapper {
        margin: 305px 25% 0 0; } }
    @media only screen and (max-width: 770px) {
      .jana-comfort .jana-comfort-textwrapper {
        margin: 330px 25% 0 0;
        height: 330px; } }
    @media only screen and (max-width: 750px) {
      .jana-comfort .jana-comfort-textwrapper {
        margin: 320px 25% 0 0;
        height: 324px; } }
    @media only screen and (max-width: 720px) {
      .jana-comfort .jana-comfort-textwrapper {
        margin: 290px 25% 0 0;
        height: 324px; } }
    @media only screen and (max-width: 630px) {
      .jana-comfort .jana-comfort-textwrapper {
        margin: 270px 20% 0 0;
        height: 350px; } }
    @media only screen and (max-width: 550px) {
      .jana-comfort .jana-comfort-textwrapper {
        margin: 240px 13% 0 0; } }
    @media only screen and (max-width: 510px) {
      .jana-comfort .jana-comfort-textwrapper {
        margin: 0px;
        height: auto;
        float: none;
        max-width: 100%;
        padding: 0; } }
    .jana-comfort .jana-comfort-textwrapper h1, .jana-comfort .jana-comfort-textwrapper h2 {
      font-size: 60px;
      color: #000000;
      position: relative; }
      .jana-comfort .jana-comfort-textwrapper h1.one-hundred-black, .jana-comfort .jana-comfort-textwrapper h2.one-hundred-black {
        top: -5px; }
        @media only screen and (max-width: 929px) {
          .jana-comfort .jana-comfort-textwrapper h1.one-hundred-black, .jana-comfort .jana-comfort-textwrapper h2.one-hundred-black {
            margin-top: 50px; } }
        @media only screen and (max-width: 770px) {
          .jana-comfort .jana-comfort-textwrapper h1.one-hundred-black, .jana-comfort .jana-comfort-textwrapper h2.one-hundred-black {
            font-size: 35px;
            width: 100%;
            margin-top: 10px; } }
        @media only screen and (max-width: 510px) {
          .jana-comfort .jana-comfort-textwrapper h1.one-hundred-black, .jana-comfort .jana-comfort-textwrapper h2.one-hundred-black {
            width: 100%; } }
      .jana-comfort .jana-comfort-textwrapper h1.one-hundred-comfort-black, .jana-comfort .jana-comfort-textwrapper h2.one-hundred-comfort-black {
        top: -55px;
        margin-bottom: 0; }
        @media only screen and (max-width: 770px) {
          .jana-comfort .jana-comfort-textwrapper h1.one-hundred-comfort-black, .jana-comfort .jana-comfort-textwrapper h2.one-hundred-comfort-black {
            font-size: 35px;
            width: 100%;
            margin-top: 0; } }
        @media only screen and (max-width: 770px) {
          .jana-comfort .jana-comfort-textwrapper h1.one-hundred-comfort-black, .jana-comfort .jana-comfort-textwrapper h2.one-hundred-comfort-black {
            top: -25px; } }
    .jana-comfort .jana-comfort-textwrapper h3 {
      font-size: 1.5625em;
      margin-bottom: 72px; }
    .jana-comfort .jana-comfort-textwrapper .cta-text {
      width: 205px;
      position: relative; }
      @media only screen and (max-width: 929px) {
        .jana-comfort .jana-comfort-textwrapper .cta-text {
          position: relative;
          margin-top: -45px; } }
      @media only screen and (max-width: 855px) {
        .jana-comfort .jana-comfort-textwrapper .cta-text {
          margin-top: -60px; } }
      @media only screen and (max-width: 770px) {
        .jana-comfort .jana-comfort-textwrapper .cta-text {
          margin-top: -30px; } }
      @media only screen and (max-width: 510px) {
        .jana-comfort .jana-comfort-textwrapper .cta-text {
          margin: 30px auto !important; } }
      .jana-comfort .jana-comfort-textwrapper .cta-text p {
        color: #000000;
        text-align: center;
        margin-bottom: 0; }
    @media only screen and (max-width: 510px) {
      .jana-comfort .jana-comfort-textwrapper .button {
        margin: 38px auto 86px auto;
        display: block !important; } }
    .jana-comfort .jana-comfort-textwrapper .jana-comfort-logo {
      margin-bottom: 106px; }

.striplineBottom {
  clear: both;
  margin: 55px 0 70px 0; }

/*------------------------------------------------------------------------*/
/*
* Set custom Slider
* for Unternehmen - Story Slider
*/
.history .ce_caroufredsel {
  padding: 0;
  margin: 55px 0 50px 0;
  height: 239px; }

.history-teaser {
  margin-top: -17px;
  overflow: visible; }
  .history-teaser .caroufredsel_wrapper {
    height: 239px !important; }
  .history-teaser .story-slider-content {
    background-repeat: no-repeat;
    box-sizing: border-box;
    margin: 0 15px;
    padding: 0 !important;
    background-color: #f7f7f7; }
    .history-teaser .story-slider-content .story-slider-inhalt {
      text-align: center;
      box-sizing: border-box;
      padding: 0 25px 0 230px; }
      @media only screen and (max-width: 1110px) {
        .history-teaser .story-slider-content .story-slider-inhalt {
          padding: 0 25px 0; } }
      @media only screen and (max-width: 1024px) {
        .history-teaser .story-slider-content .story-slider-inhalt {
          margin: 0 auto;
          float: none;
          max-width: 100%; } }
      @media only screen and (max-width: 768px) {
        .history-teaser .story-slider-content .story-slider-inhalt {
          padding: 30px; } }
      .history-teaser .story-slider-content .story-slider-inhalt h1, .history-teaser .story-slider-content .story-slider-inhalt h2 {
        color: #000000;
        font-family: "bariol_regular";
        font-size: 63px;
        margin: 0 0 0 0;
        padding: 0;
        position: relative;
        text-align: center;
        box-sizing: border-box; }
      .history-teaser .story-slider-content .story-slider-inhalt p {
        text-align: center;
        margin: 0;
        padding: 10px 0 0 0 !important;
        box-sizing: border-box;
        line-height: 16px;
        font-size: 93%; }
      .history-teaser .story-slider-content .story-slider-inhalt .button {
        margin: 25px 0 20px 0px !important;
        font-size: 90% !important; }
        @media only screen and (max-width: 1190px) {
          .history-teaser .story-slider-content .story-slider-inhalt .button {
            margin: 12px 0 20px 10px !important; } }
  .history-teaser .twenty-ten {
    background-image: url(../../files/standard/layout/images/jana/History-Banner_2010.png); }
    @media only screen and (max-width: 1110px) {
      .history-teaser .twenty-ten {
        background: #f7f7f7; } }
  .history-teaser .twenty-eleven {
    background-image: url(../../files/standard/layout/images/jana/History-Banner_2011.png); }
    @media only screen and (max-width: 1110px) {
      .history-teaser .twenty-eleven {
        background: #f7f7f7; } }
  .history-teaser .twenty-twelve {
    background-image: url(../../files/standard/layout/images/jana/History-Banner_2012.png); }
    @media only screen and (max-width: 1110px) {
      .history-teaser .twenty-twelve {
        background: #f7f7f7; } }
  .history-teaser .twenty-thirteen {
    background-image: url(../../files/standard/layout/images/jana/History-Banner_2013.png); }
    @media only screen and (max-width: 1110px) {
      .history-teaser .twenty-thirteen {
        background: #f7f7f7; } }
  .history-teaser .twenty-fourteen {
    background-image: url(../../files/standard/layout/images/jana/History-Banner_2014.png); }
    @media only screen and (max-width: 1110px) {
      .history-teaser .twenty-fourteen {
        background: #f7f7f7; } }

.history-teaser .caroufredsel_navi .caroufredsel_prev {
  background: url(../../files/standard/layout/images/jana/story-arrow-left.png) no-repeat left center;
  top: 65%; }
.history-teaser .caroufredsel_navi .caroufredsel_next {
  background: url(../../files/standard/layout/images/jana/story-arrow-right.png) no-repeat right center;
  top: 65%; }

/*------------------------------------------------------------------------*/
.lang-en .jana-story-textwrapper h2 {
  margin-top: 0; }

/*------------------------------------------------------------------------*/
/*
* Set custom background
* for Startseite
*/
.jana-story {
  position: relative;
  width: 100%;
  max-width: 1190px;
  height: auto;
  display: block;
  overflow: visible; }
  @media only screen and (max-width: 767px) {
    .jana-story .striplineBottom {
      display: none; } }
  .jana-story .jana-story-imgwrapper {
    position: absolute;
    width: 100%;
    max-width: 100%;
    height: auto;
    top: 0;
    left: 0; }
    @media only screen and (max-width: 700px) {
      .jana-story .jana-story-imgwrapper {
        display: none; } }
    .jana-story .jana-story-imgwrapper .img-mobile {
      display: none; }
    @media only screen and (max-width: 1075px) {
      .jana-story .jana-story-imgwrapper .img-desktop {
        display: none; }
      .jana-story .jana-story-imgwrapper .img-mobile {
        display: block; } }
  .jana-story .jana-story-textwrapper {
    box-sizing: border-box;
    max-width: 750px;
    width: 100%;
    padding: 40px;
    position: relative;
    right: 7%;
    top: 95px;
    float: right; }
    @media only screen and (max-width: 1190px) {
      .jana-story .jana-story-textwrapper {
        max-width: 741px;
        top: -23px; } }
    @media only screen and (max-width: 1105px) {
      .jana-story .jana-story-textwrapper {
        max-width: 701px;
        top: -35px; } }
    @media only screen and (max-width: 1075px) {
      .jana-story .jana-story-textwrapper {
        max-width: 100%;
        width: 520px;
        right: 16%;
        top: 50px; } }
    @media only screen and (max-width: 1024px) {
      .jana-story .jana-story-textwrapper {
        top: 3%; } }
    @media only screen and (max-width: 965px) {
      .jana-story .jana-story-textwrapper {
        right: 12%; } }
    @media only screen and (max-width: 860px) {
      .jana-story .jana-story-textwrapper {
        right: 8%; } }
    @media only screen and (max-width: 790px) {
      .jana-story .jana-story-textwrapper {
        right: 3%; } }
    @media only screen and (max-width: 767px) {
      .jana-story .jana-story-textwrapper {
        top: 20%; } }
    @media only screen and (max-width: 720px) {
      .jana-story .jana-story-textwrapper {
        right: 0%; } }
    @media only screen and (max-width: 700px) {
      .jana-story .jana-story-textwrapper {
        width: auto; } }
    @media only screen and (max-width: 510px) {
      .jana-story .jana-story-textwrapper {
        padding: 0; } }
    .jana-story .jana-story-textwrapper h2,
    .jana-story .jana-story-textwrapper h3 {
      color: #ffffff; }
      @media only screen and (max-width: 700px) {
        .jana-story .jana-story-textwrapper h2,
        .jana-story .jana-story-textwrapper h3 {
          color: #000000; } }
    .jana-story .jana-story-textwrapper h3 {
      font-size: 1.5625em;
      margin-bottom: 72px; }
    .jana-story .jana-story-textwrapper p {
      color: #ffffff;
      text-align: justify;
      margin: 0 auto 0 auto;
      width: 540px; }
      @media only screen and (max-width: 1075px) {
        .jana-story .jana-story-textwrapper p {
          width: auto; } }
    .jana-story .jana-story-textwrapper .cta-text p {
      color: #ffffff;
      text-align: center;
      margin-bottom: 0; }
      @media only screen and (max-width: 700px) {
        .jana-story .jana-story-textwrapper .cta-text p {
          color: #000000; } }
    .jana-story .jana-story-textwrapper .button {
      margin-top: 19px;
      border: 1px solid #ffffff; }
      .jana-story .jana-story-textwrapper .button:hover {
        background-color: #888381; }
      .jana-story .jana-story-textwrapper .button a {
        color: #ffffff !important; }
        @media only screen and (max-width: 700px) {
          .jana-story .jana-story-textwrapper .button a {
            color: inherit !important; } }

/*------------------------------------------------------------------------*/
/*
* Set custom background
* for Startseite
*/
/*
* Set custom background
* for Startseite
*/
.jana-natural {
  position: relative;
  width: 100%;
  max-width: 1190px;
  height: auto;
  display: block;
  overflow: visible; }
  .jana-natural .jana-natural-imgwrapper {
    position: absolute;
    width: 100%;
    max-width: 100%;
    height: auto;
    top: 0;
    left: 0; }
    @media only screen and (max-width: 1070px) {
      .jana-natural .jana-natural-imgwrapper {
        position: static; } }
  .jana-natural .jana-natural-textwrapper {
    box-sizing: border-box;
    max-width: 559px;
    width: 100%;
    padding: 40px 30px 100px 0px;
    position: relative;
    right: 2.4%;
    top: 70px;
    float: right;
    overflow: visible; }
    @media only screen and (max-width: 1190px) {
      .jana-natural .jana-natural-textwrapper {
        max-width: 500px;
        padding: 40px 30px 160px 0px; } }
    @media only screen and (max-width: 1110px) {
      .jana-natural .jana-natural-textwrapper {
        max-width: 495px;
        width: 100%; } }
    @media only screen and (max-width: 1070px) {
      .jana-natural .jana-natural-textwrapper {
        position: static;
        width: 100%;
        max-width: 100%;
        padding: 40px 0; } }
    .jana-natural .jana-natural-textwrapper .ce_text {
      text-align: justify; }
    .jana-natural .jana-natural-textwrapper .ce_image {
      margin-top: -20px; }
    .jana-natural .jana-natural-textwrapper h1, .jana-natural .jana-natural-textwrapper h2 {
      font-size: 60px;
      color: #000000;
      position: relative;
      font-size: 77px; }
    .jana-natural .jana-natural-textwrapper h3 {
      font-size: 1.5625em;
      margin-bottom: 20px !important; }
      @media only screen and (max-width: 1190px) {
        .jana-natural .jana-natural-textwrapper h3 {
          margin-bottom: 24px; } }
    .jana-natural .jana-natural-textwrapper .jana-natural-logo {
      margin: -21px 0 15px 0; }
      @media only screen and (max-width: 1190px) {
        .jana-natural .jana-natural-textwrapper .jana-natural-logo {
          position: absolute;
          bottom: 190px;
          left: -237px;
          display: none; } }
      @media only screen and (max-width: 1070px) {
        .jana-natural .jana-natural-textwrapper .jana-natural-logo {
          position: absolute;
          top: 10%;
          right: -66%;
          display: block; } }
      @media only screen and (max-width: 1024px) {
        .jana-natural .jana-natural-textwrapper .jana-natural-logo {
          top: 20%; } }
      @media only screen and (max-width: 860px) {
        .jana-natural .jana-natural-textwrapper .jana-natural-logo {
          top: 11%;
          right: -71%; } }
      @media only screen and (max-width: 700px) {
        .jana-natural .jana-natural-textwrapper .jana-natural-logo {
          position: static; } }
      @media only screen and (max-width: 690px) {
        .jana-natural .jana-natural-textwrapper .jana-natural-logo {
          top: 5%;
          right: -80%; } }

#container .jana-natural .rs-column {
  width: 100%; }

@media screen and (max-width: 1070px) {
  #container .jana-natural .rs-column {
    width: 48.15385%; }

  #container .jana-natural .rs-column.-large-first {
    clear: none;
    margin-left: 0 !important; }
    #container .jana-natural .rs-column.-large-first.col-two {
      margin-left: 1.637931034482759% !important; }
    #container .jana-natural .rs-column.-large-first.col-one {
      margin-right: 1.637931034482759% !important; }

  .jana-natural-textwrapper .rs-columns .col-one {
    margin: 0;
    float: left; }
    .jana-natural-textwrapper .rs-columns .col-one:after {
      content: "";
      clear: both; }
  .jana-natural-textwrapper .rs-columns .col-two {
    margin-left: 1.637931034482759% !important;
    float: left; }
    .jana-natural-textwrapper .rs-columns .col-two:after {
      content: "";
      clear: both; }

  .jana-natural-textwrapper {
    padding: 40px 0 0 0 !important; } }
.lang-ru .jana-natural {
  position: relative;
  width: 100%;
  max-width: 1190px;
  height: auto;
  display: block;
  overflow: visible; }
  .lang-ru .jana-natural .jana-natural-imgwrapper {
    position: absolute;
    width: 100%;
    max-width: 100%;
    height: auto;
    top: 0;
    left: 0; }
    @media only screen and (max-width: 1920px) {
      .lang-ru .jana-natural .jana-natural-imgwrapper {
        position: static; } }
  .lang-ru .jana-natural .jana-natural-textwrapper {
    box-sizing: border-box;
    max-width: 559px;
    width: 100%;
    padding: 40px 30px 100px 0px;
    position: relative;
    right: 2.4%;
    top: 70px;
    float: right;
    overflow: visible; }
    @media only screen and (max-width: 1920px) {
      .lang-ru .jana-natural .jana-natural-textwrapper {
        max-width: 500px;
        padding: 40px 30px 160px 0px; } }
    @media only screen and (max-width: 1110px) {
      .lang-ru .jana-natural .jana-natural-textwrapper {
        max-width: 495px;
        width: 100%; } }
    @media only screen and (max-width: 1920px) {
      .lang-ru .jana-natural .jana-natural-textwrapper {
        position: static;
        width: 100%;
        max-width: 100%;
        padding: 40px 0; } }
    .lang-ru .jana-natural .jana-natural-textwrapper .ce_text {
      text-align: justify; }
    .lang-ru .jana-natural .jana-natural-textwrapper .ce_image {
      margin-top: -20px; }
    .lang-ru .jana-natural .jana-natural-textwrapper h1, .lang-ru .jana-natural .jana-natural-textwrapper h2 {
      font-size: 60px;
      color: #000000;
      position: relative;
      font-size: 77px; }
    .lang-ru .jana-natural .jana-natural-textwrapper h3 {
      font-size: 1.5625em;
      margin-bottom: 20px !important; }
      @media only screen and (max-width: 1190px) {
        .lang-ru .jana-natural .jana-natural-textwrapper h3 {
          margin-bottom: 24px; } }
    .lang-ru .jana-natural .jana-natural-textwrapper .jana-natural-logo {
      margin: -21px 0 15px 0; }
      @media only screen and (max-width: 1920px) {
        .lang-ru .jana-natural .jana-natural-textwrapper .jana-natural-logo {
          position: absolute;
          bottom: 190px;
          left: -237px;
          display: none; } }
      @media only screen and (max-width: 1920px) {
        .lang-ru .jana-natural .jana-natural-textwrapper .jana-natural-logo {
          position: absolute;
          top: 25%;
          right: -66%;
          display: block; } }
      @media only screen and (max-width: 1024px) {
        .lang-ru .jana-natural .jana-natural-textwrapper .jana-natural-logo {
          top: 20%; } }
      @media only screen and (max-width: 860px) {
        .lang-ru .jana-natural .jana-natural-textwrapper .jana-natural-logo {
          top: 11%;
          right: -71%; } }
      @media only screen and (max-width: 690px) {
        .lang-ru .jana-natural .jana-natural-textwrapper .jana-natural-logo {
          top: 5%;
          right: -80%; } }

#container .jana-natural .rs-column {
  width: 100%; }

@media screen and (max-width: 1920px) {
  .lang-ru #container .jana-natural .rs-column {
    width: 48.15385%; }

  .lang-ru #container .jana-natural .rs-column.-large-first {
    clear: none;
    margin-left: 0 !important; }
    .lang-ru #container .jana-natural .rs-column.-large-first.col-two {
      margin-left: 1.637931034482759% !important; }
    .lang-ru #container .jana-natural .rs-column.-large-first.col-one {
      margin-right: 1.637931034482759% !important; }

  .lang-ru .jana-natural-textwrapper .rs-columns .col-one {
    margin: 0;
    float: left; }
    .lang-ru .jana-natural-textwrapper .rs-columns .col-one:after {
      content: "";
      clear: both; }
  .lang-ru .jana-natural-textwrapper .rs-columns .col-two {
    margin-left: 1.637931034482759% !important;
    float: left; }
    .lang-ru .jana-natural-textwrapper .rs-columns .col-two:after {
      content: "";
      clear: both; }

  .lang-ru .jana-natural-textwrapper {
    padding: 40px 0 0 0 !important; } }
/*------------------------------------------------------------------------*/
/*
* Set custom Slider
* for verantwortung - environment slider
*/
.ce_caroufredsel.jana-slider {
  padding: 0 !important;
  margin-top: 0px; }

.responsibility .caroufredsel > div figure img, .responsibility .caroufredsel > div figure figcaption {
  border-radius: 0 !important; }

.environment-slider {
  padding: 0; }
  .environment-slider .ce_text {
    box-sizing: border-box;
    -webkit-transition: background 500ms ease;
    -moz-transition: background 500ms ease;
    -ms-transition: background 500ms ease;
    -o-transition: background 500ms ease;
    transition: background 500ms ease; }
    .environment-slider .ce_text.visible {
      background-color: #f7f7f7; }

.environment-slider .caroufredsel_navi {
  position: relative; }
  .environment-slider .caroufredsel_navi .caroufredsel_prev {
    background: url(../../files/standard/layout/images/jana/story-arrow-left.png) no-repeat left center;
    top: -172px;
    left: 0; }
  .environment-slider .caroufredsel_navi .caroufredsel_next {
    background: url(../../files/standard/layout/images/jana/story-arrow-right.png) no-repeat right center;
    top: -172px;
    right: 0; }

@media only screen and (max-width: 980px) {
  .desktop-environment-slider {
    display: none; } }

.tablet-environment-slider {
  display: none; }
  @media only screen and (max-width: 980px) {
    .tablet-environment-slider {
      display: block; }
      .tablet-environment-slider .ce_text {
        background-color: #f7f7f7;
        box-sizing: border-box; } }
  .tablet-environment-slider .caroufredsel_next,
  .tablet-environment-slider .caroufredsel_prev {
    top: -110px !important; }

.caroufredsel h2 {
  letter-spacing: 2.4px !important;
  line-height: 120% !important; }
.caroufredsel p {
  letter-spacing: .8px;
  padding: 8px 0; }

/*------------------------------------------------------------------------*/
/*
* Set custom Slider
* for verantwortung - environment slider
*/
#gewinnspiel .ce_form {
  padding: 3px; }

.contact .ce_form {
  padding: 3px; }
.contact .formbody textarea,
.contact .formbody select,
.contact .formbody input {
  text-transform: capitalize; }
.contact .formbody .textbox {
  min-height: 205px; }
.contact .maxButton-rp {
  width: 100%;
  background: #dfdfdf;
  margin: 0;
  cursor: pointer;
  position: relative; }
  .contact .maxButton-rp:after {
    -webkit-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false);
    -moz-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false false);
    -o-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false false);
    transition: compact(all 0.5s linear, false, false, false, false, false, false, false, false, false);
    color: #cccccc;
    display: inline-block;
    content: " ";
    background: url(../../files/standard/layout/images/jana/maxButton-after.png) no-repeat right center;
    position: absolute;
    right: 10px;
    top: 12px;
    width: 10px;
    height: 14px; }
  .contact .maxButton-rp:hover {
    background: none !important;
    color: #000000; }
.contact .maxButton .button {
  margin: 24px 0 0;
  width: 100%;
  background-color: transparent;
  background: #dfdfdf;
  cursor: pointer;
  position: relative; }
  .contact .maxButton .button:after {
    -webkit-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false);
    -moz-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false false);
    -o-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false false);
    transition: compact(all 0.5s linear, false, false, false, false, false, false, false, false, false);
    color: #cccccc;
    display: inline-block;
    content: " ";
    background: url(../../files/standard/layout/images/jana/maxButton-after.png) no-repeat right center;
    position: absolute;
    right: 10px;
    top: 12px;
    width: 10px;
    height: 14px; }
  .contact .maxButton .button:hover {
    background: none;
    color: #000000; }
.contact .submit_container button {
  margin-top: 6px; }
  .contact .submit_container button:hover {
    background: none;
    color: #000000; }
  .contact .submit_container button span {
    padding: 0 33px !important; }

.lang-ru .contact .formbody textarea,
.lang-ru .contact .formbody select,
.lang-ru .contact .formbody input {
  text-transform: lowercase;
  font-family: "VAGRoundedLTCYR-Thin" !important; }

.cta-more-margin {
  padding: 83px 0 0 0 !important; }

.formbody select.mandatory {
  text-transform: capitalize;
  font-size: 16px !important; }

.formbody select {
  padding: 10px 15px !important; }

/*------------------------------------------------------------------------*/
/*
* Set custom Händlersuche
* for händlersuche - merchant
*/
.merchant-logos.ce_text {
  width: 100%;
  max-width: 100% !important; }
.merchant-logos table {
  width: 100%;
  margin: 0 auto; }
  .merchant-logos table tr td {
    width: 25%;
    padding-bottom: 30px; }
    @media only screen and (max-width: 530px) {
      .merchant-logos table tr td {
        width: auto;
        display: block; } }
    @media only screen and (max-width: 1024px) {
      .merchant-logos table tr td img {
        width: 80%; } }
    @media only screen and (max-width: 530px) {
      .merchant-logos table tr td img {
        width: auto; } }

/*
* Händlerliste
*/
#map-canvas {
  margin: 0; }

.sales-partner {
  margin: 40px 0 0 0;
  padding: 0;
  width: 100%; }
  .sales-partner ul {
    margin: 0;
    padding: 0; }
    .sales-partner ul li {
      float: left;
      list-style: none;
      width: 33%; }
      @media only screen and (max-width: 790px) {
        .sales-partner ul li {
          width: 50%; } }
      @media only screen and (max-width: 630px) {
        .sales-partner ul li {
          width: 100%; } }
      .sales-partner ul li a.icon-pointer {
        text-decoration: none;
        font-size: 20px;
        margin-top: 15px;
        width: 18px;
        display: inline-block; }
      .sales-partner ul li ul.sales-partner-list {
        margin-bottom: 30px;
        min-height: 160px;
        border-bottom: 1px solid #c8c8c8;
        margin-right: 40px; }
        @media only screen and (max-width: 1200px) {
          .sales-partner ul li ul.sales-partner-list {
            min-height: 280px; } }
        @media only screen and (max-width: 1060px) {
          .sales-partner ul li ul.sales-partner-list {
            min-height: 290px; } }
        @media only screen and (max-width: 790px) {
          .sales-partner ul li ul.sales-partner-list {
            min-height: 270px; } }
        @media only screen and (max-width: 630px) {
          .sales-partner ul li ul.sales-partner-list {
            margin-right: 0; } }
        .sales-partner ul li ul.sales-partner-list.cell_2 {
          margin-right: 0; }
        .sales-partner ul li ul.sales-partner-list li {
          display: block;
          list-style: none;
          width: 100%; }
          .sales-partner ul li ul.sales-partner-list li.phone {
            padding: 0; }
            @media only screen and (max-width: 874px) {
              .sales-partner ul li ul.sales-partner-list li.phone {
                padding: 0 0 20px 0; } }
          .sales-partner ul li ul.sales-partner-list li h3 {
            margin-bottom: 10px !important;
            font-size: 1.4em;
            font-weight: bold; }
            @media only screen and (max-width: 874px) {
              .sales-partner ul li ul.sales-partner-list li h3 {
                font-size: 1.63333em; } }
            @media only screen and (max-width: 839px) {
              .sales-partner ul li ul.sales-partner-list li h3 {
                font-size: 1.5em; } }
            @media only screen and (max-width: 790px) {
              .sales-partner ul li ul.sales-partner-list li h3 {
                font-size: 1.4em; } }
            @media only screen and (max-width: 754px) {
              .sales-partner ul li ul.sales-partner-list li h3 {
                font-size: 1.2em;
                font-weight: bold;
                line-height: 1.3em; } }
            .sales-partner ul li ul.sales-partner-list li h3 + h3 {
              font-size: 1.2em;
              line-height: 15px;
              font-weight: normal; }

.onlineshops .city {
  display: none !important; }

/*------------------------------------------------------------------------*/
/*
* News overview
*/
#news {
  max-width: 100% !important;
  width: 100%; }
  #news .info {
    display: none; }

#news h2, #news h1 {
  font-size: 30px;
  text-align: center;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0; }
#news h2 {
  padding-top: 3px !important; }
  @media only screen and (max-width: 360px) {
    #news h2 {
      font-size: 40px; } }
#news h3.subtitle {
  margin-top: 18px;
  text-align: center;
  width: 100%;
  font-size: 18px;
  margin-bottom: 26px; }
#news .ce_image {
  display: table-cell;
  margin-bottom: 32px;
  vertical-align: top;
  width: 285px; }
  #news .ce_image img {
    width: 285px; }
    @media only screen and (max-width: 360px) {
      #news .ce_image img {
        width: auto; } }
  @media only screen and (max-width: 600px) {
    #news .ce_image {
      display: block; } }
  @media only screen and (max-width: 360px) {
    #news .ce_image {
      width: 100%; } }
#news .ce_text {
  box-sizing: border-box;
  display: table-cell;
  padding-left: 35px;
  vertical-align: top;
  width: calc(100% - 285px); }
  @media only screen and (max-width: 600px) {
    #news .ce_text {
      padding-left: 0; } }
  #news .ce_text h2, #news .ce_text h3 {
    text-align: left;
    margin-bottom: 0; }
  #news .ce_text p {
    padding: 0; }
#news .button {
  text-align: center;
  letter-spacing: 0.14em;
  display: table;
  width: 178px; }
#news ul {
  display: table; }

/*------------------------------------------------------------------------*/
/*
* Mobile navigation
*/
#social .mobile-nav-button {
  position: absolute;
  right: 0;
  top: 49px; }
  #social .mobile-nav-button .dl-trigger {
    text-decoration: none;
    font-size: 1.6em;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out; }
    #social .mobile-nav-button .dl-trigger:hover {
      color: #ccc; }
    #social .mobile-nav-button .dl-trigger span {
      display: none; }
      #social .mobile-nav-button .dl-trigger span:before {
        content: ""; }

/*------------------------------------------------------------------------*/
/*
* change languages
*/
.mod_changelanguage.change-languages #toggle-change-languages {
  cursor: pointer;
  width: 60px; }
  .mod_changelanguage.change-languages #toggle-change-languages.on {
    margin-left: 15px; }
  .mod_changelanguage.change-languages #toggle-change-languages:after {
    background-image: url(../../files/standard/layout/images/jana/lang/lang-arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
    content: ' ';
    position: absolute;
    width: 14px;
    height: 13px;
    right: 0px;
    top: 6px; }
  .mod_changelanguage.change-languages #toggle-change-languages .lang-de:after {
    background-image: url(../../files/standard/layout/images/jana/lang/de.gif);
    background-repeat: no-repeat;
    background-position: right center;
    content: ' ';
    position: absolute;
    width: 16px;
    height: 13px;
    right: 16px;
    top: 6px; }
  .mod_changelanguage.change-languages #toggle-change-languages .lang-en:after {
    background-image: url(../../files/standard/layout/images/jana/lang/en.gif);
    background-repeat: no-repeat;
    background-position: right center;
    content: ' ';
    position: absolute;
    width: 16px;
    height: 13px;
    right: 16px;
    top: 6px; }
  .mod_changelanguage.change-languages #toggle-change-languages .lang-fr:after {
    background-image: url(../../files/standard/layout/images/jana/lang/fr.gif);
    background-repeat: no-repeat;
    background-position: right center;
    content: ' ';
    position: absolute;
    width: 16px;
    height: 13px;
    right: 16px;
    top: 6px; }
  .mod_changelanguage.change-languages #toggle-change-languages .lang-ru:after {
    background-image: url(../../files/standard/layout/images/jana/lang/ru.gif);
    background-repeat: no-repeat;
    background-position: right center;
    content: ' ';
    position: absolute;
    width: 16px;
    height: 13px;
    right: 16px;
    top: 6px; }
.mod_changelanguage.change-languages ul {
  display: none;
  box-sizing: border-box;
  padding: 0 15px 15px 15px; }
  .mod_changelanguage.change-languages ul.open {
    display: block;
    position: relative;
    z-index: 99;
    background-color: #fff; }
    .mod_changelanguage.change-languages ul.open li {
      float: none;
      display: block;
      margin: 0;
      padding: 0;
      width: 45px; }
      @media only screen and (max-width: 460px) {
        .mod_changelanguage.change-languages ul.open li {
          margin-bottom: 5px; } }
      .mod_changelanguage.change-languages ul.open li span,
      .mod_changelanguage.change-languages ul.open li a {
        display: block; }
        .mod_changelanguage.change-languages ul.open li span:hover,
        .mod_changelanguage.change-languages ul.open li a:hover {
          text-decoration: none;
          border: none;
          color: #ccc !important; }
        .mod_changelanguage.change-languages ul.open li span.active,
        .mod_changelanguage.change-languages ul.open li a.active {
          display: none;
          opacity: 0;
          width: 0;
          padding: 0; }
      .mod_changelanguage.change-languages ul.open li a.lang-en:after {
        background-image: url(../../files/standard/layout/images/jana/lang/en.gif);
        background-repeat: no-repeat;
        background-position: right center;
        content: ' ';
        position: absolute;
        width: 16px;
        height: 11px;
        right: 0;
        top: 5px; }
      .mod_changelanguage.change-languages ul.open li a.lang-de:after {
        background-image: url(../../files/standard/layout/images/jana/lang/de.gif);
        background-repeat: no-repeat;
        background-position: right center;
        content: ' ';
        position: absolute;
        width: 16px;
        height: 11px;
        right: 0;
        top: 5px; }
      .mod_changelanguage.change-languages ul.open li a.lang-fr:after {
        background-image: url(../../files/standard/layout/images/jana/lang/fr.gif);
        background-repeat: no-repeat;
        background-position: right center;
        content: ' ';
        position: absolute;
        width: 16px;
        height: 11px;
        right: 0;
        top: 5px; }
      .mod_changelanguage.change-languages ul.open li a.lang-ru:after {
        background-image: url(../../files/standard/layout/images/jana/lang/ru.gif);
        background-repeat: no-repeat;
        background-position: right center;
        content: ' ';
        position: absolute;
        width: 16px;
        height: 11px;
        right: 0;
        top: 5px; }
      .mod_changelanguage.change-languages ul.open li.active.last {
        display: none; }

/*------------------------------------------------------------------------*/
/*
* Slider
*/
.ls-nav-prev {
  background-image: url(../../files/standard/layout/images/jana/arrow-left.png) !important;
  background-repeat: no-repeat;
  background-position: left center !important;
  width: 75px !important;
  height: 154px !important;
  position: absolute !important;
  left: 0 !important;
  top: 36% !important;
  margin-top: 0 !important; }

.ls-nav-next {
  background-image: url(../../files/standard/layout/images/jana/arrow-right.png) !important;
  background-repeat: no-repeat;
  background-position: right center !important;
  width: 75px !important;
  height: 154px !important;
  position: absolute !important;
  right: 0 !important;
  top: 36% !important;
  margin-top: 0 !important; }

@media only screen and (max-width: 1000px) {
  .ls-nav-next,
  .ls-nav-prev {
    top: 29% !important; } }
@media only screen and (max-width: 768px) {
  .ls-nav-next,
  .ls-nav-prev {
    top: 25% !important; } }
@media only screen and (max-width: 460px) {
  .ls-nav-next,
  .ls-nav-prev {
    top: 50% !important;
    margin-top: -77px !important; } }

/*------------------------------------------------------------------------*/
/*
* Technologie Box
*/
.technology #container .rs-columns .rs-column.-large-last {
  margin-left: 0 !important;
  margin-right: 0 !important; }
.technology #container .rs-columns .rs-column {
  box-sizing: border-box;
  margin-right: 3.361344537815126% !important; }
.technology .wrapper-technologiebox {
  margin-top: 0px; }
  .technology .wrapper-technologiebox .rs-column {
    box-sizing: border-box;
    width: 31.09243697478992% !important; }
  .technology .wrapper-technologiebox .lightbox {
    background-color: #d2cbc8;
    box-sizing: border-box;
    vertical-align: top;
    margin-bottom: 13.4453781512605% !important;
    -moz-osx-font-smoothing: grayscale; }
    .technology .wrapper-technologiebox .lightbox a {
      display: block; }
      .technology .wrapper-technologiebox .lightbox a img {
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        height: auto;
        border-radius: 0 !important;
        -webkit-border-radius: 0 !important; }

/*------------------------------------------------------------------------*/
/*
* Set custom Settings
* for Impressum
*/
.datenschutz .mod_article,
.impressum .mod_article {
  text-align: left !important; }
  .datenschutz .mod_article .ce_list,
  .impressum .mod_article .ce_list {
    max-width: 100% !important;
    text-align: justify; }
    .datenschutz .mod_article .ce_list h3,
    .impressum .mod_article .ce_list h3 {
      margin: 0 !important; }
    .datenschutz .mod_article .ce_list ul,
    .impressum .mod_article .ce_list ul {
      margin: 15px 0;
      padding-left: 0; }
      .datenschutz .mod_article .ce_list ul li,
      .impressum .mod_article .ce_list ul li {
        list-style: none;
        display: block; }
        .datenschutz .mod_article .ce_list ul li:before,
        .impressum .mod_article .ce_list ul li:before {
          content: '';
          display: none; }
  .datenschutz .mod_article h3,
  .impressum .mod_article h3 {
    margin-bottom: 0; }
  .datenschutz .mod_article .ce_text,
  .impressum .mod_article .ce_text {
    margin: 0 !important; }
    .datenschutz .mod_article .ce_text h3,
    .impressum .mod_article .ce_text h3 {
      margin-bottom: 0; }
  .datenschutz .mod_article.last,
  .impressum .mod_article.last {
    margin-top: 40px !important;
    margin-bottom: 40px !important; }

/*------------------------------------------------------------------------*/
/*
* Set custom Settings
* for Datenschutz
*/
.datenschutz .rs-columns h3 {
  text-align: left !important;
  line-height: 31px; }

/*------------------------------------------------------------------------*/
/*
* Set custom lightbox
* for technologie
*/
#cboxOverlay {
  opacity: 0.1 !important; }

#colorbox:hover #cboxNext,
#colorbox:hover #cboxPrevious {
  opacity: .7; }
#colorbox #cboxContent {
  background: none !important; }
#colorbox #cboxLoadedContent {
  border: 0 !important; }
#colorbox #container p {
  margin: 0 0 40px 0; }
#colorbox #cboxCurrent {
  display: none !important; }
#colorbox #cboxClose {
  background: url(../../files/standard/layout/images/jana/close.png) no-repeat top center !important;
  top: 13px; }
  @media only screen and (max-width: 1190px) {
    #colorbox #cboxClose {
      right: 60px;
      top: 53px; } }
  @media screen and (max-width: 970px), screen and (max-height: 970px) {
    #colorbox #cboxClose {
      top: 20px; } }
#colorbox #cboxNext {
  background-image: url(../../files/standard/layout/images/jana/lightbox-arrow-right.png) !important;
  background-repeat: no-repeat;
  background-position: right center !important;
  width: 75px !important;
  height: 154px !important;
  right: 0 !important;
  opacity: 0;
  -webkit-transition: compact(compact(all 0.1s linear, false, false, false, false, false, false, false, false, false) false false);
  -moz-transition: compact(compact(all 0.1s linear, false, false, false, false, false, false, false, false, false) false false false);
  -o-transition: compact(compact(all 0.1s linear, false, false, false, false, false, false, false, false, false) false false false);
  transition: compact(all 0.1s linear, false, false, false, false, false, false, false, false, false); }
#colorbox #cboxPrevious {
  background-image: url(../../files/standard/layout/images/jana/lightbox-arrow-left.png) !important;
  background-repeat: no-repeat;
  background-position: left center !important;
  width: 75px !important;
  height: 154px !important;
  left: 0 !important;
  opacity: 0;
  -webkit-transition: compact(compact(all 0.1s linear, false, false, false, false, false, false, false, false, false) false false);
  -moz-transition: compact(compact(all 0.1s linear, false, false, false, false, false, false, false, false, false) false false false);
  -o-transition: compact(compact(all 0.1s linear, false, false, false, false, false, false, false, false, false) false false false);
  transition: compact(all 0.1s linear, false, false, false, false, false, false, false, false, false); }

.technology #colorbox #cboxPrevious {
  left: 15px !important; }
.technology #colorbox #cboxNext {
  right: 15px !important; }

#cboxTitle {
  display: none !important; }

/*------------------------------------------------------------------------*/
/*
* Kollektion
*/
.ce_metamodels_frontendfilter {
  margin: 50px 0 50px 0; }
  @media only screen and (max-width: 768px) {
    .ce_metamodels_frontendfilter {
      margin: 50px 0 60px 0; } }
  .ce_metamodels_frontendfilter form {
    padding: 10px 0;
    box-sizing: border-box;
    background-color: #f6f6f6; }
    .ce_metamodels_frontendfilter form .formbody {
      max-width: 100%;
      margin: 0 auto;
      padding: 0; }
      @media only screen and (max-width: 784px) {
        .ce_metamodels_frontendfilter form .formbody {
          padding: 20px 40px; } }
      .ce_metamodels_frontendfilter form .formbody h3 {
        margin: 0 17px 0 0;
        padding: 0 0 0 17px;
        line-height: 1em;
        display: inline;
        font-size: 1em;
        vertical-align: middle;
        color: #666;
        font-family: "bariol_regular";
        position: relative;
        top: -3px; }
        @media only screen and (max-width: 784px) {
          .ce_metamodels_frontendfilter form .formbody h3 {
            margin: 0 5px 20px 0;
            display: block; } }
      .ce_metamodels_frontendfilter form .formbody .mm_text,
      .ce_metamodels_frontendfilter form .formbody .mm_select {
        width: 230px;
        margin: 0 17px 0 0;
        color: #666;
        vertical-align: middle; }
        @media only screen and (max-width: 784px) {
          .ce_metamodels_frontendfilter form .formbody .mm_text,
          .ce_metamodels_frontendfilter form .formbody .mm_select {
            width: 100%;
            max-width: 100%;
            display: block !important; } }
        .ce_metamodels_frontendfilter form .formbody .mm_text select,
        .ce_metamodels_frontendfilter form .formbody .mm_select select {
          font-size: 15px !important;
          text-transform: normal;
          padding: 8px 24px 8px 8px;
          color: #666;
          background-image: url(../../files/standard/layout/images/jana/arrow-down-jana.png);
          background-position: 96% 13px;
          background-repeat: no-repeat;
          overflow: hidden; }
          @media only screen and (max-width: 784px) {
            .ce_metamodels_frontendfilter form .formbody .mm_text select,
            .ce_metamodels_frontendfilter form .formbody .mm_select select {
              margin: 0 0 20px 0; } }
      .ce_metamodels_frontendfilter form .formbody .city input {
        color: #666;
        padding: 8px 20px 9px; }
        @media only screen and (max-width: 784px) {
          .ce_metamodels_frontendfilter form .formbody .city input {
            margin: 0 0 20px 0; } }

.lang-fr .ce_metamodels_frontendfilter form .formbody .mm_text,
.lang-fr .ce_metamodels_frontendfilter form .formbody .mm_select {
  width: 330px; }
  @media only screen and (max-width: 900px) {
    .lang-fr .ce_metamodels_frontendfilter form .formbody .mm_text,
    .lang-fr .ce_metamodels_frontendfilter form .formbody .mm_select {
      width: 100%;
      margin-top: 20px;
      padding-right: 20px;
      padding-left: 20px; } }

.ie10 .mm_select select option {
  font-family: "LP-Bambus-Regular" !important; }

.formbody .mm_select:after {
  content: " "; }
  @media only screen and (max-width: 784px) {
    .formbody .mm_select:after {
      top: 26% !important;
      content: " "; } }

.merchant select {
  overflow: visible !important; }

.overview .kollektion {
  padding: 0;
  height: auto;
  box-sizing: border-box;
  background: none;
  margin-bottom: 0; }
  .overview .kollektion ul {
    margin: 0;
    padding: 0;
    display: table;
    text-align: left;
    width: 100%; }
    .overview .kollektion ul li {
      box-sizing: border-box;
      display: inline-block;
      list-style: none;
      padding: 0 4px;
      width: calc(50% - 4px);
      height: auto;
      max-width: 50%;
      text-align: center; }
      .overview .kollektion ul li img {
        width: 100%; }
      .overview .kollektion ul li a {
        display: block; }

@media only screen and (max-width: 784px) {
  .ce_metamodels_frontendfilter form .formbody .mm_text select, .ce_metamodels_frontendfilter form .formbody .mm_select select {
    margin: 0; } }
@media screen and (min-width: 480px) {
  .overview .kollektion ul li {
    max-width: calc(33.333% - 4px); } }
.googlemap img {
  max-width: none; }

.infobubble ul li {
  width: 100%;
  float: none;
  font-size: 14px; }
  .infobubble ul li .sales-partner-list {
    border-bottom: none !important;
    margin-right: 0 !important; }

.googlemap, #contaomap_2, .mod_contaomaps {
  height: 600px; }
  @media only screen and (max-width: 600px) {
    .googlemap, #contaomap_2, .mod_contaomaps {
      height: 400px; } }

[class*="_ibani_"] img + div {
  max-height: 280px !important;
  overflow: hidden !important; }

/*
* kollektion ligtbox
*/
.collection #colorbox #cboxLoadedContent {
  background: none; }
.collection #colorbox .mod_article {
  background: none; }
.collection #colorbox body {
  background: none; }
.collection #colorbox #cboxClose {
  top: 10px;
  right: 10px; }
.collection #colorbox #cboxNext {
  width: 15px !important;
  height: 21px !important;
  right: 20px !important; }
  @media only screen and (max-width: 1250px) {
    .collection #colorbox #cboxNext {
      right: 10px !important; } }
  @media only screen and (max-width: 1145px) {
    .collection #colorbox #cboxNext {
      top: 43% !important; } }
  @media only screen and (max-width: 980px) {
    .collection #colorbox #cboxNext {
      top: 37% !important; } }
  @media only screen and (max-width: 800px) {
    .collection #colorbox #cboxNext {
      top: 50% !important; } }
.collection #colorbox #cboxPrevious {
  width: 15px !important;
  height: 21px !important;
  left: 20px !important; }
  @media only screen and (max-width: 1250px) {
    .collection #colorbox #cboxPrevious {
      left: 10px !important; } }
  @media only screen and (max-width: 1145px) {
    .collection #colorbox #cboxPrevious {
      top: 43% !important; } }
  @media only screen and (max-width: 980px) {
    .collection #colorbox #cboxPrevious {
      top: 37% !important; } }
  @media only screen and (max-width: 800px) {
    .collection #colorbox #cboxPrevious {
      top: 50% !important; } }

/*----------------------------------------------------------------------------------*/
/*
* Pagination
*/
.pagination {
  text-align: center;
  margin: 0 0 90px 0; }
  .pagination ul {
    margin: 0 auto; }
    .pagination ul li {
      list-style: none;
      display: inline-block;
      margin: 0 10px 0 0; }
      .pagination ul li a {
        text-decoration: none;
        display: block; }
      .pagination ul li .current {
        text-decoration: underline; }

/*------------------------------------------------------------------------*/
/*
* confirm - Bestätigung / Form
*/
.confirm .ce_text {
  margin-bottom: 200px; }

/*------------------------------------------------------------------------*/
/*
* small columns
*/
.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
  margin: 0 auto;
  max-width: 800px; }

@media only screen and (max-width: 460px) {
  .technology #colorbox #cboxClose {
    right: 0; } }
.technology .rs-columns.wrapper-technologiebox {
  clear: both;
  display: inline-block;
  width: 100%;
  margin: 0 auto;
  max-width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap; }

.datenschutz .rs-columns {
  clear: both;
  display: block;
  width: 100%;
  margin: 0 auto;
  max-width: 800px; }

/*------------------------------------------------------------------------*/
/*
* Kontakt Button
*/
.contact button[type="submit"] {
  background: none;
  line-height: 15px;
  letter-spacing: 1.35000002384186px; }
  .contact button[type="submit"] span {
    padding: 0 27px !important; }
  .contact button[type="submit"]:hover {
    -webkit-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false);
    -moz-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false false);
    -o-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false false);
    transition: compact(all 0.5s linear, false, false, false, false, false, false, false, false, false);
    background-color: transparent;
    background: #dfdfdf; }

/*------------------------------------------------------------------------*/
/*
* Set custom Slider
* for Unternehmen - Story Slider
*/
.responsibility .ce_caroufredsel {
  padding: 0;
  margin: 55px 0 50px 0;
  height: auto; }

.responsibility-teaser {
  margin-top: -17px;
  overflow: visible; }
  .responsibility-teaser .responsibility-slider-content {
    background-repeat: no-repeat;
    box-sizing: border-box;
    margin: 0 15px;
    padding: 0 !important; }
    .responsibility-teaser .responsibility-slider-content .responsibility-slider-inhalt {
      text-align: center;
      background-color: #f7f7f7;
      box-sizing: border-box;
      padding: 30px 80px;
      min-height: 420px; }
      @media only screen and (max-width: 1024px) {
        .responsibility-teaser .responsibility-slider-content .responsibility-slider-inhalt {
          margin: 0 auto;
          float: none;
          max-width: 100%; } }
      @media only screen and (max-width: 768px) {
        .responsibility-teaser .responsibility-slider-content .responsibility-slider-inhalt {
          padding: 30px; } }
      .responsibility-teaser .responsibility-slider-content .responsibility-slider-inhalt h1, .responsibility-teaser .responsibility-slider-content .responsibility-slider-inhalt h2 {
        color: #000000;
        font-family: "bariol_regular";
        font-size: 23px;
        margin: 0;
        padding: 0;
        text-align: center;
        box-sizing: border-box;
        text-transform: uppercase;
        letter-spacing: -1px; }
      .responsibility-teaser .responsibility-slider-content .responsibility-slider-inhalt p {
        text-align: center;
        margin: 20px 0 35px 0;
        padding: 0 !important;
        box-sizing: border-box;
        line-height: 16px;
        font-size: 93%; }

.responsibility-teaser .caroufredsel_navi .caroufredsel_prev {
  background: url(../../files/standard/layout/images/jana/story-arrow-left.png) no-repeat left center;
  top: 60%; }
.responsibility-teaser .caroufredsel_navi .caroufredsel_next {
  background: url(../../files/standard/layout/images/jana/story-arrow-right.png) no-repeat right center;
  top: 60%; }

/*------------------------------------------------------------------------*/
.ce_metamodels_frontendfilter form .formbody .city input {
  text-transform: uppercase; }

/*------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #colorbox #cboxClose {
    top: 20px;
    right: 10px !important; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #colorbox #cboxClose {
    top: 20px;
    right: 10px !important; } }
/*------------------------------------------------------------------------*/
/*
* Kollection show backwards link
*/
.back {
  opacity: 0;
  visibility: hidden;
  display: none;
  -webkit-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false);
  -moz-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false false);
  -o-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false false);
  transition: compact(all 0.5s linear, false, false, false, false, false, false, false, false, false); }
  .back.show {
    display: block;
    opacity: 1;
    visibility: visible; }

/*
* footer social media
*/
.social {
  margin: 5px 0 0 0;
  padding: 0;
  float: left; }

.social li {
  display: inline-block;
  vertical-align: middle;
  font-family: 'icomoon';
  margin: 0 15px 0 0;
  padding: 0; }
  @media only screen and (max-width: 460px) {
    .social li {
      display: block;
      margin-bottom: 5px; } }

.social li a {
  text-decoration: none;
  font-size: 20px;
  color: #cccccc;
  -webkit-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false);
  -moz-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false false);
  -o-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false false);
  transition: compact(all 1s linear, false, false, false, false, false, false, false, false, false); }
  .social li a:hover {
    color: #000; }

.social li span {
  display: none;
  margin: 0;
  padding: 0; }

.social li a:before {
  content: "\ea8a"; }

.social li.facebook a:before {
  content: "\ea8e"; }

.social li.pinterest a:before {
  content: "\ead0"; }

.social li.pinterest a:hover {
  color: #d73532; }

.social li.facebook a:hover {
  color: #cccccc; }

.social li.gplus a:hover {
  color: #df4a32; }

.social li.instagram a:before {
  content: "";
  background-image: url("../../files/standard/layout/images/jana/instagram.svg");
  width: 21px;
  height: 21px;
  display: block;
  background-repeat: no-repeat;
  background-size: contain; }

.lang-ru .responsibility-teaser .responsibility-slider-content .responsibility-slider-inhalt h1,
.lang-ru .responsibility-teaser .responsibility-slider-content .responsibility-slider-inhalt h2 {
  font-family: "VAGRoundedLTCYR-Thin"; }

/*
*   Styling for contest /Gewinnspiel
*/
.contest .contest-form {
  clear: both;
  display: block;
  width: 100%;
  margin: 0 auto;
  max-width: 800px; }
.contest .explanation p {
  text-align: left; }
.contest p.red {
  color: #ff3c4a; }
.contest .error {
  text-align: left !important;
  width: 100%; }
.contest button[type="submit"] span {
  padding-right: 0 !important; }
.contest .formbody .contest-check span {
  margin: 10px 0 0 0; }
  .contest .formbody .contest-check span label {
    display: block !important;
    margin: -18px 0 0 20px;
    float: left;
    text-align: left;
    vertical-align: top; }
    @media only screen and (max-width: 1024px) {
      .contest .formbody .contest-check span label {
        margin: -20px 0 0 20px; } }
  .contest .formbody .contest-check span input {
    float: left;
    display: block; }
    @media only screen and (max-width: 1024px) {
      .contest .formbody .contest-check span input {
        margin-left: 1px; } }
.contest .formbody .contest-check .submit_container {
  margin: -15px 0 0 0; }
.contest .button {
  width: 220px !important;
  -webkit-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false);
  -moz-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false false);
  -o-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false false);
  transition: compact(all 1s linear, false, false, false, false, false, false, false, false, false); }
  .contest .button:hover {
    background: none;
    color: #666;
    border: 1px solid #CCC; }

.txt-left {
  text-align: left !important;
  margin: 0 auto !important;
  max-width: 700px !important; }

.gewinnspiel {
  position: absolute;
  top: 51px;
  right: 120px; }
  .gewinnspiel a {
    font-family: "LP-Bambus-Light";
    -webkit-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false);
    -moz-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false false);
    -o-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false false);
    transition: compact(all 1s linear, false, false, false, false, false, false, false, false, false);
    color: #ff3c4a;
    text-decoration: none;
    font-size: 26px; }

.lowmargin {
  margin: 22px 0 0 0; }

/*------------------------------------------------------------------------*/
/**
 * some mobile fixes here
 */
@media only screen and (max-width: 600px) {
  #container .rs-columns .rs-column.-large-last {
    margin-left: 0 !important;
    margin-top: 30px; } }

@media only screen and (max-width: 460px) {
  .formbody .widget.zip, .formbody .widget.city {
    float: none !important;
    width: 100%; } }

.kollektion .box.picture {
  width: 100% !important;
  position: relative; }

@media only screen and (max-width: 600px) {
  #container .rs-columns .rs-column.-large-last {
    margin-top: 0; } }

@media only screen and (max-width: 600px) {
  .contact #container .rs-columns .rs-column.-large-last {
    margin-top: 30px; } }

@media only screen and (max-width: 460px) {
  #cboxLoadedContent iframe {
    overflow-y: visible !important;
    min-height: 800px; } }

@media only screen and (max-width: 460px) {
  .responsibility .float_below img {
    float: none;
    margin: 0 auto;
    max-width: 184px; } }

@media only screen and (max-width: 460px) {
  .responsibility .float_below {
    margin: 0 auto;
    max-width: 184px;
    text-align: center;
    margin-top: 30px; } }

@media only screen and (max-width: 1150px) {
  body.lang-ru .jana-comfort .jana-comfort-textwrapper {
    margin-top: -15px; } }
@media only screen and (max-width: 970px) {
  body.lang-ru .jana-comfort .jana-comfort-textwrapper {
    top: 0; } }
@media only screen and (max-width: 929px) {
  body.lang-ru .jana-comfort .jana-comfort-textwrapper {
    height: 420px;
    margin: 380px 25% 0 0; } }
@media only screen and (max-width: 750px) {
  body.lang-ru .jana-comfort .jana-comfort-textwrapper {
    margin: 350px 25% 0 0;
    height: 360px; } }
@media only screen and (max-width: 600px) {
  body.lang-ru .jana-comfort .jana-comfort-textwrapper {
    margin: 310px 17% 0 0;
    height: 360px; } }
@media only screen and (max-width: 560px) {
  body.lang-ru .jana-comfort .jana-comfort-textwrapper {
    margin: 245px 15% 0 0;
    height: 360px; } }

.cookiebar {
  background-color: #aaa; }

.cookiebar__button {
  background-color: #000;
  transition: all .2s; }
  .cookiebar__button:hover {
    background-color: #555; }

a.cookiebar__link:visited {
  color: #fff; }

@media only screen and (min-width: 900px) {
  header {
    margin-bottom: 30px; } }
header .dl-menu {
  float: left;
  width: 100%; }
  header .dl-menu li {
    float: none;
    display: block;
    padding: 20px 0px; }
    header .dl-menu li.first {
      padding: 20px 0px; }
    header .dl-menu li.last {
      padding: 20px 0px; }
    @media only screen and (min-width: 1060px) {
      header .dl-menu li {
        display: inline-block;
        padding: 0px 20px; }
        header .dl-menu li.first {
          padding: 0px 20px; }
        header .dl-menu li.last {
          padding: 0px 20px; } }

.mod_changelanguage ul li a:after {
  display: none; }
.mod_changelanguage .active-languages:after {
  display: none; }

.mod_changelanguage.change-languages #toggle-change-languages:after {
  right: 16px; }

@media only screen and (min-width: 600px) {
  h1 {
    line-height: 4.2rem; } }
.social li.description {
  font-family: "bariol_regular";
  font-size: 12px; }

/** Contao 4.4 Styles **/
.ce_list.recycling {
  background-color: #f6f6f6;
  padding: 20px;
  font-size: 1rem;
  max-width: 100%; }
  .ce_list.recycling ul {
    text-align: left;
    max-width: 600px;
    margin: 0 auto; }
    .ce_list.recycling ul li {
      position: relative;
      margin: 20px 0px;
      padding-left: 35px; }
      .ce_list.recycling ul li:first-child {
        margin-top: 0; }
      .ce_list.recycling ul li:last-child {
        margin-bottom: 0; }
      .ce_list.recycling ul li:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 25px;
        height: 25px;
        display: block !important;
        background: url("../../files/standard/layout/images/jana/recycle.svg") no-repeat; }

.player--fluid video {
  width: 100%;
  height: auto; }

.above--tablet {
  display: none; }

.no--margin-top {
  margin-top: 0 !important; }

@media screen and (min-width: 768px) {
  .above--tablet {
    display: block; }

  .under--tablet {
    display: none; }

  .ce_list.recycling {
    font-size: 1.25rem;
    padding: 40px; }
    .ce_list.recycling ul li {
      padding-left: 50px; }
      .ce_list.recycling ul li:before {
        width: 30px;
        height: 30px; } }
.socialMediaIcons {
  max-width: 100%; }

.ce_player {
  margin: 40px auto; }

.margin--bottom {
  margin-bottom: 70px; }

.mod_article ul.no--bullets {
  list-style-type: none;
  padding: 0;
  margin: 0; }

.button.button--left {
  display: block;
  margin-left: 0;
  text-decoration: none;
  text-transform: uppercase; }

.ce_metamodel_list p.info {
  padding: 16px 0px; }

.ce_metamodel_content p.info {
  text-align: left;
  padding: 16px 0px; }

.ce_metamodels_frontendfilter .widget {
  margin-bottom: 16px !important; }
  .ce_metamodels_frontendfilter .widget:last-child {
    margin-bottom: 0 !important; }

@media screen and (min-width: 785px) {
  .ce_metamodels_frontendfilter .widget {
    margin-top: 10px !important;
    margin-bottom: 10px !important; }
    .ce_metamodels_frontendfilter .widget:last-child {
      margin-top: 10px !important;
      margin-bottom: 10px !important; } }
.mod_article ul.ce_tabcontrol {
  list-style: none;
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -2px; }
  .mod_article ul.ce_tabcontrol li {
    flex-basis: 50%;
    max-width: 50%;
    display: flex;
    align-items: center;
    justify-content: center; }
    .mod_article ul.ce_tabcontrol li a {
      font-size: 14px;
      line-height: 60px;
      display: block;
      background-color: #f2f2f2;
      border: 1px solid #f2f2f2;
      flex-basis: 100%;
      max-width: 100%;
      font-weight: bold;
      text-transform: uppercase;
      text-decoration: none;
      border-bottom: 1px solid #e5e5e5;
      transition: .2s ease-in-out; }
      .mod_article ul.ce_tabcontrol li a:hover {
        opacity: .7; }
      .mod_article ul.ce_tabcontrol li a.active {
        background-color: #fff;
        border: 1px solid #e5e5e5;
        border-bottom: 1px solid #fff; }

.tab-content {
  border: 1px solid #e5e5e5;
  border-top: none;
  padding: 40px 20px 20px 20px; }
  .tab-content h1, .tab-content h2, .tab-content h3, .tab-content h4, .tab-content h5, .tab-content h6 {
    text-align: left; }
  .tab-content h4 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.7em; }
  .tab-content .tab-pane {
    display: none; }
    .tab-content .tab-pane.active {
      display: block; }

.kollektion--detail .pagination {
  margin: 0;
  padding-top: 16px; }
.kollektion--detail #container {
  max-width: 1190px; }
  .kollektion--detail #container #main, .kollektion--detail #container #right {
    width: 100%;
    float: none; }
  .kollektion--detail #container .picture img {
    width: 100%; }
.kollektion--detail .kollektion h1, .kollektion--detail .kollektion h2, .kollektion--detail .kollektion h3 {
  display: block;
  text-align: left;
  font-weight: bold;
  margin: 16px 0px;
  padding: 0; }
.kollektion--detail .kollektion h1 {
  font-size: 24px; }
.kollektion--detail .kollektion h2 {
  font-size: 17px;
  letter-spacing: 0px; }
.kollektion--detail .kollektion .influencer--container {
  position: absolute;
  width: auto;
  height: 100%;
  max-height: 70px;
  top: 20px;
  right: 0; }
  .kollektion--detail .kollektion .influencer--container img {
    width: auto !important;
    height: 100%; }
.kollektion--detail .kollektion .technology {
  max-width: 350px; }
  .kollektion--detail .kollektion .technology ul {
    text-align: left; }
    .kollektion--detail .kollektion .technology ul li {
      display: inline-block;
      font-weight: bold;
      text-transform: uppercase; }
      .kollektion--detail .kollektion .technology ul li:after {
        content: '|';
        padding: 0px 4px;
        display: inline-block; }
      .kollektion--detail .kollektion .technology ul li:last-child:after {
        display: none; }
      .kollektion--detail .kollektion .technology ul li a {
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: underline; }
        .kollektion--detail .kollektion .technology ul li a:hover {
          text-decoration: none; }
.kollektion--detail .kollektion .recycledPet {
  position: relative;
  padding-left: 45px;
  min-height: 130px; }
  .kollektion--detail .kollektion .recycledPet:before {
    content: '';
    position: absolute;
    width: 25px;
    height: calc(100% - 10px);
    margin-top: 10px;
    left: 0;
    top: 0;
    background-image: url("../../files/standard/layout/css/images/jana-recycled-pet.svg");
    background-size: contain;
    padding-top: 8px;
    background-position: top center;
    background-repeat: no-repeat; }

.product-shops {
  display: flex;
  flex-wrap: wrap; }
  .product-shops > div {
    padding: 16px;
    flex-basis: 50%;
    max-width: 50%; }
    .product-shops > div:nth-child(even) {
      padding-right: 0; }
    .product-shops > div:nth-child(odd) {
      padding-left: 0; }

.merchants {
  text-align: left;
  max-height: 450px;
  overflow-y: auto; }
  .merchants--item {
    padding: 8px 0px 16px 0px !important;
    border-bottom: 1px solid #ccc;
    margin-bottom: 8px;
    line-height: normal; }
    .merchants--item:first-child {
      padding-top: 0; }
    .merchants--item:last-child {
      padding-bottom: 0;
      margin-bottom: 0;
      border: none; }
    .merchants--item span {
      display: block; }
      .merchants--item span.title {
        font-weight: bold; }
      .merchants--item span.inline span {
        display: inline-block; }

.merchant--filter {
  margin: 0; }
  .merchant--filter form {
    background-color: transparent;
    padding: 0;
    padding-bottom: 24px; }
    .merchant--filter form .formbody .widget {
      width: 100%;
      margin: 0;
      margin-bottom: 16px; }
      .merchant--filter form .formbody .widget:last-child {
        margin-bottom: 0px; }
      .merchant--filter form .formbody .widget label {
        display: block !important;
        text-transform: uppercase;
        font-size: 12px;
        text-align: left;
        font-weigth: bold;
        color: #ccc; }
      .merchant--filter form .formbody .widget input, .merchant--filter form .formbody .widget select {
        border: none;
        background-color: #fcfcfc;
        outline: none;
        color: #000;
        padding: 10px; }
        .merchant--filter form .formbody .widget input:active, .merchant--filter form .formbody .widget input:focus, .merchant--filter form .formbody .widget select:active, .merchant--filter form .formbody .widget select:focus {
          outline: none; }
      .merchant--filter form .formbody .widget.geo {
        width: 70%;
        float: left; }
      .merchant--filter form .formbody .widget.geo_range {
        width: calc(30% - 10px);
        margin-left: 10px;
        float: left; }

.ce_leaflet > div {
  width: 100% !important;
  height: 300px !important; }

.leaflet-popup-content .sales-partner {
  margin-top: 0; }
  .leaflet-popup-content .sales-partner ul li {
    width: 100%; }
    .leaflet-popup-content .sales-partner ul li ul.sales-partner-list {
      margin-right: 0;
      border: none;
      min-height: 0; }
      .leaflet-popup-content .sales-partner ul li ul.sales-partner-list li h3 {
        line-height: 1.5rem; }

@media screen and (max-width: 600px) {
  .merchant--filter form .formbody {
    margin: 0;
    padding: 0; } }
@media screen and (max-width: 784px) {
  .merchant--filter form .formbody {
    margin: 0;
    padding: 0; } }
@media screen and (min-width: 600px) {
  .kollektion--detail .kollektion h1 {
    font-size: 30px;
    line-height: 40px; } }
@media screen and (min-width: 768px) {
  .ce_leaflet > div {
    height: 500px !important; }

  .kollektion--detail #container {
    padding-top: 40px;
    max-width: 1190px; }
    .kollektion--detail #container #main, .kollektion--detail #container #right {
      float: left;
      width: 50%; }

  .product-shops > div {
    flex-basis: 33.333%;
    max-width: 33.333%;
    transition: .2s ease-in-out; }
    .product-shops > div:hover {
      transform: translateY(-2px); }
    .product-shops > div:nth-child(even) {
      padding-right: 16px; }
    .product-shops > div:nth-child(odd) {
      padding-left: 16px; }
    .product-shops > div:nth-child(3n) {
      padding-right: 0; }
    .product-shops > div:nth-child(4n) {
      padding-left: 0; }
    .product-shops > div:first-child {
      padding-left: 0;
      padding-right: 16px; } }
@media screen and (min-width: 1024px) {
  .kollektion--detail .kollektion .recycledPet {
    padding-left: 100px;
    min-height: 140px; }
    .kollektion--detail .kollektion .recycledPet:before {
      width: 80px; }
  .kollektion--detail .kollektion .influencer--container {
    max-height: 100px;
    top: 65px; } }
@media screen and (min-width: 1280px) {
  .ce_leaflet > div {
    height: 600px !important; }

  .kollektion--detail #container #main {
    width: 55%; }
  .kollektion--detail #container #right {
    width: 45%; }
  .kollektion--detail .kollektion .influencer--container {
    max-height: 130px;
    top: 85px;
    right: 40px; }

  .mod_article ul.ce_tabcontrol li a {
    font-size: 16px;
    line-height: 80px; }

  .tab-content {
    padding: 60px 40px 40px 40px; }
    .tab-content h4 {
      font-size: 16px; } }
#jana_popup {
  border: 1px solid black; }
  #jana_popup .widget-submit {
    text-align: center; }
  #jana_popup button {
    margin-bottom: 10px;
    background-color: #D7D0CE; }
    #jana_popup button span {
      padding: 0;
      letter-spacing: 0.09em; }

#cboxLoadedContent {
  height: auto; }

/*# sourceMappingURL=style.css.map */

/*
 * Strip units from all numbers
 * 
 * Based on the following ticket:
 * https://github.com/sass/sass/issues/533
 */
/*
 * Font Settings
 */
* html {
  font-size: 93.75%; }

html {
  font-size: 15px;
  line-height: 1.6em; }

/*
 * Color settings
 *
 * How to use color variables:
 * http://davidwalsh.name/sass-color-variables-dont-suck
 * http://chir.ag/projects/name-that-color/
 */
/*
 * Icon settings
 *
 * How to use icon variables and the new map function:
 * http://jaydenseric.com/blog/fun-with-sass-and-font-icons
 *
 * To use data types "maps", use the alpha version of Compass
 * http://stackoverflow.com/questions/22515932/use-map-data-type-with-compass
 */
/*
 * Example media queries
 *
 * max-width
 * @include breakpoint(500)
 * @media screen and (max-width: 500px)
 *
 * min-width
 * @include breakpoint(500, min)
 * @media screen and (min-width: 500px)
 *
 * min-width and max-width
 * @include breakpoint(470 500)
 * @media screen and (min-width: 470px) and (max-width: 500px)
 */
/*
 * Reset the box-shadow
 */
/*
 * Normalize the icon font
 * 
 * How to use
 * @include normalize-icon-font($font-family, [$styles]);
 * 
 * Real life example (without styles)
 * @include normalize-icon-font('Arial', false);
 */
/*
 * Normalize the icon font
 * 
 * How to use
 * @include normalize-icon-font($font-family, [$styles]);
 * 
 * Real life example (without styles)
 * @include normalize-icon-font('Arial', false);
 */
/*
 * For adding font icons to elements using CSS pseudo-elements
 * 
 * Based on the following tutorial:
 * http://jaydenseric.com/blog/fun-with-sass-and-font-icons
 *
 * You need the compass alpha to use this mixin
 * http://stackoverflow.com/questions/22515932/use-map-data-type-with-compass
 * 
 * How to use
 * @include icon-font($font, [$icon], [$position], [$styles]);
 */
/*
 * Including retina images
 * Based on https://gist.github.com/twe4ked/1432554
 * 
 * How to use (without @content)
 * @include background-image-retina('$file', '$type', $width, $height);
 *
 * How to use (with @content)
 * @include background-image-retina('$file', '$type', $width, $height) {
 *   background-color:transparent;
 * };
 * 
 * Real life example
 * @include background-image-retina('logo', 'png', 50px, 50px);
 */
/*
 * Strip units from all numbers
 * 
 * Based on the following ticket:
 * https://github.com/sass/sass/issues/533
 */
/*
 * Font Settings
 */
* html {
  font-size: 93.75%; }

html {
  font-size: 15px;
  line-height: 1.6em; }

/*
 * Color settings
 *
 * How to use color variables:
 * http://davidwalsh.name/sass-color-variables-dont-suck
 * http://chir.ag/projects/name-that-color/
 */
/*
 * Icon settings
 *
 * How to use icon variables and the new map function:
 * http://jaydenseric.com/blog/fun-with-sass-and-font-icons
 *
 * To use data types "maps", use the alpha version of Compass
 * http://stackoverflow.com/questions/22515932/use-map-data-type-with-compass
 */
/*
 * Convert absolute font sizes to rem with px fallback
 * 
 * How to use
 * @include adjust-font-size-to-rem($font-size, [$line-height]);
 */
/*
 * Reset the box-shadow
 */
/**
 * Set button style
 */
/**
 * Set button style
 */
/**
 * Set button style
 */
/**
 * Set button style
 */
/*
 * Reset the box-shadow
 */
/*
 *
 */
/*
 * Reset the box-shadow
 */
/*
 *
 */
/*
 * Reset the box-shadow
 */
/**
 * Set custom background themes
 */
/*------------------------------------------------------------------------*/
@media screen, projection {
  /**
   * mobile navigation

   */
  .start .caroufredsel_pagi a {
    border: 3px solid #888381;
    width: 13px;
    height: 13px;
    display: inline-block;
    margin-top: 13px;
    margin-right: 5px; }
    .start .caroufredsel_pagi a.selected {
      border-color: #cccccc; }
    .start .caroufredsel_pagi a span {
      display: none; }
  .start #unsere-marken .rs-columns {
    text-align: center; }
    .start #unsere-marken .rs-columns .rs-column {
      display: inline-block;
      float: none; }

  /**
   * hyperlink under the brands
   */
  html nav#dl-menu li.submenu ul li a {
    max-width: 225px !important;
    white-space: normal;
    display: block;
    line-height: 15px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important; } }
  @media only screen and (max-width: 1024px) {
    html nav#dl-menu li.submenu ul li a {
      max-width: 100% !important; } }
  @media only screen and (max-width: 900px) {
    html nav#dl-menu li.submenu ul li a {
      max-width: 100% !important;
      line-height: inherit !important;
      padding: 15px 30px !important; } }

@media screen, projection {
  html nav#dl-menu li.submenu ul li span {
    display: block;
    white-space: normal;
    line-height: 15px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important; } }
  @media only screen and (max-width: 1024px) {
    html nav#dl-menu li.submenu ul li span {
      max-width: 100% !important;
      line-height: inherit !important;
      padding: 15px 30px !important; } }

@media only screen and (max-width: 1060px) {
  html .dl-menuwrapper .dl-menu.dl-menuopen {
    opacity: 1;
    pointer-events: auto; } }

@media screen, projection {
  html nav li:nth-of-type(1) ul {
    min-width: 215px; }

  html nav li:nth-of-type(2) ul {
    min-width: 150px; }

  .ce_caroufredsel {
    padding: 55px 33px; }
    .ce_caroufredsel.mobile .caroufredsel_next,
    .ce_caroufredsel.mobile .caroufredsel_prev {
      display: none !important; }
    .ce_caroufredsel.mobile .caroufredsel > div {
      padding-left: 0; }

  .caroufredsel_pagi {
    display: none !important;
    overflow: hidden;
    margin: 0;
    padding: 0; }

  .tablet-environment-slider .caroufredsel > div {
    margin: 0 37px; }

  .responsibility .jana-slider.liability .caroufredsel div.ce_image.block.visible {
    margin: 0 !important;
    padding: 0 !important; }

  .slider .ls-l.text p {
    font-size: 15px; }

  .caroufredsel_skin {
    position: relative; }

  .caroufredsel_navi .caroufredsel_prev {
    background: url(../../files/standard/layout/images/jana/arrow-left.png); }
  .caroufredsel_navi .caroufredsel_next {
    background: url(../../files/standard/layout/images/jana/arrow-right.png); }
  .caroufredsel_navi .caroufredsel_next,
  .caroufredsel_navi .caroufredsel_prev {
    line-height: 50px !important;
    text-decoration: none;
    vertical-align: middle;
    position: absolute;
    margin-top: -113px;
    top: 50%;
    width: 75px;
    height: 154px; }
    .caroufredsel_navi .caroufredsel_next span,
    .caroufredsel_navi .caroufredsel_prev span {
      display: none; }
  .caroufredsel_navi .caroufredsel_next {
    right: 0; }

  .line h3 {
    margin-bottom: 21px;
    margin-top: 21px;
    padding-bottom: 13px;
    position: relative;
    letter-spacing: -1px; }

  .wcom h2 {
    margin-bottom: 21px;
    margin-top: 21px;
    padding-bottom: 13px;
    position: relative;
    letter-spacing: -1px;
    margin-bottom: 6px;
    line-height: 100%; }
  .wcom h2 + div.ce_text p:first-child {
    padding-top: 8px; }
  .wcom .submenu ul {
    background-color: rgba(255, 255, 255, 0.7); } }
  @media only screen and (max-width: 1024px) {
    .wcom .submenu ul {
      background-color: #cccccc; } }
@media screen, projection {
  .wcom #container .job-tips li,
  .wcom #container .job-tips .ce_list {
    background-color: transparent; }
    .wcom #container .job-tips li :nth-of-type(odd):after,
    .wcom #container .job-tips li :nth-of-type(even):after,
    .wcom #container .job-tips .ce_list :nth-of-type(odd):after,
    .wcom #container .job-tips .ce_list :nth-of-type(even):after {
      border-style: none;
      border-width: 0;
      border-color: transparent; }

  /*------------------------------------------------------------------------*/
  /**
   * Changelanguage
   */
  .mod_changelanguage {
    position: absolute;
    right: 40px;
    top: 51px;
    text-transform: uppercase;
    letter-spacing: .15em; } }
  @media only screen and (max-width: 460px) {
    .mod_changelanguage {
      right: 50px; } }

@media screen, projection {
  /*------------------------------------------------------------------------*/
  .ce_download + .ce_hyperlink.button {
    margin-top: 15px; }

  /**
   * contactform
   */
  .lang-ru .formbody select {
    font-family: "VAGRoundedLTCYR-Thin"; }

  .formbody {
    /**
     * creation of a checkbox which originally was a label
     */
    /**
     * the originally checkbox should go away
     */
    /**
     * Changing the placeholder color
     */ }
    .formbody > div.mandatory label {
      display: none; }
    .formbody > div.mandatory .checkbox_container label {
      display: inline-block; }
    .formbody div.zip, .formbody div.city {
      display: inline-block; }
    .formbody div.zip {
      width: 30%;
      margin-right: 2%; }
    .formbody div.city {
      width: 68%; }
    .formbody .explanation .mandatory {
      color: #cccccc; }
    .formbody input[type="text"], .formbody input[type="email"], .formbody input[type="number"] {
      border: 1px solid #cccccc;
      border-radius: 0;
      padding: 10px 20px;
      width: 100%; }
    .formbody input[type="submit"] {
      border-color: transparent;
      text-transform: uppercase;
      -webkit-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false);
      -moz-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false false);
      -o-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false false);
      transition: compact(all 1s linear, false, false, false, false, false, false, false, false, false);
      color: #000000;
      display: inline-block;
      line-height: 15px;
      padding: 13px 20px;
      position: relative;
      vertical-align: middle;
      border: 1px solid #000000;
      margin: 38px auto 86px auto;
      width: 171px;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0; }
      .formbody input[type="submit"].btnCenter {
        margin: 38px auto 86px auto;
        display: block !important; }
      .formbody input[type="submit"] a {
        color: #000000;
        padding-right: 0;
        text-align: left;
        text-decoration: none;
        text-transform: uppercase; }
      .formbody input[type="submit"]:after {
        -webkit-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false);
        -moz-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false false);
        -o-transition: compact(compact(all 1s linear, false, false, false, false, false, false, false, false, false) false false false);
        transition: compact(all 1s linear, false, false, false, false, false, false, false, false, false); }
      .formbody input[type="submit"]:hover {
        -webkit-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false);
        -moz-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false false);
        -o-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false false);
        transition: compact(all 0.5s linear, false, false, false, false, false, false, false, false, false);
        background-color: transparent;
        background: #dfdfdf; }
        .formbody input[type="submit"]:hover:after {
          -webkit-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false);
          -moz-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false false);
          -o-transition: compact(compact(all 0.5s linear, false, false, false, false, false, false, false, false, false) false false false);
          transition: compact(all 0.5s linear, false, false, false, false, false, false, false, false, false);
          color: #cccccc;
          display: inline-block; }
        .formbody input[type="submit"]:hover a {
          color: #000000; }
      .formbody input[type="submit"]:hover {
        color: #000000; }
        .formbody input[type="submit"]:hover:after {
          font-family: "iconfont";
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "a"; }
    .formbody textarea, .formbody select {
      border: 1px solid #cccccc;
      border-radius: 0;
      padding: 10px 20px;
      width: 100%; }
    .formbody select {
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      background-position: 97% 15px;
      font-family: "bariol_regular";
      text-transform: uppercase;
      background-image: url(../../files/standard/layout/images/jana/arrow-down-jana.png);
      background-repeat: no-repeat; }
    .formbody select.mandatory {
      font-family: "bariol_regular";
      font-size: 13px;
      background-image: url(../../files/standard/layout/images/jana/arrow-down-jana.png);
      background-position: 97% 15px;
      background-repeat: no-repeat;
      z-index: 2;
      padding-right: 15px; }
    .formbody select::-ms-expand {
      display: none; }
    .formbody .mm_select, .formbody .select {
      position: relative; }
    .formbody ::-webkit-input-placeholder {
      color: #000000; }
    .formbody :-moz-placeholder {
      /* Firefox 18- */
      color: #000000; }
    .formbody ::-moz-placeholder {
      /* Firefox 19+ */
      color: #000000; }
    .formbody :-ms-input-placeholder {
      color: #000000; }
    .formbody label {
      display: none !important; }

  /* End of the class formbody */
  /**
   * Filter
   */
  .formbody .widget {
    width: 100%;
    display: inline-block; }
    .formbody .widget:first-child {
      margin-right: 1%; }
    .formbody .widget label {
      display: none; }
    .formbody .widget.zip, .formbody .widget.city {
      float: left; }

  button[type="submit"] {
    border: none; }
    button[type="submit"] span {
      padding-right: 20px;
      text-transform: uppercase; }
    button[type="submit"]:hover {
      color: #000000; } }

/*# sourceMappingURL=wcom.css.map */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 5, 2014 */



@font-face {
    font-family: 'bariol_regular';
    src: url('../../files/standard/layout/fonts/bariol/bariol-regular.eot');
    src: url('../../files/standard/layout/fonts/bariol/bariol-regular.eot?#iefix') format('embedded-opentype'),
         url('../../files/standard/layout/fonts/bariol/bariol-regular.woff2') format('woff2'),
         url('../../files/standard/layout/fonts/bariol/bariol-regular.woff') format('woff'),
         url('../../files/standard/layout/fonts/bariol/bariol-regular.ttf') format('truetype'),
         url('../../files/standard/layout/fonts/bariol/bariol-regular.svg#bariol_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
	font-family: 'socialMedia';
	src:url('../../files/standard/layout/fonts/font_social/fonts/icomoon.eot?1zqckd');
	src:url('../../files/standard/layout/fonts/font_social/fonts/icomoon.eot?#iefix1zqckd') format('embedded-opentype'),
		url('../../files/standard/layout/fonts/font_social/fonts/icomoon.woff?1zqckd') format('woff'),
		url('../../files/standard/layout/fonts/font_social/fonts/icomoon.ttf?1zqckd') format('truetype'),
		url('../../files/standard/layout/fonts/font_social/fonts/icomoon.svg?1zqckd#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'socialMedia';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
	content: "\66";
}
.icon-instagram:before {
	content: "\69";
}
.icon-pinterest:before {
	content: "\70";
}
.icon-twitter:before {
	content: "\74";
}

@font-face {
	font-family: 'icomoon';
	src:url('../../files/standard/layout/fonts/icomoon/fonts/icomoon.eot?bbs6nl');
	src:url('../../files/standard/layout/fonts/icomoon/fonts/icomoon.eot?#iefixbbs6nl') format('embedded-opentype'),
		url('../../files/standard/layout/fonts/icomoon/fonts/icomoon.woff?bbs6nl') format('woff'),
		url('../../files/standard/layout/fonts/icomoon/fonts/icomoon.ttf?bbs6nl') format('truetype'),
		url('../../files/standard/layout/fonts/icomoon/fonts/icomoon.svg?bbs6nl#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-google-plus3:before {
	content: "\ea8a";
}

.icon-facebook3:before {
	content: "\ea8e";
}

.icon-pinterest:before {
	content: "\ead0";
}


@font-face {
    font-family: 'iconfont';
    src:    url('../../files/standard/layout/fonts/iconfont/fonts/iconfont.eot?5hnetd');
    src:    url('../../files/standard/layout/fonts/iconfont/fonts/iconfont.eot?5hnetd#iefix') format('embedded-opentype'),
        url('../../files/standard/layout/fonts/iconfont/fonts/iconfont.ttf?5hnetd') format('truetype'),
        url('../../files/standard/layout/fonts/iconfont/fonts/iconfont.woff?5hnetd') format('woff'),
        url('../../files/standard/layout/fonts/iconfont/fonts/iconfont.svg?5hnetd#iconfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'iconfont' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-arrow:before {
    content: "\e800";
}
.icon-mail:before {
    content: "\e801";
}
.icon-pointer:before {
    content: "\e802";
}
.icon-uni61:before {
    content: "\61";
}
.icon-uni65:before {
    content: "\65";
}
.icon-uni66:before {
    content: "\66";
}
.icon-uni67:before {
    content: "\67";
}
.icon-uni6C:before {
    content: "\6c";
}
.icon-uni6E:before {
    content: "\6e";
}
.icon-uni70:before {
    content: "\70";
}
.icon-uni74:before {
    content: "\74";
}
.icon-uni78:before {
    content: "\78";
}


@font-face {
    font-family: 'LP-Bambus-Light';
    src: url('../../files/standard/layout/fonts/LP-Bambus/LP-Bambus-W00-Light.eot');
    src: url('../../files/standard/layout/fonts/LP-Bambus/LP-Bambus-W00-Light.eot?#iefix') format('embedded-opentype'),
         url('../../files/standard/layout/fonts/LP-Bambus/LP-Bambus-W00-Light.woff') format('woff'),
         url('../../files/standard/layout/fonts/LP-Bambus/LP-Bambus-W00-Light.ttf') format('truetype'),
         url('../../files/standard/layout/fonts/LP-Bambus/LP-Bambus-W00-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'LP-Bambus-Regular';
    src: url('../../files/standard/layout/fonts/LP-Bambus/LP-Bambus-W00-Regular.eot');
    src: url('../../files/standard/layout/fonts/LP-Bambus/LP-Bambus-W00-Regular.eot?#iefix') format('embedded-opentype'),
         url('../../files/standard/layout/fonts/LP-Bambus/LP-Bambus-W00-Regular.woff') format('woff'),
         url('../../files/standard/layout/fonts/LP-Bambus/LP-Bambus-W00-Regular.ttf') format('truetype'),
         url('../../files/standard/layout/fonts/LP-Bambus/LP-Bambus-W00-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
	font-family: 'pagination';
	src: url('../../files/standard/layout/fonts/pagination/fonts/icomoon.eot');
}
@font-face {
	font-family: 'pagination';
	src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6SAysAAAC8AAAAYGNtYXAaVcxYAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5ZhuT1ykAAAFwAAABTGhlYWQBvsUrAAACvAAAADZoaGVhBV8DxwAAAvQAAAAkaG10eAU6AAMAAAMYAAAAGGxvY2EAzgB2AAADMAAAAA5tYXhwAAkALQAAA0AAAAAgbmFtZVcZpu4AAANgAAABRXBvc3QAAwAAAAAEqAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmAQPA/8D/wAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYB//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAgAD/8IBnQO+AA0AKgAABREOAQcOARUUFhceARcBNDY/ATI2MzIWFRQGDwEXHgEVFAYjIiYvAS4BNQGdWJY3Nz4+NzeWWP70AwJoAQICBQUBA2BgAwEFBQICAWgCAz4D/BJdREOqXl+pRENdEgIKAwQCUgIGBAMEAkpKAgQCBAYBAVIBBAMAAAIAAP/CAZoDvgANACoAABMRPgE3PgE1NCYnLgEnARQGDwEOASMiJjU0Nj8BJy4BNTQ2MzIWHwEeARUAWJY3Nz4+NzeWWAEJAwFoAQMCBAYCAmBgAgIGBAIDAWgBAwO+/AQSXUNEqV9eqkNEXRL99gMFAVIBAQYEAgUBS0oBBQIEBgEBUgEEAwABAAAAAQAA7KfrMl8PPPUACwQAAAAAANCBQFcAAAAA0IFAVwAA/8IBnQO+AAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAGdAAEAAAAAAAAAAAAAAAAAAAAGAAAAAAAAAAAAAAAAAgAAAAGdAAMBnQAAAAAAAAAKABQAHgBiAKYAAAABAAAABgArAAIAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'),
		 url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUUAAsAAAAABMgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDpIDK2NtYXAAAAFoAAAATAAAAEwaVcxYZ2FzcAAAAbQAAAAIAAAACAAAABBnbHlmAAABvAAAAUwAAAFMG5PXKWhlYWQAAAMIAAAANgAAADYBvsUraGhlYQAAA0AAAAAkAAAAJAVfA8dobXR4AAADZAAAABgAAAAYBToAA2xvY2EAAAN8AAAADgAAAA4AzgB2bWF4cAAAA4wAAAAgAAAAIAAJAC1uYW1lAAADrAAAAUUAAAFFVxmm7nBvc3QAAAT0AAAAIAAAACAAAwAAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA5gEDwP/A/8ADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDmAf/9//8AAAAAACDmAP/9//8AAf/jGgQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAIAA//CAZ0DvgANACoAAAURDgEHDgEVFBYXHgEXATQ2PwEyNjMyFhUUBg8BFx4BFRQGIyImLwEuATUBnViWNzc+Pjc3llj+9AMCaAECAgUFAQNgYAMBBQUCAgFoAgM+A/wSXURDql5fqURDXRICCgMEAlICBgQDBAJKSgIEAgQGAQFSAQQDAAACAAD/wgGaA74ADQAqAAATET4BNz4BNTQmJy4BJwEUBg8BDgEjIiY1NDY/AScuATU0NjMyFh8BHgEVAFiWNzc+Pjc3llgBCQMBaAEDAgQGAgJgYAICBgQCAwFoAQMDvvwEEl1DRKlfXqpDRF0S/fYDBQFSAQEGBAIFAUtKAQUCBAYBAVIBBAMAAQAAAAEAAOyn6zJfDzz1AAsEAAAAAADQgUBXAAAAANCBQFcAAP/CAZ0DvgAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAABnQABAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAIAAAABnQADAZ0AAAAAAAAACgAUAB4AYgCmAAAAAQAAAAYAKwACAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAA4AAAABAAAAAAACAA4ARwABAAAAAAADAA4AJAABAAAAAAAEAA4AVQABAAAAAAAFABYADgABAAAAAAAGAAcAMgABAAAAAAAKADQAYwADAAEECQABAA4AAAADAAEECQACAA4ARwADAAEECQADAA4AJAADAAEECQAEAA4AVQADAAEECQAFABYADgADAAEECQAGAA4AOQADAAEECQAKADQAYwBpAGMAbwBtAG8AbwBuAFYAZQByAHMAaQBvAG4AIAAxAC4AMABpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuAFIAZQBnAHUAbABhAHIAaQBjAG8AbQBvAG8AbgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'pagination';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-icon_left:before {
	content: "\e600";
}
.icon-icon_right:before {
	content: "\e601";
}

/**
 * @license
 * MyFonts Webfont Build ID 2982645, 2015-03-02T05:08:46-0500
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: Tatiana by ParaType
 * URL: http://www.myfonts.com/fonts/paratype/tatiana/tatiana/
 * Copyright: Copyright © 1995 ParaType Inc., ParaType Ltd. All rights reserved.
 * Licensed pageviews: 10,000
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2982645
 *
 * © 2015 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2d82f5");


@font-face {font-family: 'Tatiana';src: url('../../files/standard/layout/fonts/tatiana/2D82F5_0_0.eot');src: url('../../files/standard/layout/fonts/tatiana/2D82F5_0_0.eot?#iefix') format('embedded-opentype'),url('../../files/standard/layout/fonts/tatiana/2D82F5_0_0.woff2') format('woff2'),url('../../files/standard/layout/fonts/tatiana/2D82F5_0_0.woff') format('woff'),url('../../files/standard/layout/fonts/tatiana/webfonts/2D82F5_0_0.ttf') format('truetype');}

/**
 * @license
 * MyFonts Webfont Build ID 2982602, 2015-03-02T03:43:30-0500
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: VAGRoundedLTCYR-Thin by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/vag-rounded/pro-cyrillic-thin/
 * Copyright: Copyright © 2009 Linotype Corp., www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype Corp. VAG Rounded is a trademark of Linotype Corp.
 * Licensed pageviews: 250,000
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2982602
 *
 * © 2015 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2d82ca");


@font-face {font-family: 'VAGRoundedLTCYR-Thin';src: url('../../files/standard/layout/fonts/vagrounded/2D82CA_0_0.eot');src: url('../../files/standard/layout/fonts/vagrounded/2D82CA_0_0.eot?#iefix') format('embedded-opentype'),url('../../files/standard/layout/fonts/vagrounded/2D82CA_0_0.woff2') format('woff2'),url('../../files/standard/layout/fonts/vagrounded/2D82CA_0_0.woff') format('woff'),url('../../files/standard/layout/fonts/vagrounded/2D82CA_0_0.ttf') format('truetype');}